<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Minification failed. Returning unminified contents.
(292,16273): run-time error CSS1046: Expect comma, found '32'
(292,16279): run-time error CSS1046: Expect comma, found '/'
(295,1): run-time error CSS1019: Unexpected token, found '@import'
(295,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i)'
(296,1): run-time error CSS1019: Unexpected token, found '@import'
(296,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i)'
(297,1): run-time error CSS1019: Unexpected token, found '@import'
(297,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i)'
(298,1): run-time error CSS1019: Unexpected token, found '@import'
(298,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700)'
(299,1): run-time error CSS1019: Unexpected token, found '@import'
(299,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i)'
(300,1): run-time error CSS1019: Unexpected token, found '@import'
(300,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i)'
(301,1): run-time error CSS1019: Unexpected token, found '@import'
(301,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Lato)'
(305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(450,53): run-time error CSS1046: Expect comma, found '72'
(450,60): run-time error CSS1046: Expect comma, found '/'
(4659,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4660,10): run-time error CSS1035: Expected colon, found '{'
(9194,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9211,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9228,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9245,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12958,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12959,8): run-time error CSS1035: Expected colon, found '{'
(12964,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12965,8): run-time error CSS1035: Expected colon, found '{'
(13021,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '12.5%'
(13055,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '12.5%'
(13097,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13098,10): run-time error CSS1035: Expected colon, found '{'
(13123,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13124,10): run-time error CSS1035: Expected colon, found '{'
(13149,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13150,10): run-time error CSS1035: Expected colon, found '{'
(13171,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13172,10): run-time error CSS1035: Expected colon, found '{'
(13193,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13194,10): run-time error CSS1035: Expected colon, found '{'
(13215,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13216,10): run-time error CSS1035: Expected colon, found '{'
(13237,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13238,10): run-time error CSS1035: Expected colon, found '{'
(13259,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13260,10): run-time error CSS1035: Expected colon, found '{'
(13345,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13346,10): run-time error CSS1035: Expected colon, found '{'
(13359,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13360,10): run-time error CSS1035: Expected colon, found '{'
(13376,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13377,10): run-time error CSS1035: Expected colon, found '{'
(13390,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13391,10): run-time error CSS1035: Expected colon, found '{'
(13412,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13413,10): run-time error CSS1035: Expected colon, found '{'
(13422,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13423,10): run-time error CSS1035: Expected colon, found '{'
(13757,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13777,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13778,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17554,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(17561,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17562,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(17688,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17747,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17748,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19507,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(19508,10): run-time error CSS1035: Expected colon, found '{'
(19517,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(19518,10): run-time error CSS1035: Expected colon, found '{'
(19635,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(19636,10): run-time error CSS1035: Expected colon, found '{'
(19977,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(19978,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19989,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(19990,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20001,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(20008,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(20015,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(20022,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(20029,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20039,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20049,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20050,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20059,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22278,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22279,10): run-time error CSS1035: Expected colon, found '{'
(23526,64): run-time error CSS1030: Expected identifier, found 'th'
(23526,66): run-time error CSS1031: Expected selector, found ')'
(23526,66): run-time error CSS1025: Expected comma or open brace, found ')'
(26123,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26124,10): run-time error CSS1035: Expected colon, found '{'
(26137,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26138,10): run-time error CSS1035: Expected colon, found '{'
(26151,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26152,10): run-time error CSS1035: Expected colon, found '{'
(26163,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26164,10): run-time error CSS1035: Expected colon, found '{'
(26175,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26176,10): run-time error CSS1035: Expected colon, found '{'
(26187,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26188,10): run-time error CSS1035: Expected colon, found '{'
(26199,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26200,10): run-time error CSS1035: Expected colon, found '{'
(26211,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26212,10): run-time error CSS1035: Expected colon, found '{'
(26223,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26224,10): run-time error CSS1035: Expected colon, found '{'
(26235,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26236,10): run-time error CSS1035: Expected colon, found '{'
(26247,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26248,10): run-time error CSS1035: Expected colon, found '{'
(26257,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26258,10): run-time error CSS1035: Expected colon, found '{'
(26267,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26268,10): run-time error CSS1035: Expected colon, found '{'
(26277,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26278,10): run-time error CSS1035: Expected colon, found '{'
(27165,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(27166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27177,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(27178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(27184,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(27185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(27191,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(27192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27201,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(27202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(28221,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28222,10): run-time error CSS1035: Expected colon, found '{'
(28400,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28401,10): run-time error CSS1035: Expected colon, found '{'
(28788,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28789,10): run-time error CSS1035: Expected colon, found '{'
(28975,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28976,10): run-time error CSS1035: Expected colon, found '{'
(29157,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29158,10): run-time error CSS1035: Expected colon, found '{'
(29342,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29343,10): run-time error CSS1035: Expected colon, found '{'
(31380,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(31392,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(31399,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(31406,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(31416,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(31426,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(31432,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(35487,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35502,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35503,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(35508,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36278,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38045,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38077,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38078,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38112,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38147,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38182,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38354,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38369,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(38370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38384,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(38385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38399,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38414,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38442,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(38443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38470,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(38471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38498,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38526,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38540,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(38541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38554,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(38555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38568,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39053,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39054,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39551,17): run-time error CSS1039: Token not allowed after unary operator: '-color-slide-alt'
(39854,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(41393,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(41394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(41494,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(41495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(41511,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(41512,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(41528,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(41529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(41545,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(41546,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(41562,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(41563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(41579,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(41580,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(41741,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(41742,8): run-time error CSS1035: Expected colon, found '{'
(41749,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(41750,8): run-time error CSS1035: Expected colon, found '{'
(41757,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(41758,8): run-time error CSS1035: Expected colon, found '{'
(41765,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(41766,8): run-time error CSS1035: Expected colon, found '{'
(41774,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(41775,8): run-time error CSS1035: Expected colon, found '{'
(41783,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(41784,8): run-time error CSS1035: Expected colon, found '{'
(41869,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(41870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(47480,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(47481,10): run-time error CSS1035: Expected colon, found '{'
(47492,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(47493,10): run-time error CSS1035: Expected colon, found '{'
(47504,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(47505,10): run-time error CSS1035: Expected colon, found '{'
(47514,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(47515,10): run-time error CSS1035: Expected colon, found '{'
(48050,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(48051,10): run-time error CSS1035: Expected colon, found '{'
(50365,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(50366,10): run-time error CSS1035: Expected colon, found '{'
(59503,12): run-time error CSS1038: Expected hex color, found '#152266b'
(68338,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(68339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(68360,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(68361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(71850,2713): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(71850,2748): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(71850,2822): run-time error CSS1019: Unexpected token, found '@keyframes'
(71850,2849): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(71851,23867): run-time error CSS1038: Expected hex color, found '#cccc'
(71851,28061): run-time error CSS1046: Expect comma, found '119'
(71851,28068): run-time error CSS1046: Expect comma, found '/'
(71857,23): run-time error CSS1046: Expect comma, found '0'
(71857,27): run-time error CSS1046: Expect comma, found '/'
(71905,33941): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/*! jQuery UI - v1.10.4 - 2014-01-17


/* Layout helpers
----------------------------------*/.ui-helper-reset,.ui-menu{outline:0;list-style:none}.ui-button,.ui-spinner,.ui-spinner-input{vertical-align:middle}.ui-helper-hidden,.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-zfix,.ui-widget-overlay{top:0;width:100%;height:100%;left:0}.ui-helper-reset{margin:0;padding:0;border:0;line-height:1.3;text-decoration:none;font-size:100%}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons,.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{height:auto;max-height:200px;overflow-y:scroll;position:absolute;top:1;left:0;cursor:pointer;z-index:99999!important}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;text-align:center;overflow:visible}.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text,input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}.ui-button-icon-only .ui-icon,.ui-button-icons-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-icons-only .ui-button-icon-primary,.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary{left:.5em}.ui-button-icons-only .ui-button-icon-secondary,.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:8px;width:1.3em;height:1.3em;background:#fff}.ui-datepicker .ui-datepicker-prev{left:5px}.ui-datepicker .ui-datepicker-next{right:5px}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{right:5px;top:8px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker th span{color:#000}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0 0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{padding:2px;margin:0;display:block}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;height:25px;min-height:0;font-weight:400;font-size:14px}.ui-menu .ui-menu-item a.ui-state-active,.ui-menu .ui-menu-item a.ui-state-focus{font-weight:400;margin:-1px}.ui-menu .ui-state-disabled{font-weight:400;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons,.ui-resizable{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(../images/animated-overlay.gif);height:100%;opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.5em;height:1.5em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.4em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min,.ui-spinner-down{bottom:0}.ui-slider-vertical .ui-slider-range-max,.ui-spinner-up{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0}.ui-spinner-input{border:none;background:0 0;color:inherit;padding:0;margin:.2em 22px .2em .4em}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0 0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Lato', sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Lato',sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:url(../images/ui-bg_flat_75_ffffff_40x100.png) #fff;color:#01407e}.ui-widget-content a,.ui-widget-header a{color:#222}.ui-widget-header{border:1px solid #081444;background:url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x #172a64;color:#fff;font-weight:700}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #f5f5f5;font-weight:400;color:#555;text-align:center}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:none;background:#ffab54;font-weight:400;color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #091547;font-weight:400;color:#fff}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #532d6d;background:url(../images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x #ffab54;color:#532d6d}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:url(../images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x #fef1ec;color:#cd0a0a}.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-state-active .ui-icon,.ui-state-default .ui-icon,.ui-state-error .ui-icon,.ui-state-error-text .ui-icon,.ui-state-focus .ui-icon,.ui-state-highlight .ui-icon,.ui-state-hover .ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(../images/ui-icons_454545_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-first,.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-widget-overlay,.ui-widget-shadow{background:url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:4px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:4px}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;border-radius:8px}
/*
 * jQuery FlexSlider v2.7.2
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
/*@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides &gt; li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides &gt; li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides &gt; li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: 320px;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none;
  }
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
	display: none;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
	display: none;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
	display: none;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
	display: none;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 7px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
 background: rgba(64, 63, 63, 0.55);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: white;
  
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
	  display: none;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
	  display: none;
  }
}

@charset "utf-8";.ban_p,.get_exciting,.heading_one,.or_p{font-weight:700}.button_book,.button_view,.cruise_ban_p,.cruise_p3,.div_white_p1,.heading_one{text-transform:uppercase}body{overflow-x:hidden}.col-sm-6 select,.pass_col select{border-bottom:1px solid #ced4da}.contfor label{display:inline-block!important}.get_exciting{font-size:52px;color:#152266!important;font-family:Montserrat,sans-serif!important;line-height:54px;margin-top:25px;margin-bottom:25px}.explore-dest .sec-header{margin-bottom:0!important;margin-top:-15px!important}.awesome_tour_box_img,.col-12-div,col-12-div-sec{width:100%}.ticket-booking-1w .cab-formbox .pnl-header p{font-size:13px!important;font-weight:400!important}.india_tour_banner{background-image:url("../img/india_tour_banner.jpg");height:490px;background-size:100%}.heading_one{font-size:65px;text-align:center;font-family:arial;padding-top:8%;color:#001030;padding-bottom:15px}.para_one{letter-spacing:5px;text-align:center;font-size:22px;margin-top:-15px;margin-bottom:20px}.pop_p_1{display:inline-block;float:left;padding:7px 15px;background-color:#a80303;color:#fff;font-size:14px;border-radius:15px 0 0;width:19.5%;text-align:center}.pop_p_2,.pop_p_3{display:inline-block;padding:7px 15px;background-color:#dfe0db;color:#5f7481;font-size:14px;margin-left:2px;width:19.5%;text-align:center;float:left}.pop_p_3{border-radius:0 15px 0 0}.check_box{zoom:1.4;bottom:-4px;right:5px}.pop_div{text-align:center;margin:0 auto}.or_p{color:#001030;margin:10px}.desti_input{border:1px solid #001030;padding:10px 15px;border-radius:17px;background-color:transparent;outline:0;width:250px;height:40px}::-webkit-input-placeholder{color:#494b4e}:-ms-input-placeholder{color:#494b4e}::placeholder{color:#494b4e}.packand_go_heading{font-family:Montserrat,sans-serif;font-weight:700;color:#152266;font-size:40px;margin:15px 0 30px}.awesome_tour_box_1{background-color:#fff;float:left}.pack_go_section_one,.pack_go_section_two{background:url("../img/body_background.jpg")}.pack_go_section_two{padding:40px 0 70px}.outer_box_img{position:relative}.ban_p,.plus_icon{position:absolute}.content_box_inner{position:absolute;background-color:#7f7f7f;background-color:#38353585;width:100%;height:99%;top:0}.ban_p{color:#fff;padding-left:16px;font-size:18px;bottom:15px;line-height:24px;letter-spacing:1px}.plus_icon{bottom:10px;right:15px;cursor:pointer}.outer_text_box{text-align:center;padding:35px 20px}.price_span{color:#ff7800;font-size:24px;font-weight:600}.price_p{font-size:16px}.p_text{font-size:15px;line-height:20px;margin-top:20px;margin-bottom:20px}.book_now_btn{background-color:#172963;padding:5px 15px;color:#fff;border:1px solid #172963;border-radius:20px;outline:0;cursor:pointer}.button_outer_div{text-align:center;margin:30px auto}.more_tour{padding:10px 50px;font-size:18px;color:#172963;border-radius:15px;border:1px solid #172963;font-weight:500;background-color:transparent;cursor:pointer}.slider{display:flex;align-items:center;flex-wrap:wrap;width:100%;margin:0 auto}.slider-next,.slider-prev{flex-shrink:0;font-size:36px;text-decoration:none;color:#000;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;user-select:none}.slider-prev{margin-right:8px}.slider-next{margin-left:8px}.slider-next.is-disabled,.slider-prev.is-disabled{color:#aaa;cursor:not-allowed}.slider-container{flex-grow:1;overflow:hidden;position:relative;height:250px}#sliderNext,#sliderPrev,.blue_div,.call_book_bg:after,.content_inner_div,.detail_content_box,.detail_content_inner,.filter_icon,.flight_logo:after,.slider-item,.slider_content{position:absolute}.slider-item,.slider_img{height:100%;width:100%}.slider-item{left:0;top:0;text-align:center}.slider-panel{width:100%;text-align:center;margin-top:12px;display:none}.slider-link{color:#999}.slider-link.is-active{color:#000}@media (max-width:768px){.slider{width:100%}}.blue_div{width:17%;height:474px;background-color:#172963;float:left;top:100px}.slider_content{background-image:url("../img/slider_back_img.png");height:331px;width:255px;z-index:99;top:0}.content_inner_div{padding:10px;text-align:left;bottom:5px;left:15px}.content_inner_div_p1{color:#fff;text-align:left;font-weight:700;margin-bottom:-40px;font-size:20px}.content_inner_div_span1{font-size:13px;color:#fff}.content_inner_div_span2{color:#ff7800;font-size:23px;font-weight:700}.content_inner_div_p2{color:#fff;font-size:14px}.best_price_button{float:right;border:1px solid #172963;padding:9px;width:250px;text-align:center;color:#172963;font-weight:600;cursor:pointer}.offer_p_inner,.ship-dltBox p{text-align:justify}.para_one_1{line-height:20px;font-size:15px}.col-6-div,.col-div-6{width:50%;float:left}.col-4-div{width:30%;float:left}.col-8-div,.col-div-9,.col-div-9-cruise{width:70%;float:left}.col-3-box,.col-3-div,.col-div-3{width:25%;float:left}.offer_p{color:#2c2b2b;font-weight:600;font-size:17px;margin-top:10px}.offer_p_inner{font-size:15px;line-height:22px}.explore_section{padding:60px 0}.cruise_form_outer,.cruise_form_outer_1,.cruise_form_outer_2{padding:5px 5px 5px 40px;background-color:#fff;background-repeat:no-repeat;background-position:center left 10px;margin-left:3px;float:left}.cruise_banner{background-image:url("../img/cruise_banner.png");height:396px;background-size:100%}.cruise_form_outer{width:30%;background-image:url("../img/location_icon_1.jpg")}.cruise_form_outer_1{width:20%;background-image:url("../img/calender_icon_1.jpg");height:42px}.cruise_form_outer_2{width:25%;background-image:url("../img/cruise_icon_1.png")}.cruise_search_button_outer{float:left;margin-left:4px}.cruise_select,.cruise_select_2{border:none;outline:0;background:url("../img/select_arrow.png") center right 10px no-repeat;-webkit-appearance:none;padding-left:5px}.search_button,.view_all_button{background-color:#ff6c2d;height:45px;cursor:pointer}.cruise_select:focus,.cruise_select_1:focus,.cruise_select_2:focus{outline:0}.cruise_select_1{border:none;padding:6px}.cruise_select_1::-webkit-input-placeholder{font-size:12px;color:grey;font-family:Montserrat,sans-serif}.cruise_select_1::-moz-placeholder{font-size:12px;color:grey;font-family:Montserrat,sans-serif}.cruise_select_1:-ms-input-placeholder{font-size:12px;color:grey;font-family:Montserrat,sans-serif}.cruise_select_1:-moz-placeholder{font-size:12px;color:grey;font-family:Montserrat,sans-serif}.search_button{border-radius:45px;width:150px;border:none;color:#fff;font-weight:600}.cruise_heading{font-family:Montserrat,sans-serif;font-weight:700;color:#152266;font-size:40px;margin:10px 0;line-height:45px}.left_one{width:60%;float:left;display:inline-block}.right_one{width:40%;float:left;top:7px}.view_all_button{width:130px;border:none;color:#fff;font-weight:600;float:right}.cruise_box_1{width:31%;background-color:#fff;float:left;margin-left:20px;padding:3px;border:1px solid #ededed;box-shadow:-8px 8px 0 0 #ededed;margin-top:20px}.outer_text_box_cruise{padding:10px}.col-div-3-cruise{width:30%;float:left;text-align:right}.col-2-div,.img_box{width:20%;float:left}.content_box{width:80%;float:left;padding-left:10px}.cruise_p_1{font-weight:700;color:#232323;line-height:28px;font-size:14px}.cruise_p_2{font-size:13px;line-height:4px}.button_view{padding:5px 20px;margin-top:6px;border-radius:15px;border:none;font-size:14px;background-color:#ff6c2d;color:#fff;cursor:pointer}.cruise_p_3{font-size:12px;margin-bottom:7px}.cruise_p_4{font-weight:700;line-height:5px;color:#ff6c2d;font-size:18px}.button_book{padding:4px 20px;margin-top:13px;border-radius:15px;border:1px solid #a80303;font-size:14px;background-color:transparent;color:#a80303;cursor:pointer}.best_price_button_1,.first_time_only{margin-top:10px;background-color:#ff6c2d}.best_price_button_1{height:45px;width:230px;border:none;color:#fff;font-weight:600;cursor:pointer;float:right}.curise_slider_sec,.why_book_sec{height:600px;background-repeat:no-repeat}.col-6-box{width:50%;float:left;text-align:left}.slider_img_1{padding:5px 5px 0}.slider_p{font-size:34px;line-height:35px;font-weight:700;padding-left:15px;color:#172963;padding-top:15px}.first_time_only{font-size:12px;padding:3px;margin-left:17px;border-radius:10px;border:none;color:#fff;width:115px}.browse_all,.promo_offer_sec{background-color:#172963}.bottom_p{padding-left:17px;font-size:14px;margin-top:25px}.curise_slider_sec{background-image:url("../img/slider_background_image.png")}.col-div-7,.col-div-8{width:60%;float:left}.col-div-4{width:40%;float:left}.cruise_p_5{font-size:15px;line-height:25px;margin-top:25px}.cruise_heading_1,.cruise_heading_2{font-family:Montserrat,sans-serif;color:#152266;font-size:40px;line-height:45px;font-weight:700}.cruise_heading_1{margin:120px 0 10px}.cruise_heading_2{margin:50px 0 10px}.cruise_slider{margin-top:65px}.browse_all{margin-top:25px;padding:10px 25px;border-radius:20px;border:none;color:#fff;cursor:pointer}.promo_p{font-size:45px;color:#fff;font-weight:700;padding:50px 0}.get_started{float:right;margin-top:47px;padding:13px 30px;background-color:#ff6c2d;border:#ffdead;color:#fff;font-weight:700;cursor:pointer}.why_book_sec{background-image:url("../img/why_book_banner.jpg");margin-top:100px;margin-bottom:100px;background-position:right}.offer_p_1{color:#2c2b2b;font-weight:600;line-height:28px;font-size:16px}.cruise_ban_p,.cruise_p3,.div_white_p1,.price_p_1,.right_p1,.star_icon_p1{font-weight:700}.offer_p_inner_1{font-size:15px;line-height:18px}.line_1{padding:25px}.red_line{margin-top:50px}.arrow_div{width:14%}.cruise_result_banner{background-image:url("../img/cruise_result_banner.jpg");height:212px}.cruise_banner_content{text-align:center;padding:50px 0}.cruise_ban_p{font-size:50px;color:#fff;margin-top:15px}.cruise_ban_p_1{color:#fff;font-size:18px;margin-top:15px}.cruise_p3,.cruise_p4 span{color:#001030}.container_one{width:1200px;max-width:100%;margin:0 auto}.result_found_back{padding:15px;background-size:84%;height:67px;background-image:url("../img/white_back.png");margin-bottom:15px}.cruise_p1 span{padding:15px}.cruise_p2{text-align:right;background-repeat:no-repeat;width:230px;float:right;background-position:left center}.cruise_p4{text-align:right;color:#adadad;font-size:15px}.contact_banner_content,.cruise_p5,.inside_box{text-align:center}.result_inner_div{padding:0 10px}.cruise_p5{font-size:18px;line-height:32px;color:#fff;padding:25px 0;background-color:#172963}.filter_icon{z-index:9;left:44%;bottom:-15px}.div_white{background-color:#fff;padding:15px}.div_white_p1{color:#182962;background-image:url("../img/down_arrow.png");background-repeat:no-repeat;background-position:right center;cursor:pointer;font-size:18px}.book_online_deal_sec{margin:25px 0 40px}.boxes{margin:15px auto auto;padding:5px}input[type=checkbox]{display:initial}input[type=checkbox]+label{display:block;position:relative;padding-left:30px;margin-bottom:5px!important;font:14px/20px 'Open Sans',Arial,sans-serif;color:#666;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}input[type=checkbox]+label:last-child{margin-bottom:0}input[type=checkbox]+label:before{content:'';display:block;width:20px;height:20px;border:1px solid #595858;position:absolute;left:0;top:0;-webkit-transition:.12s,border-color .08s;transition:.12s,border-color .08s}input[type=checkbox]:checked+label:before{width:10px;top:-5px;left:5px;border-radius:0;opacity:1;border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.reset_all_button{background-color:#172963;background-image:url("../img/reset_icon.png");width:100%;height:45px;background-repeat:no-repeat;color:#fff;font-size:20px;border:none;background-position:center left 95px;cursor:pointer;padding-left:55px;margin-top:30px}.col-div-2{width:15%;float:left}.result_div_content{background-color:#fff;padding:5px 0 2px 5px;margin-bottom:10px;box-shadow:2px 2px 2px 2px #f4f4f4;border:1px solid #ddd}.col-div-12{width:100%;float:left}.star_icon span{font-size:10px;color:#5b9a00;text-decoration:underline;padding-left:7px}.star_icon img{margin-bottom:-7px}.star_icon_p1{font-size:20px;color:#172963;line-height:22px;padding:6px 0}.star_icon_p2{font-size:13px;line-height:2}.star_icon_p3{font-size:13px;line-height:20px;margin-top:2px;margin-bottom:4px}.right_p1,.right_p3{margin-bottom:0;font-family:Lato}.imgbox_icon_flight,.imgbox_icon_hotel,.imgbox_icon_meals,.imgbox_icon_transfer{margin:0;width:25px;height:25px}.star_icon_p4{color:#ce2a66;font-size:14px;line-height:2}.right_p1{font-size:17px;color:#6e6e6e}.right_p2{font-size:20px;font-family:Lato;color:#ffab54;border-bottom:2px solid #ffab54;padding-bottom:3px}.right_p3{font-size:14px;color:#444}.imgbox_icon_flight{background-image:url(../images/flight_icon.png)}.imgbox_icon_hotel{background-image:url(../images/hotel_icon.png)}.imgbox_icon_transfer{background-image:url(../images/car_icon.png)}.imgbox_icon_meals{background-image:url(../images/meal_icon.png)}.imgbox_icon_sightseeing{width:25px;height:25px;background-image:url(../images/Sightseeing_icon.png);margin:0 auto}.imgbox_icon_curise{width:25px;height:25px;background-image:url(../images/curise_icon.png);margin:0}.inner_content_div{padding:0 15px}.inner_content_div_1{text-align:right;padding:10px 0}.price_p_1{font-size:28px;color:#ef5410}.span_p_1,.span_p_2{font-size:11px}.start_icon_img{margin-bottom:-2px}.span_p_2{color:#c60000;display:block}.send_enquiry,.view_detail_but{padding:10px 11px;font-size:13px;border:none;cursor:pointer;font-weight:700}.view_detail_but{background-color:#fd0;margin-top:5px}.send_enquiry{background-color:#ef5410;margin-top:65%;color:#fff}.send_enquiry a{color:#fff;font-size:12px}.beat_my_quote{font-size:23px;padding:11px;border-radius:15px;border:none;background-color:#fd0;font-weight:700;cursor:pointer}.customer_test_sec{background-image:url("../img/customer_test_back.png");text-align:center;height:281px;background-size:100% 281px}.testimonial_p1{padding-top:10px;color:#fff}.testimonial_p2{color:#fff;font-size:12px;line-height:17px;padding:1px 6px}.testimonial_p3{color:#fff;line-height:15px}.pagination_div ul li{float:left;padding:2px 20px;border-left:1px solid grey}.pagination_div ul li:first-child{border:none}.pagination_div{margin:30px auto}.lowest_icon,.pass_col{margin-top:5px}.pagination_div ul{width:234px;margin:0 auto}.pagination_div ul li a{color:#172963;font-weight:700}.lowest_p_1{font-size:18px;color:#fff;font-weight:600}.lowest_p_2{font-size:13px;line-height:20px;color:#fff}.pass_col{margin-left:10px;margin-bottom:10px}.select_drop in2,.txtdetailsinqry{margin:10px 0}.i_check{margin:15px 0}.cruise_result_img{height:221px;width:275px}.book_heading_deal{background-color:#172963;padding:10px}.book_heading_deal .cruise_p3{color:#fff;font-weight:400}.book_heading_deal .cruise_p4,.contact_banner_content strong,.want_call_back a{color:#fff}.book_heading_deal .cruise_p4 span{color:#fca800}.slider_div{width:94%;margin:0 auto 144px}#sliderNext{bottom:25px;right:8px}#sliderPrev{bottom:25px;left:8px}.detail_page_content_outer{padding:25px;background-color:#fff}.detail_p1{color:#1d1d1d;font-size:25px}.detail_p2{font-size:14px;line-height:3px;margin-top:10px}.detail_p3{color:#172963;font-size:24px}.detail_p4{font-size:14px;line-height:20px;margin-top:10px}.detail_p5{color:#ff821c;font-size:15px}.detail_p6,.detail_p7{font-size:16px;font-weight:700}.box_content{border:1px solid #ddd;padding:10px 20px;border-radius:5px}.detail_p6{color:#fcae01}.send_enquiry_1,.want_call_back{padding:12px;font-size:20px;cursor:pointer;margin-top:10px;width:100%}.send_enquiry_1{background-color:transparent;border:1px solid #ddd;border-radius:5px;color:#004c70}.send_enquiry_1 a{color:#004c70}.want_call_back{background-color:#fcae01;border:1px solid #ddd;border-radius:5px;color:#fff}.detail_page_content_outer_1{padding:25px;background-color:#fff;margin-top:15px}.detail_p1_1m1,.detail_page_content_outer_1 ul li{font-size:14px;line-height:25px;background-image:url("../img/right_icon.png");background-repeat:no-repeat;padding-left:25px;background-position:center left;background-size:14px}.span_detail{font-size:12px;color:#7d7d7d}.detail_no{color:#4a90ad;font-size:24px;margin-top:15px;background-image:url("../img/mobile_icon.jpg");padding-left:30px;background-repeat:no-repeat;background-position:center left}.detail_content_box{background:rgb(32 32 32 / 72%);bottom:5px;width:100%;height:92px}.detail_content_inner{bottom:10px;left:20px}.content_inner_p1{color:#fff;font-weight:700}.content_inner_p2{line-height:25px;color:#fff}.content_inner_p2 span{font-size:24px;color:#ff8f00;font-weight:600}.head_p1,.span_1,.view_inside p{font-weight:700}.head_p1{font-size:18px!important;color:#ff821c;padding-top:13px;padding-bottom:13px}.ship-dltCol{width:47.7%;margin-right:2.3%;float:left}.ship-dltBox img{width:100%;height:215px}.inputbox2{padding:5px;margin:5px 0;width:100%}.image_outer_detail{margin-top:10px;margin-bottom:10px}.tab-pane h4{font-size:14px;background-color:#ff821c;color:#fff;padding:2px 8px;width:100%;display:inline}.tab-pane h2{line-height:40px;font-size:20px;color:#ff821c}.detail_p1_1m{color:#172963;font-size:25px;margin-bottom:10px}.detail_p1_1m2{font-size:12px;line-height:20px}.detail_p1_1m3{font-size:16px;margin-top:5px}.detail_p1_1m4{font-size:18px;line-height:20px}.detail_p1_1m4 span{font-size:22px;color:#ff821c}.retrun_P span,.view_inside p{font-size:24px;color:#fe9427}.retrun_P{font-size:22px;font-family:Lato;color:#fff;text-align:center}.inner_box_view{background-color:#fff;padding:10px;margin:10px auto}.pri_p{font-size:12px!important;font-family:Lato;color:#444!important}.view_inside{text-align:left;padding:13px 0}.view_inside p{font-family:Lato;margin-bottom:5px}.view_inside img{padding-bottom:5px}.view_inside span{font-size:14px;font-family:Lato;font-weight:700}.p_box p,.span_2{font-size:18px}.view_search_box{background-color:transparent;padding:1px 0 0}.p_box,.permission{width:33%;float:left;padding-top:10px}.col812,.fltDlt_gallery{padding-top:30px}.p_box p{font-family:Lato;color:#444;font-weight:400}.permission p{font-size:13px;font-family:Lato;color:#44445b}.call_box p{font-size:24px;font-family:Lato;color:#444;margin-top:7px;background-image:url(../images/call_icon.png);background-repeat:no-repeat;padding-left:40px;background-position:left}.span_1,.span_1 a{color:#172a64}.call_box{float:right}.flight_logo img{float:left}.view_detail_content{background-color:#fff}.fltDlt_gallery{float:left;width:100%}.flight_overview_left{float:left;width:54%}.flight_logo{float:left;width:100%;border-bottom:2px solid #e2e3e8;position:relative;margin-bottom:24px}.flight_logo:after{background:url(../images/flight_wg.jpg) no-repeat;content:'';bottom:-2px;display:block;width:62px;height:51px;right:0}.flight_overview_left h3{float:left;width:100%;font-size:25px;font-weight:400;color:#201732;margin:0 0 6px;font-family:Lato}.flight_overview_left .overview p{float:left;width:100%;font-size:18px;line-height:normal;font-weight:400;color:#505050;text-align:justify}.flight_overview_left .blue_strip{float:left;width:83px;background:#0e71b8;height:2px;margin:4px 0}.blue_strip{float:left;width:83px;background:#3a6aad;height:2px;margin:18px 0}.information{padding:18px 0 22px;background:#efefef;width:100%;float:left}.information h2{font-size:30px;color:#c19d0b;font-weight:700}.information ul{border-top:1px dashed #ccc;padding-top:11px;margin-top:12px}.information ul li{color:#505050;font-size:16px;line-height:20px;margin-bottom:18px}.information ul li strong{padding-right:4px;color:#c19d0b}.call_book_bg{float:left;width:100%;position:relative;margin-top:19px}.call_book_bg .call_book{padding:21px 0;float:left;color:#fff;background:#000002;border-top-right-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-top-right-radius:3px;-ms-border-top-right-radius:3px}.call_book_bg:after{background:#000002;content:'';display:block;width:100%;height:100%;z-index:-1}#thumbs ul.thumbs img{height:61px;width:88px}.dtl_gallery{width:44%;float:right}.fare_summary h2{float:left;width:100%;font-size:18px;font-weight:700;color:#444;margin:0 0 6px;font-family:lato;line-height:22px}.bok_fee,.fee_price{font-weight:400;font-size:14px}.fare_summary p{font-size:14px;font-weight:400;color:#505050;margin-bottom:7px}.fare_summary{width:100%;float:left;margin:20px 0 0}.container_box,.container_box_1{padding:20px;margin-bottom:20px}.fare_summary table tr td{color:#505050;font-size:13px;text-align:right}.fare_summary table tr th{color:#444;font-size:14px;padding:7px 0;width:20%;text-align:right;font-family:lato;font-weight:700}.bok_fee{float:left;color:#505050}.fee_price{float:right;color:#505050}.grd_price,.grd_total{color:#f25252;font-size:18px}.grd_price,.grd_total,.information_p,.p1,.p2{font-weight:700}.grd_total{float:left}.grd_price{float:right}.container_box{background-color:#fff}.container_box_1{background-color:#172a64}.information_p{font-size:24px;font-family:Poppins;color:#fff;padding-top:15px;margin-bottom:12px}.information_p_1{font-size:14px;font-family:Poppins;color:#fff;margin-bottom:5px}.contact_no_div{text-align:center;padding-top:77px}.p1{font-size:24px;color:#fff;margin-bottom:0}.p2,.p2 a{color:#fe9427}.p2{font-size:35px;font-family:Lato;margin-bottom:10px;margin-top:10px}.loading-bg2,.loading-logo-gif img{margin:0 auto}.contact_no_div span{font-size:18px;color:#fff;font-family:Lato}.flight_result_banner{background-image:url(../img/cruise_result_banner.jpg);background-repeat:no-repeat;background-size:cover;height:auto;padding:15px}.loading-bg-gif{background:#9cc;height:-webkit-fill-available;padding-bottom:200px}.loading-bg2{width:500px;max-width:100%;height:400px;max-height:100%;background:url(../img/Plane-Animation.gif) top center/90% no-repeat #9cc}.loading-logo-gif{text-align:center;width:100%;padding-top:50px}.loading-text-gif{padding-top:0;text-align:center;width:100%;margin:0 auto;max-width:750px}.loading-text-gif p{font-weight:500;font-family:Poppins;color:#4d4d4d;margin-bottom:10px;font-size:16px;line-height:30px;padding:0 20px}.loading-text-gif p strong{color:#039be5;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.loading-banner img{width:100%;max-width:700px;margin:0 auto;padding-top:20px}.explore-dest .sec-header .right .srcby-counter{display:none!important}.packageslist{padding-top:12px!important;padding-bottom:0!important}.ads-title,.explore-dest .sec-header .left h2,.package-title h2{margin-bottom:25px!important}.inner-sec-gap{padding-top:0!important;padding-bottom:0!important}.package-title{margin-bottom:55px}.travell-news header{margin-bottom:0!important}.ads-banner{padding-top:30px!important;padding-bottom:30px!important}#cruisebeat_content{max-width:600px!important}.best_span{font-size:14px;color:#000}.col-best-div{padding:5px!important;width:50%}.awesome_tour_box,.awesome_tour_box_1{width:32%;margin-left:5px}.col-best-div-12{padding:0!important}.contact_banner{background-image:url("../img/contact_banner.png");height:250px}.contact_banner_content h2{font-size:72px;line-height:60px;letter-spacing:-1px;margin-bottom:30px;color:#fff;font-weight:700;text-transform:capitalize;padding-top:70px}.home_icon{background-color:#152266;padding:5px;border-radius:5px;display:none}.awesome_tour_box{float:left}@media screen and (max-width:1050px){.awesome_tour_box_1{width:31%;margin-left:5px}}@media screen and (max-width:821px){.plus_icon{display:none}}@media screen and (max-width:767px){.plus_icon{display:block}.awesome_tour_box,.awesome_tour_box_1{width:100%;margin-left:0}}
.flight-ticket .btn-yellow:hover, .btn-group .btn:hover {background: #f5700a;color: #fff;} .btn {position: relative;} .btn img {position: absolute;top: 12px;left: 40%;}
.ls-container{visibility:hidden;position:relative;max-width:100%}.ls-inner{position:relative;width:100%;height:100%;background-position:center center;z-index:30}.ls-wp-fullwidth-container{width:100%;position:relative}.ls-wp-fullwidth-helper{position:absolute}.ls-background-videos,.ls-bg-video-overlay,.ls-layers,.ls-slide-backgrounds,.ls-slide-effects{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;-o-transform:translateZ(0);-ms-transform:translateZ(0);-moz-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0)}.ls-wrapper{padding:0!important;visibility:visible!important;border:0!important;z-index:1}.ls-background-videos{z-index:1}.ls-bg-video-overlay{z-index:21;background-repeat:repeat;background-position:center center}.ls-slide-backgrounds{z-index:2}.ls-slide-effects{z-index:4}.ls-layers{z-index:35}.ls-in-out,.ls-parallax,.ls-z{position:absolute!important}.ls-parallax,.ls-z{width:0!important;height:0!important;top:0!important;left:0!important;bottom:auto!important;right:auto!important;display:block!important;overflow:visible!important}.ls-in-out{display:none}.ls-clip,.ls-loop{position:absolute!important;display:block!important}.ls-in-out,.ls-loop,.ls-parallax,.ls-z{background:0 0!important}.ls-bg-wrap,.ls-loop,.ls-parallax{margin:0!important}.ls-wrapper&gt;.ls-layer,.ls-wrapper&gt;a&gt;.ls-layer .ls-wrapper&gt;.ls-bg{line-height:normal;white-space:nowrap;word-wrap:normal;margin-right:0!important;margin-bottom:0!important}.ls-wrapper&gt;.ls-layer,.ls-wrapper&gt;a&gt;.ls-layer{position:static!important;display:block!important;-o-transform:translateZ(1px);-ms-transform:translateZ(1px);-moz-transform:translateZ(1px);-webkit-transform:translateZ(1px);transform:translateZ(1px)}.ls-bg-outer,.ls-bg-wrap{width:100%;height:100%;position:absolute;left:0;top:0}.ls-bg-wrap{display:none}.ls-bg-outer{overflow:hidden!important}.ls-wrapper&gt;a.ls-layer-link{cursor:pointer!important;display:block!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;z-index:10;-o-transform:translateZ(100px);-ms-transform:translateZ(100px);-moz-transform:translateZ(100px);-webkit-transform:translateZ(100px);transform:translateZ(100px);background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)!important}.ls-gui-element{z-index:40}.ls-loading-container{position:absolute!important;display:none;left:50%!important;top:50%!important}.ls-loading-indicator{margin:0 auto}.ls-bottom-slidebuttons{text-align:left}.ls-below-thumbnails,.ls-bottom-nav-wrapper{height:0;position:relative;text-align:center;margin:0 auto}.ls-below-thumbnails{display:none}.ls-bottom-nav-wrapper a,.ls-nav-next,.ls-nav-prev{outline:0}.ls-bottom-slidebuttons{position:relative}.ls-bottom-slidebuttons,.ls-nav-sides,.ls-nav-start,.ls-nav-stop{position:relative}.ls-nothumb{text-align:center!important}.ls-link,.ls-link:hover{position:absolute!important;width:100%!important;height:100%!important;left:0!important;top:0!important}.ls-link{display:none}.ls-link-on-top{z-index:999999!important}.ls-link,.ls-wrapper&gt;a&gt;*{background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ls-bottom-nav-wrapper,.ls-nav-next,.ls-nav-prev,.ls-thumbnail-wrapper{visibility:hidden}.ls-bar-timer{position:absolute;width:0;height:2px;background:#fff;border-bottom:2px solid #555;opacity:.55;top:0}.ls-circle-timer{width:16px;height:16px;position:absolute;right:10px;top:10px;opacity:.65;display:none}.ls-container .ls-circle-timer,.ls-container .ls-circle-timer *{box-sizing:border-box!important}.ls-ct-half{border:4px solid #fff}.ls-ct-left,.ls-ct-right{width:50%;height:100%;overflow:hidden}.ls-ct-left,.ls-ct-right{position:absolute}.ls-ct-left{left:0}.ls-ct-right{left:50%}.ls-ct-rotate{width:200%;height:100%;position:absolute;top:0}.ls-ct-left .ls-ct-rotate,.ls-ct-right .ls-ct-half,.ls-ct-right .ls-ct-hider{left:0}.ls-ct-left .ls-ct-half,.ls-ct-left .ls-ct-hider,.ls-ct-right .ls-ct-rotate{right:0}.ls-ct-half,.ls-ct-hider{position:absolute;top:0}.ls-ct-hider{width:50%;height:100%;overflow:hidden}.ls-ct-half{width:200%;height:100%}.ls-ct-center{width:100%;height:100%;left:0;top:0;position:absolute;border:4px solid #000;opacity:.2}.ls-ct-center,.ls-ct-half{border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px}.ls-slidebar-container{margin:10px auto}.ls-slidebar,.ls-slidebar-container{position:relative}.ls-progressbar,.ls-slidebar-slider-container{position:absolute;left:0;top:0}.ls-progressbar{width:0;height:100%;z-index:1}.ls-slidebar-slider-container{z-index:2}.ls-slidebar-slider{position:static!important;cursor:pointer}.ls-slidebar{height:10px;background-color:#ddd}.ls-progressbar,.ls-slidebar{border-radius:10px}.ls-progressbar{background-color:#bbb}.ls-slidebar-slider-container{top:50%}.ls-slidebar-slider{width:20px;height:20px;border-radius:20px;background-color:#999}.ls-slidebar-light .ls-slidebar{height:8px;background-color:#fff;border:1px solid #ddd;border-top:1px solid #ccc}.ls-slidebar-light .ls-progressbar,.ls-slidebar-light .ls-slidebar{border-radius:10px}.ls-slidebar-light .ls-progressbar{background-color:#eee}.ls-slidebar-light .ls-slidebar-slider-container{top:50%}.ls-slidebar-light .ls-slidebar-slider{width:18px;height:18px;border-radius:20px;background-color:#eee;border:1px solid #bbb;border-top:1px solid #ccc;border-bottom:1px solid #999}.ls-tn{display:none!important}.ls-thumbnail-hover{display:none;position:absolute;left:0}.ls-thumbnail-hover-inner{width:100%;height:100%;position:absolute;left:0;top:0;display:none}.ls-thumbnail-hover-bg{position:absolute;width:100%;height:100%;left:0;top:0}.ls-thumbnail-hover-img{position:absolute;overflow:hidden}.ls-thumbnail-hover img{max-width:none!important;position:absolute;display:inline-block;visibility:visible!important;left:50%;top:0}.ls-thumbnail-hover span{left:50%;top:100%;width:0;height:0;display:block;position:absolute;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.ls-thumbnail-wrapper{position:relative;width:100%;margin:0 auto}.ls-thumbnail{position:relative;margin:0 auto}.ls-thumbnail-inner,.ls-thumbnail-slide-container{width:100%}.ls-thumbnail-slide-container{overflow:hidden!important;position:relative}.ls-thumbnail-slide{text-align:center;white-space:nowrap;float:left;position:relative}.ls-thumbnail-slide a{overflow:hidden;display:inline-block;width:0;height:0;position:relative}.ls-thumbnail-slide img{max-width:none!important;max-height:100%!important;height:100%;visibility:visible!important}.ls-touchscroll{overflow-x:auto!important}.ls-shadow{display:none;position:absolute;z-index:10!important;top:100%;width:100%;left:0;overflow:hidden!important;visibility:hidden}.ls-shadow img{width:100%!important;height:auto!important;position:absolute!important;left:0!important;bottom:0!important}.ls-media-layer{overflow:hidden}.ls-videopreview,.ls-vpcontainer{width:100%;height:100%;position:absolute;left:0;top:0;cursor:pointer}.ls-videopreview{background-size:cover;background-position:center center}.ls-videopreview{z-index:1}.ls-playvideo{position:absolute;left:50%;top:50%;cursor:pointer;z-index:2}.ls-autoplay .ls-playvideo{display:none!important}.ls-forcehide{display:none!important}.ls-yourlogo{position:absolute;z-index:50}.ls-slide-transition-wrapper{width:100%;height:100%;position:absolute;left:0;top:0;z-index:3}.ls-slide-transition-wrapper,.ls-slide-transition-wrapper *{text-align:left!important}.ls-slide-transition-tile{position:relative;float:left}.ls-slide-transition-tile img{visibility:visible;margin:0!important}.ls-curtiles{overflow:hidden}.ls-curtiles,.ls-nexttiles{position:absolute;width:100%;height:100%;left:0;top:0}.ls-curtile,.ls-nexttile{overflow:hidden;width:100%!important;height:100%!important;-o-transform:translateZ(0);-ms-transform:translateZ(0);-moz-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0)}.ls-nexttile{display:none}.ls-3d-container{position:relative;overflow:visible!important;-ms-perspective:none!important;-moz-perspective:none!important;-webkit-perspective:none!important;perspective:none!important}.ls-3d-box{position:absolute}.ls-3d-box div{overflow:hidden;margin:0;padding:0;position:absolute;background-color:#888}.ls-3d-box .ls-3d-bottom,.ls-3d-box .ls-3d-top{background-color:#555}.ls-slide-transition-tile,.ls-slide-transition-wrapper{-ms-perspective:1500px;-moz-perspective:1500px;-webkit-perspective:1500px;perspective:1500px}.ls-3d-box,.ls-curtiles,.ls-nexttiles,.ls-slide-transition-tile{-ms-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.ls-3d-box,.ls-3d-box div,.ls-curtile,.ls-nexttile{-ms-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ls-visible{overflow:visible!important}.ls-unselectable{user-select:none;-o-user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}.ls-overflow-hidden{overflow:hidden}.ls-overflowx-hidden{overflow-x:hidden}.ls-overflow-visible{overflow:visible!important}.ls-overflowy-hidden{overflow-y:hidden}.ls-hidden{width:0!important;height:0!important;position:absolute;left:-5000px;top:-5000px;z-index:-1;overflow:hidden!important;visibility:hidden!important;display:block!important}.ls-slide{display:block!important;visibility:hidden!important;position:absolute!important;overflow:hidden;top:0!important;left:0!important;bottom:auto!important;right:auto!important;background:0 0;border:none!important;margin:0!important;padding:0!important}.ls-slide&gt;.ls-bg,.ls-slide&gt;.ls-l,.ls-slide&gt;.ls-layer,.ls-slide&gt;a&gt;.ls-bg,.ls-slide&gt;a&gt;.ls-l,.ls-slide&gt;a&gt;.ls-layer{position:absolute!important;white-space:nowrap}.ls-fullscreen{margin:0!important;padding:0!important;width:auto!important;height:auto!important}.ls-fullscreen .ls-container{background-color:#000;margin:0 auto!important}.ls-fullscreen .ls-fullscreen-wrapper{width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;background-color:#000;overflow:hidden!important;position:relative!important}.ls-fullscreen .ls-fullscreen-wrapper .ls-container,.ls-fullscreen .ls-fullscreen-wrapper .ls-wp-container{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.ls-layer .split-item{font-weight:inherit!important;font-family:inherit!important;font-size:inherit;color:inherit}#ls-global .ls-bottom-nav-wrapper a,#ls-global .ls-container .ls-fullscreen,#ls-global .ls-container img,#ls-global .ls-nav-next,#ls-global .ls-nav-prev,#ls-global .ls-thumbnail a,body .ls-bottom-nav-wrapper a,body .ls-container .ls-fullscreen,body .ls-container img,body .ls-nav-next,body .ls-nav-prev,body .ls-thumbnail a,html .ls-bottom-nav-wrapper a,html .ls-container .ls-fullscreen,html .ls-container img,html .ls-nav-next,html .ls-nav-prev,html .ls-thumbnail a{transition:none;-ms-transition:none;-webkit-transition:none;line-height:normal;outline:0;padding:0;border:0}#ls-global .ls-slide .ls-layer,#ls-global .ls-slide a .ls-layer,#ls-global .ls-wrapper .ls-bg,#ls-global .ls-wrapper .ls-layer,#ls-global .ls-wrapper&gt;a,#ls-global .ls-wrapper&gt;div,#ls-global .ls-wrapper&gt;h1,#ls-global .ls-wrapper&gt;h2,#ls-global .ls-wrapper&gt;h3,#ls-global .ls-wrapper&gt;h4,#ls-global .ls-wrapper&gt;h5,#ls-global .ls-wrapper&gt;img,#ls-global .ls-wrapper&gt;p,#ls-global .ls-wrapper&gt;span,body .ls-slide .ls-layer,body .ls-slide a .ls-layer,body .ls-wrapper .ls-bg,body .ls-wrapper .ls-layer,body .ls-wrapper&gt;a,body .ls-wrapper&gt;div,body .ls-wrapper&gt;h1,body .ls-wrapper&gt;h2,body .ls-wrapper&gt;h3,body .ls-wrapper&gt;h4,body .ls-wrapper&gt;h5,body .ls-wrapper&gt;img,body .ls-wrapper&gt;p,body .ls-wrapper&gt;span,html .ls-slide .ls-layer,html .ls-slide a .ls-layer,html .ls-wrapper .ls-bg,html .ls-wrapper .ls-layer,html .ls-wrapper&gt;a,html .ls-wrapper&gt;div,html .ls-wrapper&gt;h1,html .ls-wrapper&gt;h2,html .ls-wrapper&gt;h3,html .ls-wrapper&gt;h4,html .ls-wrapper&gt;h5,html .ls-wrapper&gt;img,html .ls-wrapper&gt;p,html .ls-wrapper&gt;span{transition:none;-ms-transition:none;-webkit-transition:none;line-height:normal;outline:0;padding:0;margin:0;border-width:0}#ls-global .ls-container img,body .ls-container img,html .ls-container img{background:0 0!important;min-width:0!important;max-width:none!important;border-radius:0;box-shadow:none;border:0;padding:0}#ls-global .ls-wp-container .ls-wrapper&gt;a&gt;*,body .ls-wp-container .ls-wrapper&gt;a&gt;*,html .ls-wp-container .ls-wrapper&gt;a&gt;*{margin:0}#ls-global .ls-wp-container .ls-wrapper&gt;a,body .ls-wp-container .ls-wrapper&gt;a,html .ls-wp-container .ls-wrapper&gt;a{text-decoration:none}.ls-container,.ls-gui-element,.ls-gui-element *,.ls-layer,.ls-slide,.ls-slide&gt;*,.ls-wp-fullwidth-container,.ls-wp-fullwidth-helper,.ls-wrapper{box-sizing:content-box!important}#ls-global .ls-yourlogo,body .ls-yourlogo,html .ls-yourlogo{margin:0}#ls-global .ls-tn,body .ls-tn,html .ls-tn{display:none}.ls-bottom-nav-wrapper,.ls-bottom-nav-wrapper a,.ls-bottom-nav-wrapper span{line-height:0;font-size:0}#ls-global .ls-container video,body .ls-container video,html .ls-container video{max-width:none!important}#ls-global .ls-container,#ls-global .ls-container .ls-bottom-nav-wrapper,#ls-global .ls-container .ls-bottom-nav-wrapper *,#ls-global .ls-container .ls-bottom-nav-wrapper span *,#ls-global .ls-container .ls-slide-transition-wrapper,#ls-global .ls-container .ls-slide-transition-wrapper *,#ls-global .ls-direction-fix,body .ls-container,body .ls-container .ls-bottom-nav-wrapper,body .ls-container .ls-bottom-nav-wrapper *,body .ls-container .ls-bottom-nav-wrapper span *,body .ls-container .ls-slide-transition-wrapper,body .ls-container .ls-slide-transition-wrapper *,body .ls-direction-fix,html .ls-container,html .ls-container .ls-bottom-nav-wrapper,html .ls-container .ls-bottom-nav-wrapper *,html .ls-container .ls-bottom-nav-wrapper span *,html .ls-container .ls-slide-transition-wrapper,html .ls-container .ls-slide-transition-wrapper *,html .ls-direction-fix{direction:ltr!important}#ls-global .ls-container,body .ls-container,html .ls-container{float:none!important}.ls-notification{position:relative;margin:10px auto;padding:10px 10px 15px 88px;border-radius:5px;background:#de4528;color:#fff!important;font-family:'Open Sans',arial,sans-serif!important}.ls-notification a{color:#fff!important;text-decoration:underline!important}.ls-notification-logo{position:absolute;top:16px;left:17px;width:56px;height:56px;font-size:49px;line-height:53px;border-radius:56px;background-color:#fff;color:#de4528;font-style:normal;font-weight:800;text-align:center}.ls-notification strong{color:#fff!important;display:block;font-size:20px;line-height:26px;font-weight:400!important}.ls-notification span{display:block;font-size:13px;line-height:16px;text-align:justify!important}@media screen and (max-width:767px){.ls-container .ls-background-videos .ls-hide-on-phone audio,.ls-container .ls-background-videos .ls-hide-on-phone iframe,.ls-container .ls-background-videos .ls-hide-on-phone video,.ls-container .ls-layers&gt;.ls-hide-on-phone{display:none!important}}@media screen and (min-width:768px) and (max-width:1024px){.ls-container .ls-background-videos .ls-hide-on-tablet audio,.ls-container .ls-background-videos .ls-hide-on-tablet iframe,.ls-container .ls-background-videos .ls-hide-on-tablet video,.ls-container .ls-layers&gt;.ls-hide-on-tablet{display:none!important}}@media screen and (min-width:1025px){.ls-container .ls-background-videos .ls-hide-on-desktop audio,.ls-container .ls-background-videos .ls-hide-on-desktop iframe,.ls-container .ls-background-videos .ls-hide-on-desktop video,.ls-container .ls-layers&gt;.ls-hide-on-desktop{display:none!important}}.ls-container .ls-background-videos .ls-vpcontainer{z-index:10}.ls-container .ls-background-videos .ls-videopreview{background-size:cover!important}.ls-container .ls-background-videos audio,.ls-container .ls-background-videos iframe,.ls-container .ls-background-videos video{position:relative;z-index:20}@media (transform-3d),(-ms-transform-3d),(-webkit-transform-3d){#ls-test3d{position:absolute;left:9px;height:3px}}
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Lato);
@charset "UTF-8";

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}
.pass_col select{
	
	background-color: rgba(255,255,255,.9);
    width: 100%;
    border: none;
    border-bottom: 1px solid #898989;
    border-radius: 2px;
    height: 42px;
    font-size: 12px;
    color: grey;
    font-family: "Montserrat",sans-serif;
	margin-left: 0px;
	
}
.col-best-div select{
	
	background-color: rgba(255,255,255,.9);
    width: 96%;
    border: none;
    border-bottom: 1px solid #898989;
    border-radius: 2px;
    height: 42px;
    font-size: 12px;
    color: grey;
    font-family: "Montserrat",sans-serif;
	margin-left: 0px;
}

select {
    background-color: rgba(255,255,255,.9);
    width: 97%;
    border: none;
    border-bottom: 1px solid #152266;
    border-radius: 2px;
    height: 35px;
    font-size: 14px;
    color: grey;
    font-family: "Montserrat",sans-serif;
	margin-left: 5px;
}

select option{font-size:14px; color:#222;font-family: 'Poppins',sans-serif;}

#btcOtherInfocruisebtq{    width: 170%;}
.num_pass {height: 31px !important;}
.col-sm-12mb{padding:0 0px !important;}

.inputbox1 {width:96%!important;}

.modal-body .row{margin-bottom:6px;}
.modal-body{padding:0 !important;}
.modal-content .row{margin-bottom:6px;}

.msg_box select{
	
	background-color: rgba(255,255,255,.9);
    width: 96%;
    border: none;
    border-bottom: 1px solid #898989;
    border-radius: 2px;
    height: 42px;
    font-size: 12px;
    color: grey;
    font-family: "Montserrat",sans-serif;
	margin-left: 0px;
	
}
.msg_box textarea{    padding: 5px;
    margin: 5px 0px;
    border-bottom: 1px solid #898989;
	width:96%;
    border-radius: 2px;
    height: 37px;
    border-top: 0;
    border-left: 0;
    border-right: 0;}

.inputbox1{    padding: 5px;
    margin: 5px 0px;
    border-bottom: 1px solid #898989;
    border-radius: 2px;
    height: 33px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
	}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #898989;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}

  .secoverflow {
        background: rgba(6,14,145,0);
        background: -moz-linear-gradient(top, rgba(6,14,145,0) 120%,rgba(6,14,145,0) 120%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(120%,rgba(6,14,145,0)), color-stop(120%,rgba(6,14,145,0))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(6,14,145,0) 120%,rgba(6,14,145,0) 120%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(6,14,145,0) 120%,rgba(6,14,145,0) 120%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(6,14,145,0) 120%,rgba(6,14,145,0) 120%); /* IE10+ */
        background: linear-gradient(-180deg, rgb(54 72 183 / 94%) 20%, rgba(6,14,145,0) 120%); /* W3C */
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        border-bottom-left-radius: 30px;
        border-top-right-radius: 30px;
		 z-index: 1;
    }

h1, .h1 {
    font-size: 2.5rem
}

h2, .h2 {
    font-size: 2rem
}

h3, .h3 {
    font-size: 1.75rem
}

h4, .h4 {
    font-size: 1.5rem
}

h5, .h5 {
    font-size: 1.25rem
}

h6, .h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

small, .small {
    font-size: 80%;
    font-weight: 400
}

mark, .mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

    .list-inline-item:not(:last-child) {
        margin-right: .5rem
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

    .blockquote-footer::before {
        content: "\2014 \00A0"
    }

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

.kam_navebar{display: inline-block;width: 100%;float: left;}
.kam_number{width: 30%;display: inline-block; float: right; text-align: center;}
.kam_logo{width: 30%;display: inline-block;}
.kam_collspan{    width: 56%;display: inline-block;}
.kam_collspan ul{width: 100%;}
.kam_collspan ul li{float:left;}
.kam_collspan ul li a{float:left;}

.kam_flight{width:100%; display:inline-block;}
.kam_flight ul{}
.kam_flightul li a{float:left;margin-left:5px}

code, kbd, pre, samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a &gt; code {
    color: inherit
}
.pass_col {
    width: 32%;
    float: left;
    margin-left: 3px;
    margin-bottom:10px;
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700
    }

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

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

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

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

@media (min-width:993px) {
    .container {
        max-width: 960px
    }
}

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

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

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

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters &gt; .col, .no-gutters &gt; [class*="col-"] {
        padding-right: 0;
        padding-left: 0
    }

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

.col {
    flex-basis: 0%;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    float:left;
    width: auto;
    max-width: none
}

.col-1 {
    float:left;
    max-width: 8.3333333333%
}

.col-2 {
    float:left;
    max-width: 16.6666666667%
}

.col-3 {
    float:left;
    max-width: 25%
}

.col-4 {
    float:left;
    max-width: 33.3333333333%
}

.col-5 {
    float:left;
    max-width: 41.6666666667%
}

.col-6 {
    float:left;
    max-width: 50%
}

.col-7 {
    float:left;
    max-width: 58.3333333333%
}

.col-8 {
    float:left;
    max-width: 66.6666666667%
}

.col-9 {
    float:left;
    max-width: 75%
}

.col-10 {
    float:left;
    max-width: 83.3333333333%
}

.col-11 {
    float:left;
    max-width: 91.6666666667%
}

.col-12 {
    float:left;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

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

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

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

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

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

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0%;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        float:left;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        float:left;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        float:left;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        float:left;
        max-width: 25%
    }

    .col-sm-4 {
        float:left;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        float:left;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        float:left;
        max-width: 50%
    }

    .col-sm-7 {
        float:left;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        float:left;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        float:left;
        max-width: 75%
    }

    .col-sm-10 {
        float:left;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        float:left;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        float:left;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0%;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        float:left;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        float:left;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        float:left;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        float:left;
        max-width: 25%
    }

    .col-md-4 {
        float:left;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        float:left;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        float:left;
        max-width: 50%
    }

    .col-md-7 {
        float:left;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        float:left;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        float:left;
        max-width: 75%
    }

    .col-md-10 {
        float:left;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        float:left;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        float:left;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:993px) {
    .col-lg {
        flex-basis: 0%;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        float:left;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        float:left;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        float:left;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        float:left;
        max-width: 25%
    }

    .col-lg-4 {
        float:left;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        float:left;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        float:left;
        max-width: 50%
    }

    .col-lg-7 {
        float:left;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        float:left;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        float:left;
        max-width: 75%
    }

    .col-lg-10 {
        float:left;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        float:left;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        float:left;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0%;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        float:left;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        float:left;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        float:left;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        float:left;
        max-width: 25%
    }

    .col-xl-4 {
        float:left;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        float:left;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        float:left;
        max-width: 50%
    }

    .col-xl-7 {
        float:left;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        float:left;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        float:left;
        max-width: 75%
    }

    .col-xl-10 {
        float:left;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        float:left;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        float:left;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

    .table th, .table td {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6
    }

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

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

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

.table-sm th, .table-sm td {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

    .table-bordered th, .table-bordered td {
        border: 1px solid #dee2e6
    }

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

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.075)
}

.table-primary, .table-primary &gt; th, .table-primary &gt; td {
    background-color: #b8daff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

    .table-hover .table-primary:hover &gt; td, .table-hover .table-primary:hover &gt; th {
        background-color: #9fcdff
    }

.table-secondary, .table-secondary &gt; th, .table-secondary &gt; td {
    background-color: #d6d8db
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

    .table-hover .table-secondary:hover &gt; td, .table-hover .table-secondary:hover &gt; th {
        background-color: #c8cbcf
    }

.table-success, .table-success &gt; th, .table-success &gt; td {
    background-color: #c3e6cb
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

    .table-hover .table-success:hover &gt; td, .table-hover .table-success:hover &gt; th {
        background-color: #b1dfbb
    }

.table-info, .table-info &gt; th, .table-info &gt; td {
    background-color: #bee5eb
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

    .table-hover .table-info:hover &gt; td, .table-hover .table-info:hover &gt; th {
        background-color: #abdde5
    }

.table-warning, .table-warning &gt; th, .table-warning &gt; td {
    background-color: #ffeeba
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

    .table-hover .table-warning:hover &gt; td, .table-hover .table-warning:hover &gt; th {
        background-color: #ffe8a1
    }

.table-danger, .table-danger &gt; th, .table-danger &gt; td {
    background-color: #f5c6cb
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

    .table-hover .table-danger:hover &gt; td, .table-hover .table-danger:hover &gt; th {
        background-color: #f1b0b7
    }

.table-light, .table-light &gt; th, .table-light &gt; td {
    background-color: #fdfdfe
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

    .table-hover .table-light:hover &gt; td, .table-hover .table-light:hover &gt; th {
        background-color: #ececf6
    }

.table-dark, .table-dark &gt; th, .table-dark &gt; td {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

    .table-hover .table-dark:hover &gt; td, .table-hover .table-dark:hover &gt; th {
        background-color: #b9bbbe
    }

.table-active, .table-active &gt; th, .table-active &gt; td {
    background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,.075)
}

    .table-hover .table-active:hover &gt; td, .table-hover .table-active:hover &gt; th {
        background-color: rgba(0,0,0,.075)
    }

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #212529
}

    .table-dark th, .table-dark td, .table-dark thead th {
        border-color: #32383e
    }

    .table-dark.table-bordered {
        border: 0
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255,255,255,.05)
    }

    .table-dark.table-hover tbody tr:hover {
        background-color: rgba(255,255,255,.075)
    }

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-sm &gt; .table-bordered {
            border: 0
        }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-md &gt; .table-bordered {
            border: 0
        }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-lg &gt; .table-bordered {
            border: 0
        }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-xl &gt; .table-bordered {
            border: 0
        }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

    .table-responsive &gt; .table-bordered {
        border: 0
    }

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0
    }

    .form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

    .form-control::placeholder {
        color: #6c757d;
        opacity: 1
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #e9ecef;
        opacity: 1
    }

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext.form-control-sm, .input-group-sm &gt; .form-control-plaintext.form-control, .input-group-sm &gt; .input-group-prepend &gt; .form-control-plaintext.input-group-text, .input-group-sm &gt; .input-group-append &gt; .form-control-plaintext.input-group-text, .input-group-sm &gt; .input-group-prepend &gt; .form-control-plaintext.btn, .input-group-sm &gt; .input-group-append &gt; .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg &gt; .form-control-plaintext.form-control, .input-group-lg &gt; .input-group-prepend &gt; .form-control-plaintext.input-group-text, .input-group-lg &gt; .input-group-append &gt; .form-control-plaintext.input-group-text, .input-group-lg &gt; .input-group-prepend &gt; .form-control-plaintext.btn, .input-group-lg &gt; .input-group-append &gt; .form-control-plaintext.btn {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm, .input-group-sm &gt; .form-control, .input-group-sm &gt; .input-group-prepend &gt; .input-group-text, .input-group-sm &gt; .input-group-append &gt; .input-group-text, .input-group-sm &gt; .input-group-prepend &gt; .btn, .input-group-sm &gt; .input-group-append &gt; .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

select.form-control-sm:not([size]):not([multiple]), .input-group-sm &gt; select.form-control:not([size]):not([multiple]), .input-group-sm &gt; .input-group-prepend &gt; select.input-group-text:not([size]):not([multiple]), .input-group-sm &gt; .input-group-append &gt; select.input-group-text:not([size]):not([multiple]), .input-group-sm &gt; .input-group-prepend &gt; select.btn:not([size]):not([multiple]), .input-group-sm &gt; .input-group-append &gt; select.btn:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px)
}

.form-control-lg, .input-group-lg &gt; .form-control, .input-group-lg &gt; .input-group-prepend &gt; .input-group-text, .input-group-lg &gt; .input-group-append &gt; .input-group-text, .input-group-lg &gt; .input-group-prepend &gt; .btn, .input-group-lg &gt; .input-group-append &gt; .btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control-lg:not([size]):not([multiple]), .input-group-lg &gt; select.form-control:not([size]):not([multiple]), .input-group-lg &gt; .input-group-prepend &gt; select.input-group-text:not([size]):not([multiple]), .input-group-lg &gt; .input-group-append &gt; select.input-group-text:not([size]):not([multiple]), .input-group-lg &gt; .input-group-prepend &gt; select.btn:not([size]):not([multiple]), .input-group-lg &gt; .input-group-append &gt; select.btn:not([size]):not([multiple]) {
    height: calc(2.875rem + 2px)
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row &gt; .col, .form-row &gt; [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

    .form-check-input:disabled ~ .form-check-label {
        color: #6c757d
    }

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0
    }

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(40,167,69,.8);
    border-radius: .2rem
}

.was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: #28a745
}

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
    }

    .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip {
        display: block
    }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #28a745
}

.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: #28a745
}

    .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
        background-color: #71dd8a
    }

.was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    background-color: #34ce57
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #28a745
}

    .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
        border-color: inherit
    }

.was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(220,53,69,.8);
    border-radius: .2rem
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #dc3545
}

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
    }

    .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip {
        display: block
    }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545
}

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc3545
}

    .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
        background-color: #efa2a9
    }

.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    background-color: #e4606d
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc3545
}

    .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
        border-color: inherit
    }

.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

    .form-inline .form-check {
        width: 100%
    }

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        float:left;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

    .btn:hover, .btn:focus {
        text-decoration: none
    }

    .btn:focus, .btn.focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

    .btn.disabled, .btn:disabled {
        opacity: .65
    }

    .btn:not(:disabled):not(.disabled) {
        cursor: pointer
    }

        .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
            background-image: none
        }

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show &gt; .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
        }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62
    }

    .btn-secondary:focus, .btn-secondary.focus {
        box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show &gt; .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
        }

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34
    }

    .btn-success:focus, .btn-success.focus {
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show &gt; .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
        }

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b
    }

    .btn-info:focus, .btn-info.focus {
        box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show &gt; .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f
    }

        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
        }

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .btn-warning:focus, .btn-warning.focus {
        box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show &gt; .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500
    }

        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
        }

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130
    }

    .btn-danger:focus, .btn-danger.focus {
        box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show &gt; .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d
    }

        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
        }

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5
    }

    .btn-light:focus, .btn-light.focus {
        box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show &gt; .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df
    }

        .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
        }

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124
    }

    .btn-dark:focus, .btn-dark.focus {
        box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show &gt; .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d
    }

        .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
        }

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show &gt; .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
        }

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show &gt; .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
        }

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show &gt; .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
        }

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show &gt; .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
        }

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent
    }

    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show &gt; .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

        .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
        }

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent
    }

    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show &gt; .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
        }

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-outline-light:focus, .btn-outline-light.focus {
        box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent
    }

    .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show &gt; .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

        .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
        }

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show &gt; .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

        .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
        }

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent
}

    .btn-link:hover {
        color: #0056b3;
        text-decoration: underline;
        background-color: transparent;
        border-color: transparent
    }

    .btn-link:focus, .btn-link.focus {
        text-decoration: underline;
        border-color: transparent;
        box-shadow: none
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #6c757d
    }

.btn-lg, .btn-group-lg &gt; .btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-sm, .btn-group-sm &gt; .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: .5rem
    }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}

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

    .fade.show {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.show {
        display: block
    }

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

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

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease
}

.dropup, .dropdown {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

.dropup .dropdown-menu {
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #007bff
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #6c757d;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group &gt; .btn, .btn-group-vertical &gt; .btn {
        position: relative;
        flex: 0 1 auto
    }

        .btn-group &gt; .btn:hover, .btn-group-vertical &gt; .btn:hover {
            z-index: 1
        }

        .btn-group &gt; .btn:focus, .btn-group &gt; .btn:active, .btn-group &gt; .btn.active, .btn-group-vertical &gt; .btn:focus, .btn-group-vertical &gt; .btn:active, .btn-group-vertical &gt; .btn.active {
            z-index: 1
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group {
        margin-left: -1px
    }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .btn-toolbar .input-group {
        width: auto
    }

.btn-group &gt; .btn:first-child {
    margin-left: 0
}

.btn-group &gt; .btn:not(:last-child):not(.dropdown-toggle), .btn-group &gt; .btn-group:not(:last-child) &gt; .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group &gt; .btn:not(:first-child), .btn-group &gt; .btn-group:not(:first-child) &gt; .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

    .dropdown-toggle-split::after {
        margin-left: 0
    }

.btn-sm + .dropdown-toggle-split, .btn-group-sm &gt; .btn + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg &gt; .btn + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

    .btn-group-vertical .btn, .btn-group-vertical .btn-group {
        width: 100%
    }

    .btn-group-vertical &gt; .btn + .btn, .btn-group-vertical &gt; .btn + .btn-group, .btn-group-vertical &gt; .btn-group + .btn, .btn-group-vertical &gt; .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0
    }

    .btn-group-vertical &gt; .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical &gt; .btn-group:not(:last-child) &gt; .btn {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical &gt; .btn:not(:first-child), .btn-group-vertical &gt; .btn-group:not(:first-child) &gt; .btn {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.btn-group-toggle &gt; .btn, .btn-group-toggle &gt; .btn-group &gt; .btn {
    margin-bottom: 0
}

    .btn-group-toggle &gt; .btn input[type="radio"], .btn-group-toggle &gt; .btn input[type="checkbox"], .btn-group-toggle &gt; .btn-group &gt; .btn input[type="radio"], .btn-group-toggle &gt; .btn-group &gt; .btn input[type="checkbox"] {
        position: absolute;
        clip: rect(0,0,0,0);
        pointer-events: none
    }

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

    .input-group &gt; .form-control, .input-group &gt; .custom-select, .input-group &gt; .custom-file {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0
    }

        .input-group &gt; .form-control:focus, .input-group &gt; .custom-select:focus, .input-group &gt; .custom-file:focus {
            z-index: 3
        }

        .input-group &gt; .form-control + .form-control, .input-group &gt; .form-control + .custom-select, .input-group &gt; .form-control + .custom-file, .input-group &gt; .custom-select + .form-control, .input-group &gt; .custom-select + .custom-select, .input-group &gt; .custom-select + .custom-file, .input-group &gt; .custom-file + .form-control, .input-group &gt; .custom-file + .custom-select, .input-group &gt; .custom-file + .custom-file {
            margin-left: -1px
        }

        .input-group &gt; .form-control:not(:last-child), .input-group &gt; .custom-select:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group &gt; .form-control:not(:first-child), .input-group &gt; .custom-select:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group &gt; .custom-file {
        display: flex;
        align-items: center
    }

        .input-group &gt; .custom-file:not(:last-child) .custom-file-label, .input-group &gt; .custom-file:not(:last-child) .custom-file-label::before {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group &gt; .custom-file:not(:first-child) .custom-file-label, .input-group &gt; .custom-file:not(:first-child) .custom-file-label::before {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

.input-group-prepend, .input-group-append {
    display: flex
}

    .input-group-prepend .btn, .input-group-append .btn {
        position: relative;
        z-index: 2
    }

        .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn {
            margin-left: -1px
        }

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

    .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] {
        margin-top: 0
    }

.input-group &gt; .input-group-prepend &gt; .btn, .input-group &gt; .input-group-prepend &gt; .input-group-text, .input-group &gt; .input-group-append:not(:last-child) &gt; .btn, .input-group &gt; .input-group-append:not(:last-child) &gt; .input-group-text, .input-group &gt; .input-group-append:last-child &gt; .btn:not(:last-child):not(.dropdown-toggle), .input-group &gt; .input-group-append:last-child &gt; .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group &gt; .input-group-append &gt; .btn, .input-group &gt; .input-group-append &gt; .input-group-text, .input-group &gt; .input-group-prepend:not(:first-child) &gt; .btn, .input-group &gt; .input-group-prepend:not(:first-child) &gt; .input-group-text, .input-group &gt; .input-group-prepend:first-child &gt; .btn:not(:first-child), .input-group &gt; .input-group-prepend:first-child &gt; .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        background-color: #007bff
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
    }

    .custom-control-input:active ~ .custom-control-label::before {
        color: #fff;
        background-color: #b3d7ff
    }

    .custom-control-input:disabled ~ .custom-control-label {
        color: #6c757d
    }

        .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #e9ecef
        }

.custom-control-label {
    margin-bottom: 0
}

    .custom-control-label::before {
        top: .25rem;
        left: 0;
        display: inline-block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        user-select: none;
        margin-bottom: -3px;
        margin-right: 20px;
        background-color: #dee2e6
    }

    .custom-control-label::after {
        position: absolute;
        top: .25rem;
        left: 0;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% 50%
    }

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    appearance: none
}

    .custom-select:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(128,189,255,.5)
    }

        .custom-select:focus::-ms-value {
            color: #495057;
            background-color: #fff
        }

    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: .75rem;
        background-image: none
    }

    .custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef
    }

    .custom-select::-ms-expand {
        opacity: 0
    }

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 125%
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0
}

    .custom-file-input:focus ~ .custom-file-control {
        border-color: #80bdff;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

        .custom-file-input:focus ~ .custom-file-control::before {
            border-color: #80bdff
        }

    .custom-file-input:lang(en) ~ .custom-file-label::after {
        content: "Browse"
    }

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(calc(2.25rem + 2px) - 1px * 2);
        padding: .375rem .75rem;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: 1px solid #ced4da;
        border-radius: 0 .25rem .25rem 0
    }

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

    .nav-link:hover, .nav-link:focus {
        text-decoration: none
    }

    .nav-link.disabled {
        color: #6c757d
    }

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

    .nav-tabs .nav-item {
        margin-bottom: -1px
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            border-color: #e9ecef #e9ecef #dee2e6
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
            color: #495057;
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills .nav-link {
    border-radius: .25rem
}

    .nav-pills .nav-link.active, .nav-pills .show &gt; .nav-link {
        color: #fff;
        background-color: #007bff
    }

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    flex-basis: 0%;
    flex-grow: 1;
    text-align: center
}

.tab-content &gt; .tab-pane {
    display: none
}

.tab-content &gt; .active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

    .navbar &gt; .container, .navbar &gt; .container-fluid {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none
    }

.navbar-nav {
       display: contents;
    //flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

    .navbar-toggler:hover, .navbar-toggler:focus {
        text-decoration: none
    }

    .navbar-toggler:not(:disabled):not(.disabled) {
        cursor: pointer
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media (max-width:575.98px) {
    .navbar-expand-sm &gt; .container, .navbar-expand-sm &gt; .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-sm &gt; .container, .navbar-expand-sm &gt; .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }

        .navbar-expand-sm .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}

@media (max-width:767.98px) {
    .navbar-expand-md &gt; .container, .navbar-expand-md &gt; .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-md &gt; .container, .navbar-expand-md &gt; .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }

        .navbar-expand-md .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}

@media (max-width:991.98px) {
    .navbar-expand-lg &gt; .container, .navbar-expand-lg &gt; .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:993px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-lg &gt; .container, .navbar-expand-lg &gt; .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-lg .navbar-collapse {
            display: inline-block;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }

        .navbar-expand-lg .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl &gt; .container, .navbar-expand-xl &gt; .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-xl &gt; .container, .navbar-expand-xl &gt; .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }

        .navbar-expand-xl .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

    .navbar-expand &gt; .container, .navbar-expand &gt; .container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand .navbar-nav {
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

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

        .navbar-expand .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem
        }

    .navbar-expand &gt; .container, .navbar-expand &gt; .container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

    .navbar-expand .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9)
}

    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
        color: rgba(0,0,0,.9)
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5)
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: rgba(0,0,0,.7)
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0,0,0,.3)
    }

    .navbar-light .navbar-nav .show &gt; .nav-link, .navbar-light .navbar-nav .active &gt; .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
        color: rgba(0,0,0,.9)
    }

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    float: right;
    display: block
}

.navbar-light .navbar-text {
    color: rgba(0,0,0,.5)
}

    .navbar-light .navbar-text a {
        color: rgba(0,0,0,.9)
    }

        .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
            color: rgba(0,0,0,.9)
        }

.navbar-dark .navbar-brand {
    color: #fff
}

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #fff
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5)
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(255,255,255,.75)
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255,255,255,.25)
    }

    .navbar-dark .navbar-nav .show &gt; .nav-link, .navbar-dark .navbar-nav .active &gt; .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
        color: #fff
    }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: rgba(255,255,255,.5)
}

    .navbar-dark .navbar-text a {
        color: #fff
    }

        .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
            color: #fff
        }

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

    .card &gt; hr {
        margin-right: 0;
        margin-left: 0
    }

    .card &gt; .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card &gt; .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125)
}

    .card-header:first-child {
        border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
    }

    .card-header + .list-group .list-group-item:first-child {
        border-top: 0
    }

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125)
}

    .card-footer:last-child {
        border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)
    }

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.card-deck {
    display: flex;
    flex-direction: column
}

    .card-deck .card {
        margin-bottom: 15px
    }

@media (min-width:576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

        .card-deck .card {
            display: flex;
            flex: 1 0 0%;
            flex-direction: column;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px
        }
}

.card-group {
    display: flex;
    flex-direction: column
}

    .card-group &gt; .card {
        margin-bottom: 15px
    }

@media (min-width:576px) {
    .card-group {
        flex-flow: row wrap
    }

        .card-group &gt; .card {
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group &gt; .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group &gt; .card:first-child {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group &gt; .card:first-child .card-img-top, .card-group &gt; .card:first-child .card-header {
                    border-top-right-radius: 0
                }

                .card-group &gt; .card:first-child .card-img-bottom, .card-group &gt; .card:first-child .card-footer {
                    border-bottom-right-radius: 0
                }

            .card-group &gt; .card:last-child {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .card-group &gt; .card:last-child .card-img-top, .card-group &gt; .card:last-child .card-header {
                    border-top-left-radius: 0
                }

                .card-group &gt; .card:last-child .card-img-bottom, .card-group &gt; .card:last-child .card-footer {
                    border-bottom-left-radius: 0
                }

            .card-group &gt; .card:only-child {
                border-radius: .25rem
            }

                .card-group &gt; .card:only-child .card-img-top, .card-group &gt; .card:only-child .card-header {
                    border-top-left-radius: .25rem;
                    border-top-right-radius: .25rem
                }

                .card-group &gt; .card:only-child .card-img-bottom, .card-group &gt; .card:only-child .card-footer {
                    border-bottom-right-radius: .25rem;
                    border-bottom-left-radius: .25rem
                }

            .card-group &gt; .card:not(:first-child):not(:last-child):not(:only-child) {
                border-radius: 0
            }

                .card-group &gt; .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group &gt; .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group &gt; .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group &gt; .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
                    border-radius: 0
                }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem
    }

        .card-columns .card {
            display: inline-block;
            width: 100%
        }
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

    .page-link:hover {
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

    .page-link:not(:disabled):not(.disabled) {
        cursor: pointer
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

    .badge:empty {
        display: none
    }

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

    .badge-primary[href]:hover, .badge-primary[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #0062cc
    }

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

    .badge-secondary[href]:hover, .badge-secondary[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #545b62
    }

.badge-success {
    color: #fff;
    background-color: #28a745
}

    .badge-success[href]:hover, .badge-success[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #1e7e34
    }

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

    .badge-info[href]:hover, .badge-info[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #117a8b
    }

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

    .badge-warning[href]:hover, .badge-warning[href]:focus {
        color: #212529;
        text-decoration: none;
        background-color: #d39e00
    }

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

    .badge-danger[href]:hover, .badge-danger[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #bd2130
    }

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

    .badge-light[href]:hover, .badge-light[href]:focus {
        color: #212529;
        text-decoration: none;
        background-color: #dae0e5
    }

.badge-dark {
    color: #fff;
    background-color: #343a40
}

    .badge-dark[href]:hover, .badge-dark[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #1d2124
    }

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: .75rem 1.25rem;
        color: inherit
    }

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

    .alert-primary hr {
        border-top-color: #9fcdff
    }

    .alert-primary .alert-link {
        color: #002752
    }

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

    .alert-secondary hr {
        border-top-color: #c8cbcf
    }

    .alert-secondary .alert-link {
        color: #202326
    }

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

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

    .alert-success .alert-link {
        color: #0b2e13
    }

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

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

    .alert-info .alert-link {
        color: #062c33
    }

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

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

    .alert-warning .alert-link {
        color: #533f03
    }

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

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

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

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

    .alert-light hr {
        border-top-color: #ececf6
    }

    .alert-light .alert-link {
        color: #686868
    }

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

    .alert-dark hr {
        border-top-color: #b9bbbe
    }

    .alert-dark .alert-link {
        color: #040505
    }

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width 0.6s ease
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

    .list-group-item-action:hover, .list-group-item-action:focus {
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .list-group-item-action:active {
        color: #212529;
        background-color: #e9ecef
    }

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

    .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .list-group-item:hover, .list-group-item:focus {
        z-index: 1;
        text-decoration: none
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #6c757d;
        background-color: #fff
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: #004085;
        background-color: #9fcdff
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #004085;
        border-color: #004085
    }

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
        color: #383d41;
        background-color: #c8cbcf
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #383d41;
        border-color: #383d41
    }

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

    .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
        color: #155724;
        background-color: #b1dfbb
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #155724;
        border-color: #155724
    }

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

    .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
        color: #0c5460;
        background-color: #abdde5
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0c5460;
        border-color: #0c5460
    }

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

    .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
        color: #856404;
        background-color: #ffe8a1
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #856404;
        border-color: #856404
    }

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

    .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
        color: #721c24;
        background-color: #f1b0b7
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #721c24;
        border-color: #721c24
    }

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

    .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
        color: #818182;
        background-color: #ececf6
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #818182;
        border-color: #818182
    }

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

    .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
        color: #1b1e21;
        background-color: #b9bbbe
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21
    }

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        opacity: .75
    }

    .close:not(:disabled):not(.disabled) {
        cursor: pointer
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0,-25%)
}

.modal.show .modal-dialog {
    transform: translate(0,0)
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2))
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: .5
    }

.modal-header {
        display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0px 0px 6px 15px;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    margin-bottom: 6px;
}

    .modal-header .close {
        padding: 1rem;
        margin: -1rem -1rem -1rem auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

    .modal-footer &gt; :not(:first-child) {
        margin-left: .25rem
    }

    .modal-footer &gt; :not(:last-child) {
        margin-right: .25rem
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:993px) {
    .modal-lg {
        max-width: 800px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: .9
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .4rem
    }

        .tooltip .arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
    padding: .4rem 0
}

    .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
        bottom: 0
    }

        .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
            top: 0;
            border-width: .4rem .4rem 0;
            border-top-color: #000
        }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
    padding: 0 .4rem
}

    .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
        left: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
            right: 0;
            border-width: .4rem .4rem .4rem 0;
            border-right-color: #000
        }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
    padding: .4rem 0
}

    .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
        top: 0
    }

        .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
            bottom: 0;
            border-width: 0 .4rem .4rem;
            border-bottom-color: #000
        }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
    padding: 0 .4rem
}

    .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
        right: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
            left: 0;
            border-width: .4rem 0 .4rem .4rem;
            border-left-color: #000
        }

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem
}

    .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: .5rem;
        margin: 0 .3rem
    }

        .popover .arrow::before, .popover .arrow::after {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
    margin-bottom: .5rem
}

    .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
        bottom: calc((0.5rem + 1px) * -1)
    }

        .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
            border-width: .5rem .5rem 0
        }

        .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
            bottom: 0;
            border-top-color: rgba(0,0,0,.25)
        }

        .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
            bottom: 1px;
            border-top-color: #fff
        }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
    margin-left: .5rem
}

    .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
        left: calc((0.5rem + 1px) * -1);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
            border-width: .5rem .5rem .5rem 0
        }

        .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
            left: 0;
            border-right-color: rgba(0,0,0,.25)
        }

        .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
            left: 1px;
            border-right-color: #fff
        }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
    margin-top: .5rem
}

    .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
        top: calc((0.5rem + 1px) * -1)
    }

        .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
            border-width: 0 .5rem .5rem .5rem
        }

        .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
            top: 0;
            border-bottom-color: rgba(0,0,0,.25)
        }

        .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
            top: 1px;
            border-bottom-color: #fff
        }

    .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7
    }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
    margin-right: .5rem
}

    .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
        right: calc((0.5rem + 1px) * -1);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
            border-width: .5rem 0 .5rem .5rem
        }

        .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
            right: 0;
            border-left-color: rgba(0,0,0,.25)
        }

        .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
            right: 1px;
            border-left-color: #fff
        }

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

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

.carousel-item {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    transition: transform 0.6s ease;
    backface-visibility: hidden;
    perspective: 1000px
}

    .carousel-item.active, .carousel-item-next, .carousel-item-prev {
        display: block
    }

.carousel-item-next, .carousel-item-prev {
    position: absolute;
    top: 0
}

    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        transform: translateX(0)
    }

@supports (transform-style:preserve-3d) {
    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        transform: translate3d(0,0,0)
    }
}

.carousel-item-next, .active.carousel-item-right {
    transform: translateX(100%)
}

@supports (transform-style:preserve-3d) {
    .carousel-item-next, .active.carousel-item-right {
        transform: translate3d(100%,0,0)
    }
}

.carousel-item-prev, .active.carousel-item-left {
    transform: translateX(-100%)
}

@supports (transform-style:preserve-3d) {
    .carousel-item-prev, .active.carousel-item-left {
        transform: translate3d(-100%,0,0)
    }
}

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

    .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9
    }

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators li {
        position: relative;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        background-color: rgba(255,255,255,.5)
    }

        .carousel-indicators li::before {
            position: absolute;
            top: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: ""
        }

        .carousel-indicators li::after {
            position: absolute;
            bottom: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: ""
        }

    .carousel-indicators .active {
        background-color: #fff
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
    background-color: #1d2124 !important
}

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

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded {
    border-radius: 0.25rem !important
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

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

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

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

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

    .embed-responsive::before {
        display: block;
        content: ""
    }

    .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.embed-responsive-21by9::before {
    padding-top: 42.8571428571%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:993px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width:993px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports (position:sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    clip-path: none
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 !important
}

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

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

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: 0.25rem !important
}

.mt-1, .my-1 {
    margin-top: 0.25rem !important
}

.mr-1, .mx-1 {
    margin-right: 0.25rem !important
}

.mb-1, .my-1 {
    margin-bottom: 0.25rem !important
}

.ml-1, .mx-1 {
    margin-left: 0.25rem !important
}

.m-2 {
    margin: 0.5rem !important
}

.mt-2, .my-2 {
    margin-top: 0.5rem !important
}

.mr-2, .mx-2 {
    margin-right: 0.5rem !important
}

.mb-2, .my-2 {
    margin-bottom: 0.5rem !important
}

.ml-2, .mx-2 {
    margin-left: 0.5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: 0.25rem !important
}

.pt-1, .py-1 {
    padding-top: 0.25rem !important
}

.pr-1, .px-1 {
    padding-right: 0.25rem !important
}

.pb-1, .py-1 {
    padding-bottom: 0.25rem !important
}

.pl-1, .px-1 {
    padding-left: 0.25rem !important
}

.p-2 {
    padding: 0.5rem !important
}

.pt-2, .py-2 {
    padding-top: 0.5rem !important
}

.pr-2, .px-2 {
    padding-right: 0.5rem !important
}

.pb-2, .py-2 {
    padding-bottom: 0.5rem !important
}

.pl-2, .px-2 {
    padding-left: 0.5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: 0.25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: 0.25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: 0.25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: 0.25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: 0.25rem !important
    }

    .m-sm-2 {
        margin: 0.5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: 0.5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: 0.5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: 0.5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: 0.5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: 0.25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: 0.25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: 0.25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: 0.25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: 0.25rem !important
    }

    .p-sm-2 {
        padding: 0.5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: 0.5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: 0.5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: 0.5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: 0.5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: 0.25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: 0.25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: 0.25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: 0.25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: 0.25rem !important
    }

    .m-md-2 {
        margin: 0.5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: 0.5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: 0.5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: 0.5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: 0.5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: 0.25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: 0.25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: 0.25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: 0.25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: 0.25rem !important
    }

    .p-md-2 {
        padding: 0.5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: 0.5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: 0.5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: 0.5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: 0.5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:993px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: 0.25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: 0.25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: 0.25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: 0.25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: 0.25rem !important
    }

    .m-lg-2 {
        margin: 0.5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: 0.5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: 0.5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: 0.5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: 0.5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: 0.25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: 0.25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: 0.25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: 0.25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: 0.25rem !important
    }

    .p-lg-2 {
        padding: 0.5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: 0.5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: 0.5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: 0.5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: 0.5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: 0.25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: 0.25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: 0.25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: 0.25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: 0.25rem !important
    }

    .m-xl-2 {
        margin: 0.5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: 0.5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: 0.5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: 0.5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: 0.5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: 0.25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: 0.25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: 0.25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: 0.25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: 0.25rem !important
    }

    .p-xl-2 {
        padding: 0.5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: 0.5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: 0.5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: 0.5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: 0.5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

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

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

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }

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

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

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }

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

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

@media (min-width:993px) {
    .text-lg-left {
        text-align: left !important
    }

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

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

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }

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

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

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:hover, a.text-primary:focus {
    color: #0062cc !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #545b62 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:hover, a.text-success:focus {
    color: #1e7e34 !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:hover, a.text-info:focus {
    color: #117a8b !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:hover, a.text-warning:focus {
    color: #d39e00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:hover, a.text-danger:focus {
    color: #bd2130 !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:hover, a.text-light:focus {
    color: #dae0e5 !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:hover, a.text-dark:focus {
    color: #1d2124 !important
}

.text-muted {
    color: #6c757d !important
}

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

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *, *::before, *::after {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 993px !important
    }

    .container {
        min-width: 993px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td, .table th {
            background-color: #fff !important
        }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important
    }
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure, main {
    display: block
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

button, input, optgroup, select, textarea {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

ul:not(.browser-default) {
    list-style-type: none
}

    ul:not(.browser-default) &gt; li {
        list-style-type: none
    }

a {
    color: #039be5;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

.valign-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.clearfix {
    clear: both
}

.z-depth-0 {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.z-depth-2 {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3)
}

.z-depth-3 {
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
    box-shadow: 0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)
}

.z-depth-4 {
    -webkit-box-shadow: 0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -7px rgba(0,0,0,.2);
    box-shadow: 0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -7px rgba(0,0,0,.2)
}

.z-depth-5, .modal {
    -webkit-box-shadow: 0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12),0 11px 15px -7px rgba(0,0,0,.2);
    box-shadow: 0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12),0 11px 15px -7px rgba(0,0,0,.2)
}

.hoverable {
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s,-webkit-box-shadow .25s
}

    .hoverable:hover {
        -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
        box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
    }

.divider {
    height: 1px;
    overflow: hidden;
    background-color: #e0e0e0
}

blockquote {
    margin: 20px 0;
    padding-left: 1.5rem;
    border-left: 5px solid #ee6e73
}

i {
    line-height: inherit
}

    i.left {
        float: left;
        margin-right: 15px
    }

    i.right {
        float: right;
        margin-left: 15px
    }

    i.tiny {
        font-size: 1rem
    }

    i.small {
        font-size: 2rem
    }

    i.medium {
        font-size: 4rem
    }

    i.large {
        font-size: 6rem
    }

img.responsive-img, video.responsive-video {
    max-width: 100%;
    height: auto
}

.pagination li {
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    vertical-align: top;
    height: 30px
}

    .pagination li a {
        color: #444;
        display: inline-block;
        font-size: 1.2rem;
        padding: 0 10px;
        line-height: 30px
    }

    .pagination li.active a {
        color: #fff
    }

    .pagination li.active {
        background-color: #ee6e73
    }

    .pagination li.disabled a {
        cursor: default;
        color: #999
    }

    .pagination li i {
        font-size: 2rem
    }

    .pagination li.pages ul li {
        display: inline-block;
        float: none
    }

@media only screen and (max-width:992px) {
    .pagination {
        width: 100%
    }

        .pagination li.prev, .pagination li.next {
            width: 10%
        }

        .pagination li.pages {
            width: 80%;
            overflow: hidden;
            white-space: nowrap
        }
}

.breadcrumb {
    font-size: 18px;
    color: rgba(255,255,255,.7)
}

    .breadcrumb i, .breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"], .breadcrumb i.material-icons {
        display: inline-block;
        float: left;
        font-size: 24px
    }

    .breadcrumb:before {
        content: '\E5CC';
        color: rgba(255,255,255,.7);
        vertical-align: top;
        display: inline-block;
        font-family: 'Material Icons';
        font-weight: 400;
        font-style: normal;
        font-size: 25px;
        margin: 0 10px 0 8px;
        -webkit-font-smoothing: antialiased
    }

    .breadcrumb:first-child:before {
        display: none
    }

    .breadcrumb:last-child {
        color: #fff
    }

.parallax-container {
    position: relative;
    overflow: hidden;
    height: 500px
}

    .parallax-container .parallax {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1
    }

        .parallax-container .parallax img {
            opacity: 0;
            position: absolute;
            left: 50%;
            bottom: 0;
            min-width: 100%;
            min-height: 100%;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }

.pin-top, .pin-bottom {
    position: relative
}

.pinned {
    position: fixed !important
}

ul.staggered-list li {
    opacity: 0
}

.fade-in {
    opacity: 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

@media only screen and (max-width:600px) {
    .hide-on-small-only, .hide-on-small-and-down {
        display: none !important
    }
}

@media only screen and (max-width:992px) {
    .hide-on-med-and-down {
        display: none !important
    }
}

@media only screen and (min-width:601px) {
    .hide-on-med-and-up {
        display: none !important
    }
}

@media only screen and (min-width:600px) and (max-width:992px) {
    .hide-on-med-only {
        display: none !important
    }
}

@media only screen and (min-width:993px) {
    .hide-on-large-only {
        display: none !important
    }
}

@media only screen and (min-width:1201px) {
    .hide-on-extra-large-only {
        display: none !important
    }
}

@media only screen and (min-width:1201px) {
    .show-on-extra-large {
        display: block !important
    }
}

@media only screen and (min-width:993px) {
    .show-on-large {
        display: block !important
    }
}

@media only screen and (min-width:600px) and (max-width:992px) {
    .show-on-medium {
        display: block !important
    }
}

@media only screen and (max-width:600px) {
    .show-on-small {
        display: block !important
    }
}

@media only screen and (min-width:601px) {
    .show-on-medium-and-up {
        display: block !important
    }
}

@media only screen and (max-width:992px) {
    .show-on-medium-and-down {
        display: block !important
    }
}

@media only screen and (max-width:600px) {
    .center-on-small-only {
        text-align: center
    }
}

.page-footer {
    padding-top: 20px;
    color: #fff;
    background-color: #ee6e73
}

    .page-footer .footer-copyright {
        overflow: hidden;
        min-height: 50px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px 0;
        color: rgba(255,255,255,.8);
        background-color: rgba(51,51,51,.08)
    }

table, th, td {
    border: none
}

table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-spacing: 0
}

    table.striped tr {
        border-bottom: none
    }

    table.striped &gt; tbody &gt; tr:nth-child(odd) {
        background-color: rgba(242,242,242,.5)
    }

    table.striped &gt; tbody &gt; tr &gt; td {
        border-radius: 0
    }

    table.highlight &gt; tbody &gt; tr {
        -webkit-transition: background-color .25s ease;
        transition: background-color .25s ease
    }

        table.highlight &gt; tbody &gt; tr:hover {
            background-color: rgba(242,242,242,.5)
        }

    table.centered thead tr th, table.centered tbody tr td {
        text-align: center
    }

tr {
    border-bottom: 1px solid rgba(0,0,0,.12)
}

td, th {
    padding: 15px 5px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border-radius: 2px
}

@media only screen and (max-width:992px) {
    table.responsive-table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        display: block;
        position: relative
    }

        table.responsive-table td:empty:before {
            content: '\00a0'
        }

        table.responsive-table th, table.responsive-table td {
            margin: 0;
            vertical-align: top
        }

        table.responsive-table th {
            text-align: left
        }

        table.responsive-table thead {
            display: block;
            float: left
        }

            table.responsive-table thead tr {
                display: block;
                padding: 0 10px 0 0
            }

                table.responsive-table thead tr th::before {
                    content: "\00a0"
                }

        table.responsive-table tbody {
            display: block;
            width: auto;
            position: relative;
            overflow-x: auto;
            white-space: nowrap
        }

            table.responsive-table tbody tr {
                display: inline-block;
                vertical-align: top
            }

        table.responsive-table th {
            display: block;
            text-align: right
        }

        table.responsive-table td {
            display: block;
            min-height: 1.25em;
            text-align: left
        }

        table.responsive-table tr {
            border-bottom: none;
            padding: 0 10px
        }

        table.responsive-table thead {
            border: 0;
            border-right: 1px solid rgba(0,0,0,.12)
        }
}

.collection {
    margin: .5rem 0 1rem 0;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    overflow: hidden;
    position: relative
}

    .collection .collection-item {
        background-color: #fff;
        line-height: 1.5rem;
        padding: 10px 20px;
        margin: 0;
        border-bottom: 1px solid #e0e0e0
    }

        .collection .collection-item.avatar {
            min-height: 84px;
            padding-left: 72px;
            position: relative
        }

            .collection .collection-item.avatar:not(.circle-clipper) &gt; .circle, .collection .collection-item.avatar:not(.circle-clipper) &gt; .circle {
                position: absolute;
                width: 42px;
                height: 42px;
                overflow: hidden;
                left: 15px;
                display: inline-block;
                vertical-align: middle
            }

            .collection .collection-item.avatar i.circle {
                font-size: 18px;
                line-height: 42px;
                color: #fff;
                background-color: #999;
                text-align: center
            }

            .collection .collection-item.avatar .title {
                font-size: 16px
            }

            .collection .collection-item.avatar p {
                margin: 0
            }

            .collection .collection-item.avatar .secondary-content {
                position: absolute;
                top: 16px;
                right: 16px
            }

        .collection .collection-item:last-child {
            border-bottom: none
        }

        .collection .collection-item.active {
            background-color: #26a69a;
            color: #eafaf9
        }

            .collection .collection-item.active .secondary-content {
                color: #fff
            }

    .collection a.collection-item {
        display: block;
        -webkit-transition: .25s;
        transition: .25s;
        color: #26a69a
    }

        .collection a.collection-item:not(.active):hover {
            background-color: #ddd
        }

    .collection.with-header .collection-header {
        background-color: #fff;
        border-bottom: 1px solid #e0e0e0;
        padding: 10px 20px
    }

    .collection.with-header .collection-item {
        padding-left: 30px
    }

        .collection.with-header .collection-item.avatar {
            padding-left: 72px
        }

.secondary-content {
    float: right;
    color: #26a69a
}

.collapsible .collection {
    margin: 0;
    border: none
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.progress {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: #acece6;
    border-radius: 2px;
    margin: .5rem 0 1rem 0;
    overflow: hidden
}

    .progress .determinate {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: #26a69a;
        -webkit-transition: width .3s linear;
        transition: width .3s linear
    }

    .progress .indeterminate {
        background-color: #26a69a
    }

        .progress .indeterminate:before {
            content: '';
            position: absolute;
            background-color: inherit;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left,right;
            -webkit-animation: indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
            animation: indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite
        }

        .progress .indeterminate:after {
            content: '';
            position: absolute;
            background-color: inherit;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left,right;
            -webkit-animation: indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;
            animation: indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;
            -webkit-animation-delay: 1.15s;
            animation-delay: 1.15s
        }

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }

    60% {
        left: 100%;
        right: -90%
    }

    100% {
        left: 100%;
        right: -90%
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }

    60% {
        left: 100%;
        right: -90%
    }

    100% {
        left: 100%;
        right: -90%
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    100% {
        left: 107%;
        right: -8%
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    100% {
        left: 107%;
        right: -8%
    }
}

.hide {
    display: none !important
}

.left-align {
    text-align: left
}

.right-align {
    text-align: right
}

.center, .center-align {
    text-align: center
}

.left {
    float: left !important
}

.right {
    float: right !important
}
.marginauto1{margin:0 auto;}

.no-select, input[type=range], input[type=range] + .thumb {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.circle {
    border-radius: 50%
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.no-padding {
    padding: 0 !important
}

span.badge {
    min-width: 3rem;
    padding: 0 6px;
    margin-left: 14px;
    text-align: center;
    font-size: 1rem;
    line-height: 22px;
    height: 22px;
    color: #757575;
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    span.badge.new {
        font-weight: 300;
        font-size: .8rem;
        color: #fff;
        background-color: #26a69a;
        border-radius: 2px
    }

        span.badge.new:after {
            content: " new"
        }

    span.badge[data-badge-caption]::after {
        content: " " attr(data-badge-caption)
    }

nav ul a span.badge {
    display: inline-block;
    float: none;
    margin-left: 4px;
    line-height: 22px;
    height: 22px;
    -webkit-font-smoothing: auto
}

.collection-item span.badge {
    margin-top: calc(0.75rem - 11px)
}

.collapsible span.badge {
    margin-left: auto
}

.sidenav span.badge {
    margin-top: calc(24px - 11px)
}

table span.badge {
    display: inline-block;
    float: none;
    margin-left: auto
}

.material-icons {
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga'
}

.col .row {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.section {
    padding-top: 1rem;
    padding-bottom: 1rem
}

    .section.no-pad {
        padding: 0
    }

    .section.no-pad-bot {
        padding-bottom: 0
    }

    .section.no-pad-top {
        padding-top: 0
    }

.row {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
}

    .row:after {
        content: "";
        display: table;
        clear: both
    }

    .row .col {
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 .75rem;
        min-height: 1px
    }

        .row .col[class*="push-"], .row .col[class*="pull-"] {
            position: relative
        }

        .row .col.s1 {
            width: 8.3333333333%;
            margin-left: auto;
            left: auto;
            right: auto
        }

        .row .col.s2 {
            width: 16.6666666667%;
            margin-left: auto;
            left: auto;
            right: auto
        }

        .row .col.s3 {
            width: 25%;
            margin-left: auto;
            left: auto;
            right: auto
        }

        .row .col.s4 {
            width: 33.3333333333%;
            margin-left: auto;
            left: auto;
            right: auto
        }

        .row .col.s5 {
            width: 41.6666666667%;
            margin-left: auto;
            left: auto;
            right: auto
        }

        .row .col.s6 {
            width: 50%;
            margin-left: auto;
            left: auto;
            right: auto
        }

        .row .col.s7 {
            width: 58.3333333333%;
            margin-left: auto;
            left: auto;
            right: auto
        }

        .row .col.s8 {
            width: 66.6666666667%;
            margin-left: auto;
            left: auto;
            right: auto
        }

        .row .col.s9 {
            width: 75%;
            margin-left: auto;
            left: auto;
            right: auto
        }

        .row .col.s10 {
            width: 83.3333333333%;
            margin-left: auto;
            left: auto;
            right: auto
        }

        .row .col.s11 {
            width: 91.6666666667%;
            margin-left: auto;
            left: auto;
            right: auto
        }

        .row .col.s12 {
            width: 100%;
            margin-left: auto;
            left: auto;
            right: auto
        }

        .row .col.offset-s1 {
            margin-left: 8.3333333333%
        }

        .row .col.pull-s1 {
            right: 8.3333333333%
        }

        .row .col.push-s1 {
            left: 8.3333333333%
        }

        .row .col.offset-s2 {
            margin-left: 16.6666666667%
        }

        .row .col.pull-s2 {
            right: 16.6666666667%
        }

        .row .col.push-s2 {
            left: 16.6666666667%
        }

        .row .col.offset-s3 {
            margin-left: 25%
        }

        .row .col.pull-s3 {
            right: 25%
        }

        .row .col.push-s3 {
            left: 25%
        }

        .row .col.offset-s4 {
            margin-left: 33.3333333333%
        }

        .row .col.pull-s4 {
            right: 33.3333333333%
        }

        .row .col.push-s4 {
            left: 33.3333333333%
        }

        .row .col.offset-s5 {
            margin-left: 41.6666666667%
        }

        .row .col.pull-s5 {
            right: 41.6666666667%
        }

        .row .col.push-s5 {
            left: 41.6666666667%
        }

        .row .col.offset-s6 {
            margin-left: 50%
        }

        .row .col.pull-s6 {
            right: 50%
        }

        .row .col.push-s6 {
            left: 50%
        }

        .row .col.offset-s7 {
            margin-left: 58.3333333333%
        }

        .row .col.pull-s7 {
            right: 58.3333333333%
        }

        .row .col.push-s7 {
            left: 58.3333333333%
        }

        .row .col.offset-s8 {
            margin-left: 66.6666666667%
        }

        .row .col.pull-s8 {
            right: 66.6666666667%
        }

        .row .col.push-s8 {
            left: 66.6666666667%
        }

        .row .col.offset-s9 {
            margin-left: 75%
        }

        .row .col.pull-s9 {
            right: 75%
        }

        .row .col.push-s9 {
            left: 75%
        }

        .row .col.offset-s10 {
            margin-left: 83.3333333333%
        }

        .row .col.pull-s10 {
            right: 83.3333333333%
        }

        .row .col.push-s10 {
            left: 83.3333333333%
        }

        .row .col.offset-s11 {
            margin-left: 91.6666666667%
        }

        .row .col.pull-s11 {
            right: 91.6666666667%
        }

        .row .col.push-s11 {
            left: 91.6666666667%
        }

        .row .col.offset-s12 {
            margin-left: 100%
        }

        .row .col.pull-s12 {
            right: 100%
        }

        .row .col.push-s12 {
            left: 100%
        }

@media only screen and (min-width:601px) {
    .row .col.m1 {
        width: 8.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.m2 {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.m3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.m4 {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.m5 {
        width: 41.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.m6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.m7 {
        width: 58.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.m8 {
        width: 66.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.m9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.m10 {
        width: 83.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.m11 {
        width: 91.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.m12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.offset-m1 {
        margin-left: 8.3333333333%
    }

    .row .col.pull-m1 {
        right: 8.3333333333%
    }

    .row .col.push-m1 {
        left: 8.3333333333%
    }

    .row .col.offset-m2 {
        margin-left: 16.6666666667%
    }

    .row .col.pull-m2 {
        right: 16.6666666667%
    }

    .row .col.push-m2 {
        left: 16.6666666667%
    }

    .row .col.offset-m3 {
        margin-left: 25%
    }

    .row .col.pull-m3 {
        right: 25%
    }

    .row .col.push-m3 {
        left: 25%
    }

    .row .col.offset-m4 {
        margin-left: 33.3333333333%
    }

    .row .col.pull-m4 {
        right: 33.3333333333%
    }

    .row .col.push-m4 {
        left: 33.3333333333%
    }

    .row .col.offset-m5 {
        margin-left: 41.6666666667%
    }

    .row .col.pull-m5 {
        right: 41.6666666667%
    }

    .row .col.push-m5 {
        left: 41.6666666667%
    }

    .row .col.offset-m6 {
        margin-left: 50%
    }

    .row .col.pull-m6 {
        right: 50%
    }

    .row .col.push-m6 {
        left: 50%
    }

    .row .col.offset-m7 {
        margin-left: 58.3333333333%
    }

    .row .col.pull-m7 {
        right: 58.3333333333%
    }

    .row .col.push-m7 {
        left: 58.3333333333%
    }

    .row .col.offset-m8 {
        margin-left: 66.6666666667%
    }

    .row .col.pull-m8 {
        right: 66.6666666667%
    }

    .row .col.push-m8 {
        left: 66.6666666667%
    }

    .row .col.offset-m9 {
        margin-left: 75%
    }

    .row .col.pull-m9 {
        right: 75%
    }

    .row .col.push-m9 {
        left: 75%
    }

    .row .col.offset-m10 {
        margin-left: 83.3333333333%
    }

    .row .col.pull-m10 {
        right: 83.3333333333%
    }

    .row .col.push-m10 {
        left: 83.3333333333%
    }

    .row .col.offset-m11 {
        margin-left: 91.6666666667%
    }

    .row .col.pull-m11 {
        right: 91.6666666667%
    }

    .row .col.push-m11 {
        left: 91.6666666667%
    }

    .row .col.offset-m12 {
        margin-left: 100%
    }

    .row .col.pull-m12 {
        right: 100%
    }

    .row .col.push-m12 {
        left: 100%
    }
}

@media only screen and (min-width:993px) {
    .row .col.l1 {
        width: 8.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.l2 {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.l3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.l4 {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.l5 {
        width: 41.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.l6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.l7 {
        width: 58.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.l8 {
        width: 66.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.l9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.l10 {
        width: 83.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.l11 {
        width: 91.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.l12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.offset-l1 {
        margin-left: 8.3333333333%
    }

    .row .col.pull-l1 {
        right: 8.3333333333%
    }

    .row .col.push-l1 {
        left: 8.3333333333%
    }

    .row .col.offset-l2 {
        margin-left: 16.6666666667%
    }

    .row .col.pull-l2 {
        right: 16.6666666667%
    }

    .row .col.push-l2 {
        left: 16.6666666667%
    }

    .row .col.offset-l3 {
        margin-left: 25%
    }

    .row .col.pull-l3 {
        right: 25%
    }

    .row .col.push-l3 {
        left: 25%
    }

    .row .col.offset-l4 {
        margin-left: 33.3333333333%
    }

    .row .col.pull-l4 {
        right: 33.3333333333%
    }

    .row .col.push-l4 {
        left: 33.3333333333%
    }

    .row .col.offset-l5 {
        margin-left: 41.6666666667%
    }

    .row .col.pull-l5 {
        right: 41.6666666667%
    }

    .row .col.push-l5 {
        left: 41.6666666667%
    }

    .row .col.offset-l6 {
        margin-left: 50%
    }

    .row .col.pull-l6 {
        right: 50%
    }

    .row .col.push-l6 {
        left: 50%
    }

    .row .col.offset-l7 {
        margin-left: 58.3333333333%
    }

    .row .col.pull-l7 {
        right: 58.3333333333%
    }

    .row .col.push-l7 {
        left: 58.3333333333%
    }

    .row .col.offset-l8 {
        margin-left: 66.6666666667%
    }

    .row .col.pull-l8 {
        right: 66.6666666667%
    }

    .row .col.push-l8 {
        left: 66.6666666667%
    }

    .row .col.offset-l9 {
        margin-left: 75%
    }

    .row .col.pull-l9 {
        right: 75%
    }

    .row .col.push-l9 {
        left: 75%
    }

    .row .col.offset-l10 {
        margin-left: 83.3333333333%
    }

    .row .col.pull-l10 {
        right: 83.3333333333%
    }

    .row .col.push-l10 {
        left: 83.3333333333%
    }

    .row .col.offset-l11 {
        margin-left: 91.6666666667%
    }

    .row .col.pull-l11 {
        right: 91.6666666667%
    }

    .row .col.push-l11 {
        left: 91.6666666667%
    }

    .row .col.offset-l12 {
        margin-left: 100%
    }

    .row .col.pull-l12 {
        right: 100%
    }

    .row .col.push-l12 {
        left: 100%
    }
}

@media only screen and (min-width:1201px) {
    .row .col.xl1 {
        width: 8.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.xl2 {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.xl3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.xl4 {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.xl5 {
        width: 41.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.xl6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.xl7 {
        width: 58.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.xl8 {
        width: 66.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.xl9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.xl10 {
        width: 83.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.xl11 {
        width: 91.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.xl12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto
    }

    .row .col.offset-xl1 {
        margin-left: 8.3333333333%
    }

    .row .col.pull-xl1 {
        right: 8.3333333333%
    }

    .row .col.push-xl1 {
        left: 8.3333333333%
    }

    .row .col.offset-xl2 {
        margin-left: 16.6666666667%
    }

    .row .col.pull-xl2 {
        right: 16.6666666667%
    }

    .row .col.push-xl2 {
        left: 16.6666666667%
    }

    .row .col.offset-xl3 {
        margin-left: 25%
    }

    .row .col.pull-xl3 {
        right: 25%
    }

    .row .col.push-xl3 {
        left: 25%
    }

    .row .col.offset-xl4 {
        margin-left: 33.3333333333%
    }

    .row .col.pull-xl4 {
        right: 33.3333333333%
    }

    .row .col.push-xl4 {
        left: 33.3333333333%
    }

    .row .col.offset-xl5 {
        margin-left: 41.6666666667%
    }

    .row .col.pull-xl5 {
        right: 41.6666666667%
    }

    .row .col.push-xl5 {
        left: 41.6666666667%
    }

    .row .col.offset-xl6 {
        margin-left: 50%
    }

    .row .col.pull-xl6 {
        right: 50%
    }

    .row .col.push-xl6 {
        left: 50%
    }

    .row .col.offset-xl7 {
        margin-left: 58.3333333333%
    }

    .row .col.pull-xl7 {
        right: 58.3333333333%
    }

    .row .col.push-xl7 {
        left: 58.3333333333%
    }

    .row .col.offset-xl8 {
        margin-left: 66.6666666667%
    }

    .row .col.pull-xl8 {
        right: 66.6666666667%
    }

    .row .col.push-xl8 {
        left: 66.6666666667%
    }

    .row .col.offset-xl9 {
        margin-left: 75%
    }

    .row .col.pull-xl9 {
        right: 75%
    }

    .row .col.push-xl9 {
        left: 75%
    }

    .row .col.offset-xl10 {
        margin-left: 83.3333333333%
    }

    .row .col.pull-xl10 {
        right: 83.3333333333%
    }

    .row .col.push-xl10 {
        left: 83.3333333333%
    }

    .row .col.offset-xl11 {
        margin-left: 91.6666666667%
    }

    .row .col.pull-xl11 {
        right: 91.6666666667%
    }

    .row .col.push-xl11 {
        left: 91.6666666667%
    }

    .row .col.offset-xl12 {
        margin-left: 100%
    }

    .row .col.pull-xl12 {
        right: 100%
    }

    .row .col.push-xl12 {
        left: 100%
    }
}

em {
    font-style: italic
}

strong {
    font-weight: 500
}

small {
    font-size: 75%
}

.light {
    font-weight: 300
}

.thin {
    font-weight: 200
}

@media only screen and (min-width:360px) {
    .flow-text {
        font-size: 1.2rem
    }
}

@media only screen and (min-width:390px) {
    .flow-text {
        font-size: 1.224rem
    }
}

@media only screen and (min-width:420px) {
    .flow-text {
        font-size: 1.248rem
    }
}

@media only screen and (min-width:450px) {
    .flow-text {
        font-size: 1.272rem
    }
}

@media only screen and (min-width:480px) {
    .flow-text {
        font-size: 1.296rem
    }
}

@media only screen and (min-width:510px) {
    .flow-text {
        font-size: 1.32rem
    }
}

@media only screen and (min-width:540px) {
    .flow-text {
        font-size: 1.344rem
    }
}

@media only screen and (min-width:570px) {
    .flow-text {
        font-size: 1.368rem
    }
}

@media only screen and (min-width:600px) {
    .flow-text {
        font-size: 1.392rem
    }
}

@media only screen and (min-width:630px) {
    .flow-text {
        font-size: 1.416rem
    }
}

@media only screen and (min-width:660px) {
    .flow-text {
        font-size: 1.44rem
    }
}

@media only screen and (min-width:690px) {
    .flow-text {
        font-size: 1.464rem
    }
}

@media only screen and (min-width:720px) {
    .flow-text {
        font-size: 1.488rem
    }
}

@media only screen and (min-width:750px) {
    .flow-text {
        font-size: 1.512rem
    }
}

@media only screen and (min-width:780px) {
    .flow-text {
        font-size: 1.536rem
    }
}

@media only screen and (min-width:810px) {
    .flow-text {
        font-size: 1.56rem
    }
}

@media only screen and (min-width:840px) {
    .flow-text {
        font-size: 1.584rem
    }
}

@media only screen and (min-width:870px) {
    .flow-text {
        font-size: 1.608rem
    }
}

@media only screen and (min-width:900px) {
    .flow-text {
        font-size: 1.632rem
    }
}

@media only screen and (min-width:930px) {
    .flow-text {
        font-size: 1.656rem
    }
}

@media only screen and (min-width:960px) {
    .flow-text {
        font-size: 1.68rem
    }
}

@media only screen and (max-width:360px) {
    .flow-text {
        font-size: 1.2rem
    }
}

.scale-transition {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(.53,.01,.36,1.63) !important;
    transition: -webkit-transform 0.3s cubic-bezier(.53,.01,.36,1.63) !important;
    transition: transform 0.3s cubic-bezier(.53,.01,.36,1.63) !important;
    transition: transform 0.3s cubic-bezier(.53,.01,.36,1.63),-webkit-transform 0.3s cubic-bezier(.53,.01,.36,1.63) !important
}

    .scale-transition.scale-out {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform .2s !important;
        transition: -webkit-transform .2s !important;
        transition: transform .2s !important;
        transition: transform .2s,-webkit-transform .2s !important
    }

    .scale-transition.scale-in {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.card-panel {
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s,-webkit-box-shadow .25s;
    padding: 24px;
    margin: .5rem 0 1rem 0;
    border-radius: 2px;
    background-color: #fff
}

.card {
    position: relative;
    margin: .5rem 0 1rem 0;
    background-color: #fff;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s,-webkit-box-shadow .25s;
    border-radius: 2px
}

    .card .card-title {
        font-size: 24px;
        font-weight: 300
    }

        .card .card-title.activator {
            cursor: pointer
        }

    .card.small, .card.medium, .card.large {
        position: relative
    }

        .card.small .card-image, .card.medium .card-image, .card.large .card-image {
            max-height: 60%;
            overflow: hidden
        }

            .card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
                max-height: 40%
            }

        .card.small .card-content, .card.medium .card-content, .card.large .card-content {
            max-height: 100%;
            overflow: hidden
        }

        .card.small .card-action, .card.medium .card-action, .card.large .card-action {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0
        }

    .card.small {
        height: 300px
    }

    .card.medium {
        height: 400px
    }

    .card.large {
        height: 500px
    }

    .card.horizontal {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
            height: 100%;
            max-height: none;
            overflow: visible
        }

            .card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
                height: 100%
            }

        .card.horizontal .card-image {
            max-width: 50%
        }

            .card.horizontal .card-image img {
                border-radius: 2px 0 0 2px;
                max-width: 100%;
                width: auto
            }

        .card.horizontal .card-stacked {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            position: relative
        }

            .card.horizontal .card-stacked .card-content {
                -webkit-box-flex: 1;
                -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                flex-grow: 1
            }

    .card.sticky-action .card-action {
        z-index: 2
    }

    .card.sticky-action .card-reveal {
        z-index: 1;
        padding-bottom: 64px
    }

    .card .card-image {
        position: relative
    }

        .card .card-image img {
            display: block;
            border-radius: 2px 2px 0 0;
            position: relative;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            width: 100%
        }

        .card .card-image .card-title {
            color: #fff;
            position: absolute;
            bottom: 0;
            left: 0;
            max-width: 100%;
            padding: 24px
        }

    .card .card-content {
        padding: 24px;
        border-radius: 0 0 2px 2px
    }

        .card .card-content p {
            margin: 0
        }

        .card .card-content .card-title {
            display: block;
            line-height: 32px;
            margin-bottom: 8px
        }

            .card .card-content .card-title i {
                line-height: 32px
            }

    .card .card-action {
        background-color: inherit;
        border-top: 1px solid rgba(160,160,160,.2);
        position: relative;
        padding: 16px 24px
    }

        .card .card-action:last-child {
            border-radius: 0 0 2px 2px
        }

        .card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
            color: #ffab40;
            margin-right: 24px;
            -webkit-transition: color .3s ease;
            transition: color .3s ease;
            text-transform: uppercase
        }

            .card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
                color: #ffd8a6
            }

    .card .card-reveal {
        padding: 24px;
        position: absolute;
        background-color: #fff;
        width: 100%;
        overflow-y: auto;
        left: 0;
        top: 100%;
        height: 100%;
        z-index: 3;
        display: none
    }

        .card .card-reveal .card-title {
            cursor: pointer;
            display: block
        }

#toast-container {
    display: block;
    position: fixed;
    z-index: 10000
}

@media only screen and (max-width:600px) {
    #toast-container {
        min-width: 100%;
        bottom: 0%
    }
}

@media only screen and (min-width:601px) and (max-width:992px) {
    #toast-container {
        left: 5%;
        bottom: 7%;
        max-width: 90%
    }
}

@media only screen and (min-width:993px) {
    #toast-container {
        top: 10%;
        right: 7%;
        max-width: 86%
    }
}

.toast {
    border-radius: 2px;
    top: 35px;
    width: auto;
    margin-top: 10px;
    position: relative;
    max-width: 100%;
    height: auto;
    min-height: 48px;
    line-height: 1.5em;
    background-color: #323232;
    padding: 10px 25px;
    font-size: 1.1rem;
    font-weight: 300;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: default
}

    .toast .toast-action {
        color: #eeff41;
        font-weight: 500;
        margin-right: -25px;
        margin-left: 3rem
    }

    .toast.rounded {
        border-radius: 24px
    }

@media only screen and (max-width:600px) {
    .toast {
        width: 100%;
        border-radius: 0
    }
}

.tabs {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    height: 48px;
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    white-space: nowrap
}

    .tabs.tabs-transparent {
        background-color: transparent
    }

        .tabs.tabs-transparent .tab a, .tabs.tabs-transparent .tab.disabled a, .tabs.tabs-transparent .tab.disabled a:hover {
            color: rgba(255,255,255,.7)
        }

            .tabs.tabs-transparent .tab a:hover, .tabs.tabs-transparent .tab a.active {
                color: #fff
            }

        .tabs.tabs-transparent .indicator {
            background-color: #fff
        }

    .tabs.tabs-fixed-width {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .tabs.tabs-fixed-width .tab {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1
        }

    .tabs .tab {
        display: inline-block;
        text-align: center;
        line-height: 48px;
        height: 48px;
        padding: 0;
        margin: 0;
        text-transform: uppercase
    }

        .tabs .tab a {
            color: rgba(238,110,115,.7);
            display: block;
            width: 100%;
            height: 100%;
            padding: 0 24px;
            font-size: 14px;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-transition: color .28s ease,background-color .28s ease;
            transition: color .28s ease,background-color .28s ease
        }

            .tabs .tab a:focus, .tabs .tab a:focus.active {
                background-color: rgba(246,178,181,.2);
                outline: none
            }

            .tabs .tab a:hover, .tabs .tab a.active {
                background-color: transparent;
                color: #ee6e73
            }

        .tabs .tab.disabled a, .tabs .tab.disabled a:hover {
            color: rgba(238,110,115,.4);
            cursor: default
        }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: #f6b2b5;
        will-change: left,right
    }

@media only screen and (max-width:992px) {
    .tabs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .tabs .tab {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1
        }

            .tabs .tab a {
                padding: 0 12px
            }
}

.material-tooltip {
    padding: 10px 8px;
    font-size: 1rem;
    z-index: 2000;
    background-color: transparent;
    border-radius: 2px;
    color: #fff;
    min-height: 36px;
    line-height: 120%;
    opacity: 0;
    position: absolute;
    text-align: center;
    max-width: calc(100% - 4px);
    overflow: hidden;
    left: 0;
    top: 0;
    pointer-events: none;
    visibility: hidden;
    background-color: #323232
}

.backdrop {
    position: absolute;
    opacity: 0;
    height: 7px;
    width: 14px;
    border-radius: 0 0 50% 50%;
    background-color: #323232;
    z-index: -1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    visibility: hidden
}

.btn, .btn-large, .btn-small, .btn-flat {
    border: none;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 16px;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent
}

    .btn.disabled, .disabled.btn-large, .disabled.btn-small, .btn-floating.disabled, .btn-large.disabled, .btn-small.disabled, .btn-flat.disabled, .btn:disabled, .btn-large:disabled, .btn-small:disabled, .btn-floating:disabled, .btn-large:disabled, .btn-small:disabled, .btn-flat:disabled, .btn[disabled], .btn-large[disabled], .btn-small[disabled], .btn-floating[disabled], .btn-large[disabled], .btn-small[disabled], .btn-flat[disabled] {
        pointer-events: none;
        background-color: #DFDFDF !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #9F9F9F !important;
        cursor: default
    }

        .btn.disabled:hover, .disabled.btn-large:hover, .disabled.btn-small:hover, .btn-floating.disabled:hover, .btn-large.disabled:hover, .btn-small.disabled:hover, .btn-flat.disabled:hover, .btn:disabled:hover, .btn-large:disabled:hover, .btn-small:disabled:hover, .btn-floating:disabled:hover, .btn-large:disabled:hover, .btn-small:disabled:hover, .btn-flat:disabled:hover, .btn[disabled]:hover, .btn-large[disabled]:hover, .btn-small[disabled]:hover, .btn-floating[disabled]:hover, .btn-large[disabled]:hover, .btn-small[disabled]:hover, .btn-flat[disabled]:hover {
            background-color: #DFDFDF !important;
            color: #9F9F9F !important
        }

.btn, .btn-large, .btn-small, .btn-floating, .btn-large, .btn-small, .btn-flat {
    font-size: 14px;
    outline: 0
}

    .btn i, .btn-large i, .btn-small i, .btn-floating i, .btn-large i, .btn-small i, .btn-flat i {
        font-size: 1.3rem;
        line-height: inherit
    }

    .btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus {
        background-color: #1d7d74
    }

.btn-floating {
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border-radius: 50%;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    cursor: pointer;
    vertical-align: middle
}

    .btn-floating:before {
        border-radius: 0
    }

    .btn-floating.btn-large {
        width: 56px;
        height: 56px;
        padding: 0
    }

        .btn-floating.btn-large.halfway-fab {
            bottom: -28px
        }

        .btn-floating.btn-large i {
            line-height: 56px
        }

    .btn-floating.btn-small {
        width: 32.4px;
        height: 32.4px
    }

        .btn-floating.btn-small.halfway-fab {
            bottom: -16.2px
        }

        .btn-floating.btn-small i {
            line-height: 32.4px
        }

    .btn-floating.halfway-fab {
        position: absolute;
        right: 24px;
        bottom: -20px
    }

        .btn-floating.halfway-fab.left {
            right: auto;
            left: 24px
        }

    .btn-floating i {
        width: inherit;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 1.6rem;
        line-height: 40px
    }

button.btn-floating {
    border: none
}

.fixed-action-btn {
    position: fixed;
    right: 23px;
    bottom: 23px;
    padding-top: 15px;
    margin-bottom: 0;
    z-index: 997
}

    .fixed-action-btn.active ul {
        visibility: visible
    }

    .fixed-action-btn.direction-left, .fixed-action-btn.direction-right {
        padding: 0 0 0 15px
    }

        .fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul {
            text-align: right;
            right: 64px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            height: 100%;
            left: auto;
            width: 500px
        }

            .fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li {
                display: inline-block;
                margin: 7.5px 15px 0 0
            }

    .fixed-action-btn.direction-right {
        padding: 0 15px 0 0
    }

        .fixed-action-btn.direction-right ul {
            text-align: left;
            direction: rtl;
            left: 64px;
            right: auto
        }

            .fixed-action-btn.direction-right ul li {
                margin: 7.5px 0 0 15px
            }

    .fixed-action-btn.direction-bottom {
        padding: 0 0 15px 0
    }

        .fixed-action-btn.direction-bottom ul {
            top: 64px;
            bottom: auto;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse
        }

            .fixed-action-btn.direction-bottom ul li {
                margin: 15px 0 0 0
            }

    .fixed-action-btn.toolbar {
        padding: 0;
        height: 56px
    }

        .fixed-action-btn.toolbar.active &gt; a i {
            opacity: 0
        }

        .fixed-action-btn.toolbar ul {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            top: 0;
            bottom: 0;
            z-index: 1
        }

            .fixed-action-btn.toolbar ul li {
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                -ms-flex: 1;
                flex: 1;
                display: inline-block;
                margin: 0;
                height: 100%;
                -webkit-transition: none;
                transition: none
            }

                .fixed-action-btn.toolbar ul li a {
                    display: block;
                    overflow: hidden;
                    position: relative;
                    width: 100%;
                    height: 100%;
                    background-color: transparent;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    color: #fff;
                    line-height: 56px;
                    z-index: 1
                }

                    .fixed-action-btn.toolbar ul li a i {
                        line-height: inherit
                    }

    .fixed-action-btn ul {
        left: 0;
        right: 0;
        text-align: center;
        position: absolute;
        bottom: 64px;
        margin: 0;
        visibility: hidden
    }

        .fixed-action-btn ul li {
            margin-bottom: 15px
        }

        .fixed-action-btn ul a.btn-floating {
            opacity: 0
        }

    .fixed-action-btn .fab-backdrop {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

.btn-flat {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    color: #343434;
    cursor: pointer;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

    .btn-flat:focus, .btn-flat:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-flat:focus {
        background-color: rgba(0,0,0,.1)
    }

    .btn-flat.disabled, .btn-flat.btn-flat[disabled] {
        background-color: transparent !important;
        color: #b3b2b2 !important;
        cursor: default
    }

.btn-large {
    height: 54px;
    line-height: 54px;
    font-size: 15px;
    padding: 0 28px
}

    .btn-large i {
        font-size: 1.6rem
    }

.btn-small {
    height: 32.4px;
    line-height: 32.4px;
    font-size: 13px
}

    .btn-small i {
        font-size: 1.2rem
    }

.btn-block {
    display: block
}

.dropdown-content {
    background-color: #fff !important;
    margin: 0;
    display: none;
    min-width: 100px;
    overflow-y: auto;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-bottom: none !important
}

    .dropdown-content:focus {
        outline: 0
    }

    .dropdown-content li {
        clear: both;
        color: rgba(0,0,0,.87);
        cursor: pointer;
        min-height: 50px;
        line-height: 1.5rem;
        width: 100%;
        text-align: left
    }

        .dropdown-content li:hover, .dropdown-content li.active {
            background-color: #eee
        }

        .dropdown-content li:focus {
            outline: none
        }

        .dropdown-content li.divider {
            min-height: 0;
            height: 1px
        }

        .dropdown-content li &gt; a, .dropdown-content li &gt; span {
            font-size: 16px;
            display: block;
            line-height: 22px;
            padding: 14px 16px
        }

            .dropdown-content li &gt; span &gt; label {
                top: 1px;
                left: 0;
                height: 18px
            }

            .dropdown-content li &gt; a &gt; i {
                height: inherit;
                line-height: inherit;
                float: left;
                margin: 0 24px 0 0;
                width: 24px
            }

body.keyboard-focused .dropdown-content li:focus {
    background-color: #dadada
}

.input-field.col .dropdown-content [type="checkbox"] + label {
    top: 1px;
    left: 0;
    height: 18px;
    -webkit-transform: none;
    transform: none
}

.dropdown-trigger {
    cursor: pointer
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

    .waves-effect .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        opacity: 0;
        background: rgba(0,0,0,.2);
        -webkit-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
        -webkit-transition-property: opacity,-webkit-transform;
        transition-property: opacity,-webkit-transform;
        transition-property: transform,opacity;
        transition-property: transform,opacity,-webkit-transform;
        -webkit-transform: scale(0);
        transform: scale(0);
        pointer-events: none
    }

    .waves-effect.waves-light .waves-ripple {
        background-color: rgba(255,255,255,.45)
    }

    .waves-effect.waves-red .waves-ripple {
        background-color: rgba(244,67,54,.7)
    }

    .waves-effect.waves-yellow .waves-ripple {
        background-color: rgba(255,235,59,.7)
    }

    .waves-effect.waves-orange .waves-ripple {
        background-color: rgba(255,152,0,.7)
    }

    .waves-effect.waves-purple .waves-ripple {
        background-color: rgba(156,39,176,.7)
    }

    .waves-effect.waves-green .waves-ripple {
        background-color: rgba(76,175,80,.7)
    }

    .waves-effect.waves-teal .waves-ripple {
        background-color: rgba(0,150,136,.7)
    }

    .waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
        border: 0;
        font-style: normal;
        font-size: inherit;
        text-transform: inherit;
        background: none
    }

    .waves-effect img {
        position: relative;
        z-index: -1
    }

.waves-notransition {
    -webkit-transition: none !important;
    transition: none !important
}

.waves-circle {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle,white 100%,black 100%)
}

.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}

    .waves-input-wrapper .waves-button-input {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1
    }

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none
}

.waves-block {
    display: block
}

.waves-effect .waves-ripple {
    z-index: -1
}

.collapsible {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin: .5rem 0 1rem 0
}

.collapsible-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.5;
    padding: 1rem;
    background-color: #fff;
    border-bottom: 1px solid #ddd
}

    .collapsible-header:focus {
        outline: 0
    }

    .collapsible-header i {
        width: 2rem;
        font-size: 1.6rem;
        display: inline-block;
        text-align: center;
        margin-right: 1rem
    }

.keyboard-focused .collapsible-header:focus {
    background-color: #eee
}

.collapsible-body {
    display: none;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2rem
}

.sidenav .collapsible, .sidenav.fixed .collapsible {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .sidenav .collapsible li, .sidenav.fixed .collapsible li {
        padding: 0
    }

.sidenav .collapsible-header, .sidenav.fixed .collapsible-header {
    background-color: transparent;
    border: none;
    line-height: inherit;
    height: inherit;
    padding: 0 16px
}

    .sidenav .collapsible-header:hover, .sidenav.fixed .collapsible-header:hover {
        background-color: rgba(0,0,0,.05)
    }

    .sidenav .collapsible-header i, .sidenav.fixed .collapsible-header i {
        line-height: inherit
    }

.sidenav .collapsible-body, .sidenav.fixed .collapsible-body {
    border: 0;
    background-color: #fff
}

    .sidenav .collapsible-body li a, .sidenav.fixed .collapsible-body li a {
        padding: 0 23.5px 0 31px
    }

.collapsible.popout {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .collapsible.popout &gt; li {
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
        margin: 0 24px;
        -webkit-transition: margin 0.35s cubic-bezier(.25,.46,.45,.94);
        transition: margin 0.35s cubic-bezier(.25,.46,.45,.94)
    }

        .collapsible.popout &gt; li.active {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            margin: 16px 0
        }

.chip {
    display: inline-block;
    height: 32px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(0,0,0,.6);
    line-height: 32px;
    padding: 0 12px;
    border-radius: 16px;
    background-color: #e4e4e4;
    margin-bottom: 5px;
    margin-right: 5px
}

    .chip &gt; img {
        float: left;
        margin: 0 8px 0 -12px;
        height: 32px;
        width: 32px;
        border-radius: 50%
    }

    .chip .close {
        cursor: pointer;
        float: right;
        font-size: 16px;
        line-height: 32px;
        padding-left: 8px
    }

.chips {
    border: none;
    border-bottom: 1px solid #9e9e9e;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 0 8px 0;
    min-height: 45px;
    outline: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .chips:hover {
        cursor: text
    }

    .chips .input {
        background: none;
        border: 0;
        color: rgba(0,0,0,.6);
        display: inline-block;
        font-size: 16px;
        height: 3rem;
        line-height: 32px;
        outline: 0;
        margin: 0;
        padding: 0 !important;
        width: 120px !important
    }

        .chips .input:focus {
            border: 0 !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important
        }

    .chips .autocomplete-content {
        margin-top: 0;
        margin-bottom: 0
    }

.prefix ~ .chips {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem)
}

.chips:empty ~ label {
    font-size: .8rem;
    -webkit-transform: translateY(-140%);
    transform: translateY(-140%)
}

.materialboxed {
    display: block;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    position: relative;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    -webkit-backface-visibility: hidden
}

    .materialboxed:hover:not(.active) {
        opacity: .8
    }

    .materialboxed.active {
        cursor: -webkit-zoom-out;
        cursor: zoom-out
    }

#materialbox-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #292929;
    z-index: 1000;
    will-change: opacity
}

.materialbox-caption {
    position: fixed;
    display: none;
    color: #fff;
    line-height: 50px;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0% 15%;
    height: 50px;
    z-index: 1000;
    -webkit-font-smoothing: antialiased
}

select:focus {
    outline: 1px solid #c9f3ef
}

button:focus {
    outline: none
}

label {
    font-size: .8rem;
    color: #9e9e9e
}

::-webkit-input-placeholder {
    color: #d1d1d1
}

::-moz-placeholder {
    color: #d1d1d1
}

:-ms-input-placeholder {
    color: #d1d1d1
}

::-ms-input-placeholder {
    color: #d1d1d1
}

::placeholder {
    color: #d1d1d1
}

input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly="readonly"], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly="readonly"], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly="readonly"], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly="readonly"], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly="readonly"], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly="readonly"], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly="readonly"], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly="readonly"], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly="readonly"], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly="readonly"], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
    color: rgba(0,0,0,.42);
    border-bottom: 1px dotted rgba(0,0,0,.42)
}

    input:not([type]):disabled + label, input:not([type])[readonly="readonly"] + label, input[type=text]:not(.browser-default):disabled + label, input[type=text]:not(.browser-default)[readonly="readonly"] + label, input[type=password]:not(.browser-default):disabled + label, input[type=password]:not(.browser-default)[readonly="readonly"] + label, input[type=email]:not(.browser-default):disabled + label, input[type=email]:not(.browser-default)[readonly="readonly"] + label, input[type=url]:not(.browser-default):disabled + label, input[type=url]:not(.browser-default)[readonly="readonly"] + label, input[type=time]:not(.browser-default):disabled + label, input[type=time]:not(.browser-default)[readonly="readonly"] + label, input[type=date]:not(.browser-default):disabled + label, input[type=date]:not(.browser-default)[readonly="readonly"] + label, input[type=datetime]:not(.browser-default):disabled + label, input[type=datetime]:not(.browser-default)[readonly="readonly"] + label, input[type=datetime-local]:not(.browser-default):disabled + label, input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label, input[type=tel]:not(.browser-default):disabled + label, input[type=tel]:not(.browser-default)[readonly="readonly"] + label, input[type=number]:not(.browser-default):disabled + label, input[type=number]:not(.browser-default)[readonly="readonly"] + label, input[type=search]:not(.browser-default):disabled + label, input[type=search]:not(.browser-default)[readonly="readonly"] + label, textarea.materialize-textarea:disabled + label, textarea.materialize-textarea[readonly="readonly"] + label {
        color: rgba(0,0,0,.42)
    }

input:not([type]):focus.valid ~ label, input[type=text]:not(.browser-default):focus.valid ~ label, input[type=password]:not(.browser-default):focus.valid ~ label, input[type=email]:not(.browser-default):focus.valid ~ label, input[type=url]:not(.browser-default):focus.valid ~ label, input[type=time]:not(.browser-default):focus.valid ~ label, input[type=date]:not(.browser-default):focus.valid ~ label, input[type=datetime]:not(.browser-default):focus.valid ~ label, input[type=datetime-local]:not(.browser-default):focus.valid ~ label, input[type=tel]:not(.browser-default):focus.valid ~ label, input[type=number]:not(.browser-default):focus.valid ~ label, input[type=search]:not(.browser-default):focus.valid ~ label, textarea.materialize-textarea:focus.valid ~ label {
    color: #4CAF50
}

input:not([type]):focus.invalid ~ label, input[type=text]:not(.browser-default):focus.invalid ~ label, input[type=password]:not(.browser-default):focus.invalid ~ label, input[type=email]:not(.browser-default):focus.invalid ~ label, input[type=url]:not(.browser-default):focus.invalid ~ label, input[type=time]:not(.browser-default):focus.invalid ~ label, input[type=date]:not(.browser-default):focus.invalid ~ label, input[type=datetime]:not(.browser-default):focus.invalid ~ label, input[type=datetime-local]:not(.browser-default):focus.invalid ~ label, input[type=tel]:not(.browser-default):focus.invalid ~ label, input[type=number]:not(.browser-default):focus.invalid ~ label, input[type=search]:not(.browser-default):focus.invalid ~ label, textarea.materialize-textarea:focus.invalid ~ label {
    color: #F44336
}

input:not([type]).validate + label, input[type=text]:not(.browser-default).validate + label, input[type=password]:not(.browser-default).validate + label, input[type=email]:not(.browser-default).validate + label, input[type=url]:not(.browser-default).validate + label, input[type=time]:not(.browser-default).validate + label, input[type=date]:not(.browser-default).validate + label, input[type=datetime]:not(.browser-default).validate + label, input[type=datetime-local]:not(.browser-default).validate + label, input[type=tel]:not(.browser-default).validate + label, input[type=number]:not(.browser-default).validate + label, input[type=search]:not(.browser-default).validate + label, textarea.materialize-textarea.validate + label {
    width: 100%
}

input.valid:not([type]), input.valid:not([type]):focus, input.valid[type=text]:not(.browser-default), input.valid[type=text]:not(.browser-default):focus, input.valid[type=password]:not(.browser-default), input.valid[type=password]:not(.browser-default):focus, input.valid[type=email]:not(.browser-default), input.valid[type=email]:not(.browser-default):focus, input.valid[type=url]:not(.browser-default), input.valid[type=url]:not(.browser-default):focus, input.valid[type=time]:not(.browser-default), input.valid[type=time]:not(.browser-default):focus, input.valid[type=date]:not(.browser-default), input.valid[type=date]:not(.browser-default):focus, input.valid[type=datetime]:not(.browser-default), input.valid[type=datetime]:not(.browser-default):focus, input.valid[type=datetime-local]:not(.browser-default), input.valid[type=datetime-local]:not(.browser-default):focus, input.valid[type=tel]:not(.browser-default), input.valid[type=tel]:not(.browser-default):focus, input.valid[type=number]:not(.browser-default), input.valid[type=number]:not(.browser-default):focus, input.valid[type=search]:not(.browser-default), input.valid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid &gt; input.select-dropdown {
    border-bottom: 1px solid #4CAF50;
    -webkit-box-shadow: 0 1px 0 0 #4CAF50;
    box-shadow: 0 1px 0 0 #4CAF50
}

input.invalid:not([type]), input.invalid:not([type]):focus, input.invalid[type=text]:not(.browser-default), input.invalid[type=text]:not(.browser-default):focus, input.invalid[type=password]:not(.browser-default), input.invalid[type=password]:not(.browser-default):focus, input.invalid[type=email]:not(.browser-default), input.invalid[type=email]:not(.browser-default):focus, input.invalid[type=url]:not(.browser-default), input.invalid[type=url]:not(.browser-default):focus, input.invalid[type=time]:not(.browser-default), input.invalid[type=time]:not(.browser-default):focus, input.invalid[type=date]:not(.browser-default), input.invalid[type=date]:not(.browser-default):focus, input.invalid[type=datetime]:not(.browser-default), input.invalid[type=datetime]:not(.browser-default):focus, input.invalid[type=datetime-local]:not(.browser-default), input.invalid[type=datetime-local]:not(.browser-default):focus, input.invalid[type=tel]:not(.browser-default), input.invalid[type=tel]:not(.browser-default):focus, input.invalid[type=number]:not(.browser-default), input.invalid[type=number]:not(.browser-default):focus, input.invalid[type=search]:not(.browser-default), input.invalid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.invalid, textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid &gt; input.select-dropdown, .select-wrapper.invalid &gt; input.select-dropdown:focus {
    border-bottom: 1px solid #F44336;
    -webkit-box-shadow: 0 1px 0 0 #F44336;
    box-shadow: 0 1px 0 0 #F44336
}

    input:not([type]).valid ~ .helper-text[data-success], input:not([type]):focus.valid ~ .helper-text[data-success], input:not([type]).invalid ~ .helper-text[data-error], input:not([type]):focus.invalid ~ .helper-text[data-error], input[type=text]:not(.browser-default).valid ~ .helper-text[data-success], input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=password]:not(.browser-default).valid ~ .helper-text[data-success], input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=email]:not(.browser-default).valid ~ .helper-text[data-success], input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=url]:not(.browser-default).valid ~ .helper-text[data-success], input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=time]:not(.browser-default).valid ~ .helper-text[data-success], input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=date]:not(.browser-default).valid ~ .helper-text[data-success], input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success], input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success], input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success], input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=number]:not(.browser-default).valid ~ .helper-text[data-success], input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=search]:not(.browser-default).valid ~ .helper-text[data-success], input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error], textarea.materialize-textarea.valid ~ .helper-text[data-success], textarea.materialize-textarea:focus.valid ~ .helper-text[data-success], textarea.materialize-textarea.invalid ~ .helper-text[data-error], textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error], .select-wrapper.valid .helper-text[data-success], .select-wrapper.invalid ~ .helper-text[data-error] {
        color: transparent;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none
    }

input:not([type]).valid ~ .helper-text:after, input:not([type]):focus.valid ~ .helper-text:after, input[type=text]:not(.browser-default).valid ~ .helper-text:after, input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=password]:not(.browser-default).valid ~ .helper-text:after, input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=email]:not(.browser-default).valid ~ .helper-text:after, input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=url]:not(.browser-default).valid ~ .helper-text:after, input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=time]:not(.browser-default).valid ~ .helper-text:after, input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=date]:not(.browser-default).valid ~ .helper-text:after, input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=datetime]:not(.browser-default).valid ~ .helper-text:after, input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after, input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=tel]:not(.browser-default).valid ~ .helper-text:after, input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=number]:not(.browser-default).valid ~ .helper-text:after, input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=search]:not(.browser-default).valid ~ .helper-text:after, input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after, textarea.materialize-textarea.valid ~ .helper-text:after, textarea.materialize-textarea:focus.valid ~ .helper-text:after, .select-wrapper.valid ~ .helper-text:after {
    content: attr(data-success);
    color: #4CAF50
}

input:not([type]).invalid ~ .helper-text:after, input:not([type]):focus.invalid ~ .helper-text:after, input[type=text]:not(.browser-default).invalid ~ .helper-text:after, input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=password]:not(.browser-default).invalid ~ .helper-text:after, input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=email]:not(.browser-default).invalid ~ .helper-text:after, input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=url]:not(.browser-default).invalid ~ .helper-text:after, input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=time]:not(.browser-default).invalid ~ .helper-text:after, input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=date]:not(.browser-default).invalid ~ .helper-text:after, input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after, input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after, input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=tel]:not(.browser-default).invalid ~ .helper-text:after, input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=number]:not(.browser-default).invalid ~ .helper-text:after, input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=search]:not(.browser-default).invalid ~ .helper-text:after, input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after, textarea.materialize-textarea.invalid ~ .helper-text:after, textarea.materialize-textarea:focus.invalid ~ .helper-text:after, .select-wrapper.invalid ~ .helper-text:after {
    content: attr(data-error);
    color: #F44336
}

input:not([type]) + label:after, input[type=text]:not(.browser-default) + label:after, input[type=password]:not(.browser-default) + label:after, input[type=email]:not(.browser-default) + label:after, input[type=url]:not(.browser-default) + label:after, input[type=time]:not(.browser-default) + label:after, input[type=date]:not(.browser-default) + label:after, input[type=datetime]:not(.browser-default) + label:after, input[type=datetime-local]:not(.browser-default) + label:after, input[type=tel]:not(.browser-default) + label:after, input[type=number]:not(.browser-default) + label:after, input[type=search]:not(.browser-default) + label:after, textarea.materialize-textarea + label:after, .select-wrapper + label:after {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    -webkit-transition: .2s opacity ease-out,.2s color ease-out;
    transition: .2s opacity ease-out,.2s color ease-out
}

.input-field {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem
}

    .input-field.inline {
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px
    }

        .input-field.inline input, .input-field.inline .select-dropdown {
            margin-bottom: 1rem
        }

    .input-field.col label {
        left: .75rem
    }

    .input-field.col .prefix ~ label, .input-field.col .prefix ~ .validate ~ label {
        width: calc(100% - 3rem - 1.5rem)
    }

    .input-field &gt; label {
        color: #9e9e9e;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 1rem;
        cursor: text;
        -webkit-transition: color .2s ease-out,-webkit-transform .2s ease-out;
        transition: color .2s ease-out,-webkit-transform .2s ease-out;
        transition: transform .2s ease-out,color .2s ease-out;
        transition: transform .2s ease-out,color .2s ease-out,-webkit-transform .2s ease-out;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        text-align: initial;
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }

        .input-field &gt; label:not(.label-icon).active {
            -webkit-transform: translateY(-14px) scale(.8);
            transform: translateY(-14px) scale(.8);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0
        }

    .input-field &gt; input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label, .input-field &gt; input[type=date]:not(.browser-default) + label, .input-field &gt; input[type=time]:not(.browser-default) + label {
        -webkit-transform: translateY(-14px) scale(.8);
        transform: translateY(-14px) scale(.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .input-field .helper-text {
        position: relative;
        min-height: 18px;
        display: block;
        font-size: 12px;
        color: rgba(0,0,0,.54)
    }

        .input-field .helper-text::after {
            opacity: 1;
            position: absolute;
            top: 0;
            left: 0
        }

    .input-field .prefix {
        position: absolute;
        width: 3rem;
        font-size: 2rem;
        -webkit-transition: color .2s;
        transition: color .2s;
        top: .5rem
    }

        .input-field .prefix ~ input, .input-field .prefix ~ textarea, .input-field .prefix ~ label, .input-field .prefix ~ .validate ~ label, .input-field .prefix ~ .helper-text, .input-field .prefix ~ .autocomplete-content {
            margin-left: 3rem;
            width: 92%;
            width: calc(100% - 3rem)
        }

        .input-field .prefix ~ label {
            margin-left: 3rem
        }

@media only screen and (max-width:992px) {
    .input-field .prefix ~ input {
        width: 86%;
        width: calc(100% - 3rem)
    }
}

@media only screen and (max-width:600px) {
    .input-field .prefix ~ input {
        width: 80%;
        width: calc(100% - 3rem)
    }
}

.input-field input[type=search] {
    display: block;
    line-height: inherit;
    -webkit-transition: .3s background-color;
    transition: .3s background-color
}

.nav-wrapper .input-field input[type=search] {
    height: inherit;
    padding-left: 4rem;
    width: calc(100% - 4rem);
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-field input[type=search]:focus:not(.browser-default) {
    background-color: #fff;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #444
}

    .input-field input[type=search]:focus:not(.browser-default) + label i, .input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close, .input-field input[type=search]:focus:not(.browser-default) ~ .material-icons {
        color: #444
    }

.input-field input[type=search] + .label-icon {
    -webkit-transform: none;
    transform: none;
    left: 1rem
}

.input-field input[type=search] ~ .mdi-navigation-close, .input-field input[type=search] ~ .material-icons {
    position: absolute;
    top: 0;
    right: 1rem;
    color: transparent;
    cursor: pointer;
    font-size: 2rem;
    -webkit-transition: .3s color;
    transition: .3s color
}

textarea {
    width: 100%;
    height: 3rem;
    background-color: transparent
}

    textarea.materialize-textarea {
        line-height: normal;
        overflow-y: hidden;
        padding: .8rem 0 .8rem 0;
        resize: none;
        min-height: 3rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.hiddendiv {
    visibility: hidden;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-top: 1.2rem;
    position: absolute;
    top: 0;
    z-index: -1
}

.autocomplete-content li .highlight {
    color: #444
}

.autocomplete-content li img {
    height: 40px;
    width: 40px;
    margin: 5px 15px
}

.character-counter {
    min-height: 18px
}

[type="radio"]:not(:checked), [type="radio"]:checked {
    opacity: 1;
    pointer-events: none
}

    [type="radio"]:not(:checked) + span, [type="radio"]:checked + span {
        position: relative;
        padding-left: 35px;
        cursor: pointer;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        font-size: 1rem;
        -webkit-transition: .28s ease;
        transition: .28s ease;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

[type="radio"] + span:before, [type="radio"] + span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    transition: .28s ease
}

[type="radio"]:not(:checked) + span:before, [type="radio"]:not(:checked) + span:after, [type="radio"]:checked + span:before, [type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:before, [type="radio"].with-gap:checked + span:after {
    border-radius: 50%
}

[type="radio"]:not(:checked) + span:before, [type="radio"]:not(:checked) + span:after {
    border: 2px solid #5a5a5a
}

[type="radio"]:not(:checked) + span:after {
    -webkit-transform: scale(0);
    transform: scale(0)
}

[type="radio"]:checked + span:before {
    border: 2px solid transparent
}

[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:before, [type="radio"].with-gap:checked + span:after {
    border: 2px solid #26a69a
}

[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:after {
    background-color: #26a69a
}

[type="radio"]:checked + span:after {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

[type="radio"].with-gap:checked + span:after {
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

[type="radio"].tabbed:focus + span:before {
    -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,.1);
    box-shadow: 0 0 0 10px rgba(0,0,0,.1)
}

[type="radio"].with-gap:disabled:checked + span:before {
    border: 2px solid rgba(0,0,0,.42)
}

[type="radio"].with-gap:disabled:checked + span:after {
    border: none;
    background-color: rgba(0,0,0,.42)
}

[type="radio"]:disabled:not(:checked) + span:before, [type="radio"]:disabled:checked + span:before {
    background-color: transparent;
    border-color: rgba(0,0,0,.42)
}

[type="radio"]:disabled + span {
    color: rgba(0,0,0,.42)
}

[type="radio"]:disabled:not(:checked) + span:before {
    border-color: rgba(0,0,0,.42)
}

[type="radio"]:disabled:checked + span:after {
    background-color: rgba(0,0,0,.42);
    border-color: #949494
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

[type="checkbox"] + span:not(.lever) {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    [type="checkbox"] + span:not(.lever):before, [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 18px;
        height: 18px;
        z-index: 0;
        border: 2px solid #5a5a5a;
        border-radius: 1px;
        margin-top: 3px;
        -webkit-transition: .2s;
        transition: .2s
    }

[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

[type="checkbox"]:not(:checked):disabled + span:not(.lever):before {
    border: none;
    background-color: rgba(0,0,0,.42)
}

[type="checkbox"].tabbed:focus + span:not(.lever):after {
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,.1);
    box-shadow: 0 0 0 10px rgba(0,0,0,.1);
    background-color: rgba(0,0,0,.1)
}

[type="checkbox"]:checked + span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type="checkbox"]:checked:disabled + span:before {
    border-right: 2px solid rgba(0,0,0,.42);
    border-bottom: 2px solid rgba(0,0,0,.42)
}

[type="checkbox"]:indeterminate + span:not(.lever):before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid #26a69a;
    border-bottom: none;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type="checkbox"]:indeterminate:disabled + span:not(.lever):before {
    border-right: 2px solid rgba(0,0,0,.42);
    background-color: transparent
}

[type="checkbox"].filled-in + span:not(.lever):after {
    border-radius: 2px
}

[type="checkbox"].filled-in + span:not(.lever):before, [type="checkbox"].filled-in + span:not(.lever):after {
    content: '';
    left: 0;
    position: absolute;
    -webkit-transition: border .25s,background-color .25s,width .20s .1s,height .20s .1s,top .20s .1s,left .20s .1s;
    transition: border .25s,background-color .25s,width .20s .1s,height .20s .1s,top .20s .1s,left .20s .1s;
    z-index: 1
}

[type="checkbox"].filled-in:not(:checked) + span:not(.lever):before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0;
    z-index: 0
}

[type="checkbox"].filled-in:checked + span:not(.lever):before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type="checkbox"].filled-in:checked + span:not(.lever):after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #26a69a;
    background-color: #26a69a;
    z-index: 0
}

[type="checkbox"].filled-in.tabbed:focus + span:not(.lever):after {
    border-radius: 2px;
    border-color: #5a5a5a;
    background-color: rgba(0,0,0,.1)
}

[type="checkbox"].filled-in.tabbed:checked:focus + span:not(.lever):after {
    border-radius: 2px;
    background-color: #26a69a;
    border-color: #26a69a
}

[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):before {
    background-color: transparent;
    border: 2px solid transparent
}

[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):after {
    border-color: transparent;
    background-color: #949494
}

[type="checkbox"].filled-in:disabled:checked + span:not(.lever):before {
    background-color: transparent
}

[type="checkbox"].filled-in:disabled:checked + span:not(.lever):after {
    background-color: #949494;
    border-color: #949494
}

.switch, .switch * {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .switch label {
        cursor: pointer
    }

        .switch label input[type=checkbox] {
            opacity: 0;
            width: 0;
            height: 0
        }

            .switch label input[type=checkbox]:checked + .lever {
                background-color: #84c7c1
            }

                .switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
                    left: 18px
                }

                .switch label input[type=checkbox]:checked + .lever:after {
                    background-color: #26a69a
                }

        .switch label .lever {
            content: "";
            display: inline-block;
            position: relative;
            width: 36px;
            height: 14px;
            background-color: rgba(0,0,0,.38);
            border-radius: 15px;
            margin-right: 10px;
            -webkit-transition: background 0.3s ease;
            transition: background 0.3s ease;
            vertical-align: middle;
            margin: 0 16px
        }

            .switch label .lever:before, .switch label .lever:after {
                content: "";
                position: absolute;
                display: inline-block;
                width: 20px;
                height: 20px;
                border-radius: 50%;
                left: 0;
                top: -3px;
                -webkit-transition: left 0.3s ease,background .3s ease,-webkit-box-shadow 0.1s ease,-webkit-transform .1s ease;
                transition: left 0.3s ease,background .3s ease,-webkit-box-shadow 0.1s ease,-webkit-transform .1s ease;
                transition: left 0.3s ease,background .3s ease,box-shadow 0.1s ease,transform .1s ease;
                transition: left 0.3s ease,background .3s ease,box-shadow 0.1s ease,transform .1s ease,-webkit-box-shadow 0.1s ease,-webkit-transform .1s ease
            }

            .switch label .lever:before {
                background-color: rgba(38,166,154,.15)
            }

            .switch label .lever:after {
                background-color: #F1F1F1;
                -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
                box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
            }

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before, input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
    -webkit-transform: scale(2.4);
    transform: scale(2.4);
    background-color: rgba(38,166,154,.15)
}

input[type=checkbox]:not(:disabled) ~ .lever:active:before, input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
    -webkit-transform: scale(2.4);
    transform: scale(2.4);
    background-color: rgba(0,0,0,.08)
}

.switch input[type=checkbox][disabled] + .lever {
    cursor: default;
    background-color: rgba(0,0,0,.12)
}

.switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after {
    background-color: #949494
}

select.browser-default {
    display: block
}


.modal-body select{ margin-left: 0px;}
.modal-body label{margin-top: 8px; display: block; padding-bottom: 5px;}
.select-label {
    position: absolute
}

.select-wrapper {
    position: relative
}

    .select-wrapper.valid + label, .select-wrapper.invalid + label {
        width: 100%;
        pointer-events: none
    }

    .select-wrapper input.select-dropdown {
        position: relative;
        cursor: pointer;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #9e9e9e;
        outline: none;
        height: 2rem;
        line-height: 2rem;
        width: 100%;
        font-size: 14px;
        padding: 0;
        display: block;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 1
    }

        .select-wrapper input.select-dropdown:focus {
            border-bottom: 1px solid #26a69a
        }

    .select-wrapper .caret {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        z-index: 0;
        fill: rgba(0,0,0,.87)
    }

    .select-wrapper + label {
        position: absolute;
        top: -26px;
        font-size: .8rem
    }

select:disabled {
    color: rgba(0,0,0,.42)
}

.select-wrapper.disabled + label {
    color: rgba(0,0,0,.42)
}

.select-wrapper.disabled .caret {
    fill: rgba(0,0,0,.42)
}

.select-wrapper input.select-dropdown:disabled {
    color: rgba(0,0,0,.42);
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select-wrapper i {
    color: rgba(0,0,0,.3)
}

.select-dropdown li.disabled, .select-dropdown li.disabled &gt; span, .select-dropdown li.optgroup {
    color: rgba(0,0,0,.3);
    background-color: transparent
}

body.keyboard-focused .select-dropdown.dropdown-content li:focus {
    background-color: rgba(0,0,0,.08)
}

.select-dropdown.dropdown-content li:hover {
    background-color: rgba(0,0,0,.08)
}

.select-dropdown.dropdown-content li.selected {
    background-color: rgba(0,0,0,.03)
}

.prefix ~ .select-wrapper {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem)
}

.prefix ~ label {
    margin-left: 3rem
}

.select-dropdown li img {
    height: 40px;
    width: 40px;
    margin: 5px 15px;
    float: right
}

.select-dropdown li.optgroup {
    border-top: 1px solid #eee
}

    .select-dropdown li.optgroup.selected &gt; span {
        color: rgba(0,0,0,.7)
    }

    .select-dropdown li.optgroup &gt; span {
        color: rgba(0,0,0,.4)
    }

    .select-dropdown li.optgroup ~ li.optgroup-option {
        padding-left: 1rem
    }

.file-field {
    position: relative
}

    .file-field .file-path-wrapper {
        overflow: hidden;
        padding-left: 10px
    }

    .file-field input.file-path {
        width: 100%
    }

    .file-field .btn, .file-field .btn-large, .file-field .btn-small {
        float: left;
        height: 3rem;
        line-height: 3rem
    }

    .file-field span {
        cursor: pointer
    }

    .file-field input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0)
    }

        .file-field input[type=file]::-webkit-file-upload-button {
            display: none
        }

.range-field {
    position: relative
}

input[type=range], input[type=range] + .thumb {
    cursor: pointer
}

input[type=range] {
    position: relative;
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    margin: 15px 0;
    padding: 0
}

    input[type=range]:focus {
        outline: none
    }

    input[type=range] + .thumb {
        position: absolute;
        top: 10px;
        left: 0;
        border: none;
        height: 0;
        width: 0;
        border-radius: 50%;
        background-color: #26a69a;
        margin-left: 7px;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

        input[type=range] + .thumb .value {
            display: block;
            width: 30px;
            text-align: center;
            color: #26a69a;
            font-size: 0;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        input[type=range] + .thumb.active {
            border-radius: 50% 50% 50% 0
        }

            input[type=range] + .thumb.active .value {
                color: #fff;
                margin-left: -1px;
                margin-top: 8px;
                font-size: 10px
            }

input[type=range] {
    -webkit-appearance: none
}

    input[type=range]::-webkit-slider-runnable-track {
        height: 3px;
        background: #c2c0c2;
        border: none
    }

    input[type=range]::-webkit-slider-thumb {
        border: none;
        height: 14px;
        width: 14px;
        border-radius: 50%;
        background: #26a69a;
        -webkit-transition: -webkit-box-shadow .3s;
        transition: -webkit-box-shadow .3s;
        transition: box-shadow .3s;
        transition: box-shadow .3s,-webkit-box-shadow .3s;
        -webkit-appearance: none;
        background-color: #26a69a;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        margin: -5px 0 0 0
    }

.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb {
    -webkit-box-shadow: 0 0 0 10px rgba(38,166,154,.26);
    box-shadow: 0 0 0 10px rgba(38,166,154,.26)
}

input[type=range] {
    border: 1px solid white
}

    input[type=range]::-moz-range-track {
        height: 3px;
        background: #c2c0c2;
        border: none
    }

    input[type=range]::-moz-focus-inner {
        border: 0
    }

    input[type=range]::-moz-range-thumb {
        border: none;
        height: 14px;
        width: 14px;
        border-radius: 50%;
        background: #26a69a;
        -webkit-transition: -webkit-box-shadow .3s;
        transition: -webkit-box-shadow .3s;
        transition: box-shadow .3s;
        transition: box-shadow .3s,-webkit-box-shadow .3s;
        margin-top: -5px
    }

    input[type=range]:-moz-focusring {
        outline: 1px solid #fff;
        outline-offset: -1px
    }

.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(38,166,154,.26)
}

input[type=range]::-ms-track {
    height: 3px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent
}

input[type=range]::-ms-fill-lower {
    background: #777
}

input[type=range]::-ms-fill-upper {
    background: #ddd
}

input[type=range]::-ms-thumb {
    border: none;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #26a69a;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s,-webkit-box-shadow .3s
}

.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb {
    box-shadow: 0 0 0 10px rgba(38,166,154,.26)
}

.table-of-contents.fixed {
    position: fixed
}

.table-of-contents li {
    padding: 2px 0
}

.table-of-contents a {
    display: inline-block;
    font-weight: 300;
    color: #757575;
    padding-left: 16px;
    height: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: .4;
    display: inline-block
}

    .table-of-contents a:hover {
        color: #a8a8a8;
        padding-left: 15px;
        border-left: 1px solid #ee6e73
    }

    .table-of-contents a.active {
        font-weight: 500;
        padding-left: 14px;
        border-left: 2px solid #ee6e73
    }

.sidenav {
    position: fixed;
    width: 300px;
    left: 0;
    top: 0;
    margin: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    height: 100%;
    height: calc(100% + 60px);
    height: -moz-calc(100%);
    padding-bottom: 60px;
    background-color: #fff;
    z-index: 999;
    overflow-y: auto;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%)
}

    .sidenav.right-aligned {
        right: 0;
        -webkit-transform: translateX(105%);
        transform: translateX(105%);
        left: auto;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    .sidenav .collapsible {
        margin: 0
    }

    .sidenav li {
        float: none;
        line-height: 48px
    }

        .sidenav li.active {
            background-color: rgba(0,0,0,.05)
        }

        .sidenav li &gt; a {
            color: rgba(0,0,0,.87);
            display: block;
            font-size: 14px;
            font-weight: 500;
            height: 48px;
            line-height: 48px;
            padding: 0 32px
        }

            .sidenav li &gt; a:hover {
                background-color: rgba(0,0,0,.05)
            }

            .sidenav li &gt; a.btn, .sidenav li &gt; a.btn-large, .sidenav li &gt; a.btn-small, .sidenav li &gt; a.btn-large, .sidenav li &gt; a.btn-flat, .sidenav li &gt; a.btn-floating {
                margin: 10px 15px
            }

            .sidenav li &gt; a.btn, .sidenav li &gt; a.btn-large, .sidenav li &gt; a.btn-small, .sidenav li &gt; a.btn-large, .sidenav li &gt; a.btn-floating {
                color: #fff
            }

            .sidenav li &gt; a.btn-flat {
                color: #343434
            }

            .sidenav li &gt; a.btn:hover, .sidenav li &gt; a.btn-large:hover, .sidenav li &gt; a.btn-small:hover, .sidenav li &gt; a.btn-large:hover {
                background-color: #2bbbad
            }

            .sidenav li &gt; a.btn-floating:hover {
                background-color: #26a69a
            }

            .sidenav li &gt; a &gt; i, .sidenav li &gt; a &gt; [class^="mdi-"], .sidenav li &gt; a li &gt; a &gt; [class*="mdi-"], .sidenav li &gt; a &gt; i.material-icons {
                float: left;
                height: 48px;
                line-height: 48px;
                margin: 0 32px 0 0;
                width: 24px;
                color: rgba(0,0,0,.54)
            }

    .sidenav .divider {
        margin: 8px 0 0 0
    }

    .sidenav .subheader {
        cursor: initial;
        pointer-events: none;
        color: rgba(0,0,0,.54);
        font-size: 14px;
        font-weight: 500;
        line-height: 48px
    }

        .sidenav .subheader:hover {
            background-color: transparent
        }

    .sidenav .user-view {
        position: relative;
        padding: 32px 32px 0;
        margin-bottom: 8px
    }

        .sidenav .user-view &gt; a {
            height: auto;
            padding: 0
        }

            .sidenav .user-view &gt; a:hover {
                background-color: transparent
            }

        .sidenav .user-view .background {
            overflow: hidden;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: -1
        }

        .sidenav .user-view .circle, .sidenav .user-view .name, .sidenav .user-view .email {
            display: block
        }

        .sidenav .user-view .circle {
            height: 64px;
            width: 64px
        }

        .sidenav .user-view .name, .sidenav .user-view .email {
            font-size: 14px;
            line-height: 24px
        }

        .sidenav .user-view .name {
            margin-top: 16px;
            font-weight: 500
        }

        .sidenav .user-view .email {
            padding-bottom: 16px;
            font-weight: 400
        }

.drag-target {
    height: 100%;
    width: 10px;
    position: fixed;
    top: 0;
    z-index: 998
}

    .drag-target.right-aligned {
        right: 0
    }

.sidenav.sidenav-fixed {
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    position: fixed
}

    .sidenav.sidenav-fixed.right-aligned {
        right: 0;
        left: auto
    }

@media only screen and (max-width:992px) {
    .sidenav.sidenav-fixed {
        -webkit-transform: translateX(-105%);
        transform: translateX(-105%)
    }

        .sidenav.sidenav-fixed.right-aligned {
            -webkit-transform: translateX(105%);
            transform: translateX(105%)
        }

    .sidenav &gt; a {
        padding: 0 16px
    }

    .sidenav .user-view {
        padding: 16px 16px 0
    }
}

.sidenav .collapsible-body &gt; ul:not(.collapsible) &gt; li.active, .sidenav.sidenav-fixed .collapsible-body &gt; ul:not(.collapsible) &gt; li.active {
    background-color: #ee6e73
}

    .sidenav .collapsible-body &gt; ul:not(.collapsible) &gt; li.active a, .sidenav.sidenav-fixed .collapsible-body &gt; ul:not(.collapsible) &gt; li.active a {
        color: #fff
    }

.sidenav .collapsible-body {
    padding: 0
}

.sidenav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    height: 120vh;
    background-color: rgba(0,0,0,.5);
    z-index: 997;
    display: none
}

.preloader-wrapper {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px
}

    .preloader-wrapper.small {
        width: 36px;
        height: 36px
    }

    .preloader-wrapper.big {
        width: 64px;
        height: 64px
    }

    .preloader-wrapper.active {
        -webkit-animation: container-rotate 1568ms linear infinite;
        animation: container-rotate 1568ms linear infinite
    }

@-webkit-keyframes container-rotate {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-color: #26a69a
}

.spinner-blue, .spinner-blue-only {
    border-color: #4285f4
}

.spinner-red, .spinner-red-only {
    border-color: #db4437
}

.spinner-yellow, .spinner-yellow-only {
    border-color: #f4b400
}

.spinner-green, .spinner-green-only {
    border-color: #0f9d58
}

.active .spinner-layer.spinner-blue {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,blue-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,blue-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both
}

.active .spinner-layer.spinner-red {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,red-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,red-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both
}

.active .spinner-layer.spinner-yellow {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both
}

.active .spinner-layer.spinner-green {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,green-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,green-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both
}

.active .spinner-layer, .active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only, .active .spinner-layer.spinner-green-only {
    opacity: 1;
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both
}

@-webkit-keyframes fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg)
    }

    25% {
        -webkit-transform: rotate(270deg)
    }

    37.5% {
        -webkit-transform: rotate(405deg)
    }

    50% {
        -webkit-transform: rotate(540deg)
    }

    62.5% {
        -webkit-transform: rotate(675deg)
    }

    75% {
        -webkit-transform: rotate(810deg)
    }

    87.5% {
        -webkit-transform: rotate(945deg)
    }

    to {
        -webkit-transform: rotate(1080deg)
    }
}

@keyframes fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }

    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }

    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@-webkit-keyframes blue-fade-in-out {
    from {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    26% {
        opacity: 0
    }

    89% {
        opacity: 0
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes blue-fade-in-out {
    from {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    26% {
        opacity: 0
    }

    89% {
        opacity: 0
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes red-fade-in-out {
    from {
        opacity: 0
    }

    15% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    51% {
        opacity: 0
    }
}

@keyframes red-fade-in-out {
    from {
        opacity: 0
    }

    15% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    51% {
        opacity: 0
    }
}

@-webkit-keyframes yellow-fade-in-out {
    from {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    76% {
        opacity: 0
    }
}

@keyframes yellow-fade-in-out {
    from {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    76% {
        opacity: 0
    }
}

@-webkit-keyframes green-fade-in-out {
    from {
        opacity: 0
    }

    65% {
        opacity: 0
    }

    75% {
        opacity: 1
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes green-fade-in-out {
    from {
        opacity: 0
    }

    65% {
        opacity: 0
    }

    75% {
        opacity: 1
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.gap-patch {
    position: absolute;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

    .gap-patch .circle {
        width: 1000%;
        left: -450%
    }

.circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

    .circle-clipper .circle {
        width: 200%;
        height: 100%;
        border-width: 3px;
        border-style: solid;
        border-color: inherit;
        border-bottom-color: transparent !important;
        border-radius: 50%;
        -webkit-animation: none;
        animation: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0
    }

    .circle-clipper.left .circle {
        left: 0;
        border-right-color: transparent !important;
        -webkit-transform: rotate(129deg);
        transform: rotate(129deg)
    }

    .circle-clipper.right .circle {
        left: -100%;
        border-left-color: transparent !important;
        -webkit-transform: rotate(-129deg);
        transform: rotate(-129deg)
    }

.active .circle-clipper.left .circle {
    -webkit-animation: left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;
    animation: left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both
}

.active .circle-clipper.right .circle {
    -webkit-animation: right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;
    animation: right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both
}

@-webkit-keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg)
    }

    50% {
        -webkit-transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(130deg)
    }
}

@keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }

    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
}

@-webkit-keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg)
    }

    50% {
        -webkit-transform: rotate(5deg)
    }

    to {
        -webkit-transform: rotate(-130deg)
    }
}

@keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
}

#spinnerContainer.cooldown {
    -webkit-animation: container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(.4,0,.2,1);
    animation: container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(.4,0,.2,1)
}

@-webkit-keyframes fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.slider {
    position: relative;
    width: 100%
}

    .slider.fullscreen {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

        .slider.fullscreen ul.slides {
            height: 100%
        }

        .slider.fullscreen ul.indicators {
            z-index: 2;
            bottom: 30px
        }

    .slider .slides {
        background-color: #9e9e9e;
        margin: 0;
        height: 400px
    }

        .slider .slides li {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: inherit;
            overflow: hidden
        }

            .slider .slides li img {
                height: 100%;
                width: 100%;
                background-size: cover;
                background-position: center
            }

            .slider .slides li .caption {
                color: #fff;
                position: absolute;
                top: 15%;
                left: 15%;
                width: 70%;
                opacity: 0
            }

                .slider .slides li .caption p {
                    color: #e0e0e0
                }

            .slider .slides li.active {
                z-index: 2
            }

    .slider .indicators {
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0
    }

        .slider .indicators .indicator-item {
            display: inline-block;
            position: relative;
            cursor: pointer;
            height: 16px;
            width: 16px;
            margin: 0 12px;
            background-color: #e0e0e0;
            -webkit-transition: background-color .3s;
            transition: background-color .3s;
            border-radius: 50%
        }

            .slider .indicators .indicator-item.active {
                background-color: #4CAF50
            }

.carousel {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 400px;
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

    .carousel.carousel-slider {
        top: 0;
        left: 0
    }

        .carousel.carousel-slider .carousel-fixed-item {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 20px;
            z-index: 1
        }

            .carousel.carousel-slider .carousel-fixed-item.with-indicators {
                bottom: 68px
            }

        .carousel.carousel-slider .carousel-item {
            width: 100%;
            height: 100%;
            min-height: 400px;
            position: absolute;
            top: 0;
            left: 0
        }

            .carousel.carousel-slider .carousel-item h2 {
                font-size: 24px;
                font-weight: 500;
                line-height: 32px
            }

            .carousel.carousel-slider .carousel-item p {
                font-size: 15px
            }

    .carousel .carousel-item {
        visibility: hidden;
        width: 200px;
        height: 200px;
        position: absolute;
        top: 0;
        left: 0
    }

        .carousel .carousel-item &gt; img {
            width: 100%
        }

    .carousel .indicators {
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0
    }

        .carousel .indicators .indicator-item {
            display: inline-block;
            position: relative;
            cursor: pointer;
            height: 8px;
            width: 8px;
            margin: 24px 4px;
            background-color: rgba(255,255,255,.5);
            -webkit-transition: background-color .3s;
            transition: background-color .3s;
            border-radius: 50%
        }

            .carousel .indicators .indicator-item.active {
                background-color: #fff
            }

    .carousel.scrolling .carousel-item .materialboxed, .carousel .carousel-item:not(.active) .materialboxed {
        pointer-events: none
    }

.tap-target-wrapper {
    width: 800px;
    height: 800px;
    position: fixed;
    z-index: 1000;
    visibility: hidden;
    -webkit-transition: visibility 0s .3s;
    transition: visibility 0s .3s
}

    .tap-target-wrapper.open {
        visibility: visible;
        -webkit-transition: visibility 0s;
        transition: visibility 0s
    }

        .tap-target-wrapper.open .tap-target {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: .95;
            -webkit-transition: opacity 0.3s cubic-bezier(.42,0,.58,1),-webkit-transform 0.3s cubic-bezier(.42,0,.58,1);
            transition: opacity 0.3s cubic-bezier(.42,0,.58,1),-webkit-transform 0.3s cubic-bezier(.42,0,.58,1);
            transition: transform 0.3s cubic-bezier(.42,0,.58,1),opacity 0.3s cubic-bezier(.42,0,.58,1);
            transition: transform 0.3s cubic-bezier(.42,0,.58,1),opacity 0.3s cubic-bezier(.42,0,.58,1),-webkit-transform 0.3s cubic-bezier(.42,0,.58,1)
        }

        .tap-target-wrapper.open .tap-target-wave::before {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        .tap-target-wrapper.open .tap-target-wave::after {
            visibility: visible;
            -webkit-animation: pulse-animation 1s cubic-bezier(.24,0,.38,1) infinite;
            animation: pulse-animation 1s cubic-bezier(.24,0,.38,1) infinite;
            -webkit-transition: opacity .3s,visibility 0s 1s,-webkit-transform .3s;
            transition: opacity .3s,visibility 0s 1s,-webkit-transform .3s;
            transition: opacity .3s,transform .3s,visibility 0s 1s;
            transition: opacity .3s,transform .3s,visibility 0s 1s,-webkit-transform .3s
        }

.tap-target {
    position: absolute;
    font-size: 1rem;
    border-radius: 50%;
    background-color: #ee6e73;
    -webkit-box-shadow: 0 20px 20px 0 rgba(0,0,0,.14),0 10px 50px 0 rgba(0,0,0,.12),0 30px 10px -20px rgba(0,0,0,.2);
    box-shadow: 0 20px 20px 0 rgba(0,0,0,.14),0 10px 50px 0 rgba(0,0,0,.12),0 30px 10px -20px rgba(0,0,0,.2);
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity 0.3s cubic-bezier(.42,0,.58,1),-webkit-transform 0.3s cubic-bezier(.42,0,.58,1);
    transition: opacity 0.3s cubic-bezier(.42,0,.58,1),-webkit-transform 0.3s cubic-bezier(.42,0,.58,1);
    transition: transform 0.3s cubic-bezier(.42,0,.58,1),opacity 0.3s cubic-bezier(.42,0,.58,1);
    transition: transform 0.3s cubic-bezier(.42,0,.58,1),opacity 0.3s cubic-bezier(.42,0,.58,1),-webkit-transform 0.3s cubic-bezier(.42,0,.58,1)
}

.tap-target-content {
    position: relative;
    display: table-cell
}

.tap-target-wave {
    position: absolute;
    border-radius: 50%;
    z-index: 10001
}

    .tap-target-wave::before, .tap-target-wave::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #fff
    }

    .tap-target-wave::before {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s
    }

    .tap-target-wave::after {
        visibility: hidden;
        -webkit-transition: opacity .3s,visibility 0s,-webkit-transform .3s;
        transition: opacity .3s,visibility 0s,-webkit-transform .3s;
        transition: opacity .3s,transform .3s,visibility 0s;
        transition: opacity .3s,transform .3s,visibility 0s,-webkit-transform .3s;
        z-index: -1
    }

.tap-target-origin {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 10002;
    position: absolute !important
}

    .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small), .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover {
        background: none
    }

@media only screen and (max-width:600px) {
    .tap-target, .tap-target-wrapper {
        width: 600px;
        height: 600px
    }
}

.pulse {
    overflow: visible;
    position: relative
}

    .pulse::before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: inherit;
        border-radius: inherit;
        -webkit-transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,transform .3s;
        transition: opacity .3s,transform .3s,-webkit-transform .3s;
        -webkit-animation: pulse-animation 1s cubic-bezier(.24,0,.38,1) infinite;
        animation: pulse-animation 1s cubic-bezier(.24,0,.38,1) infinite;
        z-index: -1
    }

@-webkit-keyframes pulse-animation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes pulse-animation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.datepicker-modal {
    max-width: 325px;
    min-width: 300px;
    max-height: none
}

.datepicker-container.modal-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
}

.datepicker-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 280px;
    margin: 0 auto
}

    .datepicker-controls .selects-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .datepicker-controls .select-wrapper input {
        border-bottom: none;
        text-align: center;
        margin: 0
    }

        .datepicker-controls .select-wrapper input:focus {
            border-bottom: none
        }

    .datepicker-controls .select-wrapper .caret {
        display: none
    }

    .datepicker-controls .select-year input {
        width: 50px
    }

    .datepicker-controls .select-month input {
        width: 70px
    }

.month-prev, .month-next {
    margin-top: 4px;
    cursor: pointer;
    background-color: transparent;
    border: none
}

.datepicker-date-display {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    background-color: #26a69a;
    color: #fff;
    padding: 20px 22px;
    font-weight: 500
}

    .datepicker-date-display .year-text {
        display: block;
        font-size: 1.5rem;
        line-height: 25px;
        color: rgba(255,255,255,.7)
    }

    .datepicker-date-display .date-text {
        display: block;
        font-size: 2.8rem;
        line-height: 47px;
        font-weight: 500
    }

.datepicker-calendar-container {
    -webkit-box-flex: 2.5;
    -webkit-flex: 2.5 auto;
    -ms-flex: 2.5 auto;
    flex: 2.5 auto
}

.datepicker-table {
    width: 280px;
    font-size: 1rem;
    margin: 0 auto
}

    .datepicker-table thead {
        border-bottom: none
    }

    .datepicker-table th {
        padding: 10px 5px;
        text-align: center
    }

    .datepicker-table tr {
        border: none
    }

    .datepicker-table abbr {
        text-decoration: none;
        color: #999
    }

    .datepicker-table td {
        border-radius: 50%;
        padding: 0
    }

        .datepicker-table td.is-today {
            color: #26a69a
        }

        .datepicker-table td.is-selected {
            background-color: #26a69a;
            color: #fff
        }

        .datepicker-table td.is-outside-current-month, .datepicker-table td.is-disabled {
            color: rgba(0,0,0,.3);
            pointer-events: none
        }

.datepicker-day-button {
    background-color: transparent;
    border: none;
    line-height: 38px;
    display: block;
    width: 100%;
    border-radius: 50%;
    padding: 0 5px;
    cursor: pointer;
    color: inherit
}

    .datepicker-day-button:focus {
        background-color: rgba(43,161,150,.25)
    }

.datepicker-footer {
    width: 280px;
    margin: 0 auto;
    padding-bottom: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
    color: #26a69a;
    padding: 0 1rem
}

.datepicker-clear {
    color: #F44336
}

@media only screen and (min-width:601px) {
    .datepicker-modal {
        max-width: 625px
    }

    .datepicker-container.modal-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .datepicker-date-display {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 270px;
        -ms-flex: 0 1 270px;
        flex: 0 1 270px
    }

    .datepicker-controls, .datepicker-table, .datepicker-footer {
        width: 320px
    }

    .datepicker-day-button {
        line-height: 44px
    }
}

.timepicker-modal {
    max-width: 325px;
    max-height: none
}

.timepicker-container.modal-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
}

.text-primary {
    color: white
}

.timepicker-digital-display {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    background-color: #26a69a;
    padding: 10px;
    font-weight: 300
}

.timepicker-text-container {
    font-size: 4rem;
    font-weight: 700;
    text-align: center;
    color: rgba(255,255,255,.6);
    font-weight: 400;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.timepicker-span-hours, .timepicker-span-minutes, .timepicker-span-am-pm div {
    cursor: pointer
}

.timepicker-span-hours {
    margin-right: 3px
}

.timepicker-span-minutes {
    margin-left: 3px
}

.timepicker-display-am-pm {
    font-size: 1.3rem;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    font-weight: 400
}

.timepicker-analog-display {
    -webkit-box-flex: 2.5;
    -webkit-flex: 2.5 auto;
    -ms-flex: 2.5 auto;
    flex: 2.5 auto
}

.timepicker-plate {
    background-color: #eee;
    border-radius: 50%;
    width: 270px;
    height: 270px;
    overflow: visible;
    position: relative;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.timepicker-canvas, .timepicker-dial {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.timepicker-minutes {
    visibility: hidden
}

.timepicker-tick {
    border-radius: 50%;
    color: rgba(0,0,0,.87);
    line-height: 40px;
    text-align: center;
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    font-size: 15px
}

    .timepicker-tick.active, .timepicker-tick:hover {
        background-color: rgba(38,166,154,.25)
    }

.timepicker-dial {
    -webkit-transition: opacity 350ms,-webkit-transform 350ms;
    transition: opacity 350ms,-webkit-transform 350ms;
    transition: transform 350ms,opacity 350ms;
    transition: transform 350ms,opacity 350ms,-webkit-transform 350ms
}

.timepicker-dial-out {
    opacity: 0
}

    .timepicker-dial-out.timepicker-hours {
        -webkit-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1)
    }

    .timepicker-dial-out.timepicker-minutes {
        -webkit-transform: scale(.8,.8);
        transform: scale(.8,.8)
    }

.timepicker-canvas {
    -webkit-transition: opacity 175ms;
    transition: opacity 175ms
}

    .timepicker-canvas line {
        stroke: #26a69a;
        stroke-width: 4;
        stroke-linecap: round
    }

.timepicker-canvas-out {
    opacity: .25
}

.timepicker-canvas-bearing {
    stroke: none;
    fill: #26a69a
}

.timepicker-canvas-bg {
    stroke: none;
    fill: #26a69a
}

.timepicker-footer {
    margin: 0 auto;
    padding: 5px 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.timepicker-clear {
    color: #F44336
}

.timepicker-close {
    color: #26a69a
}

.timepicker-clear, .timepicker-close {
    padding: 0 20px
}

@media only screen and (min-width:601px) {
    .timepicker-modal {
        max-width: 600px
    }

    .timepicker-container.modal-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .timepicker-text-container {
        top: 32%
    }

    .timepicker-display-am-pm {
        position: relative;
        right: auto;
        bottom: auto;
        text-align: center;
        margin-top: 1.2rem
    }
}

[class^="gt-"], [class*=" gt-"] {
    font-family: "gotraveller" !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.gt-seat-eco:before {
    content: "";
    color: #3cb2e4
}

.gt-seat-business:before {
    content: "";
    color: #e8453f
}

.gt-mchecking:before {
    content: ""
}

.gt-seat:before {
    content: ""
}

.gt-flight:before {
    content: ""
}

.gt-person:before {
    content: ""
}

.gt-sun:before {
    content: ""
}

.gt-food:before {
    content: ""
}

.gt-calendar:before {
    content: ""
}

.gt-user-1:before {
    content: ""
}

.gt-star:before {
    content: ""
}

.gt-breakfast:before {
    content: ""
}

.gt-router:before {
    content: ""
}

.gt-swimming-pool:before {
    content: ""
}

.gt-beach:before {
    content: ""
}

.gt-spa:before {
    content: ""
}

.gt-taxi:before {
    content: ""
}

.gt-heart:before {
    content: ""
}

.gt-like:before {
    content: ""
}

.gt-user:before {
    content: ""
}

.gt-cloud:before {
    content: ""
}

.gt-clock:before {
    content: ""
}

.gt-search:before {
    content: ""
}

.gt-uniE910:before {
    content: ""
}

.gt-uniE912:before {
    content: ""
}

.gt-uniE914:before {
    content: ""
}

.gt-uniE916:before {
    content: ""
}

.gt-uniE918:before {
    content: ""
}

.gt-shape:before {
    content: ""
}

.gt-uniE91B:before {
    content: ""
}

.gt-airplane:before {
    content: ""
}

.gt-calendar1:before {
    content: ""
}

.gt-chair:before {
    content: ""
}

.gt-cruise:before {
    content: ""
}

.gt-door-sign:before {
    content: ""
}

.gt-expand-button:before {
    content: ""
}

.gt-internet:before {
    content: ""
}

.gt-Menu-dot-icon:before {
    content: ""
}

.gt-package:before {
    content: ""
}

.gt-placeholder:before {
    content: ""
}

.gt-plate:before {
    content: ""
}

.gt-right-arrow:before {
    content: ""
}

.gt-shopping-bag:before {
    content: ""
}

.gt-star1:before {
    content: ""
}

.gt-taxi1:before {
    content: ""
}

.gt-train:before {
    content: ""
}

.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity,filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

    .hamburger:hover {
        opacity: .7
    }

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        width: 40px;
        height: 4px;
        background-color: #000;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease
    }

        .hamburger-inner::before, .hamburger-inner::after {
            content: "";
            display: block
        }

        .hamburger-inner::before {
            top: -10px
        }

        .hamburger-inner::after {
            bottom: -10px
        }

.hamburger--3dx .hamburger-box {
    perspective: 80px
}

.hamburger--3dx .hamburger-inner {
    transition: transform 0.15s cubic-bezier(.645,.045,.355,1),background-color 0s 0.1s cubic-bezier(.645,.045,.355,1)
}

    .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
        transition: transform 0s 0.1s cubic-bezier(.645,.045,.355,1)
    }

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateY(180deg)
}

    .hamburger--3dx.is-active .hamburger-inner::before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dx.is-active .hamburger-inner::after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--3dx-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(.645,.045,.355,1),background-color 0s 0.1s cubic-bezier(.645,.045,.355,1)
}

    .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
        transition: transform 0s 0.1s cubic-bezier(.645,.045,.355,1)
    }

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateY(-180deg)
}

    .hamburger--3dx-r.is-active .hamburger-inner::before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dx-r.is-active .hamburger-inner::after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--3dy .hamburger-box {
    perspective: 80px
}

.hamburger--3dy .hamburger-inner {
    transition: transform 0.15s cubic-bezier(.645,.045,.355,1),background-color 0s 0.1s cubic-bezier(.645,.045,.355,1)
}

    .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
        transition: transform 0s 0.1s cubic-bezier(.645,.045,.355,1)
    }

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateX(-180deg)
}

    .hamburger--3dy.is-active .hamburger-inner::before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dy.is-active .hamburger-inner::after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--3dy-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(.645,.045,.355,1),background-color 0s 0.1s cubic-bezier(.645,.045,.355,1)
}

    .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
        transition: transform 0s 0.1s cubic-bezier(.645,.045,.355,1)
    }

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateX(180deg)
}

    .hamburger--3dy-r.is-active .hamburger-inner::before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dy-r.is-active .hamburger-inner::after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--3dxy .hamburger-box {
    perspective: 80px
}

.hamburger--3dxy .hamburger-inner {
    transition: transform 0.15s cubic-bezier(.645,.045,.355,1),background-color 0s 0.1s cubic-bezier(.645,.045,.355,1)
}

    .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
        transition: transform 0s 0.1s cubic-bezier(.645,.045,.355,1)
    }

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateX(180deg) rotateY(180deg)
}

    .hamburger--3dxy.is-active .hamburger-inner::before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dxy.is-active .hamburger-inner::after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--3dxy-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dxy-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(.645,.045,.355,1),background-color 0s 0.1s cubic-bezier(.645,.045,.355,1)
}

    .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
        transition: transform 0s 0.1s cubic-bezier(.645,.045,.355,1)
    }

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg)
}

    .hamburger--3dxy-r.is-active .hamburger-inner::before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dxy-r.is-active .hamburger-inner::after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--arrow.is-active .hamburger-inner::before {
    transform: translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)
}

.hamburger--arrow.is-active .hamburger-inner::after {
    transform: translate3d(-8px,0,0) rotate(45deg) scale(.7,1)
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
    transform: translate3d(8px,0,0) rotate(45deg) scale(.7,1)
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    transform: translate3d(8px,0,0) rotate(-45deg) scale(.7,1)
}

.hamburger--arrowalt .hamburger-inner::before {
    transition: top 0.1s 0.1s ease,transform 0.1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease,transform 0.1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(-8px,-10px,0) rotate(-45deg) scale(.7,1);
    transition: top 0.1s ease,transform 0.1s 0.1s cubic-bezier(.895,.03,.685,.22)
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(-8px,10px,0) rotate(45deg) scale(.7,1);
    transition: bottom 0.1s ease,transform 0.1s 0.1s cubic-bezier(.895,.03,.685,.22)
}

.hamburger--arrowalt-r .hamburger-inner::before {
    transition: top 0.1s 0.1s ease,transform 0.1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease,transform 0.1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(8px,-10px,0) rotate(45deg) scale(.7,1);
    transition: top 0.1s ease,transform 0.1s 0.1s cubic-bezier(.895,.03,.685,.22)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(8px,10px,0) rotate(-45deg) scale(.7,1);
    transition: bottom 0.1s ease,transform 0.1s 0.1s cubic-bezier(.895,.03,.685,.22)
}

.hamburger--arrowturn.is-active .hamburger-inner {
    transform: rotate(-180deg)
}

    .hamburger--arrowturn.is-active .hamburger-inner::before {
        transform: translate3d(8px,0,0) rotate(45deg) scale(.7,1)
    }

    .hamburger--arrowturn.is-active .hamburger-inner::after {
        transform: translate3d(8px,0,0) rotate(-45deg) scale(.7,1)
    }

.hamburger--arrowturn-r.is-active .hamburger-inner {
    transform: rotate(-180deg)
}

    .hamburger--arrowturn-r.is-active .hamburger-inner::before {
        transform: translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)
    }

    .hamburger--arrowturn-r.is-active .hamburger-inner::after {
        transform: translate3d(-8px,0,0) rotate(45deg) scale(.7,1)
    }

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg)
}

    .hamburger--boring.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0
    }

    .hamburger--boring.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg)
    }

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

    .hamburger--collapse .hamburger-inner::after {
        top: -20px;
        transition: top 0.2s 0.2s cubic-bezier(.33333,.66667,.66667,1),opacity 0.1s linear
    }

    .hamburger--collapse .hamburger-inner::before {
        transition: top 0.12s 0.2s cubic-bezier(.33333,.66667,.66667,1),transform 0.13s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0,-10px,0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

    .hamburger--collapse.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        transition: top 0.2s cubic-bezier(.33333,0,.66667,.33333),opacity 0.1s 0.22s linear
    }

    .hamburger--collapse.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(-90deg);
        transition: top 0.1s 0.16s cubic-bezier(.33333,0,.66667,.33333),transform 0.13s 0.25s cubic-bezier(.215,.61,.355,1)
    }

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

    .hamburger--collapse-r .hamburger-inner::after {
        top: -20px;
        transition: top 0.2s 0.2s cubic-bezier(.33333,.66667,.66667,1),opacity 0.1s linear
    }

    .hamburger--collapse-r .hamburger-inner::before {
        transition: top 0.12s 0.2s cubic-bezier(.33333,.66667,.66667,1),transform 0.13s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--collapse-r.is-active .hamburger-inner {
    transform: translate3d(0,-10px,0) rotate(45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

    .hamburger--collapse-r.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        transition: top 0.2s cubic-bezier(.33333,0,.66667,.33333),opacity 0.1s 0.22s linear
    }

    .hamburger--collapse-r.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(90deg);
        transition: top 0.1s 0.16s cubic-bezier(.33333,0,.66667,.33333),transform 0.13s 0.25s cubic-bezier(.215,.61,.355,1)
    }

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

    .hamburger--elastic .hamburger-inner::before {
        top: 10px;
        transition: opacity 0.125s 0.275s ease
    }

    .hamburger--elastic .hamburger-inner::after {
        top: 20px;
        transition: transform 0.275s cubic-bezier(.68,-.55,.265,1.55)
    }

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(135deg);
    transition-delay: 0.075s
}

    .hamburger--elastic.is-active .hamburger-inner::before {
        transition-delay: 0s;
        opacity: 0
    }

    .hamburger--elastic.is-active .hamburger-inner::after {
        transform: translate3d(0,-20px,0) rotate(-270deg);
        transition-delay: 0.075s
    }

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

    .hamburger--elastic-r .hamburger-inner::before {
        top: 10px;
        transition: opacity 0.125s 0.275s ease
    }

    .hamburger--elastic-r .hamburger-inner::after {
        top: 20px;
        transition: transform 0.275s cubic-bezier(.68,-.55,.265,1.55)
    }

.hamburger--elastic-r.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(-135deg);
    transition-delay: 0.075s
}

    .hamburger--elastic-r.is-active .hamburger-inner::before {
        transition-delay: 0s;
        opacity: 0
    }

    .hamburger--elastic-r.is-active .hamburger-inner::after {
        transform: translate3d(0,-20px,0) rotate(270deg);
        transition-delay: 0.075s
    }

.hamburger--emphatic {
    overflow: hidden
}

    .hamburger--emphatic .hamburger-inner {
        transition: background-color 0.125s 0.175s ease-in
    }

        .hamburger--emphatic .hamburger-inner::before {
            left: 0;
            transition: transform 0.125s cubic-bezier(.6,.04,.98,.335),top 0.05s 0.125s linear,left 0.125s 0.175s ease-in
        }

        .hamburger--emphatic .hamburger-inner::after {
            top: 10px;
            right: 0;
            transition: transform 0.125s cubic-bezier(.6,.04,.98,.335),top 0.05s 0.125s linear,right 0.125s 0.175s ease-in
        }

    .hamburger--emphatic.is-active .hamburger-inner {
        transition-delay: 0s;
        transition-timing-function: ease-out;
        background-color: transparent
    }

        .hamburger--emphatic.is-active .hamburger-inner::before {
            left: -80px;
            top: -80px;
            transform: translate3d(80px,80px,0) rotate(45deg);
            transition: left 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(.075,.82,.165,1)
        }

        .hamburger--emphatic.is-active .hamburger-inner::after {
            right: -80px;
            top: -80px;
            transform: translate3d(-80px,80px,0) rotate(-45deg);
            transition: right 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(.075,.82,.165,1)
        }

.hamburger--emphatic-r {
    overflow: hidden
}

    .hamburger--emphatic-r .hamburger-inner {
        transition: background-color 0.125s 0.175s ease-in
    }

        .hamburger--emphatic-r .hamburger-inner::before {
            left: 0;
            transition: transform 0.125s cubic-bezier(.6,.04,.98,.335),top 0.05s 0.125s linear,left 0.125s 0.175s ease-in
        }

        .hamburger--emphatic-r .hamburger-inner::after {
            top: 10px;
            right: 0;
            transition: transform 0.125s cubic-bezier(.6,.04,.98,.335),top 0.05s 0.125s linear,right 0.125s 0.175s ease-in
        }

    .hamburger--emphatic-r.is-active .hamburger-inner {
        transition-delay: 0s;
        transition-timing-function: ease-out;
        background-color: transparent
    }

        .hamburger--emphatic-r.is-active .hamburger-inner::before {
            left: -80px;
            top: 80px;
            transform: translate3d(80px,-80px,0) rotate(-45deg);
            transition: left 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(.075,.82,.165,1)
        }

        .hamburger--emphatic-r.is-active .hamburger-inner::after {
            right: -80px;
            top: 80px;
            transform: translate3d(-80px,-80px,0) rotate(45deg);
            transition: right 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(.075,.82,.165,1)
        }

.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
    transition: bottom 0.08s 0s ease-out,top 0.08s 0s ease-out,opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
    opacity: 0;
    transition: bottom 0.08s ease-out,top 0.08s ease-out,opacity 0s 0.08s linear
}

.hamburger--minus.is-active .hamburger-inner::before {
    top: 0
}

.hamburger--minus.is-active .hamburger-inner::after {
    bottom: 0
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

    .hamburger--slider .hamburger-inner::before {
        top: 10px;
        transition-property: transform,opacity;
        transition-timing-function: ease;
        transition-duration: 0.15s
    }

    .hamburger--slider .hamburger-inner::after {
        top: 20px
    }

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(45deg)
}

    .hamburger--slider.is-active .hamburger-inner::before {
        transform: rotate(-45deg) translate3d(-5.7142857143px,-6px,0);
        opacity: 0
    }

    .hamburger--slider.is-active .hamburger-inner::after {
        transform: translate3d(0,-20px,0) rotate(-90deg)
    }

.hamburger--slider-r .hamburger-inner {
    top: 2px
}

    .hamburger--slider-r .hamburger-inner::before {
        top: 10px;
        transition-property: transform,opacity;
        transition-timing-function: ease;
        transition-duration: 0.15s
    }

    .hamburger--slider-r .hamburger-inner::after {
        top: 20px
    }

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(-45deg)
}

    .hamburger--slider-r.is-active .hamburger-inner::before {
        transform: rotate(45deg) translate3d(5.7142857143px,-6px,0);
        opacity: 0
    }

    .hamburger--slider-r.is-active .hamburger-inner::after {
        transform: translate3d(0,-20px,0) rotate(90deg)
    }

.hamburger--spin .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

    .hamburger--spin .hamburger-inner::before {
        transition: top 0.1s 0.25s ease-in,opacity 0.1s ease-in
    }

    .hamburger--spin .hamburger-inner::after {
        transition: bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

    .hamburger--spin.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.1s ease-out,opacity 0.1s 0.12s ease-out
    }

    .hamburger--spin.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(.215,.61,.355,1)
    }

.hamburger--spin-r .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

    .hamburger--spin-r .hamburger-inner::before {
        transition: top 0.1s 0.25s ease-in,opacity 0.1s ease-in
    }

    .hamburger--spin-r .hamburger-inner::after {
        transition: bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--spin-r.is-active .hamburger-inner {
    transform: rotate(-225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

    .hamburger--spin-r.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.1s ease-out,opacity 0.1s 0.12s ease-out
    }

    .hamburger--spin-r.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(90deg);
        transition: bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(.215,.61,.355,1)
    }

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s 0.13s linear
}

    .hamburger--spring .hamburger-inner::before {
        top: 10px;
        transition: top 0.1s 0.2s cubic-bezier(.33333,.66667,.66667,1),transform 0.13s cubic-bezier(.55,.055,.675,.19)
    }

    .hamburger--spring .hamburger-inner::after {
        top: 20px;
        transition: top 0.2s 0.2s cubic-bezier(.33333,.66667,.66667,1),transform 0.13s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: 0.22s;
    background-color: transparent
}

    .hamburger--spring.is-active .hamburger-inner::before {
        top: 0;
        transition: top 0.1s 0.15s cubic-bezier(.33333,0,.66667,.33333),transform 0.13s 0.22s cubic-bezier(.215,.61,.355,1);
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--spring.is-active .hamburger-inner::after {
        top: 0;
        transition: top 0.2s cubic-bezier(.33333,0,.66667,.33333),transform 0.13s 0.22s cubic-bezier(.215,.61,.355,1);
        transform: translate3d(0,10px,0) rotate(-45deg)
    }

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

    .hamburger--spring-r .hamburger-inner::after {
        top: -20px;
        transition: top 0.2s 0.2s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear
    }

    .hamburger--spring-r .hamburger-inner::before {
        transition: top 0.1s 0.2s cubic-bezier(.33333,.66667,.66667,1),transform 0.13s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--spring-r.is-active .hamburger-inner {
    transform: translate3d(0,-10px,0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

    .hamburger--spring-r.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        transition: top 0.2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s 0.22s linear
    }

    .hamburger--spring-r.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(90deg);
        transition: top 0.1s 0.15s cubic-bezier(.33333,0,.66667,.33333),transform 0.13s 0.22s cubic-bezier(.215,.61,.355,1)
    }

.hamburger--stand .hamburger-inner {
    transition: transform 0.075s 0.15s cubic-bezier(.55,.055,.675,.19),background-color 0s 0.075s linear
}

    .hamburger--stand .hamburger-inner::before {
        transition: top 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(.55,.055,.675,.19)
    }

    .hamburger--stand .hamburger-inner::after {
        transition: bottom 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--stand.is-active .hamburger-inner {
    transform: rotate(90deg);
    background-color: transparent;
    transition: transform 0.075s 0s cubic-bezier(.215,.61,.355,1),background-color 0s 0.15s linear
}

    .hamburger--stand.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(-45deg);
        transition: top 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(.215,.61,.355,1)
    }

    .hamburger--stand.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(45deg);
        transition: bottom 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(.215,.61,.355,1)
    }

.hamburger--stand-r .hamburger-inner {
    transition: transform 0.075s 0.15s cubic-bezier(.55,.055,.675,.19),background-color 0s 0.075s linear
}

    .hamburger--stand-r .hamburger-inner::before {
        transition: top 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(.55,.055,.675,.19)
    }

    .hamburger--stand-r .hamburger-inner::after {
        transition: bottom 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--stand-r.is-active .hamburger-inner {
    transform: rotate(-90deg);
    background-color: transparent;
    transition: transform 0.075s 0s cubic-bezier(.215,.61,.355,1),background-color 0s 0.15s linear
}

    .hamburger--stand-r.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(-45deg);
        transition: top 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(.215,.61,.355,1)
    }

    .hamburger--stand-r.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(45deg);
        transition: bottom 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(.215,.61,.355,1)
    }

.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

    .hamburger--squeeze .hamburger-inner::before {
        transition: top 0.075s 0.12s ease,opacity 0.075s ease
    }

    .hamburger--squeeze .hamburger-inner::after {
        transition: bottom 0.075s 0.12s ease,transform 0.075s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

    .hamburger--squeeze.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.075s ease,opacity 0.075s 0.12s ease
    }

    .hamburger--squeeze.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.075s ease,transform 0.075s 0.12s cubic-bezier(.215,.61,.355,1)
    }

.hamburger--vortex .hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

    .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
        transition-duration: 0s;
        transition-delay: 0.1s;
        transition-timing-function: linear
    }

    .hamburger--vortex .hamburger-inner::before {
        transition-property: top,opacity
    }

    .hamburger--vortex .hamburger-inner::after {
        transition-property: bottom,transform
    }

.hamburger--vortex.is-active .hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

    .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
        transition-delay: 0s
    }

    .hamburger--vortex.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0
    }

    .hamburger--vortex.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(90deg)
    }

.hamburger--vortex-r .hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

    .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
        transition-duration: 0s;
        transition-delay: 0.1s;
        transition-timing-function: linear
    }

    .hamburger--vortex-r .hamburger-inner::before {
        transition-property: top,opacity
    }

    .hamburger--vortex-r .hamburger-inner::after {
        transition-property: bottom,transform
    }

.hamburger--vortex-r.is-active .hamburger-inner {
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

    .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
        transition-delay: 0s
    }

    .hamburger--vortex-r.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0
    }

    .hamburger--vortex-r.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg)
    }

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

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

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

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

    .slick-prev:before, .slick-next:before {
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.slick-prev {
    left: -25px
}

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

.slick-prev:before {
    content: "←"
}

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

.slick-next {
    right: -25px
}

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

.slick-next:before {
    content: "→"
}

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

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

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

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

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

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

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

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

        .slick-dots li.slick-active button:before {
            color: black;
            opacity: .75
        }

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat",sans-serif;
    line-height: normal;
    color: #34404b;
    font-weight: 300
}

h1, .h1 {
    font-size: 36px;
    line-height: 46px
}

@media (min-width:576px) {
    h1, .h1 {
        font-size: 42px;
        line-height: 54px
    }
}

@media (min-width:768px) {
    h1, .h1 {
        font-size: 52px;
        line-height: 42px
    }
}

@media (min-width:993px) {
    h1, .h1 {
        font-size: 60px;
        line-height: 52px
    }
}

@media (min-width:1200px) {
    h1, .h1 {
        font-size: 72px;
        line-height: 76px
    }
}

@media (min-width:1440px) {
    h1, .h1 {
        font-size: 90px;
        line-height: 90px
    }
}

h2 {
    font-size: 24px;
    line-height: 46px
}

@media (min-width:576px) {
    h2 {
        font-size: 26px;
        line-height: 48px
    }
}

@media (min-width:768px) {
    h2 {
        font-size: 30px;
        line-height: 54px
    }
}

@media (min-width:993px) {
    h2 {
        font-size: 32px;
        line-height: 62px
    }
}

@media (min-width:1200px) {
    h2 {
        font-size: 36px;
        line-height: 74px
    }
}

@media (min-width:1440px) {
    h2 {
        font-size: 40px;
        line-height: 50px
    }
}

h3 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:576px) {
    h3 {
        font-size: 28px;
        line-height: 32px
    }
}

@media (min-width:768px) {
    h3 {
        font-size: 32px;
        line-height: 38px
    }
}

@media (min-width:993px) {
    h3 {
        font-size: 38px;
        line-height: 48px
    }
}

@media (min-width:1200px) {
    h3 {
        font-size: 42px;
        line-height: 56px
    }
}

@media (min-width:1440px) {
    h3 {
        font-size: 50px;
        line-height: 68px
    }
}

h4 {
    font-size: 18px;
    line-height: 22px
}

@media (min-width:576px) {
    h4 {
        font-size: 22px;
        line-height: 26px
    }
}

@media (min-width:768px) {
    h4 {
        font-size: 24px;
        line-height: 30px
    }
}

@media (min-width:993px) {
    h4 {
        font-size: 26px;
        line-height: 34px
    }
}

@media (min-width:1200px) {
    h4 {
        font-size: 28px;
        line-height: 38px
    }
}

@media (min-width:1440px) {
    h4 {
        font-size: 30px;
        line-height: 40px
    }
}

h5 {
    font-size: 16px;
    line-height: 18px
}

@media (min-width:768px) {
	.home &gt; footer .ftr-main-sec .menu ul li a, .innerwrapper &gt; footer .ftr-main-sec .menu ul li a {font-size: 12px !important;}
	.home &gt; footer .ftr-main-sec &gt; div, .innerwrapper &gt; footer .ftr-main-sec &gt; div{padding:4px !important;}
	.ftr-main-sec ul.book-trip li:before {margin-right: 3px !important;}
	
    h5 {
        font-size: 14px;
        line-height: 36px
    }
}

h6 {
    font-size: 12px;
    line-height: 16px
}

@media (min-width:576px) {
    h6 {
        font-size: 14px;
        line-height: 20px
    }
}

@media (min-width:768px) {
    h6 {
        font-size: 16px;
        line-height: 24px
    }
}

@media (min-width:993px) {
    h6 {
        font-size: 18px;
        line-height: 28px
    }
}

@media (min-width:1200px) {
    h6 {
        font-size: 22px;
        line-height: 30px
    }
}

p {
    color: #7c7e86;
    font-family: "PT Sans",sans-serif;
    font-size: 14px;
    line-height: 22px
}

@media (min-width:576px) {
    p {
        font-size: 15px;
        line-height: 24px
    }
}

@media (min-width:768px) {
    p {
        font-size: 16px;
        line-height: 26px
    }
}

@media (min-width:993px) {
    p {
        font-size: 13px;
        line-height: 23px
    }
}

a {
    text-decoration: none
}

    a:hover, a:focus {
        outline: none
    }

*, body {
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    font-family: 'Poppins',sans-serif;
    box-sizing: border-box !important
}

::-moz-selection {
    color: #34404b;
    background: #f89605
}

::selection {
    color: #34404b;
    background: #f89605
}

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

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

img {
    max-width: 100%;
    height: auto
}

a:focus, button:focus {
    outline: none !important
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

input {
    outline: none
}

    input:hover, input:focus {
        outline: none !important
    }

.center {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

button {
    outline: none
}

    button:hover, button:focus {
        outline: none
    }

.inner-sec-gap {
    padding-top: 30px;
    padding-bottom: 30px
}

@media (min-width:576px) {
    .inner-sec-gap {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (min-width:993px) {
    .inner-sec-gap {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (min-width:1440px) {
    .inner-sec-gap {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.inner-sec-gap header {
    margin-bottom: 40px
}

@media (min-width:576px) {
    .inner-sec-gap header {
        margin-bottom: 60px
    }
}

@media (min-width:993px) {
    .inner-sec-gap header {
        margin-bottom: 80px
    }
}

@media (min-width:1440px) {
    .inner-sec-gap header {
        margin-bottom: 100px
    }
}

.tt-txt {
    color: #314f61;
    font-family: "Playfair Display",serif;
    font-style: italic;
    font-size: 15px;
    text-shadow: 0 0 0 #314f61
}

@media (min-width:768px) {
    .tt-txt {
        font-size: 16px
    }
}

@media (min-width:993px) {
    .tt-txt {
        font-size: 18px
    }
}

.tt-txt + .tooltip &gt; .tooltip-inner {
    background-color: red
}

.tt-txt + .tooltip &gt; .tooltip-arrow {
    border-bottom-color: red
}

.estb {
    display: none;
    flex-direction: column;
    position: fixed;
    top: 25px;
    left: 15px;
    width: 60px;
    height: 145px;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    z-index: 999
}

@media (min-width:993px) {
    .estb {
        display: flex;
        top: 35px;
        left: 25px
    }
}

.estb .est-year {
    font-size: 38px;
    font-family: "Montserrat",sans-serif;
    color: #464646;
    display: inline-block;
    font-weight: 700;
    width: 60px;
    word-break: break-all;
    line-height: 30px;
    text-align: center
}

.estb .estfrm {
    color: #6f6f6f;
    font-size: 11px;
    letter-spacing: 2px;
    font-family: 'Poppins',sans-serif;
    text-transform: uppercase;
    transform: rotate(-90deg);
    display: inline-block;
    width: 121px;
    font-weight: 600
}

.ticket-shapes {
    padding: 40px;
    margin-bottom: 30px;
    -webkit-filter: drop-shadow(0 50px 20px rgba(0,0,0,.12));
    filter: drop-shadow(0 50px 20px rgba(0,0,0,.12));
    background-size: 51% 100%;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle at 0 50%,rgba(255,255,224,0) 40px,#ffffff .5em),radial-gradient(circle at 100% 50%,rgba(255,255,224,0) 40px,#ffffff .5em);
    background-position: top left,top right
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label.green:before {
    background-color: #1cbb63 !important
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label.red:before {
    background-color: #ff82a2 !important
}

.dottedbg-text, .dottedbg-pattern {
    position: absolute;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif
}

    .dottedbg-text:after, .dottedbg-pattern:after {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        background-image: radial-gradient(#bdbab8 20%,transparent 0),radial-gradient(#bdbab8 20%,transparent 0);
        background-size: 5px 5px;
        background-position: 0 0,5px 5px;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        width: 100%
    }

    .dottedbg-text.blackdots:after, .dottedbg-pattern.blackdots:after {
        background-image: radial-gradient(#555 20%,transparent 0),radial-gradient(#555 20%,transparent 0)
    }

    .dottedbg-text.shadow:before, .dottedbg-pattern.shadow:before {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        text-shadow: 3px 4px 84px rgba(191,199,212,.57)
    }

    .dottedbg-text.left, .dottedbg-pattern.left {
        left: 0;
        right: auto
    }

    .dottedbg-text.right, .dottedbg-pattern.right {
        right: 0;
        left: auto
    }

    .dottedbg-text.center, .dottedbg-pattern.center {
        left: 0;
        right: 0;
        margin: auto
    }

    .dottedbg-text.layerfront, .dottedbg-pattern.layerfront {
        z-index: 1
    }

    .dottedbg-text.layermid, .dottedbg-pattern.layermid {
        z-index: 0
    }

    .dottedbg-text.layerback, .dottedbg-pattern.layerback {
        z-index: -2
    }

    .dottedbg-text.transparent, .dottedbg-pattern.transparent {
        color: transparent !important
    }

    .dottedbg-text.gotxt, .dottedbg-text.dottedtext, .dottedbg-pattern.gotxt, .dottedbg-pattern.dottedtext {
        font-size: 150px;
        font-weight: 900;
        line-height: 150px;
        letter-spacing: 0;
        top: -40px;
        width: auto;
        color: #fff
    }

@media (min-width:768px) {
    .dottedbg-text.gotxt, .dottedbg-text.dottedtext, .dottedbg-pattern.gotxt, .dottedbg-pattern.dottedtext {
        font-size: 350px;
        line-height: 300px
    }
}

@media (min-width:993px) {
    .dottedbg-text.gotxt, .dottedbg-text.dottedtext, .dottedbg-pattern.gotxt, .dottedbg-pattern.dottedtext {
        font-size: 450px;
        line-height: 400px
    }
}

@media (min-width:1200px) {
    .dottedbg-text.gotxt, .dottedbg-text.dottedtext, .dottedbg-pattern.gotxt, .dottedbg-pattern.dottedtext {
        font-size: 400px;
        line-height: 530px
    }
}

@media (min-width:1440px) {
    .dottedbg-text.gotxt, .dottedbg-text.dottedtext, .dottedbg-pattern.gotxt, .dottedbg-pattern.dottedtext {
        font-size: 500px;
        line-height: 530px
    }
}

@media (min-width:1920px) {
    .dottedbg-text.gotxt, .dottedbg-text.dottedtext, .dottedbg-pattern.gotxt, .dottedbg-pattern.dottedtext {
        font-size: 600px;
        line-height: 530px
    }
}

.dottedbg-text.gotxt2, .dottedbg-text.dottedtext2, .dottedbg-pattern.gotxt2, .dottedbg-pattern.dottedtext2 {
    margin: 0 auto;
    font-size: 180px;
    line-height: 130px;
    letter-spacing: -10px;
    font-weight: 900;
    display: block;
    color: #fff
}

@media (min-width:576px) {
    .dottedbg-text.gotxt2, .dottedbg-text.dottedtext2, .dottedbg-pattern.gotxt2, .dottedbg-pattern.dottedtext2 {
        letter-spacing: -15px
    }
}

@media (min-width:768px) {
    .dottedbg-text.gotxt2, .dottedbg-text.dottedtext2, .dottedbg-pattern.gotxt2, .dottedbg-pattern.dottedtext2 {
        font-size: 300px;
        line-height: 250px;
        letter-spacing: -45px
    }
}

@media (min-width:993px) {
    .dottedbg-text.gotxt2, .dottedbg-text.dottedtext2, .dottedbg-pattern.gotxt2, .dottedbg-pattern.dottedtext2 {
        font-size: 400px;
        line-height: 450px;
        letter-spacing: -45px
    }
}

@media (min-width:1200px) {
    .dottedbg-text.gotxt2, .dottedbg-text.dottedtext2, .dottedbg-pattern.gotxt2, .dottedbg-pattern.dottedtext2 {
        font-size: 450px;
        line-height: 550px;
        letter-spacing: -45px
    }
}

@media (min-width:1440px) {
    .dottedbg-text.gotxt2, .dottedbg-text.dottedtext2, .dottedbg-pattern.gotxt2, .dottedbg-pattern.dottedtext2 {
        font-size: 500px;
        line-height: 530px
    }
}

@media (min-width:1920px) {
    .dottedbg-text.gotxt2, .dottedbg-text.dottedtext2, .dottedbg-pattern.gotxt2, .dottedbg-pattern.dottedtext2 {
        font-size: 600px;
        line-height: 530px
    }
}

.flightbkng-bnr .dottedbg-pattern.gotxt2 {
    letter-spacing: -10px !important
}

@media (min-width:1920px) {
    .flightbkng-bnr .dottedbg-pattern.right {
        right: -10%
    }
}

@media (min-width:2880px) {
    .flightbkng-bnr .dottedbg-pattern.right {
        right: -20%
    }
}

.txt-watermark {
    position: absolute;
    margin: 0 auto;
    font-size: 180px;
    line-height: 130px;
    letter-spacing: -10px;
    font-family: 'Poppins',sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    display: block;
    color: #f6f7fa;
    z-index: -2;
    text-align: center;
    width: 100%
}

@media (min-width:576px) {
    .txt-watermark {
        letter-spacing: -10px
    }
}

@media (min-width:768px) {
    .txt-watermark {
        font-size: 300px;
        line-height: 250px;
        letter-spacing: -15px
    }
}

@media (min-width:993px) {
    .txt-watermark {
        font-size: 500px;
        line-height: 450px;
        letter-spacing: -20px
    }
}

@media (min-width:1200px) {
    .txt-watermark {
        font-size: 600px;
        line-height: 550px;
        letter-spacing: -25px
    }
}

@media (min-width:1440px) {
    .txt-watermark {
        font-size: 670px;
        line-height: 550px;
        height: 500px
    }
}

.txt-watermark.transparent {
    color: transparent
}

.txt-watermark.small {
    font-size: 150px;
    line-height: 150px;
    color: #192353;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    letter-spacing: 0;
    font-family: "Montserrat",sans-serif;
    height: auto;
    left: -120px !important
}

@media (min-width:576px) {
    .txt-watermark.small {
        font-size: 180px;
        line-height: 180px
    }
}

@media (min-width:768px) {
    .txt-watermark.small {
        font-size: 220px;
        line-height: 220px;
        bottom: auto;
        left: 40%;
        transform: translateX(-40%)
    }
}

@media (min-width:993px) {
    .txt-watermark.small {
        font-size: 250px;
        line-height: 250px
    }
}

@media (min-width:1200px) {
    .txt-watermark.small {
        font-size: 280px;
        line-height: 280px
    }
}

@media (min-width:1440px) {
    .txt-watermark.small {
        font-size: 326px;
        line-height: 300px;
        letter-spacing: -30px
    }
}

.txt-watermark.left {
    left: 0;
    right: auto
}

.txt-watermark.right {
    right: 0;
    left: auto
}

.txt-watermark.center {
    left: 0;
    right: 0;
    margin: auto
}

.gotxt3 {
    position: absolute;
    margin: 0 auto;
    font-size: 180px;
    line-height: 130px;
    letter-spacing: -10px;
    top: 70px;
    bottom: -100px;
    height: 130px;
    font-family: "Montserrat",sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    width: 280px;
    display: block;
    color: #fff;
    z-index: -2
}

@media (min-width:576px) {
    .gotxt3 {
        letter-spacing: -15px
    }
}

@media (min-width:768px) {
    .gotxt3 {
        font-size: 300px;
        line-height: 250px;
        letter-spacing: -45px;
        width: 450px;
        bottom: 0;
        top: 0;
        height: 250px
    }
}

@media (min-width:993px) {
    .gotxt3 {
        font-size: 500px;
        line-height: 450px;
        letter-spacing: -45px;
        width: 800px
    }
}

@media (min-width:1200px) {
    .gotxt3 {
        font-size: 600px;
        line-height: 550px;
        letter-spacing: -45px;
        width: 100%;
        height: 100%
    }
}

@media (min-width:1440px) {
    .gotxt3 {
        width: 920px;
        top: 30px;
        bottom: -100px
    }
}

.gotxt3:after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    background-image: radial-gradient(#bdbab8 20%,transparent 0),radial-gradient(#bdbab8 20%,transparent 0);
    background-size: 5px 5px;
    background-position: 0 0,5px 5px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 100%
}

.gotxt3:before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0
}

.txtshadow {
    text-shadow: 2.5px 4.33px 84px rgba(191,199,212,.57)
}

.slide-top {
    background: #f26522 !important
}

.close_button {
    position: relative !important;
    top: -9px !important;
    color: #f26521 !important;
    font-weight: 100 !important;
    background: #fff !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    text-align: center !important;
    line-height: 30px !important;
    background-color: white !important
}

.circle {
    border: 1px solid #515151 !important;
    border-radius: 50% !important;
    height: 30px !important;
    width: 30px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 2px !important
}

    .circle:hover {
        border: 1px solid #f26521 !important
    }

.sticky {
    top: 0
}

@media (min-width:1440px) {
    .sticky {
        position: -webkit-sticky;
        position: sticky
    }
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0,0,0)
    }

        .owl-carousel .owl-wrapper:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height 500ms ease-in-out;
            -moz-transition: height 500ms ease-in-out;
            -ms-transition: height 500ms ease-in-out;
            -o-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out
        }

    .owl-carousel .owl-item {
        float: left;
        padding: 15px
    }

    .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

    .owl-controls .owl-page, .owl-controls .owl-buttons div {
        cursor: pointer
    }

.grabbing {
    cursor: url(../img/grabbing.html) 8 8,move
}

#owl-demo1 {
    margin-bottom: 0
}

.owl-theme .owl-controls {
    margin-top: -10px;
    text-align: center;
    position: relative;
    margin-bottom: 35px;
}


/*-------------------*/



.owl-prev {
    position: absolute;
    top: 0;
    left: 0;
  
}
.owl-next {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    
}



/*-------------------*/
.owl-theme .owl-controls .owl-buttons div {
    color: #3a3939;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 5px;
    padding: 3px 10px;
    font-size: 85px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: transparent;
    filter: Alpha(Opacity=50);
    opacity: .5
}

    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        opacity: 1;
        text-decoration: none
    }

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline
    }

        .owl-theme .owl-controls .owl-page span {
            display: block;
            width: 12px;
            height: 12px;
            margin: 5px 7px;
            filter: Alpha(Opacity=50);
            opacity: .5;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            background: #869791
        }

        .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
            filter: Alpha(Opacity=100);
            opacity: 1
        }

        .owl-theme .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #FFF;
            padding: 2px 10px;
            font-size: 12px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px
        }

.owl-item.loading {
    min-height: 150px;
    background: url(../img/AjaxLoader.html) no-repeat center center
}

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

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

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

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

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

    .slick-track:after {
        clear: both
    }

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

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

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

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

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

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

    .slick-prev:before, .slick-next:before {
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.slick-prev {
    left: -40px
}

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

.slick-prev:before {
    font-family: FontAwesome;
    content: "\f053";
    font-size: 50px
}

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

.slick-next {
    right: -30px
}

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

.slick-next:before {
    font-family: FontAwesome;
    content: "\f054";
    font-size: 50px;
}

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

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

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

.travel-store .slider .slick-dots {
    bottom: 30px
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 10px;
    width: 15px;
    text-align: center;
    margin: 0 2px;
    padding: 0;
    cursor: pointer
}

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

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

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

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

    .slick-dots li.slick-active button:before {
        color: #fdc542;
        opacity: 1
    }

.travel-store .slider .slick-dots li.slick-active button:before {
    color: #fff;
    opacity: 1;
    font-size: 40px
}

.pb-calendar {
    display: block;
    position: relative;
    color: #555;
    border: 1px solid #999;
    border-radius: 10px
}

    .pb-calendar .top-frame {
        margin-bottom: 10px;
        padding: 20px 30px;
        border-bottom: 1px solid #999;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        .pb-calendar .top-frame &gt; .year-month-frame {
            font-size: 20px;
            line-height: 20px;
            display: flex;
            flex-direction: row-reverse;
            justify-content: flex-end;
            float: left;
            width: 70%;
            font-family: "Montserrat",sans-serif;
            font-size: 18px;
            line-height: 18px;
            font-weight: 500;
            text-align: left;
            box-sizing: border-box
        }

@media (min-width:768px) {
    .pb-calendar .top-frame &gt; .year-month-frame {
        font-size: 20px;
        line-height: 20px
    }
}

@media (min-width:1200px) {
    .pb-calendar .top-frame &gt; .year-month-frame {
        font-size: 24px;
        line-height: 24px
    }
}

@media (min-width:1440px) {
    .pb-calendar .top-frame &gt; .year-month-frame {
        font-size: 32px;
        line-height: 32px
    }
}

.pb-calendar .top-frame &gt; .year-month-frame &gt; .year, .pb-calendar .top-frame &gt; .year-month-frame &gt; .month {
    display: inline-block;
    margin-right: 5px
}

.pb-calendar .top-frame &gt; .year-month-frame &gt; .month {
    position: relative
}

    .pb-calendar .top-frame &gt; .year-month-frame &gt; .month:after {
        content: ","
    }

.pb-calendar .top-frame &gt; .control-frame {
    display: block;
    float: right;
    width: 30%;
    text-align: right;
    box-sizing: border-box
}

    .pb-calendar .top-frame &gt; .control-frame &gt; .control-btn {
        color: #b3b3b3;
        padding: 0;
        vertical-align: middle;
        display: inline-block
    }

        .pb-calendar .top-frame &gt; .control-frame &gt; .control-btn &gt; .icon {
            height: auto;
            width: auto
        }

.pb-calendar .top-frame:after, .pb-calendar .top-frame:before {
    display: table;
    content: "";
    clear: both
}

.pb-calendar .top-frame &gt; .control-frame &gt; .control-btn + .control-btn {
    margin-left: 15px
}

.pb-calendar .top-frame &gt; .control-frame &gt; .control-btn.disabled {
    opacity: .3
}

.pb-calendar .calendar-head-frame {
    display: none !important
}

.pb-calendar .calendar-body-frame {
    padding: 10px
}

@media (min-width:768px) {
    .pb-calendar .calendar-body-frame {
        padding: 10px
    }
}

@media (min-width:1200px) {
    .pb-calendar .calendar-body-frame {
        padding: 20px
    }
}

.pb-calendar .calendar-body-frame &gt; .row &gt; .col {
    font-family: "Montserrat",sans-serif;
    display: table-cell;
    width: 14.28571429%;
    vertical-align: top;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    padding: 10px 5px;
    color: #333f4b
}

    .pb-calendar .calendar-body-frame &gt; .row &gt; .col &gt; .day-label {
        width: 25px;
        height: 24px;
        line-height: 24px;
        display: inline-block;
        text-decoration: none;
        color: #333f4b
    }

@media (min-width:768px) {
    .pb-calendar .calendar-body-frame &gt; .row &gt; .col &gt; .day-label {
        width: 30px;
        height: 28px;
        line-height: 28px
    }
}

.pb-calendar .calendar-body-frame &gt; .row &gt; .col &gt; .day-label:hover, .pb-calendar .calendar-body-frame &gt; .row &gt; .col &gt; .day-label:focus, .pb-calendar .calendar-body-frame &gt; .row &gt; .col &gt; .day-label:visited {
    text-decoration: none;
    color: #555
}

.pb-calendar .calendar-body-frame &gt; .row &gt; .col .active {
    text-decoration: none;
    color: #555
}

.pb-calendar .calendar-body-frame &gt; .row &gt; .col &gt; .schedule-dot-list {
    margin-top: 10px;
    text-align: center;
    height: 25px;
    display: none
}

    .pb-calendar .calendar-body-frame &gt; .row &gt; .col &gt; .schedule-dot-list .schedule-dot-item {
        display: inline-block;
        border-radius: 50%;
        width: 7px;
        height: 7px;
        vertical-align: top;
        margin-left: 2px;
        margin-right: 2px
    }

.pb-calendar .calendar-body-frame &gt; .row .col.holiday {
    color: #ef5350
}

    .pb-calendar .calendar-body-frame &gt; .row .col.holiday .day-label {
        color: #717171
    }

.pb-calendar .calendar-body-frame &gt; .row .col.before-month, .pb-calendar .calendar-body-frame &gt; .row .col.after-month {
    color: #b3b3b3
}

.pb-calendar .calendar-head-frame &gt; .row &gt; .col, .pb-calendar .calendar-body-frame &gt; .row &gt; .col {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    padding: 5px 3px;
    height: 30px
}

@media (min-width:480px) {
    .pb-calendar .calendar-head-frame &gt; .row &gt; .col, .pb-calendar .calendar-body-frame &gt; .row &gt; .col {
        height: 40px
    }
}

@media (min-width:768px) {
    .pb-calendar .calendar-head-frame &gt; .row &gt; .col, .pb-calendar .calendar-body-frame &gt; .row &gt; .col {
        font-size: 15px;
        line-height: 15px;
        padding: 7px 4px;
        height: 30px
    }
}

@media (min-width:1200px) {
    .pb-calendar .calendar-head-frame &gt; .row &gt; .col, .pb-calendar .calendar-body-frame &gt; .row &gt; .col {
        font-size: 20px;
        line-height: 20px;
        padding: 7px 2px;
        height: 50px
    }
}

@media (min-width:1440px) {
    .pb-calendar .calendar-head-frame &gt; .row &gt; .col, .pb-calendar .calendar-body-frame &gt; .row &gt; .col {
        font-size: 20px;
        line-height: 20px;
        padding: 7px 2px;
        height: 60px
    }
}

.pb-calendar .calendar-head-frame &gt; .row .schedule-dot-list, .pb-calendar .calendar-body-frame &gt; .row .schedule-dot-list {
    height: 15px
}

@media (min-width:768px) {
    .pb-calendar .calendar-head-frame &gt; .row .schedule-dot-list, .pb-calendar .calendar-body-frame &gt; .row .schedule-dot-list {
        height: 20px
    }
}

.pb-calendar .calendar-head-frame &gt; .row .schedule-dot-list &gt; .schedule-dot-item, .pb-calendar .calendar-body-frame &gt; .row .schedule-dot-list &gt; .schedule-dot-item {
    width: 7px;
    height: 7px
}

.pb-calendar .row {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin: 0px !important
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical &gt; .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow &gt; .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode &gt; .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transition-property: height,-webkit-transform;
        transition-property: height,-webkit-transform;
        -o-transition-property: transform,height;
        transition-property: transform,height;
        transition-property: transform,height,-webkit-transform
    }

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

    .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal &gt; .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical &gt; .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

    .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal &gt; .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        -webkit-transform: scale(.66);
        -ms-transform: scale(.66);
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        -webkit-transform: scale(.66);
        -ms-transform: scale(.66);
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical &gt; .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

    .swiper-container-vertical &gt; .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block
    }

    .swiper-container-vertical &gt; .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-container-vertical &gt; .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            -webkit-transition: 200ms top,200ms -webkit-transform;
            transition: 200ms top,200ms -webkit-transform;
            -o-transition: 200ms transform,200ms top;
            transition: 200ms transform,200ms top;
            transition: 200ms transform,200ms top,200ms -webkit-transform
        }

.swiper-container-horizontal &gt; .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal &gt; .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-container-horizontal &gt; .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: 200ms left,200ms -webkit-transform;
        transition: 200ms left,200ms -webkit-transform;
        -o-transition: 200ms transform,200ms left;
        transition: 200ms transform,200ms left;
        transition: 200ms transform,200ms left,200ms -webkit-transform
    }

.swiper-container-horizontal.swiper-container-rtl &gt; .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right,200ms -webkit-transform;
    transition: 200ms right,200ms -webkit-transform;
    -o-transition: 200ms transform,200ms right;
    transition: 200ms transform,200ms right;
    transition: 200ms transform,200ms right,200ms -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal &gt; .swiper-pagination-progressbar, .swiper-container-vertical &gt; .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

    .swiper-container-vertical &gt; .swiper-pagination-progressbar, .swiper-container-horizontal &gt; .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0
    }

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255,255,255,.25)
}

    .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
        background: #fff
    }

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

    .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
        background: #000
    }

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal &gt; .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical &gt; .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container &gt; img, .swiper-zoom-container &gt; svg, .swiper-zoom-container &gt; canvas {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

    .swiper-lazy-preloader:after {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0
    }

.swiper-container-flip {
    overflow: visible
}

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

@media screen and (-ms-high-contract:active) {
    svg {
        fill: ButtonText
    }
}

@-webkit-keyframes skeleton {
    0% {
        width: 0%;
        left: 0;
        right: auto;
        opacity: .3
    }

    20% {
        width: 100%;
        left: 0;
        right: auto;
        opacity: 1
    }

    28% {
        width: 100%;
        left: auto;
        right: 0
    }

    51% {
        width: 0%;
        left: auto;
        right: 0
    }

    58% {
        width: 0%;
        left: auto;
        right: 0
    }

    82% {
        width: 100%;
        left: auto;
        right: 0
    }

    83% {
        width: 100%;
        left: 0;
        right: auto
    }

    96% {
        width: 0%;
        left: 0;
        right: auto
    }

    100% {
        width: 0%;
        left: 0;
        right: auto;
        opacity: .3
    }
}

@keyframes skeleton {
    0% {
        width: 0%;
        left: 0;
        right: auto;
        opacity: .3
    }

    20% {
        width: 100%;
        left: 0;
        right: auto;
        opacity: 1
    }

    28% {
        width: 100%;
        left: auto;
        right: 0
    }

    51% {
        width: 0%;
        left: auto;
        right: 0
    }

    58% {
        width: 0%;
        left: auto;
        right: 0
    }

    82% {
        width: 100%;
        left: auto;
        right: 0
    }

    83% {
        width: 100%;
        left: 0;
        right: auto
    }

    96% {
        width: 0%;
        left: 0;
        right: auto
    }

    100% {
        width: 0%;
        left: 0;
        right: auto;
        opacity: .3
    }
}

.bx--text-truncate--end {
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.bx--text-truncate--front {
    width: 100%;
    display: inline-block;
    direction: rtl;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.bx--assistive-text, .bx--visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    visibility: visible;
    white-space: nowrap
}

.bx--body {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    color: #171717;
    background-color: #fff;
    line-height: 1
}

.bx--grid {
    margin-right: auto;
    margin-left: auto;
    max-width: 99rem;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:42rem) {
    .bx--grid {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width:99rem) {
    .bx--grid--full-width {
        max-width: 100%
    }
}

.bx--row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem
}

.bx--grid--condensed .bx--row:not(:last-of-type) {
    margin-bottom: .125rem
}

.bx--row--condensed + .bx--row--condensed {
    margin-top: .125rem
}

.bx--col {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col, .bx--grid--condensed .bx--col {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-sm-1 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-sm-1, .bx--grid--condensed .bx--col-sm-1 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-sm-2 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-sm-2, .bx--grid--condensed .bx--col-sm-2 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-sm-3 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-sm-3, .bx--grid--condensed .bx--col-sm-3 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-sm-4 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-sm-4, .bx--grid--condensed .bx--col-sm-4 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-sm, .bx--col-sm--auto {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-sm, .bx--grid--condensed .bx--col-sm, .bx--row--condensed .bx--col-sm--auto, .bx--grid--condensed .bx--col-sm--auto {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col, .bx--col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.bx--col--auto, .bx--col-sm--auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    width: auto;
    max-width: 100%
}

.bx--col-sm-1 {
    -webkit-box-flex: 0;
    -ms-float:left;
    float:left;
    max-width: 25%
}

.bx--col-sm-2 {
    -webkit-box-flex: 0;
    -ms-float:left;
    float:left;
    max-width: 50%
}

.bx--col-sm-3 {
    -webkit-box-flex: 0;
    -ms-float:left;
    float:left;
    max-width: 75%
}

.bx--col-sm-4 {
    -webkit-box-flex: 0;
    -ms-float:left;
    float:left;
    max-width: 100%
}

.bx--offset-sm-0 {
    margin-left: 0
}

.bx--offset-sm-1 {
    margin-left: 25%
}

.bx--offset-sm-2 {
    margin-left: 50%
}

.bx--offset-sm-3 {
    margin-left: 75%
}

.bx--col-md-1 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-md-1, .bx--grid--condensed .bx--col-md-1 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-md-2 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-md-2, .bx--grid--condensed .bx--col-md-2 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-md-3 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-md-3, .bx--grid--condensed .bx--col-md-3 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-md-4 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-md-4, .bx--grid--condensed .bx--col-md-4 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-md-5 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-md-5, .bx--grid--condensed .bx--col-md-5 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-md-6 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-md-6, .bx--grid--condensed .bx--col-md-6 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-md-7 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-md-7, .bx--grid--condensed .bx--col-md-7 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-md-8 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-md-8, .bx--grid--condensed .bx--col-md-8 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-md, .bx--col-md--auto {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-md, .bx--grid--condensed .bx--col-md, .bx--row--condensed .bx--col-md--auto, .bx--grid--condensed .bx--col-md--auto {
    padding-right: .0625rem;
    padding-left: .0625rem
}

@media (min-width:42rem) {
    .bx--col, .bx--col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .bx--col--auto, .bx--col-md--auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        width: auto;
        max-width: 100%
    }

    .bx--col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .bx--col-md-2 {
        -webkit-box-flex: 0;
        -ms-float:left;
        float:left;
        max-width: 25%
    }

    .bx--col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .bx--col-md-4 {
        -webkit-box-flex: 0;
        -ms-float:left;
        float:left;
        max-width: 50%
    }

    .bx--col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .bx--col-md-6 {
        -webkit-box-flex: 0;
        -ms-float:left;
        float:left;
        max-width: 75%
    }

    .bx--col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .bx--col-md-8 {
        -webkit-box-flex: 0;
        -ms-float:left;
        float:left;
        max-width: 100%
    }

    .bx--offset-md-0 {
        margin-left: 0
    }

    .bx--offset-md-1 {
        margin-left: 12.5%
    }

    .bx--offset-md-2 {
        margin-left: 25%
    }

    .bx--offset-md-3 {
        margin-left: 37.5%
    }

    .bx--offset-md-4 {
        margin-left: 50%
    }

    .bx--offset-md-5 {
        margin-left: 62.5%
    }

    .bx--offset-md-6 {
        margin-left: 75%
    }

    .bx--offset-md-7 {
        margin-left: 87.5%
    }
}

.bx--col-lg-1 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-lg-1, .bx--grid--condensed .bx--col-lg-1 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-lg-2 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-lg-2, .bx--grid--condensed .bx--col-lg-2 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-lg-3 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-lg-3, .bx--grid--condensed .bx--col-lg-3 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-lg-4 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-lg-4, .bx--grid--condensed .bx--col-lg-4 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-lg-5 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-lg-5, .bx--grid--condensed .bx--col-lg-5 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-lg-6 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-lg-6, .bx--grid--condensed .bx--col-lg-6 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-lg-7 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-lg-7, .bx--grid--condensed .bx--col-lg-7 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-lg-8 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-lg-8, .bx--grid--condensed .bx--col-lg-8 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-lg-9 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-lg-9, .bx--grid--condensed .bx--col-lg-9 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-lg-10 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-lg-10, .bx--grid--condensed .bx--col-lg-10 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-lg-11 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-lg-11, .bx--grid--condensed .bx--col-lg-11 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-lg-12 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-lg-12, .bx--grid--condensed .bx--col-lg-12 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-lg, .bx--col-lg--auto {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-lg, .bx--grid--condensed .bx--col-lg, .bx--row--condensed .bx--col-lg--auto, .bx--grid--condensed .bx--col-lg--auto {
    padding-right: .0625rem;
    padding-left: .0625rem
}

@media (min-width:66rem) {
    .bx--col, .bx--col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .bx--col--auto, .bx--col-lg--auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        width: auto;
        max-width: 100%
    }

    .bx--col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .bx--col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .bx--col-lg-3 {
        -webkit-box-flex: 0;
        -ms-float:left;
        float:left;
        max-width: 25%
    }

    .bx--col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .bx--col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .bx--col-lg-6 {
        -webkit-box-flex: 0;
        -ms-float:left;
        float:left;
        max-width: 50%
    }

    .bx--col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .bx--col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .bx--col-lg-9 {
        -webkit-box-flex: 0;
        -ms-float:left;
        float:left;
        max-width: 75%
    }

    .bx--col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .bx--col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .bx--col-lg-12 {
        -webkit-box-flex: 0;
        -ms-float:left;
        float:left;
        max-width: 100%
    }

    .bx--offset-lg-0 {
        margin-left: 0
    }

    .bx--offset-lg-1 {
        margin-left: 8.33333%
    }

    .bx--offset-lg-2 {
        margin-left: 16.66667%
    }

    .bx--offset-lg-3 {
        margin-left: 25%
    }

    .bx--offset-lg-4 {
        margin-left: 33.33333%
    }

    .bx--offset-lg-5 {
        margin-left: 41.66667%
    }

    .bx--offset-lg-6 {
        margin-left: 50%
    }

    .bx--offset-lg-7 {
        margin-left: 58.33333%
    }

    .bx--offset-lg-8 {
        margin-left: 66.66667%
    }

    .bx--offset-lg-9 {
        margin-left: 75%
    }

    .bx--offset-lg-10 {
        margin-left: 83.33333%
    }

    .bx--offset-lg-11 {
        margin-left: 91.66667%
    }
}

.bx--col-xlg-1 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-xlg-1, .bx--grid--condensed .bx--col-xlg-1 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-xlg-2 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-xlg-2, .bx--grid--condensed .bx--col-xlg-2 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-xlg-3 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-xlg-3, .bx--grid--condensed .bx--col-xlg-3 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-xlg-4 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-xlg-4, .bx--grid--condensed .bx--col-xlg-4 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-xlg-5 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-xlg-5, .bx--grid--condensed .bx--col-xlg-5 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-xlg-6 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-xlg-6, .bx--grid--condensed .bx--col-xlg-6 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-xlg-7 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-xlg-7, .bx--grid--condensed .bx--col-xlg-7 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-xlg-8 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-xlg-8, .bx--grid--condensed .bx--col-xlg-8 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-xlg-9 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-xlg-9, .bx--grid--condensed .bx--col-xlg-9 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-xlg-10 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-xlg-10, .bx--grid--condensed .bx--col-xlg-10 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-xlg-11 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-xlg-11, .bx--grid--condensed .bx--col-xlg-11 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-xlg-12 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-xlg-12, .bx--grid--condensed .bx--col-xlg-12 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-xlg, .bx--col-xlg--auto {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-xlg, .bx--grid--condensed .bx--col-xlg, .bx--row--condensed .bx--col-xlg--auto, .bx--grid--condensed .bx--col-xlg--auto {
    padding-right: .0625rem;
    padding-left: .0625rem
}

@media (min-width:82rem) {
    .bx--col, .bx--col-xlg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .bx--col--auto, .bx--col-xlg--auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        width: auto;
        max-width: 100%
    }

    .bx--col-xlg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .bx--col-xlg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .bx--col-xlg-3 {
        -webkit-box-flex: 0;
        -ms-float:left;
        float:left;
        max-width: 25%
    }

    .bx--col-xlg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .bx--col-xlg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .bx--col-xlg-6 {
        -webkit-box-flex: 0;
        -ms-float:left;
        float:left;
        max-width: 50%
    }

    .bx--col-xlg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .bx--col-xlg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .bx--col-xlg-9 {
        -webkit-box-flex: 0;
        -ms-float:left;
        float:left;
        max-width: 75%
    }

    .bx--col-xlg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .bx--col-xlg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .bx--col-xlg-12 {
        -webkit-box-flex: 0;
        -ms-float:left;
        float:left;
        max-width: 100%
    }

    .bx--offset-xlg-0 {
        margin-left: 0
    }

    .bx--offset-xlg-1 {
        margin-left: 8.33333%
    }

    .bx--offset-xlg-2 {
        margin-left: 16.66667%
    }

    .bx--offset-xlg-3 {
        margin-left: 25%
    }

    .bx--offset-xlg-4 {
        margin-left: 33.33333%
    }

    .bx--offset-xlg-5 {
        margin-left: 41.66667%
    }

    .bx--offset-xlg-6 {
        margin-left: 50%
    }

    .bx--offset-xlg-7 {
        margin-left: 58.33333%
    }

    .bx--offset-xlg-8 {
        margin-left: 66.66667%
    }

    .bx--offset-xlg-9 {
        margin-left: 75%
    }

    .bx--offset-xlg-10 {
        margin-left: 83.33333%
    }

    .bx--offset-xlg-11 {
        margin-left: 91.66667%
    }
}

.bx--col-max-1 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-max-1, .bx--grid--condensed .bx--col-max-1 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-max-2 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-max-2, .bx--grid--condensed .bx--col-max-2 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-max-3 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-max-3, .bx--grid--condensed .bx--col-max-3 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-max-4 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-max-4, .bx--grid--condensed .bx--col-max-4 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-max-5 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-max-5, .bx--grid--condensed .bx--col-max-5 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-max-6 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-max-6, .bx--grid--condensed .bx--col-max-6 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-max-7 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-max-7, .bx--grid--condensed .bx--col-max-7 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-max-8 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-max-8, .bx--grid--condensed .bx--col-max-8 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-max-9 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-max-9, .bx--grid--condensed .bx--col-max-9 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-max-10 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-max-10, .bx--grid--condensed .bx--col-max-10 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-max-11 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-max-11, .bx--grid--condensed .bx--col-max-11 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-max-12 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-max-12, .bx--grid--condensed .bx--col-max-12 {
    padding-right: .0625rem;
    padding-left: .0625rem
}

.bx--col-max, .bx--col-max--auto {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

.bx--row--condensed .bx--col-max, .bx--grid--condensed .bx--col-max, .bx--row--condensed .bx--col-max--auto, .bx--grid--condensed .bx--col-max--auto {
    padding-right: .0625rem;
    padding-left: .0625rem
}

@media (min-width:99rem) {
    .bx--col, .bx--col-max {
        -ms-flex-preferred-size: 0;
        flex-basis: 0%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .bx--col--auto, .bx--col-max--auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        width: auto;
        max-width: 100%
    }

    .bx--col-max-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .bx--col-max-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .bx--col-max-3 {
        -webkit-box-flex: 0;
        -ms-float:left;
        float:left;
        max-width: 25%
    }

    .bx--col-max-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .bx--col-max-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .bx--col-max-6 {
        -webkit-box-flex: 0;
        -ms-float:left;
        float:left;
        max-width: 50%
    }

    .bx--col-max-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .bx--col-max-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .bx--col-max-9 {
        -webkit-box-flex: 0;
        -ms-float:left;
        float:left;
        max-width: 75%
    }

    .bx--col-max-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .bx--col-max-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .bx--col-max-12 {
        -webkit-box-flex: 0;
        -ms-float:left;
        float:left;
        max-width: 100%
    }

    .bx--offset-max-0 {
        margin-left: 0
    }

    .bx--offset-max-1 {
        margin-left: 8.33333%
    }

    .bx--offset-max-2 {
        margin-left: 16.66667%
    }

    .bx--offset-max-3 {
        margin-left: 25%
    }

    .bx--offset-max-4 {
        margin-left: 33.33333%
    }

    .bx--offset-max-5 {
        margin-left: 41.66667%
    }

    .bx--offset-max-6 {
        margin-left: 50%
    }

    .bx--offset-max-7 {
        margin-left: 58.33333%
    }

    .bx--offset-max-8 {
        margin-left: 66.66667%
    }

    .bx--offset-max-9 {
        margin-left: 75%
    }

    .bx--offset-max-10 {
        margin-left: 83.33333%
    }

    .bx--offset-max-11 {
        margin-left: 91.66667%
    }
}

.bx--no-gutter, .bx--row.bx--no-gutter [class*='bx--col'] {
    padding-left: 0;
    padding-right: 0
}

.bx--no-gutter--left, .bx--row.bx--no-gutter--left [class*='bx--col'] {
    padding-left: 0
}

.bx--no-gutter--right, .bx--row.bx--no-gutter--right [class*='bx--col'] {
    padding-right: 0
}

.bx--hang--left {
    padding-left: 1rem
}

.bx--hang--right {
    padding-right: 1rem
}

.bx--aspect-ratio {
    height: 0;
    position: relative
}

.bx--aspect-ratio--object {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

.bx--aspect-ratio--16x9 {
    padding-bottom: 56.25%
}

.bx--aspect-ratio--2x1 {
    padding-bottom: 50%
}

.bx--aspect-ratio--4x3 {
    padding-bottom: 75%
}

.bx--aspect-ratio--1x1 {
    padding-bottom: 100%
}

.bx--aspect-ratio--1x2 {
    padding-bottom: 200%
}

.bx--btn-set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .bx--btn-set &gt; .bx--btn {
        max-width: 12.25rem;
        width: 100%
    }

.bx--btn--secondary.bx--btn--disabled + .bx--btn--primary.bx--btn--disabled, .bx--btn--tertiary.bx--btn--disabled + .bx--btn--danger.bx--btn--disabled {
    border-left: .0625rem solid #8c8c8c
}

.bx--btn {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 3rem;
    padding: calc(0.875rem - 3px) 60px calc(0.875rem - 3px) 12px;
    border-radius: 0;
    text-align: left;
    text-decoration: none;
    -webkit-transition: all 70ms cubic-bezier(0,0,.38,.9);
    transition: all 70ms cubic-bezier(0,0,.38,.9);
    outline: 1px solid transparent;
    outline-offset: -4px;
    position: relative;
    max-width: 20rem
}

    .bx--btn:disabled, .bx--btn.bx--btn--disabled {
        cursor: not-allowed;
        color: #8c8c8c;
        background: #bebebe;
        border-color: #bebebe
    }

    .bx--btn .bx--btn__icon {
        position: absolute;
        right: 1rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 1rem;
        height: 1rem;
        -webkit-transition: all 70ms cubic-bezier(0,0,.38,.9);
        transition: all 70ms cubic-bezier(0,0,.38,.9)
    }

    .bx--btn.bx--btn--disabled &gt; svg.bx--btn__icon, .bx--btn:disabled &gt; svg.bx--btn__icon {
        fill: #8c8c8c
    }

    .bx--btn::-moz-focus-inner {
        padding: 0;
        border: 0
    }

.bx--btn--primary {
    background-color: #0062ff;
    border-width: 3px;
    border-style: solid;
    border-color: transparent;
    color: #fff
}

    .bx--btn--primary:hover {
        background-color: #0353e9
    }

    .bx--btn--primary:focus {
        border-color: #0062ff;
        outline-color: #fff
    }

        .bx--btn--primary:disabled:hover, .bx--btn--primary:disabled:focus, .bx--btn--primary:hover.bx--btn--disabled, .bx--btn--primary:focus.bx--btn--disabled {
            color: #8c8c8c;
            background-color: #bebebe;
            border-color: #bebebe;
            text-decoration: none
        }

    .bx--btn--primary:active {
        background-color: #0530ad
    }

    .bx--btn--primary .bx--btn__icon, .bx--btn--primary .bx--btn__icon path {
        fill: currentColor
    }

    .bx--btn--primary:hover {
        color: #fff
    }

.bx--btn--secondary {
    background-color: #171717;
    border-width: 3px;
    border-style: solid;
    border-color: transparent;
    color: #fff
}

    .bx--btn--secondary:hover {
        background-color: #4c4c4c
    }

    .bx--btn--secondary:focus {
        border-color: #0062ff;
        outline-color: #fff
    }

        .bx--btn--secondary:disabled:hover, .bx--btn--secondary:disabled:focus, .bx--btn--secondary:hover.bx--btn--disabled, .bx--btn--secondary:focus.bx--btn--disabled {
            color: #8c8c8c;
            background-color: #bebebe;
            border-color: #bebebe;
            text-decoration: none
        }

    .bx--btn--secondary:active {
        background-color: #6f6f6f
    }

    .bx--btn--secondary .bx--btn__icon, .bx--btn--secondary .bx--btn__icon path {
        fill: currentColor
    }

    .bx--btn--secondary:hover, .bx--btn--secondary:focus {
        color: #fff
    }

.bx--btn--tertiary {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #0062ff;
    color: #0062ff
}

    .bx--btn--tertiary:hover {
        background-color: #0353e9
    }

    .bx--btn--tertiary:focus {
        border-color: #0062ff;
        outline-color: #fff
    }

        .bx--btn--tertiary:disabled:hover, .bx--btn--tertiary:disabled:focus, .bx--btn--tertiary:hover.bx--btn--disabled, .bx--btn--tertiary:focus.bx--btn--disabled {
            color: #8c8c8c;
            background-color: #bebebe;
            border-color: #bebebe;
            text-decoration: none
        }

    .bx--btn--tertiary:active {
        background-color: #0530ad
    }

    .bx--btn--tertiary .bx--btn__icon, .bx--btn--tertiary .bx--btn__icon path {
        fill: currentColor
    }

    .bx--btn--tertiary:hover {
        color: #fff
    }

        .bx--btn--tertiary:disabled, .bx--btn--tertiary:hover:disabled, .bx--btn--tertiary:focus:disabled, .bx--btn--tertiary.bx--btn--disabled, .bx--btn--tertiary.bx--btn--disabled:hover, .bx--btn--tertiary.bx--btn--disabled:focus {
            background: transparent;
            color: #bebebe
        }

            .bx--btn--tertiary:disabled &gt; .bx--btn__icon path, .bx--btn--tertiary:hover:disabled &gt; .bx--btn__icon path, .bx--btn--tertiary:focus:disabled &gt; .bx--btn__icon path, .bx--btn--tertiary.bx--btn--disabled &gt; .bx--btn__icon path, .bx--btn--tertiary.bx--btn--disabled:hover &gt; .bx--btn__icon path, .bx--btn--tertiary.bx--btn--disabled:focus &gt; .bx--btn__icon path {
                fill: #bebebe
            }

        .bx--btn--tertiary:hover &gt; .bx--btn__icon path {
            fill: #fff
        }

.bx--btn--ghost {
    background-color: transparent;
    border-width: 3px;
    border-style: solid;
    border-color: transparent;
    color: #0062ff;
    padding: 11px 13px
}

    .bx--btn--ghost:hover {
        background-color: #e5e5e5
    }

    .bx--btn--ghost:focus {
        border-color: #0062ff;
        outline-color: #fff
    }

        .bx--btn--ghost:disabled:hover, .bx--btn--ghost:disabled:focus, .bx--btn--ghost:hover.bx--btn--disabled, .bx--btn--ghost:focus.bx--btn--disabled {
            color: #8c8c8c;
            background-color: #bebebe;
            border-color: #bebebe;
            text-decoration: none
        }

    .bx--btn--ghost:active {
        background-color: #bebebe
    }

    .bx--btn--ghost .bx--btn__icon, .bx--btn--ghost .bx--btn__icon path {
        fill: currentColor
    }

    .bx--btn--ghost .bx--btn__icon {
        position: static;
        margin-left: .5rem
    }

    .bx--btn--ghost:hover, .bx--btn--ghost:active {
        color: #054ada
    }

        .bx--btn--ghost:hover .bx--btn__icon path, .bx--btn--ghost:active .bx--btn__icon path {
            fill: #054ada
        }

    .bx--btn--ghost:active {
        background-color: #bebebe
    }

    .bx--btn--ghost:disabled, .bx--btn--ghost:hover:disabled, .bx--btn--ghost:focus:disabled, .bx--btn--ghost.bx--btn--disabled, .bx--btn--ghost.bx--btn--disabled:hover, .bx--btn--ghost.bx--btn--disabled:focus {
        color: #bebebe;
        background: transparent;
        border-color: transparent
    }

        .bx--btn--ghost:disabled .bx--btn__icon path, .bx--btn--ghost:hover:disabled .bx--btn__icon path, .bx--btn--ghost:focus:disabled .bx--btn__icon path, .bx--btn--ghost.bx--btn--disabled .bx--btn__icon path, .bx--btn--ghost.bx--btn--disabled:hover .bx--btn__icon path, .bx--btn--ghost.bx--btn--disabled:focus .bx--btn__icon path {
            fill: #bebebe
        }

    .bx--btn--ghost.bx--btn--sm {
        padding: calc(0.375rem - 3px) 1rem
    }

.bx--btn--icon-only {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    overflow: visible
}

    .bx--btn--icon-only:focus {
        outline: 1px solid transparent
    }

        .bx--btn--icon-only:focus svg {
            outline: 1px solid #0062ff
        }

    .bx--btn--icon-only::before, .bx--btn--icon-only::after, .bx--btn--icon-only .bx--assistive-text, .bx--btn--icon-only + .bx--assistive-text {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem;
        letter-spacing: .16px;
        position: absolute;
        z-index: 10000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: 0;
        pointer-events: none
    }

    .bx--btn--icon-only::before, .bx--btn--icon-only::after {
        -webkit-transition: opacity 70ms cubic-bezier(.2,0,.38,.9);
        transition: opacity 70ms cubic-bezier(.2,0,.38,.9)
    }

    .bx--btn--icon-only.bx--tooltip--a11y::before, .bx--btn--icon-only.bx--tooltip--a11y::after {
        -webkit-transition: none;
        transition: none
    }

    .bx--btn--icon-only::before {
        width: 0;
        height: 0;
        border-style: solid;
        content: ''
    }

    .bx--btn--icon-only .bx--assistive-text, .bx--btn--icon-only + .bx--assistive-text {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        color: inherit;
        opacity: 1;
        white-space: normal
    }

    .bx--btn--icon-only::after, .bx--btn--icon-only:hover .bx--assistive-text, .bx--btn--icon-only:focus .bx--assistive-text, .bx--btn--icon-only:hover + .bx--assistive-text, .bx--btn--icon-only:focus + .bx--assistive-text {
        -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 13rem;
        height: auto;
        padding: .125rem 1rem;
        border-radius: .125rem;
        color: #fff;
        font-weight: 400;
        text-align: left;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        pointer-events: none;
        background-color: #3d3d3d
    }

    .bx--btn--icon-only::after {
        content: attr(aria-label)
    }

    .bx--btn--icon-only.bx--tooltip--a11y::after {
        content: none
    }

    .bx--btn--icon-only:hover::before, .bx--btn--icon-only:hover::after, .bx--btn--icon-only:focus::before, .bx--btn--icon-only:focus::after {
        opacity: 1
    }

@-webkit-keyframes tooltip-fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes tooltip-fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bx--btn--icon-only:hover .bx--assistive-text, .bx--btn--icon-only:hover + .bx--assistive-text, .bx--btn--icon-only:focus .bx--assistive-text, .bx--btn--icon-only:focus + .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--btn--icon-only:hover .bx--assistive-text, .bx--btn--icon-only:hover + .bx--assistive-text, .bx--btn--icon-only:hover.bx--tooltip--a11y::before, .bx--btn--icon-only:focus .bx--assistive-text, .bx--btn--icon-only:focus + .bx--assistive-text, .bx--btn--icon-only:focus.bx--tooltip--a11y::before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2,0,.38,.9);
    animation: tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)
}

.bx--btn--icon-only:focus svg {
    outline: none
}

.bx--btn--icon-only--top {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    overflow: visible
}

    .bx--btn--icon-only--top:focus {
        outline: 1px solid transparent
    }

        .bx--btn--icon-only--top:focus svg {
            outline: 1px solid #0062ff
        }

    .bx--btn--icon-only--top::before, .bx--btn--icon-only--top::after, .bx--btn--icon-only--top .bx--assistive-text, .bx--btn--icon-only--top + .bx--assistive-text {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem;
        letter-spacing: .16px;
        position: absolute;
        z-index: 10000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: 0;
        pointer-events: none
    }

    .bx--btn--icon-only--top::before, .bx--btn--icon-only--top::after {
        -webkit-transition: opacity 70ms cubic-bezier(.2,0,.38,.9);
        transition: opacity 70ms cubic-bezier(.2,0,.38,.9)
    }

    .bx--btn--icon-only--top.bx--tooltip--a11y::before, .bx--btn--icon-only--top.bx--tooltip--a11y::after {
        -webkit-transition: none;
        transition: none
    }

    .bx--btn--icon-only--top::before {
        width: 0;
        height: 0;
        border-style: solid;
        content: ''
    }

    .bx--btn--icon-only--top .bx--assistive-text, .bx--btn--icon-only--top + .bx--assistive-text {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        color: inherit;
        opacity: 1;
        white-space: normal
    }

    .bx--btn--icon-only--top::after, .bx--btn--icon-only--top:hover .bx--assistive-text, .bx--btn--icon-only--top:focus .bx--assistive-text, .bx--btn--icon-only--top:hover + .bx--assistive-text, .bx--btn--icon-only--top:focus + .bx--assistive-text {
        -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 13rem;
        height: auto;
        padding: .125rem 1rem;
        border-radius: .125rem;
        color: #fff;
        font-weight: 400;
        text-align: left;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        pointer-events: none;
        background-color: #3d3d3d
    }

    .bx--btn--icon-only--top::after {
        content: attr(aria-label)
    }

    .bx--btn--icon-only--top.bx--tooltip--a11y::after {
        content: none
    }

    .bx--btn--icon-only--top:hover::before, .bx--btn--icon-only--top:hover::after, .bx--btn--icon-only--top:focus::before, .bx--btn--icon-only--top:focus::after {
        opacity: 1
    }

@keyframes tooltip-fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bx--btn--icon-only--top:hover .bx--assistive-text, .bx--btn--icon-only--top:hover + .bx--assistive-text, .bx--btn--icon-only--top:focus .bx--assistive-text, .bx--btn--icon-only--top:focus + .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--btn--icon-only--top:hover .bx--assistive-text, .bx--btn--icon-only--top:hover + .bx--assistive-text, .bx--btn--icon-only--top:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--top:focus .bx--assistive-text, .bx--btn--icon-only--top:focus + .bx--assistive-text, .bx--btn--icon-only--top:focus.bx--tooltip--a11y::before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2,0,.38,.9);
    animation: tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)
}

.bx--btn--icon-only--top::before, .bx--btn--icon-only--top::after, .bx--btn--icon-only--top:hover .bx--assistive-text, .bx--btn--icon-only--top:focus .bx--assistive-text, .bx--btn--icon-only--top:hover + .bx--assistive-text, .bx--btn--icon-only--top:focus + .bx--assistive-text {
    top: 0;
    left: 50%
}

.bx--btn--icon-only--top::before {
    border-width: .3125rem .25rem 0 .25rem;
    border-color: #3d3d3d transparent transparent transparent;
    -webkit-transform: translate(-50%,calc(-1 * (0.3125rem + 0.5rem)));
    transform: translate(-50%,calc(-1 * (0.3125rem + 0.5rem)))
}

.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:hover .bx--assistive-text, .bx--btn--icon-only--top:focus .bx--assistive-text, .bx--btn--icon-only--top:hover + .bx--assistive-text, .bx--btn--icon-only--top:focus + .bx--assistive-text {
    left: 50%;
    -webkit-transform: translate(-50%,calc(-1 * (100% + 0.5rem + 0.3125rem)));
    transform: translate(-50%,calc(-1 * (100% + 0.5rem + 0.3125rem)))
}

.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:hover .bx--assistive-text, .bx--btn--icon-only--bottom:focus .bx--assistive-text, .bx--btn--icon-only--bottom:hover + .bx--assistive-text, .bx--btn--icon-only--bottom:focus + .bx--assistive-text {
    bottom: 0;
    left: 50%
}

.bx--btn--icon-only--bottom::before {
    border-width: 0 .25rem .3125rem .25rem;
    border-color: transparent transparent #3d3d3d transparent;
    -webkit-transform: translate(-50%,calc(0.3125rem + 0.5rem));
    transform: translate(-50%,calc(0.3125rem + 0.5rem))
}

.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:hover .bx--assistive-text, .bx--btn--icon-only--bottom:focus .bx--assistive-text, .bx--btn--icon-only--bottom:hover + .bx--assistive-text, .bx--btn--icon-only--bottom:focus + .bx--assistive-text {
    -webkit-transform: translate(-50%,calc(100% + 0.5rem + 0.3125rem));
    transform: translate(-50%,calc(100% + 0.5rem + 0.3125rem))
}

.bx--btn--icon-only, .bx--btn--sm.bx--btn--icon-only, .bx--btn--field.bx--btn--icon-only {
    padding-right: .8125rem
}

    .bx--btn--icon-only .bx--btn__icon, .bx--btn--sm.bx--btn--icon-only .bx--btn__icon, .bx--btn--field.bx--btn--icon-only .bx--btn__icon {
        position: static
    }

    .bx--btn--icon-only.bx--btn--ghost .bx--btn__icon, .bx--btn--sm.bx--btn--icon-only.bx--btn--ghost .bx--btn__icon, .bx--btn--field.bx--btn--icon-only.bx--btn--ghost .bx--btn__icon {
        margin: 0
    }

.bx--btn--danger {
    background-color: #dc222b;
    border-width: 3px;
    border-style: solid;
    border-color: #dc222b;
    color: #fff
}

    .bx--btn--danger:hover {
        background-color: #ba1b23
    }

    .bx--btn--danger:focus {
        border-color: #0062ff;
        outline-color: #fff
    }

        .bx--btn--danger:disabled:hover, .bx--btn--danger:disabled:focus, .bx--btn--danger:hover.bx--btn--disabled, .bx--btn--danger:focus.bx--btn--disabled {
            color: #8c8c8c;
            background-color: #bebebe;
            border-color: #bebebe;
            text-decoration: none
        }

    .bx--btn--danger:active {
        background-color: #750e13
    }

    .bx--btn--danger .bx--btn__icon, .bx--btn--danger .bx--btn__icon path {
        fill: #fff
    }

    .bx--btn--danger:hover {
        color: #fff;
        border: 3px solid transparent
    }

.bx--btn--sm {
    min-height: 2rem;
    padding: calc(0.375rem - 3px) 60px calc(0.375rem - 3px) 12px
}

.bx--btn--field {
    height: 40px;
    min-height: 40px;
    padding: calc(0.675rem - 3px) 60px calc(0.675rem - 3px) 12px
}

.bx--btn.bx--skeleton {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    width: 9.375rem
}

    .bx--btn.bx--skeleton:hover, .bx--btn.bx--skeleton:focus, .bx--btn.bx--skeleton:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--btn.bx--skeleton:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

.bx--btn--copy {
    position: relative;
    overflow: visible
}

    .bx--btn--copy .bx--btn__icon {
        margin-left: .3125rem
    }

.bx--btn--copy__feedback {
    position: absolute;
    display: none;
    top: 1.2rem;
    left: 50%
}

    .bx--btn--copy__feedback:focus {
        border: 2px solid red
    }

    .bx--btn--copy__feedback:before {
        -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        font-size: .75rem;
        font-weight: 400;
        line-height: 1rem;
        letter-spacing: .32px;
        top: 1.1rem;
        padding: .25rem;
        color: #fff;
        content: attr(data-feedback);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        white-space: nowrap;
        pointer-events: none;
        border-radius: 4px;
        font-weight: 400;
        z-index: 2
    }

    .bx--btn--copy__feedback:after {
        top: .85rem;
        width: .6rem;
        height: .6rem;
        left: -.3rem;
        border-right: 1px solid #3d3d3d;
        border-bottom: 1px solid #3d3d3d;
        content: '';
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        z-index: 1
    }

    .bx--btn--copy__feedback:before, .bx--btn--copy__feedback:after {
        position: absolute;
        display: block;
        background: #3d3d3d
    }

.bx--btn--copy__feedback--displayed {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.bx--fieldset {
    margin-bottom: 2rem
}

.bx--form-item {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.bx--label {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: .32px;
    color: #565656;
    font-weight: 400;
    display: inline-block;
    vertical-align: baseline;
    margin-bottom: .5rem;
    line-height: 1rem;
    pointer-events: none
}

    .bx--label .bx--tooltip__trigger {
        font-size: .75rem;
        font-weight: 400;
        line-height: 1rem;
        letter-spacing: .32px
    }

    .bx--label.bx--skeleton {
        position: relative;
        border: none;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        pointer-events: none;
        background: #e5e5e5;
        width: 4.6875rem;
        height: .875rem
    }

        .bx--label.bx--skeleton:hover, .bx--label.bx--skeleton:focus, .bx--label.bx--skeleton:active {
            border: none;
            outline: none;
            cursor: default
        }

        .bx--label.bx--skeleton:before {
            content: '';
            width: 0%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: #bebebe;
            -webkit-animation: 3000ms ease-in-out skeleton infinite;
            animation: 3000ms ease-in-out skeleton infinite
        }

input[type='number'] {
    font-family: 'IBM Plex Mono','Menlo','DejaVu Sans Mono','Bitstream Vera Sans Mono',Courier,monospace
}

input[data-invalid], .bx--text-input__field-wrapper[data-invalid], .bx--text-area__wrapper[data-invalid] &gt; .bx--text-area--invalid, .bx--select-input__wrapper[data-invalid], .bx--list-box[data-invalid], .bx--combo-box[data-invalid] .bx--text-input {
    outline: 2px solid #da1e28;
    outline-offset: -2px
}

    input[data-invalid] ~ .bx--form-requirement, .bx--text-input__field-wrapper[data-invalid] ~ .bx--form-requirement, .bx--text-area__wrapper[data-invalid] ~ .bx--form-requirement, .bx--select-input__wrapper[data-invalid] ~ .bx--form-requirement, .bx--time-picker[data-invalid] ~ .bx--form-requirement, .bx--list-box[data-invalid] ~ .bx--form-requirement {
        max-height: 12.5rem;
        display: block;
        color: #da1e28
    }

input:not(output):not([data-invalid]):-moz-ui-invalid {
    box-shadow: none
}

.bx--form-requirement {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: .32px;
    margin: .25rem 0 0;
    max-height: 0;
    overflow: hidden;
    line-height: 1.5;
    display: none
}

.bx--label + .bx--form__helper-text {
    margin-top: -.375rem
}

.bx--form__helper-text {
    font-size: .75rem;
    font-style: italic;
    line-height: 1rem;
    letter-spacing: .32px;
    font-style: italic;
    color: #565656;
    z-index: 0;
    opacity: 1;
    margin-bottom: .5rem
}

.bx--label--disabled, .bx--form__helper-text--disabled {
    color: #bebebe
}

@media (min-width:breakpoint("sm")) {
    .bx--form__helper-text {
        max-width: 75%
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate-end-p1 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate-end-p1 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate-end-p2 {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes rotate-end-p2 {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes init-stroke {
    0% {
        stroke-dashoffset: 240
    }

    100% {
        stroke-dashoffset: 40
    }
}

@keyframes init-stroke {
    0% {
        stroke-dashoffset: 240
    }

    100% {
        stroke-dashoffset: 40
    }
}

@-webkit-keyframes stroke-end {
    0% {
        stroke-dashoffset: 40
    }

    100% {
        stroke-dashoffset: 240
    }
}

@keyframes stroke-end {
    0% {
        stroke-dashoffset: 40
    }

    100% {
        stroke-dashoffset: 240
    }
}

.bx--loading {
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 690ms;
    animation-duration: 690ms;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    width: 10.5rem;
    height: 10.5rem
}

    .bx--loading svg circle {
        -webkit-animation-name: init-stroke;
        animation-name: init-stroke;
        -webkit-animation-duration: 10ms;
        animation-duration: 10ms;
        -webkit-animation-timing-function: cubic-bezier(.2,0,.38,.9);
        animation-timing-function: cubic-bezier(.2,0,.38,.9)
    }

.bx--loading__svg {
    fill: transparent
}

    .bx--loading__svg circle {
        stroke-width: 8;
        stroke-linecap: butt;
        stroke-dasharray: 240
    }

.bx--loading__stroke {
    stroke: #0062ff;
    stroke-dashoffset: 40
}

.bx--loading--stop {
    -webkit-animation: rotate-end-p1 700ms cubic-bezier(.2,0,1,.9) forwards,rotate-end-p2 700ms cubic-bezier(.2,0,1,.9) 700ms forwards;
    animation: rotate-end-p1 700ms cubic-bezier(.2,0,1,.9) forwards,rotate-end-p2 700ms cubic-bezier(.2,0,1,.9) 700ms forwards
}

    .bx--loading--stop svg circle {
        -webkit-animation-name: stroke-end;
        animation-name: stroke-end;
        -webkit-animation-duration: 700ms;
        animation-duration: 700ms;
        -webkit-animation-timing-function: cubic-bezier(.2,0,1,.9);
        animation-timing-function: cubic-bezier(.2,0,1,.9);
        -webkit-animation-delay: 700ms;
        animation-delay: 700ms;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

.bx--loading--small {
    width: 2rem;
    height: 2rem
}

    .bx--loading--small circle {
        stroke-width: 12
    }

    .bx--loading--small .bx--loading__svg {
        stroke: #0062ff
    }

.bx--loading__background {
    stroke: #dcdcdc;
    stroke-dashoffset: 0
}

.bx--loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background-color 720ms cubic-bezier(.4,.14,.3,1);
    transition: background-color 720ms cubic-bezier(.4,.14,.3,1);
    z-index: 8000
}

.bx--loading-overlay--stop {
    display: none
}

.bx--file {
    width: 100%
}

.bx--file--invalid {
    margin-right: .5rem;
    fill: #da1e28
}

.bx--file--label {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.125rem;
    letter-spacing: .16px;
    color: #171717;
    margin-bottom: .5rem
}

.bx--file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    visibility: visible;
    white-space: nowrap
}

.bx--file-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    padding-right: 4rem
}

.bx--label-description {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    color: #565656;
    margin-bottom: 1rem
}

.bx--file-container {
    display: block;
    width: 100%;
    margin-top: 1.5rem
}

.bx--file__selected-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 2.5rem;
    max-width: 18.75rem;
    margin-bottom: .5rem;
    padding: 0 .5rem 0 1rem;
    background-color: #f3f3f3;
    overflow: hidden
}

    .bx--file__selected-file:last-child {
        margin-bottom: 0
    }

    .bx--file__selected-file .bx--inline-loading__animation, .bx--file__selected-file .bx--loading {
        right: -.25rem;
        width: 1.5rem;
        height: 1.5rem
    }

.bx--file__selected-file--invalid {
    outline: 2px solid #da1e28;
    outline-offset: -2px;
    margin-bottom: .25rem
}

    .bx--file__selected-file--invalid + .bx--form-requirement {
        display: block;
        max-height: 12.5rem;
        color: #da1e28;
        font-weight: 400;
        margin: 0 0 .5rem 0;
        overflow: visible
    }

.bx--file-filename {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    display: block;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px;
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #171717;
    margin-right: 1rem;
    padding: 1px 0;
    direction: ltr;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.bx--file__state-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .bx--file__state-container .bx--loading__svg {
        stroke: #171717
    }

    .bx--file__state-container .bx--file-complete {
        fill: #24a148;
        cursor: pointer
    }

        .bx--file__state-container .bx--file-complete:focus {
            outline: 1px solid #0062ff
        }

    .bx--file__state-container .bx--file-close {
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0
    }

.bx--form-item.bx--checkbox-wrapper {
    margin-bottom: .5rem
}

    .bx--form-item.bx--checkbox-wrapper:first-of-type {
        margin-top: .1875rem
    }

.bx--label + .bx--form-item.bx--checkbox-wrapper {
    margin-top: 0
}

.bx--form-item.bx--checkbox-wrapper:last-of-type {
    margin-bottom: .1875rem
}

.bx--checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    visibility: visible;
    white-space: nowrap
}

.bx--checkbox-label {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    line-height: 1.5rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    padding-left: 1.625rem;
    min-height: 1.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .bx--checkbox-label::before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        content: '';
        width: 1rem;
        height: 1rem;
        margin: .125rem;
        position: absolute;
        left: 0;
        top: .125rem;
        background-color: transparent;
        border: 1px solid #171717;
        border-radius: 1px
    }

    .bx--checkbox-label::after {
        content: '';
        position: absolute;
        left: .375rem;
        top: .5rem;
        width: .4375rem;
        height: .1875rem;
        background: none;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        -webkit-transform: scale(0) rotate(-45deg);
        transform: scale(0) rotate(-45deg);
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        margin-top: -.1875rem
    }

    .bx--checkbox:checked + .bx--checkbox-label::before, .bx--checkbox:indeterminate + .bx--checkbox-label::before, .bx--checkbox-label[data-contained-checkbox-state='true']::before, .bx--checkbox-label[data-contained-checkbox-state='mixed']::before {
        background-color: #171717;
        border-color: #171717;
        border-width: 1px
    }

    .bx--checkbox:checked + .bx--checkbox-label::after, .bx--checkbox-label[data-contained-checkbox-state='true']::after {
        -webkit-transform: scale(1) rotate(-45deg);
        transform: scale(1) rotate(-45deg)
    }

    .bx--checkbox:indeterminate + .bx--checkbox-label::after, .bx--checkbox-label[data-contained-checkbox-state='mixed']::after {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
        border-left: 0 solid #fff;
        border-bottom: 2px solid #fff;
        width: .5rem;
        top: .6875rem
    }

    .bx--checkbox:focus + .bx--checkbox-label::before, .bx--checkbox-label__focus::before, .bx--checkbox:checked:focus + .bx--checkbox-label::before, .bx--checkbox-label[data-contained-checkbox-state='true'].bx--checkbox-label__focus::before, .bx--checkbox:indeterminate:focus + .bx--checkbox-label::before, .bx--checkbox-label[data-contained-checkbox-state='mixed'].bx--checkbox-label__focus::before {
        border-color: #0062ff;
        border-width: 3px;
        width: 1.25rem;
        height: 1.25rem;
        left: -2px;
        top: 0
    }

[disabled] ~ _ {
    font-size: inherit
}

.bx--checkbox:disabled + .bx--checkbox-label, .bx--checkbox-label[data-contained-checkbox-disabled='true'] {
    cursor: not-allowed;
    color: #bebebe
}

    .bx--checkbox:disabled + .bx--checkbox-label::before, .bx--checkbox-label[data-contained-checkbox-disabled='true']::before {
        border-color: #bebebe
    }

.bx--checkbox:checked:disabled + .bx--checkbox-label::before, .bx--checkbox:indeterminate:disabled + .bx--checkbox-label::before, .bx--checkbox-label[data-contained-checkbox-state='true'][data-contained-checkbox-disabled='true']::before, .bx--checkbox-label[data-contained-checkbox-state='mixed'][data-contained-checkbox-disabled='true']::before {
    background-color: #bebebe
}

.bx--list-box__wrapper--inline {
    display: inline-grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template: auto auto / auto auto;
    grid-gap: .25rem
}

    .bx--list-box__wrapper--inline .bx--label {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem;
        letter-spacing: .16px
    }

    .bx--list-box__wrapper--inline .bx--label, .bx--list-box__wrapper--inline .bx--form__helper-text, .bx--list-box__wrapper--inline .bx--form-requirement {
        margin: 0
    }

    .bx--list-box__wrapper--inline .bx--form__helper-text {
        max-width: none
    }

    .bx--list-box__wrapper--inline .bx--form-requirement {
        grid-column: 2
    }
.span_22{font-size:18px;}
.bx--list-box {
    position: relative;
    width: 100%;
    height: 2.5rem;
    max-height: 2.5rem;
    background-color: #f3f3f3;
    border: none;
    border-bottom: 1px solid #8c8c8c;
    cursor: pointer;
    color: #171717;
    -webkit-transition: all 110ms cubic-bezier(.2,0,.38,.9);
    transition: all 110ms cubic-bezier(.2,0,.38,.9)
}

    .bx--list-box:hover {
        background-color: #e5e5e5
    }

.bx--list-box--expanded {
    border-bottom-color: #dcdcdc
}

    .bx--list-box--expanded:hover {
        background-color: #f3f3f3
    }

        .bx--list-box--expanded:hover.bx--list-box--light:hover {
            background-color: #fff
        }

.bx--list-box .bx--text-input {
    height: 100%
}

.bx--list-box__invalid-icon {
    position: absolute;
    top: .75rem;
    right: 2.5rem;
    fill: #da1e28
}

.bx--list-box--inline .bx--list-box__invalid-icon {
    top: .5rem
}

.bx--list-box[data-invalid] .bx--list-box__field {
    border-bottom: 0;
    padding-right: 4rem
}

.bx--list-box[data-invalid].bx--list-box--inline .bx--list-box__field {
    padding-right: 3.5rem
}

.bx--list-box--light {
    background-color: #fff
}

    .bx--list-box--light.bx--list-box--expanded {
        border-bottom-width: 0
    }

.bx--list-box--disabled:hover {
    background-color: #f3f3f3
}

.bx--list-box--light.bx--list-box--disabled {
    background-color: #fff
}

.bx--list-box--disabled, .bx--list-box--disabled .bx--list-box__field, .bx--list-box--disabled .bx--list-box__field:focus {
    border-bottom-width: 0;
    outline: none
}

    .bx--list-box--disabled .bx--list-box__label, .bx--list-box--disabled.bx--list-box--inline .bx--list-box__label {
        color: #8c8c8c
    }

    .bx--list-box--disabled .bx--list-box__menu-icon &gt; svg {
        fill: #8c8c8c
    }

    .bx--list-box--disabled, .bx--list-box--disabled .bx--list-box__field, .bx--list-box--disabled .bx--list-box__menu-icon {
        cursor: not-allowed
    }

        .bx--list-box--disabled .bx--list-box__menu-item, .bx--list-box--disabled .bx--list-box__menu-item:hover, .bx--list-box--disabled .bx--list-box__menu-item--highlighted {
            color: #bebebe;
            text-decoration: none
        }

        .bx--list-box--disabled .bx--list-box__selection:hover {
            cursor: not-allowed
        }

        .bx--list-box--disabled.bx--list-box[data-invalid] .bx--list-box__field {
            padding-right: 3rem
        }

        .bx--list-box--disabled.bx--list-box[data-invalid].bx--list-box--inline .bx--list-box__field {
            padding-right: 2rem
        }

.bx--list-box.bx--list-box--inline {
    background-color: #fff;
    border-width: 0
}

    .bx--list-box.bx--list-box--inline:hover {
        background-color: #e5e5e5
    }

    .bx--list-box.bx--list-box--inline.bx--list-box--expanded {
        border-bottom-width: 0
    }

        .bx--list-box.bx--list-box--inline.bx--list-box--expanded .bx--list-box__field[aria-expanded='true'] {
            border-width: 0
        }

        .bx--list-box.bx--list-box--inline.bx--list-box--disabled:hover, .bx--list-box.bx--list-box--inline.bx--list-box--expanded:hover {
            background-color: #fff
        }

    .bx--list-box.bx--list-box--inline, .bx--list-box.bx--list-box--inline .bx--list-box__field {
        height: 2rem
    }

        .bx--list-box.bx--list-box--inline .bx--list-box__field {
            padding: 0 2rem 0 .5rem
        }

        .bx--list-box.bx--list-box--inline .bx--list-box__menu-icon {
            right: .5rem
        }

        .bx--list-box.bx--list-box--inline .bx--list-box__invalid-icon {
            right: 2rem
        }

.bx--list-box--inline .bx--list-box__label {
    color: #171717
}

.bx--list-box__field {
    display: inline-block;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    width: 100%;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    height: 2.5rem;
    padding: 0 3rem 0 1rem;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

    .bx--list-box__field::-moz-focus-inner {
        border: 0
    }

    .bx--list-box__field:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

    .bx--list-box__field[disabled] {
        outline: none;
        color: #bebebe
    }

    .bx--list-box__field .bx--text-input[value] {
        padding-right: 4.5rem
    }

.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input[value] {
    padding-right: 6.125rem
}

    .bx--list-box[data-invalid] .bx--list-box__field .bx--text-input[value] + .bx--list-box__invalid-icon {
        right: 4.125rem
    }

.bx--list-box__field .bx--text-input[value=''] {
    padding-right: 3rem
}

.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input[value=''] {
    padding-right: 4.5rem
}

    .bx--list-box[data-invalid] .bx--list-box__field .bx--text-input[value=''] + .bx--list-box__invalid-icon {
        right: 2.5rem
    }

.bx--list-box__label {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    color: #171717;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.bx--list-box__menu-icon {
    position: absolute;
    right: 1rem;
    height: 100%;
    -webkit-transition: -webkit-transform 110ms cubic-bezier(.2,0,.38,.9);
    transition: -webkit-transform 110ms cubic-bezier(.2,0,.38,.9);
    transition: transform 110ms cubic-bezier(.2,0,.38,.9);
    transition: transform 110ms cubic-bezier(.2,0,.38,.9),-webkit-transform 110ms cubic-bezier(.2,0,.38,.9);
    cursor: pointer
}

    .bx--list-box__menu-icon &gt; svg {
        fill: #171717;
        height: 100%
    }

.bx--list-box__menu-icon--open {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bx--list-box__selection {
    position: absolute;
    right: 2.0625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.875rem;
    width: 1.875rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color 110ms cubic-bezier(.2,0,.38,.9);
    transition: background-color 110ms cubic-bezier(.2,0,.38,.9)
}

    .bx--list-box__selection:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

    .bx--list-box__selection &gt; svg {
        fill: #565656
    }

.bx--list-box--disabled .bx--list-box__selection:focus {
    outline: none
}

.bx--list-box--disabled .bx--list-box__selection &gt; svg {
    fill: #bebebe
}

.bx--list-box__selection--multi {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: .32px;
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    background-color: #3d3d3d;
    height: 1.5rem;
    width: auto;
    color: #fff;
    line-height: 0;
    padding: .5rem;
    padding-right: .125rem;
    margin-right: .625rem;
    border-radius: .75rem
}

    .bx--list-box__selection--multi &gt; svg {
        fill: #fff;
        margin-left: .25rem;
        width: 1.25rem;
        height: 1.25rem;
        padding: .125rem
    }

        .bx--list-box__selection--multi &gt; svg:hover {
            border-radius: 50%;
            background-color: #4c4c4c;
            fill: #fff
        }

    .bx--list-box__selection--multi:focus, .bx--list-box__selection--multi:hover {
        outline: none
    }

.bx--list-box__menu {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #f3f3f3;
    max-height: 8.75rem;
    overflow-y: auto;
    z-index: 9100
}

.bx--list-box__menu-item {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    height: 2.5rem;
    color: #565656;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

    .bx--list-box__menu-item:hover {
        background-color: #e5e5e5
    }

    .bx--list-box__menu-item:active {
        background-color: #dcdcdc
    }

.bx--list-box--disabled .bx--list-box__menu-item:hover {
    background-color: transparent
}

.bx--list-box--disabled .bx--list-box__menu-item__option:hover {
    border-top-color: #dcdcdc
}

.bx--list-box__menu-item:first-of-type .bx--list-box__menu-item__option {
    border-top-color: transparent
}

.bx--list-box__menu-item:hover .bx--list-box__menu-item__option {
    color: #171717
}

.bx--list-box__menu-item:hover + .bx--list-box__menu-item .bx--list-box__menu-item__option {
    border-top-color: transparent
}

.bx--list-box--disabled .bx--list-box__menu-item:hover + .bx--list-box__menu-item .bx--list-box__menu-item__option {
    border-top-color: #dcdcdc
}

.bx--list-box__menu-item__option {
    outline: 2px solid transparent;
    outline-offset: -2px;
    display: block;
    height: 2.5rem;
    color: #565656;
    text-decoration: none;
    font-weight: 400;
    line-height: 1rem;
    padding: .6875rem 0;
    margin: 0 1rem;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top-color: #dcdcdc;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

    .bx--list-box__menu-item__option:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px;
        margin: 0;
        padding: .6875rem 1rem;
        border-color: transparent
    }

    .bx--list-box__menu-item__option:hover {
        color: #171717;
        border-color: transparent
    }

.bx--list-box--disabled .bx--list-box__menu-item:hover .bx--list-box__menu-item__option, .bx--list-box--disabled .bx--list-box__menu-item__option {
    color: #bebebe
}

.bx--list-box.bx--list-box--inline .bx--list-box__menu-item__option {
    margin: 0 .5rem
}

    .bx--list-box.bx--list-box--inline .bx--list-box__menu-item__option:focus {
        margin: 0;
        padding-left: .5rem;
        padding-right: .5rem
    }

.bx--list-box__menu-item--highlighted {
    background-color: #e5e5e5;
    color: #171717;
    border-color: transparent
}

    .bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option {
        color: #171717
    }

.bx--list-box__menu-item--active {
    color: #171717;
    border-bottom-color: #dcdcdc
}

    .bx--list-box__menu-item--active:hover {
        background-color: #dcdcdc
    }

    .bx--list-box__menu-item--active .bx--list-box__menu-item__option {
        color: #171717
    }

.bx--list-box__menu-item .bx--checkbox-label {
    width: 100%
}

.bx--list-box__menu-item .bx--checkbox-label-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.bx--list-box input[role='combobox'] {
    background-color: inherit;
    min-width: 0
}

.bx--combo-box .bx--text-input::-webkit-input-placeholder {
    color: #565656;
    opacity: 1
}

.bx--combo-box .bx--text-input::-ms-input-placeholder {
    color: #565656;
    opacity: 1
}

.bx--combo-box .bx--text-input::placeholder {
    color: #565656;
    opacity: 1
}

.bx--combo-box .bx--text-input[disabled]::-webkit-input-placeholder {
    color: #bebebe
}

.bx--combo-box .bx--text-input[disabled]::-ms-input-placeholder {
    color: #bebebe
}

.bx--combo-box .bx--text-input[disabled]::placeholder {
    color: #bebebe
}

.bx--combo-box.bx--list-box--expanded .bx--text-input {
    border-bottom-color: #dcdcdc
}

.bx--combo-box .bx--list-box__field, .bx--combo-box.bx--list-box[data-invalid] .bx--list-box__field {
    padding: 0
}

.bx--radio-button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .375rem
}

.bx--radio-button-group--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .bx--radio-button-group--vertical.bx--radio-button-group--label-left {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .bx--radio-button-group--vertical .bx--radio-button__label {
        margin-right: 0
    }

        .bx--radio-button-group--vertical .bx--radio-button__label:not(:last-of-type) {
            margin-bottom: .5rem
        }

.bx--radio-button {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    visibility: visible;
    white-space: nowrap;
    visibility: inherit
}

.bx--radio-button__label {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-right: 1rem
}

.bx--radio-button__appearance {
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #171717;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 1.125rem;
    width: 1.125rem;
    margin-right: .5rem
}

.bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-color: #171717
}

    .bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance:before {
        content: '';
        display: inline-block;
        position: relative;
        width: .5rem;
        height: .5rem;
        border-radius: 50%;
        background-color: #171717
    }

[disabled] ~ _ {
    font-size: inherit
}

.bx--radio-button:disabled + .bx--radio-button__label {
    color: #bebebe;
    cursor: not-allowed
}

    .bx--radio-button:disabled + .bx--radio-button__label .bx--radio-button__appearance, .bx--radio-button:disabled:checked + .bx--radio-button__label .bx--radio-button__appearance {
        border-color: #bebebe
    }

        .bx--radio-button:disabled + .bx--radio-button__label .bx--radio-button__appearance::before, .bx--radio-button:disabled:checked + .bx--radio-button__label .bx--radio-button__appearance::before {
            background-color: #bebebe
        }

.bx--radio-button:focus + .bx--radio-button__label .bx--radio-button__appearance {
    -webkit-box-shadow: 0 0 0 2px #0062ff;
    box-shadow: 0 0 0 2px #0062ff;
    outline: 1px solid transparent
}

.bx--radio-button__label.bx--skeleton {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    width: 6.25rem;
    height: 1.125rem
}

    .bx--radio-button__label.bx--skeleton:hover, .bx--radio-button__label.bx--skeleton:focus, .bx--radio-button__label.bx--skeleton:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--radio-button__label.bx--skeleton:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

    .bx--radio-button__label.bx--skeleton .bx--radio-button__appearance {
        display: none
    }

.bx--radio-button-wrapper .bx--radio-button__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0
}

.bx--radio-button-wrapper:not(:last-of-type) {
    margin-right: 1rem
}

.bx--radio-button-group--vertical .bx--radio-button-wrapper:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: .5rem
}

.bx--radio-button-group--label-right .bx--radio-button__label, .bx--radio-button-wrapper.bx--radio-button-wrapper--label-right .bx--radio-button__label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.bx--radio-button-group--label-left .bx--radio-button__label, .bx--radio-button-wrapper.bx--radio-button-wrapper--label-left .bx--radio-button__label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.bx--radio-button-group--label-left .bx--radio-button__appearance, .bx--radio-button-wrapper.bx--radio-button-wrapper--label-left .bx--radio-button__appearance {
    margin-right: 0;
    margin-left: .5rem
}

.bx--toggle {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    visibility: visible;
    white-space: nowrap
}

    .bx--toggle:focus {
        outline: none
    }

.bx--toggle__label {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: .32px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin: .5rem 0
}

.bx--toggle__appearance {
    position: relative;
    width: 3rem;
    height: 1.5rem
}

    .bx--toggle__appearance:before {
        position: absolute;
        display: block;
        content: '';
        background-color: #8c8c8c;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 1.5rem;
        width: 3rem;
        border-radius: .9375rem;
        top: 0;
        will-change: box-shadow;
        -webkit-box-shadow: 0 0 0 2px transparent;
        box-shadow: 0 0 0 2px transparent;
        -webkit-transition: background-color 70ms cubic-bezier(.2,0,1,.9),-webkit-box-shadow 70ms cubic-bezier(.2,0,1,.9);
        transition: background-color 70ms cubic-bezier(.2,0,1,.9),-webkit-box-shadow 70ms cubic-bezier(.2,0,1,.9);
        transition: box-shadow 70ms cubic-bezier(.2,0,1,.9),background-color 70ms cubic-bezier(.2,0,1,.9);
        transition: box-shadow 70ms cubic-bezier(.2,0,1,.9),background-color 70ms cubic-bezier(.2,0,1,.9),-webkit-box-shadow 70ms cubic-bezier(.2,0,1,.9)
    }

    .bx--toggle__appearance:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        display: block;
        cursor: pointer;
        left: 3px;
        top: 3px;
        width: 1.125rem;
        height: 1.125rem;
        background-color: #dcdcdc;
        border-radius: 50%;
        content: '';
        -webkit-transition: -webkit-transform 70ms cubic-bezier(.2,0,1,.9);
        transition: -webkit-transform 70ms cubic-bezier(.2,0,1,.9);
        transition: transform 70ms cubic-bezier(.2,0,1,.9);
        transition: transform 70ms cubic-bezier(.2,0,1,.9),-webkit-transform 70ms cubic-bezier(.2,0,1,.9)
    }

.bx--toggle__check {
    fill: #dcdcdc;
    position: absolute;
    left: 6px;
    top: 6px;
    z-index: 1;
    -webkit-transition: 70ms cubic-bezier(.2,0,1,.9);
    transition: 70ms cubic-bezier(.2,0,1,.9);
    -webkit-transform: scale(.2);
    transform: scale(.2)
}

.bx--toggle__text--left, .bx--toggle__text--right {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    position: relative;
    margin-left: .5rem
}

.bx--toggle__text--left {
    position: absolute;
    left: 3rem
}

.bx--toggle:checked + .bx--toggle__label .bx--toggle__text--left, .bx--toggle:not(:checked) + .bx--toggle__label .bx--toggle__text--right {
    visibility: hidden
}

.bx--toggle:checked + .bx--toggle__label .bx--toggle__text--right, .bx--toggle:not(:checked) + .bx--toggle__label .bx--toggle__text--left {
    display: inline
}

.bx--toggle:checked + .bx--toggle__label .bx--toggle__appearance:before {
    background-color: #24a148
}

.bx--toggle:checked + .bx--toggle__label .bx--toggle__appearance:after {
    background-color: #fff;
    -webkit-transform: translateX(24px);
    transform: translateX(24px)
}

.bx--toggle + .bx--toggle__label .bx--toggle__appearance:before, .bx--toggle + .bx--toggle__label .bx--toggle__appearance:before {
    -webkit-box-shadow: 0 0 0 2px transparent;
    box-shadow: 0 0 0 2px transparent
}

.bx--toggle:focus + .bx--toggle__label .bx--toggle__appearance:before, .bx--toggle:active + .bx--toggle__label .bx--toggle__appearance:before {
    -webkit-box-shadow: 0 0 0 2px #0062ff;
    box-shadow: 0 0 0 2px #0062ff
}

.bx--toggle:disabled + .bx--toggle__label {
    cursor: not-allowed
}

    .bx--toggle:disabled + .bx--toggle__label .bx--toggle__appearance:before {
        background-color: #f3f3f3
    }

    .bx--toggle:disabled + .bx--toggle__label .bx--toggle__appearance:after {
        background-color: #bebebe
    }

    .bx--toggle:disabled + .bx--toggle__label .bx--toggle__appearance:before, .bx--toggle:disabled + .bx--toggle__label .bx--toggle__appearance:after {
        cursor: not-allowed;
        -webkit-transition: 70ms cubic-bezier(.2,0,1,.9);
        transition: 70ms cubic-bezier(.2,0,1,.9)
    }

    .bx--toggle:disabled + .bx--toggle__label .bx--toggle__text--left, .bx--toggle:disabled + .bx--toggle__label .bx--toggle__text--right {
        color: #bebebe
    }

.bx--toggle:disabled:active + .bx--toggle__label .bx--toggle__appearance:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bx--toggle:disabled + .bx--toggle__label .bx--toggle__check {
    fill: #bebebe
}

.bx--toggle--small + .bx--toggle__label .bx--toggle__appearance {
    width: 2rem;
    height: 1rem
}

    .bx--toggle--small + .bx--toggle__label .bx--toggle__appearance:before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 1rem;
        width: 2rem;
        border-radius: .9375rem;
        top: 0
    }

    .bx--toggle--small + .bx--toggle__label .bx--toggle__appearance:after {
        width: .625rem;
        height: .625rem;
        top: 3px;
        left: 3px
    }

.bx--toggle--small:checked + .bx--toggle__label .bx--toggle__check {
    fill: #24a148;
    -webkit-transform: scale(1) translateX(16px);
    transform: scale(1) translateX(16px)
}

.bx--toggle--small + .bx--toggle__label .bx--toggle__text--left {
    left: 2rem
}

.bx--toggle--small:checked + .bx--toggle__label .bx--toggle__appearance:after {
    margin-left: 0;
    -webkit-transform: translateX(17px);
    transform: translateX(17px)
}

.bx--toggle-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    visibility: visible;
    white-space: nowrap
}

    .bx--toggle-input:focus {
        outline: none
    }

.bx--toggle-input__label {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: .32px;
    color: #565656;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer
}

.bx--toggle__switch {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3rem;
    height: 1.5rem;
    margin: .5rem 0;
    cursor: pointer
}

    .bx--toggle__switch::before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        display: block;
        width: 3rem;
        height: 1.5rem;
        border-radius: .9375rem;
        content: '';
        background-color: #8c8c8c;
        will-change: box-shadow;
        -webkit-box-shadow: 0 0 0 2px transparent;
        box-shadow: 0 0 0 2px transparent;
        -webkit-transition: background-color 70ms cubic-bezier(.2,0,1,.9),-webkit-box-shadow 70ms cubic-bezier(.2,0,1,.9);
        transition: background-color 70ms cubic-bezier(.2,0,1,.9),-webkit-box-shadow 70ms cubic-bezier(.2,0,1,.9);
        transition: box-shadow 70ms cubic-bezier(.2,0,1,.9),background-color 70ms cubic-bezier(.2,0,1,.9);
        transition: box-shadow 70ms cubic-bezier(.2,0,1,.9),background-color 70ms cubic-bezier(.2,0,1,.9),-webkit-box-shadow 70ms cubic-bezier(.2,0,1,.9)
    }

    .bx--toggle__switch::after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 3px;
        left: 3px;
        display: block;
        width: 1.125rem;
        height: 1.125rem;
        border-radius: 50%;
        background-color: #dcdcdc;
        content: '';
        -webkit-transition: -webkit-transform 70ms cubic-bezier(.2,0,1,.9);
        transition: -webkit-transform 70ms cubic-bezier(.2,0,1,.9);
        transition: transform 70ms cubic-bezier(.2,0,1,.9);
        transition: transform 70ms cubic-bezier(.2,0,1,.9),-webkit-transform 70ms cubic-bezier(.2,0,1,.9)
    }

.bx--toggle__text--off, .bx--toggle__text--on {
    position: absolute;
    margin-left: 3.5rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bx--toggle-input:checked + .bx--toggle-input__label &gt; .bx--toggle__switch &gt; .bx--toggle__text--off, .bx--toggle-input:not(:checked) + .bx--toggle-input__label &gt; .bx--toggle__switch &gt; .bx--toggle__text--on {
    visibility: hidden
}

.bx--toggle-input:checked + .bx--toggle-input__label &gt; .bx--toggle__switch::before {
    background-color: #24a148
}

.bx--toggle-input:checked + .bx--toggle-input__label &gt; .bx--toggle__switch::after {
    background-color: #fff;
    -webkit-transform: translateX(24px);
    transform: translateX(24px)
}

.bx--toggle-input:focus + .bx--toggle-input__label &gt; .bx--toggle__switch::before, .bx--toggle-input:active + .bx--toggle-input__label &gt; .bx--toggle__switch::before {
    -webkit-box-shadow: 0 0 0 2px #0062ff;
    box-shadow: 0 0 0 2px #0062ff
}

.bx--toggle-input:disabled + .bx--toggle-input__label {
    cursor: not-allowed
}

    .bx--toggle-input:disabled + .bx--toggle-input__label &gt; .bx--toggle__switch {
        cursor: not-allowed
    }

        .bx--toggle-input:disabled + .bx--toggle-input__label &gt; .bx--toggle__switch::before {
            background-color: #f3f3f3
        }

        .bx--toggle-input:disabled + .bx--toggle-input__label &gt; .bx--toggle__switch::after {
            background-color: #bebebe
        }

        .bx--toggle-input:disabled + .bx--toggle-input__label &gt; .bx--toggle__switch::before, .bx--toggle-input:disabled + .bx--toggle-input__label &gt; .bx--toggle__switch::after {
            cursor: not-allowed;
            -webkit-transition: 70ms cubic-bezier(.2,0,1,.9);
            transition: 70ms cubic-bezier(.2,0,1,.9)
        }

.bx--toggle-input:disabled + .bx--toggle-input__label {
    color: #bebebe
}

.bx--toggle-input:disabled:active + .bx--toggle-input__label &gt; .bx--toggle__switch::before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bx--toggle-input--small + .bx--toggle-input__label &gt; .bx--toggle__switch {
    width: 2rem;
    height: 1rem
}

    .bx--toggle-input--small + .bx--toggle-input__label &gt; .bx--toggle__switch::before {
        width: 2rem;
        height: 1rem;
        border-radius: .9375rem
    }

    .bx--toggle-input--small + .bx--toggle-input__label &gt; .bx--toggle__switch::after {
        width: .625rem;
        height: .625rem
    }

.bx--toggle-input--small + .bx--toggle-input__label .bx--toggle__text--off, .bx--toggle-input--small + .bx--toggle-input__label .bx--toggle__text--on {
    margin-left: 2.5rem
}

.bx--toggle-input--small:checked + .bx--toggle-input__label &gt; .bx--toggle__switch::after {
    -webkit-transform: translateX(17px);
    transform: translateX(17px)
}

.bx--toggle-input--small:checked + .bx--toggle-input__label .bx--toggle__check {
    fill: #24a148;
    -webkit-transform: scale(1) translateX(16px);
    transform: scale(1) translateX(16px)
}

.bx--toggle-input--small:disabled:checked + .bx--toggle-input__label .bx--toggle__check {
    fill: #bebebe
}

.bx--search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%
}

    .bx--search .bx--label {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
        visibility: visible;
        white-space: nowrap
    }

.bx--search-input {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: 0;
    outline: 2px solid transparent;
    outline-offset: -2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: #f3f3f3;
    color: #171717;
    padding: 0 2.5rem;
    text-overflow: ellipsis;
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-transition: background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9);
    transition: background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9);
    border-bottom: 1px solid #8c8c8c
}

    .bx--search-input:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

    .bx--search-input::-webkit-input-placeholder {
        color: #8c8c8c;
        font-weight: 400
    }

    .bx--search-input::-ms-input-placeholder {
        color: #8c8c8c;
        font-weight: 400
    }

    .bx--search-input::placeholder {
        color: #8c8c8c;
        font-weight: 400
    }

    .bx--search-input::-ms-clear {
        display: none
    }

    .bx--search-input[disabled] {
        color: #bebebe;
        background-color: #f3f3f3;
        border-bottom: 1px solid transparent;
        cursor: not-allowed
    }

        .bx--search-input[disabled]::-webkit-input-placeholder {
            color: #bebebe;
            font-weight: 400
        }

        .bx--search-input[disabled]::-ms-input-placeholder {
            color: #bebebe;
            font-weight: 400
        }

        .bx--search-input[disabled]::placeholder {
            color: #bebebe;
            font-weight: 400
        }

        .bx--search-input[disabled] ~ .bx--search-magnifier {
            fill: #bebebe
        }

.bx--search--light .bx--search-input {
    background: #fff
}

.bx--search--sm .bx--search-input {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    height: 2rem
}

.bx--search--xl .bx--search-input {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: 0;
    height: 3rem;
    padding: 0 4rem 0 3rem
}

.bx--search-magnifier {
    left: .75rem;
    z-index: 2;
    position: absolute;
    height: 1rem;
    width: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: #565656;
    pointer-events: none
}

.bx--search--xl .bx--search-magnifier {
    height: 1.25rem;
    width: 1.25rem;
    left: 1.5rem;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.bx--search-close {
    display: inline-block;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    outline: 2px solid transparent;
    outline-offset: -2px;
    position: absolute;
    right: 0
}

    .bx--search-close::-moz-focus-inner {
        border: 0
    }

    .bx--search-close::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: .0625rem;
        height: calc(100% - 2px);
        width: 2px;
        background-color: #f3f3f3;
        -webkit-transition: background-color 110ms cubic-bezier(.2,0,.38,.9);
        transition: background-color 110ms cubic-bezier(.2,0,.38,.9)
    }

    .bx--search-close:hover {
        border-bottom: 1px solid #8c8c8c
    }

.bx--search-button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: .125rem;
    background-color: #f3f3f3
}

    .bx--search-button svg {
        vertical-align: middle;
        fill: currentColor
    }

.bx--search-close, .bx--search-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: opacity 110ms cubic-bezier(.2,0,.38,.9),background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9),border 110ms cubic-bezier(.2,0,.38,.9);
    transition: opacity 110ms cubic-bezier(.2,0,.38,.9),background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9),border 110ms cubic-bezier(.2,0,.38,.9);
    cursor: pointer;
    visibility: visible;
    opacity: 1;
    height: 2.5rem;
    width: 2.5rem;
    fill: #171717;
    border: 1px solid transparent;
    border-left: 0
}

    .bx--search-close:hover, .bx--search-button:hover {
        background-color: #e5e5e5
    }

    .bx--search-close:focus, .bx--search-button:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

    .bx--search-close:active, .bx--search-button:active {
        outline: 2px solid #0062ff;
        outline-offset: -2px;
        background-color: #dcdcdc
    }

    .bx--search-close:hover::before {
        background-color: #e5e5e5
    }

    .bx--search-close:focus::before, .bx--search-close:active::before {
        background-color: #0062ff
    }

.bx--search-input:focus ~ .bx--search-close:hover {
    outline: 2px solid #0062ff;
    outline-offset: -2px
}

.bx--search--sm .bx--search-close, .bx--search--sm ~ .bx--search-button {
    height: 2rem;
    width: 2rem
}

.bx--search--xl .bx--search-close, .bx--search--xl ~ .bx--search-button {
    height: 3rem;
    width: 3rem
}

.bx--search-close--hidden {
    visibility: hidden;
    opacity: 0
}

.bx--search--lg.bx--skeleton .bx--search-input, .bx--search--sm.bx--skeleton .bx--search-input {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    width: 100%
}

    .bx--search--lg.bx--skeleton .bx--search-input:hover, .bx--search--lg.bx--skeleton .bx--search-input:focus, .bx--search--lg.bx--skeleton .bx--search-input:active, .bx--search--sm.bx--skeleton .bx--search-input:hover, .bx--search--sm.bx--skeleton .bx--search-input:focus, .bx--search--sm.bx--skeleton .bx--search-input:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--search--lg.bx--skeleton .bx--search-input:before, .bx--search--sm.bx--skeleton .bx--search-input:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

    .bx--search--lg.bx--skeleton .bx--search-input::-webkit-input-placeholder, .bx--search--sm.bx--skeleton .bx--search-input::-webkit-input-placeholder {
        color: transparent
    }

    .bx--search--lg.bx--skeleton .bx--search-input::-ms-input-placeholder, .bx--search--sm.bx--skeleton .bx--search-input::-ms-input-placeholder {
        color: transparent
    }

    .bx--search--lg.bx--skeleton .bx--search-input::placeholder, .bx--search--sm.bx--skeleton .bx--search-input::placeholder {
        color: transparent
    }

.bx--select {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.bx--select-input__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .bx--select-input__wrapper:hover .bx--select-input {
        background-color: #e5e5e5
    }

.bx--select-input {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    outline: 2px solid transparent;
    outline-offset: -2px;
    height: 2.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 14rem;
    min-width: 8rem;
    max-width: 28rem;
    padding: 0 2.625rem 0 1rem;
    color: #171717;
    background-color: #f3f3f3;
    border: none;
    border-bottom: 1px solid #8c8c8c;
    border-radius: 0;
    cursor: pointer;
    -webkit-transition: background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);
    transition: background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)
}

    .bx--select-input:hover {
        background-color: #e5e5e5
    }

    .bx--select-input::-ms-expand {
        display: none
    }

@-moz-document url-prefix() {
    .bx--select-input {
        padding-top: .25rem
    }
}

.bx--select-input:focus {
    outline: 2px solid #0062ff;
    outline-offset: -2px
}

.bx--select-input:disabled, .bx--select-input:hover:disabled {
    cursor: not-allowed;
    background-color: #f3f3f3;
    color: #bebebe;
    border-bottom-color: #f3f3f3
}

.bx--select--disabled .bx--label, .bx--select--disabled .bx--form__helper-text {
    color: #bebebe
}

.bx--select-input__wrapper[data-invalid] .bx--select-input {
    padding-right: 4rem
}

    .bx--select-input__wrapper[data-invalid] .bx--select-input, .bx--select-input__wrapper[data-invalid] .bx--select-input:focus {
        outline: 2px solid #da1e28;
        outline-offset: -2px
    }

.bx--form-requirement {
    display: block;
    color: #da1e28;
    font-weight: 400;
    overflow: visible
}

.bx--select-input:disabled ~ .bx--select__arrow {
    fill: #bebebe
}

.bx--select--light .bx--select-input {
    background-color: #fff
}

    .bx--select--light .bx--select-input:hover {
        background-color: #f3f3f3
    }

        .bx--select--light .bx--select-input:disabled, .bx--select--light .bx--select-input:hover:disabled {
            cursor: not-allowed;
            background-color: #f3f3f3;
            color: #bebebe
        }

.bx--select__arrow {
    fill: #171717;
    position: absolute;
    right: 1rem;
    pointer-events: none
}

.bx--select-input__wrapper[data-invalid] .bx--select-input ~ .bx--select__invalid-icon {
    position: absolute;
    right: 2.125rem
}

.bx--select-input__wrapper[data-invalid] .bx--select-input ~ .bx--select__invalid-icon {
    fill: #da1e28
}

.bx--select-optgroup, .bx--select-option {
    color: #171717
}

    .bx--select-option[disabled] {
        opacity: .5;
        cursor: not-allowed
    }

@-moz-document url-prefix() {
    .bx--select-option {
        background-color: #f3f3f3;
        color: #171717
    }

    .bx--select-optgroup {
        color: #171717
    }
}

.bx--select--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .bx--select--inline.bx--select--invalid .bx--label, .bx--select--inline.bx--select--invalid .bx--form__helper-text {
        margin-top: .8125rem;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .bx--select--inline .bx--form__helper-text {
        margin-bottom: 0;
        margin-left: .5rem
    }

    .bx--select--inline .bx--label {
        white-space: nowrap;
        margin: 0 .5rem 0 0
    }

    .bx--select--inline .bx--select-input {
        background-color: transparent;
        color: #171717;
        border-bottom: none;
        padding-left: .5rem;
        padding-right: 1.625rem
    }

@-moz-document url-prefix() {
    .bx--select--inline .bx--select-input {
        padding-top: 0
    }
}

.bx--select--inline .bx--select-input:hover {
    background-color: #e5e5e5
}

.bx--select--inline .bx--select__arrow {
    bottom: auto;
    top: 1.125rem;
    right: .5rem
}

.bx--select--inline.bx--select--invalid .bx--select-input {
    padding-right: 3.125rem
}

    .bx--select--inline.bx--select--invalid .bx--select-input ~ .bx--select__invalid-icon {
        right: 1.5rem
    }

.bx--select--inline .bx--select-input:disabled {
    color: #bebebe;
    cursor: not-allowed
}

    .bx--select--inline .bx--select-input:disabled:hover {
        background-color: transparent
    }

    .bx--select--inline .bx--select-input:disabled ~ * {
        cursor: not-allowed
    }

.bx--select--inline .bx--select-input:disabled {
    cursor: not-allowed
}

.bx--select.bx--skeleton {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    width: 100%;
    height: 2.5rem
}

    .bx--select.bx--skeleton:hover, .bx--select.bx--skeleton:focus, .bx--select.bx--skeleton:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--select.bx--skeleton:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

    .bx--select.bx--skeleton .bx--select-input {
        display: none
    }

.bx--text-input {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    outline: 2px solid transparent;
    outline-offset: -2px;
    background-color: #f3f3f3;
    width: 100%;
    height: 2.5rem;
    padding: 0 1rem;
    color: #171717;
    border: none;
    border-bottom: 1px solid #8c8c8c;
    -webkit-transition: background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);
    transition: background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)
}

    .bx--text-input:focus, .bx--text-input:active {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

.bx--text-input-wrapper svg[hidden] {
    display: none
}

.bx--password-input {
    padding-right: 2.5rem
}

.bx--text-input::-webkit-input-placeholder {
    color: #8c8c8c
}

.bx--text-input--light {
    background-color: #fff
}

.bx--text-input__field-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

    .bx--text-input__field-wrapper .bx--text-input__invalid-icon {
        position: absolute;
        right: 1rem;
        fill: #da1e28
    }

    .bx--text-input__field-wrapper .bx--text-input--password__visibility {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        overflow: visible;
        position: absolute;
        height: 1rem;
        width: 1rem;
        right: 1rem;
        padding: 0;
        border: 0;
        background: none;
        cursor: pointer
    }

        .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus {
            outline: 1px solid transparent
        }

            .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus svg {
                outline: 1px solid #0062ff
            }

        .bx--text-input__field-wrapper .bx--text-input--password__visibility::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility::after, .bx--text-input__field-wrapper .bx--text-input--password__visibility .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility + .bx--assistive-text {
            font-size: .875rem;
            font-weight: 400;
            line-height: 1.125rem;
            letter-spacing: .16px;
            position: absolute;
            z-index: 10000;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            opacity: 0;
            pointer-events: none
        }

        .bx--text-input__field-wrapper .bx--text-input--password__visibility::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility::after {
            -webkit-transition: opacity 70ms cubic-bezier(.2,0,.38,.9);
            transition: opacity 70ms cubic-bezier(.2,0,.38,.9)
        }

        .bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--a11y::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--a11y::after {
            -webkit-transition: none;
            transition: none
        }

        .bx--text-input__field-wrapper .bx--text-input--password__visibility::before {
            width: 0;
            height: 0;
            border-style: solid;
            content: ''
        }

        .bx--text-input__field-wrapper .bx--text-input--password__visibility .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility + .bx--assistive-text {
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            color: inherit;
            opacity: 1;
            white-space: normal
        }

        .bx--text-input__field-wrapper .bx--text-input--password__visibility::after, .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover + .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus + .bx--assistive-text {
            -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
            box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content;
            max-width: 13rem;
            height: auto;
            padding: .125rem 1rem;
            border-radius: .125rem;
            color: #fff;
            font-weight: 400;
            text-align: left;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            pointer-events: none;
            background-color: #3d3d3d
        }

        .bx--text-input__field-wrapper .bx--text-input--password__visibility::after {
            content: attr(aria-label)
        }

        .bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--a11y::after {
            content: none
        }

        .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover::after, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus::after {
            opacity: 1
        }

@keyframes tooltip-fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bx--text-input__field-wrapper .bx--text-input--password__visibility:hover .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover + .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus + .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--text-input__field-wrapper .bx--text-input--password__visibility:hover .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover + .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover.bx--tooltip--a11y::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus + .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus.bx--tooltip--a11y::before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2,0,.38,.9);
    animation: tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)
}

.bx--text-input__field-wrapper .bx--text-input--password__visibility::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility::after, .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover + .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus + .bx--assistive-text {
    bottom: 0;
    left: 50%
}

.bx--text-input__field-wrapper .bx--text-input--password__visibility::before {
    border-width: 0 .25rem .3125rem .25rem;
    border-color: transparent transparent #3d3d3d transparent;
    -webkit-transform: translate(-50%,calc(0.3125rem + 0.5rem));
    transform: translate(-50%,calc(0.3125rem + 0.5rem))
}

.bx--text-input__field-wrapper .bx--text-input--password__visibility::after, .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover + .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus + .bx--assistive-text {
    -webkit-transform: translate(-50%,calc(100% + 0.5rem + 0.3125rem));
    transform: translate(-50%,calc(100% + 0.5rem + 0.3125rem))
}

.bx--text-input__field-wrapper .bx--text-input--password__visibility svg {
    fill: #0062ff
}

    .bx--text-input__field-wrapper .bx--text-input--password__visibility svg:hover {
        fill: #0353e9
    }

.bx--text-input__field-wrapper .bx--text-input--invalid {
    padding-right: 2.5rem
}

    .bx--text-input__field-wrapper .bx--text-input--invalid.bx--password-input {
        padding-right: 4rem
    }

    .bx--text-input__field-wrapper .bx--text-input--invalid + .bx--text-input--password__visibility {
        right: 2.5rem
    }

.bx--text-input:disabled + .bx--text-input--password__visibility svg {
    opacity: .5;
    cursor: not-allowed
}

.bx--text-input:disabled {
    cursor: not-allowed;
    outline: none;
    background-color: #f3f3f3;
    border-bottom: 1px solid transparent;
    color: #bebebe
}

.bx--text-input--light:disabled {
    background-color: #fff
}

.bx--text-input:disabled::-webkit-input-placeholder {
    opacity: 1;
    color: #bebebe
}

.bx--text-input:disabled::-ms-input-placeholder {
    opacity: 1;
    color: #bebebe
}

.bx--text-input:disabled::placeholder {
    opacity: 1;
    color: #bebebe
}

.bx--text-input--invalid {
    outline: 2px solid #da1e28;
    outline-offset: -2px;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .bx--text-input--invalid .bx--text-input--password__visibility {
        right: 2.5rem
    }

.bx--text-area {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .16px;
    outline: 2px solid transparent;
    outline-offset: -2px;
    background-color: #f3f3f3;
    width: 100%;
    min-width: 10rem;
    min-height: 2.5rem;
    padding: .6875rem 1rem;
    color: #171717;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    resize: vertical;
    border: none;
    border-bottom: 1px solid #8c8c8c;
    -webkit-transition: background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);
    transition: background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)
}

    .bx--text-area ~ .bx--form__helper-text {
        margin-top: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        font-style: italic
    }

    .bx--text-area ~ .bx--form-requirement {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        color: #da1e28;
        font-weight: 400;
        margin-top: .25rem
    }

        .bx--text-area ~ .bx--form-requirement::before {
            display: none
        }

    .bx--text-area:focus, .bx--text-area:active {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

    .bx--text-area::-webkit-input-placeholder {
        color: #8c8c8c;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.25rem;
        letter-spacing: .16px;
        opacity: 1
    }

    .bx--text-area::-ms-input-placeholder {
        color: #8c8c8c;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.25rem;
        letter-spacing: .16px;
        opacity: 1
    }

    .bx--text-area::placeholder {
        color: #8c8c8c;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.25rem;
        letter-spacing: .16px;
        opacity: 1
    }

.bx--text-area--light {
    background-color: #fff
}

.bx--text-area--invalid {
    padding-right: 2.5rem
}

.bx--text-area__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bx--text-area__invalid-icon {
    position: absolute;
    right: 1rem;
    top: .75rem;
    fill: #da1e28
}

.bx--text-area:disabled {
    cursor: not-allowed;
    outline: none;
    background-color: #f3f3f3;
    border-bottom: 1px solid transparent
}

    .bx--text-area:disabled::-webkit-input-placeholder {
        color: #bebebe
    }

    .bx--text-area:disabled::-ms-input-placeholder {
        color: #bebebe
    }

    .bx--text-area:disabled::placeholder {
        color: #bebebe
    }

bx--text-area.bx--skeleton {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    height: 6.25rem
}

    bx--text-area.bx--skeleton:hover, bx--text-area.bx--skeleton:focus, bx--text-area.bx--skeleton:active {
        border: none;
        outline: none;
        cursor: default
    }

    bx--text-area.bx--skeleton:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

    bx--text-area.bx--skeleton::-webkit-input-placeholder {
        color: transparent
    }

    bx--text-area.bx--skeleton::-ms-input-placeholder {
        color: transparent
    }

    bx--text-area.bx--skeleton::placeholder {
        color: transparent
    }

.bx--number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

    .bx--number input[type='number'] {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem;
        letter-spacing: .16px;
        outline: 2px solid transparent;
        outline-offset: -2px;
        font-family: 'IBM Plex Mono','Menlo','DejaVu Sans Mono','Bitstream Vera Sans Mono',Courier,monospace;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%;
        min-width: 9.375rem;
        padding-left: 1rem;
        padding-right: 2rem;
        font-weight: 300;
        height: 2.5rem;
        color: #171717;
        background-color: #f3f3f3;
        border: none;
        border-radius: 0;
        border-bottom: 1px solid #8c8c8c;
        -webkit-transition: background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);
        transition: background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield
    }

        .bx--number input[type='number']:focus {
            outline: 2px solid #0062ff;
            outline-offset: -2px
        }

        .bx--number input[type='number']:disabled ~ .bx--number__controls {
            cursor: not-allowed;
            pointer-events: none
        }

            .bx--number input[type='number']:disabled ~ .bx--number__controls svg {
                fill: #bebebe
            }

        .bx--number input[type='number']::-ms-clear {
            display: none
        }

        .bx--number input[type='number']::-webkit-inner-spin-button {
            -webkit-appearance: none;
            appearance: none
        }

        .bx--number input[type='number']:disabled, .bx--number--readonly input[type='number'] {
            cursor: not-allowed;
            background-color: #f3f3f3;
            color: #bebebe
        }

.bx--number__input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .bx--number__input-wrapper ~ .bx--form-requirement {
        color: #da1e28;
        font-weight: 400;
        margin-top: .25rem;
        overflow: visible
    }

        .bx--number__input-wrapper ~ .bx--form-requirement::before {
            display: none
        }

.bx--number__controls {
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bx--number__control-btn {
    display: inline-block;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2rem;
    height: 1.25rem;
    color: #171717
}

    .bx--number__control-btn::-moz-focus-inner {
        border: 0
    }

    .bx--number__control-btn svg {
        fill: currentColor;
        position: relative
    }

    .bx--number__control-btn.up-icon svg {
        top: .3125rem
    }

    .bx--number__control-btn.down-icon svg {
        top: -.3125rem
    }

    .bx--number__control-btn:focus {
        outline: 1px solid #0062ff;
        color: #171717;
        outline-width: 2px;
        outline-offset: -2px
    }

    .bx--number__control-btn:hover {
        cursor: pointer
    }

    .bx--number__control-btn:hover {
        color: #171717
    }

    .bx--number__control-btn:disabled {
        cursor: not-allowed;
        color: #bebebe
    }

.bx--number--readonly .bx--number__control-btn {
    display: none
}

.bx--number[data-invalid] .bx--form-requirement {
    display: inline-block;
    max-height: 12.5rem
}

.bx--number[data-invalid] input[type='number'] {
    outline: 2px solid #da1e28;
    outline-offset: -2px
}

.bx--number__invalid {
    position: absolute;
    right: 2rem;
    fill: #da1e28
}

.bx--number--light input[type='number'] {
    background-color: #fff
}

.bx--number--mobile {
    min-width: 9rem;
    width: auto
}

    .bx--number--mobile .bx--number__control-btn, .bx--number--mobile.bx--number--light .bx--number__control-btn {
        position: static;
        width: 2.5rem;
        height: 2.5rem;
        background-color: #f3f3f3
    }

        .bx--number--mobile .bx--number__control-btn:hover, .bx--number--mobile .bx--number__control-btn:focus, .bx--number--mobile.bx--number--light .bx--number__control-btn:hover, .bx--number--mobile.bx--number--light .bx--number__control-btn:focus {
            background-color: #e5e5e5
        }

        .bx--number--mobile .bx--number__control-btn:focus, .bx--number--mobile.bx--number--light .bx--number__control-btn:focus {
            outline-width: 2px;
            outline-offset: -2px
        }

        .bx--number--mobile .bx--number__control-btn svg, .bx--number--mobile.bx--number--light .bx--number__control-btn svg {
            position: static
        }

    .bx--number--mobile input[type='number'] {
        min-width: 4rem;
        width: auto;
        margin: 0;
        border-right: 1px solid #dcdcdc;
        border-left: 1px solid #dcdcdc;
        padding: 0;
        text-align: center;
        background-color: #f3f3f3
    }

    .bx--number--mobile.bx--number--light input[type='number'] {
        background-color: #fff
    }

    .bx--number--mobile.bx--number--light .bx--number__control-btn {
        background-color: #fff
    }

.bx--number.bx--skeleton {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    width: 100%;
    height: 2.5rem
}

    .bx--number.bx--skeleton:hover, .bx--number.bx--skeleton:focus, .bx--number.bx--skeleton:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--number.bx--skeleton:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

    .bx--number.bx--skeleton input[type='number'] {
        display: none
    }

.bx--link {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .16px;
    color: #0062ff;
    text-decoration: none;
    outline: none;
    -webkit-transition: 70ms cubic-bezier(.2,0,.38,.9);
    transition: 70ms cubic-bezier(.2,0,.38,.9)
}

    .bx--link:hover {
        color: #0062ff;
        text-decoration: underline
    }

    .bx--link:active, .bx--link:active:visited {
        color: #171717;
        text-decoration: underline
    }

    .bx--link:focus {
        outline: 1px solid #0062ff
    }

    .bx--link:not([href]) {
        color: #bebebe;
        cursor: not-allowed;
        pointer-events: none;
        -ms-touch-action: none;
        touch-action: none
    }

    .bx--link:visited {
        color: #0062ff
    }

.bx--link--visited {
    color: #8a3ffc
}

.bx--link--disabled {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .16px;
    display: inline;
    color: #bebebe;
    font-weight: 400;
    cursor: not-allowed
}

.bx--list--nested, .bx--list--unordered, .bx--list--ordered {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    counter-reset: listitem
}

.bx--list__item {
    font-weight: 400;
    color: #171717;
    list-style-type: none;
    counter-increment: listitem;
    margin-left: .5rem;
    padding-left: .5rem;
    position: relative
}

    .bx--list__item:before {
        position: absolute;
        left: -.5rem
    }

.bx--list--nested {
    margin-bottom: .25rem;
    margin-left: 2rem
}

.bx--list--unordered &gt; .bx--list__item:before, .bx--list--ordered &gt; .bx--list__item:before {
    display: inline-block;
    margin-right: .5rem;
    margin-bottom: .25rem
}

.bx--list--unordered .bx--list--nested &gt; .bx--list__item:before, .bx--list--ordered .bx--list--nested &gt; .bx--list__item:before {
    margin-right: .5rem;
    display: inline-block
}

.bx--list--unordered &gt; .bx--list__item:before {
    content: '\002013'
}

.bx--list--unordered ul.bx--list--nested &gt; .bx--list__item:before {
    content: '\0025AA'
}

.bx--list--unordered ol.bx--list--nested &gt; .bx--list__item:before {
    content: counter(listitem,lower-alpha) "."
}

.bx--list--ordered &gt; .bx--list__item:before {
    content: counter(listitem) "."
}

.bx--list--ordered ol.bx--list--nested {
    counter-reset: ol-counter
}

    .bx--list--ordered ol.bx--list--nested &gt; .bx--list__item {
        counter-increment: ol-counter
    }

        .bx--list--ordered ol.bx--list--nested &gt; .bx--list__item:before {
            content: counter(ol-counter,lower-alpha) ".";
            width: .6rem
        }

.bx--list--ordered ul.bx--list--nested &gt; .bx--list__item:before {
    content: '\0025AA'
}

.bx--table-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: #f3f3f3;
    height: 3rem;
    position: relative
}

.bx--toolbar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3rem;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 110ms cubic-bezier(.2,0,.38,.9),-webkit-clip-path 110ms cubic-bezier(.2,0,.38,.9);
    transition: -webkit-transform 110ms cubic-bezier(.2,0,.38,.9),-webkit-clip-path 110ms cubic-bezier(.2,0,.38,.9);
    transition: transform 110ms cubic-bezier(.2,0,.38,.9),clip-path 110ms cubic-bezier(.2,0,.38,.9);
    transition: transform 110ms cubic-bezier(.2,0,.38,.9),clip-path 110ms cubic-bezier(.2,0,.38,.9),-webkit-transform 110ms cubic-bezier(.2,0,.38,.9),-webkit-clip-path 110ms cubic-bezier(.2,0,.38,.9)
}

.bx--batch-actions ~ .bx--toolbar-content {
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
}

.bx--toolbar-content .bx--search .bx--search-input {
    background-color: transparent
}

.bx--batch-actions ~ .bx--toolbar-search-container {
    opacity: 1;
    -webkit-transition: opacity 110ms;
    transition: opacity 110ms;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bx--toolbar-search-container-expandable {
    height: 3rem;
    width: 3rem;
    position: relative;
    -webkit-transition: -webkit-box-flex 240ms cubic-bezier(.2,0,.38,.9);
    transition: -webkit-box-flex 240ms cubic-bezier(.2,0,.38,.9);
    transition: flex 240ms cubic-bezier(.2,0,.38,.9);
    transition: flex 240ms cubic-bezier(.2,0,.38,.9),-webkit-box-flex 240ms cubic-bezier(.2,0,.38,.9),-ms-flex 240ms cubic-bezier(.2,0,.38,.9);
    -webkit-box-shadow: none;
    box-shadow: none
}

    .bx--toolbar-search-container-expandable .bx--search {
        width: 3rem;
        height: 100%;
        position: initial
    }

        .bx--toolbar-search-container-expandable .bx--search .bx--search-magnifier {
            height: 3rem;
            width: 3rem;
            padding: 1rem;
            left: 0;
            cursor: pointer;
            pointer-events: all;
            -webkit-transition: background 110ms cubic-bezier(0,0,.38,.9);
            transition: background 110ms cubic-bezier(0,0,.38,.9)
        }

            .bx--toolbar-search-container-expandable .bx--search .bx--search-magnifier:focus {
                outline: 2px solid #0062ff;
                outline-offset: -2px
            }

            .bx--toolbar-search-container-expandable .bx--search .bx--search-magnifier:hover {
                background: #e5e5e5
            }

        .bx--toolbar-search-container-expandable .bx--search .bx--search-input {
            border: none;
            height: 100%;
            visibility: hidden;
            padding: 0;
            background-color: transparent
        }

        .bx--toolbar-search-container-expandable .bx--search .bx--search-close {
            height: 3rem;
            width: 3rem
        }

            .bx--toolbar-search-container-expandable .bx--search .bx--search-close:before {
                top: 2px;
                height: calc(100% - 4px);
                background-color: #e5e5e5
            }

.bx--toolbar-search-container-active {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: -webkit-box-flex 150ms cubic-bezier(.2,0,.38,.9);
    transition: -webkit-box-flex 150ms cubic-bezier(.2,0,.38,.9);
    transition: flex 150ms cubic-bezier(.2,0,.38,.9);
    transition: flex 150ms cubic-bezier(.2,0,.38,.9),-webkit-box-flex 150ms cubic-bezier(.2,0,.38,.9),-ms-flex 150ms cubic-bezier(.2,0,.38,.9)
}

    .bx--toolbar-search-container-active .bx--search {
        width: 100%
    }

        .bx--toolbar-search-container-active .bx--search .bx--search-input {
            padding-left: 3rem;
            visibility: visible
        }

            .bx--toolbar-search-container-active .bx--search .bx--search-input:focus {
                outline: 2px solid #0062ff;
                outline-offset: -2px
            }

                .bx--toolbar-search-container-active .bx--search .bx--search-input:focus + .bx--search-close {
                    border: none;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    outline: none
                }

            .bx--toolbar-search-container-active .bx--search .bx--search-input:not(:placeholder-shown) {
                background: #e5e5e5;
                border: none
            }

        .bx--toolbar-search-container-active .bx--search .bx--search-magnifier:focus, .bx--toolbar-search-container-active .bx--search .bx--search-magnifier:active, .bx--toolbar-search-container-active .bx--search .bx--search-magnifier:hover {
            outline: none;
            border: none;
            background: transparent
        }

        .bx--toolbar-search-container-persistent .bx--search-close, .bx--toolbar-search-container-persistent .bx--search-close:hover, .bx--toolbar-search-container-active .bx--search .bx--search-close, .bx--toolbar-search-container-active .bx--search .bx--search-close:hover {
            border: none;
            background-color: transparent
        }

.bx--overflow-menu.bx--toolbar-action {
    display: inline-block;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    height: 3rem;
    width: 3rem;
    padding: 1rem;
    -webkit-transition: background 110ms cubic-bezier(0,0,.38,.9);
    transition: background 110ms cubic-bezier(0,0,.38,.9)
}

    .bx--overflow-menu.bx--toolbar-action::-moz-focus-inner {
        border: 0
    }

.bx--toolbar-action {
    display: inline-block;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    height: 3rem;
    width: 3rem;
    -webkit-transition: background 110ms cubic-bezier(0,0,.38,.9);
    transition: background 110ms cubic-bezier(0,0,.38,.9)
}

    .bx--toolbar-action::-moz-focus-inner {
        border: 0
    }

    .bx--toolbar-action:hover:not([disabled]) {
        background: #e5e5e5
    }

    .bx--toolbar-action:hover[aria-expanded='true'] {
        background: #f3f3f3
    }

    .bx--toolbar-action[disabled] {
        cursor: not-allowed
    }

        .bx--toolbar-action[disabled] .bx--toolbar-action__icon {
            fill: #bebebe;
            cursor: not-allowed
        }

    .bx--toolbar-action:focus:not([disabled]), .bx--toolbar-action:active:not([disabled]) {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

    .bx--toolbar-action ~ .bx--btn {
        margin: 0;
        height: 3rem
    }

.bx--overflow-menu--data-table {
    height: 3rem
}

.bx--toolbar-action__icon {
    height: 1rem;
    width: auto;
    max-width: 1rem;
    fill: #171717
}

.bx--toolbar-search-container-persistent {
    width: 100%;
    height: 3rem;
    opacity: 1;
    position: relative
}

    .bx--toolbar-search-container-persistent + .bx--toolbar-content {
        position: relative;
        width: auto
    }

    .bx--toolbar-search-container-persistent .bx--search {
        position: initial
    }

        .bx--toolbar-search-container-persistent .bx--search .bx--search-magnifier {
            left: 1rem
        }

        .bx--toolbar-search-container-persistent .bx--search .bx--search-input {
            height: 3rem;
            padding-left: 3rem;
            border: none
        }

            .bx--toolbar-search-container-persistent .bx--search .bx--search-input:focus:not([disabled]) {
                outline: 2px solid #0062ff;
                outline-offset: -2px
            }

            .bx--toolbar-search-container-persistent .bx--search .bx--search-input:hover:not([disabled]) {
                background: #e5e5e5
            }

            .bx--toolbar-search-container-persistent .bx--search .bx--search-input:active:not([disabled]), .bx--toolbar-search-container-persistent .bx--search .bx--search-input:not(:placeholder-shown) {
                background: #e5e5e5
            }

        .bx--toolbar-search-container-persistent .bx--search .bx--search-close {
            height: 3rem;
            width: 3rem
        }

.bx--batch-actions--active ~ .bx--toolbar-search-container, .bx--batch-actions--active ~ .bx--toolbar-content {
    -webkit-clip-path: polygon(0 0,100% 0,100% 0,0 0);
    clip-path: polygon(0 0,100% 0,100% 0,0 0);
    -webkit-transform: translate3d(0,48px,0);
    transform: translate3d(0,48px,0);
    -webkit-transition: -webkit-transform 110ms cubic-bezier(.2,0,.38,.9),-webkit-clip-path 110ms cubic-bezier(.2,0,.38,.9);
    transition: -webkit-transform 110ms cubic-bezier(.2,0,.38,.9),-webkit-clip-path 110ms cubic-bezier(.2,0,.38,.9);
    transition: transform 110ms cubic-bezier(.2,0,.38,.9),clip-path 110ms cubic-bezier(.2,0,.38,.9);
    transition: transform 110ms cubic-bezier(.2,0,.38,.9),clip-path 110ms cubic-bezier(.2,0,.38,.9),-webkit-transform 110ms cubic-bezier(.2,0,.38,.9),-webkit-clip-path 110ms cubic-bezier(.2,0,.38,.9)
}

.bx--batch-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-clip-path: polygon(0 0,100% 0,100% 0,0 0);
    clip-path: polygon(0 0,100% 0,100% 0,0 0);
    will-change: transform;
    background-color: #0062ff;
    -webkit-transition: opacity 110ms cubic-bezier(.2,0,.38,.9),-webkit-transform 110ms cubic-bezier(.2,0,.38,.9),-webkit-clip-path 110ms cubic-bezier(.2,0,.38,.9);
    transition: opacity 110ms cubic-bezier(.2,0,.38,.9),-webkit-transform 110ms cubic-bezier(.2,0,.38,.9),-webkit-clip-path 110ms cubic-bezier(.2,0,.38,.9);
    transition: transform 110ms cubic-bezier(.2,0,.38,.9),clip-path 110ms cubic-bezier(.2,0,.38,.9),opacity 110ms cubic-bezier(.2,0,.38,.9);
    transition: transform 110ms cubic-bezier(.2,0,.38,.9),clip-path 110ms cubic-bezier(.2,0,.38,.9),opacity 110ms cubic-bezier(.2,0,.38,.9),-webkit-transform 110ms cubic-bezier(.2,0,.38,.9),-webkit-clip-path 110ms cubic-bezier(.2,0,.38,.9);
    -webkit-transform: translate3d(0,48px,0);
    transform: translate3d(0,48px,0)
}

    .bx--batch-actions:focus {
        outline: 1px solid #0062ff
    }

.bx--batch-actions--active {
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    pointer-events: all;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.bx--action-list {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .bx--action-list .bx--btn {
        color: #fff
    }

        .bx--action-list .bx--btn .bx--btn__icon {
            fill: #fff;
            margin-left: .5rem
        }

            .bx--action-list .bx--btn .bx--btn__icon .st0 {
                fill: none
            }

.bx--batch-download {
    padding: .0625rem
}

.bx--action-list .bx--btn--primary:focus::before, .bx--action-list .bx--btn--primary:focus::before, .bx--action-list .bx--btn--primary::before, .bx--action-list .bx--btn--primary::before, .bx--action-list .bx--btn--primary:focus::after, .bx--action-list .bx--btn--primary:focus::after, .bx--action-list .bx--btn--primary::after, .bx--action-list .bx--btn--primary::after {
    display: none
}

.bx--action-list .bx--btn--primary:focus {
    outline: 2px solid #f3f3f3;
    outline-offset: -.125rem
}

.bx--action-list .bx--btn {
    min-width: 0
}

.bx--action-list .bx--btn--primary:nth-child(3):hover + .bx--btn--primary.bx--batch-summary__cancel::before, .bx--action-list .bx--btn--primary:nth-child(3):focus + .bx--btn--primary.bx--batch-summary__cancel::before {
    opacity: 0
}

.bx--btn--primary.bx--batch-summary__cancel::before {
    display: block;
    position: absolute;
    opacity: 1;
    top: .9375rem;
    left: 0;
    height: 1rem;
    width: .0625rem;
    content: '';
    background-color: #fff;
    border: none;
    -webkit-transition: opacity 110ms cubic-bezier(.2,0,.38,.9);
    transition: opacity 110ms cubic-bezier(.2,0,.38,.9)
}

.bx--btn--primary.bx--batch-summary__cancel:hover::before {
    opacity: 0;
    -webkit-transition: opacity 110ms cubic-bezier(.2,0,.38,.9);
    transition: opacity 110ms cubic-bezier(.2,0,.38,.9)
}

.bx--batch-summary__cancel {
    padding-right: 1rem;
    position: relative
}

.bx--batch-summary {
    position: absolute;
    left: 0;
    margin-left: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.bx--batch-summary__para {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px
}

.bx--table-toolbar--small {
    height: 2rem
}

    .bx--table-toolbar--small .bx--toolbar-search-container-expandable, .bx--table-toolbar--small .bx--toolbar-search-container-persistent {
        height: 2rem
    }

        .bx--table-toolbar--small .bx--toolbar-search-container-expandable .bx--search .bx--search-input, .bx--table-toolbar--small .bx--toolbar-search-container-persistent .bx--search .bx--search-input {
            height: 2rem
        }

        .bx--table-toolbar--small .bx--toolbar-search-container-expandable .bx--search .bx--search-close, .bx--table-toolbar--small .bx--toolbar-search-container-persistent .bx--search .bx--search-close {
            height: 2rem;
            width: 2rem
        }

        .bx--table-toolbar--small .bx--toolbar-search-container-expandable .bx--search .bx--search-magnifier, .bx--table-toolbar--small .bx--toolbar-search-container-persistent .bx--search .bx--search-magnifier {
            height: 2rem;
            width: 2rem;
            padding: .5rem
        }

    .bx--table-toolbar--small .bx--toolbar-search-container-expandable {
        width: 2rem
    }

        .bx--table-toolbar--small .bx--toolbar-search-container-expandable .bx--search .bx--search-input {
            padding-left: 2rem
        }

    .bx--table-toolbar--small .bx--toolbar-search-container-active {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        -webkit-transition: -webkit-box-flex 175ms cubic-bezier(.2,0,.38,.9);
        transition: -webkit-box-flex 175ms cubic-bezier(.2,0,.38,.9);
        transition: flex 175ms cubic-bezier(.2,0,.38,.9);
        transition: flex 175ms cubic-bezier(.2,0,.38,.9),-webkit-box-flex 175ms cubic-bezier(.2,0,.38,.9),-ms-flex 175ms cubic-bezier(.2,0,.38,.9)
    }

        .bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search .bx--search-input {
            visibility: visible
        }

            .bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search .bx--search-input:focus {
                outline: 2px solid #0062ff;
                outline-offset: -2px;
                background: #e5e5e5
            }

            .bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search .bx--search-input:active, .bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search .bx--search-input:not(:placeholder-shown) {
                background: #e5e5e5
            }

        .bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search .bx--search-magnifier:focus, .bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search .bx--search-magnifier:active, .bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search .bx--search-magnifier:hover {
            outline: 2px solid transparent;
            outline-offset: -2px;
            background: transparent
        }

    .bx--table-toolbar--small .bx--batch-actions .bx--action-list {
        height: 2rem
    }

    .bx--table-toolbar--small .bx--toolbar-action {
        height: 2rem;
        width: 2rem;
        padding: .5rem
    }

    .bx--table-toolbar--small .bx--btn--primary {
        padding-top: .1875rem;
        height: 2rem
    }

        .bx--table-toolbar--small .bx--btn--primary.bx--batch-summary__cancel::before {
            top: .5rem
        }

    .bx--table-toolbar--small .bx--toolbar-action ~ .bx--btn {
        height: 2rem;
        width: 10rem;
        overflow: hidden
    }

.bx--data-table-container {
    min-width: 31.25rem;
    overflow-x: auto;
    padding-top: .125rem
}

.bx--data-table-header {
    background: #f3f3f3;
    padding: 1rem 0 1.5rem 1rem
}

.bx--data-table-header__title {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.625rem;
    letter-spacing: 0;
    color: #171717
}

.bx--data-table-header__description {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    color: #565656
}

.bx--data-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

    .bx--data-table thead {
        font-size: .875rem;
        font-weight: 600;
        line-height: 1.125rem;
        letter-spacing: .16px;
        background-color: #dcdcdc
    }

    .bx--data-table tbody {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem;
        letter-spacing: .16px;
        background-color: #f3f3f3;
        width: 100%
    }

    .bx--data-table tr {
        border: none;
        height: 3rem;
        width: 100%
    }

    .bx--data-table tbody tr, .bx--data-table tbody tr td, .bx--data-table tbody tr th {
        -webkit-transition: background-color 70ms cubic-bezier(0,0,.38,.9);
        transition: background-color 70ms cubic-bezier(0,0,.38,.9)
    }

        .bx--data-table tbody tr:hover {
            background: #e5e5e5
        }

            .bx--data-table tbody tr:hover td, .bx--data-table tbody tr:hover th {
                color: #171717;
                background: #e5e5e5;
                border-bottom: 1px solid #e5e5e5;
                border-top: 1px solid #e5e5e5
            }

    .bx--data-table th, .bx--data-table td {
        padding-left: .75rem;
        padding-right: .75rem;
        vertical-align: top;
        text-align: left
    }

    .bx--data-table th {
        color: #171717;
        background-color: #dcdcdc
    }

        .bx--data-table th:first-of-type:not(.bx--table-expand th) {
            padding-left: 1rem
        }

        .bx--data-table th:last-of-type {
            position: relative;
            width: auto
        }

    .bx--data-table .bx--table-header-label {
        display: block;
        padding: .875rem 0;
        text-align: left
    }

    .bx--data-table td, .bx--data-table tbody th {
        background: #f3f3f3;
        color: #565656;
        border-top: 1px solid #f3f3f3;
        border-bottom: 1px solid #dcdcdc;
        padding: .875rem .75rem;
        padding-bottom: .8125rem
    }

        .bx--data-table td + td:first-of-type, .bx--data-table tbody th + td:first-of-type {
            padding-left: .75rem
        }

@supports (-moz-appearance:none) {
    .bx--data-table td {
        background-clip: padding-box
    }
}

.bx--data-table td:first-of-type {
    padding-left: 1rem
}

.bx--data-table td:last-of-type {
    padding-right: 1rem
}

.bx--data-table .bx--table-column-menu, .bx--data-table .bx--table-column-menu:last-of-type {
    width: 3.25rem;
    min-width: 3.25rem;
    padding-top: .5rem;
    padding-right: .5rem
}

.bx--data-table td.bx--table-column-menu {
    padding-bottom: 0
}

    .bx--data-table td.bx--table-column-menu .bx--overflow-menu[aria-expanded='false']:hover {
        background: #dcdcdc
    }

    .bx--data-table td.bx--table-column-menu .bx--overflow-menu[aria-expanded='false']:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

    .bx--data-table td.bx--table-column-menu .bx--overflow-menu[aria-expanded='true']:focus {
        outline: none
    }

@media screen and (hover:hover),(-ms-high-contrast:active),(-ms-high-contrast:none) {
    .bx--data-table td.bx--table-column-menu .bx--overflow-menu .bx--overflow-menu__icon {
        opacity: 0
    }
}

.bx--data-table.bx--data-table--visible-overflow-menu td.bx--table-column-menu .bx--overflow-menu .bx--overflow-menu__icon, .bx--data-table td.bx--table-column-menu .bx--overflow-menu:hover .bx--overflow-menu__icon, .bx--data-table td.bx--table-column-menu .bx--overflow-menu:focus .bx--overflow-menu__icon, .bx--data-table tr:hover td.bx--table-column-menu .bx--overflow-menu .bx--overflow-menu__icon {
    opacity: 1
}

.bx--table-row--menu-option .bx--overflow-menu-options__btn .bx--overflow-menu-options__option-content svg {
    margin-right: .5rem;
    position: relative;
    top: .1875rem
}

.bx--data-table--zebra tbody tr:nth-child(even) td {
    border-bottom: 1px solid #f3f3f3
}

.bx--data-table--zebra tbody tr:nth-child(odd) td {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff
}

.bx--data-table--zebra tbody tr:hover td {
    background-color: #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5
}

.bx--table-column-checkbox .bx--checkbox-label {
    padding-left: 1rem
}

.bx--data-table th.bx--table-column-checkbox {
    position: relative;
    background: #dcdcdc;
    padding: .75rem .5rem 0 1rem;
    width: 2.75rem;
    -webkit-transition: background-color 70ms cubic-bezier(0,0,.38,.9);
    transition: background-color 70ms cubic-bezier(0,0,.38,.9)
}

.bx--data-table td.bx--table-column-checkbox {
    padding-top: .6875rem;
    padding-bottom: 0
}

th.bx--table-column-checkbox:hover {
    background: #cacaca
}

.bx--data-table--zebra tbody tr:nth-child(odd).bx--data-table--selected td, tr.bx--data-table--selected td {
    color: #171717;
    background-color: #dcdcdc;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #bebebe
}

.bx--data-table--zebra tbody tr:first-of-type:nth-child(odd).bx--data-table--selected td, tr.bx--data-table--selected:first-of-type td {
    border-top: 1px solid #bebebe
}

.bx--data-table--zebra tbody tr:last-of-type:nth-child(odd).bx--data-table--selected td, .bx--data-table--zebra tbody tr:last-of-type:nth-child(even).bx--data-table--selected td, tr.bx--data-table--selected:last-of-type td {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc
}

.bx--data-table--zebra tbody tr:nth-child(even).bx--data-table--selected td {
    border-bottom: 1px solid #bebebe
}

.bx--data-table--zebra tbody tr:nth-child(even).bx--data-table--selected:hover td {
    border-bottom: 1px solid #cacaca
}

.bx--data-table--zebra tbody tr:nth-child(odd).bx--data-table--selected:hover td, .bx--data-table tbody .bx--data-table--selected:hover td {
    color: #171717;
    background: #cacaca;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca
}

.bx--data-table--selected .bx--overflow-menu .bx--overflow-menu__icon {
    opacity: 1
}

.bx--data-table--compact thead tr, .bx--data-table--compact tbody tr {
    height: 1.5rem
}

.bx--data-table--compact .bx--table-header-label {
    padding: .125rem 0
}

.bx--data-table--compact td {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.bx--data-table--compact .bx--overflow-menu {
    width: 2rem;
    height: 1.4375rem
}

.bx--data-table.bx--data-table--compact .bx--table-column-menu {
    padding-top: 0
}

.bx--data-table.bx--data-table--compact .bx--table-column-checkbox {
    padding-top: 0;
    padding-bottom: 0
}

    .bx--data-table.bx--data-table--compact .bx--table-column-checkbox .bx--checkbox-label {
        min-height: 1.4375rem;
        height: 1.4375rem
    }

.bx--data-table--short thead tr, .bx--data-table--short tbody tr {
    height: 2rem
}

.bx--data-table--short .bx--table-header-label {
    padding: .4375rem 0
}

.bx--data-table--short td {
    padding-top: .4375rem;
    padding-bottom: .375rem
}

.bx--data-table--short .bx--overflow-menu {
    height: 1.9375rem
}

.bx--data-table.bx--data-table--short .bx--table-column-menu {
    padding-top: 0
}

.bx--data-table.bx--data-table--short .bx--table-column-checkbox {
    padding-top: .1875rem;
    padding-bottom: .1875rem
}

.bx--data-table--tall thead tr, .bx--data-table--tall tbody tr {
    height: 4rem
}

.bx--data-table--tall .bx--table-header-label {
    padding: 1rem 0
}

.bx--data-table--tall td {
    padding-top: 1rem
}

.bx--data-table--cell-secondary-text {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: .32px
}

.bx--data-table.bx--data-table--tall .bx--table-column-menu, .bx--data-table.bx--data-table--tall .bx--table-column-checkbox {
    padding-top: .75rem
}

.bx--data-table--static {
    width: auto
}

.bx--data-table_inner-container {
    background-color: #dcdcdc;
    padding-top: 3rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.bx--data-table--sticky-header {
    display: block;
    overflow-y: scroll
}

    .bx--data-table--sticky-header thead, .bx--data-table--sticky-header tbody, .bx--data-table--sticky-header tr, .bx--data-table--sticky-header th, .bx--data-table--sticky-header td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .bx--data-table--sticky-header thead {
        position: fixed;
        top: 0;
        width: 100%;
        overflow: scroll;
        -ms-overflow-style: none;
        will-change: transform
    }

        .bx--data-table--sticky-header thead tr th {
            border-bottom: 1px solid #bebebe
        }

    .bx--data-table--sticky-header tbody {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow-x: scroll;
        -ms-overflow-style: none;
        will-change: transform
    }

    .bx--data-table--sticky-header tr {
        min-height: 3rem;
        height: auto
    }

        .bx--data-table--sticky-header tr.bx--data-table--selected:first-of-type td {
            border-top: none
        }

    .bx--data-table--sticky-header thead::-webkit-scrollbar, .bx--data-table--sticky-header tbody::-webkit-scrollbar {
        display: none
    }

@-moz-document url-prefix() {
    .bx--data-table--sticky-header thead, .bx--data-table--sticky-header tbody {
        scrollbar-width: none
    }
}

.bx--data-table--sticky-header tbody tr:last-of-type {
    border-bottom: 0
}

.bx--data-table--sticky-header th:not(.bx--table-column-checkbox):not(.bx--table-column-menu):not(.bx--table-expand-v2):not(.bx--table-column-icon), .bx--data-table--sticky-header td:not(.bx--table-column-checkbox):not(.bx--table-column-menu):not(.bx--table-expand-v2):not(.bx--table-column-icon) {
    width: 100%;
    min-width: 0
}

.bx--data-table--sticky-header .bx--table-header-label {
    max-width: calc(100% - 10px);
    display: block;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bx--data-table--max-width {
    max-width: 56.25rem
}

.bx--data-table--sticky-header {
    max-height: 18.75rem
}

.bx--data-table tr.bx--parent-row:first-of-type td {
    border-top: 1px solid #dcdcdc
}

.bx--expandable-row--hidden td {
    border-top: 0;
    width: auto;
    padding: 1rem
}

tr.bx--parent-row:not(.bx--expandable-row) + tr[data-child-row] {
    height: 0;
    -webkit-transition: height 150ms cubic-bezier(.2,0,.38,.9);
    transition: height 150ms cubic-bezier(.2,0,.38,.9)
}

    tr.bx--parent-row:not(.bx--expandable-row) + tr[data-child-row] td {
        padding-top: 0;
        padding-bottom: 0;
        border: 0;
        background-color: #e5e5e5;
        -webkit-transition: padding 150ms cubic-bezier(.2,0,.38,.9),background-color 150ms cubic-bezier(.2,0,.38,.9);
        transition: padding 150ms cubic-bezier(.2,0,.38,.9),background-color 150ms cubic-bezier(.2,0,.38,.9)
    }

        tr.bx--parent-row:not(.bx--expandable-row) + tr[data-child-row] td .bx--child-row-inner-container {
            overflow: hidden;
            max-height: 0
        }

tr.bx--parent-row.bx--expandable-row + tr[data-child-row] {
    -webkit-transition: height 150ms cubic-bezier(.2,0,.38,.9);
    transition: height 150ms cubic-bezier(.2,0,.38,.9)
}

    tr.bx--parent-row.bx--expandable-row + tr[data-child-row] td {
        padding-bottom: 1.4375rem;
        -webkit-transition: padding 150ms cubic-bezier(.2,0,.38,.9);
        transition: padding 150ms cubic-bezier(.2,0,.38,.9)
    }

        tr.bx--parent-row.bx--expandable-row + tr[data-child-row] td .bx--child-row-inner-container {
            max-height: 100%
        }

.bx--parent-row.bx--expandable-row &gt; td, .bx--parent-row.bx--expandable-row + tr[data-child-row] &gt; td {
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: 0 1px #dcdcdc;
    box-shadow: 0 1px #dcdcdc
}

.bx--parent-row:not(.bx--expandable-row) + tr[data-child-row] &gt; td {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bx--parent-row.bx--expandable-row &gt; td:first-of-type {
    -webkit-box-shadow: none;
    box-shadow: none
}

tr.bx--parent-row:not(.bx--expandable-row) td, tr.bx--parent-row.bx--expandable-row td, tr.bx--parent-row.bx--expandable-row {
    -webkit-transition: height 240ms cubic-bezier(.2,0,.38,.9),background-color 110ms cubic-bezier(.2,0,.38,.9);
    transition: height 240ms cubic-bezier(.2,0,.38,.9),background-color 110ms cubic-bezier(.2,0,.38,.9)
}

    tr.bx--parent-row.bx--expandable-row + tr[data-child-row] td {
        -webkit-transition: all 110ms cubic-bezier(.2,0,.38,.9);
        transition: all 110ms cubic-bezier(.2,0,.38,.9)
    }

tr.bx--parent-row:not(.bx--expandable-row):first-of-type:hover td {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

tr.bx--parent-row.bx--expandable-row:hover td {
    background-color: #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #dcdcdc;
    color: #171717
}

    tr.bx--parent-row.bx--expandable-row:hover td:first-of-type {
        border-bottom: 1px solid #e5e5e5
    }

tr.bx--parent-row.bx--expandable-row:hover + tr[data-child-row] td {
    background-color: #e5e5e5;
    color: #171717;
    border-bottom: 1px solid #dcdcdc
}

tr.bx--expandable-row--hover + tr[data-child-row] td {
    border-bottom: 1px solid #dcdcdc
}

tr.bx--expandable-row--hover {
    background-color: #e5e5e5
}

    tr.bx--expandable-row--hover td {
        background-color: #e5e5e5;
        border-bottom: 1px solid #dcdcdc;
        border-top: 1px solid #e5e5e5;
        color: #171717
    }

tr.bx--parent-row.bx--expandable-row.bx--expandable-row--hover td:first-of-type {
    border-bottom: 1px solid #e5e5e5
}

.bx--data-table td.bx--table-expand {
    width: 2.5rem;
    min-width: 2.5rem;
    height: 3rem;
    vertical-align: top;
    padding: 0
}

.bx--table-expand[data-previous-value='collapsed'] .bx--table-expand__svg {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transition: -webkit-transform 150ms cubic-bezier(.2,0,.38,.9);
    transition: -webkit-transform 150ms cubic-bezier(.2,0,.38,.9);
    transition: transform 150ms cubic-bezier(.2,0,.38,.9);
    transition: transform 150ms cubic-bezier(.2,0,.38,.9),-webkit-transform 150ms cubic-bezier(.2,0,.38,.9)
}

.bx--table-expand__button {
    display: inline-block;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%
}

    .bx--table-expand__button::-moz-focus-inner {
        border: 0
    }

.bx--data-table--short .bx--table-expand__button {
    height: auto
}

.bx--table-expand__button:focus {
    outline: 1px solid transparent
}

    .bx--table-expand__button:focus .bx--table-expand__svg {
        -webkit-box-shadow: inset 0 0 0 1px #0062ff;
        box-shadow: inset 0 0 0 1px #0062ff
    }

.bx--table-expand__svg {
    fill: #171717;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 150ms cubic-bezier(.2,0,.38,.9);
    transition: -webkit-transform 150ms cubic-bezier(.2,0,.38,.9);
    transition: transform 150ms cubic-bezier(.2,0,.38,.9);
    transition: transform 150ms cubic-bezier(.2,0,.38,.9),-webkit-transform 150ms cubic-bezier(.2,0,.38,.9)
}

th.bx--table-expand {
    position: relative;
    vertical-align: middle
}

    th.bx--table-expand + th.bx--table-column-checkbox {
        padding-left: .5rem
    }

tr.bx--parent-row.bx--expandable-row td.bx--table-expand + td::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -.0625rem;
    height: .0625rem;
    width: .5rem;
    background: #f3f3f3
}

tr.bx--parent-row.bx--expandable-row:hover td.bx--table-expand + td::after, tr.bx--parent-row.bx--expandable-row.bx--expandable-row--hover td.bx--table-expand + td::after {
    background: #e5e5e5
}

tr.bx--parent-row.bx--data-table--selected td.bx--table-expand + td::after {
    display: none
}

tr.bx--parent-row.bx--data-table--selected:first-of-type td {
    background: #dcdcdc;
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: 0 1px #bebebe;
    box-shadow: 0 1px #bebebe
}

tr.bx--parent-row.bx--data-table--selected td {
    background: #dcdcdc;
    color: #171717;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: 0 1px #bebebe;
    box-shadow: 0 1px #bebebe
}

tr.bx--parent-row.bx--data-table--selected:last-of-type td {
    background: #dcdcdc;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: 0 1px #dcdcdc;
    box-shadow: 0 1px #dcdcdc
}

tr.bx--parent-row.bx--data-table--selected:not(.bx--expandable-row):hover td {
    background: #cacaca;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: 0 1px #cacaca;
    box-shadow: 0 1px #cacaca
}

tr.bx--parent-row.bx--data-table--selected.bx--expandable-row td, tr.bx--parent-row.bx--data-table--selected.bx--expandable-row td:first-of-type {
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: 0 1px #dcdcdc;
    box-shadow: 0 1px #dcdcdc
}

tr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover td, tr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover td:first-of-type, tr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover td, tr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover td:first-of-type {
    background: #cacaca;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: 0 1px #cacaca;
    box-shadow: 0 1px #cacaca
}

tr.bx--parent-row.bx--data-table--selected.bx--expandable-row + tr[data-child-row] td {
    color: #171717;
    background-color: #e5e5e5;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: 0 1px #bebebe;
    box-shadow: 0 1px #bebebe;
    border-top: 1px solid #bebebe
}

tr.bx--parent-row.bx--data-table--selected.bx--expandable-row + tr[data-child-row]:last-of-type td {
    -webkit-box-shadow: inset 0 -1px #bebebe;
    box-shadow: inset 0 -1px #bebebe;
    padding-bottom: 1.5rem
}

tr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover + tr[data-child-row] td, tr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover + tr[data-child-row] td {
    background: #dcdcdc
}

.bx--data-table--sort th, .bx--data-table--sort th:first-of-type:not(.bx--table-column-checkbox):not(.bx--table-expand) {
    padding: 0;
    height: 3rem;
    border-top: none;
    border-bottom: none
}

.bx--data-table--sort td {
    padding-left: .5rem;
    padding-right: .5rem
}

.bx--data-table--sort th:first-of-type .bx--table-sort {
    padding-left: .75rem
}

.bx--table-sort {
    display: inline-block;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    position: relative;
    font: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    color: #171717;
    padding: 0 .5rem;
    height: 100%;
    background-color: #dcdcdc;
    -webkit-transition: background-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);
    transition: background-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9)
}

    .bx--table-sort::-moz-focus-inner {
        border: 0
    }

    .bx--table-sort:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

    .bx--table-sort:hover {
        background: #cacaca
    }

        .bx--table-sort:focus svg, .bx--table-sort:hover svg {
            opacity: 1
        }

    .bx--table-sort .bx--table-sort__icon-inactive {
        display: block
    }

    .bx--table-sort .bx--table-sort__icon {
        display: none
    }

.bx--table-sort__icon-unsorted {
    position: relative;
    left: .125rem;
    margin-left: .5rem;
    margin-right: 0;
    opacity: 0;
    fill: #171717;
    width: auto;
    min-width: 1rem
}

.bx--table-sort.bx--table-sort--active .bx--table-sort__icon-unsorted {
    display: none
}

.bx--table-sort.bx--table-sort--active .bx--table-sort__icon {
    display: block;
    opacity: 1
}

.bx--table-sort--ascending .bx--table-sort__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bx--table-sort__icon {
    position: relative;
    left: .125rem;
    margin-left: .5rem;
    margin-right: 0;
    -webkit-transition: -webkit-transform 110ms cubic-bezier(.2,0,.38,.9);
    transition: -webkit-transform 110ms cubic-bezier(.2,0,.38,.9);
    transition: transform 110ms cubic-bezier(.2,0,.38,.9);
    transition: transform 110ms cubic-bezier(.2,0,.38,.9),-webkit-transform 110ms cubic-bezier(.2,0,.38,.9);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 0;
    fill: #171717;
    width: auto;
    min-width: 1rem
}

.bx--data-table--compact.bx--data-table--sort th {
    height: 1.5rem
}

    .bx--data-table--compact.bx--data-table--sort th .bx--table-sort {
        padding-top: 0;
        padding-bottom: 0
    }

.bx--data-table--short.bx--data-table--sort th {
    height: 2rem
}

    .bx--data-table--short.bx--data-table--sort th .bx--table-sort {
        padding-top: 0;
        padding-bottom: 0
    }

.bx--data-table--tall.bx--data-table--sort th {
    height: 4rem
}

    .bx--data-table--tall.bx--data-table--sort th .bx--table-sort {
        padding-top: 0;
        padding-bottom: 0
    }

        .bx--data-table--tall.bx--data-table--sort th .bx--table-sort svg {
            -ms-flex-item-align: start;
            align-self: flex-start;
            top: .5rem
        }

        .bx--data-table--tall.bx--data-table--sort th .bx--table-sort .bx--table-header-label {
            -ms-flex-item-align: start;
            align-self: flex-start;
            position: relative;
            top: -.5rem;
            max-height: 3rem;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical
        }

.bx--inline-edit-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .bx--inline-edit-label:hover .bx--inline-edit-label__icon {
        opacity: 1
    }

.bx--inline-edit-label--inactive {
    display: none
}

.bx--inline-edit-label__action {
    display: inline-block;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer
}

    .bx--inline-edit-label__action::-moz-focus-inner {
        border: 0
    }

    .bx--inline-edit-label__action:hover {
        cursor: pointer
    }

    .bx--inline-edit-label__action:focus {
        outline: 1px solid #0062ff;
        padding: .125rem
    }

        .bx--inline-edit-label__action:focus .bx--inline-edit-label__icon {
            width: auto;
            opacity: 1
        }

.bx--inline-edit-label__icon {
    fill: #171717;
    opacity: 0
}

.bx--inline-edit-input {
    display: none
}

.bx--inline-edit-input--active {
    display: block;
    margin-left: -.75rem
}

    .bx--inline-edit-input--active input {
        padding-left: .75rem
    }

.bx--data-table--short input {
    height: 2rem
}

.bx--data-table--short select {
    padding: .45rem 2.75rem .45rem 1rem
}

.bx--data-table--short .bx--select__arrow {
    top: .875rem
}

.bx--data-table.bx--skeleton th {
    border-bottom: 1px solid #0062ff;
    vertical-align: middle
}

    .bx--data-table.bx--skeleton th:nth-child(3n + 1) {
        width: 10%
    }

    .bx--data-table.bx--skeleton th:nth-child(3n + 2) {
        width: 30%
    }

    .bx--data-table.bx--skeleton th:nth-child(3n + 3) {
        width: 15%
    }

    .bx--data-table.bx--skeleton th span, .bx--data-table.bx--skeleton td span {
        position: relative;
        border: none;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        pointer-events: none;
        background: #e5e5e5;
        width: 75%;
        height: 1rem;
        display: block
    }

        .bx--data-table.bx--skeleton th span:hover, .bx--data-table.bx--skeleton th span:focus, .bx--data-table.bx--skeleton th span:active, .bx--data-table.bx--skeleton td span:hover, .bx--data-table.bx--skeleton td span:focus, .bx--data-table.bx--skeleton td span:active {
            border: none;
            outline: none;
            cursor: default
        }

        .bx--data-table.bx--skeleton th span:before, .bx--data-table.bx--skeleton td span:before {
            content: '';
            width: 0%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: #bebebe;
            -webkit-animation: 3000ms ease-in-out skeleton infinite;
            animation: 3000ms ease-in-out skeleton infinite
        }

.bx--data-table.bx--skeleton tr:hover td {
    border-color: #dcdcdc;
    background: transparent
}

    .bx--data-table.bx--skeleton tr:hover td:first-of-type, .bx--data-table.bx--skeleton tr:hover td:last-of-type {
        border-color: #dcdcdc
    }

.bx--data-table-v2.bx--skeleton .bx--table-sort-v2 {
    pointer-events: none
}

.bx--structured-list--selection .bx--structured-list-td, .bx--structured-list--selection .bx--structured-list-th {
    padding-left: 1rem;
    padding-right: 1rem
}

    .bx--structured-list--selection .bx--structured-list-td:first-child, .bx--structured-list--selection .bx--structured-list-th:first-child {
        padding-left: 1rem;
        padding-right: 1rem
    }

.bx--structured-list-input {
    display: none
}

.bx--structured-list {
    display: table;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    min-width: 500px;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 5rem;
    background-color: transparent
}

    .bx--structured-list.bx--structured-list--condensed .bx--structured-list-td, .bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {
        padding: .5rem;
        padding-left: 0
    }

.bx--structured-list-row {
    display: table-row;
    border-bottom: 1px solid #dcdcdc;
    -webkit-transition: background-color 110ms cubic-bezier(.2,0,.38,.9);
    transition: background-color 110ms cubic-bezier(.2,0,.38,.9)
}

.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
    background-color: #f3f3f3;
    cursor: pointer;
    border-bottom: 1px solid #f3f3f3
}

.bx--structured-list-row.bx--structured-list-row--selected {
    background-color: #dcdcdc
}

.bx--structured-list-row.bx--structured-list-row--header-row {
    border-bottom: 1px solid #dcdcdc;
    cursor: inherit
}

.bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
    outline: 2px solid #0062ff;
    outline-offset: -2px
}

.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) &gt; .bx--structured-list-td, .bx--structured-list-row.bx--structured-list-row--selected &gt; .bx--structured-list-td {
    color: #171717
}

.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) &gt; .bx--structured-list-td {
    border-top: 1px solid #f3f3f3
}

.bx--structured-list-thead {
    display: table-header-group;
    vertical-align: middle
}

.bx--structured-list-th {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: .5rem;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.125rem;
    letter-spacing: .16px;
    display: table-cell;
    font-weight: 600;
    height: 2.5rem;
    text-align: left;
    text-transform: none;
    vertical-align: bottom
}

.bx--structured-list-tbody {
    display: table-row-group;
    vertical-align: middle
}

.bx--structured-list-td {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .16px;
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    line-height: 1.3125rem;
    position: relative;
    display: table-cell;
    max-width: 36rem;
    -webkit-transition: color 110ms cubic-bezier(.2,0,.38,.9);
    transition: color 110ms cubic-bezier(.2,0,.38,.9)
}

.bx--structured-list-th {
    color: #171717
}

.bx--structured-list-td {
    color: #565656
}

.bx--structured-list-content--nowrap {
    white-space: nowrap
}

.bx--structured-list-svg {
    display: inline-block;
    fill: transparent;
    vertical-align: middle;
    -webkit-transition: all 110ms cubic-bezier(.2,0,.38,.9);
    transition: all 110ms cubic-bezier(.2,0,.38,.9)
}

.bx--structured-list-row:hover .bx--structured-list-svg {
    fill: #a4a4a4
}

.bx--structured-list-input:checked + .bx--structured-list-row .bx--structured-list-svg, .bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
    fill: #171717
}

.bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {
    width: 8%
}

.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n + 2) {
    width: 30%
}

.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n + 3) {
    width: 15%
}

.bx--structured-list.bx--skeleton .bx--structured-list-th span {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    width: 75%;
    height: 1rem;
    display: block
}

    .bx--structured-list.bx--skeleton .bx--structured-list-th span:hover, .bx--structured-list.bx--skeleton .bx--structured-list-th span:focus, .bx--structured-list.bx--skeleton .bx--structured-list-th span:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--structured-list.bx--skeleton .bx--structured-list-th span:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

.bx--structured-list.bx--skeleton .bx--structured-list-th span {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    width: 75%;
    height: 1rem;
    display: block
}

    .bx--structured-list.bx--skeleton .bx--structured-list-th span:hover, .bx--structured-list.bx--skeleton .bx--structured-list-th span:focus, .bx--structured-list.bx--skeleton .bx--structured-list-th span:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--structured-list.bx--skeleton .bx--structured-list-th span:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child {
    width: 5%
}

    .bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child span {
        display: none
    }

.bx--snippet code {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: .32px
}

.bx--snippet--inline {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: .32px;
    position: relative;
    display: inline;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 4px;
    background-color: #f3f3f3;
    color: #171717;
    cursor: pointer
}

    .bx--snippet--inline:hover {
        background-color: #dcdcdc
    }

    .bx--snippet--inline:active {
        background-color: #bebebe
    }

    .bx--snippet--inline:focus {
        outline: none;
        border: 2px solid #0062ff
    }

    .bx--snippet--inline code {
        padding: 0 .5rem
    }

    .bx--snippet--inline.bx--snippet--light {
        background-color: #fff
    }

        .bx--snippet--inline.bx--snippet--light:hover {
            background-color: rgba(23,23,23,.1)
        }

.bx--snippet--single {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: .32px;
    background: #f3f3f3;
    border: 1px solid #dcdcdc;
    position: relative;
    max-width: 37.5rem;
    width: 100%;
    border: none;
    max-width: 47.5rem;
    min-width: 20rem;
    height: 2.5rem;
    padding: 0 56px 0 1rem
}

    .bx--snippet--single .bx--snippet-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow-x: auto;
        position: relative;
        padding: 0 0 1rem 0;
        height: 3.5rem
    }

    .bx--snippet--single pre {
        white-space: nowrap;
        font-size: .75rem;
        font-weight: 400;
        line-height: 1rem;
        letter-spacing: .32px;
        padding-right: .5rem
    }

    .bx--snippet--single::after {
        width: 1rem;
        height: 100%;
        content: '';
        position: absolute;
        top: 0;
        right: 3.5rem;
        background-image: -webkit-gradient(linear,left top,right top,from(transparent),to(#f3f3f3));
        background-image: linear-gradient(to right,transparent,#f3f3f3)
    }

.bx--snippet--multi {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: .32px;
    background: #f3f3f3;
    border: 1px solid #dcdcdc;
    position: relative;
    max-width: 37.5rem;
    width: 100%;
    border: none;
    padding: 1rem;
    min-width: 20rem;
    max-width: 100%
}

    .bx--snippet--multi .bx--snippet-container {
        overflow: hidden;
        position: relative;
        max-height: 14.875rem;
        min-height: 3.5rem;
        -webkit-transition: max-height 150ms cubic-bezier(.2,0,.38,.9);
        transition: max-height 150ms cubic-bezier(.2,0,.38,.9)
    }

    .bx--snippet--multi.bx--snippet--expand .bx--snippet-container {
        max-height: 93.75rem;
        -webkit-transition: max-height 150ms cubic-bezier(.2,0,.38,.9);
        transition: max-height 150ms cubic-bezier(.2,0,.38,.9)
    }

    .bx--snippet--multi .bx--snippet-container pre {
        overflow: hidden;
        padding-bottom: 1.5rem
    }

    .bx--snippet--multi.bx--snippet--expand .bx--snippet-container pre {
        overflow-x: scroll
    }

    .bx--snippet--multi .bx--snippet-container pre::after {
        width: 1rem;
        height: 100%;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        background-image: -webkit-gradient(linear,left top,right top,from(transparent),to(#f3f3f3));
        background-image: linear-gradient(to right,transparent,#f3f3f3)
    }

    .bx--snippet--multi .bx--snippet-container pre code {
        overflow: hidden
    }

.bx--snippet__icon {
    fill: #171717;
    height: 1rem;
    width: 1rem;
    -webkit-transition: all 70ms cubic-bezier(.2,0,.38,.9);
    transition: all 70ms cubic-bezier(.2,0,.38,.9)
}

.bx--snippet-button {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background-color: #f3f3f3;
    outline: none;
    padding: 0;
    height: 2.5rem;
    width: 2.5rem;
    overflow: visible
}

    .bx--snippet-button:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px;
        outline-color: #0062ff
    }

.bx--snippet--multi .bx--snippet-button {
    height: 2rem;
    width: 2rem;
    top: .5rem;
    right: .5rem
}

.bx--snippet-button:hover {
    background: #e5e5e5
}

.bx--snippet-button:active {
    background-color: #bebebe
}

.bx--btn--copy__feedback {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    z-index: 8000;
    font-weight: 400;
    left: inherit;
    top: .75rem;
    right: 1.25rem
}

    .bx--btn--copy__feedback:before, .bx--btn--copy__feedback:after {
        background: #3d3d3d
    }

    .bx--btn--copy__feedback:after {
        border: none
    }

button.bx--btn.bx--snippet-btn--expand {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: .5rem;
    bottom: .5rem;
    padding: .5rem;
    padding-left: 1rem;
    color: #171717;
    background-color: #f3f3f3
}

    button.bx--btn.bx--snippet-btn--expand .bx--snippet-btn--text {
        position: relative;
        top: -.0625rem
    }

.bx--snippet-btn--expand--hide.bx--snippet-btn--expand {
    display: none
}

.bx--snippet-btn--expand .bx--icon-chevron--down {
    fill: #171717;
    margin-left: .5rem;
    margin-bottom: .0625rem;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 150ms cubic-bezier(.2,0,.38,.9);
    transition: 150ms cubic-bezier(.2,0,.38,.9)
}

button.bx--btn.bx--snippet-btn--expand:hover {
    background: #e5e5e5;
    color: #171717
}

.bx--snippet-btn--expand:active {
    background-color: #bebebe
}

.bx--snippet-btn--expand:focus {
    outline: 2px solid #0062ff;
    outline-offset: -2px
}

.bx--snippet--expand .bx--snippet-btn--expand .bx--icon-chevron--down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 240ms;
    transition: -webkit-transform 240ms;
    transition: transform 240ms;
    transition: transform 240ms,-webkit-transform 240ms
}

.bx--snippet--code.bx--skeleton {
    height: 6.125rem
}

.bx--snippet--terminal.bx--skeleton {
    height: 3.5rem
}

.bx--snippet.bx--skeleton .bx--snippet-container {
    height: 100%
}

.bx--snippet.bx--skeleton code {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    width: 100%;
    height: 1rem;
    display: block
}

    .bx--snippet.bx--skeleton code:hover, .bx--snippet.bx--skeleton code:focus, .bx--snippet.bx--skeleton code:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--snippet.bx--skeleton code:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

.bx--snippet-button .bx--btn--copy__feedback {
    top: 1.5625rem;
    left: 1rem;
    right: auto
}

.bx--snippet--inline .bx--btn--copy__feedback {
    right: auto;
    left: 50%
}

bx--snippet--multi.bx--skeleton {
    height: 6.125rem
}

.bx--snippet--single.bx--skeleton {
    height: 3.5rem
}

.bx--snippet.bx--skeleton .bx--snippet-container {
    height: 100%
}

.bx--snippet.bx--skeleton span {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    width: 100%;
    height: 1rem;
    display: block;
    margin-top: .5rem
}

    .bx--snippet.bx--skeleton span:hover, .bx--snippet.bx--skeleton span:focus, .bx--snippet.bx--skeleton span:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--snippet.bx--skeleton span:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

    .bx--snippet.bx--skeleton span:first-child {
        margin: 0
    }

    .bx--snippet.bx--skeleton span:nth-child(2) {
        width: 85%
    }

    .bx--snippet.bx--skeleton span:nth-child(3) {
        width: 95%
    }

.bx--snippet--single.bx--skeleton .bx--snippet-container {
    padding-bottom: 0
}

.bx--snippet--inline .bx--btn--copy__feedback {
    right: auto
}

.bx--snippet--code.bx--skeleton {
    height: 6.125rem
}

.bx--snippet--terminal.bx--skeleton {
    height: 3.5rem
}

.bx--snippet.bx--skeleton .bx--snippet-container {
    height: 100%
}

.bx--snippet.bx--skeleton code {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    width: 100%;
    height: 1rem;
    display: block
}

    .bx--snippet.bx--skeleton code:hover, .bx--snippet.bx--skeleton code:focus, .bx--snippet.bx--skeleton code:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--snippet.bx--skeleton code:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

.bx--overflow-menu__trigger {
    display: inline-block;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    width: 100%
}

    .bx--overflow-menu__trigger::-moz-focus-inner {
        border: 0
    }

.bx--overflow-menu, .bx--overflow-menu__trigger {
    outline: 2px solid transparent;
    outline-offset: -2px;
    position: relative;
    width: 2rem;
    height: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9);
    transition: outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9)
}

    .bx--overflow-menu:focus, .bx--overflow-menu__trigger:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

    .bx--overflow-menu:hover, .bx--overflow-menu__trigger:hover {
        background-color: #e5e5e5
    }

    .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

        .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus svg {
            outline: none
        }

    .bx--overflow-menu.bx--overflow-menu--open, .bx--overflow-menu.bx--overflow-menu--open .bx--overflow-menu__trigger {
        background-color: #f3f3f3;
        -webkit-transition: none;
        transition: none;
        -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);
        box-shadow: 0 2px 6px 0 rgba(0,0,0,.3)
    }

.bx--overflow-menu__icon {
    height: 1rem;
    width: 1rem;
    fill: #171717
}

.bx--overflow-menu-options {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: absolute;
    z-index: 10000;
    background-color: #f3f3f3;
    width: 10rem;
    list-style: none;
    top: 32px;
    left: 0
}

    .bx--overflow-menu-options::after {
        content: '';
        position: absolute;
        display: block;
        background-color: #f3f3f3;
        -webkit-transition: background-color 110ms cubic-bezier(0,0,.38,.9);
        transition: background-color 110ms cubic-bezier(0,0,.38,.9)
    }

    .bx--overflow-menu-options[data-floating-menu-direction='bottom']::after {
        top: -.1875rem;
        left: 0;
        width: 2rem;
        height: .1875rem
    }

    .bx--overflow-menu-options[data-floating-menu-direction='top']::after {
        bottom: -.375rem;
        left: 0;
        width: 2rem;
        height: .375rem
    }

    .bx--overflow-menu-options[data-floating-menu-direction='left']::after {
        right: -.375rem;
        top: 0;
        height: 2rem;
        width: .375rem
    }

    .bx--overflow-menu-options[data-floating-menu-direction='right']::after {
        top: 0;
        left: -.375rem;
        height: 2rem;
        width: .375rem
    }

.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction='top']::after, .bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction='bottom']::after {
    left: auto;
    right: 0
}

.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction='left']::after, .bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction='right']::after {
    top: auto;
    bottom: 0
}

.bx--overflow-menu-options--open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bx--overflow-menu-options__option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 2.5rem;
    padding: 0;
    -webkit-transition: background-color 110ms cubic-bezier(0,0,.38,.9);
    transition: background-color 110ms cubic-bezier(0,0,.38,.9)
}

.bx--overflow-menu--divider {
    border-top: 1px solid #dcdcdc
}

a.bx--overflow-menu-options__btn::before {
    content: '';
    height: 100%;
    vertical-align: middle;
    display: inline-block
}

.bx--overflow-menu-options__btn {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    outline: 2px solid transparent;
    outline-offset: -2px;
    font-weight: 400;
    width: 100%;
    height: 100%;
    border: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    text-align: left;
    padding: 0 1rem;
    cursor: pointer;
    color: #565656;
    max-width: 11.25rem;
    -webkit-transition: outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9),color 110ms cubic-bezier(0,0,.38,.9);
    transition: outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9),color 110ms cubic-bezier(0,0,.38,.9)
}

    .bx--overflow-menu-options__btn:hover {
        color: #171717
    }

    .bx--overflow-menu-options__btn:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

    .bx--overflow-menu-options__btn::-moz-focus-inner {
        border: none
    }

    .bx--overflow-menu-options__btn svg {
        fill: #565656
    }

    .bx--overflow-menu-options__btn:hover svg {
        fill: #171717
    }

.bx--overflow-menu-options__option-content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bx--overflow-menu-options__option:hover {
    background-color: #e5e5e5
}

.bx--overflow-menu-options__option--danger {
    border-top: 1px solid #dcdcdc
}

    .bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover, .bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus {
        color: #fff;
        background-color: #da1e28
    }

        .bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover svg, .bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus svg {
            fill: #fff
        }

.bx--overflow-menu-options__option--disabled:hover {
    background-color: #f3f3f3;
    cursor: not-allowed
}

.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn {
    color: #bebebe;
    pointer-events: none
}

    .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:hover, .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:active, .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:focus {
        outline: 2px solid transparent;
        outline-offset: -2px;
        background-color: #f3f3f3
    }

    .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn svg {
        fill: #bebebe
    }

.bx--overflow-menu--flip {
    left: -140px
}

    .bx--overflow-menu--flip:before {
        left: 145px
    }

.bx--content-switcher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    width: 100%;
    height: 2rem
}

.bx--content-switcher--disabled {
    cursor: not-allowed
}

.bx--content-switcher-btn {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    outline: 2px solid transparent;
    outline-offset: -2px;
    background-color: #f3f3f3;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 2.5rem;
    padding: .5rem 1rem;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    border: none;
    color: #565656;
    -webkit-transition: all 70ms cubic-bezier(.2,0,.38,.9);
    transition: all 70ms cubic-bezier(.2,0,.38,.9);
    position: relative
}

    .bx--content-switcher-btn:focus {
        -webkit-box-shadow: inset 0 0 0 2px #0062ff;
        box-shadow: inset 0 0 0 2px #0062ff;
        z-index: 3
    }

    .bx--content-switcher-btn:hover {
        cursor: pointer
    }

    .bx--content-switcher-btn:hover, .bx--content-switcher-btn:active {
        background-color: #e5e5e5;
        color: #171717;
        z-index: 3
    }

    .bx--content-switcher-btn:disabled {
        color: #bebebe;
        background-color: #f3f3f3;
        pointer-events: none
    }

        .bx--content-switcher-btn:disabled:hover {
            cursor: not-allowed
        }

    .bx--content-switcher-btn:first-child {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .bx--content-switcher-btn:last-child {
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

    .bx--content-switcher-btn:not(:first-of-type)::before {
        content: '';
        display: block;
        height: 1rem;
        width: .0625rem;
        background-color: #dcdcdc;
        position: absolute;
        z-index: 2;
        left: 0
    }

    .bx--content-switcher-btn.bx--content-switcher--selected::before, .bx--content-switcher-btn.bx--content-switcher--selected + .bx--content-switcher-btn::before, .bx--content-switcher-btn:focus::before, .bx--content-switcher-btn:focus + .bx--content-switcher-btn::before, .bx--content-switcher-btn:hover::before, .bx--content-switcher-btn:hover + .bx--content-switcher-btn::before {
        background-color: transparent
    }

.bx--content-switcher__icon {
    fill: #565656;
    -webkit-transition: fill 70ms cubic-bezier(.2,0,.38,.9);
    transition: fill 70ms cubic-bezier(.2,0,.38,.9)
}

    .bx--content-switcher__icon + span {
        margin-left: .5rem
    }

.bx--content-switcher__label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.bx--content-switcher-btn:hover .bx--content-switcher__icon, .bx--content-switcher-btn:focus .bx--content-switcher__icon {
    fill: #171717
}

.bx--content-switcher-btn.bx--content-switcher--selected {
    background-color: #171717;
    color: #fff;
    z-index: 3
}

    .bx--content-switcher-btn.bx--content-switcher--selected:disabled {
        background-color: #8c8c8c;
        color: #bebebe
    }

    .bx--content-switcher-btn.bx--content-switcher--selected .bx--content-switcher__icon {
        fill: #fff
    }

.flatpickr-calendar {
    background: transparent;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 315px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);
    box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08)
}

    .flatpickr-calendar.open, .flatpickr-calendar.inline {
        opacity: 1;
        visibility: visible;
        overflow: visible;
        max-height: 640px
    }

    .flatpickr-calendar.open {
        display: inline-block;
        z-index: 99999
    }

    .flatpickr-calendar.animate.open {
        -webkit-animation: fpFadeInDown 110ms cubic-bezier(0,0,.38,.9);
        animation: fpFadeInDown 110ms cubic-bezier(0,0,.38,.9)
    }

    .flatpickr-calendar.inline {
        display: block;
        position: relative;
        top: 2px
    }

    .flatpickr-calendar.static {
        position: absolute;
        top: calc(100% + 2px)
    }

        .flatpickr-calendar.static.open {
            z-index: 999;
            display: block
        }

    .flatpickr-calendar.hasWeeks {
        width: auto
    }

        .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
            border-bottom: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .flatpickr-calendar .hasWeeks .dayContainer {
            border-left: 0
        }

    .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
        height: 40px;
        border-top: 1px solid #e6e6e6
    }

    .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
        height: auto
    }

    .flatpickr-calendar:before, .flatpickr-calendar:after {
        position: absolute;
        display: block;
        pointer-events: none;
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        left: 22px
    }

    .flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after {
        left: auto;
        right: 22px
    }

    .flatpickr-calendar:before {
        border-width: 5px;
        margin: 0 -5px
    }

    .flatpickr-calendar:after {
        border-width: 4px;
        margin: 0 -4px
    }

    .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
        bottom: 100%
    }

    .flatpickr-calendar.arrowTop:before {
        border-bottom-color: #e6e6e6
    }

    .flatpickr-calendar.arrowTop:after {
        border-bottom-color: #fff
    }

    .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
        top: 100%
    }

    .flatpickr-calendar.arrowBottom:before {
        border-top-color: #e6e6e6
    }

    .flatpickr-calendar.arrowBottom:after {
        border-top-color: #fff
    }

    .flatpickr-calendar:focus {
        outline: 0
    }

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-month {
    background: transparent;
    color: rgba(0,0,0,.9);
    fill: rgba(0,0,0,.9);
    height: 28px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden
}

.flatpickr-prev-month, .flatpickr-next-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    line-height: 16px;
    height: 28px;
    padding: 10px calc(3.57% - 1.5px);
    z-index: 3
}

    .flatpickr-prev-month i, .flatpickr-next-month i {
        position: relative
    }

    .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-next-month.flatpickr-prev-month {
        left: 0
    }

    .flatpickr-prev-month.flatpickr-next-month, .flatpickr-next-month.flatpickr-next-month {
        right: 0
    }

    .flatpickr-prev-month:hover, .flatpickr-next-month:hover {
        color: #959ea9
    }

        .flatpickr-prev-month:hover svg, .flatpickr-next-month:hover svg {
            fill: #f64747
        }

    .flatpickr-prev-month svg, .flatpickr-next-month svg {
        width: 14px
    }

        .flatpickr-prev-month svg path, .flatpickr-next-month svg path {
            -webkit-transition: fill 0.1s;
            transition: fill 0.1s;
            fill: inherit
        }

.numInputWrapper {
    position: relative;
    height: auto
}

    .numInputWrapper input, .numInputWrapper span {
        display: inline-block
    }

    .numInputWrapper input {
        width: 100%
    }

    .numInputWrapper span {
        position: absolute;
        right: 0;
        width: 14px;
        padding: 0 4px 0 2px;
        height: 50%;
        line-height: 50%;
        opacity: 0;
        cursor: pointer;
        border: 1px solid rgba(57,57,57,.05);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .numInputWrapper span:hover {
            background: rgba(0,0,0,.1)
        }

        .numInputWrapper span:active {
            background: rgba(0,0,0,.2)
        }

        .numInputWrapper span:after {
            display: block;
            content: '';
            position: absolute;
            top: 33%
        }

        .numInputWrapper span.arrowUp {
            top: 0;
            border-bottom: 0
        }

            .numInputWrapper span.arrowUp:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-bottom: 4px solid rgba(57,57,57,.6)
            }

        .numInputWrapper span.arrowDown {
            top: 50%
        }

            .numInputWrapper span.arrowDown:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid rgba(57,57,57,.6)
            }

        .numInputWrapper span svg {
            width: inherit;
            height: auto
        }

            .numInputWrapper span svg path {
                fill: rgba(0,0,0,.5)
            }

    .numInputWrapper:hover {
        background: rgba(0,0,0,.05)
    }

        .numInputWrapper:hover span {
            opacity: 1
        }

.flatpickr-current-month {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.125rem;
    letter-spacing: .16px;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 6.16px 0 0 0;
    height: 28px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .flatpickr-current-month.slideLeft {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        -webkit-animation: fpFadeOut 400ms ease,fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);
        animation: fpFadeOut 400ms ease,fpSlideLeft 400ms cubic-bezier(.23,1,.32,1)
    }

    .flatpickr-current-month.slideLeftNew {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        -webkit-animation: fpFadeIn 400ms ease,fpSlideLeftNew 400ms cubic-bezier(.23,1,.32,1);
        animation: fpFadeIn 400ms ease,fpSlideLeftNew 400ms cubic-bezier(.23,1,.32,1)
    }

    .flatpickr-current-month.slideRight {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        -webkit-animation: fpFadeOut 400ms ease,fpSlideRight 400ms cubic-bezier(.23,1,.32,1);
        animation: fpFadeOut 400ms ease,fpSlideRight 400ms cubic-bezier(.23,1,.32,1)
    }

    .flatpickr-current-month.slideRightNew {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-animation: fpFadeIn 400ms ease,fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1);
        animation: fpFadeIn 400ms ease,fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1)
    }

    .flatpickr-current-month span.cur-month {
        font-family: inherit;
        font-weight: 600;
        color: inherit;
        display: inline-block;
        margin-left: .5ch;
        padding: 0
    }

        .flatpickr-current-month span.cur-month:hover {
            background: rgba(0,0,0,.05)
        }

    .flatpickr-current-month .numInputWrapper {
        width: 6ch;
        width: 7ch\0;
        display: inline-block
    }

        .flatpickr-current-month .numInputWrapper span.arrowUp:after {
            border-bottom-color: rgba(0,0,0,.9)
        }

        .flatpickr-current-month .numInputWrapper span.arrowDown:after {
            border-top-color: rgba(0,0,0,.9)
        }

    .flatpickr-current-month input.cur-year {
        background: transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: inherit;
        cursor: default;
        padding: 0 0 0 .5ch;
        margin: 0;
        display: inline-block;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        line-height: inherit;
        height: auto;
        border: 0;
        border-radius: 0;
        vertical-align: baseline
    }

        .flatpickr-current-month input.cur-year:focus {
            outline: 0
        }

        .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
            font-size: 100%;
            color: rgba(0,0,0,.5);
            background: transparent;
            pointer-events: none
        }

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 315px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    height: 28px
}

span.flatpickr-weekday {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    cursor: default;
    background: transparent;
    color: rgba(0,0,0,.54);
    margin: 0;
    text-align: center;
    display: block;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.dayContainer, .flatpickr-weeks {
    padding: 1px 0 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    width: 315px
}

    .flatpickr-days:focus {
        outline: 0
    }

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 315px;
    min-width: 315px;
    max-width: 315px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
}

.flatpickr-calendar.animate .dayContainer.slideLeft {
    -webkit-animation: fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);
    animation: fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1)
}

.flatpickr-calendar.animate .dayContainer.slideLeft, .flatpickr-calendar.animate .dayContainer.slideLeftNew {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.flatpickr-calendar.animate .dayContainer.slideLeftNew {
    -webkit-animation: fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);
    animation: fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1)
}

.flatpickr-calendar.animate .dayContainer.slideRight {
    -webkit-animation: fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideRight 400ms cubic-bezier(.23,1,.32,1);
    animation: fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideRight 400ms cubic-bezier(.23,1,.32,1);
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.flatpickr-calendar.animate .dayContainer.slideRightNew {
    -webkit-animation: fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1);
    animation: fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1)
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    display: inline-block;
    position: relative;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center
}

    .flatpickr-day.week.selected {
        border-radius: 0;
        -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
        box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7
    }

.flatpickr-weekwrapper {
    display: inline-block;
    float: left
}

    .flatpickr-weekwrapper .flatpickr-weeks {
        padding: 0 12px;
        -webkit-box-shadow: 1px 0 0 #e6e6e6;
        box-shadow: 1px 0 0 #e6e6e6
    }

    .flatpickr-weekwrapper .flatpickr-weekday {
        float: none;
        width: 100%;
        line-height: 28px
    }

    .flatpickr-weekwrapper span.flatpickr-day {
        display: block;
        width: 100%;
        max-width: none
    }

.flatpickr-innerContainer {
    display: block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

    .flatpickr-time:after {
        content: '';
        display: table;
        clear: both
    }

    .flatpickr-time .numInputWrapper {
        -ms-flex: 1;
        -webkit-box-flex: 1;
        flex: 1;
        width: 40%;
        height: 40px;
        float: left
    }

        .flatpickr-time .numInputWrapper span.arrowUp:after {
            border-bottom-color: #393939
        }

        .flatpickr-time .numInputWrapper span.arrowDown:after {
            border-top-color: #393939
        }

    .flatpickr-time.hasSeconds .numInputWrapper {
        width: 26%
    }

    .flatpickr-time.time24hr .numInputWrapper {
        width: 49%
    }

    .flatpickr-time input {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-radius: 0;
        text-align: center;
        margin: 0;
        padding: 0;
        height: inherit;
        line-height: inherit;
        cursor: pointer;
        color: #393939;
        font-size: 14px;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .flatpickr-time input.flatpickr-hour {
            font-weight: 700
        }

        .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
            font-weight: 400
        }

        .flatpickr-time input:focus {
            outline: 0;
            border: 0
        }

    .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
        height: inherit;
        display: inline-block;
        float: left;
        line-height: inherit;
        color: #393939;
        font-weight: 700;
        width: 2%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .flatpickr-time .flatpickr-am-pm {
        outline: 0;
        width: 18%;
        cursor: pointer;
        text-align: center;
        font-weight: 400
    }

        .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time .flatpickr-am-pm:focus {
            background: #f0f0f0
        }

.flatpickr-input[readonly] {
    cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes fpSlideLeft {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fpSlideLeft {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-webkit-keyframes fpSlideLeftNew {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fpSlideLeftNew {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes fpSlideRight {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fpSlideRight {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-webkit-keyframes fpSlideRightNew {
    from {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fpSlideRightNew {
    from {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes fpFadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fpFadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fpFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fpFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bx--date-picker--light .bx--date-picker__input {
    background: #fff
}

.bx--date-picker ~ .bx--label {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.bx--date-picker-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bx--date-picker-input__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .bx--date-picker-input__wrapper ~ .bx--form-requirement {
        max-height: 12.5rem;
        display: block;
        color: #da1e28;
        font-weight: 400;
        margin-top: .25rem;
        overflow: visible
    }

        .bx--date-picker-input__wrapper ~ .bx--form-requirement::before {
            display: none
        }

.bx--date-picker.bx--date-picker--simple .bx--date-picker__input {
    width: 7.5rem
}

.bx--date-picker.bx--date-picker--simple.bx--date-picker--short .bx--date-picker__input {
    width: 5.7rem
}

.bx--date-picker.bx--date-picker--single .bx--date-picker-container {
    max-width: 18rem
}

.bx--date-picker.bx--date-picker--single .bx--date-picker__input {
    width: 18rem
}

.bx--date-picker__input {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .32px;
    display: block;
    position: relative;
    border: none;
    color: #171717;
    border-bottom: 1px solid #8c8c8c;
    -webkit-transition: 70ms cubic-bezier(.2,0,.38,.9) all;
    transition: 70ms cubic-bezier(.2,0,.38,.9) all
}

    .bx--date-picker__input:focus, .bx--date-picker__input.bx--focused {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

    .bx--date-picker__input[data-invalid], .bx--date-picker__input[data-invalid]:focus {
        outline: 2px solid #da1e28;
        outline-offset: -2px
    }

    .bx--date-picker__input:disabled {
        color: #bebebe;
        background-color: #f3f3f3;
        border-bottom: 1px solid transparent;
        cursor: not-allowed
    }

        .bx--date-picker__input:disabled:hover {
            border-bottom: 1px solid transparent
        }

    .bx--date-picker__input::-webkit-input-placeholder {
        color: #8c8c8c
    }

    .bx--date-picker__input::-ms-input-placeholder {
        color: #8c8c8c
    }

    .bx--date-picker__input::placeholder {
        color: #8c8c8c
    }

.bx--date-picker__icon {
    position: absolute;
    right: 1rem;
    fill: #171717;
    cursor: pointer;
    z-index: 1;
    height: 1px !important
}

    .bx--date-picker__icon ~ .bx--date-picker__input {
        padding-right: 3rem
    }

.bx--date-picker--range &gt; .bx--date-picker-container:first-child {
    margin-right: .0625rem
}

.bx--date-picker--range .bx--date-picker-container, .bx--date-picker--range .bx--date-picker__input {
    width: 8.96875rem
}

.bx--date-picker__calendar, .flatpickr-calendar.open {
    -webkit-box-shadow: 0 12px 24px 0 rgba(0,0,0,.1);
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.1);
    background-color: #f3f3f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .25rem .25rem .5rem .25rem;
    width: 18rem !important;
    height: 21rem;
    border-radius: 0;
    border: none;
    overflow: hidden;
    margin-top: -2px
}

    .bx--date-picker__calendar:before, .bx--date-picker__calendar:after, .flatpickr-calendar.open:before, .flatpickr-calendar.open:after {
        display: none
    }

    .bx--date-picker__calendar:focus, .flatpickr-calendar.open:focus {
        outline: 1px solid #0062ff
    }

.bx--date-picker__month, .flatpickr-month {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 2.5rem;
    margin-bottom: .25rem
}

    .bx--date-picker__month .flatpickr-prev-month, .bx--date-picker__month .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 2.5rem;
        width: 2.5rem;
        padding: 0;
        fill: #171717;
        -webkit-transition: background-color 70ms cubic-bezier(.2,0,.38,.9);
        transition: background-color 70ms cubic-bezier(.2,0,.38,.9)
    }

        .bx--date-picker__month .flatpickr-prev-month:hover, .bx--date-picker__month .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
            background-color: #e5e5e5
        }

.flatpickr-current-month .numInputWrapper {
    width: 7ch
}

.bx--date-picker__month .flatpickr-current-month, .flatpickr-month .flatpickr-current-month {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.125rem;
    letter-spacing: .16px;
    padding: 0
}

    .bx--date-picker__month .flatpickr-current-month svg, .flatpickr-month .flatpickr-current-month svg {
        fill: #171717
    }

    .bx--date-picker__month .flatpickr-current-month .cur-month, .flatpickr-month .flatpickr-current-month .cur-month {
        margin-right: .25rem;
        color: #171717
    }

.bx--date-picker__month .numInputWrapper .numInput, .flatpickr-month .numInputWrapper .numInput {
    font-weight: 600;
    color: #171717;
    background-color: #f3f3f3;
    border: none;
    border-radius: 0;
    padding: .25rem;
    -moz-appearance: textfield
}

    .bx--date-picker__month .numInputWrapper .numInput:focus, .flatpickr-month .numInputWrapper .numInput:focus {
        outline: 1px solid #0062ff
    }

    .bx--date-picker__month .numInputWrapper .numInput::-webkit-outer-spin-button, .bx--date-picker__month .numInputWrapper .numInput::-webkit-inner-spin-button, .flatpickr-month .numInputWrapper .numInput::-webkit-outer-spin-button, .flatpickr-month .numInputWrapper .numInput::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

.bx--date-picker__month .numInputWrapper span.arrowUp, .bx--date-picker__month .numInputWrapper span.arrowDown, .flatpickr-month .numInputWrapper span.arrowUp, .flatpickr-month .numInputWrapper span.arrowDown {
    left: 2.6rem;
    border: none;
    width: .75rem
}

    .bx--date-picker__month .numInputWrapper span.arrowUp:hover, .bx--date-picker__month .numInputWrapper span.arrowDown:hover, .flatpickr-month .numInputWrapper span.arrowUp:hover, .flatpickr-month .numInputWrapper span.arrowDown:hover {
        background: none
    }

        .bx--date-picker__month .numInputWrapper span.arrowUp:hover:after, .bx--date-picker__month .numInputWrapper span.arrowDown:hover:after, .flatpickr-month .numInputWrapper span.arrowUp:hover:after, .flatpickr-month .numInputWrapper span.arrowDown:hover:after {
            border-bottom-color: #0062ff;
            border-top-color: #0062ff
        }

    .bx--date-picker__month .numInputWrapper span.arrowUp:after, .bx--date-picker__month .numInputWrapper span.arrowDown:after, .flatpickr-month .numInputWrapper span.arrowUp:after, .flatpickr-month .numInputWrapper span.arrowDown:after {
        border-bottom-color: #171717;
        border-top-color: #171717
    }

.bx--date-picker__month .numInputWrapper span.arrowUp, .flatpickr-month .numInputWrapper span.arrowUp {
    top: 4px
}

.bx--date-picker__month .numInputWrapper span.arrowDown, .flatpickr-month .numInputWrapper span.arrowDown {
    top: 11px
}

span.bx--date-picker__weekday, span.flatpickr-weekday {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    color: #171717;
    font-weight: 400
}

.bx--date-picker__day, .flatpickr-day {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    height: 2.5rem;
    width: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #171717;
    border-radius: 0;
    border: none;
    -webkit-transition: all 70ms cubic-bezier(.2,0,.38,.9);
    transition: all 70ms cubic-bezier(.2,0,.38,.9)
}

    .bx--date-picker__day:hover, .flatpickr-day:hover {
        background: #e5e5e5
    }

    .bx--date-picker__day:focus, .flatpickr-day:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

.bx--date-picker__days .nextMonthDay, .bx--date-picker__days .prevMonthDay {
    color: #565656
}

.bx--date-picker__day.today, .flatpickr-day.today {
    position: relative;
    color: #0062ff;
    font-weight: 600
}

    .bx--date-picker__day.today::after, .flatpickr-day.today::after {
        content: '';
        position: absolute;
        display: block;
        bottom: .4375rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: .25rem;
        width: .25rem;
        background: #0062ff
    }

    .bx--date-picker__day.today.no-border, .flatpickr-day.today.no-border {
        border: none
    }

    .bx--date-picker__day.today.selected {
        border: 2px solid #0062ff
    }

        .bx--date-picker__day.today.selected::after {
            display: none
        }

.bx--date-picker__day.disabled, .flatpickr-day.disabled {
    cursor: not-allowed;
    opacity: .5;
    color: #171717
}

    .bx--date-picker__day.disabled:hover, .flatpickr-day.disabled:hover {
        background: transparent
    }

.bx--date-picker__day.inRange, .flatpickr-day.inRange {
    background: #c9deff;
    color: #171717
}

.bx--date-picker__day.selected, .flatpickr-day.selected {
    color: #fff;
    background: #0062ff
}

.bx--date-picker__day.startRange.selected, .flatpickr-day.startRange.selected {
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 2
}

.bx--date-picker__day.endRange:hover, .flatpickr-day.endRange:hover {
    outline: 2px solid #0062ff;
    outline-offset: -2px;
    background: #f3f3f3;
    color: #171717
}

.bx--date-picker__day.endRange.inRange, .flatpickr-day.endRange.inRange {
    outline: 2px solid #0062ff;
    outline-offset: -2px;
    background: #f3f3f3;
    z-index: 3
}

    .bx--date-picker__day.endRange.inRange.selected, .flatpickr-day.endRange.inRange.selected {
        color: #fff;
        background: #0062ff
    }

.bx--date-picker__day.startRange.inRange:not(.selected), .flatpickr-day.startRange.inRange:not(.selected) {
    outline: 2px solid #0062ff;
    outline-offset: -2px;
    background: #f3f3f3;
    z-index: 3
}

.bx--date-picker__days, .dayContainer {
    width: 100%;
    min-width: 100%;
    height: 15.375rem
}

.flatpickr-innerContainer, .flatpickr-rContainer {
    width: 100%;
    height: auto
}

.bx--date-picker__weekdays, .flatpickr-weekdays, .flatpickr-weekdaycontainer {
    width: 100%
}

.flatpickr-weekdays {
    height: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-months {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative
}

.flatpickr-prev-month, .flatpickr-next-month {
    padding-top: 12px
}

    .flatpickr-prev-month:hover svg, .flatpickr-next-month:hover svg {
        fill: #171717
    }

    .flatpickr-next-month.disabled svg, .flatpickr-prev-month.disabled svg {
        fill: #171717;
        opacity: .5;
        cursor: not-allowed
    }

    .flatpickr-next-month.disabled:hover svg, .flatpickr-prev-month.disabled:hover svg {
        fill: #171717
    }

.bx--date-picker.bx--skeleton input, .bx--date-picker__input.bx--skeleton {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    width: 100%
}

    .bx--date-picker.bx--skeleton input:hover, .bx--date-picker.bx--skeleton input:focus, .bx--date-picker.bx--skeleton input:active, .bx--date-picker__input.bx--skeleton:hover, .bx--date-picker__input.bx--skeleton:focus, .bx--date-picker__input.bx--skeleton:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--date-picker.bx--skeleton input:before, .bx--date-picker__input.bx--skeleton:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

    .bx--date-picker.bx--skeleton input::-webkit-input-placeholder, .bx--date-picker__input.bx--skeleton::-webkit-input-placeholder {
        color: transparent
    }

.bx--date-picker.bx--skeleton .bx--label {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    width: 4.6875rem;
    height: .875rem
}

    .bx--date-picker.bx--skeleton .bx--label:hover, .bx--date-picker.bx--skeleton .bx--label:focus, .bx--date-picker.bx--skeleton .bx--label:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--date-picker.bx--skeleton .bx--label:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

.bx--dropdown__wrapper--inline {
    display: inline-grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template: auto auto / auto -webkit-min-content;
    grid-template: auto auto / auto min-content;
    grid-gap: .25rem
}

    .bx--dropdown__wrapper--inline .bx--label {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem;
        letter-spacing: .16px
    }

    .bx--dropdown__wrapper--inline .bx--label, .bx--dropdown__wrapper--inline .bx--form__helper-text, .bx--dropdown__wrapper--inline .bx--form-requirement {
        margin: 0
    }

    .bx--dropdown__wrapper--inline .bx--form-requirement {
        grid-column: 2
    }

.bx--dropdown {
    outline: 2px solid transparent;
    outline-offset: -2px;
    position: relative;
    list-style: none;
    display: block;
    background-color: #f3f3f3;
    border: none;
    border-bottom: 1px solid #8c8c8c;
    width: 100%;
    height: 2.5rem;
    cursor: pointer;
    color: #171717;
    outline: 2px solid transparent;
    -webkit-transition: background-color 70ms cubic-bezier(.2,0,.38,.9);
    transition: background-color 70ms cubic-bezier(.2,0,.38,.9)
}

    .bx--dropdown:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

    .bx--dropdown:hover {
        background-color: #e5e5e5
    }

.bx--dropdown--open {
    border-bottom-color: #dcdcdc
}

.bx--dropdown--invalid {
    outline: 2px solid #da1e28;
    outline-offset: -2px
}

    .bx--dropdown--invalid .bx--dropdown-text {
        padding-right: 3.5rem
    }

    .bx--dropdown--invalid + .bx--form-requirement {
        display: inline-block;
        max-height: 12.5rem;
        color: #da1e28
    }

.bx--dropdown__invalid-icon {
    position: absolute;
    top: 50%;
    right: 2.5rem;
    fill: #da1e28;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bx--dropdown--open:hover {
    background-color: #f3f3f3
}

.bx--dropdown--open:focus {
    outline: 1px solid transparent
}

.bx--dropdown--open .bx--dropdown-list {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.1)
}

.bx--dropdown--light {
    background-color: #fff
}

.bx--dropdown--up .bx--dropdown-list {
    bottom: 2rem
}

.bx--dropdown__arrow {
    fill: #171717;
    position: absolute;
    right: 1rem;
    top: .8125rem;
    pointer-events: none;
    -webkit-transition: -webkit-transform 110ms cubic-bezier(.2,0,.38,.9);
    transition: -webkit-transform 110ms cubic-bezier(.2,0,.38,.9);
    transition: transform 110ms cubic-bezier(.2,0,.38,.9);
    transition: transform 110ms cubic-bezier(.2,0,.38,.9),-webkit-transform 110ms cubic-bezier(.2,0,.38,.9);
    -webkit-transform-origin: 50% 45%;
    transform-origin: 50% 45%
}

.bx--dropdown-text {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    display: block;
    height: 2.5rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 1rem;
    padding-right: 2.625rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bx--dropdown-list {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    background-color: #f3f3f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    list-style: none;
    position: absolute;
    z-index: 9100;
    max-height: 0;
    -webkit-transition: max-height 110ms cubic-bezier(.2,0,.38,.9);
    transition: max-height 110ms cubic-bezier(.2,0,.38,.9);
    overflow: hidden auto
}

.bx--dropdown-item {
    -webkit-transition: opacity 70ms cubic-bezier(.2,0,.38,.9),background-color 70ms cubic-bezier(.2,0,.38,.9);
    transition: opacity 70ms cubic-bezier(.2,0,.38,.9),background-color 70ms cubic-bezier(.2,0,.38,.9);
    opacity: 0
}

    .bx--dropdown-item:hover {
        background-color: #e5e5e5
    }

        .bx--dropdown-item:hover + .bx--dropdown-item .bx--dropdown-link {
            border-color: transparent
        }

    .bx--dropdown-item:active {
        background-color: #dcdcdc
    }

    .bx--dropdown-item:first-of-type .bx--dropdown-link {
        border-top-color: transparent
    }

    .bx--dropdown-item:last-of-type .bx--dropdown-link {
        border-bottom: none
    }

.bx--dropdown-link {
    outline: 2px solid transparent;
    outline-offset: -2px;
    display: block;
    height: 2.5rem;
    color: #565656;
    text-decoration: none;
    font-weight: 400;
    line-height: 1rem;
    padding: .6875rem 0;
    margin: 0 1rem;
    border: 1px solid transparent;
    border-top-color: #dcdcdc;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

    .bx--dropdown-link:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px;
        margin: 0;
        padding: .6875rem 1rem
    }

    .bx--dropdown-link:hover {
        color: #171717;
        border-color: transparent
    }

.bx--dropdown-item:hover .bx--dropdown-link {
    border-bottom-color: #e5e5e5
}

.bx--dropdown--selected {
    display: none
}

.bx--dropdown--open .bx--dropdown__arrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.bx--dropdown--open .bx--dropdown-list {
    max-height: 15rem;
    -webkit-transition: max-height 110ms cubic-bezier(0,0,.38,.9);
    transition: max-height 110ms cubic-bezier(0,0,.38,.9)
}

.bx--dropdown--open .bx--dropdown-item {
    opacity: 1
}

.bx--dropdown--disabled {
    border-bottom-color: transparent;
    cursor: not-allowed
}

    .bx--dropdown--disabled:hover {
        background-color: #f3f3f3
    }

    .bx--dropdown--disabled:focus {
        outline: none
    }

    .bx--dropdown--disabled .bx--dropdown-text {
        color: #8c8c8c
    }

    .bx--dropdown--disabled .bx--dropdown__arrow {
        fill: #8c8c8c
    }

    .bx--dropdown--disabled.bx--dropdown--light:hover {
        background-color: #fff
    }

.bx--dropdown--auto-width {
    width: auto;
    max-width: 25rem
}

.bx--dropdown--inline {
    justify-self: start;
    display: inline-block;
    border-bottom-color: transparent;
    width: auto;
    height: 2rem;
    background-color: #fff;
    -webkit-transition: background 70ms cubic-bezier(0,0,.38,.9);
    transition: background 70ms cubic-bezier(0,0,.38,.9)
}

    .bx--dropdown--inline:hover {
        background-color: #e5e5e5
    }

    .bx--dropdown--inline.bx--dropdown--disabled {
        background-color: #fff
    }

    .bx--dropdown--inline .bx--dropdown__arrow {
        top: .5rem;
        right: .5rem
    }

    .bx--dropdown--inline.bx--dropdown--open {
        background-color: transparent
    }

    .bx--dropdown--inline .bx--dropdown-text {
        display: inline-block;
        padding: .4375rem 2rem .4375rem .75rem;
        height: 2rem;
        overflow: visible;
        color: #171717
    }

    .bx--dropdown--inline.bx--dropdown--disabled .bx--dropdown-text {
        color: #8c8c8c
    }

    .bx--dropdown--inline.bx--dropdown--disabled:focus .bx--dropdown-text {
        outline: 0
    }

    .bx--dropdown--inline.bx--dropdown--invalid .bx--dropdown__invalid-icon {
        right: 2rem
    }

    .bx--dropdown--inline.bx--dropdown--invalid .bx--dropdown-text {
        padding-right: 3.5rem
    }

    .bx--dropdown--inline.bx--dropdown--open:focus .bx--dropdown-list {
        -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.1)
    }

    .bx--dropdown--inline .bx--dropdown-link {
        font-weight: 400;
        margin-right: .75rem;
        margin-left: .625rem
    }

        .bx--dropdown--inline .bx--dropdown-link:focus {
            margin: 0;
            padding-left: .625rem
        }

.bx--dropdown-v2.bx--skeleton, .bx--dropdown.bx--skeleton {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5
}

    .bx--dropdown-v2.bx--skeleton:hover, .bx--dropdown-v2.bx--skeleton:focus, .bx--dropdown-v2.bx--skeleton:active, .bx--dropdown.bx--skeleton:hover, .bx--dropdown.bx--skeleton:focus, .bx--dropdown.bx--skeleton:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--dropdown-v2.bx--skeleton:before, .bx--dropdown.bx--skeleton:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate-end-p1 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate-end-p2 {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes init-stroke {
    0% {
        stroke-dashoffset: 240
    }

    100% {
        stroke-dashoffset: 40
    }
}

@keyframes stroke-end {
    0% {
        stroke-dashoffset: 40
    }

    100% {
        stroke-dashoffset: 240
    }
}

.bx--modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    content: '';
    background-color: transparent;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: background-color 720ms cubic-bezier(.4,.14,1,1),opacity 240ms cubic-bezier(.4,.14,1,1),z-index 720ms cubic-bezier(.4,.14,1,1),visibility 240ms cubic-bezier(.4,.14,1,1);
    transition: background-color 720ms cubic-bezier(.4,.14,1,1),opacity 240ms cubic-bezier(.4,.14,1,1),z-index 720ms cubic-bezier(.4,.14,1,1),visibility 240ms cubic-bezier(.4,.14,1,1)
}

    .bx--modal.is-visible {
        z-index: 9000;
        visibility: visible;
        opacity: 1;
        background-color: rgba(23,23,23,.5);
        -webkit-transition: background-color 720ms cubic-bezier(0,0,.3,1),opacity 240ms cubic-bezier(0,0,.3,1),z-index 720ms cubic-bezier(0,0,.3,1),visibility 240ms cubic-bezier(0,0,.3,1);
        transition: background-color 720ms cubic-bezier(0,0,.3,1),opacity 240ms cubic-bezier(0,0,.3,1),z-index 720ms cubic-bezier(0,0,.3,1),visibility 240ms cubic-bezier(0,0,.3,1)
    }

    .bx--modal .bx--text-input, .bx--modal .bx--select-input {
        background-color: #fff
    }

.bx--modal--danger .bx--modal-container {
    border-top-color: #da1e28
}

.bx--modal.is-visible .bx--modal-container {
    -webkit-transition: -webkit-transform 240ms cubic-bezier(0,0,.3,1);
    transition: -webkit-transform 240ms cubic-bezier(0,0,.3,1);
    transition: transform 240ms cubic-bezier(0,0,.3,1);
    transition: transform 240ms cubic-bezier(0,0,.3,1),-webkit-transform 240ms cubic-bezier(0,0,.3,1);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.bx--modal-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f3f3f3;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translate3d(0,-24px,0);
    transform: translate3d(0,-24px,0);
    -webkit-transition: -webkit-transform 240ms cubic-bezier(.4,.14,1,1);
    transition: -webkit-transform 240ms cubic-bezier(.4,.14,1,1);
    transition: transform 240ms cubic-bezier(.4,.14,1,1);
    transition: transform 240ms cubic-bezier(.4,.14,1,1),-webkit-transform 240ms cubic-bezier(.4,.14,1,1)
}

@media (min-width:42rem) {
    .bx--modal-container {
        width: 50%;
        max-width: 768px;
        max-height: 90%;
        height: auto
    }
}

@media (min-width:66rem) {
    .bx--modal-container {
        max-height: 80%
    }
}

.bx--modal-header, .bx--modal-content {
    width: 75%;
    padding-left: 1rem
}

.bx--modal-header, .bx--modal-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bx--modal-header {
    padding-top: 1rem;
    margin-bottom: 1rem
}

.bx--modal-header__label {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: .32px;
    color: #565656;
    margin-bottom: .25rem
}

.bx--modal-header__heading {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.625rem;
    letter-spacing: 0;
    color: #171717
}

.bx--modal-content {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .16px;
    overflow-y: auto;
    margin-bottom: 3rem;
    color: #171717;
    font-weight: 400
}

    .bx--modal-content &gt; * {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.25rem;
        letter-spacing: .16px
    }

.bx--modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    height: 4rem;
    background-color: #dcdcdc
}

    .bx--modal-footer button.bx--btn {
        max-width: none;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 4rem;
        margin: 0;
        padding-top: 1rem;
        padding-bottom: 2rem
    }

.bx--modal-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 3rem;
    width: 3rem;
    padding: .75rem;
    border: 2px solid transparent;
    overflow: hidden;
    cursor: pointer;
    background-color: transparent;
    -webkit-transition: background-color 110ms cubic-bezier(.2,0,.38,.9);
    transition: background-color 110ms cubic-bezier(.2,0,.38,.9)
}

    .bx--modal-close:hover {
        background-color: #e5e5e5
    }

    .bx--modal-close:focus {
        outline: none;
        border-color: #0062ff
    }

.bx--modal-close__icon {
    fill: #171717;
    height: 1.25rem;
    width: 1.25rem
}

.bx--body--with-modal-open {
    overflow: hidden
}

.bx--multi-select .bx--list-box__menu {
    min-width: auto
}

.bx--multi-select .bx--list-box__menu-item__option .bx--checkbox-wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bx--multi-select .bx--list-box__menu-item__option &gt; .bx--form-item {
    margin: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.bx--multi-select .bx--list-box__menu-item .bx--checkbox:checked ~ .bx--checkbox-label-text {
    color: #171717
}

.bx--multi-select--filterable .bx--list-box__selection--multi {
    position: absolute;
    left: .5rem;
    right: auto
}

.bx--multi-select--selected .bx--text-input {
    padding-left: 3.5rem
}

.bx--inline-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto;
    min-height: 3rem;
    min-width: 18rem;
    max-width: 18rem;
    color: #fff;
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media (min-width:42rem) {
    .bx--inline-notification {
        max-width: 38rem
    }
}

@media (min-width:66rem) {
    .bx--inline-notification {
        max-width: 46rem
    }
}

@media (min-width:99rem) {
    .bx--inline-notification {
        max-width: 52rem
    }
}

.bx--inline-notification--low-contrast {
    color: #171717;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.2)
}

.bx--inline-notification--error {
    border-left: 3px solid #fb4b53;
    background: #3d3d3d
}

    .bx--inline-notification--error .bx--inline-notification__icon, .bx--inline-notification--error .bx--toast-notification__icon {
        fill: #fb4b53
    }

.bx--inline-notification--low-contrast.bx--inline-notification--error {
    border-left: 3px solid #da1e28;
    background: #fff0f1
}

    .bx--inline-notification--low-contrast.bx--inline-notification--error .bx--inline-notification__icon, .bx--inline-notification--low-contrast.bx--inline-notification--error .bx--toast-notification__icon {
        fill: #da1e28
    }

.bx--inline-notification--success {
    border-left: 3px solid #3dbb61;
    background: #3d3d3d
}

    .bx--inline-notification--success .bx--inline-notification__icon, .bx--inline-notification--success .bx--toast-notification__icon {
        fill: #3dbb61
    }

.bx--inline-notification--low-contrast.bx--inline-notification--success {
    border-left: 3px solid #24a148;
    background: #dafbe4
}

    .bx--inline-notification--low-contrast.bx--inline-notification--success .bx--inline-notification__icon, .bx--inline-notification--low-contrast.bx--inline-notification--success .bx--toast-notification__icon {
        fill: #24a148
    }

.bx--inline-notification--info {
    border-left: 3px solid #408bfc;
    background: #3d3d3d
}

    .bx--inline-notification--info .bx--inline-notification__icon, .bx--inline-notification--info .bx--toast-notification__icon {
        fill: #408bfc
    }

.bx--inline-notification--low-contrast.bx--inline-notification--info {
    border-left: 3px solid #054ada;
    background: #edf4ff
}

    .bx--inline-notification--low-contrast.bx--inline-notification--info .bx--inline-notification__icon, .bx--inline-notification--low-contrast.bx--inline-notification--info .bx--toast-notification__icon {
        fill: #054ada
    }

.bx--inline-notification--info .bx--inline-notification__icon {
    display: none
}

.bx--inline-notification--warning {
    border-left: 3px solid #fdd13a;
    background: #3d3d3d
}

    .bx--inline-notification--warning .bx--inline-notification__icon, .bx--inline-notification--warning .bx--toast-notification__icon {
        fill: #fdd13a
    }

.bx--inline-notification--low-contrast.bx--inline-notification--warning {
    border-left: 3px solid #fdd13a;
    background: #fff8e1
}

    .bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--inline-notification__icon, .bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--toast-notification__icon {
        fill: #fdd13a
    }

.bx--inline-notification--warning .bx--inline-notification__icon path[opacity='0'] {
    fill: #171717;
    opacity: 1
}

.bx--inline-notification__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 1rem
}

.bx--inline-notification__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1rem;
    margin-top: .875rem
}

.bx--inline-notification__text-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .75rem 0
}

.bx--inline-notification__title {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.125rem;
    letter-spacing: .16px;
    margin: 0 .25rem 0 0;
    line-height: 1.5rem
}

.bx--inline-notification__subtitle {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    word-break: break-word
}

.bx--inline-notification__action-button {
    height: 2rem;
    margin: .5rem 0
}

    .bx--inline-notification__action-button, .bx--inline-notification__action-button:hover, .bx--inline-notification__action-button:focus, .bx--inline-notification__action-button:active {
        color: #6ea6ff
    }

        .bx--inline-notification__action-button:hover {
            background-color: #606060
        }

.bx--inline-notification__close-button {
    outline: 2px solid transparent;
    outline-offset: -2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    height: 3rem;
    width: 3rem;
    min-width: 3rem;
    max-width: 3rem;
    -webkit-transition: outline 110ms cubic-bezier(.2,0,.38,.9),background-color 110ms cubic-bezier(.2,0,.38,.9);
    transition: outline 110ms cubic-bezier(.2,0,.38,.9),background-color 110ms cubic-bezier(.2,0,.38,.9)
}

    .bx--inline-notification__close-button .bx--inline-notification__close-icon {
        height: 1rem;
        width: 1rem;
        fill: #fff
    }

.bx--inline-notification--low-contrast .bx--inline-notification__close-button .bx--inline-notification__close-icon {
    fill: #171717
}

.bx--inline-notification--low-contrast .bx--inline-notification__action-button {
    color: #0062ff
}

    .bx--inline-notification--low-contrast .bx--inline-notification__action-button:active {
        color: #0530ad
    }

    .bx--inline-notification--low-contrast .bx--inline-notification__action-button:active, .bx--inline-notification--low-contrast .bx--inline-notification__action-button:hover {
        background-color: #fff
    }

.bx--toast-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 18rem;
    height: auto;
    padding-left: 1rem;
    color: #fff;
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-right: 1rem;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.2)
}

    .bx--toast-notification:first-child {
        margin-top: 1rem
    }

@media (min-width:99rem) {
    .bx--toast-notification {
        width: 22rem
    }
}

.bx--toast-notification--low-contrast {
    color: #171717
}

.bx--toast-notification--error {
    border-left: 3px solid #fb4b53;
    background: #3d3d3d
}

    .bx--toast-notification--error .bx--inline-notification__icon, .bx--toast-notification--error .bx--toast-notification__icon {
        fill: #fb4b53
    }

.bx--toast-notification--low-contrast.bx--toast-notification--error {
    border-left: 3px solid #da1e28;
    background: #fff0f1
}

    .bx--toast-notification--low-contrast.bx--toast-notification--error .bx--inline-notification__icon, .bx--toast-notification--low-contrast.bx--toast-notification--error .bx--toast-notification__icon {
        fill: #da1e28
    }

.bx--toast-notification--success {
    border-left: 3px solid #3dbb61;
    background: #3d3d3d
}

    .bx--toast-notification--success .bx--inline-notification__icon, .bx--toast-notification--success .bx--toast-notification__icon {
        fill: #3dbb61
    }

.bx--toast-notification--low-contrast.bx--toast-notification--success {
    border-left: 3px solid #24a148;
    background: #dafbe4
}

    .bx--toast-notification--low-contrast.bx--toast-notification--success .bx--inline-notification__icon, .bx--toast-notification--low-contrast.bx--toast-notification--success .bx--toast-notification__icon {
        fill: #24a148
    }

.bx--toast-notification--info {
    border-left: 3px solid #408bfc;
    background: #3d3d3d
}

    .bx--toast-notification--info .bx--inline-notification__icon, .bx--toast-notification--info .bx--toast-notification__icon {
        fill: #408bfc
    }

.bx--toast-notification--low-contrast.bx--toast-notification--info {
    border-left: 3px solid #054ada;
    background: #edf4ff
}

    .bx--toast-notification--low-contrast.bx--toast-notification--info .bx--inline-notification__icon, .bx--toast-notification--low-contrast.bx--toast-notification--info .bx--toast-notification__icon {
        fill: #054ada
    }

.bx--toast-notification--warning {
    border-left: 3px solid #fdd13a;
    background: #3d3d3d
}

    .bx--toast-notification--warning .bx--inline-notification__icon, .bx--toast-notification--warning .bx--toast-notification__icon {
        fill: #fdd13a
    }

.bx--toast-notification--low-contrast.bx--toast-notification--warning {
    border-left: 3px solid #fdd13a;
    background: #fff8e1
}

    .bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--inline-notification__icon, .bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--toast-notification__icon {
        fill: #fdd13a
    }

.bx--toast-notification--warning .bx--toast-notification__icon path[opacity='0'] {
    fill: #171717;
    opacity: 1
}

.bx--toast-notification__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1rem;
    margin-top: 1rem
}

.bx--toast-notification__details {
    margin-right: 1rem
}

.bx--toast-notification__close-button {
    outline: 2px solid transparent;
    outline-offset: -2px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin-left: auto;
    padding: 0;
    height: 3rem;
    width: 3rem;
    min-height: 3rem;
    min-width: 3rem;
    -webkit-transition: outline 110ms,background-color 110ms;
    transition: outline 110ms,background-color 110ms
}

    .bx--toast-notification__close-button:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

    .bx--toast-notification__close-button .bx--toast-notification__close-icon {
        height: 1rem;
        width: 1rem;
        fill: #fff
    }

.bx--toast-notification--low-contrast .bx--toast-notification__close-button .bx--toast-notification__close-icon {
    fill: #171717
}

.bx--toast-notification__title {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.125rem;
    letter-spacing: .16px;
    font-weight: 600;
    margin-top: 1rem;
    word-break: break-word
}

.bx--toast-notification__subtitle {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 1.5rem;
    word-break: break-word
}

.bx--toast-notification--low-contrast .bx--toast-notification__subtitle {
    color: #171717
}

.bx--toast-notification__caption {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    color: #fff;
    margin-bottom: 1rem
}

.bx--toast-notification--low-contrast .bx--toast-notification__caption {
    color: #171717
}

.bx--tooltip__label {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: .32px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #565656
}

    .bx--tooltip__label .bx--tooltip__trigger {
        margin-left: .5rem
    }

    .bx--tooltip__label:focus {
        outline: 1px solid #0062ff
    }

.bx--tooltip__trigger:not(.bx--btn--icon-only) {
    display: inline-block;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 1rem
}

    .bx--tooltip__trigger:not(.bx--btn--icon-only)::-moz-focus-inner {
        border: 0
    }

    .bx--tooltip__trigger:not(.bx--btn--icon-only):focus {
        outline: 1px solid #0062ff;
        fill: #0353e9
    }

    .bx--tooltip__trigger:not(.bx--btn--icon-only) path, .bx--tooltip__trigger:not(.bx--btn--icon-only) polygon, .bx--tooltip__trigger:not(.bx--btn--icon-only) circle {
        fill: #565656
    }

.bx--tooltip__label--bold {
    font-weight: 600
}

.bx--tooltip {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
    position: absolute;
    display: none;
    min-width: 13rem;
    max-width: 18rem;
    background: #3d3d3d;
    margin-top: .25rem;
    padding: 1rem;
    border-radius: .125rem;
    z-index: 10000;
    word-wrap: break-word;
    color: #fff
}

    .bx--tooltip p {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem;
        letter-spacing: .16px
    }

    .bx--tooltip button {
        padding-right: 2rem
    }

    .bx--tooltip .bx--link {
        color: #6ea6ff;
        font-size: .875rem
    }

        .bx--tooltip .bx--link:active {
            color: #fff
        }

        .bx--tooltip .bx--link:visited {
            color: #6ea6ff
        }

    .bx--tooltip .bx--tooltip__caret {
        position: absolute;
        background: #3d3d3d;
        left: 0;
        top: -.25rem;
        right: 0;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        width: .6rem;
        height: .6rem;
        margin: 0 auto;
        content: ''
    }

    .bx--tooltip .bx--tooltip__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 1rem
    }

    .bx--tooltip[data-floating-menu-direction='left'] .bx--tooltip__caret {
        left: auto;
        top: 50%;
        right: -.25rem;
        -webkit-transform: rotate(-45deg) translate(50%,-50%);
        transform: rotate(-45deg) translate(50%,-50%)
    }

    .bx--tooltip[data-floating-menu-direction='top'] .bx--tooltip__caret {
        top: auto;
        bottom: -.25rem;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .bx--tooltip[data-floating-menu-direction='right'] .bx--tooltip__caret {
        left: -.25rem;
        top: 50%;
        right: auto;
        -webkit-transform: rotate(135deg) translate(-50%,50%);
        transform: rotate(135deg) translate(-50%,50%)
    }

.bx--tooltip--shown {
    display: block
}

.bx--tooltip--definition {
    position: relative
}

    .bx--tooltip--definition .bx--tooltip__trigger {
        font-size: .75rem;
        font-weight: 400;
        line-height: 1rem;
        letter-spacing: .32px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
        border-bottom: 1px dotted #0062ff;
        color: #171717
    }

        .bx--tooltip--definition .bx--tooltip__trigger:hover {
            cursor: pointer
        }

            .bx--tooltip--definition .bx--tooltip__trigger:hover + .bx--tooltip--definition__top, .bx--tooltip--definition .bx--tooltip__trigger:hover + .bx--tooltip--definition__bottom {
                display: block
            }

        .bx--tooltip--definition .bx--tooltip__trigger:focus {
            outline: 1px solid #0062ff
        }

            .bx--tooltip--definition .bx--tooltip__trigger:focus + .bx--tooltip--definition__top, .bx--tooltip--definition .bx--tooltip__trigger:focus + .bx--tooltip--definition__bottom {
                display: block
            }

.bx--tooltip--definition__bottom, .bx--tooltip--definition__top {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
    position: absolute;
    z-index: 1;
    display: none;
    background: #3d3d3d;
    width: 13rem;
    margin-top: .75rem;
    padding: .5rem 1rem;
    border-radius: .125rem;
    pointer-events: none;
    cursor: pointer
}

    .bx--tooltip--definition__bottom p, .bx--tooltip--definition__top p {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem;
        letter-spacing: .16px;
        color: #fff
    }

    .bx--tooltip--definition__bottom .bx--tooltip__caret, .bx--tooltip--definition__top .bx--tooltip__caret {
        position: absolute;
        right: 0;
        left: 0;
        width: .6rem;
        height: .6rem;
        background: #3d3d3d;
        margin-left: 1rem
    }

    .bx--tooltip--definition__bottom .bx--tooltip__caret {
        top: -.2rem;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

.bx--tooltip--definition__top {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    margin-top: -2rem
}

    .bx--tooltip--definition__top .bx--tooltip__caret {
        bottom: -.2rem;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.bx--tooltip--definition__align-end {
    right: 0
}

.bx--tooltip--definition__align-center {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.bx--tooltip--definition__top.bx--tooltip--definition__align-center {
    margin-left: 50%;
    -webkit-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%)
}

.bx--tooltip--definition__align-center .bx--tooltip__caret {
    left: auto;
    margin-left: auto;
    margin-right: calc(50% - 6px)
}

.bx--tooltip--definition__align-end .bx--tooltip__caret {
    left: auto;
    margin-left: auto;
    margin-right: 1rem
}

.bx--tooltip--definition.bx--tooltip--a11y {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.bx--tooltip--definition button.bx--tooltip--a11y {
    margin: 0
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: .32px;
    border-bottom: .0625rem dotted #0062ff
}

    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        overflow: visible
    }

        .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text {
            font-size: .875rem;
            font-weight: 400;
            line-height: 1.125rem;
            letter-spacing: .16px;
            position: absolute;
            z-index: 10000;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            opacity: 0;
            pointer-events: none
        }

        .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after {
            -webkit-transition: opacity 70ms cubic-bezier(.2,0,.38,.9);
            transition: opacity 70ms cubic-bezier(.2,0,.38,.9)
        }

        .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::after {
            -webkit-transition: none;
            transition: none
        }

        .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before {
            width: 0;
            height: 0;
            border-style: solid;
            content: ''
        }

        .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text {
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            color: inherit;
            opacity: 1;
            white-space: normal
        }

        .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus + .bx--assistive-text {
            -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
            box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content;
            max-width: 13rem;
            height: auto;
            padding: .5rem 1rem;
            border-radius: .125rem;
            color: #fff;
            font-weight: 400;
            text-align: left;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            pointer-events: none;
            background-color: #3d3d3d
        }

        .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after {
            content: attr(aria-label)
        }

        .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::after {
            content: none
        }

        .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus::after {
            opacity: 1
        }

@keyframes tooltip-fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus + .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus.bx--tooltip--a11y::before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2,0,.38,.9);
    animation: tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus + .bx--assistive-text {
    top: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before {
    border-width: .3125rem .25rem 0 .25rem;
    border-color: #3d3d3d transparent transparent transparent;
    -webkit-transform: translate(-50%,calc(-1 * (0.3125rem + 0.25rem)));
    transform: translate(-50%,calc(-1 * (0.3125rem + 0.25rem)))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus + .bx--assistive-text {
    left: 0;
    -webkit-transform: translate(0,calc(-1 * (100% + 0.25rem + 0.3125rem)));
    transform: translate(0,calc(-1 * (100% + 0.25rem + 0.3125rem)))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:focus + .bx--assistive-text {
    top: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::before {
    border-width: .3125rem .25rem 0 .25rem;
    border-color: #3d3d3d transparent transparent transparent;
    -webkit-transform: translate(-50%,calc(-1 * (0.3125rem + 0.25rem)));
    transform: translate(-50%,calc(-1 * (0.3125rem + 0.25rem)))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:focus + .bx--assistive-text {
    left: 0;
    -webkit-transform: translate(0,calc(-1 * (100% + 0.25rem + 0.3125rem)));
    transform: translate(0,calc(-1 * (100% + 0.25rem + 0.3125rem)))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:focus + .bx--assistive-text {
    top: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::before {
    border-width: .3125rem .25rem 0 .25rem;
    border-color: #3d3d3d transparent transparent transparent;
    -webkit-transform: translate(-50%,calc(-1 * (0.3125rem + 0.25rem)));
    transform: translate(-50%,calc(-1 * (0.3125rem + 0.25rem)))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:focus + .bx--assistive-text {
    left: 50%;
    -webkit-transform: translate(-50%,calc(-1 * (100% + 0.25rem + 0.3125rem)));
    transform: translate(-50%,calc(-1 * (100% + 0.25rem + 0.3125rem)))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:focus + .bx--assistive-text {
    top: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::before {
    border-width: .3125rem .25rem 0 .25rem;
    border-color: #3d3d3d transparent transparent transparent;
    -webkit-transform: translate(-50%,calc(-1 * (0.3125rem + 0.25rem)));
    transform: translate(-50%,calc(-1 * (0.3125rem + 0.25rem)))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:focus + .bx--assistive-text {
    right: 0;
    left: initial;
    -webkit-transform: translate(0,calc(-1 * (100% + 0.25rem + 0.3125rem)));
    transform: translate(0,calc(-1 * (100% + 0.25rem + 0.3125rem)))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    overflow: visible
}

    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem;
        letter-spacing: .16px;
        position: absolute;
        z-index: 10000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: 0;
        pointer-events: none
    }

    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after {
        -webkit-transition: opacity 70ms cubic-bezier(.2,0,.38,.9);
        transition: opacity 70ms cubic-bezier(.2,0,.38,.9)
    }

    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::after {
        -webkit-transition: none;
        transition: none
    }

    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before {
        width: 0;
        height: 0;
        border-style: solid;
        content: ''
    }

    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        color: inherit;
        opacity: 1;
        white-space: normal
    }

    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus + .bx--assistive-text {
        -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 13rem;
        height: auto;
        padding: .5rem 1rem;
        border-radius: .125rem;
        color: #fff;
        font-weight: 400;
        text-align: left;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        pointer-events: none;
        background-color: #3d3d3d
    }

    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after {
        content: attr(aria-label)
    }

    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::after {
        content: none
    }

    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus::after {
        opacity: 1
    }

@keyframes tooltip-fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus + .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus.bx--tooltip--a11y::before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2,0,.38,.9);
    animation: tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus + .bx--assistive-text {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before {
    border-width: 0 .25rem .3125rem .25rem;
    border-color: transparent transparent #3d3d3d transparent;
    -webkit-transform: translate(-50%,calc(0.3125rem + 0.25rem));
    transform: translate(-50%,calc(0.3125rem + 0.25rem))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus + .bx--assistive-text {
    left: 0;
    -webkit-transform: translate(0,calc(100% + 0.25rem + 0.3125rem));
    transform: translate(0,calc(100% + 0.25rem + 0.3125rem))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y + .bx--assistive-text {
    -webkit-transform: translate(0,calc(100% + 0.25rem + 0.3125rem - 1px));
    transform: translate(0,calc(100% + 0.25rem + 0.3125rem - 1px))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:focus + .bx--assistive-text {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::before {
    border-width: 0 .25rem .3125rem .25rem;
    border-color: transparent transparent #3d3d3d transparent;
    -webkit-transform: translate(-50%,calc(0.3125rem + 0.25rem));
    transform: translate(-50%,calc(0.3125rem + 0.25rem))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:focus + .bx--assistive-text {
    left: 0;
    -webkit-transform: translate(0,calc(100% + 0.25rem + 0.3125rem));
    transform: translate(0,calc(100% + 0.25rem + 0.3125rem))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start.bx--tooltip--a11y + .bx--assistive-text {
    -webkit-transform: translate(0,calc(100% + 0.25rem + 0.3125rem - 1px));
    transform: translate(0,calc(100% + 0.25rem + 0.3125rem - 1px))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:focus + .bx--assistive-text {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::before {
    border-width: 0 .25rem .3125rem .25rem;
    border-color: transparent transparent #3d3d3d transparent;
    -webkit-transform: translate(-50%,calc(0.3125rem + 0.25rem));
    transform: translate(-50%,calc(0.3125rem + 0.25rem))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:focus + .bx--assistive-text {
    -webkit-transform: translate(-50%,calc(100% + 0.25rem + 0.3125rem));
    transform: translate(-50%,calc(100% + 0.25rem + 0.3125rem))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center.bx--tooltip--a11y + .bx--assistive-text {
    -webkit-transform: translate(-50%,calc(100% + 0.25rem + 0.3125rem - 1px));
    transform: translate(-50%,calc(100% + 0.25rem + 0.3125rem - 1px))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:focus + .bx--assistive-text {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::before {
    border-width: 0 .25rem .3125rem .25rem;
    border-color: transparent transparent #3d3d3d transparent;
    -webkit-transform: translate(-50%,calc(0.3125rem + 0.25rem));
    transform: translate(-50%,calc(0.3125rem + 0.25rem))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:focus + .bx--assistive-text {
    right: 0;
    left: initial;
    -webkit-transform: translate(0,calc(100% + 0.25rem + 0.3125rem));
    transform: translate(0,calc(100% + 0.25rem + 0.3125rem))
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end.bx--tooltip--a11y + .bx--assistive-text {
    -webkit-transform: translate(0,calc(100% + 0.25rem + 0.3125rem - 1px));
    transform: translate(0,calc(100% + 0.25rem + 0.3125rem - 1px))
}

.bx--tooltip--icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bx--tooltip--icon__top, .bx--tooltip--icon__bottom {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    overflow: visible
}

    .bx--tooltip--icon__top::before, .bx--tooltip--icon__top::after, .bx--tooltip--icon__bottom::before, .bx--tooltip--icon__bottom::after {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem;
        letter-spacing: .16px;
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity 70ms cubic-bezier(.2,0,.38,.9);
        transition: opacity 70ms cubic-bezier(.2,0,.38,.9)
    }

    .bx--tooltip--icon__top::before, .bx--tooltip--icon__bottom::before {
        right: 0;
        left: 0;
        width: 0;
        height: 0;
        border-width: 0 .25rem .3125rem .25rem;
        border-style: solid;
        border-color: transparent transparent #3d3d3d transparent;
        margin: 0 auto;
        content: '';
        margin-top: 1px;
        margin-left: 50%
    }

    .bx--tooltip--icon__top::after, .bx--tooltip--icon__bottom::after {
        -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        min-width: 1.5rem;
        max-width: 13rem;
        height: 1.5rem;
        margin-left: 50%;
        padding: 0 1rem;
        border-radius: .125rem;
        color: #fff;
        font-weight: 400;
        content: attr(aria-label);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        white-space: nowrap;
        pointer-events: none;
        background-color: #3d3d3d
    }

    .bx--tooltip--icon__top:hover::before, .bx--tooltip--icon__top:hover::after, .bx--tooltip--icon__top:focus::before, .bx--tooltip--icon__top:focus::after, .bx--tooltip--icon__bottom:hover::before, .bx--tooltip--icon__bottom:hover::after, .bx--tooltip--icon__bottom:focus::before, .bx--tooltip--icon__bottom:focus::after {
        opacity: 1
    }

    .bx--tooltip--icon__top:hover svg, .bx--tooltip--icon__top:focus svg, .bx--tooltip--icon__bottom:hover svg, .bx--tooltip--icon__bottom:focus svg {
        fill: #565656
    }

    .bx--tooltip--icon__top:focus, .bx--tooltip--icon__bottom:focus {
        outline: 1px solid transparent
    }

        .bx--tooltip--icon__top:focus svg, .bx--tooltip--icon__bottom:focus svg {
            outline: 1px solid #0062ff
        }

    .bx--tooltip--icon__top::before {
        top: 1px;
        -webkit-transform: translate(-50%,calc(-100% - 9px)) rotate(180deg);
        transform: translate(-50%,calc(-100% - 9px)) rotate(180deg)
    }

    .bx--tooltip--icon__top::after {
        top: 0;
        -webkit-transform: translate(-50%,calc(-100% - 12px));
        transform: translate(-50%,calc(-100% - 12px))
    }

    .bx--tooltip--icon__bottom::before {
        bottom: 0;
        -webkit-transform: translate(-50%,10px) rotate(0);
        transform: translate(-50%,10px) rotate(0)
    }

    .bx--tooltip--icon__bottom::after {
        bottom: 0;
        -webkit-transform: translate(-50%,calc(100% + 10px));
        transform: translate(-50%,calc(100% + 10px))
    }

    .bx--tooltip--icon__top.bx--tooltip--icon__align-start::before {
        top: 1px;
        margin-left: 4px;
        -webkit-transform: translate(0,calc(-100% - 9px)) rotate(180deg);
        transform: translate(0,calc(-100% - 9px)) rotate(180deg)
    }

    .bx--tooltip--icon__top.bx--tooltip--icon__align-start::after {
        top: 0;
        margin-left: 0;
        -webkit-transform: translate(0,calc(-100% - 12px));
        transform: translate(0,calc(-100% - 12px))
    }

    .bx--tooltip--icon__top.bx--tooltip--icon__align-end::before {
        top: 1px;
        margin-right: 4px;
        left: auto;
        right: 0;
        -webkit-transform: translate(0,calc(-100% - 9px)) rotate(180deg);
        transform: translate(0,calc(-100% - 9px)) rotate(180deg)
    }

    .bx--tooltip--icon__top.bx--tooltip--icon__align-end::after {
        top: 0;
        margin-left: 0;
        right: 0;
        -webkit-transform: translate(0,calc(-100% - 12px));
        transform: translate(0,calc(-100% - 12px))
    }

    .bx--tooltip--icon__bottom.bx--tooltip--icon__align-start::before {
        bottom: 0;
        margin-left: 4px;
        -webkit-transform: translate(0,10px) rotate(0);
        transform: translate(0,10px) rotate(0)
    }

    .bx--tooltip--icon__bottom.bx--tooltip--icon__align-start::after {
        bottom: 0;
        margin-left: 0;
        -webkit-transform: translate(0,calc(100% + 10px));
        transform: translate(0,calc(100% + 10px))
    }

    .bx--tooltip--icon__bottom.bx--tooltip--icon__align-end::before {
        bottom: 0;
        margin-right: 4px;
        left: auto;
        right: 0;
        -webkit-transform: translate(0,10px) rotate(0);
        transform: translate(0,10px) rotate(0)
    }

    .bx--tooltip--icon__bottom.bx--tooltip--icon__align-end::after {
        bottom: 0;
        margin-left: 0;
        right: 0;
        -webkit-transform: translate(0,calc(100% + 10px));
        transform: translate(0,calc(100% + 10px))
    }

.bx--tooltip--icon .bx--tooltip__trigger svg {
    margin-left: 0
}

.bx--tooltip__trigger:hover svg, .bx--tooltip__trigger:focus svg {
    fill: #565656
}

.bx--tooltip__trigger.bx--tooltip--top {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    overflow: visible
}

    .bx--tooltip__trigger.bx--tooltip--top:focus {
        outline: 1px solid transparent
    }

        .bx--tooltip__trigger.bx--tooltip--top:focus svg {
            outline: 1px solid #0062ff
        }

    .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem;
        letter-spacing: .16px;
        position: absolute;
        z-index: 10000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: 0;
        pointer-events: none
    }

    .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip--top::after {
        -webkit-transition: opacity 70ms cubic-bezier(.2,0,.38,.9);
        transition: opacity 70ms cubic-bezier(.2,0,.38,.9)
    }

    .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::after {
        -webkit-transition: none;
        transition: none
    }

    .bx--tooltip__trigger.bx--tooltip--top::before {
        width: 0;
        height: 0;
        border-style: solid;
        content: ''
    }

    .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        color: inherit;
        opacity: 1;
        white-space: normal
    }

    .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip__trigger.bx--tooltip--top:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:focus + .bx--assistive-text {
        -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 13rem;
        height: auto;
        padding: .125rem 1rem;
        border-radius: .125rem;
        color: #fff;
        font-weight: 400;
        text-align: left;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        pointer-events: none;
        background-color: #3d3d3d
    }

    .bx--tooltip__trigger.bx--tooltip--top::after {
        content: attr(aria-label)
    }

    .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::after {
        content: none
    }

    .bx--tooltip__trigger.bx--tooltip--top:hover::before, .bx--tooltip__trigger.bx--tooltip--top:hover::after, .bx--tooltip__trigger.bx--tooltip--top:focus::before, .bx--tooltip__trigger.bx--tooltip--top:focus::after {
        opacity: 1
    }

@keyframes tooltip-fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bx--tooltip__trigger.bx--tooltip--top:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:focus + .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--tooltip__trigger.bx--tooltip--top:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--top:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:focus.bx--tooltip--a11y::before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2,0,.38,.9);
    animation: tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)
}

.bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip__trigger.bx--tooltip--top:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:focus + .bx--assistive-text {
    top: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip--top::before {
    border-width: .3125rem .25rem 0 .25rem;
    border-color: #3d3d3d transparent transparent transparent;
    -webkit-transform: translate(-50%,calc(-1 * (0.3125rem + 0.5rem)));
    transform: translate(-50%,calc(-1 * (0.3125rem + 0.5rem)))
}

.bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip__trigger.bx--tooltip--top:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:focus + .bx--assistive-text {
    left: 50%;
    -webkit-transform: translate(-50%,calc(-1 * (100% + 0.5rem + 0.3125rem)));
    transform: translate(-50%,calc(-1 * (100% + 0.5rem + 0.3125rem)))
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::after, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:focus + .bx--assistive-text {
    top: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::before {
    border-width: .3125rem .25rem 0 .25rem;
    border-color: #3d3d3d transparent transparent transparent;
    -webkit-transform: translate(-50%,calc(-1 * (0.3125rem + 0.5rem)));
    transform: translate(-50%,calc(-1 * (0.3125rem + 0.5rem)))
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::after, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:focus + .bx--assistive-text {
    left: 0;
    -webkit-transform: translate(0,calc(-1 * (100% + 0.5rem + 0.3125rem)));
    transform: translate(0,calc(-1 * (100% + 0.5rem + 0.3125rem)))
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::after, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:focus + .bx--assistive-text {
    top: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::before {
    border-width: .3125rem .25rem 0 .25rem;
    border-color: #3d3d3d transparent transparent transparent;
    -webkit-transform: translate(-50%,calc(-1 * (0.3125rem + 0.5rem)));
    transform: translate(-50%,calc(-1 * (0.3125rem + 0.5rem)))
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::after, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:focus + .bx--assistive-text {
    left: 50%;
    -webkit-transform: translate(-50%,calc(-1 * (100% + 0.5rem + 0.3125rem)));
    transform: translate(-50%,calc(-1 * (100% + 0.5rem + 0.3125rem)))
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::after, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:focus + .bx--assistive-text {
    top: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::before {
    border-width: .3125rem .25rem 0 .25rem;
    border-color: #3d3d3d transparent transparent transparent;
    -webkit-transform: translate(-50%,calc(-1 * (0.3125rem + 0.5rem)));
    transform: translate(-50%,calc(-1 * (0.3125rem + 0.5rem)))
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::after, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:focus + .bx--assistive-text {
    right: 0;
    left: initial;
    -webkit-transform: translate(0,calc(-1 * (100% + 0.5rem + 0.3125rem)));
    transform: translate(0,calc(-1 * (100% + 0.5rem + 0.3125rem)))
}

.bx--tooltip__trigger.bx--tooltip--right {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    overflow: visible
}

    .bx--tooltip__trigger.bx--tooltip--right:focus {
        outline: 1px solid transparent
    }

        .bx--tooltip__trigger.bx--tooltip--right:focus svg {
            outline: 1px solid #0062ff
        }

    .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem;
        letter-spacing: .16px;
        position: absolute;
        z-index: 10000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: 0;
        pointer-events: none
    }

    .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip__trigger.bx--tooltip--right::after {
        -webkit-transition: opacity 70ms cubic-bezier(.2,0,.38,.9);
        transition: opacity 70ms cubic-bezier(.2,0,.38,.9)
    }

    .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::after {
        -webkit-transition: none;
        transition: none
    }

    .bx--tooltip__trigger.bx--tooltip--right::before {
        width: 0;
        height: 0;
        border-style: solid;
        content: ''
    }

    .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        color: inherit;
        opacity: 1;
        white-space: normal
    }

    .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip__trigger.bx--tooltip--right:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:focus + .bx--assistive-text {
        -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 13rem;
        height: auto;
        padding: .125rem 1rem;
        border-radius: .125rem;
        color: #fff;
        font-weight: 400;
        text-align: left;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        pointer-events: none;
        background-color: #3d3d3d
    }

    .bx--tooltip__trigger.bx--tooltip--right::after {
        content: attr(aria-label)
    }

    .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::after {
        content: none
    }

    .bx--tooltip__trigger.bx--tooltip--right:hover::before, .bx--tooltip__trigger.bx--tooltip--right:hover::after, .bx--tooltip__trigger.bx--tooltip--right:focus::before, .bx--tooltip__trigger.bx--tooltip--right:focus::after {
        opacity: 1
    }

@keyframes tooltip-fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bx--tooltip__trigger.bx--tooltip--right:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:focus + .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--tooltip__trigger.bx--tooltip--right:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--right:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:focus.bx--tooltip--a11y::before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2,0,.38,.9);
    animation: tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)
}

.bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip__trigger.bx--tooltip--right:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:focus + .bx--assistive-text {
    top: 50%;
    right: 0
}

.bx--tooltip__trigger.bx--tooltip--right::before {
    border-width: .25rem .3125rem .25rem 0;
    border-color: transparent #3d3d3d transparent transparent;
    -webkit-transform: translate(calc(0.3125rem + 0.5rem),-50%);
    transform: translate(calc(0.3125rem + 0.5rem),-50%)
}

.bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip__trigger.bx--tooltip--right:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:focus + .bx--assistive-text {
    -webkit-transform: translate(calc(100% + 0.5rem + 0.3125rem),-50%);
    transform: translate(calc(100% + 0.5rem + 0.3125rem),-50%)
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::after, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:focus + .bx--assistive-text {
    top: 50%;
    right: 0
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::before {
    border-width: .25rem .3125rem .25rem 0;
    border-color: transparent #3d3d3d transparent transparent;
    -webkit-transform: translate(calc(0.3125rem + 0.5rem),-50%);
    transform: translate(calc(0.3125rem + 0.5rem),-50%)
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::after, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:focus + .bx--assistive-text {
    -webkit-transform: translate(calc(100% + 0.5rem + 0.3125rem),-50%);
    transform: translate(calc(100% + 0.5rem + 0.3125rem),-50%)
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::after, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:focus + .bx--assistive-text {
    top: 50%;
    right: 0
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::before {
    border-width: .25rem .3125rem .25rem 0;
    border-color: transparent #3d3d3d transparent transparent;
    -webkit-transform: translate(calc(0.3125rem + 0.5rem),-50%);
    transform: translate(calc(0.3125rem + 0.5rem),-50%)
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::after, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:focus + .bx--assistive-text {
    -webkit-transform: translate(calc(100% + 0.5rem + 0.3125rem),-50%);
    transform: translate(calc(100% + 0.5rem + 0.3125rem),-50%)
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::after, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:focus + .bx--assistive-text {
    top: 50%;
    right: 0
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::before {
    border-width: .25rem .3125rem .25rem 0;
    border-color: transparent #3d3d3d transparent transparent;
    -webkit-transform: translate(calc(0.3125rem + 0.5rem),-50%);
    transform: translate(calc(0.3125rem + 0.5rem),-50%)
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::after, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:focus + .bx--assistive-text {
    -webkit-transform: translate(calc(100% + 0.5rem + 0.3125rem),-50%);
    transform: translate(calc(100% + 0.5rem + 0.3125rem),-50%)
}

.bx--tooltip__trigger.bx--tooltip--bottom {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    overflow: visible
}

    .bx--tooltip__trigger.bx--tooltip--bottom:focus {
        outline: 1px solid transparent
    }

        .bx--tooltip__trigger.bx--tooltip--bottom:focus svg {
            outline: 1px solid #0062ff
        }

    .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem;
        letter-spacing: .16px;
        position: absolute;
        z-index: 10000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: 0;
        pointer-events: none
    }

    .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip--bottom::after {
        -webkit-transition: opacity 70ms cubic-bezier(.2,0,.38,.9);
        transition: opacity 70ms cubic-bezier(.2,0,.38,.9)
    }

    .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::after {
        -webkit-transition: none;
        transition: none
    }

    .bx--tooltip__trigger.bx--tooltip--bottom::before {
        width: 0;
        height: 0;
        border-style: solid;
        content: ''
    }

    .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        color: inherit;
        opacity: 1;
        white-space: normal
    }

    .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip__trigger.bx--tooltip--bottom:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:focus + .bx--assistive-text {
        -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 13rem;
        height: auto;
        padding: .125rem 1rem;
        border-radius: .125rem;
        color: #fff;
        font-weight: 400;
        text-align: left;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        pointer-events: none;
        background-color: #3d3d3d
    }

    .bx--tooltip__trigger.bx--tooltip--bottom::after {
        content: attr(aria-label)
    }

    .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::after {
        content: none
    }

    .bx--tooltip__trigger.bx--tooltip--bottom:hover::before, .bx--tooltip__trigger.bx--tooltip--bottom:hover::after, .bx--tooltip__trigger.bx--tooltip--bottom:focus::before, .bx--tooltip__trigger.bx--tooltip--bottom:focus::after {
        opacity: 1
    }

@keyframes tooltip-fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bx--tooltip__trigger.bx--tooltip--bottom:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:focus + .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--tooltip__trigger.bx--tooltip--bottom:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--bottom:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:focus.bx--tooltip--a11y::before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2,0,.38,.9);
    animation: tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)
}

.bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip__trigger.bx--tooltip--bottom:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:focus + .bx--assistive-text {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip--bottom::before {
    border-width: 0 .25rem .3125rem .25rem;
    border-color: transparent transparent #3d3d3d transparent;
    -webkit-transform: translate(-50%,calc(0.3125rem + 0.5rem));
    transform: translate(-50%,calc(0.3125rem + 0.5rem))
}

.bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip__trigger.bx--tooltip--bottom:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:focus + .bx--assistive-text {
    -webkit-transform: translate(-50%,calc(100% + 0.5rem + 0.3125rem));
    transform: translate(-50%,calc(100% + 0.5rem + 0.3125rem))
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::after, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:focus + .bx--assistive-text {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::before {
    border-width: 0 .25rem .3125rem .25rem;
    border-color: transparent transparent #3d3d3d transparent;
    -webkit-transform: translate(-50%,calc(0.3125rem + 0.5rem));
    transform: translate(-50%,calc(0.3125rem + 0.5rem))
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::after, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:focus + .bx--assistive-text {
    left: 0;
    -webkit-transform: translate(0,calc(100% + 0.5rem + 0.3125rem));
    transform: translate(0,calc(100% + 0.5rem + 0.3125rem))
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::after, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:focus + .bx--assistive-text {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::before {
    border-width: 0 .25rem .3125rem .25rem;
    border-color: transparent transparent #3d3d3d transparent;
    -webkit-transform: translate(-50%,calc(0.3125rem + 0.5rem));
    transform: translate(-50%,calc(0.3125rem + 0.5rem))
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::after, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:focus + .bx--assistive-text {
    -webkit-transform: translate(-50%,calc(100% + 0.5rem + 0.3125rem));
    transform: translate(-50%,calc(100% + 0.5rem + 0.3125rem))
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::after, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:focus + .bx--assistive-text {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::before {
    border-width: 0 .25rem .3125rem .25rem;
    border-color: transparent transparent #3d3d3d transparent;
    -webkit-transform: translate(-50%,calc(0.3125rem + 0.5rem));
    transform: translate(-50%,calc(0.3125rem + 0.5rem))
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::after, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:focus + .bx--assistive-text {
    right: 0;
    left: initial;
    -webkit-transform: translate(0,calc(100% + 0.5rem + 0.3125rem));
    transform: translate(0,calc(100% + 0.5rem + 0.3125rem))
}

.bx--tooltip__trigger.bx--tooltip--left {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    overflow: visible
}

    .bx--tooltip__trigger.bx--tooltip--left:focus {
        outline: 1px solid transparent
    }

        .bx--tooltip__trigger.bx--tooltip--left:focus svg {
            outline: 1px solid #0062ff
        }

    .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem;
        letter-spacing: .16px;
        position: absolute;
        z-index: 10000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: 0;
        pointer-events: none
    }

    .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip__trigger.bx--tooltip--left::after {
        -webkit-transition: opacity 70ms cubic-bezier(.2,0,.38,.9);
        transition: opacity 70ms cubic-bezier(.2,0,.38,.9)
    }

    .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::after {
        -webkit-transition: none;
        transition: none
    }

    .bx--tooltip__trigger.bx--tooltip--left::before {
        width: 0;
        height: 0;
        border-style: solid;
        content: ''
    }

    .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        color: inherit;
        opacity: 1;
        white-space: normal
    }

    .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip__trigger.bx--tooltip--left:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:focus + .bx--assistive-text {
        -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 13rem;
        height: auto;
        padding: .125rem 1rem;
        border-radius: .125rem;
        color: #fff;
        font-weight: 400;
        text-align: left;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        pointer-events: none;
        background-color: #3d3d3d
    }

    .bx--tooltip__trigger.bx--tooltip--left::after {
        content: attr(aria-label)
    }

    .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::after {
        content: none
    }

    .bx--tooltip__trigger.bx--tooltip--left:hover::before, .bx--tooltip__trigger.bx--tooltip--left:hover::after, .bx--tooltip__trigger.bx--tooltip--left:focus::before, .bx--tooltip__trigger.bx--tooltip--left:focus::after {
        opacity: 1
    }

@keyframes tooltip-fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bx--tooltip__trigger.bx--tooltip--left:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:focus + .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--tooltip__trigger.bx--tooltip--left:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--left:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:focus.bx--tooltip--a11y::before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2,0,.38,.9);
    animation: tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)
}

.bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip__trigger.bx--tooltip--left:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:focus + .bx--assistive-text {
    top: 50%;
    left: 0
}

.bx--tooltip__trigger.bx--tooltip--left::before {
    border-width: .25rem 0 .25rem .3125rem;
    border-color: transparent transparent transparent #3d3d3d;
    -webkit-transform: translate(calc(-1 * (0.3125rem + 0.5rem)),-50%);
    transform: translate(calc(-1 * (0.3125rem + 0.5rem)),-50%)
}

.bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip__trigger.bx--tooltip--left:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:focus + .bx--assistive-text {
    -webkit-transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)),-50%);
    transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)),-50%)
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::after, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:focus + .bx--assistive-text {
    top: 50%;
    left: 0
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::before {
    border-width: .25rem 0 .25rem .3125rem;
    border-color: transparent transparent transparent #3d3d3d;
    -webkit-transform: translate(calc(-1 * (0.3125rem + 0.5rem)),-50%);
    transform: translate(calc(-1 * (0.3125rem + 0.5rem)),-50%)
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::after, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:focus + .bx--assistive-text {
    -webkit-transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)),-50%);
    transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)),-50%)
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::after, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:focus + .bx--assistive-text {
    top: 50%;
    left: 0
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::before {
    border-width: .25rem 0 .25rem .3125rem;
    border-color: transparent transparent transparent #3d3d3d;
    -webkit-transform: translate(calc(-1 * (0.3125rem + 0.5rem)),-50%);
    transform: translate(calc(-1 * (0.3125rem + 0.5rem)),-50%)
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::after, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:focus + .bx--assistive-text {
    -webkit-transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)),-50%);
    transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)),-50%)
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::after, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:focus + .bx--assistive-text {
    top: 50%;
    left: 0
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::before {
    border-width: .25rem 0 .25rem .3125rem;
    border-color: transparent transparent transparent #3d3d3d;
    -webkit-transform: translate(calc(-1 * (0.3125rem + 0.5rem)),-50%);
    transform: translate(calc(-1 * (0.3125rem + 0.5rem)),-50%)
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::after, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:hover .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:focus .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:focus + .bx--assistive-text {
    -webkit-transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)),-50%);
    transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)),-50%)
}

.bx--tabs {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    color: #171717;
    height: auto;
    width: 100%;
    position: relative
}

@media (min-width:42rem) {
    .bx--tabs {
        background: none;
        min-height: 3rem
    }
}

.bx--tabs-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1rem;
    height: 2.5rem;
    cursor: pointer;
    color: #171717;
    outline: 2px solid transparent;
    border-bottom: 1px solid #8c8c8c;
    background-color: #f3f3f3
}

@media (min-width:42rem) {
    .bx--tabs-trigger {
        display: none
    }
}

.bx--tabs-trigger:focus, .bx--tabs-trigger:active {
    outline: 2px solid #0062ff;
    outline-offset: -2px
}

.bx--tabs-trigger svg {
    width: .75rem;
    height: .4375rem;
    fill: #171717;
    -webkit-transition: -webkit-transform 70ms cubic-bezier(.2,0,.38,.9);
    transition: -webkit-transform 70ms cubic-bezier(.2,0,.38,.9);
    transition: transform 70ms cubic-bezier(.2,0,.38,.9);
    transition: transform 70ms cubic-bezier(.2,0,.38,.9),-webkit-transform 70ms cubic-bezier(.2,0,.38,.9)
}

.bx--tabs-trigger--open:focus, .bx--tabs-trigger--open:active {
    outline: 2px solid transparent;
    outline-offset: -2px;
    -webkit-transition: outline 70ms cubic-bezier(.2,0,.38,.9);
    transition: outline 70ms cubic-bezier(.2,0,.38,.9)
}

.bx--tabs-trigger--open {
    background: #dcdcdc
}

    .bx--tabs-trigger--open svg {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: -webkit-transform 70ms;
        transition: -webkit-transform 70ms;
        transition: transform 70ms;
        transition: transform 70ms,-webkit-transform 70ms;
        -webkit-transform-origin: 50% 45%;
        transform-origin: 50% 45%
    }

.bx--tabs--light.bx--tabs-trigger {
    background-color: #fff
}

.bx--tabs-trigger-text {
    text-decoration: none;
    padding-top: 2px;
    color: #171717;
    font-weight: 400
}

    .bx--tabs-trigger-text:hover {
        color: #171717
    }

    .bx--tabs-trigger-text:focus {
        outline: none
    }

.bx--tabs__nav {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
    margin: 0;
    padding: 0;
    position: absolute;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 9100;
    background: #f3f3f3;
    -webkit-transition: max-height 70ms cubic-bezier(.2,0,.38,.9);
    transition: max-height 70ms cubic-bezier(.2,0,.38,.9);
    max-height: 600px;
    width: 100%
}

@media (min-width:42rem) {
    .bx--tabs__nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        z-index: auto;
        -webkit-transition: inherit;
        transition: inherit;
        max-height: auto;
        width: auto
    }
}

.bx--tabs__nav--hidden {
    -webkit-transition: max-height 70ms cubic-bezier(.2,0,.38,.9);
    transition: max-height 70ms cubic-bezier(.2,0,.38,.9);
    overflow: hidden;
    max-height: 0
}

@media (min-width:42rem) {
    .bx--tabs__nav--hidden {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: inherit;
        transition: inherit;
        overflow: visible;
        max-height: none
    }
}

.bx--tabs__nav-item {
    background-color: #f3f3f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    cursor: pointer;
    width: 100%;
    height: 2.5rem;
    -webkit-transition: background-color 70ms cubic-bezier(.2,0,.38,.9);
    transition: background-color 70ms cubic-bezier(.2,0,.38,.9)
}

@media (min-width:42rem) {
    .bx--tabs__nav-item {
        background: transparent;
        height: auto
    }

        .bx--tabs__nav-item + .bx--tabs__nav-item {
            margin-left: .125rem
        }
}

.bx--tabs__nav-item .bx--tabs__nav-link {
    -webkit-transition: color 70ms cubic-bezier(.2,0,.38,.9),border-bottom-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);
    transition: color 70ms cubic-bezier(.2,0,.38,.9),border-bottom-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)
}

@media (min-width:42rem) {
    .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected) {
        background: transparent
    }
}

.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled) {
    background-color: #e5e5e5;
    -webkit-box-shadow: 0 -1px 0 #e5e5e5;
    box-shadow: 0 -1px 0 #e5e5e5
}

@media (min-width:42rem) {
    .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled) {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.bx--tabs__nav-item--disabled, .bx--tabs__nav-item--disabled:hover {
    cursor: not-allowed;
    outline: none
}

    .bx--tabs__nav-item--disabled .bx--tabs__nav-link {
        pointer-events: none
    }

.bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) {
    border: none;
    display: none;
    -webkit-transition: color 70ms cubic-bezier(.2,0,.38,.9);
    transition: color 70ms cubic-bezier(.2,0,.38,.9)
}

@media (min-width:42rem) {
    .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link {
            color: #171717;
            font-size: .875rem;
            font-weight: 600;
            line-height: 1.125rem;
            letter-spacing: .16px;
            border-bottom: 3px solid #0062ff
        }

            .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus, .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active {
                color: #171717;
                border-bottom: 2px solid #0062ff
            }
}

a.bx--tabs__nav-link {
    outline: 2px solid transparent;
    outline-offset: -2px;
    display: inline-block;
    color: #565656;
    text-decoration: none;
    font-weight: 400;
    padding: .75rem 0;
    width: calc(100% - 32px);
    height: 2.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 1rem;
    line-height: 1rem;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
    -webkit-transition: border 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);
    transition: border 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)
}

    a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
        width: 100%;
        margin: 0;
        padding-left: 16px;
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

@media (min-width:42rem) {
    a.bx--tabs__nav-link {
        border-bottom: 3px solid #bebebe;
        padding: .5rem 1rem;
        width: 10rem;
        margin: 0;
        line-height: inherit
    }

        a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
            width: 10rem;
            padding: .5rem 1rem;
            border-bottom: 2px
        }
}

.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link {
    color: #171717
}

@media (min-width:42rem) {
    .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link {
        color: #171717;
        border-bottom: 3px solid #6f6f6f
    }
}

.bx--tabs__nav-item--disabled .bx--tabs__nav-link {
    color: #bebebe;
    border-bottom: 3px solid #f3f3f3
}

.bx--tabs__nav-item--disabled:hover .bx--tabs__nav-link {
    cursor: no-drop;
    border-bottom: 3px solid #f3f3f3
}

.bx--tabs__nav-item--disabled .bx--tabs__nav-link:focus, .bx--tabs__nav-item--disabled a.bx--tabs__nav-link:active {
    outline: none;
    border-bottom: 3px solid #f3f3f3
}

.bx--tabs__nav-item:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected) .bx--tabs__nav-link:focus, .bx--tabs__nav-item:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected) a.bx--tabs__nav-link:active {
    color: #565656
}

.bx--tabs.bx--skeleton {
    pointer-events: none;
    cursor: default
}

    .bx--tabs.bx--skeleton .bx--tabs__nav-link {
        position: relative;
        border: none;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        pointer-events: none;
        background: #e5e5e5;
        width: 4.6875rem;
        height: .75rem
    }

        .bx--tabs.bx--skeleton .bx--tabs__nav-link:hover, .bx--tabs.bx--skeleton .bx--tabs__nav-link:focus, .bx--tabs.bx--skeleton .bx--tabs__nav-link:active {
            border: none;
            outline: none;
            cursor: default
        }

        .bx--tabs.bx--skeleton .bx--tabs__nav-link:before {
            content: '';
            width: 0%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: #bebebe;
            -webkit-animation: 3000ms ease-in-out skeleton infinite;
            animation: 3000ms ease-in-out skeleton infinite
        }

    .bx--tabs.bx--skeleton .bx--tabs-trigger {
        position: relative;
        border: none;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        pointer-events: none;
        background: #e5e5e5;
        width: 6.25rem
    }

        .bx--tabs.bx--skeleton .bx--tabs-trigger:hover, .bx--tabs.bx--skeleton .bx--tabs-trigger:focus, .bx--tabs.bx--skeleton .bx--tabs-trigger:active {
            border: none;
            outline: none;
            cursor: default
        }

        .bx--tabs.bx--skeleton .bx--tabs-trigger:before {
            content: '';
            width: 0%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: #bebebe;
            -webkit-animation: 3000ms ease-in-out skeleton infinite;
            animation: 3000ms ease-in-out skeleton infinite
        }

        .bx--tabs.bx--skeleton .bx--tabs-trigger svg {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0,0,0,0);
            border: 0;
            visibility: visible;
            white-space: nowrap
        }

.bx--tag {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: .32px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .5rem;
    height: 1.5rem;
    margin: .25rem;
    border-radius: .9375rem
}

    .bx--tag:not(:first-child) {
        margin-left: 0
    }

    .bx--tag.bx--skeleton {
        background-color: #dcdcdc;
        color: #171717
    }

.bx--tag--red {
    background-color: #fcd0d3;
    color: #a51920
}

.bx--tag--magenta {
    background-color: #ffcfe1;
    color: #a11950
}

.bx--tag--purple {
    background-color: #e6d6ff;
    color: #6e32c9
}

.bx--tag--blue {
    background-color: #c9deff;
    color: #054ada
}

.bx--tag--cyan {
    background-color: #b3e6ff;
    color: #0058a1
}

.bx--tag--teal {
    background-color: #92eeee;
    color: #006161
}

.bx--tag--green {
    background-color: #9deeb2;
    color: #10642a
}

.bx--tag--gray {
    background-color: #dcdcdc;
    color: #171717
}

.bx--tag--cool-gray {
    background-color: #d5d9e0;
    color: #13171a
}

.bx--tag--warm-gray {
    background-color: #e0dbda;
    color: #1a1717
}

.bx--tag--disabled {
    background-color: #f3f3f3;
    color: #bebebe
}

    .bx--tag--disabled:hover {
        cursor: not-allowed
    }

.bx--tag--filter {
    background-color: #171717;
    color: #fff;
    cursor: pointer;
    padding-right: .125rem
}

    .bx--tag--filter &gt; svg {
        fill: #fff;
        margin-left: .25rem;
        padding: .125rem;
        width: 1.25rem;
        height: 1.25rem
    }

        .bx--tag--filter &gt; svg:hover {
            border-radius: 50%;
            background-color: #4c4c4c
        }

    .bx--tag--filter:focus, .bx--tag--filter:hover {
        outline: none
    }

        .bx--tag--filter:focus &gt; svg {
            border: 2px solid #fff;
            border-radius: 50%
        }

.bx--tag.bx--skeleton {
    width: 3.75rem
}

    .bx--tag.bx--skeleton:after {
        position: relative;
        border: none;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        pointer-events: none;
        background: #e5e5e5;
        content: '';
        height: .375rem;
        width: 100%
    }

        .bx--tag.bx--skeleton:after:hover, .bx--tag.bx--skeleton:after:focus, .bx--tag.bx--skeleton:after:active {
            border: none;
            outline: none;
            cursor: default
        }

        .bx--tag.bx--skeleton:after:before {
            content: '';
            width: 0%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: #bebebe;
            -webkit-animation: 3000ms ease-in-out skeleton infinite;
            animation: 3000ms ease-in-out skeleton infinite
        }

.bx--data-table-container + .bx--pagination {
    border-top: 0
}

.bx--pagination {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    width: 100%;
    background-color: #f3f3f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #dcdcdc;
    height: 3rem
}

    .bx--pagination .bx--select {
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-template-columns: auto 0
    }

.bx--select-input__wrapper, .bx--select-input--inline__wrapper {
    height: 100%
}

.bx--pagination .bx--select-input {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    width: auto;
    min-width: auto;
    height: 100%;
    padding: 0 2.5rem 0 1rem;
    margin-right: -.65rem
}

@media (min-width:42rem) {
    .bx--pagination .bx--select-input {
        padding: 0 1.5rem 0 .5rem;
        margin-right: 0
    }
}

.bx--pagination .bx--select-input:hover {
    background: #e5e5e5
}

.bx--pagination .bx--select__arrow {
    position: relative;
    top: auto;
    right: 1.1rem;
    bottom: auto
}

.bx--pagination .bx--select__item-count .bx--select-input {
    border-right: .0625rem solid #dcdcdc
}

@media (min-width:42rem) {
    .bx--pagination .bx--select__item-count .bx--select-input {
        padding-right: 2rem;
        margin-right: -.65rem
    }
}

.bx--pagination .bx--select__page-number .bx--select-input {
    border-left: 1px solid #dcdcdc
}

@media (min-width:42rem) {
    .bx--pagination .bx--select__page-number .bx--select-input {
        padding-left: 1rem;
        padding-right: 2rem
    }
}

@media (min-width:42rem) {
    .bx--pagination .bx--select__page-number .bx--select__arrow {
        right: 1.8rem
    }
}

.bx--pagination__left, .bx--pagination__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .bx--pagination__left &gt; .bx--form-item, .bx--pagination__right &gt; .bx--form-item {
        height: 100%
    }

    .bx--pagination__left .bx--pagination__text {
        margin-right: .0625rem
    }

    .bx--pagination__right .bx--pagination__text {
        margin-right: 1rem;
        margin-left: .0625rem
    }

@media (min-width:42rem) {
    .bx--pagination__left {
        padding: 0 1rem
    }
}

.bx--pagination__text {
    display: none
}

@media (min-width:42rem) {
    .bx--pagination__text {
        display: inline-block
    }
}

span.bx--pagination__text {
    margin-left: 1rem;
    color: #171717
}

.bx--pagination__right span.bx--pagination__text {
    margin-left: -.5rem
}

.bx--pagination__button {
    border: none;
    background: none;
    cursor: pointer;
    height: 100%;
    margin: 0;
    padding: 0 .875rem;
    border-left: 1px solid #dcdcdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    fill: #171717;
    -webkit-transition: outline 110ms cubic-bezier(.2,0,.38,.9);
    transition: outline 110ms cubic-bezier(.2,0,.38,.9);
    -webkit-transition: background-color 110ms cubic-bezier(.2,0,.38,.9);
    transition: background-color 110ms cubic-bezier(.2,0,.38,.9)
}

    .bx--pagination__button:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

    .bx--pagination__button:hover {
        background: #e5e5e5
    }

.bx--pagination__button--no-index {
    fill: #bebebe;
    cursor: not-allowed
}

    .bx--pagination__button:disabled:hover, .bx--pagination__button--no-index:hover {
        cursor: not-allowed;
        fill: #bebebe;
        background: #f3f3f3
    }

.bx--pagination--inline {
    height: 2.625rem;
    margin-top: -.5rem;
    margin-bottom: -.5rem;
    margin-right: -1rem
}

    .bx--pagination--inline .bx--pagination__button {
        height: 2.5rem;
        border-left: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
        margin: 0
    }

    .bx--pagination--inline .bx--pagination__button--forward {
        border-right: 0;
        padding: 0 1rem;
        margin-left: 1rem
    }

    .bx--pagination--inline .bx--pagination__button--backward {
        margin: 0 1rem;
        padding: 0 1rem
    }

.bx--pagination.bx--skeleton .bx--skeleton__text {
    margin-right: 1rem;
    margin-bottom: 0
}

.bx--accordion {
    list-style: none;
    width: 100%
}

.bx--accordion__item {
    -webkit-transition: all 110ms cubic-bezier(.2,0,.38,.9);
    transition: all 110ms cubic-bezier(.2,0,.38,.9);
    border-top: 1px solid #dcdcdc;
    overflow: visible
}

    .bx--accordion__item:last-child {
        border-bottom: 1px solid #dcdcdc
    }

.bx--accordion__heading {
    display: inline-block;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    width: 100%;
    color: #171717;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    cursor: pointer;
    padding: .375rem 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative;
    width: 100%;
    margin: 0;
    -webkit-transition: background-color cubic-bezier(.2,0,.38,.9) 110ms;
    transition: background-color cubic-bezier(.2,0,.38,.9) 110ms
}

    .bx--accordion__heading::-moz-focus-inner {
        border: 0
    }

    .bx--accordion__heading:hover:before, .bx--accordion__heading:focus:before {
        content: '';
        position: absolute;
        top: -1px;
        left: 0;
        width: 100%;
        height: calc(100% + 2px)
    }

    .bx--accordion__heading:hover:before {
        background-color: #e5e5e5
    }

    .bx--accordion__heading:focus {
        outline: none
    }

        .bx--accordion__heading:focus:before {
            border: 2px solid #0062ff;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

.bx--accordion__arrow {
    outline: 2px solid transparent;
    outline-offset: -2px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1rem;
    flex: 0 0 1rem;
    width: 1rem;
    height: 1rem;
    margin: 0 1rem 0 0;
    fill: #171717;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 110ms cubic-bezier(.2,0,.38,.9);
    transition: all 110ms cubic-bezier(.2,0,.38,.9)
}

.bx--accordion__title {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .16px;
    margin: 0 0 0 1rem;
    width: 100%;
    text-align: left;
    z-index: 0
}

.bx--accordion__content {
    -webkit-transition: height cubic-bezier(.2,0,.38,.9) 110ms,padding cubic-bezier(.2,0,.38,.9) 110ms;
    transition: height cubic-bezier(.2,0,.38,.9) 110ms,padding cubic-bezier(.2,0,.38,.9) 110ms;
    padding-left: 1rem;
    padding-right: 25%;
    height: 0;
    visibility: hidden;
    opacity: 0
}

@media (max-width:42rem) {
    .bx--accordion__content {
        padding-right: 3rem
    }
}

.bx--accordion__content p {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .16px
}

.bx--accordion__item--active {
    overflow: visible
}

    .bx--accordion__item--active .bx--accordion__content {
        padding-bottom: 1.5rem;
        padding-top: .5rem;
        height: auto;
        visibility: visible;
        opacity: 1;
        -webkit-transition: height cubic-bezier(0,0,.38,.9) 110ms,padding-top cubic-bezier(0,0,.38,.9) 110ms,padding-bottom cubic-bezier(0,0,.38,.9) 110ms;
        transition: height cubic-bezier(0,0,.38,.9) 110ms,padding-top cubic-bezier(0,0,.38,.9) 110ms,padding-bottom cubic-bezier(0,0,.38,.9) 110ms
    }

    .bx--accordion__item--active .bx--accordion__arrow {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        fill: #171717
    }

.bx--accordion.bx--skeleton .bx--accordion__heading, .bx--accordion.bx--skeleton .bx--accordion__button {
    cursor: default
}

.bx--accordion.bx--skeleton .bx--accordion__arrow {
    pointer-events: none;
    fill: #171717;
    cursor: default
}

    .bx--accordion.bx--skeleton .bx--accordion__arrow:hover, .bx--accordion.bx--skeleton .bx--accordion__arrow:focus, .bx--accordion.bx--skeleton .bx--accordion__arrow:active {
        border: none;
        outline: none;
        cursor: default
    }

.bx--skeleton .bx--accordion__heading:focus .bx--accordion__arrow {
    border: none;
    outline: none;
    cursor: default
}

.bx--accordion__title.bx--skeleton__text {
    margin-bottom: 0
}

.bx--progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none
}

.bx--progress-step {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 7rem;
    width: 8rem;
    overflow: visible
}

    .bx--progress-step .bx--tooltip__label {
        display: block
    }

.bx--progress-line {
    position: absolute;
    left: 0;
    height: 1px;
    width: 8rem;
    border: 1px inset transparent
}

.bx--progress-step svg {
    position: relative;
    z-index: 1;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    margin: 9px .5rem 0 0;
    fill: #0062ff
}

.bx--progress-label {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    line-height: 1.45;
    max-width: 5.5rem;
    margin: .5rem 0 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color 110ms cubic-bezier(.2,0,.38,.9),-webkit-box-shadow 110ms cubic-bezier(.2,0,.38,.9);
    transition: color 110ms cubic-bezier(.2,0,.38,.9),-webkit-box-shadow 110ms cubic-bezier(.2,0,.38,.9);
    transition: box-shadow 110ms cubic-bezier(.2,0,.38,.9),color 110ms cubic-bezier(.2,0,.38,.9);
    transition: box-shadow 110ms cubic-bezier(.2,0,.38,.9),color 110ms cubic-bezier(.2,0,.38,.9),-webkit-box-shadow 110ms cubic-bezier(.2,0,.38,.9)
}

    .bx--progress-label::before {
        content: '';
        display: block
    }

    .bx--progress-label:hover {
        color: #0062ff;
        cursor: pointer;
        -webkit-box-shadow: 0 .0625rem #0062ff;
        box-shadow: 0 .0625rem #0062ff
    }

    .bx--progress-label:focus {
        outline: none;
        color: #0062ff;
        -webkit-box-shadow: 0 .1875rem 0 0 #0062ff;
        box-shadow: 0 .1875rem 0 0 #0062ff
    }

    .bx--progress-label:active {
        color: #0062ff;
        -webkit-box-shadow: 0 .1875rem 0 0 #0062ff;
        box-shadow: 0 .1875rem 0 0 #0062ff
    }

.bx--progress-label-overflow:hover ~ .bx--tooltip, .bx--progress-label-overflow:focus ~ .bx--tooltip {
    visibility: visible
}

.bx--progress-step .bx--tooltip .bx--tooltip__caret {
    margin-left: .625rem
}

.bx--tooltip__text {
    padding: 0;
    margin: 0;
    font-weight: 400
}

.bx--progress-step .bx--tooltip {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .16px;
    min-width: 7.1875rem;
    width: 7.8125rem;
    min-height: 1.5rem;
    margin-left: 1.375rem;
    margin-top: 2.5rem;
    padding: .5rem 1rem;
    display: block;
    visibility: hidden;
    color: #fff
}

.bx--progress-step .bx--tooltip_multi {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .16px;
    width: 9.375rem;
    height: auto;
    color: #fff
}

.bx--progress-optional {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: .32px;
    position: absolute;
    left: 0;
    margin-left: 1.5rem;
    margin-top: 1.75rem;
    color: #171717
}

.bx--progress-step--current .bx--progress-line {
    background-color: #0062ff
}

.bx--progress-step--current svg {
    width: 14px;
    height: 14px;
    fill: #0062ff;
    margin-top: .59375rem
}

.bx--progress-step--incomplete svg {
    fill: #171717
}

.bx--progress-step--incomplete .bx--progress-line {
    background-color: #dcdcdc
}

.bx--progress-step--complete .bx--progress-line {
    background-color: #0062ff
}

.bx--progress-step-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bx--progress-step-button--unclickable {
    outline: none
}

.bx--progress-step--disabled {
    cursor: not-allowed
}

    .bx--progress-step--disabled svg {
        fill: #bebebe;
        cursor: not-allowed
    }

    .bx--progress-step--disabled .bx--progress-label, .bx--progress-step--disabled .bx--progress-label:hover {
        color: #bebebe;
        cursor: not-allowed;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .bx--progress-step--disabled .bx--progress-label:focus, .bx--progress-step--disabled .bx--progress-label:active {
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none
        }

    .bx--progress-step--disabled .bx--progress-line {
        cursor: not-allowed
    }

    .bx--progress-step--disabled .bx--progress-label-overflow:hover ~ .bx--tooltip--definition .bx--tooltip--definition__bottom {
        display: none
    }

.bx--progress__warning &gt; path {
    fill: #da1e28
}

.bx--progress.bx--skeleton .bx--progress-label {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    height: .75rem;
    width: 2.5rem
}

    .bx--progress.bx--skeleton .bx--progress-label:hover, .bx--progress.bx--skeleton .bx--progress-label:focus, .bx--progress.bx--skeleton .bx--progress-label:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--progress.bx--skeleton .bx--progress-label:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

.bx--progress--vertical {
    display: block
}

    .bx--progress--vertical .bx--progress-step {
        display: list-item;
        min-height: 6rem;
        width: initial;
        min-width: initial
    }

        .bx--progress--vertical .bx--progress-step svg {
            display: inline-block;
            margin: .1rem .5rem
        }

    .bx--progress--vertical .bx--progress-step--current svg {
        margin-left: .563rem
    }

    .bx--progress--vertical .bx--progress-label {
        display: inline-block;
        width: initial;
        max-width: none;
        vertical-align: top;
        margin: 0
    }

    .bx--progress--vertical .bx--progress-step .bx--tooltip {
        margin-top: .5rem
    }

    .bx--progress--vertical .bx--progress-optional {
        margin-top: auto;
        position: initial;
        margin-left: 2.25rem
    }

    .bx--progress--vertical .bx--progress-line {
        top: 0;
        left: 0;
        height: 100%;
        width: 1px
    }

.bx--breadcrumb {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    display: inline
}

@media (min-width:42rem) {
    .bx--breadcrumb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.bx--breadcrumb-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .5rem
}

    .bx--breadcrumb-item::after {
        content: '/';
        color: #171717;
        margin-left: .5rem
    }

.bx--breadcrumb--no-trailing-slash .bx--breadcrumb-item:last-child::after {
    content: ''
}

.bx--breadcrumb-item:last-child, .bx--breadcrumb-item:last-child::after {
    margin-right: 0
}

.bx--breadcrumb .bx--link {
    white-space: nowrap
}

.bx--breadcrumb-item [aria-current='page'], .bx--breadcrumb-item.bx--breadcrumb-item--current .bx--link {
    color: #171717
}

.bx--breadcrumb.bx--skeleton .bx--link {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    width: 6.25rem;
    height: 1rem
}

    .bx--breadcrumb.bx--skeleton .bx--link:hover, .bx--breadcrumb.bx--skeleton .bx--link:focus, .bx--breadcrumb.bx--skeleton .bx--link:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--breadcrumb.bx--skeleton .bx--link:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

.bx--toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1rem 0
}

    .bx--toolbar &gt; div {
        margin: 0 .25rem
    }

    .bx--toolbar .bx--search-input {
        height: 2rem;
        background-color: transparent;
        outline: none
    }

    .bx--toolbar .bx--search-close {
        display: none
    }

    .bx--toolbar .bx--overflow-menu__icon {
        fill: #565656;
        -webkit-transition: fill 50ms cubic-bezier(.2,0,.38,.9);
        transition: fill 50ms cubic-bezier(.2,0,.38,.9)
    }

    .bx--toolbar .bx--search-magnifier {
        fill: #565656;
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        -webkit-transition: all 175ms cubic-bezier(.2,0,.38,.9);
        transition: all 175ms cubic-bezier(.2,0,.38,.9);
        top: .5rem;
        left: .375rem;
        cursor: pointer
    }

    .bx--toolbar fieldset {
        border: 0;
        padding: 0
    }

    .bx--toolbar .bx--toolbar-search--active {
        width: 15.625rem
    }

        .bx--toolbar .bx--toolbar-search--active .bx--search-magnifier {
            -webkit-transform: scale(1);
            transform: scale(1);
            top: .5625rem
        }

        .bx--toolbar .bx--toolbar-search--active .bx--search-input {
            background-color: #fff
        }

        .bx--toolbar .bx--toolbar-search--active .bx--search-close {
            display: block
        }

    .bx--toolbar .bx--checkbox-label {
        margin-bottom: 0
    }

    .bx--toolbar .bx--overflow-menu--open &gt; .bx--overflow-menu__icon {
        fill: #0062ff
    }

.bx--toolbar-search {
    width: 1.8rem;
    -webkit-transition: all 175ms cubic-bezier(.2,0,.38,.9);
    transition: all 175ms cubic-bezier(.2,0,.38,.9)
}

.bx--toolbar-search__btn {
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    border: 0;
    height: 2rem;
    width: 2rem
}

    .bx--toolbar-search__btn:focus {
        outline: 1px solid #0062ff
    }

.bx--toolbar-filter-icon {
    padding-left: 0;
    padding-right: 0
}

.bx--toolbar-menu__title {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: .32px;
    font-weight: 600;
    padding: .5rem 1.25rem
}

.bx--toolbar-menu__option {
    padding: .5rem 1.25rem
}

.bx--toolbar-menu__divider {
    width: 100%;
    border: 0;
    border-top: 1px solid #dcdcdc
}

.bx--radio-button-group {
    border: none
}

.bx--toolbar-search:not(.bx--toolbar-search--active) .bx--search-input {
    border-bottom: none
}

.bx--time-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

    .bx--time-picker[data-invalid] .bx--time-picker__input-field {
        outline: 2px solid #da1e28;
        outline-offset: -2px
    }

.bx--time-picker__select {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .bx--time-picker__select:not(:last-of-type) {
        margin: 0 .125rem
    }

.bx--time-picker__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.bx--time-picker .bx--select-input {
    min-width: auto;
    width: auto;
    padding-right: 3rem;
    line-height: 1
}

.bx--time-picker__input-field {
    outline: 2px solid transparent;
    outline-offset: -2px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4.875rem;
    height: 2.5rem;
    -webkit-transition: outline 70ms cubic-bezier(.2,0,.38,.9),background-color 70ms cubic-bezier(.2,0,.38,.9);
    transition: outline 70ms cubic-bezier(.2,0,.38,.9),background-color 70ms cubic-bezier(.2,0,.38,.9)
}

.bx--slider-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bx--slider {
    position: relative;
    width: 100%;
    margin: 0 1rem;
    max-width: 40rem;
    min-width: 12.5rem
}

.bx--slider__range-label {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .32px;
    color: #171717
}

    .bx--slider__range-label:last-of-type {
        margin-right: 1rem
    }

.bx--slider__track {
    position: absolute;
    width: 100%;
    height: .125rem;
    background: #dcdcdc;
    cursor: pointer;
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%)
}

    .bx--slider__track:before {
        content: '';
        position: absolute;
        display: inline-block;
        height: .25rem;
        width: .125rem;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
        top: -.3125rem;
        background: #dcdcdc
    }

.bx--slider__filled-track {
    position: absolute;
    width: 100%;
    height: .125rem;
    background: #171717;
    -webkit-transform-origin: left;
    transform-origin: left;
    pointer-events: none;
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    -webkit-transition: background 110ms cubic-bezier(.2,0,.38,.9);
    transition: background 110ms cubic-bezier(.2,0,.38,.9)
}

.bx--slider__thumb {
    position: absolute;
    height: .875rem;
    width: .875rem;
    background: #171717;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 1px transparent,inset 0 0 0 2px transparent;
    box-shadow: inset 0 0 0 1px transparent,inset 0 0 0 2px transparent;
    top: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: background 110ms cubic-bezier(.2,0,.38,.9),-webkit-transform 110ms cubic-bezier(.2,0,.38,.9),-webkit-box-shadow 110ms cubic-bezier(.2,0,.38,.9);
    transition: background 110ms cubic-bezier(.2,0,.38,.9),-webkit-transform 110ms cubic-bezier(.2,0,.38,.9),-webkit-box-shadow 110ms cubic-bezier(.2,0,.38,.9);
    transition: transform 110ms cubic-bezier(.2,0,.38,.9),background 110ms cubic-bezier(.2,0,.38,.9),box-shadow 110ms cubic-bezier(.2,0,.38,.9);
    transition: transform 110ms cubic-bezier(.2,0,.38,.9),background 110ms cubic-bezier(.2,0,.38,.9),box-shadow 110ms cubic-bezier(.2,0,.38,.9),-webkit-transform 110ms cubic-bezier(.2,0,.38,.9),-webkit-box-shadow 110ms cubic-bezier(.2,0,.38,.9);
    cursor: pointer;
    outline: none;
    z-index: 3
}

    .bx--slider__thumb:hover {
        -webkit-transform: translate(-50%,-50%) scale(1.42857);
        transform: translate(-50%,-50%) scale(1.42857)
    }

    .bx--slider__thumb:focus {
        -webkit-transform: translate(-50%,-50%) scale(1.42857);
        transform: translate(-50%,-50%) scale(1.42857);
        -webkit-box-shadow: inset 0 0 0 2px #0062ff,inset 0 0 0 3px #f3f3f3;
        box-shadow: inset 0 0 0 2px #0062ff,inset 0 0 0 3px #f3f3f3;
        background-color: #0062ff
    }

    .bx--slider__thumb:active {
        -webkit-transform: translate(-50%,-50%) scale(1.42857);
        transform: translate(-50%,-50%) scale(1.42857);
        -webkit-box-shadow: inset 0 0 0 2px #0062ff;
        box-shadow: inset 0 0 0 2px #0062ff
    }

.bx--slider__input {
    display: none
}

.bx--slider-text-input, .bx-slider-text-input {
    width: 4rem;
    height: 2.5rem;
    padding: 0;
    text-align: center;
    -moz-appearance: textfield
}

    .bx--slider-text-input::-webkit-outer-spin-button, .bx--slider-text-input::-webkit-inner-spin-button, .bx-slider-text-input::-webkit-outer-spin-button, .bx-slider-text-input::-webkit-inner-spin-button {
        display: none
    }

.bx--slider__thumb:focus ~ .bx--slider__filled-track {
    background-color: #0062ff
}

.bx--label--disabled ~ .bx--slider-container &gt; .bx--slider__range-label {
    color: #bebebe
}

.bx--slider--disabled .bx--slider__thumb {
    background-color: #dcdcdc
}

    .bx--slider--disabled .bx--slider__thumb:hover {
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        cursor: not-allowed
    }

    .bx--slider--disabled .bx--slider__thumb:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        background-color: #dcdcdc;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .bx--slider--disabled .bx--slider__thumb:active {
        background: #dcdcdc;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .bx--slider--disabled .bx--slider__track, .bx--slider--disabled .bx--slider__filled-track, .bx--slider--disabled .bx--slider__thumb:focus ~ .bx--slider__filled-track {
        background-color: #dcdcdc;
        cursor: not-allowed
    }

.bx--slider--disabled ~ .bx--form-item .bx--slider-text-input, .bx--slider--disabled ~ .bx--slider-text-input {
    background-color: #f3f3f3;
    color: #bebebe;
    -webkit-transition: none;
    transition: none;
    cursor: not-allowed
}

    .bx--slider--disabled ~ .bx--form-item .bx--slider-text-input:active, .bx--slider--disabled ~ .bx--form-item .bx--slider-text-input:focus, .bx--slider--disabled ~ .bx--form-item .bx--slider-text-input:hover, .bx--slider--disabled ~ .bx--slider-text-input:active, .bx--slider--disabled ~ .bx--slider-text-input:focus, .bx--slider--disabled ~ .bx--slider-text-input:hover {
        outline: none;
        color: #bebebe
    }

.bx--slider-container.bx--skeleton .bx--slider__range-label {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    width: 1.25rem;
    height: .75rem
}

    .bx--slider-container.bx--skeleton .bx--slider__range-label:hover, .bx--slider-container.bx--skeleton .bx--slider__range-label:focus, .bx--slider-container.bx--skeleton .bx--slider__range-label:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--slider-container.bx--skeleton .bx--slider__range-label:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

.bx--slider-container.bx--skeleton .bx--slider__track {
    cursor: default;
    pointer-events: none
}

.bx--slider-container.bx--skeleton .bx--slider__thumb {
    left: 50%;
    cursor: default;
    pointer-events: none
}

.bx--tile {
    display: block;
    min-width: 8rem;
    min-height: 4rem;
    background-color: #f3f3f3;
    position: relative;
    padding: 1rem;
    outline: 2px solid transparent;
    outline-offset: -2px
}

    .bx--tile:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

.bx--tile--clickable, .bx--tile--selectable, .bx--tile--expandable {
    -webkit-transition: 150ms cubic-bezier(.2,0,.38,.9);
    transition: 150ms cubic-bezier(.2,0,.38,.9);
    cursor: pointer
}

    .bx--tile--clickable:hover, .bx--tile--selectable:hover, .bx--tile--expandable:hover {
        background: #e5e5e5
    }

        .bx--tile--clickable:hover .bx--tile__checkmark, .bx--tile--clickable:focus .bx--tile__checkmark, .bx--tile--selectable:hover .bx--tile__checkmark, .bx--tile--selectable:focus .bx--tile__checkmark, .bx--tile--expandable:hover .bx--tile__checkmark, .bx--tile--expandable:focus .bx--tile__checkmark {
            opacity: 1
        }

    .bx--tile--clickable:focus, .bx--tile--expandable:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

.bx--tile--selectable {
    padding-right: 3rem
}

.bx--tile__checkmark, .bx--tile__chevron {
    position: absolute;
    -webkit-transition: 110ms cubic-bezier(.2,0,.38,.9);
    transition: 110ms cubic-bezier(.2,0,.38,.9);
    border: none;
    background: transparent
}

.bx--tile__checkmark {
    height: 1rem;
    top: 1rem;
    right: 1rem;
    opacity: 0
}

    .bx--tile__checkmark svg {
        border-radius: 50%;
        fill: #565656
    }

    .bx--tile__checkmark:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

.bx--tile__chevron {
    position: absolute;
    bottom: .5rem;
    right: .5rem;
    height: 1rem
}

    .bx--tile__chevron svg {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transition: 110ms cubic-bezier(.2,0,.38,.9);
        transition: 110ms cubic-bezier(.2,0,.38,.9);
        fill: #171717
    }

    .bx--tile__chevron:hover {
        cursor: pointer
    }

    .bx--tile__chevron:focus {
        outline: none
    }

.bx--tile--expandable {
    overflow: hidden;
    -webkit-transition: 150ms cubic-bezier(.2,0,.38,.9);
    transition: 150ms cubic-bezier(.2,0,.38,.9)
}

.bx--tile-content__above-the-fold {
    display: block
}

.bx--tile-content__below-the-fold {
    display: block;
    opacity: 0;
    -webkit-transition: 110ms cubic-bezier(.2,0,.38,.9);
    transition: 110ms cubic-bezier(.2,0,.38,.9)
}

.bx--tile--is-expanded {
    overflow: visible;
    -webkit-transition: 110ms cubic-bezier(.2,0,.38,.9);
    transition: 110ms cubic-bezier(.2,0,.38,.9)
}

    .bx--tile--is-expanded .bx--tile__chevron svg {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .bx--tile--is-expanded .bx--tile-content__below-the-fold {
        opacity: 1;
        -webkit-transition: 110ms cubic-bezier(.2,0,.38,.9);
        transition: 110ms cubic-bezier(.2,0,.38,.9)
    }

.bx--tile--is-selected {
    outline: 1px solid #171717;
    outline-offset: -1px
}

    .bx--tile--is-selected .bx--tile__checkmark {
        opacity: 1
    }

.bx--tile-input:checked + .bx--tile &gt; .bx--tile__checkmark svg {
    fill: #171717
}

.bx--tile-content {
    width: 100%;
    height: 100%
}

.bx--tile-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    visibility: visible;
    white-space: nowrap
}

.bx--skeleton__text {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    width: 100%;
    height: 1rem;
    margin-bottom: .5rem
}

    .bx--skeleton__text:hover, .bx--skeleton__text:focus, .bx--skeleton__text:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--skeleton__text:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

.bx--skeleton__heading {
    height: 1.5rem
}

.bx--icon--skeleton {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    display: inline-block;
    width: 1rem;
    height: 1rem
}

    .bx--icon--skeleton:hover, .bx--icon--skeleton:focus, .bx--icon--skeleton:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--icon--skeleton:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

.bx--skeleton__placeholder {
    position: relative;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background: #e5e5e5;
    height: 6.25rem;
    width: 6.25rem
}

    .bx--skeleton__placeholder:hover, .bx--skeleton__placeholder:focus, .bx--skeleton__placeholder:active {
        border: none;
        outline: none;
        cursor: default
    }

    .bx--skeleton__placeholder:before {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #bebebe;
        -webkit-animation: 3000ms ease-in-out skeleton infinite;
        animation: 3000ms ease-in-out skeleton infinite
    }

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate-end-p1 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate-end-p2 {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes init-stroke {
    0% {
        stroke-dashoffset: 240
    }

    100% {
        stroke-dashoffset: 40
    }
}

@keyframes stroke-end {
    0% {
        stroke-dashoffset: 40
    }

    100% {
        stroke-dashoffset: 240
    }
}

@-webkit-keyframes stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0
    }
}

.bx--inline-loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .bx--inline-loading .bx--loading__svg circle {
        stroke-width: 12
    }

    .bx--inline-loading .bx--loading__stroke {
        stroke-dashoffset: 99
    }

.bx--inline-loading__text {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    color: #565656
}

.bx--inline-loading__animation {
    position: relative;
    width: 2rem;
    height: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bx--inline-loading__checkmark-container {
    width: .75rem;
    position: absolute;
    top: .75rem
}

    .bx--inline-loading__checkmark-container[hidden] {
        display: none
    }

.bx--inline-loading__checkmark {
    fill: none;
    stroke: #0062ff;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    stroke-width: 1.8;
    stroke-dasharray: 12;
    stroke-dashoffset: 12;
    -webkit-animation-name: stroke;
    animation-name: stroke;
    -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.bx--loading--small .bx--inline-loading__svg {
    stroke: #0062ff
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .bx--inline-loading__checkmark-container {
        top: 1px;
        right: .5rem
    }

    .bx--inline-loading__checkmark {
        -webkit-animation: none;
        animation: none;
        stroke-dashoffset: 0;
        stroke-dasharray: 0
    }
}

.bx--pagination-nav {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    line-height: 0
}

.bx--pagination-nav__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none
}

.bx--pagination-nav__list-item {
    padding: 0
}

    .bx--pagination-nav__list-item:first-child {
        padding-left: 0
    }

    .bx--pagination-nav__list-item:last-child {
        padding-right: 0
    }

.bx--pagination-nav__page {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    display: inline-block;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 0;
    color: #565656;
    display: block;
    font-weight: 400;
    line-height: 1;
    min-width: 3rem;
    outline: 0;
    padding: 1.0625rem .25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color,color;
    transition: background-color,color;
    -webkit-transition: 110ms cubic-bezier(.2,0,.38,.9);
    transition: 110ms cubic-bezier(.2,0,.38,.9);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .bx--pagination-nav__page::-moz-focus-inner {
        border: 0
    }

    .bx--pagination-nav__page:hover {
        background-color: #e5e5e5;
        color: #565656
    }

    .bx--pagination-nav__page:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

    .bx--pagination-nav__page:disabled, .bx--pagination-nav__page.bx--pagination-nav__page--disabled {
        background: none;
        color: rgba(86,86,86,.5);
        outline: none;
        pointer-events: none
    }

    .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction)::after {
        background-color: #0062ff;
        bottom: 0;
        content: '';
        display: block;
        height: .25rem;
        left: 50%;
        position: absolute;
        opacity: 0;
        -webkit-transition: width 110ms cubic-bezier(.2,0,.38,.9);
        transition: width 110ms cubic-bezier(.2,0,.38,.9);
        width: 0
    }

    .bx--pagination-nav__page--active + .bx--pagination-nav__page::after, .bx--pagination-nav__page.bx--pagination-nav__page--active::after {
        left: calc(50% - 0.5rem);
        opacity: 1;
        width: 1rem
    }

    .bx--pagination-nav__page.bx--pagination-nav__page--active {
        background-color: initial;
        color: #565656;
        font-weight: 600;
        outline: none
    }

    .bx--pagination-nav__page .bx--pagination-nav__icon {
        fill: currentColor;
        pointer-events: none
    }

.bx--pagination-nav__page--direction {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 0;
    width: 3rem
}

.bx--pagination-nav__select {
    position: relative
}

.bx--pagination-nav__page--select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-height: 3rem;
    text-indent: calc(50% - 4.5px)
}

@-moz-document url-prefix() {
    .bx--pagination-nav__page--select {
        text-indent: 0
    }
}

.bx--pagination-nav__select-icon-wrapper {
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

    .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction)::after {
        background-color: #0062ff;
        bottom: 0;
        content: '';
        display: block;
        height: .25rem;
        left: 50%;
        position: absolute;
        opacity: 0;
        -webkit-transition: width 110ms cubic-bezier(.2,0,.38,.9);
        transition: width 110ms cubic-bezier(.2,0,.38,.9);
        width: 0
    }

    .bx--pagination-nav__page--active + .bx--pagination-nav__select-icon-wrapper::after, .bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active::after {
        left: calc(50% - 0.5rem);
        opacity: 1;
        width: 1rem
    }

.bx--pagination-nav__page--active + .bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon {
    display: none
}

.bx--pagination-nav__select-icon {
    left: calc(50% - 0.5rem);
    pointer-events: none;
    position: absolute;
    top: calc(50% - 0.5rem)
}

.bx--pagination-nav__accessibility-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    visibility: visible;
    white-space: nowrap
}

.bx--header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3rem;
    background-color: #171717;
    border-bottom: 1px solid #3d3d3d;
    z-index: 6000
}

.bx--header__action {
    display: inline-block;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    width: 100%;
    width: 3rem;
    height: 3rem;
    border: .125rem solid transparent;
    -webkit-transition: background-color 110ms,border-color 110ms;
    transition: background-color 110ms,border-color 110ms
}

    .bx--header__action::-moz-focus-inner {
        border: 0
    }

    .bx--header__action &gt; svg.bx--navigation-menu-panel-collapse-icon, .bx--header__action--active &gt; svg.bx--navigation-menu-panel-expand-icon {
        display: none
    }

.bx--header__action--active &gt; svg.bx--navigation-menu-panel-collapse-icon {
    display: inline
}

.bx--header__action &gt; svg.bx--navigation-menu-panel-collapse-icon, .bx--header__action--active &gt; svg.bx--navigation-menu-panel-expand-icon {
    display: none
}

.bx--header__action--active &gt; svg.bx--navigation-menu-panel-collapse-icon {
    display: inline
}

.bx--header__action:hover {
    background-color: #353535
}

.bx--header__action--active {
    border-left: 1px solid #3d3d3d;
    border-right: 1px solid #3d3d3d;
    border-bottom: 1px solid #171717
}

.bx--header__action:focus {
    border-color: #fff;
    outline: none
}

.bx--header__action:active {
    background-color: #3d3d3d
}

.bx--header__action &gt; svg {
    fill: #fff
}

.bx--header__menu-trigger {
    margin-right: -.5rem
}

    .bx--header__menu-trigger &gt; svg {
        fill: #f3f3f3
    }

    .bx--header__menu-trigger:hover {
        fill: #2c2c2c
    }

.bx--header__menu-toggle {
    display: block
}

@media (min-width:66rem) {
    .bx--header__menu-toggle__hidden {
        display: none
    }
}

a.bx--header__name {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 2rem 0 1rem;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: .1px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: .125rem solid transparent;
    -webkit-transition: border-color 110ms;
    transition: border-color 110ms;
    outline: none
}

    a.bx--header__name:focus {
        border-color: #fff
    }

.bx--header__name--prefix {
    font-weight: 400
}

a.bx--header__name, a.bx--header__name:hover {
    color: #f3f3f3
}

.bx--header__nav {
    height: 100%;
    padding-left: 1rem;
    position: relative;
    display: block
}

@media (max-width:66rem) {
    .bx--header__nav {
        display: none
    }
}

.bx--header__nav::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1.5rem;
    width: .0625rem;
    background-color: #3d3d3d
}

.bx--header__menu-bar[role='menubar'] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

a.bx--header__menu-item[role='menuitem'] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #bebebe;
    padding: 0 1rem;
    height: 100%;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.125rem;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid transparent;
    -webkit-transition: background-color 110ms,border-color 110ms,color 110ms;
    transition: background-color 110ms,border-color 110ms,color 110ms
}

    a.bx--header__menu-item[role='menuitem']:hover {
        background-color: #2c2c2c;
        color: #f3f3f3
    }

    .bx--header__action:active, a.bx--header__menu-item[role='menuitem']:active {
        background-color: #3d3d3d;
        color: #f3f3f3
    }

    a.bx--header__menu-item[role='menuitem']:focus {
        border-color: #fff;
        color: #f3f3f3;
        outline: none
    }

        a.bx--header__menu-item[role='menuitem']:hover &gt; svg, a.bx--header__menu-item[role='menuitem']:active &gt; svg, a.bx--header__menu-item[role='menuitem']:focus &gt; svg {
            fill: #f3f3f3
        }

.bx--header__submenu {
    position: relative
}

.bx--header__menu-title[role='menuitem'][aria-haspopup='true'] {
    position: relative
}

.bx--header__menu-title[role='menuitem'][aria-expanded='true'] {
    background-color: #282828;
    color: #fff;
    z-index: 6001
}

    .bx--header__menu-title[role='menuitem'][aria-expanded='true'] &gt; .bx--header__menu-arrow {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.bx--header__menu[role='menu'] {
    display: none
}

.bx--header__menu-title[role='menuitem'][aria-expanded='true'] + .bx--header__menu {
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 12.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background-color: #282828;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.5);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.5);
    z-index: 6000
}

    .bx--header__menu-title[role='menuitem'][aria-expanded='true'] + .bx--header__menu .bx--header__menu-item:hover {
        background-color: #353535
    }

    .bx--header__menu-title[role='menuitem'][aria-expanded='true'] + .bx--header__menu .bx--header__menu-item:active {
        background-color: #3d3d3d
    }

.bx--header__menu .bx--header__menu-item[role='menuitem'] {
    height: 3rem
}

    .bx--header__menu .bx--header__menu-item[role='menuitem']:hover {
        background-color: #282828;
        color: #f3f3f3
    }

.bx--header__menu-arrow {
    fill: #bebebe;
    margin-left: .5rem;
    -webkit-transition: fill 110ms,-webkit-transform 110ms;
    transition: fill 110ms,-webkit-transform 110ms;
    transition: transform 110ms,fill 110ms;
    transition: transform 110ms,fill 110ms,-webkit-transform 110ms
}

.bx--header__global {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    height: 100%
}

.bx--skip-to-content {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    visibility: visible;
    white-space: nowrap
}

    .bx--skip-to-content:focus {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        top: 0;
        left: 0;
        width: auto;
        height: 3rem;
        clip: auto;
        border: 4px solid #0062ff;
        z-index: 9999;
        background-color: #171717;
        color: #f3f3f3;
        outline: none;
        padding: 0 1rem
    }

.bx--header-panel {
    -webkit-transition-timing-function: cubic-bezier(.2,0,1,.9);
    transition-timing-function: cubic-bezier(.2,0,1,.9);
    position: fixed;
    top: 3rem;
    bottom: 0;
    right: 0;
    width: 0;
    background-color: #171717;
    border: none;
    will-change: width;
    -webkit-transition: width 0.11s;
    transition: width 0.11s;
    overflow: hidden;
    z-index: 6000;
    color: #bebebe
}

.bx--header-panel--expanded {
    width: 16rem;
    border-left: 1px solid #3d3d3d;
    border-right: 1px solid #3d3d3d
}

.bx--panel--overlay {
    position: fixed;
    top: 3rem;
    right: 0;
    bottom: 0;
    width: 16rem;
    will-change: transform;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    padding: 1rem 0;
    overflow-y: auto;
    z-index: 1000;
    background-color: #171717;
    height: 100%;
    overflow-x: hidden;
    -webkit-transition: -webkit-transform 0.11s cubic-bezier(.2,0,.38,.9);
    transition: -webkit-transform 0.11s cubic-bezier(.2,0,.38,.9);
    transition: transform 0.11s cubic-bezier(.2,0,.38,.9);
    transition: transform 0.11s cubic-bezier(.2,0,.38,.9),-webkit-transform 0.11s cubic-bezier(.2,0,.38,.9)
}

.bx--panel--expanded {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,.25);
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.25);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.bx--product-switcher__search {
    padding: 0 1rem;
    margin-bottom: 1.5rem
}

.bx--search--shell input {
    background-color: #dcdcdc
}

.bx--product-switcher__subheader, .bx--product-switcher__all-btn {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    padding: .5rem;
    color: #bebebe
}

.bx--product-switcher__subheader {
    padding-left: 3.5rem
}

.bx--product-switcher__all-btn {
    padding-left: 3.5rem
}

.bx--product-switcher__all-btn, .bx--product-switcher__back-btn {
    display: inline-block;
    background: transparent;
    width: 100%;
    border: none;
    color: #0062ff;
    cursor: pointer;
    text-align: left
}

    .bx--product-switcher__all-btn:hover, .bx--product-switcher__back-btn:hover {
        text-decoration: underline
    }

    .bx--product-switcher__all-btn:focus, .bx--product-switcher__back-btn:focus {
        outline: none;
        -webkit-box-shadow: inset 0 0 0 3px #0062ff;
        box-shadow: inset 0 0 0 3px #0062ff
    }

.bx--product-switcher__back-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    padding: .5rem 1rem
}

.bx--product-switcher__back-arrow {
    fill: #0062ff;
    margin-right: 1rem
}

.bx--product-list__item {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .bx--product-list__item:hover {
        background: #dcdcdc
    }

.bx--product-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: .5rem 1rem;
    text-decoration: none
}

    .bx--product-link:focus {
        outline: none;
        -webkit-box-shadow: inset 0 0 0 3px #0062ff;
        box-shadow: inset 0 0 0 3px #0062ff
    }

.bx--product-switcher__icon {
    margin-right: 1rem
}

.bx--product-link__name {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: .16px;
    margin-left: .25rem;
    font-weight: 400;
    color: #bebebe
}

.bx--product-switcher__product-list .bx--overflow-menu {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.5rem
}

    .bx--product-switcher__product-list .bx--overflow-menu.bx--overflow-menu--open {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .bx--product-switcher__product-list .bx--overflow-menu &gt; svg {
        fill: #bebebe
    }

    .bx--product-switcher__product-list .bx--overflow-menu:hover {
        background: #bebebe
    }

        .bx--product-switcher__product-list .bx--overflow-menu:hover &gt; svg {
            fill: #bebebe
        }

    .bx--product-switcher__product-list .bx--overflow-menu:focus {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        outline: none;
        -webkit-box-shadow: inset 0 0 0 3px #0062ff;
        box-shadow: inset 0 0 0 3px #0062ff
    }

.bx--product-switcher__product-list .bx--overflow-menu-options__option:hover {
    background: #fff
}

.bx--product-list__item:hover .bx--overflow-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bx--switcher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #bebebe
}

.bx--switcher__item {
    width: 100%;
    height: 2rem
}

    .bx--switcher__item:nth-child(1) {
        margin-top: 1rem
    }

.bx--switcher__item--divider {
    display: block;
    width: 14rem;
    height: 1px;
    margin: .5rem 1rem;
    background: #3d3d3d;
    border: none
}

.bx--switcher__item-link {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.125rem;
    letter-spacing: .16px;
    display: block;
    height: 2rem;
    text-decoration: none;
    padding: .375rem 1rem;
    color: #bebebe
}

    .bx--switcher__item-link:hover:not(.bx--switcher__item-link--selected) {
        background: #2c2c2c;
        color: #f3f3f3;
        cursor: pointer
    }

    .bx--switcher__item-link:focus {
        outline: 2px solid #fff;
        outline-offset: -2px
    }

    .bx--switcher__item-link:active {
        background: #3d3d3d;
        color: #f3f3f3
    }

.bx--switcher__item-link--selected {
    background: #282828;
    color: #f3f3f3
}

.bx--side-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3rem;
    max-width: 16rem;
    color: #565656;
    background-color: #fff;
    will-change: width;
    -webkit-transition: width 0.11s cubic-bezier(.2,0,1,.9);
    transition: width 0.11s cubic-bezier(.2,0,1,.9);
    overflow: hidden;
    z-index: 6000
}

.bx--side-nav--ux {
    top: 3rem;
    width: 16rem
}

@media (max-width:66rem) {
    .bx--side-nav--ux {
        width: 0
    }
}

.bx--side-nav--rail {
    width: 3rem
}

.bx--side-nav--hidden {
    width: 0
}

.bx--side-nav:not(.bx--side-nav--fixed):hover, .bx--side-nav--expanded {
    width: 16rem
}

.bx--side-nav__overlay {
    position: absolute;
    top: 3rem;
    height: 0;
    width: 0;
    background-color: transparent;
    opacity: 0;
    -webkit-transition: opacity 240ms cubic-bezier(.2,0,.38,.9),background-color 240ms cubic-bezier(.2,0,.38,.9);
    transition: opacity 240ms cubic-bezier(.2,0,.38,.9),background-color 240ms cubic-bezier(.2,0,.38,.9)
}

@media (max-width:66rem) {
    .bx--side-nav__overlay-active {
        height: 100vh;
        width: 100%;
        background-color: rgba(23,23,23,.5);
        opacity: 1;
        -webkit-transition: opacity 240ms cubic-bezier(.2,0,.38,.9),background-color 240ms cubic-bezier(.2,0,.38,.9);
        transition: opacity 240ms cubic-bezier(.2,0,.38,.9),background-color 240ms cubic-bezier(.2,0,.38,.9)
    }
}

.bx--header ~ .bx--side-nav {
    top: 3rem;
    height: calc(100% - 48px)
}

.bx--side-nav--fixed {
    width: 16rem
}

.bx--side-nav--collapsed {
    width: 16rem;
    -webkit-transform: translateX(-16rem);
    transform: translateX(-16rem)
}

.bx--side-nav__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.bx--side-nav__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #3d3d3d;
    width: 100%;
    height: 3rem;
    max-width: 100%
}

.bx--side-nav:hover .bx--side-nav__header, .bx--side-nav--fixed .bx--side-nav__header, .bx--side-nav--expanded .bx--side-nav__header {
    height: auto
}

.bx--side-nav--ux .bx--side-nav__header {
    height: auto
}

.bx--side-nav__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    opacity: 0;
    visibility: hidden
}

.bx--side-nav:hover .bx--side-nav__details, .bx--side-nav--fixed .bx--side-nav__details, .bx--side-nav--expanded .bx--side-nav__details {
    visibility: visible;
    opacity: 1
}

.bx--side-nav--ux .bx--side-nav__details {
    opacity: 1;
    visibility: inherit
}

.bx--side-nav__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .1px;
    margin-top: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bx--side-nav__title, .bx--side-nav__select {
    padding-left: .5rem
}

.bx--side-nav__switcher {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bx--side-nav__switcher-chevron {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: .5rem;
    bottom: 0;
    fill: #565656
}

.bx--side-nav__select {
    outline: 2px solid transparent;
    outline-offset: -2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    background-color: #171717;
    color: #f3f3f3;
    height: 100%;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-size: .75rem;
    height: 2rem;
    min-width: 0;
    padding-right: 2rem;
    -webkit-transition: outline 110ms;
    transition: outline 110ms
}

    .bx--side-nav__select:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

.bx--side-nav__footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3rem;
    flex: 0 0 3rem;
    width: 100%;
    background-color: #fff
}

.bx--side-nav__toggle {
    outline: 2px solid transparent;
    outline-offset: -2px;
    display: inline-block;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    text-align: left;
    -webkit-transition: outline 110ms;
    transition: outline 110ms
}

    .bx--side-nav__toggle::-moz-focus-inner {
        border: 0
    }

    .bx--side-nav__toggle:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

.bx--side-nav__toggle {
    padding-left: 1rem
}

.bx--side-nav__items {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    overflow: hidden;
    padding: 1rem 0 0
}

.bx--side-nav:hover .bx--side-nav__items, .bx--side-nav--fixed .bx--side-nav__items, .bx--side-nav--expanded .bx--side-nav__items {
    overflow-y: auto
}

.bx--side-nav--ux .bx--side-nav__items {
    overflow-y: auto
}

.bx--side-nav__item {
    width: 3rem;
    height: 3rem;
    overflow: hidden
}

.bx--side-nav:hover .bx--side-nav__item, .bx--side-nav--fixed .bx--side-nav__item, .bx--side-nav--expanded .bx--side-nav__item {
    width: auto;
    height: auto
}

.bx--side-nav--ux .bx--side-nav__item {
    width: auto;
    height: auto
}

.bx--side-nav__item:not(.bx--side-nav__item--active):hover .bx--side-nav__item:not(.bx--side-nav__item--active) &gt; .bx--side-nav__submenu:hover, .bx--side-nav__item:not(.bx--side-nav__item--active) &gt; .bx--side-nav__link:hover, .bx--side-nav__menu[role='menu'] a.bx--side-nav__link[role='menuitem']:not(.bx--side-nav__link--current):not([aria-current='page']):hover, .bx--side-nav a.bx--header__menu-item[role='menuitem']:hover, .bx--side-nav .bx--header__menu-title[role='menuitem'][aria-expanded='true']:hover {
    background-color: #e5e5e5;
    color: #171717
}

    .bx--side-nav__item:not(.bx--side-nav__item--active) &gt; .bx--side-nav__link:hover &gt; span, .bx--side-nav__item:not(.bx--side-nav__item--active) .bx--side-nav__menu-item &gt; .bx--side-nav__link:hover &gt; span {
        color: #171717
    }

.bx--side-nav__submenu[aria-haspopup='true'] {
    display: inline-block;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    width: 100%;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.125rem;
    letter-spacing: .16px;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #565656;
    height: 2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: color 110ms,background-color 110ms,outline 110ms;
    transition: color 110ms,background-color 110ms,outline 110ms
}

    .bx--side-nav__submenu[aria-haspopup='true']::-moz-focus-inner {
        border: 0
    }

.bx--side-nav__submenu:hover {
    background-color: #e5e5e5;
    color: #171717
}

.bx--side-nav__submenu:focus {
    outline: 2px solid #0062ff;
    outline-offset: -2px
}

.bx--side-nav__submenu-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.bx--side-nav__icon.bx--side-nav__submenu-chevron {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.bx--side-nav__submenu-chevron &gt; svg {
    -webkit-transition: -webkit-transform 110ms;
    transition: -webkit-transform 110ms;
    transition: transform 110ms;
    transition: transform 110ms,-webkit-transform 110ms;
    height: 1rem;
    width: 1rem
}

.bx--side-nav__submenu[aria-expanded='true'] .bx--side-nav__submenu-chevron &gt; svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bx--side-nav__item--active .bx--side-nav__submenu:hover {
    background-color: #e5e5e5;
    color: #171717
}

.bx--side-nav__item--active .bx--side-nav__submenu[aria-expanded='false'] {
    background-color: #e5e5e5;
    color: #171717;
    position: relative
}

    .bx--side-nav__item--active .bx--side-nav__submenu[aria-expanded='false']::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 4px;
        background-color: #0062ff
    }

.bx--side-nav__item--active .bx--side-nav__submenu-title {
    font-weight: 600;
    color: #171717
}

.bx--side-nav__menu[role='menu'] {
    display: block;
    visibility: hidden;
    max-height: 0
}

.bx--side-nav__submenu[aria-expanded='true'] + .bx--side-nav__menu[role='menu'] {
    max-height: 93.75rem;
    visibility: inherit
}

.bx--side-nav__menu[role='menu'] a.bx--side-nav__link[role='menuitem'] {
    height: 2rem;
    min-height: 2rem;
    padding-left: 2rem;
    font-weight: 400
}

.bx--side-nav__item.bx--side-nav__item--icon a.bx--side-nav__link[role='menuitem'] {
    padding-left: 4.5rem
}

.bx--side-nav__menu[role='menu'] a.bx--side-nav__link--current, .bx--side-nav__menu[role='menu'] a.bx--side-nav__link[aria-current='page'], a.bx--side-nav__link--current {
    background-color: #dcdcdc
}

    .bx--side-nav__menu[role='menu'] a.bx--side-nav__link--current &gt; span, .bx--side-nav__menu[role='menu'] a.bx--side-nav__link[aria-current='page'] &gt; span, a.bx--side-nav__link--current &gt; span {
        color: #171717;
        font-weight: 600
    }

        a.bx--side-nav__link--current &gt; span.bx--side-nav__link-text {
            color: #171717;
            font-weight: 600
        }

a.bx--side-nav__link, .bx--side-nav a.bx--header__menu-item[role='menuitem'], .bx--side-nav .bx--header__menu-title[role='menuitem'][aria-expanded='true'] + .bx--header__menu {
    outline: 2px solid transparent;
    outline-offset: -2px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.125rem;
    letter-spacing: .16px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    min-height: 2rem;
    padding: 0 1rem;
    -webkit-transition: color 110ms,background-color 110ms,outline 110ms;
    transition: color 110ms,background-color 110ms,outline 110ms
}

    a.bx--side-nav__link &gt; .bx--side-nav__link-text, .bx--side-nav a.bx--header__menu-item[role='menuitem'] .bx--text-truncate-end {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #565656;
        font-size: .875rem;
        letter-spacing: .1px;
        line-height: 1.25rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    a.bx--side-nav__link:focus, .bx--side-nav a.bx--header__menu-item[role='menuitem']:focus {
        outline: 2px solid #0062ff;
        outline-offset: -2px
    }

    a.bx--side-nav__link[aria-current='page'], a.bx--side-nav__link--current {
        font-weight: 600
    }

        a.bx--side-nav__link[aria-current='page']::before, a.bx--side-nav__link--current::before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 4px;
            background-color: #0062ff
        }

.bx--side-nav__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1rem;
    flex: 0 0 1rem
}

    .bx--side-nav__icon:not(.bx--side-nav__submenu-chevron) {
        margin-right: 1.5rem
    }

    .bx--side-nav__icon &gt; svg {
        fill: #565656;
        width: 1rem;
        height: 1rem
    }

        .bx--side-nav__icon &gt; svg.bx--side-nav-collapse-icon {
            display: none
        }

.bx--side-nav--expanded .bx--side-nav__icon &gt; svg.bx--side-nav-expand-icon {
    display: none
}

.bx--side-nav--expanded .bx--side-nav__icon &gt; svg.bx--side-nav-collapse-icon {
    display: block
}

.bx--side-nav--fixed a.bx--side-nav__link, .bx--side-nav--fixed .bx--side-nav__submenu[aria-haspopup='true'] {
    padding-left: 1rem
}

.bx--side-nav--fixed .bx--side-nav__menu[role='menu'] a.bx--side-nav__link {
    padding-left: 2rem
}

@media (max-width:66rem) {
    .bx--side-nav .bx--header__nav {
        display: block
    }
}

.bx--side-nav__header-navigation {
    display: none
}

@media (max-width:66rem) {
    .bx--side-nav__header-navigation {
        display: block;
        position: relative;
        margin-bottom: 2rem
    }
}

.bx--side-nav__header-divider::after {
    content: '';
    position: absolute;
    height: .0625rem;
    bottom: -1rem;
    left: 1rem;
    width: calc(100% - 32px);
    background: #dcdcdc
}

.bx--side-nav a.bx--header__menu-item[role='menuitem'] {
    color: #565656;
    white-space: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .bx--side-nav a.bx--header__menu-item[role='menuitem'][aria-expanded='true'] {
        background-color: transparent
    }

.bx--side-nav .bx--header__menu-title[role='menuitem'][aria-expanded='true'] + .bx--header__menu {
    bottom: inherit;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    transform: none;
    background-color: transparent;
    padding: 0
}

    .bx--side-nav .bx--header__menu-title[role='menuitem'][aria-expanded='true'] + .bx--header__menu li {
        width: 100%
    }

    .bx--side-nav .bx--header__menu-title[role='menuitem'][aria-expanded='true'] + .bx--header__menu a.bx--header__menu-item[role='menuitem'] {
        padding-left: 4.25rem;
        font-weight: 400
    }

        .bx--side-nav .bx--header__menu-title[role='menuitem'][aria-expanded='true'] + .bx--header__menu a.bx--header__menu-item[role='menuitem']:hover {
            background-color: #e5e5e5;
            color: #171717
        }

.bx--side-nav .bx--header__menu a.bx--header__menu-item[role='menuitem'] {
    height: inherit
}

.bx--side-nav a.bx--header__menu-item[role='menuitem']:hover .bx--header__menu-arrow, .bx--side-nav a.bx--header__menu-item[role='menuitem']:focus .bx--header__menu-arrow, .bx--side-nav .bx--header__menu-arrow {
    fill: #565656
}

.bx--navigation {
    position: fixed;
    top: 3rem;
    bottom: 0;
    left: 0;
    background-color: #282828;
    width: 16rem;
    z-index: 9100;
    -webkit-box-shadow: 0 .5rem 1rem 0 rgba(0,0,0,.25);
    box-shadow: 0 .5rem 1rem 0 rgba(0,0,0,.25);
    color: #f3f3f3
}

.bx--navigation--right {
    left: auto;
    right: 0
}

.bx--navigation svg {
    fill: #f3f3f3
}

.bx--navigation-section:not(:last-child)::after {
    display: block;
    content: '';
    height: 1px;
    background-color: #3d3d3d;
    margin: 0 1rem
}

.bx--navigation-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bx--navigation-item--active &gt; a.bx--navigation-link {
    color: #fff;
    font-weight: 600
}

.bx--navigation-item--active::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background-color: #0062ff
}

a.bx--navigation-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f3f3f3;
    text-decoration: none;
    font-size: .875rem;
    font-weight: 400;
    width: 100%;
    min-height: 2.5rem;
    padding-left: 1rem
}

    a.bx--navigation-link:hover {
        background-color: #333;
        color: #fff
    }

    a.bx--navigation-link:focus {
        outline: .1875rem solid #0062ff;
        outline-offset: -.1875rem
    }

.bx--navigation-item--icon &gt; a.bx--navigation-link {
    padding-left: 0
}

.bx--navigation__category {
    width: 100%
}

.bx--navigation__category-toggle {
    display: inline-block;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .bx--navigation__category-toggle::-moz-focus-inner {
        border: 0
    }

    .bx--navigation__category-toggle:hover {
        background-color: #333
    }

    .bx--navigation__category-toggle:focus {
        outline: .1875rem solid #0062ff;
        outline-offset: -.1875rem
    }

.bx--navigation__category-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 1rem;
    width: 100%;
    color: #f3f3f3;
    font-size: .875rem;
    font-weight: 400;
    min-height: 2.5rem;
    padding-left: 1rem
}

.bx--navigation-item--icon .bx--navigation__category-title {
    padding-left: 0
}

.bx--navigation__category-items {
    display: none;
    visibility: hidden
}

.bx--navigation__category-item &gt; a.bx--navigation-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 2rem;
    padding-left: 2rem
}

.bx--navigation__category-item {
    position: relative
}

.bx--navigation-item--icon .bx--navigation__category-item &gt; a.bx--navigation-link {
    padding-left: 3.5rem
}

.bx--navigation__category-item--active::after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background-color: #0062ff
}

.bx--navigation__category-item--active &gt; a.bx--navigation-link {
    font-weight: 600;
    color: #fff
}

.bx--navigation__category--expanded .bx--navigation__category-title {
    font-weight: 600
}

    .bx--navigation__category--expanded .bx--navigation__category-title &gt; svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.bx--navigation__category--expanded .bx--navigation__category-items {
    display: block;
    visibility: inherit
}

.bx--navigation-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3rem;
    min-width: 3rem;
    height: 2.5rem;
    margin-right: .5rem
}

.bx--content {
    background: #fff;
    padding: 2rem;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    will-change: margin-left
}

.bx--header ~ .bx--content {
    margin-top: 3rem
}

.bx--side-nav ~ .bx--content {
    margin-left: 3rem
}

.bx--side-nav.bx--side-nav--expanded ~ .bx--content {
    margin-left: 16rem
}

.pagi-center {
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.pagi1 {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row
}

    .pagi1 li {
        margin: 0 3px
    }

@media (min-width:768px) {
    .pagi1 li {
        margin: 0 6px
    }
}

.pagi1 li a {
    background-color: #eaeaea;
    border-radius: 50%;
    font-family: 'Poppins',sans-serif;
    color: #898989;
    font-size: 12px;
    padding: 8px;
    display: inline-block
}

.pagi1 li.pre a, .pagi1 li.next a {
    background-color: transparent;
    border-radius: 0
}

.pagi1 .active a {
    background-color: #0086f7;
    color: #fff
}

.cmn-header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .cmn-header {
        margin-bottom: 40px
    }
}

@media (min-width:993px) {
    .cmn-header {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .cmn-header {
        flex-direction: row;
        align-items: center
    }
}

@media (min-width:1440px) {
    .cmn-header {
        margin-bottom: 60px
    }
}

.cmn-header h1 {
    text-transform: capitalize;
    font-weight: 800;
    letter-spacing: 0
}

.cmn-header .hdr-rght {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    width: 100%;
    justify-content: flex-end
}

@media (min-width:993px) {
    .cmn-header .hdr-rght {
        flex-direction: row;
        align-items: center
    }
}

@media (min-width:1200px) {
    .cmn-header .hdr-rght {
        width: 43%
    }
}

@media (min-width:1440px) {
    .cmn-header .hdr-rght {
        width: 50%
    }
}

.cmn-header .hdr-rght span {
    font-family: "Montserrat",sans-serif;
    color: #777;
    letter-spacing: 2px;
    font-size: 11px;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 30px;
    background-color: #f8f8f8;
    padding-left: 0;
    margin-bottom: 20px
}

@media (min-width:993px) {
    .cmn-header .hdr-rght span {
        margin-bottom: 0;
        padding-left: 10px
    }
}

@media (min-width:1200px) {
    .cmn-header .hdr-rght span {
        padding-left: 20px
    }
}

.cmn-header .hdr-rght:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #999;
    position: absolute;
    left: auto;
    right: 0;
    top: 7px
}

@media (min-width:993px) {
    .cmn-header .hdr-rght:before {
        left: 0;
        right: auto;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 50%
    }
}

.talkto-avd, .meetour-avd {
    padding-bottom: 100px
}

    .talkto-avd .ctrl-wraper2, .meetour-avd .ctrl-wraper2 {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between
    }

@media (min-width:993px) {
    .talkto-avd .ctrl-wraper2, .meetour-avd .ctrl-wraper2 {
        flex-direction: row
    }
}

@media (min-width:993px) {
    .talkto-avd .avdtxt-box, .meetour-avd .avdtxt-box {
        padding-right: 30px
    }
}

@media (min-width:1200px) {
    .talkto-avd .avdtxt-box, .meetour-avd .avdtxt-box {
        float:left;
        max-width: 41.6666666667%;
        padding: 0
    }
}

@media (min-width:1920px) {
    .talkto-avd .avdtxt-box, .meetour-avd .avdtxt-box {
        margin-left: 8.3333333333%
    }
}

.talkto-avd .avdtxt-box span, .meetour-avd .avdtxt-box span {
    font-size: 30px;
    line-height: 30px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    color: #152266;
    margin-left: 0;
    display: inline-block;
    line-height: normal
}

@media (min-width:1200px) {
    .talkto-avd .avdtxt-box span, .meetour-avd .avdtxt-box span {
        font-size: 50px;
        line-height: 50px;
        margin-left: 20px
    }
}

@media (min-width:1440px) {
    .talkto-avd .avdtxt-box span, .meetour-avd .avdtxt-box span {
        font-size: 60px;
        line-height: 60px
    }
}

.talkto-avd .avdtxt-box h2, .meetour-avd .avdtxt-box h2 {
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 30px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    color: #152266;
    text-transform: uppercase
}

@media (min-width:576px) {
    .talkto-avd .avdtxt-box h2, .meetour-avd .avdtxt-box h2 {
        font-size: 52px;
        line-height: 52px;
        margin-bottom: 35px
    }
}

@media (min-width:768px) {
    .talkto-avd .avdtxt-box h2, .meetour-avd .avdtxt-box h2 {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 40px
    }
}

@media (min-width:993px) {
    .talkto-avd .avdtxt-box h2, .meetour-avd .avdtxt-box h2 {
        font-size: 72px;
        line-height: 72px;
        margin-bottom: 45px
    }
}

@media (min-width:1200px) {
    .talkto-avd .avdtxt-box h2, .meetour-avd .avdtxt-box h2 {
        font-size: 84px;
        line-height: 84px;
        margin-bottom: 50px
    }
}

@media (min-width:1440px) {
    .talkto-avd .avdtxt-box h2, .meetour-avd .avdtxt-box h2 {
        font-size: 100px;
        line-height: 100px;
        margin-bottom: 55px
    }
}

.talkto-avd .avdtxt-box p, .meetour-avd .avdtxt-box p {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 50px;
    letter-spacing: 1px;
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    color: #6d6e77;
    text-transform: uppercase
}

@media (min-width:1200px) {
    .talkto-avd .avdtxt-box p, .meetour-avd .avdtxt-box p {
        font-size: 15px;
        line-height: normal;
        margin-bottom: 70px;
        letter-spacing: 2px
    }
}

.talkto-avd .avdpic-box, .meetour-avd .avdpic-box {
    margin-bottom: 30px
}

@media (min-width:993px) {
    .talkto-avd .avdpic-box, .meetour-avd .avdpic-box {
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .talkto-avd .avdpic-box, .meetour-avd .avdpic-box {
        float:left;
        max-width: 33.3333333333%
    }
}

.sec-bg-pattern {
    height: 690px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

    .sec-bg-pattern:before {
        content: "";
        background: url(../img/dots-shape01.png) no-repeat 0 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-size: 100%
    }

@media (min-width:768px) {
    .sec-bg-pattern:before {
        background-size: auto
    }
}

.trip-switch {
    display: flex;
    background-color: #1d79d5;
    padding: 5px;
    border-radius: 30px;
    margin-bottom: 15px;
    width: 220px !important;
    align-items: center;
    justify-content: space-between;
    height: 32px;
    position: relative;
    z-index: 0;
    margin: -20px auto 30px
}

@media (min-width:768px) {
    .trip-switch {
        margin-bottom: 0
    }
}

@media (min-width:993px) {
    .trip-switch {
        width: 220px !important
    }
}

@media (min-width:1200px) {
    .trip-switch {
        margin-bottom: 0
    }
}

.trip-switch:after {
    content: "";
    height: 27px;
    background-color: #fff;
    color: #1d79d5;
    border-radius: 30px;
    z-index: -1;
    position: absolute;
    transition: all ease .2s
}

.trip-switch li {
    display: inline-block;
    float: left;
    cursor: pointer;
    width:105px;
}

    .trip-switch li span {
        display: inline-block;
        color: #fff;
        font-family: "Open Sans",sans-serif;
        font-size: 13px;
        text-transform: uppercase;
        padding: 7px 10px
    }

.trip-switch.default:after {
    width: 100px;
    right: 5px;
    left: auto
}

.trip-switch.oneway:after {
    width: 100px;
    right: calc(100% - 105px);
    left: auto
}

.trip-switch.roundtrip:after {
    width: 100px;
    right: 5px;
    left: auto
}

.sec-flightbooking .trip-switch, .ticket-booking .formbox-square .trip-switch {
    background-color: #152266 !important
}

    .sec-flightbooking .trip-switch li.active span, .ticket-booking .formbox-square .trip-switch li.active span {
        color: #152266
    }

.sec-flightbooking .section-icon, .ticket-booking .formbox-square .section-icon {
    background-color: #152266;
    top: 25%
}

.sec-trainbooking .trip-switch {
    background-color: #ff3161 !important
}

    .sec-trainbooking .trip-switch li.active span {
        color: #ff3161
    }

.sec-trainbooking .section-icon {
    background-color: #ff3161;
    top: 30%
}

.sec-hotelbooking .section-icon {
    background-color: #24d477;
    top: 25%
}

.sec-cuisinebooking {
    text-align: center
}

    .sec-cuisinebooking .section-icon {
        background-color: #f9b13e;
        top: 20%
    }

.sec-cruisebooking img {
    margin-left: 0
}

@media (min-width:993px) {
    .sec-cruisebooking img {
        margin-left: 100px
    }
}

.sec-cruisebooking .trip-switch {
    background-color: #b459df !important
}

    .sec-cruisebooking .trip-switch li.active span {
        color: #b459df
    }

.sec-cruisebooking .section-icon {
    background-color: #b459df;
    top: 10%
}

.sec-cabbooking .trip-switch {
    background-color: #ffcc00 !important
}

    .sec-cabbooking .trip-switch li.active span {
        color: #fc0
    }

.sec-cabbooking .section-icon {
    background-color: #fc0;
    top: 25%
}

.onoffswitch {
    position: relative;
    width: 170px;
    user-select: none
}

    .onoffswitch .onoffswitch-checkbox {
        display: none
    }

    .onoffswitch .onoffswitch-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        border-radius: 50px
    }

    .onoffswitch .onoffswitch-inner {
        display: block;
        width: 200%;
        margin-left: -100%;
        transition: margin 0.3s ease-in 0s
    }

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 50px;
    padding: 0;
    line-height: 50px;
    font-size: 14px;
    color: white;
    font-weight: 700;
    box-sizing: border-box
}

.onoffswitch-inner:before {
    content: "Non-Vegetarian";
    padding-right: 50px;
    background-color: #ff3161;
    color: #FFF;
    font-family: 'Poppins',sans-serif;
    font-size: 15px;
    text-align: right;
    font-weight: 400
}

.onoffswitch-inner:after {
    content: "Vegetarian";
    font-family: 'Poppins',sans-serif;
    padding-left: 50px;
    background-color: #24d477;
    color: #000;
    text-align: left;
    font-size: 15px;
    word-spacing: 10px;
    z-index: 9;
    font-weight: 400
}

.onoffswitch-switch {
    display: block;
    width: 40px;
    height: 40px;
    margin: auto;
    background: #FFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 73%;
    border-radius: 50%;
    transition: all 0.3s ease-in 0s;
    text-align: center
}

    .onoffswitch-switch:after {
        content: "";
        font-family: "gotraveller";
        position: absolute;
        height: auto;
        color: #000;
        font-size: 10px;
        bottom: 0;
        right: 0;
        line-height: 40px;
        left: 0;
        top: 0;
        margin: auto
    }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 5px
}

.onoffswitch-switch i {
    font-size: 8px;
    color: #ff3161
}

.btn {
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
    outline: none;
    border-radius: 0;
    display: inline-block;
    height: auto !important;
    width: auto
}

    .btn:focus {
        outline: none !important;
        border: none !important;
        box-shadow: none !important
    }

.tag-refund {
    background: #24d477;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 12px !important;
    font-family: "Montserrat",sans-serif;
    font-weight: 300;
    text-transform: capitalize;
    padding: 7px 15px;
    text-align: center;
    display: inline-block !important;
    margin-top: 5px
}

@media (min-width:768px) {
    .tag-refund {
        margin-top: 10px
    }
}

@media (min-width:1440px) {
    .tag-refund {
        margin-top: 20px
    }
}

.tag-deals-avbl {
    background: #def9be;
    color: #84a85a !important;
    font-size: 12px !important;
    line-height: 12px !important;
    font-family: "Montserrat",sans-serif;
    font-weight: 300;
    text-transform: capitalize;
    padding: 5px 15px;
    text-align: center;
    display: inline-block !important;
    margin-top: 20px
}

.tag-emi-avbl {
    background: #bee1f9;
    color: #5798c5 !important;
    font-size: 12px !important;
    line-height: 12px !important;
    font-family: "Montserrat",sans-serif;
    font-weight: 300;
    text-transform: capitalize;
    padding: 7px 15px;
    text-align: center;
    display: inline-block !important;
    margin-top: 20px
}

.bdr-rds3 {
    border-radius: 3px
}

.bdr-rds5 {
    border-radius: 5px
}

.bdr-rds8 {
    border-radius: 8px
}

.bdr-rds10 {
    border-radius: 10px
}

.bdr-rds15 {
    border-radius: 15px
}

.bdr-rds20 {
    border-radius: 20px
}

.bdr-rds30 {
    border-radius: 30px
}

.bdr-rds40 {
    border-radius: 40px
}

.bdr-rds50 {
    border-radius: 50px
}

.bdr-circle {
    border-radius: 50%
}

.btn-sm, .btn-group-sm &gt; .btn {
    padding: 12px 30px
}

.btn-md {
    padding: 16px 36px
}

.btn-xl {
    padding: 20px 42px
}

.btn-xl {
    padding: 25px 50px
}

.btn-black {
    background-color: #000 !important
}

.btn1 {
    background: #ff205a;
    color: #fff;
    font-size: 14px !important;
    line-height: 14px !important;
    font-family: "Montserrat",sans-serif;
    letter-spacing: 1px;
    font-weight: 400
}

.btn-askmenow {
    padding: 15px 40px
}

.btn {
    display: inline-block;
    width: auto;
    font-family: "Montserrat",sans-serif;
    font-size: 10px;
    line-height: normal
}

.btn-visit {
    display: inline-block;
    height: 35px !important;
    width: 105px;
    position: relative;
    font-weight: 600;
    overflow: hidden;
    letter-spacing: 0;
    color: white;
    text-align: center;
    line-height: 6px
}

    .btn-visit:after {
        position: absolute;
        content: '';
        display: inline-block;
        background: #3bade3;
        background: linear-gradient(45deg,#1eefe5 0%,#2d2ad4 40%,#055bb3 51%,#4de9f9 100%);
        height: 50px;
        width: 372px;
        z-index: -1;
        transform: translateX(-280px);
        transition: transform 400ms ease-in
    }

    .btn-visit:hover:after {
        transform: translateX(-125px)
    }

    .btn-visit span {
        position: relative;
        top: 16px
    }

.sec-flightbooking .btn-visit:after {
    background: #3bade3;
    background: linear-gradient(45deg,#1eefe5 0%,#2d2ad4 40%,#055bb3 51%,#4de9f9 100%)
}

.sec-trainbooking .btn-visit:after {
    background: #3bade3;
    background: linear-gradient(45deg,#ef311e 0%,#f63769 35%,#a70884 51%,#ff3161 100%)
}

.sec-hotelbooking .btn-visit:after {
    background: #3bade3;
    background: linear-gradient(45deg,#1eefe5 0%,#149e65 35%,#056733 51%,#24d477 100%)
}

.sec-cuisinebooking .btn-visit:after {
    background: #3bade3;
    background: linear-gradient(45deg,#a0f345 0%,#f1e341 40%,#efe807 51%,#f9b13e 100%)
}

.sec-cruisebooking .btn-visit:after {
    background: #3bade3;
    background: linear-gradient(45deg,#f706fb 0%,#8f13af 40%,#690492 51%,#b459df 100%)
}

.sec-cabbooking .btn-visit:after {
    background: #3bade3;
    background: linear-gradient(45deg,#aabd0a 0%,#eae414 40%,#dde02d 51%,#ffcc00 100%)
}

.btn-avdsrc {
    position: relative;
    width: 160px;
    height: 40px;
    font-size: 13px;
    color: #333;
    font-weight: 800;
    padding: 1px;
    text-transform: uppercase
}

    .btn-avdsrc a {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 2;
        background: #FDFFFC;
        overflow: hidden;
        transition: all 0.5s ease
    }

        .btn-avdsrc a span {
            background: linear-gradient(70deg,#1a1a1a,#797878);
            -webkit-background-clip: text;
            color: transparent;
            text-shadow: 0 0 0 rgba(243,152,152,.19),0 0 0 rgba(0,0,0,.23);
            transition: all .5s ease;
            font-weight: 400;
            font-family: "Montserrat",sans-serif
        }

    .btn-avdsrc:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(70deg,#1a1a1a,#797878 40%);
        z-index: 1;
        transition: all 0.8s cubic-bezier(.075,.82,.165,1)
    }

    .btn-avdsrc:hover {
        cursor: pointer
    }

        .btn-avdsrc:hover a {
            background: transparent
        }

            .btn-avdsrc:hover a:before {
                opacity: 0
            }

            .btn-avdsrc:hover a span {
                color: #FDFFFC;
                text-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
            }

.btn-knowmore {
    padding: 10px 20px;
    color: #222;
    background-color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 11px;
    font-family: "Montserrat",sans-serif
}

.btn-trpsrc {
    background-color: #152266;
    color: #fff;
     padding: 15px 40px;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 15px;
    font-weight: 500;
    direction: inline-block;
    border-radius: 30px;
	margin-left: 13px;
    margin-top: 6px;

}

.btn-amk {
    display: inline-block;
    padding: 15px 25px;
    color: #fff;
    background-color: #ff3161;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 11px;
    font-family: "Montserrat",sans-serif
}

.btn-booknow {
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    font-size: 11px;
    padding: 8px 12px;
    background-color: #f89605;
    cursor: pointer
}

@media (min-width:1200px) {
    .btn-booknow {
        font-size: 16px;
        padding: 15px 40px
    }
}

@media (min-width:1440px) {
    .btn-booknow {
        font-size: 18px
    }
}

.btn-booknow:hover, .btn-booknow:focus {
    color: #fff;
    background-color: #f89605
}

.btn-booknow1 {
    font-family: "Montserrat",sans-serif;
    text-transform: capitalize;
    font-weight: 600;
    color: #fff;
    background-color: #ff3161;
    font-size: 14px;
    padding: 10px 20px;
    width: 150px;
    display: inline-block;
    text-align: center
}

@media (min-width:993px) {
    .btn-booknow1 {
        font-size: 15px;
        padding: 15px 30px;
        width: 160px
    }
}

@media (min-width:1440px) {
    .btn-booknow1 {
        font-size: 16px;
        padding: 15px 40px;
        width: 170px
    }
}

.btn-booknow1:hover, .btn-booknow1:focus {
    color: #fff;
    background-color: #ff3161;
    cursor: pointer
}

.btn-src {
    border: none;
    background: transparent;
    padding: 0
}

.btn-src-agn {
    background-color: #0087ff;
    color: #fff;
    border-radius: 50px;
    padding: 12px 30px;
    font-family: "Montserrat",sans-serif;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block
}

.line-animation {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease
}

    .line-animation svg {
        height: 30px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

        .line-animation svg rect {
            fill: none;
            stroke: #000;
            stroke-width: 3;
            stroke-dasharray: 422,0;
            transition: all 0.35s linear
        }

        .line-animation svg:hover rect {
            stroke-width: 3;
            stroke-dasharray: 15,310;
            stroke-dashoffset: 48;
            transition: all 1.35s cubic-bezier(.19,1,.22,1)
        }

.btn-km, .btn-pyh {
    font-family: "Montserrat",sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    padding: 8px 10px;
    color: #333f4b;
    display: inline-block
}

@media (min-width:993px) {
    .btn-km, .btn-pyh {
        padding: 8px 15px
    }
}

.btn-km.line-animation svg:hover rect {
    stroke-dasharray: 50,300 !important;
    stroke-dashoffset: 86 !important
}

.btn-pyh.line-animation svg:hover rect {
    stroke-dasharray: 40,350 !important;
    stroke-dashoffset: 60 !important
}

.btn-info {
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    background-color: #61a8ee;
    padding: 5px 10px
}

.btn-deal {
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    background-color: #1cbbb4;
    padding: 5px 10px
}

.mute {
    background-color: #acb8c2 !important
}

.btn-book {
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    border-radius: 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    background-color: #ff7e00;
    padding: 12px 35px;
    font-weight: 600;
    position: absolute
}

@media (min-width:993px) {
    .btn-book {
        padding: 12px 35px
    }
}

@media (min-width:1440px) {
    .btn-book {
        padding: 15px 45px
    }
}

.btn-chngcity {
    background-color: #ff9d04;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px
}

.btn-srcnow {
    background-color: #ef5350;
    padding: 12px 50px 12px 15px;
    border-radius: 30px;
    font-size: 13px;
    line-height: 13px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block
}

@media (min-width:480px) {
    .btn-srcnow {
        padding: 12px 60px 12px 15px;
        border-radius: 30px;
        font-size: 13px;
        line-height: 13px
    }
}

@media (min-width:768px) {
    .btn-srcnow {
        padding: 15px 60px 15px 20px;
        font-size: 14px;
        line-height: 14px
    }
}

@media (min-width:1200px) {
    .btn-srcnow {
        padding: 18px 70px 18px 25px
    }
}

@media (min-width:1440px) {
    .btn-srcnow {
        padding: 18px 90px 18px 25px
    }
}

.btn-srcnow i {
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    position: absolute;
    right: -1px;
    border: 3px solid #fff;
    border-radius: 50%;
    padding: 10px;
    top: -2px
}

@media (min-width:480px) {
    .btn-srcnow i {
        font-size: 15px;
        line-height: 15px
    }
}

@media (min-width:768px) {
    .btn-srcnow i {
        font-size: 20px;
        line-height: 20px;
        top: -1px
    }
}

@media (min-width:1200px) {
    .btn-srcnow i {
        font-size: 30px;
        line-height: 30px;
        padding: 8px
    }
}

.btn-cngur-loc {
    background-color: #b1b5c7;
    padding: 6px 20px;
    border-radius: 30px;
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    text-transform: capitalize;
    display: inline-block;
    font-weight: 400
}

.btn-calculate {
    background-color: #0087ff;
    border-radius: 80px;
    padding: 12px 30px;
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    display: inline-block
}

@media (min-width:480px) {
    .btn-calculate {
        padding: 12px 40px;
        font-size: 15px;
        line-height: 15px
    }
}

@media (min-width:768px) {
    .btn-calculate {
        padding: 16px 50px;
        font-size: 16px;
        line-height: 16px
    }
}

@media (min-width:1200px) {
    .btn-calculate {
        padding: 20px 60px;
        font-size: 17px;
        line-height: 17px
    }
}

@media (min-width:1440px) {
    .btn-calculate {
        padding: 25px 75px;
        font-size: 18px;
        line-height: 18px
    }
}

.btn-knmore {
    font-family: "Montserrat",sans-serif;
    display: inline-block;
    background-color: #333f4b;
    padding: 12px 20px;
    font-size: 10px;
    line-height: 10px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400
}

.btn-cmnts-submit {
    background-color: transparent;
    border: 1px solid rgba(255,255,255,.1) !important;
    padding: 20px;
    font-size: 14px;
    line-height: 14px;
    color: #fff !important;
    text-transform: capitalize;
    font-weight: 400;
    border: none;
    border-radius: 30px;
    max-width: 250px;
    width: 100%
}

@media (min-width:480px) {
    .btn-cmnts-submit {
        padding: 20px 22px;
        font-size: 15px;
        line-height: 15px
    }
}

@media (min-width:768px) {
    .btn-cmnts-submit {
        padding: 20px 25px;
        font-size: 16px;
        line-height: 16px
    }
}

@media (min-width:1200px) {
    .btn-cmnts-submit {
        padding: 20px 30px;
        font-size: 18px;
        line-height: 16px
    }
}

@media (min-width:1440px) {
    .btn-cmnts-submit {
        padding: 17px 30px
    }
}

.cntrlogo-navmenu.open .container-fluid {
    box-shadow: 0 30px 30px -30px #989494;
    background-color: #fff;
    padding-bottom: 20px
}

.cntrlogo-navmenu {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 999;
    padding: 7px 0px !important;
    height: 50px !important
}

@media (min-width:576px) {
    .cntrlogo-navmenu {
        margin-top: 0px;
        margin-bottom: 80px
    }
}

@media (min-width:768px) {
    .cntrlogo-navmenu {
        margin-bottom: 100px
    }
}

@media (min-width:993px) {
   
}

.cntrlogo-navmenu .container-fluid {
    transition: all 0.8s ease
}

.cntrlogo-navmenu .logo-center {
    position: relative;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100px;
    z-index: 99;
    top: -40px !important;
    margin-bottom: -40px !important
}

@media (min-width:576px) {
    .cntrlogo-navmenu .logo-center {
        max-width: 120px
    }
}

@media (min-width:768px) {
    .cntrlogo-navmenu .logo-center {
        top: 0;
        max-width: 250px
    }
}

@media (min-width:993px) {
    .cntrlogo-navmenu .logo-center {
    }
}

.cntrlogo-navmenu .logo-center img, .cntrlogo-navmenu .logo-center .animated-logo {
    display: block;
    box-shadow: 0 0 0 8px #fff;
    line-height: 0;
    background-color: #fff
}

.cntrlogo-navmenu .navbar {
    z-index: 9;
    padding: 0;
    /*justify-content: flex-end*/
}

    .cntrlogo-navmenu .navbar .navbar-nav {
        width: 100%
    }

    .cntrlogo-navmenu .navbar .nav-item {
        text-align: center;
        transition: all 0s ease .5s
    }

@media (min-width:1200px) {
    .cntrlogo-navmenu .navbar .nav-item {
        padding: 0 10px
    }
}

.cntrlogo-navmenu .navbar .nav-item .nav-link {
    text-transform: capitalize;
    font-family: "Montserrat",sans-serif;
    color: #172963;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    transition: color .5s ease 0s;
	background: #fff;
    text-align: left;
}

@media (min-width:1440px) {
    .cntrlogo-navmenu .navbar .nav-item .nav-link {
        padding: 10px 20px
    }
}

@media (min-width:993px) {
    .cntrlogo-navmenu .navbar .navbar-nav.pnav-open .nav-item:nth-last-of-type(1), .cntrlogo-navmenu .navbar .navbar-nav.pnav-open .nav-item:nth-last-of-type(2), .cntrlogo-navmenu .navbar .navbar-nav.pnav-open .nav-item:nth-last-of-type(3), .cntrlogo-navmenu .navbar .navbar-nav.pnav-open .nav-item:nth-last-of-type(4) {
        display: inline-block;
        position: absolute;
        right: 0;
        bottom: -32px;
        background-color: #fff
    }

    .cntrlogo-navmenu .navbar .navbar-nav.pnav-open .nav-item:nth-last-of-type(1) {
        bottom: -128px
    }

    .cntrlogo-navmenu .navbar .navbar-nav.pnav-open .nav-item:nth-last-of-type(2) {
        bottom: -96px
    }

    .cntrlogo-navmenu .navbar .navbar-nav.pnav-open .nav-item:nth-last-of-type(3) {
        bottom: -64px
    }

    .cntrlogo-navmenu .navbar .navbar-nav.pnav-open .nav-item:nth-last-of-type(4) {
        bottom: -32px
    }
}

@media (min-width:1200px) {
    .cntrlogo-navmenu .navbar .navbar-nav.pnav-open .nav-item:nth-last-of-type(3), .cntrlogo-navmenu .navbar .navbar-nav.pnav-open .nav-item:nth-last-of-type(4), .cntrlogo-navmenu .navbar .navbar-nav.pnav-open .nav-item:nth-last-of-type(5), .cntrlogo-navmenu .navbar .navbar-nav.pnav-open .nav-item:nth-last-of-type(6) {
        position: static
    }

    .cntrlogo-navmenu .navbar .navbar-nav.pnav-open .nav-item:nth-last-of-type(1) {
        bottom: -64px
    }

    .cntrlogo-navmenu .navbar .navbar-nav.pnav-open .nav-item:nth-last-of-type(2) {
        bottom: -32px
    }
}

.partial-nav-dots {
    position: absolute;
    right: -30px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(90deg);
    cursor: pointer;
    height: 18px;
    display: none;
    border: none;
    background: transparent;
    z-index: 1
}

@media (min-width:993px) {
    .partial-nav-dots {
        display: inline-block
    }
}

@media (min-width:1440px) {
    .partial-nav-dots {
        display: none
    }
}

.partial-nav-dots span {
    height: 4px;
    width: 4px;
    border-radius: 10px;
    background-color: #000;
    margin-left: 1px;
    position: relative;
    z-index: 1
}

@media (min-width:993px) {
    .partial-nav-dots span {
        display: inline-block
    }
}

.partial-nav-dots span:nth-of-type(1) {
    margin-left: 0
}

.navbar-toggler {
    top: 0px !important;
    border: none !important;
    padding: 0px !important;
    float: right
}

.navbar-toggler {
    font-size: 23px !important
}

.hamburger-box {
    width: 20px !important
}

.hamburger {
    background: none !important;
    padding: 0;
    margin-top: -10px
}

    .hamburger:focus, .hamburger:hover {
        background: none !important;
        opacity: 1
    }

    .hamburger .hamburger-inner {
        width: 20px;
        height: 2px
    }

        .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {
            width: 20px;
            height: 2px
        }

.range {
    position: relative
}

    .range input[type=range] {
        appearance: none;
        padding: 0;
        width: 100%;
        height: 22px;
        cursor: pointer;
        display: block
    }

        .range input[type=range]:focus {
            outline: none
        }

        .range input[type=range][disabled] {
            opacity: .3;
            cursor: default
        }

    .range .rangeslider {
        position: relative;
        height: 22px;
        cursor: pointer;
        user-select: none
    }

        .range .rangeslider:before {
            box-sizing: border-box;
            width: 100%;
            height: 4px;
            background: #e6e6e6;
            border-radius: 100px;
            content: "";
            position: absolute;
            top: 50%;
            transform: translateY(-50%)
        }

    .range input::-webkit-slider-runnable-track {
        box-sizing: border-box;
        width: 100%;
        height: 4px;
        background: #e6e6e6;
        border-radius: 100px;
        margin: 11px 0
    }

    .range input::-moz-range-track {
        box-sizing: border-box;
        width: 100%;
        height: 4px;
        background: #e6e6e6;
        border-radius: 100px;
        margin: 11px 0
    }

    .range input::-ms-track {
        box-sizing: border-box;
        width: 100%;
        height: 4px;
        background: #e6e6e6;
        border-radius: 100px;
        color: transparent;
        padding: 11px 0;
        background: transparent;
        border-color: transparent
    }

    .range input::-ms-fill-lower, .range input::-ms-fill-upper {
        box-sizing: border-box;
        width: 100%;
        height: 4px;
        background: #e6e6e6;
        border-radius: 100px
    }

    .range input::-ms-fill-lower {
        background: #60cd18
    }

    .range .rangeslider-fill-lower {
        background-color: #60cd18;
        border-radius: 100px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 4px;
        will-change: width
    }

    .range input::-webkit-slider-thumb {
        box-sizing: border-box;
        box-shadow: 0 4px 25px rgba(0,0,0,.5);
        border: 6px solid #fff;
        height: 24px;
        width: 24px;
        border-radius: 100px;
        background: #333940;
        cursor: pointer;
        appearance: none;
        transform: translateY(-50%);
        margin-top: 2px
    }

    .range input::-moz-range-thumb {
        box-sizing: border-box;
        box-shadow: 0 4px 25px rgba(0,0,0,.5);
        border: 6px solid #fff;
        height: 24px;
        width: 24px;
        border-radius: 100px;
        background: #333940;
        cursor: pointer
    }

    .range input::-ms-thumb {
        box-sizing: border-box;
        box-shadow: 0 4px 25px rgba(0,0,0,.5);
        border: 6px solid #fff;
        height: 24px;
        width: 24px;
        border-radius: 100px;
        background: #333940;
        cursor: pointer
    }

    .range .rangeslider-thumb {
        box-sizing: border-box;
        box-shadow: 0 4px 25px rgba(0,0,0,.5);
        border: 6px solid #fff;
        height: 24px;
        width: 24px;
        border-radius: 100px;
        background: #333940;
        cursor: pointer;
        position: absolute;
        touch-action: pan-x;
        top: 50%;
        transform: translateY(-50%);
        will-change: left
    }

    .range .range-output {
        position: absolute;
        left: 6px;
        top: 6px;
        transform-origin: 0 0;
        transition: transform 0.4s cubic-bezier(.175,.885,.32,1.275);
        user-select: none
    }

        .range .range-output .output {
            display: block;
            position: absolute;
            height: 35px;
            line-height: 35px;
            min-width: 32px;
            padding: 0 20px;
            top: -26px;
            transform: translate(-50%,-100%);
            background: #ee5252;
            color: #fff;
            border-radius: 8px;
            white-space: nowrap;
            font-size: 14px;
            text-align: center;
            font-family: 'Poppins',sans-serif
        }

            .range .range-output .output:before {
                content: "";
                position: absolute;
                bottom: -8px;
                left: 50%;
                border: 10px solid #ee5252;
                border-bottom: none;
                border-left-color: transparent;
                border-right-color: transparent;
                transform: translateX(-50%)
            }

.pricebox form {
    max-width: 100%;
    margin-top: 50px
}

    .pricebox form .price-high {
        display: inline-block;
        float: right
    }

.innerbanner {
    margin-bottom: 100px;
    padding-top: 150px !important;
    padding-left: 30px !important;
    padding-right: 30px !important
}

@media (min-width:768px) {
    .innerbanner {
        padding-top: 150px !important;
        padding-left: 30px !important;
        padding-right: 30px !important
    }
}

@media (min-width:993px) {
    .innerbanner {
        padding-top: 150px !important;
        padding-left: 0px !important;
        padding-right: 0px !important
    }
}

@media (min-width:1200px) {
    .innerbanner {
        padding-top: 270px !important
    }
}

@media (min-width:1440px) {
    .innerbanner {
        margin-bottom: 100px;
        padding-top: 270px !important
    }
}

.innerbanner img {
    width: 100%
}

.banner-main-txt {
    display: inline-block;
    width: 100%;
    height: 135px;
    margin-top: 0;
    margin-bottom: 135px
}

@media (min-width:576px) {
    .banner-main-txt {
        height: 165px;
        margin-top: 30px
    }
}

@media (min-width:768px) {
    .banner-main-txt {
        height: 220px
    }
}

@media (min-width:993px) {
    .banner-main-txt {
        height: 350px
    }
}

@media (min-width:1200px) {
    .banner-main-txt {
        height: 450px;
        margin-top: 50px
    }
}

@media (min-width:1440px) {
    .banner-main-txt {
        height: 530px
    }
}

.banner-main-txt h1 {
    font-size: 72px;
    line-height: 60px;
    letter-spacing: -5px;
    height: 100%;
    margin-left: 0;
    display: inline-block;
    width: 100%;
    font-weight: 800;
    text-transform: capitalize;
    position: relative
}

@media (min-width:576px) {
    .banner-main-txt h1 {
        font-size: 90px;
        line-height: 75px;
        letter-spacing: -6px
    }
}

@media (min-width:768px) {
    .banner-main-txt h1 {
        font-size: 120px;
        line-height: 100px;
        letter-spacing: -10px;
        margin-left: 0;
        display: inline-block;
        width: auto
    }
}

@media (min-width:993px) {
    .banner-main-txt h1 {
        display: block;
        width: 100%;
        font-size: 190px;
        line-height: 155px;
        letter-spacing: -12px;
        margin-left: -20px
    }
}

@media (min-width:1200px) {
    .banner-main-txt h1 {
        font-size: 240px;
        line-height: 200px;
        letter-spacing: -22px
    }
}

@media (min-width:1440px) {
    .banner-main-txt h1 {
        font-size: 290px;
        line-height: 245px;
        letter-spacing: -22px
    }
}

.fixedbanner-area {
    display: flex;
    padding: 40px 0 50px
}

@media (min-width:768px) {
    .fixedbanner-area {
        padding: 40px 0 100px
    }
}

@media (min-width:1200px) {
    .fixedbanner-area {
        padding: 80px 0
    }
}

@media (min-width:1440px) {
    .fixedbanner-area {
        padding: 120px 0 80px
    }
}

@media (min-width:2280px) {
    .fixedbanner-area {
        padding: 50px 0 80px
    }
}

@media (min-width:2280px) {
    .fixedbanner-area {
        padding: 200px 0
    }
}

.fixedbanner-area &gt; div {
    position: relative
}

    .fixedbanner-area &gt; div &gt; div {
        position: relative
    }

.bannertext {
    width: 100%;
    margin: 0 auto
}

    .bannertext h1 {
        line-height: 45px;
        margin-bottom: 20px
    }

@media (min-width:576px) {
    .bannertext h1 {
        line-height: 80px
    }
}

@media (min-width:768px) {
    .bannertext h1 {
        line-height: 80px
    }
}

@media (min-width:993px) {
    .bannertext h1 {
        line-height: 100px
    }
}

@media (min-width:1200px) {
    .bannertext h1 {
        line-height: 120px
    }
}

@media (min-width:1440px) {
    .bannertext h1 {
        line-height: 208px;
        margin-bottom: 0
    }
}

@media (max-width:1199px) {
    .bannertext h1 {
        transform: unset !important
    }
}

.bannertext h1 strong {
    font-size: 60px;
    line-height: 45px;
    letter-spacing: -3px;
    font-weight: 800;
    color: #252941;
    text-transform: capitalize;
    margin-top: 0;
    position: relative;
    z-index: 10;
    display: block;
    font-family: "Montserrat",sans-serif
}

@media (min-width:576px) {
    .bannertext h1 strong {
        font-size: 100px;
        line-height: 80px
    }
}

@media (min-width:768px) {
    .bannertext h1 strong {
        font-size: 100px;
        line-height: 80px
    }
}

@media (min-width:993px) {
    .bannertext h1 strong {
        font-size: 120px;
        line-height: 100px;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .bannertext h1 strong {
        font-size: 160px;
        line-height: 120px;
        letter-spacing: -5px
    }
}

@media (min-width:1440px) {
    .bannertext h1 strong {
        font-size: 200px;
        line-height: 140px
    }
}

@media (min-width:1920px) {
    .bannertext h1 strong {
        font-size: 288px;
        line-height: 208px
    }
}

@media (min-width:1200px) {
    .bannertext h1 strong:nth-of-type(1) {
        left: -16px
    }
}

@media (min-width:1440px) {
    .bannertext h1 strong:nth-of-type(1) {
        left: -16px;
        margin-bottom: 10px;
        letter-spacing: -20px
    }
}

@media (min-width:1200px) {
    .bannertext h1 strong:nth-of-type(2) {
        letter-spacing: -4px
    }
}

@media (min-width:1440px) {
    .bannertext h1 strong:nth-of-type(2) {
        left: -8px;
        letter-spacing: -10px
    }
}

.bannertext h1 strong span {
    font-size: 60px;
    line-height: 45px;
    letter-spacing: -5px;
    font-weight: 800;
    color: #afcadf;
    text-transform: capitalize;
    margin-top: 0;
    position: relative;
    z-index: 10;
    display: block;
    font-family: "Montserrat",sans-serif;
    display: inline-block
}

@media (min-width:576px) {
    .bannertext h1 strong span {
        font-size: 100px;
        line-height: 80px
    }
}

@media (min-width:768px) {
    .bannertext h1 strong span {
        font-size: 100px;
        line-height: 80px
    }
}

@media (min-width:993px) {
    .bannertext h1 strong span {
        font-size: 120px;
        line-height: 100px;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .bannertext h1 strong span {
        font-size: 160px;
        line-height: 120px
    }
}

@media (min-width:1440px) {
    .bannertext h1 strong span {
        font-size: 200px;
        line-height: 140px
    }
}

@media (min-width:1920px) {
    .bannertext h1 strong span {
        font-size: 288px;
        line-height: 208px
    }
}

.bannertext span {
    display: inline-block;
    width: auto;
    font-size: 16px;
    line-height: normal;
    color: #252941
}

@media (min-width:768px) {
    .bannertext span {
        font-size: 20px
    }
}

@media (min-width:1200px) {
    .bannertext span {
        font-size: 24px
    }
}

@media (max-width:1199px) {
    .bannertext span {
        transform: unset !important
    }
}

.banner-innertext {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0
}

    .banner-innertext:after {
        font-family: "Montserrat",sans-serif;
        content: attr(data-title);
        font-size: 42px;
        line-height: 42px;
        letter-spacing: -2px;
        font-weight: 800;
        color: #f2f2f2;
        text-transform: capitalize;
        position: absolute;
        bottom: 0;
        left: 80px;
        text-shadow: 0 1px 3px #ddd
    }

@media (min-width:768px) {
    .banner-innertext:after {
        font-size: 70px;
        line-height: 85px;
        left: 150px;
        letter-spacing: 0;
        bottom: -10px
    }
}

@media (min-width:993px) {
    .banner-innertext:after {
        font-size: 100px;
        line-height: 190px;
        left: 170px;
        bottom: -40px;
        letter-spacing: -10px
    }
}

@media (min-width:1200px) {
    .banner-innertext:after {
        font-size: 120px;
        line-height: 200px;
        left: 220px;
        letter-spacing: -10px;
        bottom: -40px
    }
}

@media (min-width:1440px) {
    .banner-innertext:after {
        font-size: 160px;
        line-height: 170px;
        letter-spacing: -15px;
        left: 260px;
        bottom: 0
    }
}

@media (min-width:1920px) {
    .banner-innertext:after {
        font-size: 220px;
        line-height: 190px;
        letter-spacing: -15px;
        left: 400px;
        bottom: 0
    }
}

.secmain-img-wraper {
    position: relative;
    z-index: 0
}

    .secmain-img-wraper .motionpoints {
        position: absolute;
        left: 0%;
        margin: auto;
        transform: rotate3d(-19,-12,13,-70deg);
        transform-style: preserve-3d;
        top: 0;
        display: none
    }

@media (min-width:768px) {
    .secmain-img-wraper .motionpoints {
        display: inline-block;
        height: 400px;
        width: 400px
    }
}

@media (min-width:993px) {
    .secmain-img-wraper .motionpoints {
        height: 500px;
        width: 500px;
        left: 30%
    }
}

.secmain-img-wraper .motionpoints .star {
    position: absolute;
    z-index: 50;
    top: 50px;
    left: 0;
    background-color: #fff;
    width: 1px;
    height: 1px;
    box-shadow: 0 0 0 5px rgba(255,255,255,.02),0 0 0 10px rgba(255,255,255,.05);
    border-radius: 50%;
    animation: shooting 5s linear infinite
}

    .secmain-img-wraper .motionpoints .star:before {
        content: '';
        position: absolute;
        top: 0;
        right: 1px;
        width: 100px;
        height: 1px;
        background: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(255,255,255,.4) 100%)
    }

    .secmain-img-wraper .motionpoints .star.star-2 {
        top: 100px;
        left: -100px;
        animation: shooting 8s 1s linear infinite
    }

    .secmain-img-wraper .motionpoints .star.star-3 {
        top: 250px;
        left: -250px;
        animation: shooting 3s 2s linear infinite
    }

    .secmain-img-wraper .motionpoints .star.star-4 {
        top: 50px;
        left: -50px;
        animation: shooting 3s 2s linear infinite
    }

    .secmain-img-wraper .motionpoints .star.star-5 {
        top: 150px;
        left: -150px;
        animation: shooting 3s 2s linear infinite
    }

.secmain-img-wraper .test {
    background: lightskyblue
}

.secmain-img-wraper .loading {
    position: absolute;
    top: 1em;
    left: 1em;
    z-index: 9999;
    color: white;
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 1.6em;
    opacity: .35;
    animation: load 1.5s infinite
}

#overlap1 {
    position: absolute !important;
    top: 60% !important;
    left: 30% !important;
    right: 0px !important;
    margin: auto;
    animation: flight-animation 5s linear infinite;
    animation-delay: 0.15s;
    z-index: 8
}

canvas {
    position: absolute;
    top: 12%;
    left: 0;
    margin: auto;
    right: 0;
    width: 100%;
    height: 8%;
    z-index: 1;
    opacity: .5
}

@keyframes shooting {
    0% {
        transform: translate(-100px,-100px) rotate(45deg) scale(1)
    }

    90% {
        transform: translate(calc(100% + 300px),calc(100% + 300px)) rotate(45deg) scale(1.5);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes load {
    50% {
        opacity: 1
    }
}

@keyframes flight-animation {
    0% {
        transform: translate(0,20px) rotate(1deg)
    }

    25% {
        transform: translate(0,-10px) rotate(0deg)
    }

    50% {
        transform: translate(0,-20px) rotate(-1deg)
    }

    75% {
        transform: translate(0,-10px) rotate(0deg)
    }

    100% {
        transform: translate(0,20px) rotate(1deg)
    }
}

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

.top-destination .icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.top-destination .next, .top-destination .prev {
    z-index: 22;
    display: inline-flex;
    border: none;
    width: 61px;
    height: 61px;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    position: absolute;
    top: 50%;
    outline: none;
    cursor: pointer
}

    .top-destination .next.disabled, .top-destination .prev.disabled {
        cursor: not-allowed
    }

    .top-destination .next:focus, .top-destination .prev:focus {
        outline: none
    }

.top-destination .prev {
    right: 100px;
    transform: translate(-100%,-50%)
}

.top-destination .next {
    right: 0;
    transform: translate(50%,-50%)
}

.top-destination .product-img {
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0;
    transform: translateX(0)
}

@media (min-width:480px) {
    .top-destination .product-img {
        width: 80%;
        left: 10%;
        transform: translateX(0)
    }
}

@media (min-width:768px) {
    .top-destination .product-img {
        width: 50%;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media (min-width:993px) {
    .top-destination .product-img {
        width: 50%;
        left: 25%
    }
}

@media (min-width:1200px) {
    .top-destination .product-img {
        width: 45%;
        left: 20%
    }
}

@media (min-width:1440px) {
    .top-destination .product-img {
        width: 45%
    }
}

.top-destination .product-img__item {
    display: flex;
    align-items: center;
    position: absolute;
    pointer-events: none;
    user-select: none;
    top: 0%;
    right: 0;
    opacity: 0;
    transition: all .3s;
    border: 10px solid #fff
}

@media (min-width:480px) {
    .top-destination .product-img__item {
        transform: translateY(-20%) translateX(0)
    }
}

@media (min-width:1200px) {
    .top-destination .product-img__item {
        border: 12px solid #fff
    }
}

@media (min-width:1440px) {
    .top-destination .product-img__item {
        border: 15px solid #fff
    }
}

.top-destination .product-img__item.active {
    opacity: 1;
    transform: translateY(-30%) translateX(0);
    box-shadow: 30.469px 27.434px 76px rgba(95,99,120,.33);
    transition-delay: .5s
}

@media (min-width:480px) {
    .top-destination .product-img__item.active {
        transform: translateY(-20%) translateX(0)
    }
}

@media (min-width:768px) {
    .top-destination .product-img__item.active {
        transform: translateY(-30%) translateX(0)
    }
}

.top-destination .product-img__item.active &gt; * {
    opacity: 1 !important;
    transform: none
}

    .top-destination .product-img__item.active &gt; *:nth-child(1) {
        transition-delay: 0s
    }

    .top-destination .product-img__item.active &gt; *:nth-child(2) {
        transition-delay: 0.8s
    }

    .top-destination .product-img__item.active &gt; *:nth-child(3) {
        transition-delay: 1.6s
    }

    .top-destination .product-img__item.active &gt; *:nth-child(4) {
        transition-delay: 2.4s
    }

    .top-destination .product-img__item.active &gt; *:nth-child(5) {
        transition-delay: 3.2s
    }

    .top-destination .product-img__item.active &gt; *:nth-child(6) {
        transition-delay: 4s
    }

    .top-destination .product-img__item.active &gt; *:nth-child(7) {
        transition-delay: 4.8s
    }

    .top-destination .product-img__item.active &gt; *:nth-child(8) {
        transition-delay: 5.6s
    }

    .top-destination .product-img__item.active &gt; *:nth-child(9) {
        transition-delay: 6.4s
    }

    .top-destination .product-img__item.active &gt; *:nth-child(10) {
        transition-delay: 7.2s
    }

    .top-destination .product-img__item.active &gt; *:nth-child(11) {
        transition-delay: 8s
    }

    .top-destination .product-img__item.active &gt; *:nth-child(12) {
        transition-delay: 8.8s
    }

    .top-destination .product-img__item.active &gt; *:nth-child(13) {
        transition-delay: 9.6s
    }

    .top-destination .product-img__item.active &gt; *:nth-child(14) {
        transition-delay: 10.4s
    }

    .top-destination .product-img__item.active &gt; *:nth-child(15) {
        transition-delay: 11.2s
    }

.top-destination .product-img__item img {
    object-fit: contain;
    object-position: center right
}

.top-destination .product-img__cart {
    background-color: #fff;
    cursor: pointer;
    font-family: "Montserrat",sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #404455;
    font-weight: 500;
    text-transform: uppercase
}

@media (min-width:480px) {
    .top-destination .product-img__cart {
        font-size: 16px;
        line-height: 20px
    }
}

@media (min-width:993px) {
    .top-destination .product-img__cart {
        font-size: 18px;
        line-height: 20px
    }
}

@media (min-width:1200px) {
    .top-destination .product-img__cart {
        font-size: 20px;
        line-height: 24px
    }
}

@media (min-width:1440px) {
    .top-destination .product-img__cart {
        line-height: 24px
    }
}

.top-destination .product-img__cart span {
    display: inline-block;
    width: 100%;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 4px;
    color: #7e8191;
    font-family: "Montserrat",sans-serif;
    font-weight: 500
}

@media (min-width:480px) {
    .top-destination .product-img__cart span {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 4px
    }
}

@media (min-width:768px) {
    .top-destination .product-img__cart span {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 4px
    }
}

@media (min-width:1200px) {
    .top-destination .product-img__cart span {
        font-size: 15px;
        line-height: 15px;
        margin-bottom: 5px
    }
}

.top-destination .product-img__bottom {
    padding: 10px 15px;
    right: -30px;
    bottom: 40px;
    width: 160px;
    background-color: #fff;
    opacity: 0;
    transform: translateY(55px);
    transition: all .5s;
    position: absolute;
    border-left: 3px solid #fd3162;
    box-shadow: 25px 43.301px 46px rgba(133,136,149,.3);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

@media (min-width:480px) {
    .top-destination .product-img__bottom {
        padding: 15px 25px;
        right: -40px;
        bottom: 40px;
        width: 200px
    }
}

@media (min-width:993px) {
    .top-destination .product-img__bottom {
        padding: 15px 25px;
        right: -40px;
        bottom: 40px;
        width: 200px
    }
}

@media (min-width:1200px) {
    .top-destination .product-img__bottom {
        padding: 20px 30px;
        right: -80px;
        bottom: 80px;
        width: 250px
    }
}

@media (min-width:1440px) {
    .top-destination .product-img__bottom {
        padding: 25px 35px;
        right: -100px;
        bottom: 100px;
        width: 300px
    }
}

.top-destination .product-img__bottom img {
    width: 28px
}

@media (min-width:768px) {
    .top-destination .product-img__bottom img {
        width: 28px
    }
}

@media (min-width:1200px) {
    .top-destination .product-img__bottom img {
        width: 32px
    }
}

.top-destination .product-slider {
    width: 100%;
    padding-left: 0;
    right: 0;
    position: relative;
    top: auto;
    bottom: 0
}

@media (min-width:993px) {
    .top-destination .product-slider {
        width: 50%;
        padding-left: 50px;
        transform: translateY(0%);
        position: absolute
    }
}

@media (min-width:1200px) {
    .top-destination .product-slider {
        width: 55%;
        padding-left: 90px
    }
}

@media (min-width:1440px) {
    .top-destination .product-slider {
        width: 55%;
        padding-left: 90px
    }
}

.top-destination .product-slider__wrp {
    height: 100%
}

.top-destination .product-slider__item {
    position: relative;
    height: 100%;
    width: 100%
}

    .top-destination .product-slider__item.swiper-slide-active .product-slider__content &gt; * {
        opacity: 1 !important;
        transform: none
    }

        .top-destination .product-slider__item.swiper-slide-active .product-slider__content &gt; *:nth-child(1) {
            transition-delay: 0s
        }

        .top-destination .product-slider__item.swiper-slide-active .product-slider__content &gt; *:nth-child(2) {
            transition-delay: 0.2s
        }

        .top-destination .product-slider__item.swiper-slide-active .product-slider__content &gt; *:nth-child(3) {
            transition-delay: 0.4s
        }

        .top-destination .product-slider__item.swiper-slide-active .product-slider__content &gt; *:nth-child(4) {
            transition-delay: 0.6s
        }

        .top-destination .product-slider__item.swiper-slide-active .product-slider__content &gt; *:nth-child(5) {
            transition-delay: 0.8s
        }

        .top-destination .product-slider__item.swiper-slide-active .product-slider__content &gt; *:nth-child(6) {
            transition-delay: 1s
        }

        .top-destination .product-slider__item.swiper-slide-active .product-slider__content &gt; *:nth-child(7) {
            transition-delay: 1.2s
        }

        .top-destination .product-slider__item.swiper-slide-active .product-slider__content &gt; *:nth-child(8) {
            transition-delay: 1.4s
        }

        .top-destination .product-slider__item.swiper-slide-active .product-slider__content &gt; *:nth-child(9) {
            transition-delay: 1.6s
        }

        .top-destination .product-slider__item.swiper-slide-active .product-slider__content &gt; *:nth-child(10) {
            transition-delay: 1.8s
        }

        .top-destination .product-slider__item.swiper-slide-active .product-slider__content &gt; *:nth-child(11) {
            transition-delay: 2s
        }

        .top-destination .product-slider__item.swiper-slide-active .product-slider__content &gt; *:nth-child(12) {
            transition-delay: 2.2s
        }

        .top-destination .product-slider__item.swiper-slide-active .product-slider__content &gt; *:nth-child(13) {
            transition-delay: 2.4s
        }

        .top-destination .product-slider__item.swiper-slide-active .product-slider__content &gt; *:nth-child(14) {
            transition-delay: 2.6s
        }

        .top-destination .product-slider__item.swiper-slide-active .product-slider__content &gt; *:nth-child(15) {
            transition-delay: 2.8s
        }

    .top-destination .product-slider__item.swiper-slide-active circle {
        animation: progress 1s ease-out forwards;
        animation-delay: .5s;
        opacity: .75
    }

.top-destination .product-slider__card {
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    transition: all .5s;
    overflow: hidden;
    position: relative
}

.top-destination .product-slider__cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.top-destination .product-slider__title {
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
    color: #152266;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    opacity: 0;
    transform: translateY(55px);
    transition: all .5s;
    text-align: center
}

@media (min-width:993px) {
    .top-destination .product-slider__title {
        text-align: left
    }
}

@media (min-width:1200px) {
    .top-destination .product-slider__title {
        font-size: 26px;
        line-height: 26px
    }
}

@media (min-width:1440px) {
    .top-destination .product-slider__title {
        font-size: 30px;
        line-height: 30px
    }
}

.top-destination .product-slider__price {
    font-size: 32px;
    line-height: 30px;
    letter-spacing: -1px;
    width: 100%;
    text-transform: uppercase;
    color: #f23262;
    font-weight: 800;
    margin-bottom: 15px;
    margin-top: 0;
    text-align: left;
    font-family: "Montserrat",sans-serif;
    background: linear-gradient(to right,#ec3161 20%,#134796 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    opacity: 0;
    transform: translateY(55px);
    transition: all .5s;
    text-align: center
}

@media (min-width:480px) {
    .top-destination .product-slider__price {
        font-size: 40px;
        line-height: 30px;
        letter-spacing: -1px
    }
}

@media (min-width:768px) {
    .top-destination .product-slider__price {
        font-size: 60px;
        line-height: 50px;
        letter-spacing: -3px
    }
}

@media (min-width:993px) {
    .top-destination .product-slider__price {
        text-align: left
    }
}

@media (min-width:1200px) {
    .top-destination .product-slider__price {
        font-size: 90px;
        line-height: 70px;
        letter-spacing: -5px;
        width: auto;
        left: -5px
    }
}

@media (min-width:1440px) {
    .top-destination .product-slider__price {
        font-size: 140px;
        line-height: 120px;
        letter-spacing: -7px
    }
}

.top-destination .product-slider__price sup {
    top: -20px;
    font-size: 65%
}

.top-destination .product-slider__fav {
    color: #888e94;
    background: none;
    border: none;
    position: relative;
    padding-left: 25px;
    outline: none;
    cursor: pointer
}

    .top-destination .product-slider__fav:focus {
        outline: none
    }

    .top-destination .product-slider__fav .heart {
        display: block;
        position: absolute;
        left: 0;
        transform: translate(-50%,-50%) scale(.7);
        top: 50%;
        pointer-events: none;
        width: 100px;
        height: 100px;
        background: url(../../../res.cloudinary.com/muhammederdem/image/upload/v1536405215/starwars/heart.png) no-repeat;
        background-position: 0 0;
        cursor: pointer;
        transition: background-position 1s steps(28);
        transition-duration: 0s
    }

        .top-destination .product-slider__fav .heart.is-active {
            transition-duration: 1s;
            background-position: -2800px 0
        }

.top-destination .product-ctr {
    display: flex;
    align-items: center;
    opacity: 0;
    transition: all .5s
}

@media screen and (max-width:992px) {
    .top-destination .product-ctr {
        justify-content: center
    }
}

.top-destination .product-ctr .hr-vertical {
    width: 1px;
    background: #9fa3a7;
    align-self: stretch;
    margin: 0 35px;
    flex-shrink: 0;
    opacity: .5
}

@media screen and (max-width:767px) {
    .top-destination .product-ctr {
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 40px
    }

        .top-destination .product-ctr .hr-vertical {
            width: 100%;
            margin: 35px 0;
            height: 1px
        }
}

.top-destination .product-labels__checkbox {
    display: none
}

    .top-destination .product-labels__checkbox:checked + .product-labels__txt {
        border-color: #cc3743;
        padding: 10px 13px
    }

.top-destination .product-labels__title {
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
    color: #a7a9b3;
    font-size: 15px;
    line-height: 15px;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
    text-align: center
}

@media (min-width:768px) {
    .top-destination .product-labels__title {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 25px
    }
}

@media (min-width:993px) {
    .top-destination .product-labels__title {
        text-align: left
    }
}

@media (min-width:1200px) {
    .top-destination .product-labels__title {
        margin-bottom: 50px;
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .top-destination .product-labels__title {
        margin-bottom: 70px
    }
}

.top-destination .product-labels__group {
    display: flex;
    margin-bottom: 15px
}

@media screen and (max-width:992px) {
    .top-destination .product-labels__group {
        justify-content: center
    }
}

.top-destination .product-labels__group:last-child {
    margin-bottom: 0
}

.top-destination .product-labels__item {
    margin: 5px;
    cursor: pointer
}

    .top-destination .product-labels__item:first-child {
        margin-left: 0
    }

.top-destination .product-labels__txt {
    display: block;
    border: 2px solid transparent;
    font-size: 14px;
    padding: 10px 20px;
    padding-left: 0;
    transition: all .3s;
    letter-spacing: 2px
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100
    }
}

.top-destination .product-inf {
    text-align: center
}

@media screen and (max-width:767px) {
    .top-destination .product-inf {
        width: 100%
    }
}

.top-destination .product-inf__percent {
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 12px;
    font-family: 'Dosis',sans-serif;
    position: relative
}

    .top-destination .product-inf__percent circle {
        transform: rotate(180deg) scaleY(-1);
        transform-origin: 50%
    }

.top-destination .product-inf__percent-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.top-destination .product-inf__title {
    text-transform: uppercase;
    color: #484d61;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    padding-left: 0;
    letter-spacing: 1px;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    text-align: center
}

@media (min-width:1200px) {
    .top-destination .product-inf__title {
        text-align: left
    }
}

@media (min-width:1440px) {
    .top-destination .product-inf__title {
        padding-right: 100px
    }
}

.top-destination .product-inf__title strong {
    color: #69708e;
    font-weight: 700
}

.swiper-pagination {
    position: absolute;
    z-index: 999;
    transform-origin: 0 0 !important;
    left: 0;
    padding: 0;
    top: -30px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 100% !important
}

@media (min-width:993px) {
    .swiper-pagination {
        transform: rotate(-90deg) translate(70px,-85px);
        width: auto !important;
        left: -100% !important;
        padding: 20px;
        justify-content: unset;
        height: auto !important;
        top: auto
    }
}

@media (min-width:1200px) {
    .swiper-pagination {
        transform: rotate(-90deg) translate(120px,-5px);
        left: -100% !important;
        padding: 20px
    }
}

@media (min-width:1440px) {
    .swiper-pagination {
        left: -100% !important;
        transform: rotate(-90deg) translate(180px,70%);
        padding: 20px
    }
}

.swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #c7cdd9;
    opacity: 1
}

.swiper-pagination .swiper-pagination-bullet-active {
    background: #fd3162
}

.counter {
    display: none;
    width: auto;
    z-index: 99;
    transform-origin: 0 0;
    position: absolute;
    bottom: 0;
    align-items: flex-start;
    font-weight: 300;
    font-family: "Montserrat",sans-serif;
    color: #234593;
    transform: rotate(-90deg) translate(-90px,-100%)
}

@media (min-width:993px) {
    .counter {
        display: flex;
        transform: rotate(-90deg) translate(-90px,-90px)
    }
}

@media (min-width:1200px) {
    .counter {
        transform: rotate(-90deg) translate(-80px,-110px)
    }
}

@media (min-width:1440px) {
    .counter {
        transform: rotate(-90deg) translate(-90px,-130px)
    }
}

.counter span {
    font-family: "Montserrat",sans-serif;
    color: #c7cdd9;
    font-weight: 300
}

    .counter span i {
        font-weight: 100;
        font-family: "Montserrat",sans-serif;
        color: #234593;
        display: inline-block;
        margin: 0 10px 0 20px;
        position: relative;
        bottom: -5px
    }

.counter .current-item {
    font-size: 48px;
    line-height: 40px;
    letter-spacing: -7px;
    color: #234593;
    font-weight: 600
}

@media (min-width:480px) {
    .counter .current-item {
        font-size: 50px;
        line-height: 40px
    }
}

@media (min-width:768px) {
    .counter .current-item {
        font-size: 60px;
        line-height: 50px
    }
}

@media (min-width:993px) {
    .counter .current-item {
        font-size: 72px;
        line-height: 62px
    }
}

@media (min-width:1200px) {
    .counter .current-item {
        font-size: 80px;
        line-height: 80px
    }
}

@media (min-width:1440px) {
    .counter .current-item {
        font-size: 100px;
        line-height: 90px
    }
}

.counter .tot-item {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -4px
}

@media (min-width:480px) {
    .counter .tot-item {
        font-size: 30px;
        line-height: 40px
    }
}

@media (min-width:768px) {
    .counter .tot-item {
        font-size: 36px;
        line-height: 42px
    }
}

@media (min-width:993px) {
    .counter .tot-item {
        font-size: 38px;
        line-height: 48px
    }
}

@media (min-width:1200px) {
    .counter .tot-item {
        font-size: 42px;
        line-height: 52px
    }
}

@media (min-width:1440px) {
    .counter .tot-item {
        font-size: 50px;
        line-height: 60px
    }
}

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

.travel-store-slider {
    height: 360px
}

@media (min-width:480px) {
    .travel-store-slider {
        height: 400px
    }
}

@media (min-width:768px) {
    .travel-store-slider {
        height: 450px
    }
}

@media (min-width:1200px) {
    .travel-store-slider {
        height: 550px
    }
}

@media (min-width:1440px) {
    .travel-store-slider {
        height: 620px
    }
}

.slider__navi {
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 999
}

    .slider__navi a {
        display: block;
        height: 6px;
        width: 20px;
        margin: 20px 0;
        text-indent: -9999px;
        box-shadow: none;
        border: none;
        background: rgba(0,0,0,.2)
    }

        .slider__navi a.active {
            background: white
        }

.flex__container {
    background-color: #e8edf2;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    flex-direction: row-reverse;
    height: 100%;
    width: 100%;
    z-index: 1
}

    .flex__container .flex__item--left .flex__content {
        text-align: center;
        margin-left: 80px;
        width: 90%;
        margin: auto;
        opacity: 1;
        transform: translate3d(0,0,0);
        transition: transform 0.2s linear 0.2s,opacity 0.1s linear 0.2s
    }

@media (min-width:768px) {
    .flex__container .flex__item--left .flex__content {
        width: 70%;
        margin-left: 80px;
        text-align: left
    }
}

@media (min-width:1200px) {
    .flex__container .flex__item--left .flex__content {
        width: 55%
    }
}

.flex__container .flex__item--left .flex__content h3 {
    font-size: 18px;
    margin-bottom: 12px;
    line-height: normal;
    text-align: center;
    color: #454960;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    margin-top: 0;
    text-transform: uppercase
}

@media (min-width:480px) {
    .flex__container .flex__item--left .flex__content h3 {
        font-size: 20px;
        margin-bottom: 15px
    }
}

@media (min-width:768px) {
    .flex__container .flex__item--left .flex__content h3 {
        font-size: 24px;
        margin-bottom: 25px;
        text-align: left
    }
}

@media (min-width:1200px) {
    .flex__container .flex__item--left .flex__content h3 {
        font-size: 28px;
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .flex__container .flex__item--left .flex__content h3 {
        font-size: 30px;
        margin-bottom: 35px
    }
}

.flex__container .flex__item--left .flex__content h3 br {
    display: none
}

@media (min-width:768px) {
    .flex__container .flex__item--left .flex__content h3 br {
        display: block
    }
}

.flex__container .flex__item--left .flex__content p {
    font-size: 14px;
    line-height: normal;
    text-align: center;
    color: #7e8293;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    margin-bottom: 25px
}

@media (min-width:480px) {
    .flex__container .flex__item--left .flex__content p {
        margin-bottom: 40px
    }
}

@media (min-width:768px) {
    .flex__container .flex__item--left .flex__content p {
        text-align: left
    }
}

@media (min-width:1200px) {
    .flex__container .flex__item--left .flex__content p {
        margin-bottom: 50px
    }
}

@media (min-width:1440px) {
    .flex__container .flex__item--left .flex__content p {
        margin-bottom: 85px
    }
}

.flex__container .flex__item--left .flex__content .travel-accessories {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .flex__container .flex__item--left .flex__content .travel-accessories {
        width: 300px;
        margin-bottom: 40px;
        justify-content: space-between
    }
}

@media (min-width:1200px) {
    .flex__container .flex__item--left .flex__content .travel-accessories {
        width: 400px;
        margin-bottom: 70px
    }
}

.flex__container .flex__item--left .flex__content .travel-accessories li {
    position: relative;
    z-index: 0;
    padding: 0 5px
}

@media (min-width:480px) {
    .flex__container .flex__item--left .flex__content .travel-accessories li {
        padding: 0 10px
    }
}

@media (min-width:1200px) {
    .flex__container .flex__item--left .flex__content .travel-accessories li {
        padding: 0 15px
    }
}

.flex__container .flex__item--left .flex__content .travel-accessories li:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    background-color: #d5dade;
    z-index: -1;
    left: 0;
    right: 0;
    margin: auto;
    width: 70px;
    height: 70px;
    bottom: 0
}

@media (min-width:768px) {
    .flex__container .flex__item--left .flex__content .travel-accessories li:before {
        width: 80px;
        height: 80px;
        bottom: 0
    }
}

@media (min-width:1200px) {
    .flex__container .flex__item--left .flex__content .travel-accessories li:before {
        width: 100px;
        height: 100px;
        bottom: 10px
    }
}

.flex__container .flex__item--left .flex__content .travel-accessories li span {
    display: inline-block;
    text-align: center;
    display: inline-block;
    height: 70px;
    width: 70px
}

@media (min-width:768px) {
    .flex__container .flex__item--left .flex__content .travel-accessories li span {
        display: inline-block;
        height: 80px;
        width: 80px
    }
}

@media (min-width:1200px) {
    .flex__container .flex__item--left .flex__content .travel-accessories li span {
        display: inline-block;
        height: auto;
        width: auto
    }
}

.flex__container .flex__item--left .flex__content .travel-accessories li span img {
    max-height: 100%
}

.flex__container .flex__item--left .flex__content .price {
    font-size: 20px;
    display: block;
    color: #454960;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%
}

@media (min-width:480px) {
    .flex__container .flex__item--left .flex__content .price {
        margin-right: 10px;
        display: inline-block;
        width: auto
    }
}

@media (min-width:768px) {
    .flex__container .flex__item--left .flex__content .price {
        font-size: 24px;
        margin-right: 20px;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .flex__container .flex__item--left .flex__content .price {
        margin-right: 40px;
        font-size: 30px
    }
}

@media (min-width:1440px) {
    .flex__container .flex__item--left .flex__content .price {
        margin-right: 80px
    }
}

.flex__container .flex__item--left .flex__content .price del {
    font-size: 13px;
    line-height: 13px;
    margin-left: 10px;
    text-decoration: line-through;
    color: #787c92;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    display: inline-block;
    position: relative;
    top: -2px
}

@media (min-width:768px) {
    .flex__container .flex__item--left .flex__content .price del {
        top: -4px
    }
}

@media (min-width:1440px) {
    .flex__container .flex__item--left .flex__content .price del {
        font-size: 14px;
        line-height: 14px;
        margin-left: 20px;
        top: -5px
    }
}

.flex__container .flex__item--left .flex__content .btn-shopnow {
    background-color: #fe3161;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 15px;
    padding: 10px 30px;
    color: #fff;
    font-family: "Roboto";
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block
}

@media (min-width:768px) {
    .flex__container .flex__item--left .flex__content .btn-shopnow {
        font-size: 14px;
        letter-spacing: 2px;
        line-height: 16px;
        padding: 10px 20px
    }
}

@media (min-width:1200px) {
    .flex__container .flex__item--left .flex__content .btn-shopnow {
        font-size: 14px;
        letter-spacing: 2px;
        line-height: 16px;
        padding: 15px 40px
    }
}

@media (min-width:1440px) {
    .flex__container .flex__item--left .flex__content .btn-shopnow {
        font-size: 15px;
        letter-spacing: 3px;
        line-height: 18px;
        padding: 20px 50px;
        font-weight: 700
    }
}

.flex__container .flex__item--left .bg-counter {
    font-size: 300px;
    letter-spacing: -30px;
    color: #dae0e5;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    position: absolute;
    right: 0;
    z-index: -1;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    opacity: .6
}

@media (min-width:480px) {
    .flex__container .flex__item--left .bg-counter {
        font-size: 300px;
        letter-spacing: -30px
    }
}

@media (min-width:768px) {
    .flex__container .flex__item--left .bg-counter {
        font-size: 350px;
        letter-spacing: -35px;
        opacity: 1
    }
}

@media (min-width:1200px) {
    .flex__container .flex__item--left .bg-counter {
        font-size: 450px;
        letter-spacing: -45px;
        right: -10px
    }
}

@media (min-width:1440px) {
    .flex__container .flex__item--left .bg-counter {
        font-size: 550px;
        letter-spacing: -55px;
        right: -20px
    }
}

@media (min-width:2280px) {
    .flex__container .flex__item--left .bg-counter {
        font-size: 550px;
        letter-spacing: -55px;
        right: 0
    }
}

.flex__container .flex__item--right {
    display: none
}

@media (min-width:768px) {
    .flex__container .flex__item--right {
        display: block
    }
}

.flex__container .flex__item--right .bg-counter {
    font-size: 550px;
    letter-spacing: -55px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    right: 0;
    left: auto;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    z-index: -1
}

@media (min-width:480px) {
    .flex__container .flex__item--right .bg-counter {
        right: -30px
    }
}

@media (min-width:768px) {
    .flex__container .flex__item--right .bg-counter {
        font-size: 350px
    }
}

@media (min-width:1200px) {
    .flex__container .flex__item--right .bg-counter {
        font-size: 450px
    }
}

@media (min-width:1440px) {
    .flex__container .flex__item--right .bg-counter {
        font-size: 550px;
        right: 0
    }
}

.flex__container.flex--active {
    z-index: 2
}

.flex__item {
    color: #fff;
    transition: transform 0.1s linear
}

.flex__item--left {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    width: 100%;
    transform-origin: left bottom;
    transition: transform 0.1s linear 0.4s;
    opacity: 0;
    position: relative;
    overflow: hidden
}

@media (min-width:768px) {
    .flex__item--left {
        width: 60%
    }
}

@media (min-width:2280px) {
    .flex__item--left {
        width: 50%
    }
}

.flex__item--right {
    width: 40%;
    transform-origin: right center;
    transition: transform 0.1s linear 0s;
    opacity: 0
}

@media (min-width:2280px) {
    .flex__item--right {
        width: 50%
    }
}

.flex--preStart .flex__item--left, .flex--preStart .flex__item--right, .flex--active .flex__item--left, .flex--active .flex__item--right {
    opacity: 1
}

.model {
    display: none;
    position: absolute;
    bottom: 0;
    right: 15%;
    opacity: 1;
    transform: translate3d(0,0,0);
    transition: opacity 0.43s 0.6s,transform 0.4s 0.65s cubic-bezier(0,.88,.4,.93)
}

@media (min-width:768px) {
    .model {
        right: -30%;
        max-width: 350px;
        display: block
    }
}

@media (min-width:993px) {
    .model {
        right: 0%
    }
}

@media (min-width:1200px) {
    .model {
        right: 15%;
        max-width: 450px
    }
}

@media (min-width:1440px) {
    .model {
        max-width: 500px
    }
}

.flex__container.animate--start .flex__content {
    transform: translate3d(0,-200%,0);
    opacity: 0
}

.flex__container.animate--start .model {
    transform: translate3d(-200px,0,0);
    opacity: 0
}

.flex__container.animate--end .flex__item--left {
    transform: scaleY(0)
}

.flex__container.animate--end .flex__item--right {
    transform: scaleX(0)
}

.flex__container.animate--end .flex__content {
    transform: translate3d(0,200%,0);
    opacity: 0
}

.flex__container.animate--end .model {
    transform: translate3d(200px,0,0);
    opacity: 0
}

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

.flipster--loop .flipster__item {
    position: absolute
}

.flipster--loop .flipster__item--past-2 {
    transform: translateX(-100%)
}

.flipster--loop .flipster__item--future-2 {
    transform: translateX(100%)
}

.flipster--loop .flipster__item--past-1 {
    transform: translateX(-80%)
}

.flipster--loop .flipster__item--future-1 {
    transform: translateX(80%)
}

.flipster *, .flipster:focus {
    outline: none !important
}

.flipster--infinite-carousel .flipster__container, .flipster--infinite-carousel .flipster__item {
    transition: all 350ms ease-in-out;
    transition-timing-function: cubic-bezier(.56,.12,.12,.98)
}

    .flipster--infinite-carousel .flipster__container *, .flipster--infinite-carousel .flipster__container:focus, .flipster--infinite-carousel .flipster__item *, .flipster--infinite-carousel .flipster__item:focus {
        outline: none !important
    }

.flipster--infinite-carousel .flipster__item {
    width: 50%
}

@media (min-width:480px) {
    .flipster--infinite-carousel .flipster__item {
        width: 50%
    }
}

@media (min-width:768px) {
    .flipster--infinite-carousel .flipster__item {
        width: 40%
    }
}

@media (min-width:993px) {
    .flipster--infinite-carousel .flipster__item {
        width: 50%
    }
}

@media (min-width:1200px) {
    .flipster--infinite-carousel .flipster__item {
        width: 60%
    }
}

@media (min-width:1440px) {
    .flipster--infinite-carousel .flipster__item {
        width: 60%
    }
}

.flipster--infinite-carousel .flipster__item__content {
    transition: inherit
}

.flipster--infinite-carousel .flipster__item {
    position: absolute;
    opacity: 0
}

.flipster--infinite-carousel .flipster__item--past-2 {
    opacity: 0 !important;
    transition-delay: 90ms
}

    .flipster--infinite-carousel .flipster__item--past-2 .flipster__item__content {
        transform: translateX(-100%) rotateY(0deg) scale(.8)
    }

.flipster--infinite-carousel .flipster__item--future-2 {
    opacity: 0;
    transition-delay: 90ms
}

    .flipster--infinite-carousel .flipster__item--future-2 .flipster__item__content {
        transform: translateX(100%) rotateY(0deg) scale(.8)
    }

.flipster--infinite-carousel .flipster__item--past-1 {
    opacity: 1;
    transition-delay: 60ms
}

    .flipster--infinite-carousel .flipster__item--past-1 .flipster__item__content {
        transform: translateX(-60%) rotateY(0deg) scale(.9)
    }

@media (min-width:480px) {
    .flipster--infinite-carousel .flipster__item--past-1 .flipster__item__content {
        transform: translateX(-55%)
    }
}

@media (min-width:768px) {
    .flipster--infinite-carousel .flipster__item--past-1 .flipster__item__content {
        transform: translateX(-55%)
    }
}

@media (min-width:993px) {
    .flipster--infinite-carousel .flipster__item--past-1 .flipster__item__content {
        transform: translateX(-70%)
    }
}

@media (min-width:1200px) {
    .flipster--infinite-carousel .flipster__item--past-1 .flipster__item__content {
        transform: translateX(-50%)
    }
}

.flipster--infinite-carousel .flipster__item--future-1 {
    opacity: 1;
    transition-delay: 60ms
}

    .flipster--infinite-carousel .flipster__item--future-1 .flipster__item__content {
        transform: translateX(60%) rotateY(0deg) scale(.9)
    }

@media (min-width:480px) {
    .flipster--infinite-carousel .flipster__item--future-1 .flipster__item__content {
        transform: translateX(55%)
    }
}

@media (min-width:768px) {
    .flipster--infinite-carousel .flipster__item--future-1 .flipster__item__content {
        transform: translateX(55%)
    }
}

@media (min-width:993px) {
    .flipster--infinite-carousel .flipster__item--future-1 .flipster__item__content {
        transform: translateX(70%)
    }
}

@media (min-width:1200px) {
    .flipster--infinite-carousel .flipster__item--future-1 .flipster__item__content {
        transform: translateX(50%)
    }
}

.flipster--infinite-carousel .flipster__item--current {
    opacity: 1;
    transition-delay: 0
}

    .flipster--infinite-carousel .flipster__item--current .flipster__item__content {
        transform: translateX(0) rotateY(0deg) scale(1)
    }

@media (min-width:480px) {
    .flipster--infinite-carousel .flipster__item--current .flipster__item__content {
        transform: translateX(0) rotateY(0deg) scale(1)
    }
}

@media (min-width:768px) {
    .flipster--infinite-carousel .flipster__item--current .flipster__item__content {
        transform: translateX(0) rotateY(0deg) scale(1)
    }
}

@media (min-width:993px) {
    .flipster--infinite-carousel .flipster__item--current .flipster__item__content {
        transform: translateX(0) rotateY(0deg) scale(1)
    }
}

.open-walkthrough {
    border: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .15em;
    font-size: 12px;
    height: 40px;
    width: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -60px
}

.walkthrough {
    border-radius: 0;
    display: none;
    flex-direction: column;
    float:left;
    font-size: 14px;
    height: 100%;
    overflow: hidden;
    transition: opacity 0.4s cubic-bezier(.25,.8,.25,1),transform 0.4s cubic-bezier(.25,.8,.25,1),box-shadow 0.4s cubic-bezier(.25,.8,.25,1);
    width: 100%;
    z-index: 1000
}

    .walkthrough.show {
        display: flex;
        opacity: 0;
        transform: translateY(72px)
    }

    .walkthrough.reveal {
        opacity: 1;
        transform: translateY(0)
    }

    .walkthrough .walkthrough-body {
        align-items: center;
        display: flex;
        flex: 1;
        text-align: center;
        padding: 30px 35px;
        position: relative
    }

        .walkthrough .walkthrough-body .prev-screen, .walkthrough .walkthrough-body .next-screen {
            align-self: stretch;
            background: none;
            border: 0;
            margin-top: 40px;
            color: rgba(255,255,255,.25);
            cursor: pointer;
            float:left;
            font-size: 24px;
            opacity: 1;
            outline: none;
            transform: scale(1);
            transition: transform 0.4s cubic-bezier(.25,.8,.25,1),color 0.4s cubic-bezier(.25,.8,.25,1),opacity 0.4s cubic-bezier(.25,.8,.25,1);
            z-index: 1000;
            position: absolute;
            bottom: 30px;
            right: 30px;
            width: 12px;
            height: 18px;
            margin: auto;
            padding: 0px !important
        }

            .walkthrough .walkthrough-body .prev-screen img, .walkthrough .walkthrough-body .next-screen img {
                width: auto !important
            }

            .walkthrough .walkthrough-body .prev-screen:hover, .walkthrough .walkthrough-body .prev-screen:active, .walkthrough .walkthrough-body .next-screen:hover, .walkthrough .walkthrough-body .next-screen:active {
                color: white;
                transform-origin: center;
                transform: scale(1.25)
            }

            .walkthrough .walkthrough-body .prev-screen:disabled, .walkthrough .walkthrough-body .next-screen:disabled {
                opacity: 0
            }

        .walkthrough .walkthrough-body .prev-screen {
            right: 50px
        }

        .walkthrough .walkthrough-body .screens {
            align-self: stretch;
            position: relative;
            margin: 0 auto;
            padding: 0;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            width: 100%
        }

            .walkthrough .walkthrough-body .screens .screen {
                position: absolute;
                list-style-type: none;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center
            }

                .walkthrough .walkthrough-body .screens .screen .review-content {
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                    width: calc(100% - 200px)
                }

                    .walkthrough .walkthrough-body .screens .screen .review-content h3 {
                        text-align: left;
                        font-size: 16px;
                        line-height: 29px;
                        color: #34404b;
                        font-family: 'Poppins',sans-serif;
                        font-weight: 500
                    }

                    .walkthrough .walkthrough-body .screens .screen .review-content p {
                        text-align: left;
                        font-size: 14px;
                        line-height: 22px;
                        color: #686c6c;
                        font-family: 'Poppins',sans-serif;
                        font-weight: 400
                    }

        .walkthrough .walkthrough-body .media {
            background: #efe8e0;
            border-radius: 50%;
            height: 100px;
            margin: auto 30px auto 20px;
            width: 100px;
            justify-content: center;
            overflow: hidden
        }

            .walkthrough .walkthrough-body .media img {
                position: absolute;
                bottom: 0px !important;
                height: auto;
                max-height: 100%;
                width: auto !important;
                left: 0;
                right: 0;
                margin-top: 0px !important;
                top: auto
            }

    .walkthrough .walkthrough-pagination {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: absolute;
        top: 30px;
        right: 30px
    }

        .walkthrough .walkthrough-pagination .dot {
            transform: scale(.75);
            transition: transform 0.4s cubic-bezier(.25,.8,.25,1),background 0.4s cubic-bezier(.25,.8,.25,1);
            font-size: 14px;
            line-height: 23px;
            color: #686c6c;
            font-family: 'Poppins',sans-serif;
            font-weight: 400;
            opacity: 0;
            display: none
        }

            .walkthrough .walkthrough-pagination .dot.active {
                background: white;
                transform: scale(1);
                transition-delay: 0.4s;
                opacity: 1;
                display: inline-block
            }

        .walkthrough .walkthrough-pagination .like {
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-left: 10px
        }

            .walkthrough .walkthrough-pagination .like img {
                width: auto
            }

    .walkthrough .walkthrough-footer {
        display: flex;
        float:left;
        justify-content: space-around;
        padding: 0
    }

        .walkthrough .walkthrough-footer button {
            height: 40px;
            border: 0;
            background: #5da3f2;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .15em;
            border-radius: 0;
            color: white;
            flex: 1;
            font-size: 12px;
            margin: 0;
            outline: 0;
            padding: 12px;
            transition: opacity 0.4s cubic-bezier(.25,.8,.25,1),background 0.4s cubic-bezier(.25,.8,.25,1);
            cursor: pointer
        }

            .walkthrough .walkthrough-footer button:hover {
                background: #6babf3
            }

            .walkthrough .walkthrough-footer button:active {
                background: #5da3f2
            }

            .walkthrough .walkthrough-footer button:disabled {
                cursor: pointer
            }

            .walkthrough .walkthrough-footer button.finish {
                background: #3e94f5;
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                opacity: 0;
                transform: scale(0,1);
                transform-origin: center;
                transition: opacity 0.4s cubic-bezier(.25,.8,.25,1),background 0.4s cubic-bezier(.25,.8,.25,1),transform 0.4s cubic-bezier(.25,.8,.25,1)
            }

                .walkthrough .walkthrough-footer button.finish:hover {
                    background: #4d9cf6
                }

                .walkthrough .walkthrough-footer button.finish:active {
                    background: #3e94f5
                }

                .walkthrough .walkthrough-footer button.finish.active {
                    transform: scale(1,1);
                    opacity: 1
                }

    .walkthrough .screens {
        margin: 0
    }

        .walkthrough .screens .media .status-badge {
            left: 136px;
            opacity: 0;
            position: absolute;
            top: 104px;
            transform: scale(0);
            transition: opacity 0.4s cubic-bezier(.25,.8,.25,1),transform 0.4s cubic-bezier(.25,.8,.25,1);
            transition-delay: 0.6s
        }

            .walkthrough .screens .media .status-badge i {
                display: inline
            }

        .walkthrough .screens .media.logo .logo {
            margin-top: 20px;
            opacity: 0;
            transform: translateY(-60px);
            transition: opacity 0.4s cubic-bezier(.25,.8,.25,1),transform 0.4s cubic-bezier(.25,.8,.25,1);
            width: 80px
        }

        .walkthrough .screens .media .icon {
            position: absolute;
            opacity: 0;
            transform: translateY(-30px);
            transition: opacity 0.4s cubic-bezier(.25,.8,.25,1),transform 0.4s cubic-bezier(.25,.8,.25,1);
            width: 132px;
            left: 48px;
            top: 32px
        }

        .walkthrough .screens .media.bars .icon {
            transform: translate(40px,20px)
        }

            .walkthrough .screens .media.bars .icon:nth-of-type(2) {
                transform: scale(.25);
                transform-origin: 30% 54%
            }

            .walkthrough .screens .media.bars .icon:nth-of-type(3) {
                transform: scale(.25);
                transform-origin: 30% 40%
            }

            .walkthrough .screens .media.bars .icon:nth-of-type(4) {
                transform: scale(.25);
                transform-origin: 30% 26%
            }

        .walkthrough .screens .media.files .icon {
            transform: translate(40px,20px)
        }

        .walkthrough .screens .media.comm .icon {
            transform: scale(.25);
            transform-origin: 29% 73%
        }

            .walkthrough .screens .media.comm .icon:nth-child(2) {
                transform-origin: 66% 85%
            }

        .walkthrough .screens .screen {
            opacity: 0;
            position: absolute;
            transition: all 0.4s cubic-bezier(.25,.8,.25,1)
        }

            .walkthrough .screens .screen.active {
                opacity: 1;
                transform: translateX(0) scale(1);
                transition-delay: 0.4s
            }

                .walkthrough .screens .screen.active ~ .screen {
                    opacity: 0
                }

                .walkthrough .screens .screen.active .media .status-badge {
                    opacity: 1;
                    transform: scale(1.75)
                }

                .walkthrough .screens .screen.active .media.logo .logo {
                    opacity: .8;
                    transform: translateY(0);
                    transition-delay: 0.6s
                }

                .walkthrough .screens .screen.active .media.logo .status-badge {
                    transition-delay: 1s
                }

                .walkthrough .screens .screen.active .media.books .icon {
                    opacity: 1;
                    transform: translateY(0);
                    transition-delay: 0.6s
                }

                    .walkthrough .screens .screen.active .media.books .icon:nth-child(2) {
                        transition-delay: 0.725s
                    }

                    .walkthrough .screens .screen.active .media.books .icon:nth-child(3) {
                        transition-delay: 0.850s
                    }

                .walkthrough .screens .screen.active .media.books .status-badge {
                    transition-delay: 1.4s
                }

                .walkthrough .screens .screen.active .media.bars .icon {
                    opacity: 1;
                    transform: translate(0) scale(1);
                    transition-delay: 0.6s
                }

                    .walkthrough .screens .screen.active .media.bars .icon:nth-child(2) {
                        transition-delay: 1.050s
                    }

                    .walkthrough .screens .screen.active .media.bars .icon:nth-child(3) {
                        transition-delay: 0.925s
                    }

                    .walkthrough .screens .screen.active .media.bars .icon:nth-child(4) {
                        transition-delay: 0.8s
                    }

                .walkthrough .screens .screen.active .media.files .icon {
                    opacity: 1;
                    transform: translateY(0);
                    transition-delay: 0.9s
                }

                    .walkthrough .screens .screen.active .media.files .icon:nth-child(3) {
                        transition-delay: 0.8s
                    }

                    .walkthrough .screens .screen.active .media.files .icon:nth-child(2) {
                        transition-delay: 0.7s
                    }

                    .walkthrough .screens .screen.active .media.files .icon:nth-child(1) {
                        transition-delay: 0.6s
                    }

                .walkthrough .screens .screen.active .media.files .status-badge {
                    transition-delay: 1.6s
                }

                .walkthrough .screens .screen.active .media.comm .icon {
                    opacity: 1;
                    transform: scale(1);
                    transition-delay: 0.6s
                }

                    .walkthrough .screens .screen.active .media.comm .icon:nth-child(2) {
                        transition-delay: 0.8s
                    }

                .walkthrough .screens .screen.active .media.comm .status-badge {
                    transition-delay: 1.6s
                }

.dottedmap-area, .dottedmap-area1 {
    width: 80%;
    text-align: center;
    padding: 50px 0;
    display: inline-block
}

    .dottedmap-area .b-header, .dottedmap-area1 .b-header {
        position: relative;
        height: 100%;
        width: 100%
    }

    .dottedmap-area .b-header__map, .dottedmap-area1 .b-header__map {
        position: absolute;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%
    }

        .dottedmap-area .b-header__map circle, .dottedmap-area1 .b-header__map circle {
            fill: #c2d6eb !important;
            stroke: none !important
        }

            .dottedmap-area .b-header__map circle:nth-of-type(-n+30), .dottedmap-area1 .b-header__map circle:nth-of-type(-n+30) {
                fill: #f6e2c6 !important;
                stroke: #f7ebd9 !important
            }

            .dottedmap-area .b-header__map circle.active, .dottedmap-area1 .b-header__map circle.active {
                stroke: #1e6bbe !important;
                stroke-opacity: .9;
                stroke-width: 1px;
                fill: #1e6bbe !important;
                fill-opacity: 1;
                -webkit-animation: pulse 3s ease infinite;
                -moz-animation: pulse 3s ease infinite;
                -o-animation: pulse 3s ease infinite;
                -ms-animation: pulse 3s ease infinite;
                animation: pulse 3s ease infinite
            }

            .dottedmap-area .b-header__map circle.active-first, .dottedmap-area1 .b-header__map circle.active-first {
                stroke: #5a4c83 !important;
                stroke-opacity: .6;
                fill: #5a4c83 !important;
                fill-opacity: .7;
                -webkit-animation: pulse-first 3s ease infinite;
                -moz-animation: pulse-first 3s ease infinite;
                -o-animation: pulse-first 3s ease infinite;
                -ms-animation: pulse-first 3s ease infinite;
                animation: pulse-first 3s ease infinite
            }

            .dottedmap-area .b-header__map circle.active-second, .dottedmap-area1 .b-header__map circle.active-second {
                stroke: #876bbe !important;
                stroke-opacity: .6;
                fill: #876bbe !important;
                fill-opacity: .4;
                -webkit-animation: pulse-second 3s ease infinite;
                -moz-animation: pulse-second 3s ease infinite;
                -o-animation: pulse-second 3s ease infinite;
                -ms-animation: pulse-second 3s ease infinite;
                animation: pulse-second 3s ease infinite
            }

            .dottedmap-area .b-header__map circle.active-third, .dottedmap-area1 .b-header__map circle.active-third {
                stroke: #ff3c60 !important;
                stroke-opacity: .6;
                fill: #ff3c60 !important;
                fill-opacity: .2;
                -webkit-animation: pulse-third 3s ease infinite;
                -moz-animation: pulse-third 3s ease infinite;
                -o-animation: pulse-third 3s ease infinite;
                -ms-animation: pulse-third 3s ease infinite;
                animation: pulse-third 3s ease infinite
            }

.dottedmap-area {
    padding: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 20px
}

@media (min-width:1200px) {
    .dottedmap-area {
        margin-bottom: 30px
    }
}

@media (min-width:1920px) {
    .dottedmap-area {
        height: 500px
    }
}

.dottedmap-area .b-header {
    width: 100%;
    height: 150px
}

@media (min-width:480px) {
    .dottedmap-area .b-header {
        height: 200px
    }
}

@media (min-width:768px) {
    .dottedmap-area .b-header {
        height: 300px
    }
}

@media (min-width:1200px) {
    .dottedmap-area .b-header {
        width: 100%
    }
}

@media (min-width:1920px) {
    .dottedmap-area .b-header {
        width: 800px;
        height: 400px
    }
}

.dottedmap-area1 {
    width: 90%;
    height: 500px;
    text-align: center;
    padding: 0;
    display: inline-block
}

@media (min-width:768px) {
    .dottedmap-area1 {
        width: 80%
    }
}

@media (min-width:1200px) {
    .dottedmap-area1 {
        width: 100%
    }
}

.dottedmap-area1 .b-header {
    width: 105%
}

.dottedmap-area1 .b-header__map circle {
    stroke: none !important
}

    .dottedmap-area1 .b-header__map circle.active {
        stroke: #fff !important;
        stroke-opacity: .9;
        stroke-width: 1px;
        fill: #fff !important;
        fill-opacity: .75;
        -webkit-animation: pulse 3s ease infinite;
        -moz-animation: pulse 3s ease infinite;
        -o-animation: pulse 3s ease infinite;
        -ms-animation: pulse 3s ease infinite;
        animation: pulse 3s ease infinite
    }

    .dottedmap-area1 .b-header__map circle.active-first {
        stroke: #fff !important;
        stroke-opacity: .9;
        fill: #fff !important;
        fill-opacity: .4;
        -webkit-animation: pulse-first 3s ease infinite;
        -moz-animation: pulse-first 3s ease infinite;
        -o-animation: pulse-first 3s ease infinite;
        -ms-animation: pulse-first 3s ease infinite;
        animation: pulse-first 3s ease infinite
    }

    .dottedmap-area1 .b-header__map circle.active-second {
        stroke: #fff !important;
        stroke-opacity: .9;
        fill: #fff !important;
        fill-opacity: .3;
        -webkit-animation: pulse-second 3s ease infinite;
        -moz-animation: pulse-second 3s ease infinite;
        -o-animation: pulse-second 3s ease infinite;
        -ms-animation: pulse-second 3s ease infinite;
        animation: pulse-second 3s ease infinite
    }

    .dottedmap-area1 .b-header__map circle.active-third {
        stroke: #fff !important;
        stroke-opacity: .9;
        fill: #fff !important;
        fill-opacity: .25;
        -webkit-animation: pulse-third 3s ease infinite;
        -moz-animation: pulse-third 3s ease infinite;
        -o-animation: pulse-third 3s ease infinite;
        -ms-animation: pulse-third 3s ease infinite;
        animation: pulse-third 3s ease infinite
    }

    .dottedmap-area1 .b-header__map circle:nth-of-type(-n+30) {
        fill: #c2d6eb !important;
        stroke: #c2d6eb !important
    }

#dottedline {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 50%;
    top: 260px;
    left: 0;
    position: absolute;
    overflow: visible !important
}

@media (min-width:768px) {
    #dottedline {
        max-width: 100%;
        top: 220px;
        left: 0
    }
}

@media (min-width:1200px) {
    #dottedline {
        max-width: 75%;
        top: 280px;
        left: 150px
    }
}

@media (min-width:1440px) {
    #dottedline {
        max-width: 85%;
        top: 225px;
        left: 250px
    }
}

#dottedline .dot-line {
    fill: none;
    stroke: #ffc000;
    stroke-width: 3;
    stroke-linejoin: round;
    stroke-dashoffset: 2;
    stroke-linecap: round
}

@keyframes pulse {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0)
    }

    25% {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50)
    }

    50% {
        opacity: .9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: alpha(opacity=90)
    }

    75% {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0)
    }
}

@keyframes pulse-first {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        stroke-width: 0
    }

    25% {
        opacity: .1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        filter: alpha(opacity=10)
    }

    50% {
        stroke-width: 12px;
        opacity: .2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        filter: alpha(opacity=20)
    }

    75% {
        opacity: .1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        filter: alpha(opacity=10)
    }

    100% {
        stroke-width: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0)
    }
}

@keyframes pulse-second {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        stroke-width: 0
    }

    25% {
        opacity: .1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        filter: alpha(opacity=10)
    }

    50% {
        stroke-width: 16px;
        opacity: .2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        filter: alpha(opacity=20)
    }

    75% {
        opacity: .1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        filter: alpha(opacity=10)
    }

    100% {
        stroke-width: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0)
    }
}

@keyframes pulse-third {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        stroke-width: 0
    }

    25% {
        opacity: .2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        filter: alpha(opacity=20)
    }

    50% {
        stroke-width: 20px;
        opacity: .4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40)
    }

    75% {
        opacity: .2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        filter: alpha(opacity=20)
    }

    100% {
        stroke-width: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0)
    }
}

@keyframes sweep {
    0% {
        motion-offset: 0%;
        offset-distance: 0%
    }

    100% {
        motion-offset: 100%;
        offset-distance: 100%;
        opacity: 0
    }
}

.flights-path {
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
    width: 120px;
    position: absolute;
    transform-style: preserve-3d;
    transform: rotateY(180deg)
}

@media (min-width:480px) {
    .flights-path {
        top: 50px;
        left: 0;
        right: 0;
        margin: auto;
        width: 200px
    }
}

@media (min-width:768px) {
    .flights-path {
        top: 100px;
        width: 300px
    }
}

@media (min-width:993px) {
    .flights-path {
        top: 50px;
        width: 300px
    }
}

@media (min-width:1200px) {
    .flights-path {
        top: 50px;
        width: 220px;
        height: 80px
    }
}

@media (min-width:1440px) {
    .flights-path {
        top: 100px;
        left: 150px;
        width: 350px;
        height: 80px;
        margin: 0
    }
}

.flights-path #triangle {
    motion-path: path("M1 51C1 51 165 -100 345 45");
    offset-path: path("M1 51C1 51 165 -100 345 45");
    motion-rotation: auto;
    offset-rotate: auto;
    animation-name: sweep;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    transition-timing-function: linear;
    transform: rotate(23deg) translateY(-11px)
}

.flights-path:not(:root) {
    overflow: visible !important
}

.bg-cloud {
    display: inline-block;
    overflow: hidden;
    width: 50%;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%,-50%)
}

.cloud1 {
    width: 1746px;
    height: 1554px;
    background-image: url(../../../pngimg.com/uploads/cloud/cloud_PNG28.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 10%;
    left: 100%;
    z-index: 1;
    -webkit-transition: all 0.85s ease-in-out;
    -moz-transition: all 0.85s ease-in-out;
    -ms-transition: all 0.85s ease-in-out;
    -o-transition: all 0.85s ease-in-out;
    transition: all 0.85s ease-in-out;
    -webkit-animation: cloud-anim 85s linear infinite;
    -moz-animation: cloud-anim 85s linear infinite;
    -o-animation: cloud-anim 85s linear infinite;
    animation: cloud-anim 85s linear infinite
}

.cloud2 {
    width: 1738px;
    height: 655px;
    background-image: url(../img/cloud_PNG21.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 100%;
    z-index: 2;
    left: 100%;
    -webkit-opacity: .6;
    -moz-opacity: .6;
    opacity: .6;
    -moz-transform: translateX(0%) translateY(-50%);
    -webkit-transform: translateX(0%) translateY(-50%);
    -o-transform: translateX(0%) translateY(-50%);
    -ms-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    -webkit-animation: cloud-anim-2 70s linear infinite;
    -moz-animation: cloud-anim-2 70s linear infinite;
    -o-animation: cloud-anim-2 70s linear infinite;
    animation: cloud-anim-2 70s linear infinite
}

.cloud3 {
    width: 1746px;
    height: 1554px;
    z-index: 4;
    background-image: url(../../../pngimg.com/uploads/cloud/cloud_PNG28.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-opacity: .6;
    -moz-opacity: .6;
    opacity: .6;
    -moz-transform: translateX(0%) translateY(-50%);
    -webkit-transform: translateX(0%) translateY(-50%);
    -o-transform: translateX(0%) translateY(-50%);
    -ms-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%);
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    -webkit-animation: cloud-anim 45s linear infinite;
    -moz-animation: cloud-anim 45s linear infinite;
    -o-animation: cloud-anim 45s linear infinite;
    animation: cloud-anim 45s linear infinite
}

@-webkit-keyframes cloud-anim {
    0% {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        left: 100%
    }

    100% {
        left: -100%
    }
}

@-moz-keyframes cloud-anim {
    0% {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        left: 100%
    }

    100% {
        left: -100%
    }
}

@-ms-keyframes cloud-anim {
    0% {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        left: 100%
    }

    100% {
        left: -100%
    }
}

@keyframes cloud-anim {
    0% {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        left: 100%
    }

    100% {
        left: -100%
    }
}

@-webkit-keyframes cloud-anim-2 {
    0% {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        left: 100%
    }

    50% {
        left: 0%
    }

    50.0001% {
        left: 0%;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none
    }

    100% {
        left: 100%
    }
}

@-moz-keyframes cloud-anim-2 {
    0% {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        left: 100%
    }

    50% {
        left: 0%
    }

    50.0001% {
        left: 0%;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none
    }

    100% {
        left: 100%
    }
}

@-ms-keyframes cloud-anim-2 {
    0% {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        left: 100%
    }

    50% {
        left: 0%
    }

    50.0001% {
        left: 0%;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none
    }

    100% {
        left: 100%
    }
}

@keyframes cloud-anim-2 {
    0% {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        left: 100%
    }

    50% {
        left: 0%
    }

    50.0001% {
        left: 0%;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none
    }

    100% {
        left: 100%
    }
}

@-webkit-keyframes float {
    0% {
        transform: translateX(-50%) translateY(calc(-50%))
    }

    50% {
        transform: translateX(-50%) translateY(calc(-50% - 6px))
    }

    100% {
        transform: translateX(-50%) translateY(calc(-50%))
    }
}

@-moz-keyframes float {
    0% {
        transform: translateX(-50%) translateY(calc(-50%))
    }

    50% {
        transform: translateX(-50%) translateY(calc(-50% - 6px))
    }

    100% {
        transform: translateX(-50%) translateY(calc(-50%))
    }
}

@-ms-keyframes float {
    0% {
        transform: translateX(-50%) translateY(calc(-50%))
    }

    50% {
        transform: translateX(-50%) translateY(calc(-50% - 6px))
    }

    100% {
        transform: translateX(-50%) translateY(calc(-50%))
    }
}

@keyframes float {
    0% {
        transform: translateX(-50%) translateY(calc(-50%))
    }

    50% {
        transform: translateX(-50%) translateY(calc(-50% - 6px))
    }

    100% {
        transform: translateX(-50%) translateY(calc(-50%))
    }
}

#bnr-bgcloud {
    bottom: 0;
    left: 0;
    overflow: hidden;
    perspective: 400;
    position: absolute;
    right: 0;
    top: 0;
    background: transparent
}

#sky {
    position: absolute;
    width: 512px;
    height: 512px;
    margin-left: -256px;
    margin-top: -256px;
    transform-style: preserve-3d
}

    #sky div {
        transform-style: preserve-3d
    }

.cloudLayer {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 256px;
    height: 256px;
    margin-left: -128px;
    margin-top: -128px;
    transition: opacity .5s ease-out
}

#my_calendar_en {
    padding: 25px;
    background-color: #fff;
    background: url(../img/boxpattern.png) left bottom;
    background-size: 100%
}

@media (min-width:576px) {
    #my_calendar_en {
        padding: 30px
    }
}

@media (min-width:1440px) {
    #my_calendar_en {
        padding: 40px
    }
}

.refDate {
    border: none !important
}

.rescalendar {
    max-width: 100%;
    overflow: visible;
    margin: auto;
    width: 100%
}

.rescalendar_controls {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 40px;
    justify-content: center
}

@media (min-width:768px) {
    .rescalendar_controls {
        justify-content: initial
    }
}

.rescalendar_controls input {
    text-align: center
}

.rescalendar_controls .refDate {
    display: inline-block;
    order: 1;
    width: 100% !important;
    text-align: left;
    font-size: 18px;
    letter-spacing: -1px;
    line-height: 20px;
    color: #333f4b;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    text-align: center;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .rescalendar_controls .refDate {
        margin-bottom: 0;
        text-align: left;
        width: calc(100% - 200px) !important
    }
}

.rescalendar_controls .move_to_today {
    display: none !important
}

.rescalendar_controls .move_to_last_month, .rescalendar_controls .move_to_next_month {
    font-family: "Montserrat",sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #333f4b;
    font-weight: 400;
    text-transform: capitalize;
    -webkit-appearance: none !important;
    background: transparent !important;
    border: none !important;
    white-space: nowrap;
    padding: 0
}

.rescalendar_controls .move_to_last_month {
    order: 2;
    padding-right: 8px
}

.rescalendar_controls .move_to_next_month {
    order: 3;
    padding-left: 8px
}

.rescalendar_table {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    padding-top: 10px;
    margin: 0 auto
}

@media (min-width:480px) {
    .rescalendar_table thead {
        width: 1360px
    }
}

@media (min-width:768px) {
    .rescalendar_table thead {
        width: 1360px
    }
}

@media (min-width:993px) {
    .rescalendar_table thead {
        width: 1380px
    }
}

@media (min-width:1200px) {
    .rescalendar_table thead {
        width: 1400px
    }
}

@media (min-width:1440px) {
    .rescalendar_table thead {
        width: 100%
    }
}

.rescalendar_table thead tr {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

    .rescalendar_table thead tr .day_cell {
        display: flex;
        flex-direction: column
    }

        .rescalendar_table thead tr .day_cell .dia {
            font-size: 15px;
            letter-spacing: -1px;
            line-height: 15px;
            color: #333f4b;
            font-family: "Montserrat",sans-serif;
            font-weight: 400
        }

.rescalendar_table .firstColumn {
    display: none;
    text-align: left;
    padding: 0px !important
}

.rescalendar_table tbody {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 100px
}

@media (min-width:480px) {
    .rescalendar_table tbody {
        width: 1360px
    }
}

@media (min-width:768px) {
    .rescalendar_table tbody {
        width: 1360px
    }
}

@media (min-width:993px) {
    .rescalendar_table tbody {
        width: 1380px
    }
}

@media (min-width:1200px) {
    .rescalendar_table tbody {
        width: 1400px
    }
}

@media (min-width:1440px) {
    .rescalendar_table tbody {
        width: 100%
    }
}

.rescalendar_table tbody .dataRow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.rescalendar_table tbody .data_cell {
    transform: rotate(-90deg);
    padding: 0px !important;
    width: 22px;
    position: relative;
    font-size: 13px;
    line-height: 13px;
    color: #333f4b;
    font-family: "Montserrat",sans-serif;
    font-weight: 400
}

    .rescalendar_table tbody .data_cell:before {
        margin: auto;
        content: "";
        height: 6px;
        width: 6px;
        background-color: #ff911b;
        border-radius: 20px;
        position: absolute;
        bottom: 0;
        top: 0;
        left: -15px
    }

    .rescalendar_table tbody .data_cell:nth-of-type(5n):before {
        background-color: #1abba2
    }

.rescalendar_table .price-tooltip {
    position: absolute;
    top: 90px;
    width: 100px;
    z-index: 999;
    text-align: center;
    border-radius: 15px;
    box-shadow: 0 6px 38px rgba(0,0,0,.12);
    background-color: #fff;
    overflow: hidden;
    left: -38px
}

    .rescalendar_table .price-tooltip .current-date {
        background-color: #1cbb63;
        height: 100px;
        font-size: 25px;
        letter-spacing: -1px;
        line-height: 18px;
        color: #fff;
        font-family: "Montserrat";
        font-weight: 400;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .rescalendar_table .price-tooltip .current-info {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 20px;
        color: #818181;
        font-family: "Montserrat";
        font-weight: 400;
        padding: 10px
    }

    .rescalendar_table .price-tooltip .current-price {
        font-size: 20px;
        line-height: 20px;
        color: #595959;
        font-family: "Montserrat";
        font-weight: 700;
        text-align: center;
        padding: 15px 10px 20px
    }

    .rescalendar_table .price-tooltip .booknow-btn {
        background-color: #3e3e3e;
        font-size: 16px;
        line-height: 20px;
        color: #fff;
        font-family: "Roboto";
        font-weight: 700;
        padding: 10px
    }

.rescalendar_day_cells {
    border: none !important
}

    .rescalendar_day_cells td {
        width: 22px;
        border-radius: 5px;
        padding: 0;
        padding-bottom: 200px;
        position: relative
    }

@media (min-width:768px) {
    .rescalendar_day_cells td {
        padding-bottom: 320px
    }
}

.rescalendar_day_cells td:before {
    content: "";
    height: 6px;
    width: 6px;
    background-color: #c4c4c4;
    border-radius: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 45px
}

.rescalendar_day_cells td:after {
    content: "";
    height: 160px;
    background-color: #c4c4c4;
    background-image: linear-gradient(0deg,#ffffff 0%,#c4c4c4 100%);
    width: 1px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 40px
}

@media (min-width:768px) {
    .rescalendar_day_cells td:after {
        height: 280px
    }
}

.rescalendar_day_cells td:hover {
    background: transparent;
    cursor: pointer;
    color: #000
}

    .rescalendar_day_cells td:hover:before {
        background-color: #ff3161
    }

    .rescalendar_day_cells td:hover:after {
        background-image: linear-gradient(0deg,#ffffff 0%,#ff3161 100%)
    }

.rescalendar_day_cells td a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.rescalendar_day_cells td.hasEvent {
    background: #ff0
}

.rescalendar_day_cells span {
    display: block;
    padding: 0 2px;
    font-size: 14px;
    width: 22px
}

    .rescalendar_day_cells span.day {
        display: block;
        width: 30px
    }

    .rescalendar_day_cells span.today {
        background: red;
        color: #fff
    }

.error_wrapper {
    width: 100;
    text-align: center;
    background: red;
    color: #fff;
    padding: 15px
}

.dailyfare-cal {
    overflow: hidden
}

svg.mainSVG {
    background-color: transparent;
    width: 100%;
    height: 250px;
    bottom: 100px;
    z-index: 99;
    position: absolute;
    overflow: visible !important
}

#boxLabel {
    text-anchor: middle;
    fill: #115F9A;
    font-size: 21px;
    user-select: none;
    -webkit-user-select: none;
    pointer-events: none;
    font-family: 'Roboto',sans-serif;
    font-weight: 700
}

.box {
    opacity: 0
}

circle {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.circle-shadow {
    box-shadow: -9.851px 12.608px 40px rgba(255,145,27,.75)
}

@keyframes go {
    0% {
        stroke-dashoffset: 0;
        transform: translateX(0)
    }

    100% {
        stroke-dashoffset: 0;
        transform: translateX(-100px)
    }
}

.box {
    transform: matrix(1,0,0,1,1200,30) !important
}

    .box #boxLabel {
        font-size: 12px;
        line-height: 12px;
        fill: #333f4b !important;
        font-family: 'Poppins',sans-serif;
        font-weight: 400
    }

.ur-date {
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 16px;
    fill: #fff !important;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    position: relative;
    z-index: -1
}

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

.slider {
    width: 100%;
    height: 100%;
    margin: 20px auto;
    //overflow: hidden;
    position: relative
}

.slider__container {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none;
    white-space: nowrap
}

.slider__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 16px;
    visibility: hidden
}

.slider__item {
    position: relative;
    height: 100%;
    width: 100%;
    display: inline-block
}

.slider-controls {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    z-index: 10
}

    .slider-controls &gt; .previous, .slider-controls &gt; .next {
        position: absolute;
        width: 64px;
        height: 64px;
        display: block;
        cursor: pointer;
        border: none;
        outline: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-size: 64px;
        background-color: transparent;
        background-repeat: no-repeat
    }

    .slider-controls &gt; .next {
        right: 20px;
        background-image: url(../img/arrow-right.html)
    }

    .slider-controls &gt; .previous {
        left: 20px;
        background-image: url(../img/arrow-left.html)
    }

.lcs-section {
    position: relative;
    width: 100%;
    height: 400px
}

.grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media (min-width:768px) {
    .grid {
        flex-direction: row
    }
}

.grid .lcs-cntbox {
    width: 100%;
    text-align: center;
    margin-bottom: 30px
}

@media (min-width:480px) {
    .grid .lcs-cntbox {
        margin-bottom: 10px
    }
}

@media (min-width:576px) {
    .grid .lcs-cntbox {
        margin-bottom: 50px
    }
}

@media (min-width:768px) {
    .grid .lcs-cntbox {
        margin-bottom: 60px;
        width: 55%;
        text-align: left
    }
}

@media (min-width:1200px) {
    .grid .lcs-cntbox {
        margin-bottom: 70px
    }
}

@media (min-width:1440px) {
    .grid .lcs-cntbox {
        margin-bottom: 80px
    }
}

.grid .lcs-cntbox h1 {
    margin: 0px !important;
    font-size: 36px;
    letter-spacing: 3px;
    line-height: 36px;
    color: #212c64;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width:480px) {
    .grid .lcs-cntbox h1 {
        font-size: 42px;
        letter-spacing: 4px;
        line-height: 42px
    }
}

@media (min-width:768px) {
    .grid .lcs-cntbox h1 {
        font-size: 60px;
        letter-spacing: 6px;
        line-height: 60px
    }
}

@media (min-width:1440px) {
    .grid .lcs-cntbox h1 {
        font-size: 80px;
        letter-spacing: 8px;
        line-height: 80px
    }
}

.grid .lcs-imgbox {
    width: 90%;
    position: relative;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width:480px) {
    .grid .lcs-imgbox {
        width: 70%
    }
}

@media (min-width:768px) {
    .grid .lcs-imgbox {
        height: 70%
    }
}

@media (min-width:993px) {
    .grid .lcs-imgbox {
        height: 80%;
        width: 45%
    }
}

@media (min-width:1440px) {
    .grid .lcs-imgbox {
        height: 100%
    }
}

.grid .lcs-imgbox span {
    display: inline-block;
    position: static;
    z-index: 9;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 20px;
    color: #535768;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    white-space: normal
}

@media (min-width:768px) {
    .grid .lcs-imgbox span {
        position: absolute;
        bottom: -30px
    }
}

@media (min-width:993px) {
    .grid .lcs-imgbox span {
        bottom: 0
    }
}

.navigation-row {
    flex-direction: column;
    align-items: center;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    bottom: -30px;
    width: 100%
}

@media (min-width:480px) {
    .navigation-row {
        bottom: -50px
    }
}

@media (min-width:768px) {
    .navigation-row {
        flex-direction: row;
        bottom: 0
    }
}

.navigation-row .lcs-counter {
    display: inline-block;
    position: relative;
    width: auto
}

@media (min-width:768px) {
    .navigation-row .lcs-counter {
        margin-right: 50px
    }
}

.navigation-row .lcs-counter span {
    font-size: 36px;
    line-height: 36px;
    letter-spacing: -2px;
    color: #bbbdc9;
    font-family: 'Poppins',sans-serif;
    font-weight: 300
}

@media (min-width:480px) {
    .navigation-row .lcs-counter span {
        font-size: 42px;
        line-height: 42px
    }
}

@media (min-width:768px) {
    .navigation-row .lcs-counter span {
        font-size: 60px;
        line-height: 60px
    }
}

@media (min-width:1440px) {
    .navigation-row .lcs-counter span {
        font-size: 80px;
        line-height: 80px
    }
}

.navigation-row .lcs-counter .n-cntr {
    color: #f3785d
}

.navigation-row .lcs-counter .tot-cntr {
    position: relative;
    padding-left: 15px
}

@media (min-width:768px) {
    .navigation-row .lcs-counter .tot-cntr {
        padding-left: 40px
    }
}

.navigation-row .lcs-counter .tot-cntr:before {
    content: "/";
    font-size: 36px;
    line-height: 36px;
    color: #bbbdc9;
    font-family: 'Poppins',sans-serif;
    font-weight: 300;
    position: absolute;
    left: 0
}

@media (min-width:480px) {
    .navigation-row .lcs-counter .tot-cntr:before {
        font-size: 42px;
        line-height: 42px
    }
}

@media (min-width:768px) {
    .navigation-row .lcs-counter .tot-cntr:before {
        font-size: 60px;
        line-height: 60px
    }
}

@media (min-width:1440px) {
    .navigation-row .lcs-counter .tot-cntr:before {
        font-size: 80px;
        line-height: 80px
    }
}

.navigation-row .slider-navigation {
    left: 0;
    bottom: 0;
    height: auto
}

    .navigation-row .slider-navigation &gt; li {
        position: relative;
        display: inline-block;
        margin-right: 12px
    }

        .navigation-row .slider-navigation &gt; li:nth-last-of-type(1) {
            margin-right: 0
        }

        .navigation-row .slider-navigation &gt; li &gt; a {
            display: inline-block;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: transparent;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
            background-color: #bbbdc9
        }

            .navigation-row .slider-navigation &gt; li &gt; a.is-active {
                background-color: black
            }

.slider-navigation {
    left: 0;
    bottom: 0;
    height: auto
}

    .slider-navigation &gt; li {
        position: relative;
        display: inline-block;
        margin-right: 12px
    }

        .slider-navigation &gt; li &gt; a {
            display: inline-block;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: transparent;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
            background-color: #bbbdc9
        }

            .slider-navigation &gt; li &gt; a.is-active {
                background-color: black
            }

.slideshow {
    position: relative;
    width: 100%;
    margin: 0;
    height: 300px;
    width: 300px;
    display: inline-block;
    margin-top: 60px
}

@media (min-width:480px) {
    .slideshow {
        height: 400px;
        width: 400px
    }
}

@media (min-width:576px) {
    .slideshow {
        width: 450px
    }
}

@media (min-width:768px) {
    .slideshow {
        width: 480px
    }
}

@media (min-width:993px) {
    .slideshow {
        width: 480px;
        height: auto
    }
}

@media (min-width:1200px) {
    .slideshow {
        grid-template-columns: 20% 70%;
        width: 100%
    }
}

@media (min-width:1440px) {
    .slideshow {
        height: auto
    }
}

.slideshow .slide {
    width: 100%;
    top: 0;
    position: absolute;
    pointer-events: none;
    color: var(--color-slide-alt)
}

.slideshow .slide--current {
    position: absolute;
    pointer-events: auto;
    width: 80%;
    height: auto;
    z-index: 999;
    right: 0
}

@media (min-width:480px) {
    .slideshow .slide--current {
        height: auto
    }
}

@media (min-width:768px) {
    .slideshow .slide--current {
        width: 300px;
        height: auto
    }
}

@media (min-width:1200px) {
    .slideshow .slide--current {
        width: 350px;
        height: auto
    }
}

@media (min-width:1440px) {
    .slideshow .slide--current {
        position: absolute;
        width: 370px;
        height: auto
    }
}

.slideshow .slide--current.slide--visible .slide__img-wrap, .slideshow .slide--current.slide--visible .slide__title, .slideshow .slide--current.slide--visible .slide__subtitle, .slideshow .slide--current.slide--visible .slide__quote, .slideshow .slide--current.slide--visible .slide__number, .slideshow .slide--current.slide--visible .slide__explore {
    opacity: 1
}

.slideshow .slide--current.slide--visible .slide__explore {
    pointer-events: auto
}

.slideshow .slide--current.slide--visible__side, .slideshow .slide--current.slide--visible__quote {
    opacity: 0
}

.slideshow .slide--current .slide__img-wrap {
    cursor: default;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

    .slideshow .slide--current .slide__img-wrap .slide__img:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.slideshow .slide--current .slide__title-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    float: left;
    width: auto;
    position: absolute;
    bottom: 50px;
    right: calc(100% - 130px);
    z-index: 9999;
    box-shadow: 45px 32px 43px rgba(82,82,82,.42);
    background-image: linear-gradient(49deg,#b305a3 0%,#5723bd 100%);
    padding: 30px;
    width: 200px
}

@media (min-width:480px) {
    .slideshow .slide--current .slide__title-wrap {
        bottom: 50px;
        right: calc(100% - 150px);
        padding: 40px;
        width: 250px
    }
}

@media (min-width:768px) {
    .slideshow .slide--current .slide__title-wrap {
        bottom: 60px;
        padding: 45px;
        right: calc(100% - 100px);
        width: 300px
    }
}

@media (min-width:1200px) {
    .slideshow .slide--current .slide__title-wrap {
        right: calc(100% - 160px);
        padding: 50px;
        width: 300px
    }
}

@media (min-width:1440px) {
    .slideshow .slide--current .slide__title-wrap {
        right: calc(100% - 120px);
        padding: 50px 70px;
        width: 370px;
        bottom: 60px
    }
}

.slideshow .slide--current .slide__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: -1px;
    margin: 0
}

@media (min-width:480px) {
    .slideshow .slide--current .slide__title {
        font-size: 18px;
        line-height: 24px;
        font-weight: 600
    }
}

@media (min-width:768px) {
    .slideshow .slide--current .slide__title {
        font-size: 20px;
        line-height: 20px;
        font-weight: 700
    }
}

@media (min-width:1440px) {
    .slideshow .slide--current .slide__title {
        font-size: 30px;
        line-height: 30px;
        font-weight: 700;
        letter-spacing: -2px
    }
}

.slideshow .slide--current .slide__subtitle {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -1px;
    font-weight: 700;
    margin-bottom: 10px
}

@media (min-width:480px) {
    .slideshow .slide--current .slide__subtitle {
        font-size: 36px;
        line-height: 36px;
        letter-spacing: -1px;
        margin-bottom: 15px
    }
}

@media (min-width:768px) {
    .slideshow .slide--current .slide__subtitle {
        font-size: 48px;
        line-height: 48px;
        letter-spacing: -3px;
        margin-bottom: 20px
    }
}

@media (min-width:1440px) {
    .slideshow .slide--current .slide__subtitle {
        font-size: 60px;
        line-height: 60px;
        letter-spacing: -5px;
        margin-bottom: 25px
    }
}

.slideshow .slide--current .slide__title, .slideshow .slide--current .slide__subtitle {
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-align: left;
    width: 100%
}

    .slideshow .slide--current .slide__title .slide__box, .slideshow .slide--current .slide__subtitle .slide__box {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .slideshow .slide--current .slide__title .slide__title-inner, .slideshow .slide--current .slide__title .slide__subtitle-inner, .slideshow .slide--current .slide__subtitle .slide__title-inner, .slideshow .slide--current .slide__subtitle .slide__subtitle-inner {
        position: relative;
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        font-family: "Montserrat",sans-serif
    }

.slideshow .slide--current .slide__explore {
    font-size: 9px;
    letter-spacing: 2px;
    line-height: 10px;
    color: rgba(255,255,255,.6);
    font-family: "Roboto";
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    text-align: left
}

@media (min-width:480px) {
    .slideshow .slide--current .slide__explore {
        letter-spacing: 3px;
        font-size: 10px;
        font-weight: 400
    }
}

@media (min-width:768px) {
    .slideshow .slide--current .slide__explore {
        letter-spacing: 4px
    }
}

@media (min-width:1440px) {
    .slideshow .slide--current .slide__explore {
        margin-bottom: 30px
    }
}

.slideshow .slide--left, .slideshow .slide--right {
    position: relative;
    pointer-events: auto;
    width: 80%;
    height: 300px;
    z-index: 100
}

@media (min-width:480px) {
    .slideshow .slide--left, .slideshow .slide--right {
        height: 400px
    }
}

@media (min-width:768px) {
    .slideshow .slide--left, .slideshow .slide--right {
        width: 300px;
        height: 450px
    }
}

@media (min-width:1200px) {
    .slideshow .slide--left, .slideshow .slide--right {
        width: 350px;
        height: 500px
    }
}

@media (min-width:1440px) {
    .slideshow .slide--left, .slideshow .slide--right {
        width: 370px;
        height: 540px
    }
}

.slideshow .slide--left .slide__img-wrap, .slideshow .slide--right .slide__img-wrap {
    height: 100%;
    width: 100%;
    position: relative;
    width: 100%;
    height: 50vh;
    overflow: hidden;
    position: relative;
    opacity: 1;
    pointer-events: auto;
    cursor: pointer
}

.slideshow .slide--left .slide__title, .slideshow .slide--left .slide__title, .slideshow .slide--right .slide__title, .slideshow .slide--right .slide__title {
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    position: absolute;
    font-size: 1rem;
    right: 0;
    top: 80vh;
    text-align: right;
    color: var(--color-text);
    margin: 1rem 0 0;
    font-weight: 400
}

.slideshow .slide--left {
    grid-area: preview-left;
    top: -60px
}

.slideshow .slide--right {
    left: 0;
    top: -60px
}

@media (min-width:1440px) {
    .slideshow .slide--right {
        left: 0
    }
}

.slideshow .slide--right .slide__img-wrap {
    margin-left: auto
}

.slideshow .slide--right .slide__title {
    left: 0;
    right: auto;
    top: 70vh
}

.slideshow .slide .slide__img-wrap {
    height: 100%;
    position: absolute;
    border: 6px solid #fff;
    max-width: 100%
}

@media (min-width:480px) {
    .slideshow .slide .slide__img-wrap {
        border: 6px solid #fff
    }
}

@media (min-width:768px) {
    .slideshow .slide .slide__img-wrap {
        border: 8px solid #fff
    }
}

@media (min-width:1200px) {
    .slideshow .slide .slide__img-wrap {
        border: 10px solid #fff
    }
}

.slideshow .slide .slide__img-wrap .slide__img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    backface-visibility: hidden;
    pointer-events: none
}

.slideshow .slide .slide__img-wrap .slide__img-reveal {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f8f8f8;
    transform: translate3d(0,100%,0);
    pointer-events: none
}

.slideshow .slide .slide__title-wrap .slide__explore {
    cursor: pointer
}

    .slideshow .slide .slide__title-wrap .slide__explore:hover {
        color: #fff
    }

.js .slide__img-wrap, .js .slide__title, .js .slide__subtitle, .js .slide__quote, .js .slide__side, .js .slide__number, .js .slide__explore {
    opacity: 0;
    pointer-events: none
}

.playbutton-area {
    background: transparent;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    left: calc(50% + 10px);
    bottom: 60px;
    border-radius: 50%;
    background-color: rgba(255,255,255,.1);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.05);
    z-index: 999
}

@media (min-width:480px) {
    .playbutton-area {
        left: 50%
    }
}

@media (min-width:576px) {
    .playbutton-area {
        left: calc(50% - 15px)
    }
}

@media (min-width:768px) {
    .playbutton-area {
        left: 50%;
        bottom: 40px;
        width: 86px;
        height: 86px
    }
}

@media (min-width:1200px) {
    .playbutton-area {
        left: 58%;
        bottom: 40px;
        width: 90px;
        height: 90px
    }
}

@media (min-width:1440px) {
    .playbutton-area {
        left: calc(50% - 15px);
        bottom: 50px;
        width: 90px;
        height: 90px
    }
}

.playbutton-area svg {
    display: inline-block;
    width: 50px;
    height: 50px;
    cursor: pointer
}

@media (min-width:768px) {
    .playbutton-area svg {
        width: 70px;
        height: 70px
    }
}

.playbutton-area svg #line1 {
    transform: translate(-10px,-10px);
    stroke-width: 2px;
    stroke: #9d0da9;
    stroke-linecap: round
}

@media (min-width:768px) {
    .playbutton-area svg #line1 {
        transform: translate(0,0)
    }
}

.playbutton-area svg #line2 {
    transform: translate(-10px,-10px);
    stroke-width: 2px;
    stroke: #9d0da9;
    stroke-linecap: round;
    fill: #9d0da9;
    stroke-linejoin: round;
    stroke-linecap: round
}

@media (min-width:768px) {
    .playbutton-area svg #line2 {
        transform: translate(0,0)
    }
}

.playbutton-area #circle {
    transform: scale(.7);
    transition: stroke-dashoffset 800ms ease-in;
    stroke-dashoffset: 0;
    fill: white;
    stroke-width: 10px;
    stroke: rgba(255,255,255,.7)
}

@media (min-width:768px) {
    .playbutton-area #circle {
        transform: scale(1)
    }
}

.playbutton-area #circle.play {
    stroke-dashoffset: 314
}

.slide.slide--current.slide--visible .slide__title-wrap .playbutton-area {
    opacity: 1
}

nav.menu-hamburger {
    display: inline-block;
    align-items: flex-start;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.8);
    opacity: 0;
    transform: translateY(-100%);
    transition: opacity 0.45s 0.45s ease,transform 0s 1.2s;
    z-index: 9;
    overflow: scroll;
    padding: 15px
}

@media (min-width:768px) {
    nav.menu-hamburger {
        padding: 50px;
        display: flex
    }
}

@media (min-width:993px) {
    nav.menu-hamburger {
        padding: 80px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger {
        padding: 100px;
        align-items: center
    }
}

nav.menu-hamburger .menu-wraper {
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    border-radius: 30px;
    overflow: hidden
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper {
        flex-direction: row;
        border-radius: 60px
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper {
        max-width: 1700px;
        width: 100%
    }
}

@media (min-width:1920px) {
    nav.menu-hamburger .menu-wraper {
        max-width: 1700px;
        width: 100%
    }
}

nav.menu-hamburger .menu-wraper .menu-column {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    width: 100%
}

@media (min-width:993px) {
    nav.menu-hamburger .menu-wraper .menu-column {
        width: calc(100% - 350px)
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column {
        width: calc(100% - 400px)
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column {
        width: calc(100% - 500px)
    }
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg,#f9a303 0%,#f17509 100%) !important;
    padding: 15px;
    position: relative
}

@media (min-width:480px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list {
        padding: 20px
    }
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list {
        padding: 30px
    }
}

@media (min-width:993px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list {
        padding: 40px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list {
        padding: 50px
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list {
        padding: 50px 80px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list .dottedtext {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -25%;
    margin: auto;
    line-height: normal;
    text-align: right;
    opacity: .3;
    z-index: -1
}

@media (min-width:480px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .dottedtext {
        opacity: .3
    }
}

@media (min-width:993px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .dottedtext {
        opacity: .7
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .dottedtext {
        opacity: .9
    }
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list .logo-row {
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
    padding: 10px
}

@media (min-width:480px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .logo-row {
        margin-bottom: 40px
    }
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .logo-row {
        margin-bottom: 60px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .logo-row {
        margin-bottom: 90px
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .logo-row {
        margin-bottom: 140px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list .logo-row a {
    display: flex;
    align-items: center;
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
    max-width: 200px;
    color: #fff;
    font-size: 15px
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .logo-row a {
        max-width: 150px;
        font-size: 16px
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .logo-row a {
        max-width: 100%;
        font-size: 18px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list .logo-row a img {
    max-width: 100%
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list .logo-row a .gt-Menu-dot-icon {
    font-size: 30px;
    margin-right: 10px;
    color: #fff;
    display: inline-block;
    transform: rotate(45deg)
}

@media (min-width:480px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .logo-row a .gt-Menu-dot-icon {
        font-size: 30px
    }
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .logo-row a .gt-Menu-dot-icon {
        font-size: 40px;
        margin-right: 15px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .logo-row a .gt-Menu-dot-icon {
        font-size: 50px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list .list {
    max-width: 1000px;
    text-align: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-self: flex-start;
    margin-bottom: 20px
}

@media (min-width:480px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .list {
        margin-bottom: 30px
    }
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .list {
        margin-bottom: 60px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .list {
        margin-bottom: 80px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list .list li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 25px;
    width: 100%
}

@media (min-width:480px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .list li {
        margin-bottom: 15px;
        padding-left: 25px;
        width: 50%
    }
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .list li {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .list li {
        margin-bottom: 30px;
        padding-left: 30px;
        width: 33.33%
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .list li {
        margin-bottom: 50px;
        padding-left: 40px;
        width: 25%
    }
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list .list li:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 7px;
    background-color: #fff;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto
}

@media (min-width:480px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .list li:before {
        width: 7px;
        height: 7px;
        left: 0
    }
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .list li:before {
        width: 8px;
        height: 8px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .list li:before {
        width: 10px;
        height: 10px
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .list li:before {
        width: 14px;
        height: 14px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list .list li a {
    font-size: 15px;
    line-height: 16px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    text-transform: capitalize
}

@media (min-width:480px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .list li a {
        font-size: 16px;
        line-height: 20px
    }
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .list li a {
        font-size: 18px;
        line-height: 22px
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .list li a {
        font-size: 20px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list .list li:hover:before {
    background-color: #1a3a5a
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list .list li:hover a {
    color: #1a3a5a
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list .footer-policies {
    max-width: 300px;
    text-align: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media (min-width:480px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .footer-policies {
        margin-bottom: 40px
    }
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .footer-policies {
        margin-bottom: 60px;
        max-width: 100%
    }
}

@media (min-width:993px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .footer-policies {
        margin-bottom: 80px
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .footer-policies {
        margin-bottom: 100px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list .footer-policies li {
    padding: 0 8px;
    margin-bottom: 10px;
    line-height: 10px;
    text-align: left
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .footer-policies li {
        padding: 0 8px;
        line-height: normal
    }
}

@media (min-width:993px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .footer-policies li {
        padding: 0 15px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .footer-policies li {
        margin-bottom: 0;
        padding: 0 20px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list .footer-policies li:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-right: 1px dashed #fff;
    font-weight: 100
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list .footer-policies li:nth-child(2n):before {
    display: none
}

@media (min-width:993px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .footer-policies li:nth-child(2n):before {
        display: block
    }
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list .footer-policies li:last-child:before {
    display: none
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list .footer-policies li a {
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    text-transform: capitalize
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .footer-policies li a {
        font-size: 13px;
        line-height: 16px
    }
}

@media (min-width:993px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .footer-policies li a {
        font-size: 14px;
        line-height: 28px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .menu-list .footer-policies li a {
        font-size: 15px;
        line-height: 20px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .menu-list .footer-policies li a:hover {
    color: #1a3a5a
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu, nav.menu-hamburger .menu-wraper .menu-column .cart-box {
    padding: 0;
    height: 100%
}

    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column, nav.menu-hamburger .menu-wraper .menu-column .cart-box li, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column {
        display: flex;
        height: 100%
    }

        nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list {
            height: 100%;
            font-size: .85rem;
            color: #16457a;
            background-color: #1a3a5a;
            padding: 15px
        }

@media (min-width:480px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list {
        padding: 20px
    }
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list {
        padding: 25px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list {
        padding: 30px
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list {
        padding: 50px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .close, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .close, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .close, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .close {
    display: none
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .close, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .close, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .close, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .close {
        display: block
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-item, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-item, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-item, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-item {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    width: 100%;
    margin-bottom: 15px;
    cursor: pointer
}

@media (min-width:480px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-item, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-item, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-item, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-item {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 14px
    }
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-item, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-item, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-item, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-item {
        margin-bottom: 30px;
        font-size: 15px;
        line-height: 15px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-item, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-item, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-item, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-item {
        margin-bottom: 40px
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-item, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-item, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-item, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-item {
        margin-bottom: 60px;
        font-size: 16px;
        line-height: 16px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-item i, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-item i, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-item i, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-item i {
    font-size: 28px;
    font-weight: 500 !important;
    margin-right: 25px;
    display: inline-block
}

@media (min-width:480px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-item i, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-item i, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-item i, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-item i {
        font-size: 30px
    }
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-item i, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-item i, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-item i, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-item i {
        font-size: 36px;
        margin-right: 35px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-item i, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-item i, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-item i, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-item i {
        font-size: 42px
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-item i, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-item i, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-item i, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-item i {
        font-size: 48px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-item span, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-item span, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-item span, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-item span {
    width: 20px;
    height: 20px;
    left: 20px;
    font-size: 13px;
    line-height: 14px;
    background-color: #faa304;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a3a5a;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    position: absolute
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-item span, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-item span, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-item span, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-item span {
        width: 30px;
        height: 30px;
        left: 20px;
        font-size: 15px;
        line-height: 15px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-item span, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-item span, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-item span, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-item span {
        width: 35px;
        height: 35px;
        left: 25px;
        font-size: 16px;
        line-height: 16px
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-item span, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-item span, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-item span, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-item span {
        width: 40px;
        height: 40px;
        left: 30px;
        font-size: 18px;
        line-height: 18px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list {
    display: none;
    flex-direction: column;
    margin-bottom: 15px
}

@media (min-width:480px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list {
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list {
        margin-bottom: 25px;
        display: flex
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list {
        margin-bottom: 35px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list li, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list li, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list li, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list li {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #295988;
    justify-content: space-between
}

@media (min-width:480px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list li, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list li, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list li, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list li {
        justify-content: space-between
    }
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list li, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list li, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list li, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list li {
        justify-content: space-between;
        padding: 12px 0
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list li, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list li, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list li, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list li {
        justify-content: space-around;
        padding: 20px 0
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list li .cart-img, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list li .cart-img, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list li .cart-img, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list li .cart-img {
    width: 57px;
    height: 56px;
    border-radius: 12px;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-right: 5px
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list li .cart-img, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list li .cart-img, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list li .cart-img, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list li .cart-img {
        width: 45px;
        height: 45px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list li .cart-img, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list li .cart-img, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list li .cart-img, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list li .cart-img {
        width: 57px;
        height: 56px
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list li .cart-img, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list li .cart-img, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list li .cart-img, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list li .cart-img {
        margin-right: 15px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list li .cart-img img, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list li .cart-img img, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list li .cart-img img, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list li .cart-img img {
    max-width: 100%;
    height: 100%;
    display: inline-block
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list li .product-name, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list li .product-name, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list li .product-name, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list li .product-name {
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    text-transform: capitalize;
    max-width: 105px;
    margin-right: 10px;
    display: inline-block
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list li .product-name, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list li .product-name, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list li .product-name, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list li .product-name {
        margin-right: 40px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list li .product-price, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list li .product-price, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list li .product-price, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list li .product-price {
    font-size: 14px;
    line-height: 14px;
    color: #faa304;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    text-transform: capitalize;
    margin-right: 10px;
    display: inline-block
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list li .product-price, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list li .product-price, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list li .product-price, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list li .product-price {
        margin-right: 80px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list li .remove-product, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list li .remove-product, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list li .remove-product, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list li .remove-product {
    width: 22px;
    height: 22px;
    border-radius: 3px;
    background-color: #f2607b;
    display: inline-block;
    padding: 5px;
    cursor: pointer
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list li .remove-product, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list li .remove-product, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list li .remove-product, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list li .remove-product {
        transform: scale(.8)
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list li .remove-product, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list li .remove-product, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list li .remove-product, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list li .remove-product {
        transform: scale(1)
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .recnt-cart-list li .remove-product img, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .recnt-cart-list li .remove-product img, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .recnt-cart-list li .remove-product img, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .recnt-cart-list li .remove-product img {
    max-width: 100%
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-btn-group, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-btn-group, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-btn-group, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-btn-group {
    display: none;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px
}

@media (min-width:480px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-btn-group, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-btn-group, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-btn-group, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-btn-group {
        margin-bottom: 25px
    }
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-btn-group, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-btn-group, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-btn-group, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-btn-group {
        margin-bottom: 30px;
        display: flex
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-btn-group, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-btn-group, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-btn-group, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-btn-group {
        margin-bottom: 40px
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-btn-group, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-btn-group, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-btn-group, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-btn-group {
        margin-bottom: 50px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-btn-group .update-cart, nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-btn-group .buy-btn, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-btn-group .update-cart, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-btn-group .buy-btn, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-btn-group .update-cart, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-btn-group .buy-btn, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-btn-group .update-cart, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-btn-group .buy-btn {
    border-radius: 20px;
    background-color: #60707f;
    font-size: 13px;
    line-height: 15px;
    padding: 10px 20px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    text-transform: capitalize
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-btn-group .update-cart, nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-btn-group .buy-btn, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-btn-group .update-cart, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-btn-group .buy-btn, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-btn-group .update-cart, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-btn-group .buy-btn, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-btn-group .update-cart, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-btn-group .buy-btn {
        font-size: 11px;
        line-height: 15px;
        padding: 8px 15px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-btn-group .update-cart, nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-btn-group .buy-btn, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-btn-group .update-cart, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-btn-group .buy-btn, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-btn-group .update-cart, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-btn-group .buy-btn, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-btn-group .update-cart, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-btn-group .buy-btn {
        font-size: 13px;
        line-height: 15px;
        padding: 10px 20px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .cart-btn-group .buy-btn, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .cart-btn-group .buy-btn, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .cart-btn-group .buy-btn, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .cart-btn-group .buy-btn {
    background-color: #ff3359;
    margin-left: 13px
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    padding: 10px 0 0;
    position: relative;
    flex-wrap: wrap
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon {
        padding: 20px 0 0
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon:after, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon:after, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon:after, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon:after {
    content: "";
    position: absolute;
    background-color: #295988;
    height: 1px;
    width: 900px;
    position: absolute;
    top: 0
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .user-pic, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .user-pic, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .user-pic, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .user-pic {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid #254a6f;
    margin-right: 10px
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .user-pic, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .user-pic, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .user-pic, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .user-pic {
        width: 70px;
        height: 70px;
        margin-right: 10px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .user-pic, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .user-pic, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .user-pic, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .user-pic {
        width: 90px;
        height: 90px;
        margin-right: 20px
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .user-pic, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .user-pic, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .user-pic, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .user-pic {
        width: 100px;
        height: 100px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .user-pic img, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .user-pic img, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .user-pic img, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .user-pic img {
    display: block;
    height: 100%
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .user-name, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .user-name, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .user-name, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .user-name {
    display: inline-block;
    width: calc(100% - 80px);
    text-align: left
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .user-name, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .user-name, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .user-name, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .user-name {
        width: auto;
        width: calc(100% - 80px)
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .user-name, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .user-name, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .user-name, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .user-name {
        width: calc(100% - 110px)
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .user-name, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .user-name, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .user-name, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .user-name {
        width: calc(100% - 130px)
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .user-name strong, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .user-name strong, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .user-name strong, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .user-name strong {
    font-size: 13px;
    line-height: 15px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    display: inline-block;
    width: 100%;
    text-transform: capitalize
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .user-name strong, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .user-name strong, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .user-name strong, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .user-name strong {
        font-size: 14px;
        line-height: 15px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .user-name strong, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .user-name strong, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .user-name strong, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .user-name strong {
        line-height: 18px
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .user-name strong, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .user-name strong, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .user-name strong, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .user-name strong {
        font-size: 16px;
        line-height: 24px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .user-name span, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .user-name span, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .user-name span, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .user-name span {
    font-size: 10px;
    line-height: 16px;
    color: #567da3;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    font-style: italic;
    text-transform: capitalize
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .user-name span, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .user-name span, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .user-name span, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .user-name span {
        font-size: 10px;
        line-height: 16px
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .user-name span, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .user-name span, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .user-name span, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .user-name span {
        font-size: 12px;
        line-height: 18px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .logout, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .logout, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .logout, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .logout {
    position: absolute;
    top: 30px;
    right: 0;
    cursor: pointer;
    z-index: 99
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .logout, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .logout, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .logout, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .logout {
        font-size: 11px;
        line-height: 14px;
        padding: 8px 15px;
        margin-left: 80px;
        border-radius: 20px;
        background-color: #2164a6;
        color: #fff;
        font-family: "Montserrat",sans-serif;
        font-weight: 400;
        text-transform: capitalize;
        top: 35px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .logout, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .logout, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .logout, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .logout {
        font-size: 13px;
        line-height: 15px;
        padding: 10px 20px;
        top: 40px
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .logout, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .logout, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .logout, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .logout {
        top: 50px
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .logout img, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .logout img, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .logout img, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .logout img {
    display: inline-block
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .logout img, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .logout img, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .logout img, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .logout img {
        display: none
    }
}

nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .logout span, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .logout span, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .logout span, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .logout span {
    display: none
}

@media (min-width:768px) {
    nav.menu-hamburger .menu-wraper .menu-column .sub-menu li .cart-list .user-logon .logout span, nav.menu-hamburger .menu-wraper .menu-column .sub-menu .menu-column .cart-list .user-logon .logout span, nav.menu-hamburger .menu-wraper .menu-column .cart-box li .cart-list .user-logon .logout span, nav.menu-hamburger .menu-wraper .menu-column .cart-box .menu-column .cart-list .user-logon .logout span {
        display: inline-block
    }
}

nav.menu-hamburger .menu-wraper .menu-column.menucart-wrap {
    width: 100%
}

@media (min-width:993px) {
    nav.menu-hamburger .menu-wraper .menu-column.menucart-wrap {
        width: 350px
    }
}

@media (min-width:1200px) {
    nav.menu-hamburger .menu-wraper .menu-column.menucart-wrap {
        width: 400px
    }
}

@media (min-width:1440px) {
    nav.menu-hamburger .menu-wraper .menu-column.menucart-wrap {
        width: 500px
    }
}

nav.menu-hamburger .menu-wraper .menu-column.menucart-wrap .menu-column {
    width: 100%
}

.close {
    opacity: 1;
    display: inline-block;
    margin-bottom: 15px;
    cursor: pointer;
    transform: scale(.5);
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: 999
}

@media (min-width:480px) {
    .close {
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .close {
        margin-bottom: 30px;
        transform: scale(.7);
        position: static;
        display: none
    }
}

@media (min-width:1200px) {
    .close {
        margin-bottom: 40px;
        transform: scale(1)
    }
}

@media (min-width:1440px) {
    .close {
        margin-bottom: 60px
    }
}

#menu-toggle-input {
    display: none
}

    #menu-toggle-input:checked ~ nav {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0s;
        box-shadow: 0 87px 109px rgba(181,187,192,.75);
        transition: box-shadow 1s ease 1s
    }

        #menu-toggle-input:checked ~ nav .menu-list, #menu-toggle-input:checked ~ nav .cart-list {
            color: white;
            transform: translate(0,0)
        }

        #menu-toggle-input:checked ~ nav &gt; .menu-wraper &gt; .menu-column:nth-child(1) &gt; a, #menu-toggle-input:checked ~ nav &gt; .menu-wraper &gt; .menu-column:nth-child(1) &gt; .menu-list {
            transition: color 0.3s 0.825s,transform 0.3s 0.35s ease
        }

        #menu-toggle-input:checked ~ nav .sub-menu &gt; .menu-column:nth-child(1) &gt; .cart-list, #menu-toggle-input:checked ~ nav .cart-box &gt; .menu-column:nth-child(1) &gt; .cart-list {
            transition: color 0.3s 0.825s,transform 0.3s 0.5s ease
        }

        #menu-toggle-input:checked ~ nav &gt; .menu-wraper &gt; .menu-column:nth-child(2) &gt; a, #menu-toggle-input:checked ~ nav &gt; .menu-wraper &gt; .menu-column:nth-child(2) &gt; .menu-list {
            transition: color 0.3s 0.825s,transform 0.3s 0.4s ease
        }

        #menu-toggle-input:checked ~ nav .sub-menu &gt; .menu-column:nth-child(2) &gt; .cart-list, #menu-toggle-input:checked ~ nav .cart-box &gt; .menu-column:nth-child(2) &gt; .cart-list {
            transition: color 0.3s 0.825s,transform 0.3s 0.55s ease
        }

        #menu-toggle-input:checked ~ nav &gt; .menu-wraper &gt; .menu-column:nth-child(3) &gt; a, #menu-toggle-input:checked ~ nav &gt; .menu-wraper &gt; .menu-column:nth-child(3) &gt; .menu-list {
            transition: color 0.3s 0.825s,transform 0.3s 0.45s ease
        }

        #menu-toggle-input:checked ~ nav .sub-menu &gt; .menu-column:nth-child(3) &gt; .cart-list, #menu-toggle-input:checked ~ nav .cart-box &gt; .menu-column:nth-child(3) &gt; .cart-list {
            transition: color 0.3s 0.825s,transform 0.3s 0.6s ease
        }

        #menu-toggle-input:checked ~ nav &gt; .menu-wraper &gt; .menu-column:nth-child(4) &gt; a, #menu-toggle-input:checked ~ nav &gt; .menu-wraper &gt; .menu-column:nth-child(4) &gt; .menu-list {
            transition: color 0.3s 0.825s,transform 0.3s 0.5s ease
        }

        #menu-toggle-input:checked ~ nav .sub-menu &gt; .menu-column:nth-child(4) &gt; .cart-list, #menu-toggle-input:checked ~ nav .cart-box &gt; .menu-column:nth-child(4) &gt; .cart-list {
            transition: color 0.3s 0.825s,transform 0.3s 0.65s ease
        }

        #menu-toggle-input:checked ~ nav &gt; .menu-wraper &gt; .menu-column:nth-child(5) &gt; a, #menu-toggle-input:checked ~ nav &gt; .menu-wraper &gt; .menu-column:nth-child(5) &gt; .menu-list {
            transition: color 0.3s 0.825s,transform 0.3s 0.55s ease
        }

        #menu-toggle-input:checked ~ nav .sub-menu &gt; .menu-column:nth-child(5) &gt; .cart-list, #menu-toggle-input:checked ~ nav .cart-box &gt; .menu-column:nth-child(5) &gt; .cart-list {
            transition: color 0.3s 0.825s,transform 0.3s 0.7s ease
        }

.menu-hamburger &gt; .menu-wraper &gt; .menu-column:nth-child(1) &gt; .menu-list {
    transform: translate(calc(-100% - 12px),0);
    transition: color 0.3s,transform 0.3s 0.2s ease
}

.menu-hamburger &gt; .menu-wraper &gt; .menu-column .cart-box &gt; .menu-column:nth-child(1) &gt; .cart-list {
    transform: translate(0,calc(-100% - 12px));
    transition: color 0.3s,transform 0.3s 0.2s ease
}

.menu-hamburger &gt; .menu-wraper &gt; .menu-column:nth-child(2) &gt; .menu-list {
    transform: translate(calc(-100% - 12px),0);
    transition: color 0.3s,transform 0.3s 0.25s ease
}

.menu-hamburger &gt; .menu-wraper &gt; .menu-column .cart-box &gt; .menu-column:nth-child(2) &gt; .cart-list {
    transform: translate(0,calc(-100% - 12px));
    transition: color 0.3s,transform 0.3s 0.25s ease
}

.menu-hamburger &gt; .menu-wraper &gt; .menu-column:nth-child(3) &gt; .menu-list {
    transform: translate(calc(-100% - 12px),0);
    transition: color 0.3s,transform 0.3s 0.3s ease
}

.menu-hamburger &gt; .menu-wraper &gt; .menu-column .cart-box &gt; .menu-column:nth-child(3) &gt; .cart-list {
    transform: translate(0,calc(-100% - 12px));
    transition: color 0.3s,transform 0.3s 0.3s ease
}

.menu-hamburger &gt; .menu-wraper &gt; .menu-column:nth-child(4) &gt; .menu-list {
    transform: translate(calc(-100% - 12px),0);
    transition: color 0.3s,transform 0.3s 0.35s ease
}

.menu-hamburger &gt; .menu-wraper &gt; .menu-column .cart-box &gt; .menu-column:nth-child(4) &gt; .cart-list {
    transform: translate(0,calc(-100% - 12px));
    transition: color 0.3s,transform 0.3s 0.35s ease
}

.menu-hamburger &gt; .menu-wraper &gt; .menu-column:nth-child(5) &gt; .menu-list {
    transform: translate(calc(-100% - 12px),0);
    transition: color 0.3s,transform 0.3s 0.4s ease
}

.menu-hamburger &gt; .menu-wraper &gt; .menu-column .cart-box &gt; .menu-column:nth-child(5) &gt; .cart-list {
    transform: translate(0,calc(-100% - 12px));
    transition: color 0.3s,transform 0.3s 0.4s ease
}

.ring__container {
    width: 400px;
    height: 400px;
    position: absolute;
    left: 0;
    bottom: -40px;
    transform: translate(-40%,40%);
    z-index: -1
}

    .ring__container .ring {
        opacity: 0;
        -webkit-animation: circle-position 0.45s cubic-bezier(.165,.84,.44,1) forwards;
        -moz-animation: circle-position 0.45s cubic-bezier(.165,.84,.44,1) forwards;
        -ms-animation: circle-position 0.45s cubic-bezier(.165,.84,.44,1) forwards;
        animation: circle-position 0.45s cubic-bezier(.165,.84,.44,1) forwards
    }

        .ring__container .ring:after {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            box-shadow: 0 0 26px #f9a41e;
            border-radius: 50%;
            opacity: 0;
            -webkit-transform: scale(.88);
            -ms-transform: scale(.88);
            transform: scale(.88)
        }

@keyframes ring-shadow {
    50% {
        opacity: .5
    }
}

.ring__container .ring.disabled {
    pointer-events: none
}

    .ring__container .ring.disabled .ring__circles, .ring__container .ring.disabled .ring__text {
        opacity: .2
    }

.ring__container .ring:hover:before, .ring__container .ring.hover:before {
    -webkit-animation: ring-pulse 0.6s forwards;
    -moz-animation: ring-pulse 0.6s forwards;
    -ms-animation: ring-pulse 0.6s forwards;
    animation: ring-pulse 0.6s forwards
}

.ring__container .ring:hover:after, .ring__container .ring.hover:after {
    -webkit-animation: ring-shadow 0.6s forwards;
    -moz-animation: ring-shadow 0.6s forwards;
    -ms-animation: ring-shadow 0.6s forwards;
    animation: ring-shadow 0.6s forwards
}

.ring__container .ring:hover .ring__circles span &gt; span, .ring__container .ring.hover .ring__circles span &gt; span {
    -webkit-transform: translate(0) scale(.93) !important;
    -ms-transform: translate(0) scale(.93) !important;
    transform: translate(0) scale(.93) !important
}

.ring__container .ring:hover .ring__circles span:nth-of-type(2), .ring__container .ring:hover .ring__circles span:nth-of-type(3), .ring__container .ring:hover .ring__circles span:nth-of-type(4), .ring__container .ring:hover .ring__circles span:nth-of-type(5), .ring__container .ring.hover .ring__circles span:nth-of-type(2), .ring__container .ring.hover .ring__circles span:nth-of-type(3), .ring__container .ring.hover .ring__circles span:nth-of-type(4), .ring__container .ring.hover .ring__circles span:nth-of-type(5) {
    display: none
}

.ring__container .ring:hover .ring__circles span svg circle, .ring__container .ring.hover .ring__circles span svg circle {
    stroke-width: 10px
}

.ring__container .ring:nth-child(1) {
    height: 350px;
    -webkit-transform: translate(-50px,-50px);
    -ms-transform: translate(-50px,-50px);
    transform: translate(-50px,-50px);
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -ms-animation-delay: 0.1s;
    animation-delay: 0.1s;
    margin-left: 105px
}

@media (min-width:480px) {
    .ring__container .ring:nth-child(1) {
        width: 200px
    }
}

@media (min-width:768px) {
    .ring__container .ring:nth-child(1) {
        width: 250px
    }
}

@media (min-width:1200px) {
    .ring__container .ring:nth-child(1) {
        width: 300px
    }
}

@media (min-width:1440px) {
    .ring__container .ring:nth-child(1) {
        width: 350px
    }
}

.ring {
    position: relative;
    display: table;
    -webkit-transition: 0.45s cubic-bezier(.165,.84,.44,1);
    -ms-transition: 0.45s cubic-bezier(.165,.84,.44,1);
    transition: 0.45s cubic-bezier(.165,.84,.44,1)
}

    .ring:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        border: 1px solid #fff;
        border-radius: 100%;
        -webkit-transform: scale(.78);
        -ms-transform: scale(.78);
        transform: scale(.78);
        opacity: 0
    }

@-webkit-keyframes ring-pulse {
    0% {
        opacity: 0
    }

    1% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ring-pulse {
    0% {
        opacity: 0
    }

    1% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ring-pulse {
    0% {
        opacity: 0
    }

    1% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes ring-pulse-two {
    0% {
        opacity: 0
    }

    1% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-moz-keyframes ring-pulse-two {
    0% {
        opacity: 0
    }

    1% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes ring-pulse-two {
    0% {
        opacity: 0
    }

    1% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.ring .ring__circles {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

    .ring .ring__circles span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .ring .ring__circles &gt; span {
        -webkit-animation: rotate360 linear infinite;
        -moz-animation: rotate360 linear infinite;
        -ms-animation: rotate360 linear infinite;
        animation: rotate360 linear infinite
    }

        .ring .ring__circles &gt; span &gt; span {
            -webkit-transition: 0.45s cubic-bezier(.165,.84,.44,1);
            -ms-transition: 0.45s cubic-bezier(.165,.84,.44,1);
            transition: 0.45s cubic-bezier(.165,.84,.44,1)
        }

.ring:not(.disabled) .ring__circles span:nth-child(1) &gt; span {
    -webkit-transform: translate(-4%,0);
    -ms-transform: translate(-4%,0);
    transform: translate(-4%,0)
}

.ring:not(.disabled) .ring__circles span:nth-child(2) &gt; span {
    -webkit-transform: translate(3%,-2%);
    -ms-transform: translate(3%,-2%);
    transform: translate(3%,-2%);
    opacity: .6
}

.ring:not(.disabled) .ring__circles span:nth-child(3) &gt; span {
    -webkit-transform: translate(3%,-3%);
    -ms-transform: translate(3%,-3%);
    transform: translate(3%,-3%);
    opacity: .8
}

.ring:not(.disabled) .ring__circles span:nth-child(4) &gt; span {
    -webkit-transform: translate(2%,1%);
    -ms-transform: translate(2%,1%);
    transform: translate(2%,1%);
    opacity: .5
}

.ring:not(.disabled) .ring__circles span:nth-child(5) &gt; span {
    -webkit-transform: translate(-4%,-2%);
    -ms-transform: translate(-4%,-2%);
    transform: translate(-4%,-2%);
    opacity: .4
}

.ring:nth-child(1) .ring__circles &gt; span:nth-child(1) {
    -webkit-animation-duration: 4.8s;
    -moz-animation-duration: 4.8s;
    -ms-animation-duration: 4.8s;
    animation-duration: 4.8s
}

.ring:nth-child(1) .ring__circles &gt; span:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    animation-delay: 0.2s;
    -webkit-animation-duration: 4.5s;
    -moz-animation-duration: 4.5s;
    -ms-animation-duration: 4.5s;
    animation-duration: 4.5s
}

.ring:nth-child(1) .ring__circles &gt; span:nth-child(3) {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    -ms-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
    animation-delay: 0.4s;
    -webkit-animation-duration: 4.2s;
    -moz-animation-duration: 4.2s;
    -ms-animation-duration: 4.2s;
    animation-duration: 4.2s
}

.ring:nth-child(1) .ring__circles &gt; span:nth-child(4) {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    animation-delay: 0.6s;
    -webkit-animation-duration: 3.9s;
    -moz-animation-duration: 3.9s;
    -ms-animation-duration: 3.9s;
    animation-duration: 3.9s
}

.ring:nth-child(1) .ring__circles &gt; span:nth-child(5) {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    -ms-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -ms-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-animation-duration: 3.7s;
    -moz-animation-duration: 3.7s;
    -ms-animation-duration: 3.7s;
    animation-duration: 3.7s
}

.ring svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

    .ring svg stop {
        -webkit-transition: 0.45s cubic-bezier(.165,.84,.44,1);
        -ms-transition: 0.45s cubic-bezier(.165,.84,.44,1);
        transition: 0.45s cubic-bezier(.165,.84,.44,1)
    }

.ring circle {
    fill: transparent;
    stroke-width: 1px
}

.ring:hover svg stop:nth-child(2), .ring.hover svg stop:nth-child(2) {
    stop-color: #f9a41e
}

@-webkit-keyframes rotate360 {
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotate360 {
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate360 {
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes circle-position {
    to {
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }
}

@-moz-keyframes circle-position {
    to {
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes circle-position {
    to {
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }
}

.circle1 {
    stroke: url(#circle1)
}

.circle2 {
    stroke: url(#circle2)
}

.circle3 {
    stroke: url(#circle3)
}

.circle4 {
    stroke: url(#circle4)
}

.circle5 {
    stroke: url(#circle5)
}

.circle6 {
    stroke: url(#circle6)
}

.aboutus .innerwrapper svg, .services .innerwrapper svg, .contact-us .innerwrapper svg, .offers .innerwrapper svg, .partners .innerwrapper svg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9;
    font-size: 160px;
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    max-width: 100%;
    height: 100%
}

    .aboutus .innerwrapper svg text, .services .innerwrapper svg text, .contact-us .innerwrapper svg text, .offers .innerwrapper svg text, .partners .innerwrapper svg text {
        fill: #333;
        stroke: #333;
        fill-opacity: 1;
        stroke-width: 0;
        stroke-dasharray: 100% 0;
        animation: stroke-offset 3s ease-out
    }

.aboutus .homelink, .services .homelink, .contact-us .homelink, .offers .homelink, .partners .homelink {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: "Montserrat",sans-serif;
    font-size: 22px;
    margin-top: 50px;
    z-index: 99
}

    .aboutus .homelink a, .services .homelink a, .contact-us .homelink a, .offers .homelink a, .partners .homelink a {
        display: inline-block;
        width: auto;
        padding: 5px 10px;
        background-color: #e83e8c;
        color: #fff;
        font-size: 20px;
        margin-left: 10px;
        font-style: italic
    }

@keyframes stroke-offset {
    0% {
        fill-opacity: 0;
        stroke-width: 0;
        stroke-dasharray: 0% 100%
    }

    25% {
        stroke-width: 1px
    }

    50% {
        fill-opacity: 0
    }

    75% {
        stroke-width: 1px
    }

    100% {
        stroke-width: 0
    }
}

.mosaic-grid {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    overflow: hidden
}

.title .content {
    color: #594F4F;
    font-family: 'Raleway',sans-serif;
    font-weight: 700;
    font-size: 4.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.mosaic-tile {
    float: left;
    margin: 0;
    opacity: 0;
    box-sizing: border-box;
    transition: margin-top 0.6s,margin-left 0.6s;
    width: 10%;
    padding-bottom: 6%;
    position: relative;
    border: 1px solid #fff
}

    .mosaic-tile img {
        position: absolute;
        top: 0
    }

    .mosaic-tile.width-2 {
        width: 20%;
        max-height: 117px !important
    }

    .mosaic-tile.width-4 {
        width: 44%
    }

@media (min-width:480px) {
    .mosaic-tile.width-4 {
        min-height: 130px
    }
}

@media (min-width:768px) {
    .mosaic-tile.width-4 {
        width: 75%
    }
}

@media (min-width:1200px) {
    .mosaic-tile.width-4 {
        width: 44%
    }
}

@media (min-width:1440px) {
    .mosaic-tile.width-4 {
        width: 40%
    }
}

.mosaic-tile.height-2 {
    padding-bottom: 12.1%
}

@media (min-width:480px) {
    .mosaic-tile.height-2 {
        min-height: 130px
    }
}

@media (min-width:768px) {
    .mosaic-tile.height-2 {
        padding-bottom: 30%
    }
}

@media (min-width:1200px) {
    .mosaic-tile.height-2 {
        padding-bottom: 17.2%
    }
}

@media (min-width:1440px) {
    .mosaic-tile.height-2 {
        padding-bottom: 12.1%
    }
}

.review-header {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    background-color: #fff !important
}

@media (min-width:480px) {
    .review-header {
        min-height: 130px
    }
}

.review-header h4 {
    margin: 0;
    font-size: 18px;
    letter-spacing: -1px;
    line-height: 20px;
    color: #34404b;
    font-family: "Montserrat",sans-serif;
    font-weight: 500
}

@media (min-width:480px) {
    .review-header h4 {
        font-size: 20px;
        line-height: 22px
    }
}

@media (min-width:768px) {
    .review-header h4 {
        font-size: 22px;
        line-height: 24px
    }
}

@media (min-width:1200px) {
    .review-header h4 {
        font-size: 25px;
        letter-spacing: -1px;
        line-height: 29px
    }
}

.review-header span {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    color: #8b96a0;
    font-family: "Montserrat",sans-serif;
    font-weight: 400
}

@media (min-width:768px) {
    .review-header span {
        font-size: 13px;
        line-height: 25px
    }
}

@media (min-width:1200px) {
    .review-header span {
        font-size: 14px;
        line-height: 29px
    }
}

@media (min-width:480px) {
    .review-header.width-2 {
        width: 33.33% !important;
        padding: 15px !important
    }
}

@media (min-width:768px) {
    .review-header.width-2 {
        width: 25% !important;
        padding: 15px !important
    }
}

@media (min-width:1200px) {
    .review-header.width-2 {
        width: 20% !important;
        padding: 15px !important
    }
}

@media (min-width:1366px) {
    .review-header.width-2 {
        width: 28.56% !important;
        padding: 10px !important
    }
}

@media (min-width:1440px) {
    .review-header.width-2 {
        width: 20% !important;
        padding: 30px !important
    }
}

.mosaic-tile.js-tile-style {
    position: absolute;
    opacity: 1 !important
}

.mosaic-tile .content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

@media only screen and (max-width:1366px) {
    .mosaic-tile {
        width: 14.28%;
        padding-bottom: 8.6%
    }
}

@media only screen and (max-width:1200px) {
    .mosaic-tile {
        width: 25%;
        padding-bottom: 15%
    }
}

@media only screen and (max-width:767px) {
    .mosaic-tile {
        width: 33.33%;
        padding-bottom: 20%
    }
}

@media (max-width:480px) {
    .mosaic-tile {
        width: 50%;
        padding-bottom: 29%
    }
}

.header1 {
    position: relative;
    z-index: 9;
    transition: z-index 5s ease 5s;
    max-width: 100%;
    height: 60px;
    background: #fff
}

@media (min-width:576px) {
    .header1 {
        margin: auto
    }
}

@media (min-width:1440px) {
    .header1 {
        max-width: 100%
    }
}

.header1.uplayer {
    z-index: 999;
    transition: z-index 0s ease 0s
}

.header1 .top {
    width: 100%;
    margin: auto !important
}

@media (min-width:768px) {
    .header1 .top {
        width: 660px
    }
}

@media (min-width:993px) {
    .header1 .top {
        width: 720px
    }
}

@media (min-width:1200px) {
    .header1 .top {
        width: 1100px
    }
}

@media (min-width:1440px) {
    .header1 .top {
        width: 1200px
    }
}

@media (min-width:1920px) {
    .header1 .top {
        width: 1700px;
        padding-left: 35px !important;
        padding-right: 35px !important
    }
}

.header1 .top, .header1 .header-top-bar {
    padding: 20px 0 20px;
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .header1 .top, .header1 .header-top-bar {
        flex-direction: row;
        position: relative;
        justify-content: space-between
    }
}

@media (min-width:1200px) {
    .header1 .top, .header1 .header-top-bar {
        padding: 50px 0 80px
    }
}

@media (min-width:1440px) {
    .header1 .top, .header1 .header-top-bar {
        max-width: 100%;
        padding: 55px 0 100px
    }
}

.header1 .top .left-contact, .header1 .header-top-bar .left-contact {
    display: flex;
    flex-direction: row;
    margin-top: 0;
    justify-content: center;
    margin-bottom: 15px
}

@media (min-width:479px) {
    .header1 .top .left-contact, .header1 .header-top-bar .left-contact {
        flex-direction: row;
        margin-top: 0;
        justify-content: center;
        margin-bottom: 15px
    }
}

@media (min-width:768px) {
    .header1 .top .left-contact, .header1 .header-top-bar .left-contact {
        justify-content: flex-start;
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .header1 .top .left-contact, .header1 .header-top-bar .left-contact {
        float:left;
        max-width: 50%
    }
}

.header1 .top .left-contact li, .header1 .header-top-bar .left-contact li {
    font-size: 8px;
    color: #6f6f6f;
    text-transform: uppercase;
    font-weight: 400;
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media (min-width:768px) {
    .header1 .top .left-contact li, .header1 .header-top-bar .left-contact li {
        font-size: 10px
    }
}

@media (min-width:993px) {
    .header1 .top .left-contact li, .header1 .header-top-bar .left-contact li {
        align-items: flex-start
    }
}

@media (min-width:1200px) {
    .header1 .top .left-contact li, .header1 .header-top-bar .left-contact li {
        flex-direction: row;
        align-items: center;
        justify-content: center
    }
}

@media (min-width:1440px) {
    .header1 .top .left-contact li, .header1 .header-top-bar .left-contact li {
        letter-spacing: 1px
    }
}

.header1 .top .left-contact li span, .header1 .header-top-bar .left-contact li span {
    display: none
}

@media (min-width:768px) {
    .header1 .top .left-contact li span, .header1 .header-top-bar .left-contact li span {
        display: block
    }
}

.header1 .top .left-contact li a, .header1 .header-top-bar .left-contact li a {
    display: block;
    font-size: 14px;
    color: #343434;
    text-transform: lowercase;
    font-weight: 500;
    position: relative;
    padding-left: 0;
    margin-left: 0
}

@media (min-width:1200px) {
    .header1 .top .left-contact li a, .header1 .header-top-bar .left-contact li a {
        padding-left: 15px;
        margin-left: 10px
    }
}

@media (min-width:1440px) {
    .header1 .top .left-contact li a, .header1 .header-top-bar .left-contact li a {
        padding-left: 10px;
        margin-left: 5px
    }
}

@media (min-width:1920px) {
    .header1 .top .left-contact li a, .header1 .header-top-bar .left-contact li a {
        letter-spacing: 2px;
        padding-left: 25px;
        margin-left: 28px
    }
}

.header1 .top .left-contact li a:before, .header1 .header-top-bar .left-contact li a:before {
    content: "";
    width: 2px;
    background-color: #f89605;
    position: absolute;
    left: 0;
    transform: rotate(0deg);
    top: 0;
    height: 17px
}

@media (min-width:768px) {
    .header1 .top .left-contact li a:before, .header1 .header-top-bar .left-contact li a:before {
        top: -10px;
        height: 24px
    }
}

@media (min-width:1200px) {
    .header1 .top .left-contact li a:before, .header1 .header-top-bar .left-contact li a:before {
        transform: rotate(45deg);
        display: inline-block;
        height: 25px;
        top: -3px;
        left: 0
    }
}

@media (min-width:1920px) {
    .header1 .top .left-contact li a:before, .header1 .header-top-bar .left-contact li a:before {
        height: 28px;
        top: -4px
    }
}

.header1 .top .left-contact li:nth-child(1) a:before, .header1 .header-top-bar .left-contact li:nth-child(1) a:before {
    display: none !important
}

@media (min-width:1200px) {
    .header1 .top .left-contact li:nth-child(1) a:before, .header1 .header-top-bar .left-contact li:nth-child(1) a:before {
        display: inline-block !important
    }
}

.header1 .top .left-contact li:nth-child(2), .header1 .header-top-bar .left-contact li:nth-child(2) {
    margin-left: 10px
}

@media (min-width:576px) {
    .header1 .top .left-contact li:nth-child(2), .header1 .header-top-bar .left-contact li:nth-child(2) {
        margin-left: 5px
    }
}

@media (min-width:768px) {
    .header1 .top .left-contact li:nth-child(2), .header1 .header-top-bar .left-contact li:nth-child(2) {
        margin-left: 20px
    }
}

@media (min-width:1440px) {
    .header1 .top .left-contact li:nth-child(2), .header1 .header-top-bar .left-contact li:nth-child(2) {
        margin-left: 10px
    }
}

@media (min-width:1920px) {
    .header1 .top .left-contact li:nth-child(2), .header1 .header-top-bar .left-contact li:nth-child(2) {
        margin-left: 40px
    }
}

.header1 .top .left-contact li:nth-child(2) a, .header1 .header-top-bar .left-contact li:nth-child(2) a {
    letter-spacing: 0;
    font-weight: 400
}

    .header1 .top .left-contact li:nth-child(2) a:before, .header1 .header-top-bar .left-contact li:nth-child(2) a:before {
        left: -5px
    }

@media (min-width:768px) {
    .header1 .top .left-contact li:nth-child(2) a:before, .header1 .header-top-bar .left-contact li:nth-child(2) a:before {
        left: -10px
    }
}

@media (min-width:1200px) {
    .header1 .top .left-contact li:nth-child(2) a:before, .header1 .header-top-bar .left-contact li:nth-child(2) a:before {
        left: 0
    }
}

.header1 .top .right-contact, .header1 .header-top-bar .right-contact {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center
}

@media (min-width:768px) {
    .header1 .top .right-contact, .header1 .header-top-bar .right-contact {
        justify-content: space-between
    }
}

@media (min-width:993px) {
    .header1 .top .right-contact, .header1 .header-top-bar .right-contact {
        flex-direction: row
    }
}

@media (min-width:1200px) {
    .header1 .top .right-contact, .header1 .header-top-bar .right-contact {
        justify-content: flex-end
    }
}

@media (min-width:1440px) {
    .header1 .top .right-contact, .header1 .header-top-bar .right-contact {
        float:left;
        max-width: 50%
    }
}

.header1 .top .right-contact li, .header1 .header-top-bar .right-contact li {
    font-size: 10px;
    color: #6f6f6f;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0;
    position: relative;
    padding-left: 15px
}

@media (min-width:1440px) {
    .header1 .top .right-contact li, .header1 .header-top-bar .right-contact li {
        padding-left: 20px;
        letter-spacing: 1px
    }
}

@media (min-width:1920px) {
    .header1 .top .right-contact li, .header1 .header-top-bar .right-contact li {
        padding-left: 40px
    }
}

.header1 .top .right-contact li span, .header1 .header-top-bar .right-contact li span {
    display: none
}

@media (min-width:993px) {
    .header1 .top .right-contact li span, .header1 .header-top-bar .right-contact li span {
        display: block;
        width: auto
    }
}

.header1 .top .right-contact li:before, .header1 .header-top-bar .right-contact li:before {
    content: "";
    width: 2px;
    background-color: #f89605;
    position: absolute;
    transform: rotate(0deg);
    height: 22px;
    left: 0;
    top: 4px
}

@media (min-width:576px) {
    .header1 .top .right-contact li:before, .header1 .header-top-bar .right-contact li:before {
        top: 0;
        height: 17px
    }
}

@media (min-width:768px) {
    .header1 .top .right-contact li:before, .header1 .header-top-bar .right-contact li:before {
        top: 0;
        height: 24px
    }
}

@media (min-width:1200px) {
    .header1 .top .right-contact li:before, .header1 .header-top-bar .right-contact li:before {
        transform: rotate(45deg);
        display: block;
        height: 25px;
        top: 4px;
        left: -4px
    }
}

@media (min-width:1440px) {
    .header1 .top .right-contact li:before, .header1 .header-top-bar .right-contact li:before {
        height: 40px;
        top: 0
    }
}

.header1 .top .right-contact li a, .header1 .header-top-bar .right-contact li a {
    font-size: 14px;
    color: #343434;
    text-transform: lowercase;
    font-weight: 500;
    letter-spacing: 2px
}

.header1 .top .right-contact li:nth-child(1), .header1 .header-top-bar .right-contact li:nth-child(1) {
    margin-left: 10px
}

@media (min-width:768px) {
    .header1 .top .right-contact li:nth-child(1), .header1 .header-top-bar .right-contact li:nth-child(1) {
        margin-left: 30px
    }
}

@media (min-width:993px) {
    .header1 .top .right-contact li:nth-child(1), .header1 .header-top-bar .right-contact li:nth-child(1) {
        margin-left: 0
    }
}

@media (min-width:993px) {
    .header1 .top .right-contact li:nth-child(1):before, .header1 .header-top-bar .right-contact li:nth-child(1):before {
        display: none !important
    }
}

.header1 .top .right-contact li:nth-child(2), .header1 .header-top-bar .right-contact li:nth-child(2) {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 0
}

@media (min-width:768px) {
    .header1 .top .right-contact li:nth-child(2), .header1 .header-top-bar .right-contact li:nth-child(2) {
        margin-left: 10px
    }
}

@media (min-width:993px) {
    .header1 .top .right-contact li:nth-child(2), .header1 .header-top-bar .right-contact li:nth-child(2) {
        margin-left: 10px
    }
}

@media (min-width:1200px) {
    .header1 .top .right-contact li:nth-child(2), .header1 .header-top-bar .right-contact li:nth-child(2) {
        margin-left: 15px
    }
}

@media (min-width:1440px) {
    .header1 .top .right-contact li:nth-child(2), .header1 .header-top-bar .right-contact li:nth-child(2) {
        margin-left: 20px
    }
}

@media (min-width:1920px) {
    .header1 .top .right-contact li:nth-child(2), .header1 .header-top-bar .right-contact li:nth-child(2) {
        margin-left: 40px
    }
}

.header1 .top .right-contact li:nth-child(2) a, .header1 .header-top-bar .right-contact li:nth-child(2) a {
    letter-spacing: 0;
    font-weight: 400
}

.header1 .top .right-contact li:nth-child(2)::before, .header1 .header-top-bar .right-contact li:nth-child(2)::before {
    display: none
}

@media (min-width:993px) {
    .header1 .top .right-contact li:nth-child(2)::before, .header1 .header-top-bar .right-contact li:nth-child(2)::before {
        display: block
    }
}

.header1 .top .right-contact form, .header1 .header-top-bar .right-contact form {
    position: relative
}

    .header1 .top .right-contact form .btn-src, .header1 .header-top-bar .right-contact form .btn-src {
        position: static;
        padding: 5px;
        border: none;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        background: #0F1A48;
        color: #f47e08
    }

@media (min-width:993px) {
    .header1 .top .right-contact form .btn-src, .header1 .header-top-bar .right-contact form .btn-src {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 0;
        background: transparent;
        color: #6f6f6f
    }
}

.header1 .top .right-contact form .btn-src i, .header1 .header-top-bar .right-contact form .btn-src i {
    font-size: 15px;
    font-weight: 500px
}

.header1 .top .right-contact form .hdrsrc, .header1 .header-top-bar .right-contact form .hdrsrc {
    font-size: 10px;
    color: #333;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 10px 3px;
    width: 130px;
    text-transform: uppercase;
    background-color: transparent;
    display: none
}

@media (min-width:993px) {
    .header1 .top .right-contact form .hdrsrc, .header1 .header-top-bar .right-contact form .hdrsrc {
        display: block
    }
}

@media (min-width:1200px) {
    .header1 .top .right-contact form .hdrsrc, .header1 .header-top-bar .right-contact form .hdrsrc {
        width: 180px
    }
}

@media (min-width:1440px) {
    .header1 .top .right-contact form .hdrsrc, .header1 .header-top-bar .right-contact form .hdrsrc {
        width: 230px
    }
}

.header1 .nav-row {
    margin: 20px 0 0 0;
    display: block;
    margin: 20px auto 0
}

@media (min-width:768px) {
    .header1 .nav-row {
        position: static
    }
}

@media (min-width:993px) {
    .header1 .nav-row {
        margin: 20px auto 0;
        display: block
    }
}

@media (max-width:767px) {
    .header1 .nav-row {
        width: auto;
        position: absolute;
        top: 10px
    }
}

.header1 .nav-row .logo {
    max-width: 90px !important;
    display: inline-block;
    max-width: 70px !important
}

@media (min-width:576px) {
    .header1 .nav-row .logo {
        max-width: 120px !important
    }
}

@media (min-width:993px) {
    .header1 .nav-row .logo {
        transform: translateX(-50%)
    }
}

@media (min-width:1200px) {
    .header1 .nav-row .logo {
        max-width: 150px !important
    }
}

.nav-row {
    margin-top: 75px
}

.menu-ribbon {
    position: absolute;
    top: 30px;
    right: -30px;
    padding: 20px;
    border-radius: 50px 0 0 50px;
    background-image: linear-gradient(-100deg,#ffc000 15%,#f17509 100%);
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 10px;
    font-weight: 600;
    letter-spacing: 5px;
    transform: rotate(-90deg);
    z-index: 0;
    display: block;
    cursor: pointer
}

@media (min-width:576px) {
    .menu-ribbon {
        top: 35px;
        padding: 25px
    }
}

@media (min-width:768px) {
    .menu-ribbon {
        padding: 30px 45px;
        top: 45px;
        right: -52px
    }
}

@media (min-width:993px) {
    .menu-ribbon {
        position: absolute;
        top: 180px;
        right: -145px;
        padding: 35px 55px;
        border-radius: 50px 0 0 50px;
        background-image: linear-gradient(-100deg,#ffc000 15%,#f17509 100%);
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        line-height: 10px;
        font-weight: 600;
        letter-spacing: 5px;
        transform: rotate(-90deg);
        transform-origin: 0 0;
        z-index: 0;
        display: block
    }
}

@media (min-width:1366px) {
    .menu-ribbon {
        right: -75px
    }
}

.menu-ribbon span {
    position: relative;
    top: 2px;
    margin-right: 6px;
    font-size: 14px
}

@media (min-width:576px) {
    .menu-ribbon span {
        margin-right: 8px
    }
}

@media (min-width:993px) {
    .menu-ribbon span {
        margin-right: 10px
    }
}

.home .menu-ribbon:before {
    content: "";
    position: absolute;
    height: 1px;
    top: 50%;
    right: 195px;
    border: 1px dotted #ccc;
    width: 700px;
    z-index: -9;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    display: none
}

@media (min-width:993px) {
    .home .menu-ribbon:before {
        display: inline-block;
        width: 400px
    }
}

@media (min-width:993px) {
    .home .menu-ribbon:before {
        width: 350px
    }
}

@media (min-width:1200px) {
    .home .menu-ribbon:before {
        display: inline-block;
        width: 600px
    }
}

@media (min-width:1366px) {
    .home .menu-ribbon:before {
        width: 700px
    }
}

.home .menu-ribbon:after {
    content: "";
    position: absolute;
    height: 1px;
    top: 50%;
    right: 195px;
    background-image: linear-gradient(-100deg,rgba(255,25,255,0) 15%,white 100%);
    width: 700px;
    z-index: -9;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    display: none
}

@media (min-width:993px) {
    .home .menu-ribbon:after {
        display: inline-block;
        width: 400px
    }
}

@media (min-width:993px) {
    .home .menu-ribbon:after {
        width: 350px
    }
}

@media (min-width:1200px) {
    .home .menu-ribbon:after {
        display: inline-block;
        width: 600px
    }
}

@media (min-width:1366px) {
    .home .menu-ribbon:after {
        width: 900px
    }
}

.override.header1 {
    position: absolute !important;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999
}

.hdrsocial {
    display: flex;
    position: relative
}

@media (min-width:768px) {
    .hdrsocial {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .hdrsocial {
        margin-left: 10px
    }
}

@media (min-width:1440px) {
    .hdrsocial {
        margin-left: 15px
    }
}

.hdrsocial li {
    padding: 0;
    margin-left: 3px !important;
    padding: 0px !important;
    border: 2px solid #6f6f6f;
    border-radius: 50%;
    height: 28px !important;
    width: 28px !important;
    text-align: center;
    line-height: 30px
}

@media (min-width:993px) {
    .hdrsocial li {
        height: 28px !important;
        width: 28px !important
    }
}

@media (min-width:1920px) {
    .hdrsocial li {
        margin-left: 5px !important;
        height: 30px !important;
        width: 30px !important
    }
}

.hdrsocial li svg.social-circle {
    overflow: visible !important;
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 9
}

    .hdrsocial li svg.social-circle .c {
        stroke-width: 5px;
        stroke: #666;
        stroke-dasharray: 100;
        stroke-dashoffset: 100;
        fill: transparent;
        transition: stroke-dashoffset .3s linear;
        cursor: pointer
    }

        .hdrsocial li svg.social-circle .c:hover {
            stroke-dashoffset: 0
        }

.hdrsocial li a {
    font-size: 21px !important;
    line-height: 24px !important;
    color: #6f6f6f !important
}

@media (min-width:993px) {
    .hdrsocial li a {
        font-size: 20px !important;
        line-height: 24px !important
    }
}

@media (min-width:1920px) {
    .hdrsocial li a {
        font-size: 24px !important;
        line-height: 26px !important
    }
}

.hdrsocial li a.ft-dribbble {
    font-size: 18px !important
}

.hdrsocial li:before {
    display: none !important
}

.hdrsocial li:hover {
    border-color: transparent
}

    .hdrsocial li:hover a {
        color: #fff !important
    }

.hdrsocial li.pinterest:hover {
    background-color: #c8232c
}

.hdrsocial li.pinterest svg.social-circle .c {
    stroke: rgba(255,255,255,.5)
}

.hdrsocial li.twitter:hover {
    background-color: #00acee
}

.hdrsocial li.twitter svg.social-circle .c {
    stroke: rgba(255,255,255,.5)
}

.hdrsocial li.behance:hover {
    background-color: #053eff
}

.hdrsocial li.behance svg.social-circle .c {
    stroke: rgba(255,255,255,.5)
}

.hdrsocial li.dribbble:hover {
    background-color: #ea4c89
}

.hdrsocial li.dribbble svg.social-circle .c {
    stroke: rgba(255,255,255,.5)
}

.hdrsocial li.facebook:hover {
    background-color: #3b5998
}

.hdrsocial li.facebook svg.social-circle .c {
    stroke: rgba(255,255,255,.5)
}

.hdrsocial li.linkedin:hover {
    background-color: #0077B5
}

.hdrsocial li.linkedin svg.social-circle .c {
    stroke: rgba(255,255,255,.5)
}

.home &gt; footer, .innerwrapper &gt; footer {
    position: relative
}

    .home &gt; footer:before, .innerwrapper &gt; footer:before {
        content: "";
        width: 100%;
        height: calc(100% - 250px);
        background-image: linear-gradient(0deg,#172963 0%,#172963 100%);
        position: absolute;
        bottom: 0
    }

    .home &gt; footer .ctrl-wraper, .innerwrapper &gt; footer .ctrl-wraper {
        position: relative
    }

    .home &gt; footer .ftr-headng, .innerwrapper &gt; footer .ftr-headng {
        font-weight: 600;
        color: #464646;
        margin-bottom: 15px;
        text-transform: uppercase;
        line-height: normal
    }

@media (min-width:1200px) {
    .home &gt; footer .ftr-headng, .innerwrapper &gt; footer .ftr-headng {
        margin-bottom: 20px
    }
}

@media (min-width:1920px) {
    .home &gt; footer .ftr-headng, .innerwrapper &gt; footer .ftr-headng {
        margin-bottom: 30px
    }
}

.home &gt; footer .ftr-main-sec, .innerwrapper &gt; footer .ftr-main-sec {
    position: relative;
    margin-top: -300px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 30px 25px;
    box-shadow: 0 8px 24px 0 rgba(0,0,0,.41);
    position: static;
    left: 0;
    right: 0;
    z-index: 9
}

@media (min-width:768px) {
    .home &gt; footer .ftr-main-sec, .innerwrapper &gt; footer .ftr-main-sec {
        flex-direction: row;
        flex-wrap: wrap
    }
}

@media (min-width:1200px) {
    .home &gt; footer .ftr-main-sec, .innerwrapper &gt; footer .ftr-main-sec {
        padding: 30px
    }
}

@media (min-width:1920px) {
    .home &gt; footer .ftr-main-sec, .innerwrapper &gt; footer .ftr-main-sec {
        padding: 50px
    }
}

@media (min-width:768px) {
    .home &gt; footer .ftr-main-sec &gt; div, .innerwrapper &gt; footer .ftr-main-sec &gt; div {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:768px) {
    .home &gt; footer .ftr-main-sec .cus-review, .innerwrapper &gt; footer .ftr-main-sec .cus-review {
        float:left;
        max-width: 25%
    }
}

@media (min-width:1440px) {
    .home &gt; footer .ftr-main-sec .cus-review, .innerwrapper &gt; footer .ftr-main-sec .cus-review {
        max-width: 25%
    }
}

@media (min-width:1440px) {
    .home &gt; footer .ftr-main-sec .cus-review .vertical .slick-list, .innerwrapper &gt; footer .ftr-main-sec .cus-review .vertical .slick-list {
        max-height: 330px !important
    }
}

@media (min-width:1920px) {
    .home &gt; footer .ftr-main-sec .cus-review .vertical .slick-list, .innerwrapper &gt; footer .ftr-main-sec .cus-review .vertical .slick-list {
        max-height: 270px !important
    }
}

.home &gt; footer .ftr-main-sec .cus-review .csreview-item, .innerwrapper &gt; footer .ftr-main-sec .cus-review .csreview-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 10px;
    opacity: .3
}

@media (min-width:768px) {
    .home &gt; footer .ftr-main-sec .cus-review .csreview-item, .innerwrapper &gt; footer .ftr-main-sec .cus-review .csreview-item {
        flex-direction: row
    }
}

@media (min-width:1200px) {
    .home &gt; footer .ftr-main-sec .cus-review .csreview-item, .innerwrapper &gt; footer .ftr-main-sec .cus-review .csreview-item {
        margin-bottom: 10px
    }
}

@media (min-width:1920px) {
    .home &gt; footer .ftr-main-sec .cus-review .csreview-item, .innerwrapper &gt; footer .ftr-main-sec .cus-review .csreview-item {
        margin-bottom: 40px
    }
}

.home &gt; footer .ftr-main-sec .cus-review .csreview-item.slick-active, .innerwrapper &gt; footer .ftr-main-sec .cus-review .csreview-item.slick-active {
    opacity: 1
}

.home &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-thumb, .innerwrapper &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-thumb {
    margin-right: 0
}

@media (min-width:768px) {
    .home &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-thumb, .innerwrapper &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-thumb {
        margin-right: 15px
    }
}

@media (min-width:993px) {
    .home &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-thumb, .innerwrapper &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-thumb {
        margin-right: 30px
    }
}

.home &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-thumb img, .innerwrapper &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-thumb img {
    border-radius: 50px
}

.home &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-content, .innerwrapper &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-content {
    position: relative;
    width: 100%;
    display: inline-block
}

@media (min-width:993px) {
    .home &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-content, .innerwrapper &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-content {
        width: 100%
    }
}

.home &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-content strong, .innerwrapper &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-content strong {
    margin-bottom: 5px;
	font-size: 11px;
    line-height: 20px;
    color: black;
    display: inline-block
}

@media (min-width:1920px) {
    .home &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-content strong, .innerwrapper &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-content strong {
        margin-bottom: 20px
    }
}

.home &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-content p, .innerwrapper &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-content p {
    font-size: 12px;
    font-family: "Open Sans",sans-serif;
    font-style: italic;
    color: black;
    line-height: normal;
    margin-bottom: 10px
}

@media (min-width:993px) {
    .home &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-content p, .innerwrapper &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-content p {
        margin-bottom: 20px
    }
}

.home &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-content .rating, .innerwrapper &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-content .rating {
    position: absolute;
    top: 30px;
    right: auto
}

@media (min-width:1920px) {
    .home &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-content .rating, .innerwrapper &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-content .rating {
        max-width: 90%;
        top: 0;
        right: 0
    }
}

.home &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-content .rating img, .innerwrapper &gt; footer .ftr-main-sec .cus-review .csreview-item .cs-content .rating img {
    display: inline-block
}

.home &gt; footer .ftr-main-sec .cus-review .slick-dots, .innerwrapper &gt; footer .ftr-main-sec .cus-review .slick-dots {
    bottom: -10px !important;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width:993px) {
    .home &gt; footer .ftr-main-sec .cus-review .slick-dots, .innerwrapper &gt; footer .ftr-main-sec .cus-review .slick-dots {
        bottom: -20px !important
    }
}

@media (min-width:768px) {
    .home &gt; footer .ftr-main-sec .menu, .innerwrapper &gt; footer .ftr-main-sec .menu {
        float:left;
        max-width: 50%
    }
}

@media (min-width:1440px) {
    .home &gt; footer .ftr-main-sec .menu, .innerwrapper &gt; footer .ftr-main-sec .menu {
        max-width: 20%
    }
}

@media (min-width:1920px) {
    .home &gt; footer .ftr-main-sec .menu, .innerwrapper &gt; footer .ftr-main-sec .menu {
        max-width: 16%
    }
}

.home &gt; footer .ftr-main-sec .menu ul, .innerwrapper &gt; footer .ftr-main-sec .menu ul {
    list-style-type: disc;
    margin: 0 0 30px 0
}

@media (min-width:1200px) {
    .home &gt; footer .ftr-main-sec .menu ul, .innerwrapper &gt; footer .ftr-main-sec .menu ul {
        margin: 0 0 30px 0
    }
}

.home &gt; footer .ftr-main-sec .menu ul li, .innerwrapper &gt; footer .ftr-main-sec .menu ul li {
    color: #f89605;
    margin-bottom: 0;
    font-size: 24px;
	line-height: 22px;
}

@media (min-width:1200px) {
    .home &gt; footer .ftr-main-sec .menu ul li, .innerwrapper &gt; footer .ftr-main-sec .menu ul li {
        margin-bottom: 0
    }
}

.home &gt; footer .ftr-main-sec .menu ul li a, .innerwrapper &gt; footer .ftr-main-sec .menu ul li a {
    color: #464646;
    font-family: 'Poppins',sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

.home &gt; footer .ftr-main-sec .menu ul li:last-child, .innerwrapper &gt; footer .ftr-main-sec .menu ul li:last-child {
    margin-bottom: 0
}

.home &gt; footer .ftr-main-sec .menu .cart-box, .innerwrapper &gt; footer .ftr-main-sec .menu .cart-box {
    font-size: 10px;
    color: #807f7f;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 40px;
    position: relative;
    display: inline-block;
    margin-bottom: 30px
}

@media (min-width:1440px) {
    .home &gt; footer .ftr-main-sec .menu .cart-box, .innerwrapper &gt; footer .ftr-main-sec .menu .cart-box {
        margin-bottom: 0
    }
}

.home &gt; footer .ftr-main-sec .menu .cart-box .cart-icon, .innerwrapper &gt; footer .ftr-main-sec .menu .cart-box .cart-icon {
    font-size: 34px;
    color: #222;
    letter-spacing: 1px;
    font-weight: 500;
    float: left;
    margin-right: 15px
}

.home &gt; footer .ftr-main-sec .menu .cart-box:before, .innerwrapper &gt; footer .ftr-main-sec .menu .cart-box:before {
    content: "05";
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    background-color: #f89605;
    border-radius: 50px;
    margin: auto;
    line-height: 22px;
    text-align: center;
    color: #fff;
    font-family: 'Poppins',sans-serif;
    font-size: 10px;
    z-index: 1
}

.home &gt; footer .ftr-main-sec .news, .innerwrapper &gt; footer .ftr-main-sec .news {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .home &gt; footer .ftr-main-sec .news, .innerwrapper &gt; footer .ftr-main-sec .news {
        float:left;
        max-width: 25%;
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .home &gt; footer .ftr-main-sec .news, .innerwrapper &gt; footer .ftr-main-sec .news {
        max-width: 25%
    }
}

@media (min-width:1920px) {
    .home &gt; footer .ftr-main-sec .news, .innerwrapper &gt; footer .ftr-main-sec .news {
        max-width: 25%
    }
}

.home &gt; footer .ftr-main-sec .news .newslist, .innerwrapper &gt; footer .ftr-main-sec .news .newslist {
    padding-right: 0%
}

@media (min-width:576px) {
    .home &gt; footer .ftr-main-sec .news .newslist, .innerwrapper &gt; footer .ftr-main-sec .news .newslist {
        padding-right: 15%
    }
}

@media (min-width:993px) {
    .home &gt; footer .ftr-main-sec .news .newslist, .innerwrapper &gt; footer .ftr-main-sec .news .newslist {
        padding-right: 30%
    }
}

@media (min-width:1440px) {
    .home &gt; footer .ftr-main-sec .news .newslist, .innerwrapper &gt; footer .ftr-main-sec .news .newslist {
        padding-right: 0
    }
}

@media (min-width:1920px) {
    .home &gt; footer .ftr-main-sec .news .newslist, .innerwrapper &gt; footer .ftr-main-sec .news .newslist {
        padding-right: 40%
    }
}

.home &gt; footer .ftr-main-sec .news .newslist li, .innerwrapper &gt; footer .ftr-main-sec .news .newslist li {
    margin-bottom: 15px
}

@media (min-width:993px) {
    .home &gt; footer .ftr-main-sec .news .newslist li, .innerwrapper &gt; footer .ftr-main-sec .news .newslist li {
        margin-bottom: 30px
    }
}

.home &gt; footer .ftr-main-sec .news .newslist li a, .innerwrapper &gt; footer .ftr-main-sec .news .newslist li a {
    display: inline-block;
    width: 100%
}

    .home &gt; footer .ftr-main-sec .news .newslist li a .nsthumb, .innerwrapper &gt; footer .ftr-main-sec .news .newslist li a .nsthumb {
        display: inline-block;
        overflow: hidden;
        margin-right: 15px;
        float: left
    }

        .home &gt; footer .ftr-main-sec .news .newslist li a .nsthumb img, .innerwrapper &gt; footer .ftr-main-sec .news .newslist li a .nsthumb img {
            border-radius: 50%;
            width: 55px;
            height: 55px
        }

    .home &gt; footer .ftr-main-sec .news .newslist li a p, .innerwrapper &gt; footer .ftr-main-sec .news .newslist li a p {
        font-size: 15px;
        line-height: normal;
        color: #464646;
        width: 100%;
        margin-top: 10px
    }

@media (min-width:993px) {
    .home &gt; footer .ftr-main-sec .news .newslist li a p, .innerwrapper &gt; footer .ftr-main-sec .news .newslist li a p {
        margin-top: 0
    }
}

.home &gt; footer .ftr-main-sec .news .newslist li a .date, .innerwrapper &gt; footer .ftr-main-sec .news .newslist li a .date {
    font-size: 10px;
    line-height: normal;
    color: #f89605;
    text-transform: uppercase
}

.home &gt; footer .ftr-main-sec .news .newslist li:last-child, .innerwrapper &gt; footer .ftr-main-sec .news .newslist li:last-child {
    margin-bottom: 0
}

@media (min-width:768px) {
    .home &gt; footer .ftr-main-sec .social, .innerwrapper &gt; footer .ftr-main-sec .social {
        float:left;
        max-width: 25%
    }
}

@media (min-width:1440px) {
    .home &gt; footer .ftr-main-sec .social, .innerwrapper &gt; footer .ftr-main-sec .social {
        max-width: 25%
    }
}

.home &gt; footer .ftr-main-sec .social .instagram, .innerwrapper &gt; footer .ftr-main-sec .social .instagram {
    margin-bottom: 20px
}

@media (min-width:768px) {
    .home &gt; footer .ftr-main-sec .social .instagram, .innerwrapper &gt; footer .ftr-main-sec .social .instagram {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .home &gt; footer .ftr-main-sec .social .instagram, .innerwrapper &gt; footer .ftr-main-sec .social .instagram {
        margin-bottom: 60px
    }
}

@media (min-width:1440px) {
    .home &gt; footer .ftr-main-sec .social .instagram, .innerwrapper &gt; footer .ftr-main-sec .social .instagram {
        margin-bottom: 70px
    }
}

.home &gt; footer .ftr-main-sec .social .instagram .insta-thumbgal, .innerwrapper &gt; footer .ftr-main-sec .social .instagram .insta-thumbgal {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

    .home &gt; footer .ftr-main-sec .social .instagram .insta-thumbgal li, .innerwrapper &gt; footer .ftr-main-sec .social .instagram .insta-thumbgal li {
        width: auto;
        max-width: 33.33%;
        margin-bottom: 5px;
        padding-right: 10px
    }

        .home &gt; footer .ftr-main-sec .social .instagram .insta-thumbgal li a, .innerwrapper &gt; footer .ftr-main-sec .social .instagram .insta-thumbgal li a {
            display: inline-block
        }

            .home &gt; footer .ftr-main-sec .social .instagram .insta-thumbgal li a img, .innerwrapper &gt; footer .ftr-main-sec .social .instagram .insta-thumbgal li a img {
                width: 100%;
                max-width: 100%
            }

.home &gt; footer .ftr-main-sec .social .connect-with-us .social-links, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .home &gt; footer .ftr-main-sec .social .connect-with-us .social-links li, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links li {
        display: inline-block;
        margin-right: 5px
    }

@media (min-width:1200px) {
    .home &gt; footer .ftr-main-sec .social .connect-with-us .social-links li, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links li {
        margin-right: 5px;
        margin-bottom: 8px
    }
}

@media (min-width:1920px) {
    .home &gt; footer .ftr-main-sec .social .connect-with-us .social-links li, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links li {
        margin-right: 5px
    }
}

.home &gt; footer .ftr-main-sec .social .connect-with-us .social-links li a, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links li a {
    background-color: #eee;
    border-radius: 50%;
    font-size: 20px;
    padding: 12px 15px;
    color: #fff;
    border: none
}

@media (min-width:768px) {
    .home &gt; footer .ftr-main-sec .social .connect-with-us .social-links li a, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links li a {
        font-size: 20px
    }
}

.home &gt; footer .ftr-main-sec .social .connect-with-us .social-links li a span, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links li a span {
    font-family: "gotraveller"
}

.home &gt; footer .ftr-main-sec .social .connect-with-us .social-links li a .path1, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links li a .path1 {
    position: relative
}

.home &gt; footer .ftr-main-sec .social .connect-with-us .social-links li a .path2, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links li a .path2 {
    position: absolute;
    top: 0
}

    .home &gt; footer .ftr-main-sec .social .connect-with-us .social-links li a .path2:before, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links li a .path2:before {
        margin-left: 0
    }

.home &gt; footer .ftr-main-sec .social .connect-with-us .social-links li .ft-pinterest, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links li .ft-pinterest {
    background-color: #cb2027
}

.home &gt; footer .ftr-main-sec .social .connect-with-us .social-links li .ft-twitter, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links li .ft-twitter {
    background-color: #55acee
}

.home &gt; footer .ftr-main-sec .social .connect-with-us .social-links li .ft-behance, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links li .ft-behance {
    background-color: #3c72fa
}

.home &gt; footer .ftr-main-sec .social .connect-with-us .social-links li .ft-dribbble, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links li .ft-dribbble {
    position: relative;
    bottom: -3px;
    background-color: #f26d9c;
    font-size: 16px;
    padding: 6px
}

@media (min-width:768px) {
    .home &gt; footer .ftr-main-sec .social .connect-with-us .social-links li .ft-dribbble, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links li .ft-dribbble {
        font-size: 24px
    }
}
.social-links i{font-size:15px;}
.home &gt; footer .ftr-main-sec .social .connect-with-us .social-links li .ft-instagram, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links li .ft-instagram {
    background: linear-gradient(115deg, #f9ce34, #ee2a7b, #6228d7);
}

.home &gt; footer .ftr-main-sec .social .connect-with-us .social-links li .ft-facebook, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links li .ft-facebook {
    background-color: #3b5998
}
.home &gt; footer .ftr-main-sec .social .connect-with-us .social-links li .ft-youtube, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links li .ft-youtube {
    background-color: #CD201F
}

.home &gt; footer .ftr-main-sec .social .connect-with-us .social-links li .ft-linkedin, .innerwrapper &gt; footer .ftr-main-sec .social .connect-with-us .social-links li .ft-linkedin {
    background-color: #007ab9
}

.home &gt; footer .footernote-area, .innerwrapper &gt; footer .footernote-area {
    padding: 30px 0 0;
    display: flex;
    flex-direction: column
}

@media (min-width:993px) {
    .home &gt; footer .footernote-area, .innerwrapper &gt; footer .footernote-area {
        flex-direction: column;
        justify-content: space-between;
        align-items: center
    }
}

@media (min-width:1200px) {
    .home &gt; footer .footernote-area, .innerwrapper &gt; footer .footernote-area {
        flex-direction: row;
        padding: 30px 0 0
    }
}

.home &gt; footer .footernote-area .footer-logo-box, .innerwrapper &gt; footer .footernote-area .footer-logo-box {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    width: 100%
}

@media (min-width:768px) {
    .home &gt; footer .footernote-area .footer-logo-box, .innerwrapper &gt; footer .footernote-area .footer-logo-box {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        max-width: 100%
    }
}

@media (min-width:1200px) {
    .home &gt; footer .footernote-area .footer-logo-box, .innerwrapper &gt; footer .footernote-area .footer-logo-box {
        max-width: 100%;
        justify-content: flex-start;
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .home &gt; footer .footernote-area .footer-logo-box, .innerwrapper &gt; footer .footernote-area .footer-logo-box {
        float:left;
        max-width: 100%
    }
}

.home &gt; footer .footernote-area .footer-logo-box .footer-logo, .innerwrapper &gt; footer .footernote-area .footer-logo-box .footer-logo {
    display: inline-block;
    width: auto;
    text-align: center;
    max-width: 100px !important;
    margin: auto
}

@media (min-width:768px) {
    .home &gt; footer .footernote-area .footer-logo-box .footer-logo, .innerwrapper &gt; footer .footernote-area .footer-logo-box .footer-logo {
        margin: 0;
        margin-right: 15px;
        max-width: 80px !important
    }
}

@media (min-width:1200px) {
    .home &gt; footer .footernote-area .footer-logo-box .footer-logo, .innerwrapper &gt; footer .footernote-area .footer-logo-box .footer-logo {
        max-width: 100px !important;
        margin-right: 25px;
        text-align: left;
        margin: 0
    }
}

@media (min-width:1440px) {
    .home &gt; footer .footernote-area .footer-logo-box .footer-logo, .innerwrapper &gt; footer .footernote-area .footer-logo-box .footer-logo {
        max-width: inherit
    }
}

@media (min-width:1200px) {
    .home &gt; footer .footernote-area .footer-logo-box .footer-logo img, .innerwrapper &gt; footer .footernote-area .footer-logo-box .footer-logo img {
        margin-right: 25px;
        text-align: left
    }
}

.home &gt; footer .footernote-area .footer-logo-box .ftr-logo-txt, .innerwrapper &gt; footer .footernote-area .footer-logo-box .ftr-logo-txt {
    text-align: center;
    margin: 15px 0 25px
}

@media (min-width:993px) {
    .home &gt; footer .footernote-area .footer-logo-box .ftr-logo-txt, .innerwrapper &gt; footer .footernote-area .footer-logo-box .ftr-logo-txt {
        margin-left: 5px;
        text-align: left
    }
}

@media (min-width:1200px) {
    .home &gt; footer .footernote-area .footer-logo-box .ftr-logo-txt, .innerwrapper &gt; footer .footernote-area .footer-logo-box .ftr-logo-txt {
        margin-left: 14px
    }
}

.home &gt; footer .footernote-area .footer-logo-box .ftr-logo-txt strong, .innerwrapper &gt; footer .footernote-area .footer-logo-box .ftr-logo-txt strong {
    color: #fff;
    font-size: 15px;
    font-family: 'Poppins',sans-serif;
    text-transform: uppercase;
    letter-spacing: 4px;
    display: block
}

@media (min-width:993px) {
    .home &gt; footer .footernote-area .footer-logo-box .ftr-logo-txt strong, .innerwrapper &gt; footer .footernote-area .footer-logo-box .ftr-logo-txt strong {
        font-size: 15px;
        letter-spacing: 0;
        text-align: left
    }
}

@media (min-width:1200px) {
    .home &gt; footer .footernote-area .footer-logo-box .ftr-logo-txt strong, .innerwrapper &gt; footer .footernote-area .footer-logo-box .ftr-logo-txt strong {
        font-size: 18px
    }
}

.home &gt; footer .footernote-area .footer-logo-box .ftr-logo-txt span, .innerwrapper &gt; footer .footernote-area .footer-logo-box .ftr-logo-txt span {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-family: "Montserrat",sans-serif
}

.home &gt; footer .footernote-area .footer-dtls, .innerwrapper &gt; footer .footernote-area .footer-dtls {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    margin: auto
}

@media (min-width:768px) {
    .home &gt; footer .footernote-area .footer-dtls, .innerwrapper &gt; footer .footernote-area .footer-dtls {
        align-items: center;
        margin: 0
    }
}

@media (min-width:1200px) {
    .home &gt; footer .footernote-area .footer-dtls, .innerwrapper &gt; footer .footernote-area .footer-dtls {
        width: 70%;
        justify-content: flex-end
    }
}

@media (min-width:1440px) {
    .home &gt; footer .footernote-area .footer-dtls, .innerwrapper &gt; footer .footernote-area .footer-dtls {
        float:left;
        max-width: 50%;
        margin-left: 8.3333333333%;
        justify-content: space-between
    }
}

.home &gt; footer .footernote-area .footer-dtls li, .innerwrapper &gt; footer .footernote-area .footer-dtls li {
    margin: 10px
}

@media (min-width:993px) {
    .home &gt; footer .footernote-area .footer-dtls li, .innerwrapper &gt; footer .footernote-area .footer-dtls li {
        margin: 0 5px
    }
}

.home &gt; footer .footernote-area .footer-dtls li a, .innerwrapper &gt; footer .footernote-area .footer-dtls li a {
    color: #162345;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Poppins',sans-serif;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

@media (min-width:1200px) {
    .home &gt; footer .footernote-area .footer-dtls li a, .innerwrapper &gt; footer .footernote-area .footer-dtls li a {
        font-size: 14px
    }
}

@media (min-width:1440px) {
    .home &gt; footer .footernote-area .footer-dtls li a, .innerwrapper &gt; footer .footernote-area .footer-dtls li a {
        font-size: 15px
    }
}

.home &gt; footer .footernote-area .footer-dtls li a span, .innerwrapper &gt; footer .footernote-area .footer-dtls li a span {
    font-size: 24px;
    font-weight: 600;
    margin-right: 10px;
    display: inline-block
}

@media (min-width:993px) {
    .home &gt; footer .footernote-area .footer-dtls li a span, .innerwrapper &gt; footer .footernote-area .footer-dtls li a span {
        margin-right: 10px;
        font-size: 30px
    }
}

@media (min-width:1200px) {
    .home &gt; footer .footernote-area .footer-dtls li a span, .innerwrapper &gt; footer .footernote-area .footer-dtls li a span {
        font-size: 40px
    }
}

@media (max-width:360px) {
    .home &gt; footer .footernote-area .footer-dtls li a span, .innerwrapper &gt; footer .footernote-area .footer-dtls li a span {
        margin-right: 4px
    }
}

.home &gt; footer .footernote-area .footer-dtls li a br, .innerwrapper &gt; footer .footernote-area .footer-dtls li a br {
    display: none
}

@media (min-width:768px) {
    .home &gt; footer .footernote-area .footer-dtls li a br, .innerwrapper &gt; footer .footernote-area .footer-dtls li a br {
        display: block
    }
}

.home &gt; footer .footernote-area .footer-dtls li:nth-of-type(3) a span, .innerwrapper &gt; footer .footernote-area .footer-dtls li:nth-of-type(3) a span {
    transform: rotate(180deg)
}

.home &gt; footer .copyright, .innerwrapper &gt; footer .copyright {
    display: inline-block;
    width: 100%;
    padding: 0px 7px 35px 7px;
    margin-bottom: 0
}

@media (min-width:993px) {
    .home &gt; footer .copyright, .innerwrapper &gt; footer .copyright {
        margin-bottom: 20px
    }
}

.home &gt; footer .copyright p, .innerwrapper &gt; footer .copyright p {
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 500;
    line-height: 24px;
    font-family: "Montserrat",sans-serif
}

@media (min-width:768px) {
    .home &gt; footer .copyright p, .innerwrapper &gt; footer .copyright p {
        letter-spacing: 1px
    }
}

@media (min-width:993px) {
    .home &gt; footer .copyright p, .innerwrapper &gt; footer .copyright p {
        text-align: center;
        letter-spacing: 1px
    }
}

@media (min-width:1200px) {
    .home &gt; footer .copyright p, .innerwrapper &gt; footer .copyright p {
        text-align: right
    }
}

.home .formbox, .formbox-polyround {
    padding: 30px;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 19px 32px 250px rgba(95,103,109,.15)
}

@media (min-width:576px) {
    .home .formbox, .formbox-polyround {
        padding: 40px;
        border-radius: 40px
    }
}

@media (min-width:993px) {
    .home .formbox, .formbox-polyround {
        background-color: transparent;
        box-shadow: none !important;
        padding: 0
    }
}

@media (min-width:1200px) {
    .home .formbox, .formbox-polyround {
        float:left;
        max-width: 50%;
        padding: 0
    }
}

@media (min-width:1920px) {
    .home .formbox, .formbox-polyround {
        float:left;
        max-width: 41.6666666667%
    }
}

.home .formbox .pnl-header, .formbox-polyround .pnl-header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .home .formbox .pnl-header, .formbox-polyround .pnl-header {
        flex-direction: row
    }
}

@media (min-width:1200px) {
    .home .formbox .pnl-header, .formbox-polyround .pnl-header {
        margin-bottom: 40px
    }
}

@media (min-width:1920px) {
    .home .formbox .pnl-header, .formbox-polyround .pnl-header {
        margin-bottom: 50px
    }
}

@media (min-width:1920px) {
    .home .formbox .pnl-header, .formbox-polyround .pnl-header {
        margin-bottom: 70px
    }
}

.home .formbox .pnl-header p, .formbox-polyround .pnl-header p {
    display: inline-block;
    width: 100% !important;
    text-align: left;
    font-size: 10px;
    text-transform: uppercase;
    color: #7c7e86;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 1px
}

@media (min-width:993px) {
    .home .formbox .pnl-header p, .formbox-polyround .pnl-header p {
        text-align: right;
        letter-spacing: 2px
    }
}

@media (min-width:1200px) {
    .home .formbox .pnl-header p, .formbox-polyround .pnl-header p {
        width: 100% !important
    }
}

.home .formbox .pnl-header .trip-switch ~ p, .formbox-polyround .pnl-header .trip-switch ~ p {
    width: 100% !important
}

@media (min-width:768px) {
    .home .formbox .pnl-header .trip-switch ~ p, .formbox-polyround .pnl-header .trip-switch ~ p {
        width: auto !important
    }
}

@media (min-width:1200px) {
    .home .formbox .pnl-header .trip-switch ~ p, .formbox-polyround .pnl-header .trip-switch ~ p {
        width: 60% !important
    }
}

.home .formbox .pnl-body, .formbox-polyround .pnl-body {
    position: relative
}

    .home .formbox .pnl-body:before, .formbox-polyround .pnl-body:before {
        position: absolute;
        content: "";
        background: url(../img/switch-icon.png);
        width: 30px;
        height: 30px;
        top: 45px;
        right: 0;
        left: 0;
        margin: auto;
        display: none;
        animation: fadeInUp 5s;
        animation-fill-mode: both;
        animation-duration: 1s
    }

@media (min-width:1200px) {
    .home .formbox .pnl-body:before, .formbox-polyround .pnl-body:before {
        display: inline-block
    }
}

.home .formbox .pnl-body form, .formbox-polyround .pnl-body form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}

    .home .formbox .pnl-body form .form-field, .formbox-polyround .pnl-body form .form-field {
        position: relative;
        margin-bottom: 30px;
        width: 100%
    }

@media (min-width:1200px) {
    .home .formbox .pnl-body form .form-field, .formbox-polyround .pnl-body form .form-field {
        width: 40%
    }
}

.home .formbox .pnl-body form .form-field label, .formbox-polyround .pnl-body form .form-field label {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 11px;
    color: #464646;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-weight: 600
}

.home .formbox .pnl-body form .form-field input.inputype1, .formbox-polyround .pnl-body form .form-field input.inputype1 {
    border: none;
    border-bottom: 1px solid #f89605;
    padding: 10px 0;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    width: 100%
}

.home .formbox .pnl-body form .form-field:after, .formbox-polyround .pnl-body form .form-field:after {
    content: "";
    position: absolute;
    font-family: "gotraveller";
    bottom: 5px;
    right: 0;
    width: 24px;
    height: 30px;
    font-size: 22px
}

@media (min-width:768px) {
    .home .formbox .pnl-body form .form-field:after, .formbox-polyround .pnl-body form .form-field:after {
        width: 30px;
        height: 50px;
        font-size: 36px
    }
}

.home .formbox .pnl-body form .form-field.icon-location:after, .formbox-polyround .pnl-body form .form-field.icon-location:after {
    content: ""
}

.home .formbox .pnl-body form .form-field.icon-calendar:after, .formbox-polyround .pnl-body form .form-field.icon-calendar:after {
    content: "";
    font-size: 22px;
    content: ""
}

@media (min-width:768px) {
    .home .formbox .pnl-body form .form-field.icon-calendar:after, .formbox-polyround .pnl-body form .form-field.icon-calendar:after {
        width: 30px;
        height: 40px;
        font-size: 30px
    }
}

.home .formbox .pnl-body form .form-field.icon-passenger:after, .formbox-polyround .pnl-body form .form-field.icon-passenger:after {
    content: "" !important;
    font-size: 30px !important;
    height: 40px !important
}

.home .formbox .pnl-body form .form-field.icon-room:after, .formbox-polyround .pnl-body form .form-field.icon-room:after {
    content: "" !important
}

.home .formbox .pnl-body form .form-field.icon-time:after, .formbox-polyround .pnl-body form .form-field.icon-time:after {
    content: "" !important;
    font-size: 28px !important;
    height: 38px !important
}

.home .formbox .pnl-body form .form-field.icon-cuisine:after, .formbox-polyround .pnl-body form .form-field.icon-cuisine:after {
    content: "" !important;
    font-size: 26px !important;
    height: 34px !important;
    width: 42px !important
}

.home .formbox .pnl-body .btn-group, .formbox-polyround .pnl-body .btn-group {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-top: 20px
}

@media (min-width:993px) {
    .home .formbox .pnl-body .btn-group, .formbox-polyround .pnl-body .btn-group {
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }
}

@media (min-width:1200px) {
    .home .formbox .pnl-body .btn-group, .formbox-polyround .pnl-body .btn-group {
        margin-top: 10px
    }
}

@media (min-width:1920px) {
    .home .formbox .pnl-body .btn-group, .formbox-polyround .pnl-body .btn-group {
        margin-top: 60px
    }
}

@media (max-width:1024px) {
    .home .formbox .pnl-body .btn-group button:nth-of-type(1), .home .formbox .pnl-body .btn-group div:nth-of-type(1), .formbox-polyround .pnl-body .btn-group button:nth-of-type(1), .formbox-polyround .pnl-body .btn-group div:nth-of-type(1) {
        margin-bottom: 15px
    }
}

.home .formbox .pnl-body .btn-group .btn-trpsrc, .formbox-polyround .pnl-body .btn-group .btn-trpsrc {
    padding: 12px 32px;
    font-size: 13px
}

.home .formbox {
    padding-bottom: 50px
}

@media (min-width:768px) {
    .home .formbox {
        padding-bottom: 50px
    }
}

@media (min-width:993px) {
    .home .formbox {
        padding-bottom: 50px
    }
}

@media (min-width:1200px) {
    .home .formbox {
        padding-bottom: 50px
    }
}

@media (min-width:1440px) {
    .home .formbox {
        padding-bottom: 200px
    }
}

.gt-shape {
    display: none;
    position: absolute;
    color: #fff;
    z-index: -1
}

@media (min-width:1200px) {
    .gt-shape {
        display: inline-block;
        font-size: 650px;
        top: 0;
        left: -100px;
        text-shadow: 19px 32px 250px rgba(95,103,109,.15);
        top: -60px;
        right: auto
    }
}

@media (min-width:1440px) {
    .gt-shape {
        text-shadow: 19px 32px 250px rgba(95,103,109,.15);
        font-size: 700px;
        top: -60px;
        left: -80px
    }
}

@media (min-width:1920px) {
    .gt-shape {
        font-size: 850px;
        top: -90px;
        left: -130px
    }
}

.formbox-square {
    padding: 0 30px 30px 30px;
    box-shadow: -1.675px 47.971px 106px rgba(175,189,198,.37);
    margin-top: 0;
    background: #fff;
    margin-top: 60px;
    border-radius: 15px;
	z-index: 1;
}

@media (min-width:768px) {
    .formbox-square {
        padding: 0 30px 30px 30px;
        margin-top: 60px;
        border-radius: 15px
    }
}

@media (min-width:993px) {
    .formbox-square {
        padding: 0 30px 30px 30px;
        margin-top: 60px;
        border-radius: 15px
    }
}

@media (min-width:1200px) {
    .formbox-square {
        float:left;
        max-width: 100%;
        width: 100%;
        padding: 0 30px 10px 30px;
        margin-top: 60px;
        border-radius: 15px
    }
}

@media (min-width:1440px) {
    .formbox-square {
        padding: 0 30px 30px 30px
    }
}

.formbox-square .pnl-header {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 7px
}

@media (min-width:993px) {
    .formbox-square .pnl-header {
        justify-content: space-between;
        flex-direction: row
    }
}

@media (min-width:1440px) {
    .formbox-square .pnl-header {
    }
}

@media (min-width:1920px) {
    .formbox-square .pnl-header {
    }
}

.formbox-square .pnl-header .trip-switch li a {
    font-weight: 600 !important
}

.formbox-square .pnl-header .trip-switch .active a {
    background-color: #fff;
    border-radius: 30px;
    font-weight: 500;
    margin-right: 0
}

.formbox-square .pnl-header p {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 10px;
    text-transform: uppercase;
    color: #7c7e86;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 2px
}

@media (min-width:768px) {
    .formbox-square .pnl-header p {
        width: 60%;
        text-align: right
    }
}

.formbox-square .pnl-header p br {
    display: none
}

@media (min-width:993px) {
    .formbox-square .pnl-header p br {
        display: block
    }
}

.formbox-square .pnl-body {
    position: relative
}

.search-box #flights .pnl-body:before, .search-box #holidays .pnl-body:before {
    position: absolute;
    content: "";
    background: url(../img/switch-icon.png) no-repeat;
    width: 50px;
    height: 50px;
    top: 96px;
    left: 46%;
    margin: auto 0;
    display: none;
	    z-index: 99;
		    background-size: 17px;
}

@media (min-width:768px) {
    .formbox-square .pnl-body:before {
        left: 48%;
        display: block
    }
}

@media (min-width:1200px) {
    .formbox-square .pnl-body:before {
        left: 48%;
        display: block !important;
        content: ""
    }
}

@media (min-width:1440px) {
    .formbox-square .pnl-body:before {
        left: 48%
    }
}

.formbox-square .pnl-body form {
    display: inline-block;
    z-index: 9;
}

    .formbox-square .pnl-body form .form-field {
        position: relative;
        margin-bottom: 13px;
        width: 100%;
        transition: width 0.5s ease 0.7s
    }

@media (min-width:768px) {
    .formbox-square .pnl-body form .form-field {
        width: 45%
    }

        .formbox-square .pnl-body form .form-field.form-field1 {
            width: 100%
        }
}

@media (min-width:1200px) {
    .formbox-square .pnl-body form .form-field {
        width: 45%;
        margin-bottom: 5px;
		    display: inline-block;
			    margin-right: 18px;
    }

        .formbox-square .pnl-body form .form-field.form-field1 {
            width: 100%
        }
}

.formbox-square .pnl-body form .form-field label {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 13px;
    color: #152266;
    text-transform: capitalize;
    letter-spacing: .5px;
    margin-bottom: 0;
    margin-left: 3px;
    font-weight: 600;
    font-family: "Montserrat",sans-serif
}

.formbox-square .pnl-body form .form-field input.inputype1 {
    border: none;
    border-bottom: 1px solid #152266;
    padding: 5px 5px;
    color: gray;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    width: 100%
}

.formbox-square .pnl-body form .form-field input.inputype1::placeholder{    color: #ababab;}
.formbox-square .pnl-body form .form-field input.inputype1::-ms-input-placeholder{    color: #ababab;}



@media (min-width:993px) {
    .formbox-square .pnl-body form .form-field:after {
        font-size: 30px
    }
}

@media (min-width:1200px) {
    .formbox-square .pnl-body form .form-field:after {
        font-size: 32px
    }
}

.formbox-square .pnl-body form .form-field.icon-location:after {
    content: ""
}

.formbox-square .pnl-body form .form-field.icon-calendar:after {
    content: ""
}

.formbox-square .pnl-body .btn-group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%
}

@media (min-width:993px) {
    .formbox-square .pnl-body .btn-group {
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }
}

@media (min-width:1200px) {
    .formbox-square .pnl-body .btn-group {
    }
}

@media (min-width:1920px) {
    .formbox-square .pnl-body .btn-group {
    }
}

.formbox-square .pnl-body .btn-group button:nth-of-type(1), .formbox-square .pnl-body .btn-group div:nth-of-type(1) {
    margin-bottom: 15px
}

.formbox-square .pnl-body .btn-group .btn-trpsrc {
    padding: 10px 30px;
    font-size: 13px
}

.formbox .inputype1 ~ svg.remove, .formbox-square .inputype1 ~ svg.remove, .formbox-polyround .inputype1 ~ svg.remove, .cab-formbox .inputype1 ~ svg.remove {
    display: none !important
}

.formbox.default.roundtrip .pnl-body .return, .formbox-square.default.roundtrip .pnl-body .return, .formbox-polyround.default.roundtrip .pnl-body .return, .cab-formbox.default.roundtrip .pnl-body .return {
    transform: scale(1);
    transition: all 0.5s ease 0.5s
}

.formbox.default.oneway .pnl-body .return, .formbox-square.default.oneway .pnl-body .return, .formbox-polyround.default.oneway .pnl-body .return, .cab-formbox.default.oneway .pnl-body .return {
    transform: scale(0);
    width: 0;
    transition: all 0.5s ease 0.5s;
	display:none;
}

.formbox.default.oneway .pnl-body .form-field:nth-last-of-type(2), .formbox.default.oneway .pnl-body .form-field:nth-last-of-type(3), .formbox-square.default.oneway .pnl-body .form-field:nth-last-of-type(2), .formbox-square.default.oneway .pnl-body .form-field:nth-last-of-type(3), .formbox-polyround.default.oneway .pnl-body .form-field:nth-last-of-type(2), .formbox-polyround.default.oneway .pnl-body .form-field:nth-last-of-type(3), .cab-formbox.default.oneway .pnl-body .form-field:nth-last-of-type(2), .cab-formbox.default.oneway .pnl-body .form-field:nth-last-of-type(3) {
    width: 44%;
    transition: all 0.5s ease 0.7s
}

.formbox-square .pnl-body .btn-group {
    display: inline-block;
    align-items: center;
    width: 100%
}

@media (min-width:1200px) {
    .formbox-square .pnl-body .btn-group {
    }
}

@media (min-width:1920px) {
    .formbox-square .pnl-body .btn-group {
    }
}

.formbox-square .pnl-body .btn-group .btn-right {
    float: right
}

.sec-hotelbooking .formbox .chk-city, .sec-cuisinebooking .formbox .chk-city {
    width: 100% !important
}

.sec-hotelbooking .formbox .pnl-body:before, .sec-cuisinebooking .formbox .pnl-body:before, .sec-cabbooking .formbox .pnl-body:before {
    display: none !important
}

.form-field.icon-location:after {
    content: "" !important
}

.form-field.icon-calendar:after {
    font-size: 22px;
    content: ""
}

.form-field.icon-passenger:after {
    content: "" !important;
    font-size: 30px !important;
    height: 40px !important
}

.form-field.icon-room:after {
    content: "" !important
}

.form-field.icon-time:after {
    content: "" !important;
    font-size: 28px !important;
    height: 38px !important
}

.form-field.icon-cuisine:after {
    content: "" !important;
    font-size: 26px !important;
    height: 34px !important;
    width: 42px !important
}

.ctrl-wraper, .dottedline-left {
    width: 100%;
    margin: auto
}

@media (min-width:993px) {
    .ctrl-wraper, .dottedline-left {
        width: 900px
    }
}

@media (min-width:1200px) {
    .ctrl-wraper, .dottedline-left {
        width: 1100px
    }
}

@media (min-width:1440px) {
    .ctrl-wraper, .dottedline-left {
        width: 1300px
    }
}

@media (min-width:1920px) {
    .ctrl-wraper, .dottedline-left {
        width: 1700px
    }
}

.ctrl-wraper2, .ctrl-wraper2.top {
    width: 100%;
    margin: auto !important
}

@media (min-width:768px) {
    .ctrl-wraper2, .ctrl-wraper2.top {
        width: 660px
    }
}

@media (min-width:993px) {
    .ctrl-wraper2, .ctrl-wraper2.top {
        width: 720px
    }
}

@media (min-width:1200px) {
    .ctrl-wraper2, .ctrl-wraper2.top {
        width: 960px
    }
}

@media (min-width:1440px) {
    .ctrl-wraper2, .ctrl-wraper2.top {
        width: 1100px
    }
}

@media (min-width:1920px) {
    .ctrl-wraper2, .ctrl-wraper2.top {
        width: 1600px;
        padding-left: 25px !important;
        padding-right: 25px !important
    }
}

.shapes {
    position: relative
}

.top-left {
    top: 0;
    bottom: auto;
    position: absolute;
    width: 100%
}

    .top-left .shapes1 {
        width: 50px;
        height: 50px;
        position: absolute;
        left: 0;
        top: 0;
        bottom: auto;
        transform: rotate(0deg)
    }

@media (min-width:576px) {
    .top-left .shapes1 {
        width: 70px;
        height: 70px
    }
}

@media (min-width:993px) {
    .top-left .shapes1 {
        width: 90px;
        height: 90px
    }
}

@media (min-width:1440px) {
    .top-left .shapes1 {
        width: 110px;
        height: 110px
    }
}

.top-left .shapes2 {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    transform: rotate(0deg)
}

@media (min-width:576px) {
    .top-left .shapes2 {
        width: 200px;
        height: 200px
    }
}

@media (min-width:993px) {
    .top-left .shapes2 {
        width: 300px;
        height: 300px
    }
}

@media (min-width:1200px) {
    .top-left .shapes2 {
        width: 350px;
        height: 350px
    }
}

.top-left .shapes3 {
    width: 300px;
    height: 300px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    transform: rotate(0deg);
    opacity: .2
}

@media (min-width:576px) {
    .top-left .shapes3 {
        width: 500px;
        height: 500px
    }
}

@media (min-width:993px) {
    .top-left .shapes3 {
        width: 750px;
        height: 750px
    }
}

@media (min-width:1440px) {
    .top-left .shapes3 {
        width: 1000px;
        height: 1000px
    }
}

.top-right {
    position: absolute;
    width: 100%
}

@media (min-width:1200px) {
    .top-right {
        top: 0;
        bottom: auto
    }
}

.top-right .shapes1 {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: auto;
    transform: rotate(-270deg);
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .top-right .shapes1 {
        width: 70px;
        height: 70px
    }
}

@media (min-width:993px) {
    .top-right .shapes1 {
        width: 90px;
        height: 90px
    }
}

@media (min-width:1440px) {
    .top-right .shapes1 {
        width: 110px;
        height: 110px
    }
}

.top-right .shapes2 {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    bottom: auto;
    right: 0;
    left: auto;
    transform: rotate(-270deg)
}

@media (min-width:576px) {
    .top-right .shapes2 {
        width: 200px;
        height: 200px
    }
}

@media (min-width:993px) {
    .top-right .shapes2 {
        width: 300px;
        height: 300px
    }
}

@media (min-width:1440px) {
    .top-right .shapes2 {
        width: 400px;
        height: 400px
    }
}

.top-right .shapes3 {
    width: 300px;
    height: 300px;
    position: absolute;
    top: 0;
    bottom: auto;
    right: 0;
    left: auto;
    transform: rotate(-270deg);
    opacity: .2
}

@media (min-width:576px) {
    .top-right .shapes3 {
        width: 500px;
        height: 500px
    }
}

@media (min-width:993px) {
    .top-right .shapes3 {
        width: 750px;
        height: 750px
    }
}

@media (min-width:1440px) {
    .top-right .shapes3 {
        width: 1000px;
        height: 1000px
    }
}

.bottom-left {
    display: block;
    height: 300px;
    width: 100%
}

@media (min-width:1200px) {
    .bottom-left {
        top: 0
    }
}

.bottom-left .shapes1 {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(-90deg)
}

@media (min-width:576px) {
    .bottom-left .shapes1 {
        width: 70px;
        height: 70px
    }
}

@media (min-width:993px) {
    .bottom-left .shapes1 {
        width: 90px;
        height: 90px
    }
}

@media (min-width:1440px) {
    .bottom-left .shapes1 {
        width: 110px;
        height: 110px
    }
}

.bottom-left .shapes2 {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(-90deg)
}

@media (min-width:576px) {
    .bottom-left .shapes2 {
        width: 200px;
        height: 200px
    }
}

@media (min-width:993px) {
    .bottom-left .shapes2 {
        width: 300px;
        height: 300px
    }
}

@media (min-width:1440px) {
    .bottom-left .shapes2 {
        width: 400px;
        height: 400px
    }
}

.bottom-left .shapes3 {
    width: 300px;
    height: 300px;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(-90deg);
    opacity: .2
}

@media (min-width:576px) {
    .bottom-left .shapes3 {
        width: 500px;
        height: 500px
    }
}

@media (min-width:993px) {
    .bottom-left .shapes3 {
        width: 750px;
        height: 750px
    }
}

@media (min-width:1440px) {
    .bottom-left .shapes3 {
        width: 950px;
        height: 950px
    }
}

.bottom-right {
    position: absolute;
    bottom: 600px;
    width: 100%
}

@media (min-width:1200px) {
    .bottom-right {
        top: 0
    }
}

.bottom-right .shapes1 {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
    transform: rotate(-180deg)
}

@media (min-width:576px) {
    .bottom-right .shapes1 {
        width: 70px;
        height: 70px
    }
}

@media (min-width:993px) {
    .bottom-right .shapes1 {
        width: 90px;
        height: 90px
    }
}

@media (min-width:1440px) {
    .bottom-right .shapes1 {
        width: 110px;
        height: 110px
    }
}

.bottom-right .shapes2 {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
    transform: rotate(-180deg)
}

@media (min-width:576px) {
    .bottom-right .shapes2 {
        width: 200px;
        height: 200px
    }
}

@media (min-width:993px) {
    .bottom-right .shapes2 {
        width: 300px;
        height: 300px
    }
}

@media (min-width:1440px) {
    .bottom-right .shapes2 {
        width: 400px;
        height: 400px
    }
}

.bottom-right .shapes3 {
    width: 300px;
    height: 300px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
    transform: rotate(-180deg);
    opacity: .2
}

@media (min-width:576px) {
    .bottom-right .shapes3 {
        width: 500px;
        height: 500px
    }
}

@media (min-width:993px) {
    .bottom-right .shapes3 {
        width: 750px;
        height: 750px
    }
}

@media (min-width:1440px) {
    .bottom-right .shapes3 {
        width: 1000px;
        height: 1000px
    }
}

.layer1 {
    z-index: 0
}

.layer2 {
    z-index: -1
}

.layer3 {
    z-index: -2
}

.layer4 {
    z-index: -3
}

.layer5 {
    z-index: -4
}

.primary-gradient {
    fill: #f89605
}

svg.dark-blue {
    fill: #192353
}

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

.parallax-dots {
    display: none;
    right: 0
}

@media (min-width:768px) {
    .parallax-dots {
        text-align: right
    }
}

@media (min-width:993px) {
    .parallax-dots {
        display: block !important;
        display: flex;
        position: absolute !important;
        right: 0;
        margin: auto;
        bottom: 0;
        top: 0;
        justify-content: flex-end;
        z-index: 99
    }
}

@media (min-width:1200px) {
    .parallax-dots {
        margin: auto;
        right: -70px
    }
}

@media (min-width:1366px) {
    .parallax-dots {
        right: 0;
        top: -50px
    }
}

@media (min-width:1440px) {
    .parallax-dots {
        position: absolute !important;
        margin: auto;
        top: -30px;
        right: 20px
    }
}

.parallax-dots ul {
    padding: 0
}

@media (min-width:768px) {
    .parallax-dots ul {
        display: inline-block;
        width: auto
    }
}

.parallax-dots ul li {
    -webkit-transition: all 1s 0s;
    -ms-transition: all 1s 0s;
    transition: all 1s 0s;
    text-align: right;
    margin-bottom: 40px;
    position: relative;
    z-index: 9
}

@media (min-width:768px) {
    .parallax-dots ul li {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .parallax-dots ul li {
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .parallax-dots ul li {
        margin-bottom: 40px
    }
}

.parallax-dots ul li a {
    -webkit-transition: all 1s 0s;
    -ms-transition: all 1s 0s;
    transition: all 1s 0s;
    display: inline-block;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
    color: #888;
    border-radius: 17px;
    padding: 10px 30px 10px 15px;
    background-color: transparent
}

    .parallax-dots ul li a:after {
        content: "";
        width: 11px;
        height: 11px;
        border-radius: 5px;
        background-color: #1d79d5;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

.parallax-dots ul li:nth-child(1) a:after {
    background-color: #1d79d5
}

.parallax-dots ul li:nth-child(2) a:after {
    background-color: #ff3161
}

.parallax-dots ul li:nth-child(3) a:after {
    background-color: #24d477
}

.parallax-dots ul li:nth-child(4) a:after {
    background-color: #f9b13e
}

.parallax-dots ul li:nth-child(5) a:after {
    background-color: #b459df
}

.parallax-dots ul li:nth-child(6) a:after {
    background-color: #fc0
}

.parallax-dots ul li:hover {
    padding-right: 0
}

    .parallax-dots ul li:hover a {
        box-shadow: 13.211px 10.698px 21px rgba(0,0,0,.17);
        color: #fff;
        padding-right: 15px
    }

.parallax-dots ul li:nth-child(1):hover a {
    background-color: #1d79d5
}

.parallax-dots ul li:nth-child(2):hover a {
    background-color: #ff3161
}

.parallax-dots ul li:nth-child(3):hover a {
    background-color: #24d477
}

.parallax-dots ul li:nth-child(4):hover a {
    background-color: #f9b13e
}

.parallax-dots ul li:nth-child(5):hover a {
    background-color: #b459df
}

.parallax-dots ul li:nth-child(6):hover a {
    background-color: #fc0
}

.parallax-dots ul .active {
    padding-right: 0
}

    .parallax-dots ul .active a {
        padding-right: 0;
        box-shadow: 13.211px 10.698px 21px rgba(0,0,0,.17);
        background-color: #ff3161;
        color: #fff
    }

    .parallax-dots ul .active:nth-child(1) a {
        background-color: #1d79d5
    }

    .parallax-dots ul .active:nth-child(2) a {
        background-color: #ff3161
    }

    .parallax-dots ul .active:nth-child(3) a {
        background-color: #24d477
    }

    .parallax-dots ul .active:nth-child(4) a {
        background-color: #f9b13e
    }

    .parallax-dots ul .active:nth-child(5) a {
        background-color: #b459df
    }

    .parallax-dots ul .active:nth-child(6) a {
        background-color: #fc0
    }

.dottedline-left {
    position: absolute;
    display: none;
    height: 95%;
    top: 270px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    margin: 0 auto !important
}

@media (min-width:1200px) {
    .dottedline-left {
        display: inline-block
    }
}

.dottedline-left:after {
    content: "";
    border-left: 1px dotted #ccc;
    position: absolute;
    top: 0;
    height: 100%
}

@media (min-width:1200px) {
    .dottedline-left:after {
        left: 70px
    }
}

@media (min-width:1366px) {
    .dottedline-left:after {
        left: 65px
    }
}

@media (min-width:1440px) {
    .dottedline-left:after {
        left: 100px
    }
}

@media (min-width:1920px) {
    .dottedline-left:after {
        left: 75px
    }
}

.home .bookingsec {
    margin-bottom: 25px
}

@media (min-width:480px) {
    .home .bookingsec {
        margin-bottom: 30px
    }
}

@media (min-width:768px) {
    .home .bookingsec {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .home .bookingsec {
        margin-bottom: 50px
    }
}

.home .bookingsec .ctrl-inner-wraper {
    display: flex;
    flex-direction: column
}

@media (min-width:1200px) {
    .home .bookingsec .ctrl-inner-wraper {
        flex-direction: row
    }
}

.home .bookingsec .ctrl-inner-wraper .cntbox {
    display: inline-block;
    margin-bottom: 50px !important;
    text-align: left
}

@media (min-width:993px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox {
        margin-bottom: 80px !important
    }
}

@media (min-width:1200px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox {
        float:left;
        max-width: 50%;
        margin-bottom: 0px !important
    }
}

@media (min-width:1440px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox {
        float:left;
        max-width: 50%
    }
}

@media (min-width:1920px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox {
        float:left;
        max-width: 58.3333333333%
    }
}

.home .bookingsec .ctrl-inner-wraper .cntbox .sec-heading {
    font-weight: 800;
    color: #34404b;
    text-transform: capitalize;
    margin-bottom: 30px;
    text-align: left;
    margin-left: 0;
    line-height: 32px;
    max-width: 100%
}

@media (min-width:576px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .sec-heading {
        line-height: 40px
    }
}

@media (min-width:993px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .sec-heading {
        line-height: 60px
    }
}

@media (min-width:1200px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .sec-heading {
        font-size: 60px;
        line-height: 60px;
        max-width: 70%
    }
}

@media (min-width:1440px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .sec-heading {
        max-width: 90%
    }
}

@media (min-width:1920px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .sec-heading {
        font-size: 72px;
        margin-left: 0;
        line-height: 72px;
        max-width: 100%
    }
}

.home .bookingsec .ctrl-inner-wraper .cntbox .sec-subheading {
    max-width: 100%;
    font-size: 13px;
    font-weight: 400;
    color: #7c7e86;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 30px;
    display: inline-block;
    text-align: left;
    width: 100%
}

@media (min-width:768px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .sec-subheading {
        letter-spacing: 2px;
        font-size: 15px;
        text-transform: uppercase
    }
}

@media (min-width:1200px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .sec-subheading {
        margin-bottom: 55px;
        max-width: 55%
    }
}

@media (min-width:1920px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .sec-subheading {
        max-width: 100%
    }
}

.home .bookingsec .ctrl-inner-wraper .cntbox .sec-subheading br {
    display: none
}

@media (min-width:1440px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .sec-subheading br {
        display: block
    }
}

.home .bookingsec .ctrl-inner-wraper .cntbox .deals-row {
    display: flex;
    flex-direction: column
}

@media (min-width:1920px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .deals-row {
        flex-direction: row
    }
}

.home .bookingsec .ctrl-inner-wraper .cntbox .deals-row .leftbox {
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-bottom: 30px
}

@media (min-width:1200px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .deals-row .leftbox {
        width: 80%
    }
}

@media (min-width:1920px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .deals-row .leftbox {
        width: 60%;
        margin-bottom: 0
    }
}

.home .bookingsec .ctrl-inner-wraper .cntbox .deals-row .leftbox h2 {
    font-weight: 800;
    color: #556a7f;
    text-transform: capitalize;
    margin-bottom: 15px;
    display: inline-block;
    text-align: left;
    width: 100%;
    line-height: normal
}

@media (min-width:1200px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .deals-row .leftbox h2 {
        margin-bottom: 25px
    }
}

.home .bookingsec .ctrl-inner-wraper .cntbox .deals-row .leftbox p {
    font-size: 18px;
    color: #556a7f;
    margin-bottom: 30px;
    font-weight: 600;
    font-family: "Montserrat",sans-serif;
    line-height: normal;
    text-align: left
}

@media (min-width:1440px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .deals-row .leftbox p {
        margin-bottom: 30px
    }
}

@media (min-width:1920px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .deals-row .leftbox p {
        margin-bottom: 60px
    }
}

.home .bookingsec .ctrl-inner-wraper .cntbox .deals-row .leftbox p br {
    display: none
}

@media (min-width:1200px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .deals-row .leftbox p br {
        display: block
    }
}

.home .bookingsec .ctrl-inner-wraper .cntbox .deals-row .leftbox .visitnow {
    color: #556a7f;
    font-size: 13px;
    font-family: "Montserrat",sans-serif;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .deals-row .leftbox .visitnow {
        margin-bottom: 0
    }
}

.home .bookingsec .ctrl-inner-wraper .cntbox .deals-row .partners {
    display: flex;
    width: 100%;
    text-align: left
}

@media (min-width:768px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .deals-row .partners {
        display: inline-block
    }
}

@media (min-width:1200px) {
    .home .bookingsec .ctrl-inner-wraper .cntbox .deals-row .partners {
        width: 60%;
        margin-bottom: 0
    }
}

.home .bookingsec .ctrl-inner-wraper .cntbox .deals-row .partners span {
    display: inline-block;
    margin-right: 30px
}

    .home .bookingsec .ctrl-inner-wraper .cntbox .deals-row .partners span img {
        margin: 0
    }

.sec-flightbooking {
    margin-bottom: 80px
}

@media (min-width:1200px) {
    .sec-flightbooking {
        margin-bottom: 150px
    }
}

.sec-flightbooking .section-icon {
    background-color: transparent;
    top: 30%
}

.sec-flightbooking .secmain-img {
    display: inline-block;
    width: auto;
    margin-left: 0;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .sec-flightbooking .secmain-img {
        margin-bottom: 40px
    }
}

@media (min-width:993px) {
    .sec-flightbooking .secmain-img {
        margin-top: 70px
    }
}

@media (min-width:1440px) {
    .sec-flightbooking .secmain-img {
        margin-left: 13%;
        margin-top: 120px;
        margin-bottom: -100px
    }
}

.sec-trainbooking .section-icon {
    background-color: #ff3161;
    top: 20%
}

.sec-trainbooking .secmain-img {
    margin-bottom: 40px
}

@media (min-width:768px) {
    .sec-trainbooking .secmain-img {
        margin-bottom: 80px
    }
}

@media (min-width:1200px) {
    .sec-trainbooking .secmain-img {
        margin-left: 100px;
        max-width: 900px
    }
}

.sec-trainbooking .ctrl-inner-wraper {
    z-index: 9
}

.sec-hotelbooking .section-icon {
    background-color: #24d477;
    top: 22%
}

.sec-hotelbooking .secmain-img {
    margin-bottom: 40px
}

@media (min-width:1200px) {
    .sec-hotelbooking .secmain-img {
        margin-left: 120px;
        margin-bottom: -50px
    }
}

.sec-cuisinebooking .section-icon {
    background-color: #f9b13e;
    top: 20%
}

@media (min-width:1200px) {
    .sec-cuisinebooking .secmain-img {
        margin-bottom: -30px
    }
}

.sec-cruisebooking .section-icon {
    background-color: #b459df;
    top: 20%
}

.sec-cruisebooking .secmain-img {
    margin-bottom: 40px;
    margin-left: 0
}

@media (min-width:768px) {
    .sec-cruisebooking .secmain-img {
        margin-bottom: 80px
    }
}

@media (min-width:1200px) {
    .sec-cruisebooking .secmain-img {
        margin-left: 200px
    }
}

.sec-cabbooking {
    margin-bottom: 40px
}

@media (min-width:576px) {
    .sec-cabbooking {
        margin-bottom: 70px !important
    }
}

@media (min-width:768px) {
    .sec-cabbooking {
        margin-bottom: 100px !important
    }
}

@media (min-width:993px) {
    .sec-cabbooking {
        margin-bottom: 130px !important
    }
}

@media (min-width:1200px) {
    .sec-cabbooking {
        margin-bottom: 150px !important
    }
}

@media (min-width:1366px) {
    .sec-cabbooking {
        margin-bottom: 200px !important
    }
}

.sec-cabbooking .section-icon {
    background-color: #fc0;
    top: 7%
}

.sec-cabbooking .secmain-img {
    margin-bottom: 40px
}

@media (min-width:768px) {
    .sec-cabbooking .secmain-img {
        margin-bottom: 80px
    }
}

@media (min-width:1200px) {
    .sec-cabbooking .secmain-img {
        margin-left: 250px
    }
}

.sec-cabbooking .gt-shape {
    left: -90px
}

@media (min-width:1440px) {
    .sec-cabbooking .gt-shape {
        font-size: 780px
    }
}

.section-icon {
    display: none
}

@media (min-width:993px) {
    .section-icon {
        font-size: 60px;
        padding: 0;
        color: #fff;
        border-radius: 50%;
        z-index: 1;
        position: absolute;
        left: -55px;
        height: 150px;
        width: 150px
    }
}

@media (min-width:1200px) {
    .section-icon {
        display: inline-block;
        left: -75px
    }
}

@media (min-width:1920px) {
    .section-icon {
        left: -55px
    }
}

.section-icon.animated-gt-airplane svg {
    position: absolute;
    left: 0
}

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

.flightbkng-bnr {
    display: block;
    position: relative
}

@media (min-width:1440px) {
    .flightbkng-bnr {
        padding-top: 250px
    }
}

.flightbkng-bnr img {
    width: auto !important
}

.flightbkng-bnr .banner-main-txt {
    display: inline-block;
    width: 100%;
    height: 135px;
    margin-top: 0;
    margin-bottom: 135px
}

@media (min-width:576px) {
    .flightbkng-bnr .banner-main-txt {
        height: 165px;
        margin-top: 30px
    }
}

@media (min-width:768px) {
    .flightbkng-bnr .banner-main-txt {
        height: 220px
    }
}

@media (min-width:993px) {
    .flightbkng-bnr .banner-main-txt {
        height: 350px
    }
}

@media (min-width:1200px) {
    .flightbkng-bnr .banner-main-txt {
        height: 450px;
        margin-top: 50px
    }
}

@media (min-width:1440px) {
    .flightbkng-bnr .banner-main-txt {
        height: 730px
    }
}

@media (max-width:767px) {
    .flightbkng-bnr .banner-main-txt {
        transform: none !important
    }
}

.flightbkng-bnr .banner-main-txt h1 {
    color: #152266;
    background: linear-gradient(72deg,#162468 20%,#4d87ba 37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.flightbkng-bnr .fb-bnr-img {
    max-width: 100%;
    position: absolute;
    margin: auto;
    z-index: 0;
    left: 0;
    display: block;
    top: 50px;
    right: 0
}

@media (min-width:576px) {
    .flightbkng-bnr .fb-bnr-img {
        top: 25px
    }
}

@media (min-width:768px) {
    .flightbkng-bnr .fb-bnr-img {
        max-width: 80%;
        left: 120px;
        top: 0
    }
}

@media (min-width:1920px) {
    .flightbkng-bnr .cap {
        margin-top: -200px
    }
}

.flightbkng-bnr .cap p {
    text-transform: uppercase;
    color: #31343f;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    margin-bottom: 10px
}

@media (min-width:993px) {
    .flightbkng-bnr .cap p {
        font-size: 15px;
        line-height: 15px;
        letter-spacing: 1px;
        margin-bottom: 15px
    }
}

@media (max-width:767px) {
    .flightbkng-bnr .gotxt2 {
        transform: none !important
    }
}

.bookurtickets {
    background: url(../img/Background-img01.jpg) no-repeat center bottom;
    background-size: cover;
    margin-bottom: 0;
    height: 720px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 0
}

@media (min-width:768px) {
    .bookurtickets {
        margin-top: -100px;
        height: 450px
    }
}

@media (min-width:993px) {
    .bookurtickets {
        margin-top: -30px;
        background-size: 100%;
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .bookurtickets {
        height: 510px
    }
}

@media (min-width:1440px) {
    .bookurtickets {
        padding-top: 150px;
        height: 720px
    }
}

@media (min-width:3000px) {
    .bookurtickets {
        background-position: center
    }
}

.bookurtickets .ctrl-wraper2 {
    display: flex;
    align-items: center;
    justify-content: center
}

.bookurtickets .jumbotron {
    float:left;
    max-width: 100%;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 0;
    position: relative;
    padding: 30px
}

@media (min-width:768px) {
    .bookurtickets .jumbotron {
        padding: 30px
    }
}

@media (min-width:1200px) {
    .bookurtickets .jumbotron {
        float:left;
        max-width: 83.3333333333%;
        padding: 40px;
        flex-direction: row;
        align-items: flex-end;
        margin-top: 50px
    }
}

@media (min-width:1440px) {
    .bookurtickets .jumbotron {
        float:left;
        max-width: 66.6666666667%;
        padding: 50px;
        margin-top: 0
    }
}

.bookurtickets .jumbotron:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #1bb3c1;
    mix-blend-mode: multiply
}

.bookurtickets .jumbotron h1 {
    font-size: 30px;
    line-height: 30px;
    font-family: "Montserrat",sans-serif;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 0
}

@media (min-width:576px) {
    .bookurtickets .jumbotron h1 {
        font-size: 36px;
        line-height: 36px
    }
}

@media (min-width:993px) {
    .bookurtickets .jumbotron h1 {
        font-size: 48px;
        line-height: 38px
    }
}

@media (min-width:1200px) {
    .bookurtickets .jumbotron h1 {
        font-size: 60px;
        line-height: 50px;
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .bookurtickets .jumbotron h1 {
        letter-spacing: 2px;
        font-size: 70px;
        line-height: 60px
    }
}

.bookurtickets .jumbotron span {
    font-size: 12px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 10px
}

@media (min-width:993px) {
    .bookurtickets .jumbotron span {
        line-height: 28px;
        margin-bottom: 0
    }
}

.bookurtickets .trip-switch {
    display: inline-block;
    background-color: #1d79d5;
    padding: 5px;
    border-radius: 30px;
    float: left
}

    .bookurtickets .trip-switch li {
        display: inline-block;
        float: left
    }

        .bookurtickets .trip-switch li a {
            display: inline-block;
            color: #fff;
            font-family: "Open Sans",sans-serif;
            font-size: 13px;
            text-transform: uppercase;
            padding: 7px 10px
        }

        .bookurtickets .trip-switch li:first-child a {
            margin-right: 10px
        }

    .bookurtickets .trip-switch .active a {
        background-color: #fff;
        color: #1d79d5;
        border-radius: 30px;
        width:200px;
    }

.bookurtickets .btn-knowmore {
    position: absolute;
    bottom: -15px
}

.bookurtickets .flying-clouds {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 300px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scaleX(-1);
    z-index: -1
}

@media (min-width:993px) {
    #water-wave, #water {
        background-image: url(../img/sea.png);
        background-position: center bottom;
        background-size: 100%
    }
}

@media (min-width:1440px) {
    #water-wave, #water {
        background-position: center bottom
    }
}

@media (min-width:1920px) {
    #water-wave, #water {
        background-position: center bottom
    }
}

@media (min-width:2280px) {
    #water-wave, #water {
        background-position: center bottom
    }
}

@media (min-width:3000px) {
    #water-wave, #water {
        background-position: center
    }
}

#water-wave {
    position: absolute;
    height: 750px;
    width: 100%;
    bottom: 0;
    right: 0
}

@media (min-width:768px) {
    #water-wave {
        height: 380px
    }
}

@media (min-width:1200px) {
    #water-wave {
        height: 500px
    }
}

@media (min-width:1440px) {
    #water-wave {
        height: 750px
    }
}

@media (min-width:1920px) {
    #water-wave {
        height: 800px
    }
}

@media (min-width:2280px) {
    #water-wave {
        height: 900px
    }
}

@media (min-width:3000px) {
    #water-wave {
        height: 1000px
    }
}

#water-wave #water {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 65%;
    filter: url("#turbulence");
    overflow: hidden
}

@media (min-width:1440px) {
    #water-wave #water {
        height: 65%
    }
}

@media (min-width:2280px) {
    #water-wave #water {
        height: 85%
    }
}

@media (min-width:3000px) {
    #water-wave #water {
        height: 90%
    }
}

.ticket-booking {
    position: absolute;
    height: 650px
}

@media (min-width:993px) {
    .ticket-booking {
        height: 400px;
        top: 40px
    }
}

.meetour-avd {
    position: relative;
    padding-bottom: 40px
}

@media (min-width:768px) {
    .meetour-avd {
        padding-bottom: 60px
    }
}

@media (min-width:993px) {
    .meetour-avd {
        padding-bottom: 80px
    }
}

@media (min-width:1200px) {
    .meetour-avd {
        padding-bottom: 100px
    }
}

@media (min-width:1440px) {
    .meetour-avd {
        padding-bottom: 120px
    }
}

@media (min-width:1920px) {
    .meetour-avd {
        padding-bottom: 150px
    }
}

.turbulence-svg {
    height: 0
}

.explore-dest {
    margin-bottom: 50px;
    position: relative !important
}

@media (min-width:768px) {
    .explore-dest {
        margin-bottom: 30px
    }
}

@media (min-width:993px) {
    .explore-dest {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .explore-dest {
        margin-bottom: 50px
    }
}

@media (min-width:1440px) {
    .explore-dest {
        margin-bottom: 50px
    }
}

.explore-dest .sec-header {
    margin-bottom: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media (min-width:768px) {
    .explore-dest .sec-header {
        margin-bottom: 50px
    }
}

@media (min-width:993px) {
    .explore-dest .sec-header {
        margin-bottom: 60px
    }
}

@media (min-width:1200px) {
    .explore-dest .sec-header {
        margin-bottom: 10px
    }
}

@media (min-width:1440px) {
    .explore-dest .sec-header {
        margin-bottom: 100px
    }
}

.explore-dest .sec-header .left {
    width: 100%
}

@media (min-width:1440px) {
    .explore-dest .sec-header .left {
        width: 100%
    }
}

.explore-dest .sec-header .left span {
    font-size: 30px;
    line-height: normal;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    color: #152266;
    display: inline-block
}

@media (min-width:768px) {
    .explore-dest .sec-header .left span {
        font-size: 32px;
        line-height: 40px
    }
}

@media (min-width:1200px) {
    .explore-dest .sec-header .left span {
        font-size: 40px;
        line-height: 50px
    }
}

.explore-dest .sec-header .left h2, .package-title h2 {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 30px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    color: #152266;
    text-transform: uppercase
}

.ads-title {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 30px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    color: #152266
}

@media (min-width:768px) {
    .explore-dest .sec-header .left h2, .package-title h2, .ads-title {
        font-size: 42px;
        line-height: 42px;
        margin-bottom: 35px
    }
}

@media (min-width:1200px) {
    .explore-dest .sec-header .left h2, .package-title h2, .ads-title {
        font-size: 65px;
        line-height: 18px;
        margin-bottom: 50px;
        font-weight: 700
    }
}

.explore-dest .sec-header .left p {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1px;
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    color: #6d6e77;
    text-transform: uppercase;
    margin-bottom: 20px
}

@media (min-width:480px) {
    .explore-dest .sec-header .left p {
        margin-bottom: 10px
    }
}

@media (min-width:993px) {
    .explore-dest .sec-header .left p {
        font-size: 13px;
        line-height: 17px;
        letter-spacing: 2px
    }
}

.explore-dest .sec-header .right {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    /*width: 100%*/
}

@media (min-width:768px) {
    .explore-dest .sec-header .right {
        flex-wrap: nowrap
    }
}

@media (min-width:1440px) {
    .explore-dest .sec-header .right {
        padding-left: 5px;
        /*width: 100%*/
    }
}

.explore-dest .sec-header .right .srcby-continent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 15px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .explore-dest .sec-header .right .srcby-continent {
        width: auto;
        padding-right: 25px;
        margin-right: 25px;
        margin-bottom: 0
    }
}

.explore-dest .sec-header .right .srcby-continent:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
    position: absolute;
    left: 0;
    bottom: 0
}

@media (min-width:768px) {
    .explore-dest .sec-header .right .srcby-continent:after {
        height: 35px;
        width: 1px;
        right: 0;
        bottom: 0;
        left: auto;
        margin-bottom: 0
    }
}

.explore-dest .sec-header .right .srcby-continent span {
    font-size: 15px;
    line-height: 15px;
    color: gray;
    font-family: "Roboto";
    font-weight: 400;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .explore-dest .sec-header .right .srcby-continent span {
        margin-bottom: 10px
    }
}

@media (min-width:993px) {
    .explore-dest .sec-header .right .srcby-continent span {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .explore-dest .sec-header .right .srcby-continent span {
        margin-bottom: 25px
    }
}

@media (min-width:1440px) {
    .explore-dest .sec-header .right .srcby-continent span {
        margin-bottom: 30px
    }
}

.explore-dest .sec-header .right .srcby-continent .cntry-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 15px;
    width: 100%
}

@media (min-width:480px) {
    .explore-dest .sec-header .right .srcby-continent .cntry-list {
        justify-content: space-between
    }
}

@media (min-width:768px) {
    .explore-dest .sec-header .right .srcby-continent .cntry-list {
        justify-content: center;
        padding-bottom: 0
    }
}

.explore-dest .sec-header .right .srcby-continent .cntry-list li {
    margin: 5px 5px 5px 0
}

@media (min-width:768px) {
    .explore-dest .sec-header .right .srcby-continent .cntry-list li {
        margin-right: 10px;
        margin-bottom: 0;
        margin-top: 0
    }
}

@media (min-width:993px) {
    .explore-dest .sec-header .right .srcby-continent .cntry-list li {
        margin-right: 5px;
		display: inline;
    }
}

.explore-dest .sec-header .right .srcby-continent .cntry-list li a {
    font-size: 14px;
    color: gray;
    font-weight: 500;
    width: auto;
    padding: 7px 11px;
    border-radius: 30px;
    border: 1px solid #c2c2c2;
    display: inline-block;
    text-align: center;
    letter-spacing: 1px
}

@media (min-width:1200px) {
    .explore-dest .sec-header .right .srcby-continent .cntry-list li a {
        width: 125px;
        padding: 6px 4px
    }
}

.explore-dest .sec-header .right .srcby-continent .cntry-list li a:hover, .explore-dest .sec-header .right .srcby-continent .cntry-list li a:focus {
    color: #fff;
    border: 1px solid #f96116;
    background-color: #f96116
}

.explore-dest .sec-header .right .srcby-continent .cntry-list .active a {
    color: #fff;
    border: 1px solid #f96116;
    background-color: #f96116
}

.explore-dest .sec-header .right .srcby-counter {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

@media (min-width:480px) {
    .explore-dest .sec-header .right .srcby-counter {
        flex-direction: row;
        align-items: center
    }
}

@media (min-width:768px) {
    .explore-dest .sec-header .right .srcby-counter {
        width: 29%
    }
}

@media (min-width:1440px) {
    .explore-dest .sec-header .right .srcby-counter {
        width: auto
    }
}

.explore-dest .sec-header .right .srcby-counter label {
    font-size: 15px;
    line-height: 15px;
    color: grey;
    font-family: "Roboto";
    font-weight: 400;
    margin-right: 30px;
    padding: 5px 0;
    margin-bottom: 10px;
    width: 100%
}

@media (min-width:480px) {
    .explore-dest .sec-header .right .srcby-counter label {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .explore-dest .sec-header .right .srcby-counter label {
        margin-bottom: 10px;
        padding: 0
    }
}

@media (min-width:993px) {
    .explore-dest .sec-header .right .srcby-counter label {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .explore-dest .sec-header .right .srcby-counter label {
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .explore-dest .sec-header .right .srcby-counter label {
        margin-bottom: 30px
    }
}

.explore-dest .sec-header .right .select-wrapper input.select-dropdown {
    border: 1px solid #c2c2c2;
    border-radius: 30px;
    padding: 8px 15px;
    height: auto !important;
    line-height: normal !important;
    font-size: 13px !important;
    color: #606060 !important;
    font-weight: 400;
    margin-bottom: 0px !important;
    width: 100% !important
}

@media (min-width:480px) {
    .explore-dest .sec-header .right .select-wrapper input.select-dropdown {
        width: auto !important
    }
}

.explore-dest .sec-header .right .select-wrapper ul.select-dropdown {
    border-radius: 15px !important;
    top: 35px !important;
    height: auto !important
}

    .explore-dest .sec-header .right .select-wrapper ul.select-dropdown li {
        min-height: auto
    }

        .explore-dest .sec-header .right .select-wrapper ul.select-dropdown li span {
            padding: 10px 15px !important;
            font-size: 13px !important;
            line-height: normal !important;
            color: #606060 !important
        }

        .explore-dest .sec-header .right .select-wrapper ul.select-dropdown li:hover {
            background-color: #f96116 !important
        }

            .explore-dest .sec-header .right .select-wrapper ul.select-dropdown li:hover span {
                color: #fff !important
            }

    .explore-dest .sec-header .right .select-wrapper ul.select-dropdown .disabled.selected {
        background-color: #e2dfdf !important
    }

        .explore-dest .sec-header .right .select-wrapper ul.select-dropdown .disabled.selected span {
            color: #ada8a8 !important
        }

.explore-dest .sec-header .right .select-wrapper .caret {
    right: 15px !important;
    fill: #f96116 !important
}

.explore-dest .galbox {
    display: flex;
    flex-direction: column;
    width: 100%;
	justify-content: center;
}

@media (min-width:768px) {
    .explore-dest .galbox {
        flex-direction: row
    }
}

.explore-dest .galbox .box-group {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

@media (min-width:576px) {
    .explore-dest .galbox .box-group {
        flex-wrap: nowrap
    }
}

@media (min-width:768px) {
    .explore-dest .galbox .box-group {
        float:left;
        max-width: 100%
    }
}

@media (min-width:993px) {
    .explore-dest .galbox .box-group {
        float:left;
        max-width: 50%
    }
}

@media (min-width:1200px) {
    .explore-dest .galbox .box-group {
        flex: 0 0 33.3%;
        max-width: 33.3%
    }
}

.explore-dest .galbox .clmn {
    width: 100%;
    display: flex;
    flex-direction: column
}

@media (min-width:480px) {
    .explore-dest .galbox .clmn {
        flex-direction: row
    }
}

@media (min-width:576px) {
    .explore-dest .galbox .clmn {
        flex-direction: column
    }
}

@media (min-width:768px) {
    .explore-dest .galbox .clmn {
        width: 100%
    }
}

.explore-dest .galbox .clmn figure {
    position: relative;
    height: 100%;
    width: 100%;
    border: 4px solid #fff;
    margin: 0;
    height: 100%;
    max-height: 650px;
    overflow: hidden
}

@media (min-width:2280px) {
    .explore-dest .galbox .clmn figure {
        border: 25px solid #fff
    }
}

@media (min-width:3000px) {
    .explore-dest .galbox .clmn figure {
        border: 30px solid #fff
    }
}

.explore-dest .galbox .clmn figure img {
    height: 100%;
    width: 100%
}

.explore-dest .galbox .clmn figure figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px;
    z-index: 99
}

    .explore-dest .galbox .clmn figure figcaption strong {
        font-size: 25px;
        line-height: 30px;
        color: #fff;
        text-transform: uppercase;
        font-family: "Roboto";
        font-weight: 500;
        display: inline-block
    }

@media (min-width:480px) {
    .explore-dest .galbox .clmn figure figcaption strong {
        font-size: 16px;
        line-height: 16px
    }
}

@media (min-width:768px) {
    .explore-dest .galbox .clmn figure figcaption strong {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {
    .explore-dest .galbox .clmn figure figcaption strong {
        font-size: 20px;
        line-height: 20px
    }
}

.explore-dest .galbox .clmn figure figcaption p {
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    font-family: "Roboto";
    font-weight: 500;
    white-space: normal;
    display: none
}

@media (min-width:768px) {
    .explore-dest .galbox .clmn figure figcaption p {
        display: block
    }
}

.explore-dest .rowtype1.box-group {
    flex-wrap: wrap !important
}

.explore-dest .rowtype1 .clmn {
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: column
}

@media (min-width:480px) {
    .explore-dest .rowtype1 .clmn {
        flex-direction: row
    }
}

.explore-dest .rowtype1 .clmn figure {
    position: relative;
    height: 100%;
    width: 100%;
    border: 4px solid #fff;
    overflow: hidden
}

@media (min-width:2280px) {
    .explore-dest .rowtype1 .clmn figure {
        border: 25px solid #fff
    }
}

@media (min-width:3000px) {
    .explore-dest .rowtype1 .clmn figure {
        border: 30px solid #fff
    }
}

.explore-dest .rowtype1 .clmn figure img {
    width: 100%
}

.mkur-holiday {
    position: relative;
    padding-bottom: 20px
}

@media (min-width:768px) {
    .mkur-holiday {
        padding-bottom: 40px
    }
}

@media (min-width:993px) {
    .mkur-holiday {
        padding-bottom: 60px
    }
}

@media (min-width:1200px) {
    .mkur-holiday {
        padding-bottom: 80px
    }
}

@media (min-width:1440px) {
    .mkur-holiday {
        padding-bottom: 100px
    }
}

.mkur-holiday .ctrl-wraper2, .mkur-holiday .container {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    width: 100%
}

@media (min-width:993px) {
    .mkur-holiday .ctrl-wraper2, .mkur-holiday .container {
        flex-direction: row;
        max-width: 720px
    }
}

@media (min-width:1200px) {
    .mkur-holiday .ctrl-wraper2, .mkur-holiday .container {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        flex-direction: row;
        max-width: 1170px;
        align-items: center;
        justify-content: flex-start
    }
}

@media (min-width:1920px) {
    .mkur-holiday .ctrl-wraper2, .mkur-holiday .container {
        justify-content: space-between
    }
}

.mkur-holiday .lgt-box {
    float:left;
    max-width: 100%
}

@media (min-width:993px) {
    .mkur-holiday .lgt-box {
        float:left;
        max-width: 41.6666666667%
    }
}

@media (min-width:1200px) {
    .mkur-holiday .lgt-box {
        float:left;
        max-width: 50%
    }
}

.mkur-holiday .lgt-box span {
    font-size: 30px;
    margin-bottom: 20px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    color: #152266;
    display: inline-block;
    line-height: normal
}

@media (min-width:768px) {
    .mkur-holiday .lgt-box span {
        font-size: 32px;
        line-height: 40px
    }
}

@media (min-width:1200px) {
    .mkur-holiday .lgt-box span {
        font-size: 40px;
        line-height: 50px
    }
}

.mkur-holiday .lgt-box h2 {
    font-size: 40px;
    line-height: 30px;
    margin-bottom: 20px;
    font-family: "Montserrat",sans-serif;
    font-weight: 800;
    color: #152266;
    text-transform: uppercase
}

@media (min-width:480px) {
    .mkur-holiday .lgt-box h2 {
        font-size: 42px;
        line-height: 40px;
        margin-bottom: 30px
    }
}

@media (min-width:993px) {
    .mkur-holiday .lgt-box h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .mkur-holiday .lgt-box h2 {
        font-size: 72px;
        line-height: 60px;
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .mkur-holiday .lgt-box h2 {
        font-size: 80px;
        line-height: 72px
    }
}

.mkur-holiday .lgt-box strong {
    font-size: 20px;
    margin-bottom: 40px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    color: #ff7d15;
    text-transform: uppercase;
    display: inline-block;
    width: 100%
}

@media (min-width:480px) {
    .mkur-holiday .lgt-box strong {
        font-size: 22px
    }
}

@media (min-width:768px) {
    .mkur-holiday .lgt-box strong {
        margin-bottom: 50px;
        font-size: 24px
    }
}

@media (min-width:993px) {
    .mkur-holiday .lgt-box strong {
        font-size: 28px;
        letter-spacing: 1px
    }
}

@media (min-width:1200px) {
    .mkur-holiday .lgt-box strong {
        margin-bottom: 80px;
        font-size: 34px
    }
}

@media (min-width:1440px) {
    .mkur-holiday .lgt-box strong {
        font-size: 40px;
        margin-bottom: 120px;
        letter-spacing: 2px
    }
}

.mkur-holiday .lgt-box .more-link {
    color: #6d6e77;
    font-family: 'Poppins',sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 40px
}

@media (min-width:993px) {
    .mkur-holiday .lgt-box .more-link {
        margin-bottom: 0
    }
}

.mkur-holiday .lgt-box .more-link:after {
    content: "";
    position: absolute;
    right: 0;
    width: calc(100% - 120px);
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1px;
    background-color: #aaa
}

.mkur-holiday .videobox {
    width: 100%
}

@media (min-width:993px) {
    .mkur-holiday .videobox {
        float:left;
        max-width: 41.6666666667%;
        height: 220px;
        position: static
    }
}

@media (min-width:1200px) {
    .mkur-holiday .videobox {
        height: 340px
    }
}

@media (max-width:991px) {
    .mkur-holiday .videobox {
        position: relative
    }
}

.mkur-holiday .videobox &gt; img {
    right: 0;
    left: auto;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: 40.305px 40.305px 81px rgba(0,0,0,.23)
}

@media (min-width:993px) {
    .mkur-holiday .videobox &gt; img {
        max-width: 500px !important;
        height: auto
    }
}

@media (min-width:1200px) {
    .mkur-holiday .videobox &gt; img {
        width: 100%
    }
}

.mkur-holiday .videobox .play {
    position: absolute;
    display: flex;
    align-items: center;
    font-size: 10px;
    font-family: 'Poppins',sans-serif;
    text-transform: uppercase;
    color: #6d6e77;
    letter-spacing: 1px;
    width: 160px;
    cursor: pointer;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

@media (min-width:993px) {
    .mkur-holiday .videobox .play {
        left: calc(100% - 30px);
        justify-content: unset;
        bottom: 100px;
        top: auto
    }
}

@media (min-width:1200px) {
    .mkur-holiday .videobox .play {
        left: calc(100% - 150px)
    }
}

@media (min-width:1920px) {
    .mkur-holiday .videobox .play {
        left: calc(100% - 50px)
    }
}

@media (min-width:993px) {
    .mkur-holiday .videobox .play img {
        margin-right: 10px
    }
}

@media (min-width:1200px) {
    .mkur-holiday .videobox .play img {
        margin-right: 4px
    }
}

@media (min-width:1440px) {
    .mkur-holiday .videobox .play img {
        margin-right: 10px
    }
}

.mkur-holiday .videobox .play.off {
    opacity: 0 !important
}

.mkur-holiday .videobox .play span {
    display: none
}

@media (min-width:993px) {
    .mkur-holiday .videobox .play span {
        display: inline-block
    }
}

.mkur-holiday video {
    width: 0;
    position: absolute;
    top: 0;
    bottom: auto;
    animation: window-close 1s
}

@media (min-width:993px) {
    .mkur-holiday video {
        left: 0
    }
}

.mkur-holiday video.window-open {
    display: block;
    width: 100% !important;
    background: #000 !important;
    border: 5px solid #fff;
    animation: window-open 1s;
    height: 100%
}

@media (min-width:768px) {
    .mkur-holiday video.window-open {
        border: 10px solid #fff
    }
}

.mkur-holiday video:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.mkur-holiday .close {
    font-size: 40px;
    line-height: 32px;
    font-weight: 300;
    font-family: "Montserrat",sans-serif;
    color: red;
    position: absolute;
    top: -5px;
    right: -5px;
    text-align: center;
    background-color: #fff;
    width: 0;
    height: 0;
    overflow: hidden;
    animation: close-out 2s linear 0.5s;
    transition-duration: .5s;
    display: inline-block !important;
    margin: 0px !important
}

@media (min-width:768px) {
    .mkur-holiday .close {
        font-size: 43px;
        line-height: 42px;
        top: 0;
        right: 0
    }
}

@media (min-width:1440px) {
    .mkur-holiday .close {
        top: 10px
    }
}

.mkur-holiday .close.on {
    opacity: 1;
    z-index: 99;
    width: 40px;
    height: 40px;
    animation: close-in 2s linear 0s;
    transition-delay: 1s
}

@media (min-width:768px) {
    .mkur-holiday .close.on {
        width: 50px;
        height: 50px
    }
}

@keyframes window-open {
    from {
        height: 0%;
        width: 0%
    }

    to {
        height: 100%;
        width: 100%
    }
}

@keyframes window-close {
    from {
        width: 100%;
        height: 100%
    }

    to {
        width: 0%;
        height: 0%
    }
}

@keyframes close-in {
    from {
        height: 50px
    }

    to {
        height: 50px
    }
}

@keyframes close-out {
    from {
        height: 40px
    }

    to {
        height: 40px
    }
}

.grid-item {
    width: 200px
}

.grid-item--width2 {
    width: 400px
}

body.flightbooking footer .bottom-left {
    position: absolute;
    bottom: 600px;
    width: 100%
}

@media (min-width:1200px) {
    body.flightbooking footer .bottom-left {
        top: 0
    }
}

body.flightbooking footer .bottom-left .shapes2 {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(-90deg)
}

@media (min-width:576px) {
    body.flightbooking footer .bottom-left .shapes2 {
        width: 200px;
        height: 200px
    }
}

@media (min-width:993px) {
    body.flightbooking footer .bottom-left .shapes2 {
        width: 300px;
        height: 300px
    }
}

@media (min-width:1440px) {
    body.flightbooking footer .bottom-left .shapes2 {
        width: 400px;
        height: 400px
    }
}

body.flightbooking footer .bottom-left .shapes3 {
    bottom: -250px;
    opacity: .2
}

.galbox {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap
}

    .galbox .box-group {
        display: inline-block
    }

.galbox-flexbox {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto
}

    .galbox-flexbox .box-group {
        flex: 0 0 auto
    }

.galbox::-webkit-scrollbar {
    display: none
}

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

body.flightbooking-list {
    background-color: #f8f8f8
}

    body.flightbooking-list .innerwrapper {
        position: relative;
        display: inline-block;
        width: 100%
    }

    body.flightbooking-list .bst-srcrslt {
        position: relative;
        z-index: 9;
        padding-top: 0;
        margin-bottom: 50px
    }

@media (min-width:768px) {
    body.flightbooking-list .bst-srcrslt {
        margin-bottom: 60px
    }
}

@media (min-width:993px) {
    body.flightbooking-list .bst-srcrslt {
        margin-bottom: 80px
    }
}

@media (min-width:1200px) {
    body.flightbooking-list .bst-srcrslt {
        margin-bottom: 100px
    }
}

@media (min-width:1440px) {
    body.flightbooking-list .bst-srcrslt {
        margin-bottom: 130px
    }
}

body.flightbooking-list .bst-srcrslt .cmn-header h1 {
    font-size: 36px;
    line-height: 46px
}

@media (min-width:576px) {
    body.flightbooking-list .bst-srcrslt .cmn-header h1 {
        font-size: 42px;
        line-height: 54px
    }
}

@media (min-width:768px) {
    body.flightbooking-list .bst-srcrslt .cmn-header h1 {
        font-size: 52px;
        line-height: 42px
    }
}

@media (min-width:993px) {
    body.flightbooking-list .bst-srcrslt .cmn-header h1 {
        font-size: 60px;
        line-height: 52px
    }
}

@media (min-width:1200px) {
    body.flightbooking-list .bst-srcrslt .cmn-header h1 {
        font-size: 72px;
        line-height: 76px
    }
}

@media (min-width:1920px) {
    body.flightbooking-list .bst-srcrslt .cmn-header h1 {
        font-size: 90px;
        line-height: 90px
    }
}

body.flightbooking-list .dtls-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: #fff;
    box-shadow: -4.022px 32.754px 51px rgba(0,0,0,.05);
    padding: 15px
}

@media (min-width:768px) {
    body.flightbooking-list .dtls-bar {
        padding: 25px
    }
}

@media (min-width:993px) {
    body.flightbooking-list .dtls-bar {
        flex-direction: row
    }
}

@media (min-width:1200px) {
    body.flightbooking-list .dtls-bar {
        padding: 30px
    }
}

@media (min-width:1920px) {
    body.flightbooking-list .dtls-bar {
        padding: 50px
    }
}

body.flightbooking-list .dtls-bar .dtl-header {
    padding: 0 15px;
    padding-left: 0px !important;
    width: 100%;
    margin-bottom: 30px
}

@media (min-width:993px) {
    body.flightbooking-list .dtls-bar .dtl-header {
        width: 25%;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    body.flightbooking-list .dtls-bar .dtl-header {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    body.flightbooking-list .dtls-bar .dtl-header {
        padding: 0 50px
    }
}

body.flightbooking-list .dtls-bar .dtl-header h3 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    font-family: "Montserrat",sans-serif;
    font-weight: 800;
    color: #111d59
}

@media (min-width:768px) {
    body.flightbooking-list .dtls-bar .dtl-header h3 {
        font-size: 36px;
        line-height: 36px
    }
}

@media (min-width:993px) {
    body.flightbooking-list .dtls-bar .dtl-header h3 {
        font-size: 42px;
        line-height: 42px;
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    body.flightbooking-list .dtls-bar .dtl-header h3 {
        font-size: 48px;
        line-height: 48px
    }
}

@media (min-width:1920px) {
    body.flightbooking-list .dtls-bar .dtl-header h3 {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 20px
    }
}

body.flightbooking-list .dtls-bar .dtl-header h3 br {
    display: none
}

@media (min-width:993px) {
    body.flightbooking-list .dtls-bar .dtl-header h3 br {
        display: block
    }
}

body.flightbooking-list .dtls-bar .dtl-header p {
    font-size: 11px;
    font-weight: 500;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: normal
}

    body.flightbooking-list .dtls-bar .dtl-header p br {
        display: none
    }

@media (min-width:1440px) {
    body.flightbooking-list .dtls-bar .dtl-header p br {
        display: block
    }
}

body.flightbooking-list .dtls-bar ul {
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width:768px) {
    body.flightbooking-list .dtls-bar ul {
        flex-direction: row
    }
}

@media (min-width:993px) {
    body.flightbooking-list .dtls-bar ul {
        justify-content: space-between;
        align-items: center;
        width: 75%
    }
}

@media (min-width:1200px) {
    body.flightbooking-list .dtls-bar ul {
        padding-left: 10px
    }
}

body.flightbooking-list .dtls-bar ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    width: 100%;
    margin-bottom: 15px
}

@media (min-width:768px) {
    body.flightbooking-list .dtls-bar ul li {
        width: 33.33%
    }
}

@media (min-width:993px) {
    body.flightbooking-list .dtls-bar ul li {
        justify-content: center;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    body.flightbooking-list .dtls-bar ul li {
        width: 33.33%
    }
}

@media (min-width:993px) {
    body.flightbooking-list .dtls-bar ul li:first-child {
        width: 45%
    }
}

@media (min-width:1200px) {
    body.flightbooking-list .dtls-bar ul li:first-child {
        width: 33.33%
    }
}

body.flightbooking-list .dtls-bar ul li p {
    font-size: 14px;
    letter-spacing: 1px;
    width: 33.33%;
    font-weight: 600;
    color: #222;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    line-height: normal;
    text-align: left
}

@media (min-width:1200px) {
    body.flightbooking-list .dtls-bar ul li p {
        font-size: 16px;
        letter-spacing: 2px;
        text-align: center
    }
}

@media (min-width:1920px) {
    body.flightbooking-list .dtls-bar ul li p {
        font-size: 18px;
        letter-spacing: 3px
    }
}

body.flightbooking-list .dtls-bar ul li p br {
    display: none
}

@media (min-width:1440px) {
    body.flightbooking-list .dtls-bar ul li p br {
        display: block
    }
}

body.flightbooking-list .dtls-bar ul li i {
    display: none;
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
    width: auto;
    margin-right: 10px
}

@media (min-width:993px) {
    body.flightbooking-list .dtls-bar ul li i {
        font-size: 28px
    }
}

@media (min-width:1200px) {
    body.flightbooking-list .dtls-bar ul li i {
        margin-right: 15px;
        font-size: 32px;
        font-weight: 500
    }
}

@media (min-width:1440px) {
    body.flightbooking-list .dtls-bar ul li i {
        margin-right: 30px;
        font-size: 36px
    }
}

body.flightbooking-list .dtls-bar ul li span {
    display: inline-block;
    width: 100%;
    background: #ee3840;
    position: relative;
    overflow: hidden;
    height: 2px;
    width: 8px;
    top: -3px;
    position: relative !important
}

@media (min-width:768px) {
    body.flightbooking-list .dtls-bar ul li span {
        display: inline-block;
        width: 100%;
        color: #ee3840;
        position: relative;
        background-color: #fff;
        padding: 0 10px;
        z-index: 9;
        overflow: hidden;
        height: auto;
        top: 0
    }
}

@media (min-width:1440px) {
    body.flightbooking-list .dtls-bar ul li span {
        margin: 5px 0
    }
}

body.flightbooking-list .dtls-bar ul li span:before {
    content: "";
    height: 100%;
    width: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #FFF;
    z-index: -1
}

body.flightbooking-list .dtls-bar ul li span:after {
    content: "";
    height: 1px;
    width: 140px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #ee3840;
    z-index: -2
}

body.flightbooking-list .dtls-bar ul li .person {
    margin-right: 10px
}

@media (min-width:1200px) {
    body.flightbooking-list .dtls-bar ul li .person {
        margin-right: 15px
    }
}

@media (min-width:1440px) {
    body.flightbooking-list .dtls-bar ul li .person {
        margin-right: 30px
    }
}

body.flightbooking-list .dtls-bar ul li .person svg {
    width: 26px;
    height: auto
}

@media (min-width:768px) {
    body.flightbooking-list .dtls-bar ul li .person svg {
        width: 36px
    }
}

body.flightbooking-list .dtls-bar ul li .person svg .svg-eyes {
    display: none
}

body.flightbooking-list .dtls-bar ul li .person svg .svg-body {
    transition: transform .2s
}

@keyframes eye-open {
    from {
        stroke-dashoffset: -20
    }

    to {
        stroke-dashoffset: 0
    }
}

body.flightbooking-list .dtls-bar ul li .calendar-icon {
    padding: .5em;
    margin: 1em auto;
    cursor: pointer
}

    body.flightbooking-list .dtls-bar ul li .calendar-icon svg {
        margin: 0 auto;
        height: 40px;
        width: auto
    }

        body.flightbooking-list .dtls-bar ul li .calendar-icon svg #top-left, body.flightbooking-list .dtls-bar ul li .calendar-icon svg #top-middle, body.flightbooking-list .dtls-bar ul li .calendar-icon svg #top-right, body.flightbooking-list .dtls-bar ul li .calendar-icon svg #bottom-left, body.flightbooking-list .dtls-bar ul li .calendar-icon svg #bottom-middle, body.flightbooking-list .dtls-bar ul li .calendar-icon svg #bottom-right {
            opacity: 0;
            transition-delay: .5
        }

        body.flightbooking-list .dtls-bar ul li .calendar-icon svg:hover #top-left {
            opacity: 1;
            transition: ease all;
            transition-delay: 0.5s
        }

        body.flightbooking-list .dtls-bar ul li .calendar-icon svg:hover #top-middle {
            opacity: 1;
            transition: ease all;
            transition-delay: 0.1s
        }

        body.flightbooking-list .dtls-bar ul li .calendar-icon svg:hover #top-right {
            opacity: 1;
            transition: ease all;
            transition-delay: 0.9s
        }

        body.flightbooking-list .dtls-bar ul li .calendar-icon svg:hover #bottom-left {
            opacity: 1;
            transition: ease all;
            transition-delay: 1.2s
        }

        body.flightbooking-list .dtls-bar ul li .calendar-icon svg:hover #bottom-middle {
            opacity: 1;
            transition: ease all;
            transition-delay: 1.5s
        }

        body.flightbooking-list .dtls-bar ul li .calendar-icon svg:hover #bottom-right {
            opacity: 1;
            transition: ease all;
            transition-delay: 2s
        }

body.flightbooking-list .dtls-bar ul li:hover .person svg .svg-body {
    transform: translateY(4px)
}

body.flightbooking-list .dtls-bar ul li:hover .person svg .svg-eyes {
    display: block;
    stroke-dasharray: 20;
    stroke-dashoffset: 0;
    animation: eye-open .2s linear
}

.tickets-infosec {
    width: 100%;
    padding: 25px 30px;
    margin-bottom: 30px;
    position: relative;
    -webkit-filter: drop-shadow(0 50px 20px rgba(0,0,0,.12));
    filter: drop-shadow(0 50px 20px rgba(0,0,0,.12));
    background-size: 51% 100%;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle at 0 50%,rgba(255,255,224,0) 25px,#ffffff .5em),radial-gradient(circle at 100% 50%,rgba(255,255,224,0) 25px,#ffffff .5em);
    background-position: top left,top right
}

@media (min-width:480px) {
    .tickets-infosec {
        padding: 30px 40px
    }
}

@media (min-width:768px) {
    .tickets-infosec {
        padding: 40px 60px;
        background-image: radial-gradient(circle at 0 50%,rgba(255,255,224,0) 40px,#ffffff .5em),radial-gradient(circle at 100% 50%,rgba(255,255,224,0) 40px,#ffffff .5em)
    }
}

.tickets-infosec .trip-info {
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px
}

@media (min-width:480px) {
    .tickets-infosec .trip-info {
        justify-content: flex-start
    }
}

@media (min-width:576px) {
    .tickets-infosec .trip-info {
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .tickets-infosec .trip-info {
        display: block
    }
}

@media (min-width:993px) {
    .tickets-infosec .trip-info {
        margin-bottom: 30px
    }
}

@media (min-width:1920px) {
    .tickets-infosec .trip-info {
        margin-bottom: 0
    }
}

.tickets-infosec .trip-info .trip-type {
    display: inline-block;
    border: 1px solid #444343;
    border-radius: 50px;
    padding: 10px 20px;
    font-weight: 800;
    margin-right: 15px;
    color: #444343;
    margin-bottom: 5px
}

@media (min-width:576px) {
    .tickets-infosec .trip-info .trip-type {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .tickets-infosec .trip-info .trip-type {
        margin-bottom: 0
    }
}

.tickets-infosec .trip-info &gt; span {
    display: inline-block;
    color: #777;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif
}

.tickets-infosec .trip-info &gt; strong {
    font-size: 14px;
    display: block;
    width: 100%;
    float: right;
    display: inline-block;
    padding: 5px 0;
    font-weight: 800;
    margin-right: 15px;
    text-align: center;
    color: #444343;
    text-transform: uppercase;
    letter-spacing: 1px
}

@media (min-width:480px) {
    .tickets-infosec .trip-info &gt; strong {
        text-align: left
    }
}

@media (min-width:768px) {
    .tickets-infosec .trip-info &gt; strong {
        padding: 10px 20px;
        display: inline-block;
        width: auto
    }
}

.tickets-infosec .trip-info &gt; strong span {
    display: inline-block;
    color: #777;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    letter-spacing: 0
}

.tickets-infosec .venue-log {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px
}

@media (min-width:1200px) {
    .tickets-infosec .venue-log {
        flex-direction: row
    }
}

@media (min-width:1440px) {
    .tickets-infosec .venue-log {
        margin-bottom: 0
    }
}

.tickets-infosec .venue-log .venue-map {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    position: relative
}

@media (min-width:768px) {
    .tickets-infosec .venue-log .venue-map {
        padding: 40px;
        margin-bottom: 0
    }
}

@media (min-width:993px) {
    .tickets-infosec .venue-log .venue-map {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        padding: 0
    }
}

@media (min-width:1440px) {
    .tickets-infosec .venue-log .venue-map {
        float:left;
        max-width: 58.3333333333%
    }
}

@media (min-width:1920px) {
    .tickets-infosec .venue-log .venue-map {
        float:left;
        max-width: 66.6666666667%
    }
}

.tickets-infosec .venue-log .venue-desti {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width:768px) {
    .tickets-infosec .venue-log .venue-desti {
        width: 100%;
        justify-content: center;
        flex-direction: row
    }
}

@media (min-width:993px) {
    .tickets-infosec .venue-log .venue-desti {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        width: 100%
    }
}

@media (min-width:1200px) {
    .tickets-infosec .venue-log .venue-desti {
        justify-content: space-between
    }
}

@media (min-width:1440px) {
    .tickets-infosec .venue-log .venue-desti {
        float:left;
        max-width: 41.6666666667%
    }
}

@media (min-width:1920px) {
    .tickets-infosec .venue-log .venue-desti {
        float:left;
        max-width: 33.3333333333%
    }
}

.tickets-infosec .venue-log .venue-desti .switch-icon {
    margin-top: 30px;
    display: none
}

@media (min-width:768px) {
    .tickets-infosec .venue-log .venue-desti .switch-icon {
        margin-top: 40px;
        display: block
    }
}

@media (min-width:993px) {
    .tickets-infosec .venue-log .venue-desti .switch-icon {
        margin-top: 35px;
        max-width: 24px
    }
}

@media (min-width:1200px) {
    .tickets-infosec .venue-log .venue-desti .switch-icon {
        margin-top: 60px;
        max-width: 100%
    }
}

@media (min-width:1440px) {
    .tickets-infosec .venue-log .venue-desti .switch-icon {
        margin-top: 80px
    }
}

.tickets-infosec .venue-log .venue-desti .source-city, .tickets-infosec .venue-log .venue-desti .destination-city {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    align-items: center;
    justify-content: flex-start
}

@media (min-width:480px) {
    .tickets-infosec .venue-log .venue-desti .source-city, .tickets-infosec .venue-log .venue-desti .destination-city {
        flex-direction: row
    }
}

@media (min-width:768px) {
    .tickets-infosec .venue-log .venue-desti .source-city, .tickets-infosec .venue-log .venue-desti .destination-city {
        flex-direction: column;
        max-width: 180px
    }
}

@media (min-width:1200px) {
    .tickets-infosec .venue-log .venue-desti .source-city, .tickets-infosec .venue-log .venue-desti .destination-city {
        max-width: 185px
    }
}

.tickets-infosec .venue-log .venue-desti .source-city .city-img, .tickets-infosec .venue-log .venue-desti .destination-city .city-img {
    border-radius: 50%;
    overflow: hidden;
    height: 70px;
    width: 70px;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .tickets-infosec .venue-log .venue-desti .source-city .city-img, .tickets-infosec .venue-log .venue-desti .destination-city .city-img {
        height: 100px;
        width: 100px
    }
}

@media (min-width:993px) {
    .tickets-infosec .venue-log .venue-desti .source-city .city-img, .tickets-infosec .venue-log .venue-desti .destination-city .city-img {
        height: 100px;
        width: 100px;
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .tickets-infosec .venue-log .venue-desti .source-city .city-img, .tickets-infosec .venue-log .venue-desti .destination-city .city-img {
        height: 150px;
        width: 150px;
        margin-bottom: 20px
    }
}

@media (min-width:1920px) {
    .tickets-infosec .venue-log .venue-desti .source-city .city-img, .tickets-infosec .venue-log .venue-desti .destination-city .city-img {
        height: 180px;
        width: 180px;
        margin-bottom: 30px
    }
}

.tickets-infosec .venue-log .venue-desti .source-city .city-dtls, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 10px;
    width: 100%
}

@media (min-width:480px) {
    .tickets-infosec .venue-log .venue-desti .source-city .city-dtls, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls {
        width: calc(100% - 80px);
        align-items: flex-start
    }
}

@media (min-width:576px) {
    .tickets-infosec .venue-log .venue-desti .source-city .city-dtls, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls {
        width: calc(100% - 150px);
        flex-direction: row;
        padding-left: 20px
    }
}

@media (min-width:768px) {
    .tickets-infosec .venue-log .venue-desti .source-city .city-dtls, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls {
        flex-direction: column;
        align-items: center;
        padding-left: 0;
        width: auto
    }
}

.tickets-infosec .venue-log .venue-desti .source-city .city-dtls .citycode, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls .citycode {
    color: #111d59;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    font-family: "Montserrat",sans-serif;
    margin-bottom: 5px
}

@media (min-width:768px) {
    .tickets-infosec .venue-log .venue-desti .source-city .city-dtls .citycode, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls .citycode {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 15px
    }
}

@media (min-width:993px) {
    .tickets-infosec .venue-log .venue-desti .source-city .city-dtls .citycode, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls .citycode {
        font-size: 36px;
        line-height: 36px
    }
}

@media (min-width:1200px) {
    .tickets-infosec .venue-log .venue-desti .source-city .city-dtls .citycode, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls .citycode {
        font-size: 50px;
        line-height: 50px
    }
}

@media (min-width:1440px) {
    .tickets-infosec .venue-log .venue-desti .source-city .city-dtls .citycode, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls .citycode {
        font-size: 60px;
        line-height: 60px
    }
}

.tickets-infosec .venue-log .venue-desti .source-city .city-dtls .city-airport, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls .city-airport {
    color: #777;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    font-family: 'Poppins',sans-serif;
    margin-top: 0;
    margin-bottom: 5px;
    letter-spacing: 1px
}

@media (min-width:480px) {
    .tickets-infosec .venue-log .venue-desti .source-city .city-dtls .city-airport, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls .city-airport {
        margin-top: 0;
        margin-bottom: 5px;
        line-height: 11px;
        text-align: left
    }
}

@media (min-width:576px) {
    .tickets-infosec .venue-log .venue-desti .source-city .city-dtls .city-airport, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls .city-airport {
        margin-top: 6px
    }
}

@media (min-width:768px) {
    .tickets-infosec .venue-log .venue-desti .source-city .city-dtls .city-airport, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls .city-airport {
        margin-bottom: 10px;
        text-align: center
    }
}

.tickets-infosec .venue-log .venue-desti .source-city .city-dtls .ggl-revu, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls .ggl-revu {
    color: #777;
    font-weight: 500;
    font-size: 13px;
    line-height: 11px;
    font-family: 'Poppins',sans-serif;
    margin-bottom: 10px;
    letter-spacing: 1px;
    width: 100%;
    text-align: center
}

@media (min-width:480px) {
    .tickets-infosec .venue-log .venue-desti .source-city .city-dtls .ggl-revu, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls .ggl-revu {
        text-align: left
    }
}

@media (min-width:768px) {
    .tickets-infosec .venue-log .venue-desti .source-city .city-dtls .ggl-revu, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls .ggl-revu {
        text-align: center
    }
}

.tickets-infosec .venue-log .venue-desti .source-city .city-dtls .ggl-revu .gt-star1, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls .ggl-revu .gt-star1 {
    color: #ff9d04
}

.tickets-infosec .venue-log .venue-desti .source-city .city-dtls .ggl-revu a, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls .ggl-revu a {
    color: #2f84cd;
    font-family: 'Poppins',sans-serif;
    letter-spacing: 0
}

@media (min-width:768px) {
    .tickets-infosec .venue-log .venue-desti .source-city .city-dtls .ggl-revu a, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls .ggl-revu a {
        display: block
    }
}

@media (min-width:1200px) {
    .tickets-infosec .venue-log .venue-desti .source-city .city-dtls .ggl-revu a, .tickets-infosec .venue-log .venue-desti .destination-city .city-dtls .ggl-revu a {
        display: inline
    }
}

.tickets-infosec .trip-info-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

@media (min-width:480px) {
    .tickets-infosec .trip-info-footer {
        justify-content: space-between;
        align-items: center
    }
}

@media (min-width:993px) {
    .tickets-infosec .trip-info-footer {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }
}

.tickets-infosec .trip-info-footer p {
    color: #777;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 14px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    text-align: center
}

@media (min-width:993px) {
    .tickets-infosec .trip-info-footer p {
        margin-bottom: 0;
        max-width: 60%;
        text-align: left
    }
}

.tickets-infosec .trip-info-footer p br {
    display: none
}

@media (min-width:1440px) {
    .tickets-infosec .trip-info-footer p br {
        display: block
    }
}

.wefound {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #ebebeb;
    position: relative
}

@media (min-width:768px) {
    .wefound {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width:993px) {
    .wefound {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media (min-width:1200px) {
    .wefound {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width:1440px) {
    .wefound {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.wefound:before {
    content: "";
    width: 100%;
    height: calc(100% + 500px);
    position: absolute;
    background-color: #ebebeb;
    z-index: 0;
    top: 0
}

.wefound header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 30px
}

@media (min-width:993px) {
    .wefound header {
        margin-bottom: 40px
    }
}

@media (min-width:1440px) {
    .wefound header {
        margin-bottom: 50px
    }
}

.wefound header h3 {
    text-transform: capitalize;
    font-weight: 800;
    letter-spacing: 0;
    color: #333f4b;
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 30px
}

.wefound header span {
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    color: #707377;
    font-size: 24px;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    line-height: 24px
}

.wefound .panelheader {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    border: 1px solid #e9e9e9;
    box-shadow: 0 26px 38px rgba(0,0,0,.09);
    margin-bottom: 35px
}

    .wefound .panelheader .flightsinfo {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        border-bottom: 1px solid #ebebeb;
        padding: 15px
    }

@media (min-width:480px) {
    .wefound .panelheader .flightsinfo {
        flex-direction: row;
        align-items: baseline
    }
}

@media (min-width:768px) {
    .wefound .panelheader .flightsinfo {
        padding: 20px;
        align-items: center
    }
}

@media (min-width:993px) {
    .wefound .panelheader .flightsinfo {
        padding: 30px
    }
}

@media (min-width:1200px) {
    .wefound .panelheader .flightsinfo {
        padding: 40px
    }
}

@media (min-width:1440px) {
    .wefound .panelheader .flightsinfo {
        padding: 50px
    }
}

.wefound .panelheader .flightsinfo .left {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    width: 100%
}

@media (min-width:768px) {
    .wefound .panelheader .flightsinfo .left {
        flex-direction: row;
        width: auto;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .wefound .panelheader .flightsinfo .left {
        width: auto
    }
}

.wefound .panelheader .flightsinfo .left li {
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-right: 0;
    margin-bottom: 10px;
    color: #616265;
    font-family: 'Poppins',sans-serif
}

@media (min-width:768px) {
    .wefound .panelheader .flightsinfo .left li {
        margin-right: 15px;
        margin-bottom: 0
    }
}

@media (min-width:993px) {
    .wefound .panelheader .flightsinfo .left li {
        font-size: 15px;
        flex-direction: row;
        margin-right: 20px
    }
}

@media (min-width:1200px) {
    .wefound .panelheader .flightsinfo .left li {
        font-size: 16px;
        margin-right: 25px
    }
}

@media (min-width:1440px) {
    .wefound .panelheader .flightsinfo .left li {
        margin-right: 30px
    }
}

.wefound .panelheader .flightsinfo .left li span {
    background: #67cf5e;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-family: 400;
    margin-right: 15px;
    font-size: 16px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center
}

@media (min-width:768px) {
    .wefound .panelheader .flightsinfo .left li span {
        font-size: 16px;
        height: 40px;
        width: 40px;
        line-height: 40px;
        margin-right: 10px
    }
}

@media (min-width:993px) {
    .wefound .panelheader .flightsinfo .left li span {
        font-size: 18px;
        height: 45px;
        width: 45px;
        line-height: 45px
    }
}

@media (min-width:1200px) {
    .wefound .panelheader .flightsinfo .left li span {
        font-size: 18px;
        height: 55px;
        width: 55px;
        line-height: 55px;
        margin-right: 15px
    }
}

@media (min-width:1440px) {
    .wefound .panelheader .flightsinfo .left li span {
        font-size: 20px;
        height: 65px;
        width: 65px;
        line-height: 65px
    }
}

.wefound .panelheader .flightsinfo .left li:nth-child(1) span {
    background-color: #24d477
}

.wefound .panelheader .flightsinfo .left li:nth-child(2) span {
    background-color: #ff3161
}

.wefound .panelheader .flightsinfo .left li:nth-child(3) {
    margin-right: 0
}

    .wefound .panelheader .flightsinfo .left li:nth-child(3) span {
        background-color: #1d79d5
    }

.wefound .panelheader .flightsinfo .right {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center
}

@media (min-width:480px) {
    .wefound .panelheader .flightsinfo .right {
        flex-direction: column;
        justify-content: initial
    }
}

@media (min-width:768px) {
    .wefound .panelheader .flightsinfo .right {
        flex-direction: row;
        width: auto
    }
}

.wefound .panelheader .flightsinfo .right span {
    font-size: 13px
}

@media (min-width:480px) {
    .wefound .panelheader .flightsinfo .right span {
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .wefound .panelheader .flightsinfo .right span {
        font-size: 14px;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .wefound .panelheader .flightsinfo .right span {
        font-size: 15px
    }
}

@media (min-width:1440px) {
    .wefound .panelheader .flightsinfo .right span {
        font-size: 16px
    }
}

.wefound .panelheader .flightsinfo .right .refresh {
    background-color: #24d477;
    color: #fff;
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 30px;
    text-align: center;
    margin-right: 10px
}

@media (min-width:480px) {
    .wefound .panelheader .flightsinfo .right .refresh {
        flex-direction: column;
        margin-right: 0;
        height: 45px;
        width: 45px;
        line-height: 45px
    }
}

@media (min-width:768px) {
    .wefound .panelheader .flightsinfo .right .refresh {
        margin-left: 10px;
        height: 50px;
        width: 50px;
        line-height: 50px
    }
}

@media (min-width:993px) {
    .wefound .panelheader .flightsinfo .right .refresh {
        height: 55px;
        width: 55px;
        line-height: 55px;
        font-size: 28px
    }
}

@media (min-width:1440px) {
    .wefound .panelheader .flightsinfo .right .refresh {
        margin-left: 30px;
        height: 65px;
        width: 65px;
        line-height: 65px;
        font-size: 30px
    }
}

.wefound .panelheader .flights-time-feature {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid #ebebeb
}

@media (min-width:768px) {
    .wefound .panelheader .flights-time-feature {
        padding: 30px
    }
}

@media (min-width:993px) {
    .wefound .panelheader .flights-time-feature {
        padding: 30px
    }
}

@media (min-width:1200px) {
    .wefound .panelheader .flights-time-feature {
        padding: 30px 40px;
        align-items: flex-start
    }
}

@media (min-width:1440px) {
    .wefound .panelheader .flights-time-feature {
        padding: 30px;
        flex-direction: row;
        align-items: center
    }
}

@media (min-width:1920px) {
    .wefound .panelheader .flights-time-feature {
        padding: 30px 50px
    }
}

.wefound .panelheader .flights-time-feature .left {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;
    width: 100%
}

@media (min-width:768px) {
    .wefound .panelheader .flights-time-feature .left {
        margin-bottom: 20px;
        flex-direction: row
    }
}

@media (min-width:993px) {
    .wefound .panelheader .flights-time-feature .left {
        margin-bottom: 20px
    }
}

@media (min-width:1440px) {
    .wefound .panelheader .flights-time-feature .left {
        width: 55%;
        margin-bottom: 0
    }
}

@media (min-width:1920px) {
    .wefound .panelheader .flights-time-feature .left {
        float:left;
        max-width: 50%
    }
}

.wefound .panelheader .flights-time-feature .left span {
    font-family: 'Poppins',sans-serif;
    font-size: 18px;
    color: #36373a;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 400;
    width: 100%;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .wefound .panelheader .flights-time-feature .left span {
        width: 140px;
        margin-right: 20px;
        padding-left: 0;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .wefound .panelheader .flights-time-feature .left span {
        width: auto
    }
}

.wefound .panelheader .flights-time-feature .left ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media (min-width:768px) {
    .wefound .panelheader .flights-time-feature .left ul {
        flex-direction: row
    }
}

.wefound .panelheader .flights-time-feature .left ul li {
    border: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 90px;
    width: 95px;
    margin: 5px;
    font-size: 14px;
    font-family: 'Poppins',sans-serif;
    color: #36373a
}

@media (min-width:480px) {
    .wefound .panelheader .flights-time-feature .left ul li {
        margin: 15px
    }
}

@media (min-width:768px) {
    .wefound .panelheader .flights-time-feature .left ul li {
        margin: 0;
        margin-right: 15px
    }
}

@media (min-width:993px) {
    .wefound .panelheader .flights-time-feature .left ul li {
        height: 90px;
        width: 100px
    }
}

@media (min-width:1200px) {
    .wefound .panelheader .flights-time-feature .left ul li {
        height: 90px;
        width: 95px;
        margin-right: 10px
    }
}

@media (min-width:1920px) {
    .wefound .panelheader .flights-time-feature .left ul li {
        height: 100px;
        width: 110px;
        margin-right: 20px
    }
}

.wefound .panelheader .flights-time-feature .left ul li i {
    font-size: 30px;
    margin-bottom: 10px
}

.wefound .panelheader .flights-time-feature .left ul li:last-child {
    margin-right: 0
}

.wefound .panelheader .flights-time-feature .right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%
}

@media (min-width:768px) {
    .wefound .panelheader .flights-time-feature .right {
        flex-direction: row;
        justify-content: flex-start
    }
}

@media (min-width:1440px) {
    .wefound .panelheader .flights-time-feature .right {
        width: 45%;
        justify-content: flex-end
    }
}

@media (min-width:1920px) {
    .wefound .panelheader .flights-time-feature .right {
        float:left;
        max-width: 50%
    }
}

.wefound .panelheader .flights-time-feature .right span {
    font-family: 'Poppins',sans-serif;
    font-size: 18px;
    color: #36373a;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 400;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    display: inline-block
}

@media (min-width:768px) {
    .wefound .panelheader .flights-time-feature .right span {
        width: 140px;
        margin-right: 10px;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .wefound .panelheader .flights-time-feature .right span {
        width: auto
    }
}

@media (min-width:1920px) {
    .wefound .panelheader .flights-time-feature .right span {
        margin-right: 30px
    }
}

.wefound .panelheader .flights-time-feature .right ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

@media (min-width:768px) {
    .wefound .panelheader .flights-time-feature .right ul {
        flex-direction: row;
        width: auto
    }
}

.wefound .panelheader .flights-time-feature .right ul li {
    min-width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 9px rgba(0,0,0,.13);
    line-height: 40px;
    padding: 10px;
    margin-bottom: 20px;
    margin-right: 10px
}

@media (min-width:993px) {
    .wefound .panelheader .flights-time-feature .right ul li {
        padding: 15px;
        margin-right: 20px;
        margin-bottom: 0
    }
}

@media (min-width:1920px) {
    .wefound .panelheader .flights-time-feature .right ul li {
        margin-right: 20px
    }
}

.wefound .panelheader .flights-time-feature .right ul li:last-child {
    margin-right: 0
}

.wefound .panelheader .flights-time-feature .right ul li i {
    font-size: 30px;
    color: #36373a
}

.wefound .panelheader .flights-time-feature .right ul li .slctdd {
    border: none !important;
    font-family: 'Poppins',sans-serif;
    padding: 5px;
    font-size: 16px;
    color: #36373a;
    font-weight: 300;
    text-transform: capitalize;
    appearance: none;
    line-height: 60px
}

@media (min-width:993px) {
    .wefound .panelheader .flights-time-feature .right ul li .slctdd {
        line-height: normal
    }
}

@media (min-width:1200px) {
    .wefound .panelheader .flights-time-feature .right ul li .slctdd {
        line-height: 60px
    }
}

.wefound .panelheader .flights-time-feature .right ul li .slctdd:focus {
    outline: none !important
}

.dailyfare-cal {
    margin-bottom: 30px
}

@media (min-width:993px) {
    .dailyfare-cal {
        margin-bottom: 40px
    }
}

@media (min-width:1440px) {
    .dailyfare-cal {
        margin-bottom: 55px
    }
}

.dailyfare-cal img {
    border: 1px solid #e9e9e9
}

.listrow {
    background: #fff;
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 10px;
    flex-wrap: wrap
}

    .listrow .source-destination {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        border-right: none;
        width: 100%;
        padding: 15px
    }

@media (min-width:480px) {
    .listrow .source-destination {
        flex-direction: row
    }
}

@media (min-width:768px) {
    .listrow .source-destination {
        width: 60%;
        padding: 20px;
        border-right: 1px solid #e8e8e8
    }
}

@media (min-width:1440px) {
    .listrow .source-destination {
        width: 45%
    }
}

@media (min-width:1920px) {
    .listrow .source-destination {
        padding: 30px
    }
}

.listrow .source-destination .cmpny-logo {
    text-align: center;
    min-width: 100px
}

    .listrow .source-destination .cmpny-logo img {
        height: 60px;
        width: 60px;
        margin-bottom: 10px
    }

    .listrow .source-destination .cmpny-logo figcaption {
        color: #808182;
        font-size: 12px;
        font-family: 'Poppins',sans-serif;
        text-transform: capitalize
    }

.listrow .source-destination .src-dst {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    width: 100%
}

@media (min-width:480px) {
    .listrow .source-destination .src-dst {
        width: 80%
    }
}

@media (min-width:993px) {
    .listrow .source-destination .src-dst {
        width: 80%
    }
}

@media (min-width:1200px) {
    .listrow .source-destination .src-dst {
        width: auto
    }
}

@media (min-width:1920px) {
    .listrow .source-destination .src-dst {
        padding: 0 20px
    }
}

.listrow .source-destination .src-dst .src strong {
    font-family: "Montserrat",sans-serif;
    font-weight: 600;
    font-size: 28px;
    color: #111d59;
    display: block;
    width: 100%;
    text-align: center
}

@media (min-width:768px) {
    .listrow .source-destination .src-dst .src strong {
        font-size: 32px
    }
}

@media (min-width:1200px) {
    .listrow .source-destination .src-dst .src strong {
        font-size: 36px
    }
}

@media (min-width:1440px) {
    .listrow .source-destination .src-dst .src strong {
        font-size: 40px
    }
}

.listrow .source-destination .src-dst .src span {
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #4a4d5b;
    display: block;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center
}

@media (min-width:993px) {
    .listrow .source-destination .src-dst .src span {
        font-size: 14px
    }
}

@media (min-width:1440px) {
    .listrow .source-destination .src-dst .src span {
        font-size: 15px
    }
}

.listrow .source-destination .src-dst .src span i {
    margin-right: 5px
}

.listrow .source-destination .src-dst .tracking-line {
    padding: 0 15px
}

@media (min-width:1920px) {
    .listrow .source-destination .src-dst .tracking-line {
        padding: 0 30px
    }
}

.listrow .aditional-features {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px 20px;
    border-top: 1px solid #e8e8e8
}

@media (min-width:768px) {
    .listrow .aditional-features {
        width: 40%;
        padding: 15px 10px;
        border-top: none
    }
}

@media (min-width:993px) {
    .listrow .aditional-features {
        border-top: none;
        padding: 15px 30px
    }
}

@media (min-width:1440px) {
    .listrow .aditional-features {
        width: 25%;
        border-right: 1px solid #e8e8e8;
        padding: 20px
    }
}

@media (min-width:1920px) {
    .listrow .aditional-features {
        padding: 20px 40px
    }
}

.listrow .fare-book {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid #e8e8e8;
    padding: 20px
}

@media (min-width:480px) {
    .listrow .fare-book {
        flex-direction: row
    }
}

@media (min-width:993px) {
    .listrow .fare-book {
        padding: 30px
    }
}

@media (min-width:1440px) {
    .listrow .fare-book {
        width: 30%;
        border-top: none;
        padding: 20px
    }
}

@media (min-width:1920px) {
    .listrow .fare-book {
        padding: 40px
    }
}

.listrow .fare-book .fare {
    margin-bottom: 20px
}

@media (min-width:480px) {
    .listrow .fare-book .fare {
        margin-bottom: 0
    }
}

.listrow .fare-book .fare strong {
    color: #111d59;
    font-family: "Montserrat",sans-serif;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 5px;
    font-weight: 600;
    display: block
}

@media (min-width:993px) {
    .listrow .fare-book .fare strong {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 10px
    }
}

@media (min-width:1920px) {
    .listrow .fare-book .fare strong {
        font-size: 30px;
        line-height: 30px
    }
}

.listrow .fare-book .fare span {
    color: #808182;
    font-family: 'Poppins',sans-serif;
    font-size: 12px;
    font-weight: 400;
    display: block
}

.listrow .multiple {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 15px;
    position: relative;
    border-right: 1px solid #e8e8e8
}

@media (min-width:768px) {
    .listrow .multiple {
        width: 60%;
        padding: 20px
    }
}

@media (min-width:1440px) {
    .listrow .multiple {
        width: 45%
    }
}

@media (min-width:1920px) {
    .listrow .multiple {
        padding: 30px
    }
}

.listrow .multiple .source-destination {
    border: none;
    width: 100% !important;
    padding: 0;
    margin-bottom: 20px
}

.listrow .multiple .mltpl-tag {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background-color: #56b9ff;
    padding: 2px 10px;
    font-size: 11px;
    font-family: 'Poppins',sans-serif;
    transform: rotate(-90deg) translate(-40px,-40px)
}

.return-flight-src-list h4 {
    font-size: 20px;
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    color: #5a5c66;
    line-height: 20px;
    margin: 40px 0 50px
}

.return-flight-src-list .listrow2 {
    background: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 10px;
    align-items: center
}

    .return-flight-src-list .listrow2 .col1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        border-right: 1px solid #e8e8e8;
        width: 100%
    }

@media (min-width:1440px) {
    .return-flight-src-list .listrow2 .col1 {
        width: 70%
    }
}

.return-flight-src-list .listrow2 .col1 .rlistrows {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #e8e8e8
}

@media (min-width:768px) {
    .return-flight-src-list .listrow2 .col1 .rlistrows {
        flex-direction: row
    }
}

.return-flight-src-list .listrow2 .col1 .rlistrows:nth-last-of-type(1) {
    border: none
}

.return-flight-src-list .listrow2 .col1 .journeydate {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-end
}

    .return-flight-src-list .listrow2 .col1 .journeydate span {
        display: inline-block;
        font-family: 'Poppins',sans-serif;
        font-size: 13px;
        color: #fff;
        background-color: #111d59;
        padding: 8px 15px;
        margin-right: 25px
    }

    .return-flight-src-list .listrow2 .col1 .journeydate strong {
        display: inline-block;
        font-family: "Montserrat",sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #606371;
        display: flex;
        flex-direction: row;
        align-items: center
    }

@media (min-width:768px) {
    .return-flight-src-list .listrow2 .col1 .journeydate strong {
        font-size: 16px
    }
}

@media (min-width:993px) {
    .return-flight-src-list .listrow2 .col1 .journeydate strong {
        font-size: 18px
    }
}

@media (min-width:1440px) {
    .return-flight-src-list .listrow2 .col1 .journeydate strong {
        font-size: 20px
    }
}

.return-flight-src-list .listrow2 .col1 .journeydate strong i {
    margin-left: 5px
}

.return-flight-src-list .listrow2 .col3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    border-top: 1px solid #e8e8e8
}

@media (min-width:1440px) {
    .return-flight-src-list .listrow2 .col3 {
        border-top: none;
        width: 30%
    }
}

.return-flight-src-list .listrow2 .col3 .fare-book .fare {
    margin-bottom: 20px;
    width: 70%;
    column-count: 1
}

@media (min-width:480px) {
    .return-flight-src-list .listrow2 .col3 .fare-book .fare {
        column-count: 2;
        display: inline-block
    }
}

@media (min-width:768px) {
    .return-flight-src-list .listrow2 .col3 .fare-book .fare {
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .return-flight-src-list .listrow2 .col3 .fare-book .fare {
        column-count: 1
    }
}

@media (min-width:1920px) {
    .return-flight-src-list .listrow2 .col3 .fare-book .fare {
        display: flex
    }
}

.return-flight-src-list .listrow2 .col3 .fare-book .fare .extra-facility {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px
}

@media (min-width:480px) {
    .return-flight-src-list .listrow2 .col3 .fare-book .fare .extra-facility {
        align-items: flex-start;
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .return-flight-src-list .listrow2 .col3 .fare-book .fare .extra-facility {
        align-items: center
    }
}

@media (min-width:1920px) {
    .return-flight-src-list .listrow2 .col3 .fare-book .fare .extra-facility {
        align-items: flex-start
    }
}

.return-flight-src-list .listrow2 .col3 .fare-book .fare .tag-emi-avbl {
    margin-top: 10px
}

.return-flight-src-list .listrow2 .source-destination {
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 45px 15px 15px 15px;
    position: relative;
    min-height: 200px
}

@media (min-width:480px) {
    .return-flight-src-list .listrow2 .source-destination {
        flex-direction: row;
        padding: 45px 20px
    }
}

@media (min-width:768px) {
    .return-flight-src-list .listrow2 .source-destination {
        min-height: 200px;
        width: 60%;
        border-right: 1px solid #e8e8e8;
        border-bottom: none
    }
}

@media (min-width:993px) {
    .return-flight-src-list .listrow2 .source-destination {
        min-height: 250px
    }
}

@media (min-width:1440px) {
    .return-flight-src-list .listrow2 .source-destination {
        width: 72%
    }
}

@media (min-width:1920px) {
    .return-flight-src-list .listrow2 .source-destination {
        width: 60%;
        padding: 45px 30px
    }
}

.return-flight-src-list .listrow2 .source-destination .cmpny-logo {
    text-align: center;
    min-width: 100px
}

    .return-flight-src-list .listrow2 .source-destination .cmpny-logo img {
        height: 60px;
        width: 60px;
        margin-bottom: 10px
    }

    .return-flight-src-list .listrow2 .source-destination .cmpny-logo figcaption {
        color: #808182;
        font-size: 12px;
        font-family: 'Poppins',sans-serif;
        text-transform: capitalize
    }

.return-flight-src-list .listrow2 .source-destination .src-dst {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    width: 100%
}

@media (min-width:480px) {
    .return-flight-src-list .listrow2 .source-destination .src-dst {
        width: 80%
    }
}

@media (min-width:1200px) {
    .return-flight-src-list .listrow2 .source-destination .src-dst {
        width: auto
    }
}

@media (min-width:1920px) {
    .return-flight-src-list .listrow2 .source-destination .src-dst {
        padding: 0 20px
    }
}

.return-flight-src-list .listrow2 .source-destination .src-dst .src strong {
    font-family: "Montserrat",sans-serif;
    font-weight: 600;
    font-size: 28px;
    color: #111d59;
    display: block;
    width: 100%;
    text-align: center
}

@media (min-width:768px) {
    .return-flight-src-list .listrow2 .source-destination .src-dst .src strong {
        font-size: 32px
    }
}

@media (min-width:1200px) {
    .return-flight-src-list .listrow2 .source-destination .src-dst .src strong {
        font-size: 36px
    }
}

@media (min-width:1440px) {
    .return-flight-src-list .listrow2 .source-destination .src-dst .src strong {
        font-size: 40px
    }
}

.return-flight-src-list .listrow2 .source-destination .src-dst .src span {
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #4a4d5b;
    display: block;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center
}

@media (min-width:993px) {
    .return-flight-src-list .listrow2 .source-destination .src-dst .src span {
        font-size: 14px
    }
}

@media (min-width:1440px) {
    .return-flight-src-list .listrow2 .source-destination .src-dst .src span {
        font-size: 15px
    }
}

.return-flight-src-list .listrow2 .source-destination .src-dst .src span i {
    margin-right: 5px
}

.return-flight-src-list .listrow2 .source-destination .src-dst .tracking-line {
    padding: 0 15px
}

@media (min-width:1920px) {
    .return-flight-src-list .listrow2 .source-destination .src-dst .tracking-line {
        padding: 0 30px
    }
}

.return-flight-src-list .listrow2 .aditional-features {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
    padding: 15px
}

@media (min-width:768px) {
    .return-flight-src-list .listrow2 .aditional-features {
        padding: 15px 10px;
        border: none;
        width: 40%
    }
}

@media (min-width:993px) {
    .return-flight-src-list .listrow2 .aditional-features {
        padding: 15px 30px
    }
}

@media (min-width:1440px) {
    .return-flight-src-list .listrow2 .aditional-features {
        padding: 20px
    }
}

@media (min-width:1920px) {
    .return-flight-src-list .listrow2 .aditional-features {
        padding: 20px 40px
    }
}

.return-flight-src-list .listrow2 .fare-book {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 30px
}

@media (min-width:480px) {
    .return-flight-src-list .listrow2 .fare-book {
        flex-direction: row
    }
}

@media (min-width:1440px) {
    .return-flight-src-list .listrow2 .fare-book {
        flex-direction: column;
        text-align: center
    }
}

@media (min-width:1920px) {
    .return-flight-src-list .listrow2 .fare-book {
        flex-direction: column
    }
}

@media (min-width:1920px) {
    .return-flight-src-list .listrow2 .fare-book {
        flex-direction: row
    }
}

.return-flight-src-list .listrow2 .fare-book .fare {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: auto
}

@media (min-width:480px) {
    .return-flight-src-list .listrow2 .fare-book .fare {
        align-items: flex-start
    }
}

.return-flight-src-list .listrow2 .fare-book .fare strong {
    color: #111d59;
    font-family: "Montserrat",sans-serif;
    font-size: 30px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px
}

.return-flight-src-list .listrow2 .fare-book .fare span {
    color: #808182;
    font-family: 'Poppins',sans-serif;
    font-size: 12px;
    font-weight: 400;
    display: block
}

.adsrow {
    margin: 30px 0
}

.aditional-features ul {
    margin-left: 0;
    width: auto
}

    .aditional-features ul li {
        display: flex;
        align-items: center;
        font-family: "Montserrat",sans-serif;
        font-size: 14px;
        color: #5a5c66;
        margin-bottom: 5px
    }

@media (min-width:1200px) {
    .aditional-features ul li {
        margin-bottom: 15px;
        margin-bottom: 5px
    }
}

.aditional-features ul li i {
    margin-right: 10px;
    font-size: 24px
}

@media (min-width:993px) {
    .aditional-features ul li i {
        font-size: 24px
    }
}

@media (min-width:1920px) {
    .aditional-features ul li i {
        font-size: 30px
    }
}

.aditional-features ul li img {
    margin-left: 12px;
    margin-right: 10px
}

.aditional-features ul li:last-child {
    margin-bottom: 0
}

.aditional-features ul li .custom-checkbox {
    padding-left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%
}

    .aditional-features ul li .custom-checkbox .gstrtng {
        font-size: 25px;
        font-weight: 400;
        margin-right: 20px
    }

@media (min-width:768px) {
    .aditional-features ul li .custom-checkbox .gstrtng {
        font-size: 40px
    }
}

.aditional-features ul li .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #1dbb63;
    border-color: #1dbb63
}

.aditional-features ul li .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    border-color: #1dbb63
}

.aditional-features ul li .custom-checkbox .custom-control-label {
    width: 110px;
    display: inline-block;
    text-transform: capitalize;
    font-size: 15px;
    font-family: "Montserrat",sans-serif;
    font-size: 14px !important;
    color: #5a5c66 !important
}

@media (min-width:480px) {
    .aditional-features ul li .custom-checkbox .custom-control-label {
        width: 120px
    }
}

.aditional-features ul li .custom-checkbox .custom-control-label:before, .aditional-features ul li .custom-checkbox .custom-control-label:after {
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 4px;
    left: auto;
    right: -20px;
    height: 20px;
    width: 20px;
    top: 0
}

.aditional-features ul li .custom-checkbox .hrs {
    display: inline-block;
    margin-left: 30px
}

@media (min-width:480px) {
    .aditional-features ul li .custom-checkbox .hrs {
        margin-left: 40px
    }
}

.aditional-features ul li:nth-child(even) .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #ff3161;
    border-color: #ff3161
}

.aditional-features ul li:nth-child(even) .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    border-color: #ff3161
}

.booking {
    width: 130px;
    text-align: center
}

@media (min-width:576px) {
    .booking {
        width: 170px
    }
}

.booking .submit {
    background: #fff;
    padding: 12px 15px;
    border: 1px solid #ff3161;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
    transition: all 250ms;
    width: 100%;
    text-transform: capitalize
}

@media (min-width:576px) {
    .booking .submit {
        padding: 15px 40px;
        border: 2px solid #ff3161;
        width: 170px;
        border-radius: 8px
    }
}

.booking .submit &gt; span {
    color: #ff3161;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    font-family: "Montserrat",sans-serif;
    transition: all 250ms
}

@media (min-width:576px) {
    .booking .submit &gt; span {
        font-size: 16px;
        line-height: normal
    }
}

.booking .submit:disabled {
    cursor: not-allowed
}

.booking .submit:hover {
    background: #ff3161
}

    .booking .submit:hover &gt; span {
        color: #fff
    }

.booking .submit.loader {
    background: #fff;
    border: 2px solid #BBB;
    width: 50px;
    height: 50px;
    padding: 0;
    color: #fff;
    font-size: 0;
    border-radius: 50% !important
}

    .booking .submit.loader &gt; span {
        opacity: 0;
        font-size: 0
    }

.booking .submit.loading {
    cursor: wait;
    position: relative
}

    .booking .submit.loading:before {
        content: "";
        position: absolute;
        top: -2px;
        left: -2px;
        height: 50px;
        width: 50px;
        border: 2px solid #19CC95;
        border-radius: 50% !important
    }

.booking .submit.success {
    background: #19CC95;
    border: 2px solid #19CC95;
    padding: 10px 40px !important
}

    .booking .submit.success &gt; span {
        display: inline-block;
        width: 30px;
        height: 25px;
        opacity: 0;
        font-size: 0;
        overflow: hidden;
        line-height: 150px;
        -webkit-animation: showSuccess 400ms 100ms forwards ease-in;
        animation: showSuccess 400ms 100ms forwards ease-in
    }

@keyframes showSuccess {
    from {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.booking .submit.success &gt; span:before, .booking .submit.success &gt; span:after {
    content: "";
    display: block;
    position: absolute;
    background: #fff
}

.booking .submit.success &gt; span:before {
    width: 15px;
    height: 3px;
    bottom: 4px;
    left: 0;
    -webkit-transform: rotate(38deg);
    transform: rotate(38deg);
    border-radius: 10px 0 15px 10px
}

.booking .submit.success &gt; span:after {
    width: 23px;
    height: 3px;
    top: 14px;
    right: 0;
    transform: rotate(129deg);
    border-radius: 10px 0 0 10px
}

.booking .submit:active &gt; span {
    transition: none
}

.submit.loading[data-percent="0"]:before {
    clip-path: polygon(50% 50%,50% 0,50% 0%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="1"]:before {
    clip-path: polygon(50% 50%,50% 0,54.16667% 0%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="2"]:before {
    clip-path: polygon(50% 50%,50% 0,58.33334% 0%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="3"]:before {
    clip-path: polygon(50% 50%,50% 0,62.50001% 0%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="4"]:before {
    clip-path: polygon(50% 50%,50% 0,66.66668% 0%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="5"]:before {
    clip-path: polygon(50% 50%,50% 0,70.83335% 0%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="6"]:before {
    clip-path: polygon(50% 50%,50% 0,75.00002% 0%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="7"]:before {
    clip-path: polygon(50% 50%,50% 0,79.16669% 0%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="8"]:before {
    clip-path: polygon(50% 50%,50% 0,83.33336% 0%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="9"]:before {
    clip-path: polygon(50% 50%,50% 0,87.50003% 0%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="10"]:before {
    clip-path: polygon(50% 50%,50% 0,91.6667% 0%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="11"]:before {
    clip-path: polygon(50% 50%,50% 0,95.83337% 0%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="12"]:before {
    clip-path: polygon(50% 50%,50% 0,100.00004% 0%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="13"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 0%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="14"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 4.16667%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="15"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 8.33334%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="16"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 12.50001%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="17"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 16.66668%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="18"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 20.83335%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="19"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 25.00002%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="20"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 29.16669%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="21"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 33.33336%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="22"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 37.50003%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="23"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 41.6667%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="24"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 45.83337%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="25"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50.00004%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="26"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="27"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 54.16667%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="28"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 58.33334%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="29"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 62.50001%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="30"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 66.66668%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="31"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 70.83335%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="32"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 75.00002%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="33"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 79.16669%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="34"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 83.33336%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="35"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 87.50003%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="36"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 91.6667%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="37"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 95.83337%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="38"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100.00004%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="39"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,100% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="40"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,95.83333% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="41"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,91.66666% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="42"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,87.49999% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="43"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,83.33332% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="44"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,79.16665% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="45"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,74.99998% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="46"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,70.83331% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="47"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,66.66664% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="48"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,62.49997% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="49"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,58.3333% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="50"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,54.16663% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="51"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,49.99996% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="52"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,50% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="53"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,45.83333% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="54"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,41.66666% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="55"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,37.49999% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="56"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,33.33332% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="57"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,29.16665% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="58"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,24.99998% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="59"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,20.83331% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="60"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,16.66664% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="61"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,12.49997% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="62"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,8.3333% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="63"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,4.16663% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="64"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,-.00004% 100%,50% 50%,50% 50%,50% 50%)
}

.submit.loading[data-percent="65"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 100%,50% 50%,50% 50%)
}

.submit.loading[data-percent="66"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 95.83333%,50% 50%,50% 50%)
}

.submit.loading[data-percent="67"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 91.66666%,50% 50%,50% 50%)
}

.submit.loading[data-percent="68"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 87.49999%,50% 50%,50% 50%)
}

.submit.loading[data-percent="69"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 83.33332%,50% 50%,50% 50%)
}

.submit.loading[data-percent="70"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 79.16665%,50% 50%,50% 50%)
}

.submit.loading[data-percent="71"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 74.99998%,50% 50%,50% 50%)
}

.submit.loading[data-percent="72"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 70.83331%,50% 50%,50% 50%)
}

.submit.loading[data-percent="73"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 66.66664%,50% 50%,50% 50%)
}

.submit.loading[data-percent="74"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 62.49997%,50% 50%,50% 50%)
}

.submit.loading[data-percent="75"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 58.3333%,50% 50%,50% 50%)
}

.submit.loading[data-percent="76"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 54.16663%,50% 50%,50% 50%)
}

.submit.loading[data-percent="77"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 49.99996%,50% 50%,50% 50%)
}

.submit.loading[data-percent="78"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 50%,50% 50%)
}

.submit.loading[data-percent="79"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 45.83333%,50% 50%)
}

.submit.loading[data-percent="80"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 41.66666%,50% 50%)
}

.submit.loading[data-percent="81"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 37.49999%,50% 50%)
}

.submit.loading[data-percent="82"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 33.33332%,50% 50%)
}

.submit.loading[data-percent="83"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 29.16665%,50% 50%)
}

.submit.loading[data-percent="84"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 24.99998%,50% 50%)
}

.submit.loading[data-percent="85"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 20.83331%,50% 50%)
}

.submit.loading[data-percent="86"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 16.66664%,50% 50%)
}

.submit.loading[data-percent="87"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 12.49997%,50% 50%)
}

.submit.loading[data-percent="88"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 8.3333%,50% 50%)
}

.submit.loading[data-percent="89"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 4.16663%,50% 50%)
}

.submit.loading[data-percent="90"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% -.00004%,50% 50%)
}

.submit.loading[data-percent="91"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 0%,0% 0%)
}

.submit.loading[data-percent="92"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 0%,5.55556% 0%)
}

.submit.loading[data-percent="93"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 0%,11.11112% 0%)
}

.submit.loading[data-percent="94"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 0%,16.66668% 0%)
}

.submit.loading[data-percent="95"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 0%,22.22224% 0%)
}

.submit.loading[data-percent="96"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 0%,27.7778% 0%)
}

.submit.loading[data-percent="97"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 0%,33.33336% 0%)
}

.submit.loading[data-percent="98"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 0%,38.88892% 0%)
}

.submit.loading[data-percent="99"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 0%,44.44448% 0%)
}

.submit.loading[data-percent="100"]:before {
    clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%,0% 0%,50.00004% 0%)
}

.page {
    display: flex;
    flex-direction: column;
    place-content: center
}

    .page .right {
        background: #474A59;
        box-shadow: 0 0 40px 16px rgba(0,0,0,.22);
        color: #F1F1F2;
        position: relative;
        width: 100%
    }

@media (max-width:767px) {
    .page .right {
        flex-shrink: 0;
        height: 100%;
        width: 100%;
        max-height: 350px
    }
}

.page svg {
    position: absolute;
    width: 320px
}

.page path {
    fill: none;
    stroke: url(#linearGradient);
    stroke-width: 4;
    stroke-dasharray: 240 1386
}

.page .form {
    margin: 40px
}

.page label {
    color: #c2c2c5;
    display: block;
    font-size: 14px;
    height: 16px;
    margin-top: 20px;
    margin-bottom: 5px
}

.page input {
    background: transparent;
    border: 0;
    color: #f2f2f2;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    outline: none !important;
    width: 100%
}

    .page input::-moz-focus-inner {
        border: 0
    }

.page #submit {
    color: #707075;
    margin-top: 40px;
    transition: color 300ms
}

    .page #submit:focus {
        color: #f2f2f2
    }

    .page #submit:active {
        color: #d0d0d2
    }

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

body.seatbooking {
    background-color: #f8f8f8
}

    body.seatbooking .innerwrapper {
        position: relative;
        display: inline-block;
        width: 100%
    }

    body.seatbooking .bst-srcrslt {
        position: relative;
        z-index: 9;
        padding-top: 0;
        margin-bottom: 30px
    }

@media (min-width:480px) {
    body.seatbooking .bst-srcrslt {
        margin-bottom: 40px
    }
}

@media (min-width:768px) {
    body.seatbooking .bst-srcrslt {
        margin-bottom: 50px
    }
}

@media (min-width:993px) {
    body.seatbooking .bst-srcrslt {
        margin-bottom: 60px
    }
}

@media (min-width:1200px) {
    body.seatbooking .bst-srcrslt {
        margin-bottom: 80px
    }
}

@media (min-width:1440px) {
    body.seatbooking .bst-srcrslt {
        margin-bottom: 100px
    }
}

body.seatbooking .cmn-header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 100px
}

@media (min-width:768px) {
    body.seatbooking .cmn-header {
        margin-bottom: 150px
    }
}

@media (min-width:993px) {
    body.seatbooking .cmn-header {
        flex-direction: row
    }
}

@media (min-width:1200px) {
    body.seatbooking .cmn-header {
        margin-bottom: 190px
    }
}

body.seatbooking .cmn-header h1 {
    text-transform: capitalize;
    font-weight: 800;
    letter-spacing: 0
}

body.seatbooking .cmn-header .hdr-rght {
    display: flex;
    align-items: center;
    position: relative;
    width: 50%;
    justify-content: flex-end
}

    body.seatbooking .cmn-header .hdr-rght span {
        font-family: "Montserrat",sans-serif;
        color: #777;
        letter-spacing: 2px;
        font-size: 11px;
        text-transform: uppercase;
        display: inline-block;
        margin-right: 30px
    }

    body.seatbooking .cmn-header .hdr-rght:before {
        content: "";
        width: 50%;
        height: 1px;
        background-color: #999;
        position: absolute;
        left: 0
    }

.tickets-infosec1.ticket-shapes {
    background-image: radial-gradient(circle at 0 50%,rgba(255,255,224,0) 30px,#ffffff .5em),radial-gradient(circle at 100% 50%,rgba(255,255,224,0) 30px,#ffffff .5em)
}

@media (min-width:480px) {
    .tickets-infosec1.ticket-shapes {
        background-image: radial-gradient(circle at 0 45%,rgba(255,255,224,0) 30px,#ffffff .5em),radial-gradient(circle at 100% 45%,rgba(255,255,224,0) 30px,#ffffff .5em)
    }
}

@media (min-width:576px) {
    .tickets-infosec1.ticket-shapes {
        background-image: radial-gradient(circle at 0 50%,rgba(255,255,224,0) 30px,#ffffff .5em),radial-gradient(circle at 100% 50%,rgba(255,255,224,0) 30px,#ffffff .5em)
    }
}

.tickets-infosec1 {
    display: flex;
    width: 100%;
    padding: 15px;
    margin-bottom: 1px;
    position: relative;
    flex-direction: column
}

@media (min-width:576px) {
    .tickets-infosec1 {
        padding: 30px
    }
}

@media (min-width:993px) {
    .tickets-infosec1 {
        padding: 40px
    }
}

@media (min-width:1200px) {
    .tickets-infosec1 {
        flex-direction: row;
        padding: 40px 50px
    }
}

@media (min-width:1440px) {
    .tickets-infosec1 {
        padding: 40px 60px
    }
}

.tickets-infosec1:before {
    content: "";
    width: calc(100% - 60px);
    height: 2px;
    background-color: #f8f8f8;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%
}

@media (min-width:480px) {
    .tickets-infosec1:before {
        top: 0;
        bottom: 0
    }
}

@media (min-width:768px) {
    .tickets-infosec1:before {
        width: calc(100% - 80px)
    }
}

@media (min-width:1200px) {
    .tickets-infosec1:before {
        height: 100%;
        width: 2px
    }
}

.tickets-infosec1 .left {
    margin-bottom: 100px
}

@media (min-width:480px) {
    .tickets-infosec1 .left {
        margin-bottom: 60px
    }
}

@media (min-width:768px) {
    .tickets-infosec1 .left {
        margin-bottom: 100px
    }
}

@media (min-width:1200px) {
    .tickets-infosec1 .left {
        float:left;
        max-width: 50%;
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .tickets-infosec1 .left {
        float:left;
        max-width: 50%
    }
}

.tickets-infosec1 .left .trip-options {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px
}

@media (min-width:480px) {
    .tickets-infosec1 .left .trip-options {
        justify-content: flex-start
    }
}

@media (min-width:768px) {
    .tickets-infosec1 .left .trip-options {
        margin-bottom: 50px
    }
}

@media (min-width:993px) {
    .tickets-infosec1 .left .trip-options {
        margin-bottom: 60px
    }
}

@media (min-width:1200px) {
    .tickets-infosec1 .left .trip-options {
        margin-bottom: 80px
    }
}

@media (min-width:1440px) {
    .tickets-infosec1 .left .trip-options {
        margin-bottom: 100px
    }
}

.tickets-infosec1 .left .trip-options li a {
    display: inline-block;
    color: #777;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif
}

.tickets-infosec1 .left .trip-options .active a {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 50px;
    padding: 10px 10px;
    margin-right: 10px;
    font-weight: 800;
    color: #444343
}

@media (min-width:993px) {
    .tickets-infosec1 .left .trip-options .active a {
        padding: 10px 20px;
        margin-right: 15px
    }
}

.tickets-infosec1 .left .venue-desti {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width:768px) {
    .tickets-infosec1 .left .venue-desti {
        width: 70%;
        margin: auto;
        flex-direction: row
    }
}

@media (min-width:993px) {
    .tickets-infosec1 .left .venue-desti {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        width: 70%
    }
}

@media (min-width:1200px) {
    .tickets-infosec1 .left .venue-desti {
        width: 100%
    }
}

@media (min-width:1440px) {
    .tickets-infosec1 .left .venue-desti {
        width: 75%;
        margin: 0
    }
}

.tickets-infosec1 .left .venue-desti .switch-icon {
    margin-top: 30px;
    display: none
}

@media (min-width:768px) {
    .tickets-infosec1 .left .venue-desti .switch-icon {
        margin-top: 40px;
        display: block
    }
}

@media (min-width:993px) {
    .tickets-infosec1 .left .venue-desti .switch-icon {
        margin-top: 35px;
        max-width: 24px
    }
}

@media (min-width:1200px) {
    .tickets-infosec1 .left .venue-desti .switch-icon {
        margin-top: 60px;
        max-width: 100%
    }
}

@media (min-width:1440px) {
    .tickets-infosec1 .left .venue-desti .switch-icon {
        margin-top: 80px
    }
}

.tickets-infosec1 .left .venue-desti .source-city, .tickets-infosec1 .left .venue-desti .destination-city {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    align-items: center;
    justify-content: flex-start
}

@media (min-width:480px) {
    .tickets-infosec1 .left .venue-desti .source-city, .tickets-infosec1 .left .venue-desti .destination-city {
        flex-direction: row
    }
}

@media (min-width:768px) {
    .tickets-infosec1 .left .venue-desti .source-city, .tickets-infosec1 .left .venue-desti .destination-city {
        flex-direction: column;
        max-width: 180px
    }
}

@media (min-width:1200px) {
    .tickets-infosec1 .left .venue-desti .source-city, .tickets-infosec1 .left .venue-desti .destination-city {
        max-width: 185px
    }
}

.tickets-infosec1 .left .venue-desti .source-city .city-img, .tickets-infosec1 .left .venue-desti .destination-city .city-img {
    border-radius: 50%;
    overflow: hidden;
    height: 70px;
    width: 70px;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .tickets-infosec1 .left .venue-desti .source-city .city-img, .tickets-infosec1 .left .venue-desti .destination-city .city-img {
        height: 100px;
        width: 100px
    }
}

@media (min-width:993px) {
    .tickets-infosec1 .left .venue-desti .source-city .city-img, .tickets-infosec1 .left .venue-desti .destination-city .city-img {
        height: 100px;
        width: 100px;
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .tickets-infosec1 .left .venue-desti .source-city .city-img, .tickets-infosec1 .left .venue-desti .destination-city .city-img {
        height: 150px;
        width: 150px;
        margin-bottom: 20px
    }
}

@media (min-width:1440px) {
    .tickets-infosec1 .left .venue-desti .source-city .city-img, .tickets-infosec1 .left .venue-desti .destination-city .city-img {
        height: 180px;
        width: 180px;
        margin-bottom: 30px
    }
}

.tickets-infosec1 .left .venue-desti .source-city .city-dtls, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 10px;
    width: 100%
}

@media (min-width:480px) {
    .tickets-infosec1 .left .venue-desti .source-city .city-dtls, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls {
        width: calc(100% - 80px);
        align-items: flex-start
    }
}

@media (min-width:576px) {
    .tickets-infosec1 .left .venue-desti .source-city .city-dtls, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls {
        width: calc(100% - 150px);
        flex-direction: row;
        padding-left: 20px
    }
}

@media (min-width:768px) {
    .tickets-infosec1 .left .venue-desti .source-city .city-dtls, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls {
        flex-direction: column;
        align-items: center;
        padding-left: 0;
        width: auto
    }
}

.tickets-infosec1 .left .venue-desti .source-city .city-dtls .citycode, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls .citycode {
    color: #111d59;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    font-family: "Montserrat",sans-serif;
    margin-bottom: 5px
}

@media (min-width:768px) {
    .tickets-infosec1 .left .venue-desti .source-city .city-dtls .citycode, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls .citycode {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 15px
    }
}

@media (min-width:993px) {
    .tickets-infosec1 .left .venue-desti .source-city .city-dtls .citycode, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls .citycode {
        font-size: 36px;
        line-height: 36px
    }
}

@media (min-width:1200px) {
    .tickets-infosec1 .left .venue-desti .source-city .city-dtls .citycode, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls .citycode {
        font-size: 50px;
        line-height: 50px
    }
}

@media (min-width:1440px) {
    .tickets-infosec1 .left .venue-desti .source-city .city-dtls .citycode, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls .citycode {
        font-size: 60px;
        line-height: 60px
    }
}

.tickets-infosec1 .left .venue-desti .source-city .city-dtls .city-airport, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls .city-airport {
    color: #777;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    font-family: 'Poppins',sans-serif;
    margin-top: 0;
    margin-bottom: 5px;
    letter-spacing: 1px
}

@media (min-width:480px) {
    .tickets-infosec1 .left .venue-desti .source-city .city-dtls .city-airport, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls .city-airport {
        margin-top: 0;
        margin-bottom: 5px;
        line-height: 11px;
        text-align: left
    }
}

@media (min-width:576px) {
    .tickets-infosec1 .left .venue-desti .source-city .city-dtls .city-airport, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls .city-airport {
        margin-top: 6px
    }
}

@media (min-width:768px) {
    .tickets-infosec1 .left .venue-desti .source-city .city-dtls .city-airport, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls .city-airport {
        margin-bottom: 10px;
        text-align: center
    }
}

.tickets-infosec1 .left .venue-desti .source-city .city-dtls .ggl-revu, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls .ggl-revu {
    color: #777;
    font-weight: 500;
    font-size: 13px;
    line-height: 11px;
    font-family: 'Poppins',sans-serif;
    margin-bottom: 10px;
    letter-spacing: 1px;
    width: 100%;
    text-align: center
}

@media (min-width:480px) {
    .tickets-infosec1 .left .venue-desti .source-city .city-dtls .ggl-revu, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls .ggl-revu {
        text-align: left
    }
}

@media (min-width:768px) {
    .tickets-infosec1 .left .venue-desti .source-city .city-dtls .ggl-revu, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls .ggl-revu {
        text-align: center
    }
}

.tickets-infosec1 .left .venue-desti .source-city .city-dtls .ggl-revu .gt-star1, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls .ggl-revu .gt-star1 {
    color: #ff9d04
}

.tickets-infosec1 .left .venue-desti .source-city .city-dtls .ggl-revu a, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls .ggl-revu a {
    color: #2f84cd;
    font-family: 'Poppins',sans-serif;
    letter-spacing: 0
}

@media (min-width:768px) {
    .tickets-infosec1 .left .venue-desti .source-city .city-dtls .ggl-revu a, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls .ggl-revu a {
        display: block
    }
}

@media (min-width:1200px) {
    .tickets-infosec1 .left .venue-desti .source-city .city-dtls .ggl-revu a, .tickets-infosec1 .left .venue-desti .destination-city .city-dtls .ggl-revu a {
        display: inline
    }
}

@media (min-width:1200px) {
    .tickets-infosec1 .right {
        float:left;
        max-width: 50%
    }
}

@media (min-width:1440px) {
    .tickets-infosec1 .right {
        float:left;
        max-width: 50%
    }
}

.tickets-infosec1 .right .booking-date {
    font-size: 12px;
    display: inline-block;
    padding: 8px 15px;
    font-weight: 800;
    margin-right: 15px;
    color: #444343;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #ccc;
    border-radius: 50px;
    margin-bottom: 15px
}

@media (min-width:480px) {
    .tickets-infosec1 .right .booking-date {
        margin-top: 40px
    }
}

@media (min-width:768px) {
    .tickets-infosec1 .right .booking-date {
        margin-bottom: 20px;
        margin-top: 0;
        font-size: 13px;
        padding: 10px 20px
    }
}

@media (min-width:993px) {
    .tickets-infosec1 .right .booking-date {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .tickets-infosec1 .right .booking-date {
        margin-bottom: 0;
        font-size: 14px
    }
}

@media (min-width:1440px) {
    .tickets-infosec1 .right .booking-date {
        float: right
    }
}

.tickets-infosec1 .right .booking-date span {
    display: inline-block;
    color: #777;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    letter-spacing: 0
}

.tickets-infosec1 .right .psngr-choice-sec {
    display: inline-block;
    width: 100%
}

@media (min-width:993px) {
    .tickets-infosec1 .right .psngr-choice-sec {
        padding: 0
    }
}

@media (min-width:1200px) {
    .tickets-infosec1 .right .psngr-choice-sec {
        padding: 30px
    }
}

@media (min-width:1920px) {
    .tickets-infosec1 .right .psngr-choice-sec {
        padding: 50px
    }
}

.tickets-infosec1 .right .psngr-choice-sec &gt; p {
    font-family: 'Poppins',sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    margin-bottom: 15px;
    color: #999;
    text-transform: uppercase;
    font-weight: 500
}

@media (min-width:480px) {
    .tickets-infosec1 .right .psngr-choice-sec &gt; p {
        font-size: 13px;
        letter-spacing: 2px;
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .tickets-infosec1 .right .psngr-choice-sec &gt; p {
        margin-bottom: 30px
    }
}

@media (min-width:993px) {
    .tickets-infosec1 .right .psngr-choice-sec &gt; p {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .tickets-infosec1 .right .psngr-choice-sec &gt; p {
        margin-bottom: 70px
    }
}

@media (min-width:1440px) {
    .tickets-infosec1 .right .psngr-choice-sec &gt; p {
        margin-bottom: 90px
    }
}

.tickets-infosec1 .right .psngr-choice-sec .psngr-dtls {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: #fff;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .tickets-infosec1 .right .psngr-choice-sec .psngr-dtls {
        margin-bottom: 30px
    }
}

@media (min-width:993px) {
    .tickets-infosec1 .right .psngr-choice-sec .psngr-dtls {
        flex-direction: row;
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .tickets-infosec1 .right .psngr-choice-sec .psngr-dtls {
        margin-bottom: 50px
    }
}

@media (min-width:1440px) {
    .tickets-infosec1 .right .psngr-choice-sec .psngr-dtls {
        margin-bottom: 60px
    }
}

.tickets-infosec1 .right .psngr-choice-sec .psngr-dtls ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%
}

@media (min-width:993px) {
    .tickets-infosec1 .right .psngr-choice-sec .psngr-dtls ul {
        justify-content: flex-start
    }
}

@media (min-width:1440px) {
    .tickets-infosec1 .right .psngr-choice-sec .psngr-dtls ul {
        flex-direction: row;
        align-items: center
    }
}

.tickets-infosec1 .right .psngr-choice-sec .psngr-dtls ul li {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

@media (min-width:1440px) {
    .tickets-infosec1 .right .psngr-choice-sec .psngr-dtls ul li {
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .tickets-infosec1 .right .psngr-choice-sec .psngr-dtls ul li:first-child {
        margin-right: 45px
    }
}

.tickets-infosec1 .right .psngr-choice-sec .psngr-dtls ul li p {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 30px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    width: 33.33%;
    display: inline-block;
    width: auto
}

@media (min-width:480px) {
    .tickets-infosec1 .right .psngr-choice-sec .psngr-dtls ul li p {
        font-size: 14px;
        letter-spacing: 2px
    }
}

@media (min-width:1920px) {
    .tickets-infosec1 .right .psngr-choice-sec .psngr-dtls ul li p {
        letter-spacing: 3px
    }
}

.tickets-infosec1 .right .psngr-choice-sec .psngr-dtls ul li i {
    display: none;
    font-size: 24px;
    margin-right: 10px;
    font-weight: 600;
    display: inline-block;
    width: auto
}

@media (min-width:480px) {
    .tickets-infosec1 .right .psngr-choice-sec .psngr-dtls ul li i {
        font-size: 30px;
        margin-right: 15px;
        font-weight: 500
    }
}

@media (min-width:768px) {
    .tickets-infosec1 .right .psngr-choice-sec .psngr-dtls ul li i {
        font-size: 32px;
        margin-right: 20px
    }
}

.tickets-infosec1 .right .psngr-choice-sec .psngr-dtls ul li span {
    display: inline-block;
    width: 100%;
    color: #ee3840;
    position: relative;
    background-color: #fff;
    padding: 0 10px;
    z-index: 9;
    margin: 5px 0
}

    .tickets-infosec1 .right .psngr-choice-sec .psngr-dtls ul li span:before {
        content: "";
        height: 100%;
        width: 50px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #FFF;
        z-index: -1
    }

    .tickets-infosec1 .right .psngr-choice-sec .psngr-dtls ul li span:after {
        content: "";
        height: 1px;
        width: 140px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #ee3840;
        z-index: -2
    }

.tickets-infosec1 .right .psngr-choice-sec .otherdtls {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center
}

@media (min-width:480px) {
    .tickets-infosec1 .right .psngr-choice-sec .otherdtls {
        flex-direction: row
    }
}

.tickets-infosec1 .right .psngr-choice-sec .otherdtls ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .tickets-infosec1 .right .psngr-choice-sec .otherdtls ul li {
        border: 1px solid #ccc;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 85px;
        width: 90px;
        margin: 5px;
        font-size: 12px;
        font-family: 'Poppins',sans-serif;
        color: #36373a
    }

@media (min-width:480px) {
    .tickets-infosec1 .right .psngr-choice-sec .otherdtls ul li {
        height: 90px;
        width: 100px;
        margin: 0;
        margin-right: 15px;
        font-size: 14px
    }
}

@media (min-width:768px) {
    .tickets-infosec1 .right .psngr-choice-sec .otherdtls ul li {
        margin: 0;
        margin-right: 20px
    }
}

@media (min-width:1200px) {
    .tickets-infosec1 .right .psngr-choice-sec .otherdtls ul li {
        margin: 0;
        margin-right: 25px
    }
}

@media (min-width:1440px) {
    .tickets-infosec1 .right .psngr-choice-sec .otherdtls ul li {
        height: 100px;
        width: 110px
    }
}

.tickets-infosec1 .right .psngr-choice-sec .otherdtls ul li img, .tickets-infosec1 .right .psngr-choice-sec .otherdtls ul li i {
    font-size: 30px;
    margin-bottom: 10px
}

.tickets-infosec1 .right .psngr-choice-sec .otherdtls ul li:last-child {
    margin-right: 0
}

.tickets-infosec1 .venue-log {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.flytjrny-dtls {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    padding: 30px;
    margin-bottom: 1px;
    -webkit-filter: drop-shadow(0 50px 20px rgba(0,0,0,.12));
    filter: drop-shadow(0 50px 20px rgba(0,0,0,.12))
}

@media (min-width:1440px) {
    .flytjrny-dtls {
        padding: 60px 100px
    }
}

.flytjrny-dtls h4 {
    font-size: 13px;
    line-height: 13px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #777
}

@media (min-width:480px) {
    .flytjrny-dtls h4 {
        font-size: 13px;
        line-height: 13px;
        letter-spacing: 2px;
        margin-bottom: 30px
    }
}

@media (min-width:768px) {
    .flytjrny-dtls h4 {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .flytjrny-dtls h4 {
        margin-bottom: 60px
    }
}

.flytjrny-dtls .listrow2 {
    background: #fff;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px;
    align-items: center
}

@media (min-width:993px) {
    .flytjrny-dtls .listrow2 {
        flex-direction: row
    }
}

.flytjrny-dtls .listrow2 .col1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

@media (min-width:993px) {
    .flytjrny-dtls .listrow2 .col1 {
        width: 40%
    }
}

@media (min-width:1440px) {
    .flytjrny-dtls .listrow2 .col1 {
        width: 50%;
        flex-direction: row
    }
}

.flytjrny-dtls .listrow2 .col2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

@media (min-width:993px) {
    .flytjrny-dtls .listrow2 .col2 {
        width: 60%
    }
}

@media (min-width:1440px) {
    .flytjrny-dtls .listrow2 .col2 {
        width: 50%
    }
}

.flytjrny-dtls .listrow2 .col2 .journeydate {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-end
}

    .flytjrny-dtls .listrow2 .col2 .journeydate span {
        display: inline-block;
        font-family: 'Poppins',sans-serif;
        font-size: 13px;
        color: #fff;
        background-color: #111d59;
        padding: 8px 15px;
        margin-right: 25px
    }

    .flytjrny-dtls .listrow2 .col2 .journeydate strong {
        display: inline-block;
        font-family: "Montserrat",sans-serif;
        font-weight: 400;
        font-size: 20px;
        color: #606371
    }

.flytjrny-dtls .listrow2 .col2 .source-destination:nth-last-of-type(1) {
    border-bottom: none
}

.flytjrny-dtls .listrow2 .airline-dtls {
    margin-bottom: 30px;
    text-align: center
}

    .flytjrny-dtls .listrow2 .airline-dtls .brand-logo {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        overflow: hidden;
        margin-bottom: 25px;
        margin: auto
    }

@media (min-width:480px) {
    .flytjrny-dtls .listrow2 .airline-dtls .brand-logo {
        width: 120px;
        height: 120px
    }
}

@media (min-width:768px) {
    .flytjrny-dtls .listrow2 .airline-dtls .brand-logo {
        width: 150px;
        height: 150px
    }
}

@media (min-width:993px) {
    .flytjrny-dtls .listrow2 .airline-dtls .brand-logo {
        width: 160px;
        height: 160px
    }
}

@media (min-width:1440px) {
    .flytjrny-dtls .listrow2 .airline-dtls .brand-logo {
        width: 200px;
        height: 200px
    }
}

.flytjrny-dtls .listrow2 .airline-dtls .brand-name {
    color: #34363f;
    display: block;
    font-size: 16px;
    line-height: 16px;
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    margin: 10px
}

.flytjrny-dtls .listrow2 .airline-dtls .brand-origin {
    color: #5a5c66;
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
    margin: 10px
}

.flytjrny-dtls .listrow2 .airline-dtls .rating {
    color: #777;
    display: block;
    font-size: 13px;
    line-height: 13px;
    font-family: 'Poppins',sans-serif;
    font-weight: 500
}

    .flytjrny-dtls .listrow2 .airline-dtls .rating i {
        color: #faa104;
        margin-left: 5px
    }

.flytjrny-dtls .listrow2 .timedtls {
    text-align: center;
    width: 100%
}

    .flytjrny-dtls .listrow2 .timedtls .totjrny-time {
        display: inline-block;
        background-color: #3cb878;
        padding: 8px 30px 8px 8px;
        border-radius: 30px;
        font-size: 20px;
        font-family: "Montserrat",sans-serif;
        color: #fff;
        text-transform: uppercase;
        line-height: 28px;
        margin-bottom: 10px;
        position: relative;
        z-index: 1
    }

        .flytjrny-dtls .listrow2 .timedtls .totjrny-time i {
            font-size: 30px;
            color: #fff;
            margin-right: 15px;
            display: inline-block;
            float: left
        }

        .flytjrny-dtls .listrow2 .timedtls .totjrny-time:before, .flytjrny-dtls .listrow2 .timedtls .totjrny-time:after {
            background-color: #ccc;
            height: 1px;
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            z-index: -1
        }

@media (min-width:1440px) {
    .flytjrny-dtls .listrow2 .timedtls .totjrny-time:before, .flytjrny-dtls .listrow2 .timedtls .totjrny-time:after {
        content: ""
    }
}

@media (min-width:1200px) {
    .flytjrny-dtls .listrow2 .timedtls .totjrny-time:before {
        width: 80px;
        left: -55%
    }
}

@media (min-width:1440px) {
    .flytjrny-dtls .listrow2 .timedtls .totjrny-time:before {
        width: 100px;
        left: -70%
    }
}

@media (min-width:1200px) {
    .flytjrny-dtls .listrow2 .timedtls .totjrny-time:after {
        width: 80px;
        right: -55%
    }
}

@media (min-width:1440px) {
    .flytjrny-dtls .listrow2 .timedtls .totjrny-time:after {
        width: 100px;
        right: -70%
    }
}

.flytjrny-dtls .listrow2 .timedtls .tnc {
    font-size: 10px;
    font-family: "Open Sans",sans-serif;
    color: #777;
    margin-bottom: 10px;
    display: block
}

@media (min-width:768px) {
    .flytjrny-dtls .listrow2 .timedtls .tnc {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .flytjrny-dtls .listrow2 .timedtls .tnc {
        margin-bottom: 20px
    }
}

@media (min-width:1440px) {
    .flytjrny-dtls .listrow2 .timedtls .tnc {
        margin-bottom: 30px
    }
}

.flytjrny-dtls .listrow2 .timedtls p {
    display: block;
    font-size: 16px;
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
    color: #111d59;
    margin-bottom: 30px
}

.flytjrny-dtls .listrow2 .source-destination {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
    padding: 20px 0
}

@media (min-width:480px) {
    .flytjrny-dtls .listrow2 .source-destination {
        padding: 25px 0;
        flex-direction: row
    }
}

@media (min-width:768px) {
    .flytjrny-dtls .listrow2 .source-destination {
        padding: 30px 0
    }
}

@media (min-width:993px) {
    .flytjrny-dtls .listrow2 .source-destination {
        padding: 35px 0
    }
}

@media (min-width:1200px) {
    .flytjrny-dtls .listrow2 .source-destination {
        padding: 40px 0
    }
}

@media (min-width:1440px) {
    .flytjrny-dtls .listrow2 .source-destination {
        padding: 45px 0
    }
}

.flytjrny-dtls .listrow2 .source-destination .cmpny-logo {
    text-align: center
}

    .flytjrny-dtls .listrow2 .source-destination .cmpny-logo img {
        height: 60px;
        width: 60px;
        margin-bottom: 10px
    }

    .flytjrny-dtls .listrow2 .source-destination .cmpny-logo figcaption {
        color: #808182;
        font-size: 12px;
        font-family: 'Poppins',sans-serif;
        text-transform: capitalize
    }

.flytjrny-dtls .listrow2 .source-destination .src-dst {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-transform: uppercase;
    justify-content: space-between;
    padding: 0 10px;
    width: 100%
}

@media (min-width:480px) {
    .flytjrny-dtls .listrow2 .source-destination .src-dst {
        width: 80%
    }
}

@media (min-width:993px) {
    .flytjrny-dtls .listrow2 .source-destination .src-dst {
        width: 80%;
        padding: 0 15px
    }
}

@media (min-width:1200px) {
    .flytjrny-dtls .listrow2 .source-destination .src-dst {
        width: auto;
        padding: 0 20px
    }
}

.flytjrny-dtls .listrow2 .source-destination .src-dst .src strong {
    font-family: "Montserrat",sans-serif;
    font-weight: 600;
    font-size: 28px;
    color: #111d59;
    text-transform: uppercase;
    display: block;
    width: 100%;
    text-align: center
}

@media (min-width:768px) {
    .flytjrny-dtls .listrow2 .source-destination .src-dst .src strong {
        font-size: 32px
    }
}

@media (min-width:1200px) {
    .flytjrny-dtls .listrow2 .source-destination .src-dst .src strong {
        font-size: 36px
    }
}

@media (min-width:1440px) {
    .flytjrny-dtls .listrow2 .source-destination .src-dst .src strong {
        font-size: 40px
    }
}

.flytjrny-dtls .listrow2 .source-destination .src-dst .src span {
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #4a4d5b;
    display: block;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center
}

@media (min-width:993px) {
    .flytjrny-dtls .listrow2 .source-destination .src-dst .src span {
        font-size: 14px
    }
}

@media (min-width:1440px) {
    .flytjrny-dtls .listrow2 .source-destination .src-dst .src span {
        font-size: 15px
    }
}

.flytjrny-dtls .listrow2 .source-destination .src-dst .src span i {
    margin-right: 5px
}

.flytjrny-dtls .listrow2 .source-destination .src-dst .tracking-line {
    padding: 0 15px
}

@media (min-width:768px) {
    .flytjrny-dtls .listrow2 .source-destination .src-dst .tracking-line {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .flytjrny-dtls .listrow2 .source-destination .src-dst .tracking-line {
        padding: 0 30px
    }
}

.aditional-dtls {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    padding: 30px;
    margin-bottom: 50px;
    -webkit-filter: drop-shadow(0 50px 20px rgba(0,0,0,.12));
    filter: drop-shadow(0 50px 20px rgba(0,0,0,.12))
}

@media (min-width:1440px) {
    .aditional-dtls {
        padding: 60px 100px
    }
}

.aditional-dtls h4 {
    font-size: 13px;
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #777;
    line-height: 13px;
    margin-bottom: 40px
}

@media (min-width:480px) {
    .aditional-dtls h4 {
        letter-spacing: 2px
    }
}

@media (min-width:768px) {
    .aditional-dtls h4 {
        margin-bottom: 50px
    }
}

@media (min-width:993px) {
    .aditional-dtls h4 {
        margin-bottom: 60px
    }
}

@media (min-width:1200px) {
    .aditional-dtls h4 {
        margin-bottom: 80px
    }
}

@media (min-width:1440px) {
    .aditional-dtls h4 {
        margin-bottom: 100px
    }
}

.aditional-dtls .adtnldtls-wraper {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (min-width:1200px) {
    .aditional-dtls .adtnldtls-wraper {
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }
}

.aditional-dtls .adtnldtls-wraper ul.itinerary-list, .aditional-dtls .adtnldtls-wraper .itinerary-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 20px
}

@media (min-width:1200px) {
    .aditional-dtls .adtnldtls-wraper ul.itinerary-list, .aditional-dtls .adtnldtls-wraper .itinerary-list {
        align-items: center;
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .aditional-dtls .adtnldtls-wraper ul.itinerary-list, .aditional-dtls .adtnldtls-wraper .itinerary-list {
        float:left;
        max-width: 75%
    }
}

.aditional-dtls .adtnldtls-wraper ul.itinerary-list li, .aditional-dtls .adtnldtls-wraper .itinerary-list li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 0;
    color: #5a5c66 !important;
    font-size: 14px !important;
    font-weight: 500;
    margin-bottom: 10px
}

@media (min-width:480px) {
    .aditional-dtls .adtnldtls-wraper ul.itinerary-list li, .aditional-dtls .adtnldtls-wraper .itinerary-list li {
        width: 48%
    }
}

@media (min-width:768px) {
    .aditional-dtls .adtnldtls-wraper ul.itinerary-list li, .aditional-dtls .adtnldtls-wraper .itinerary-list li {
        display: inherit;
        align-items: center;
        margin-right: 15px;
        width: auto;
        margin-bottom: 0
    }
}

@media (min-width:993px) {
    .aditional-dtls .adtnldtls-wraper ul.itinerary-list li, .aditional-dtls .adtnldtls-wraper .itinerary-list li {
        margin-right: 20px
    }
}

@media (min-width:1200px) {
    .aditional-dtls .adtnldtls-wraper ul.itinerary-list li, .aditional-dtls .adtnldtls-wraper .itinerary-list li {
        margin-right: 30px
    }
}

@media (min-width:1440px) {
    .aditional-dtls .adtnldtls-wraper ul.itinerary-list li, .aditional-dtls .adtnldtls-wraper .itinerary-list li {
        margin-right: 50px
    }
}

.aditional-dtls .adtnldtls-wraper ul.itinerary-list li .aid-icons, .aditional-dtls .adtnldtls-wraper .itinerary-list li .aid-icons {
    font-size: 30px;
    margin-right: 10px
}

.aditional-dtls .adtnldtls-wraper ul.itinerary-list li .custom-control, .aditional-dtls .adtnldtls-wraper .itinerary-list li .custom-control {
    padding-left: 0;
    padding-right: 25px
}

@media (min-width:768px) {
    .aditional-dtls .adtnldtls-wraper ul.itinerary-list li .custom-control, .aditional-dtls .adtnldtls-wraper .itinerary-list li .custom-control {
        padding-right: 30px
    }
}

@media (min-width:1440px) {
    .aditional-dtls .adtnldtls-wraper ul.itinerary-list li .custom-control, .aditional-dtls .adtnldtls-wraper .itinerary-list li .custom-control {
        padding-right: 40px
    }
}

.aditional-dtls .adtnldtls-wraper ul.itinerary-list li .custom-control .custom-control-label, .aditional-dtls .adtnldtls-wraper .itinerary-list li .custom-control .custom-control-label {
    color: #5a5c66 !important;
    font-size: 14px !important;
    display: contents;
    font-weight: 500
}

    .aditional-dtls .adtnldtls-wraper ul.itinerary-list li .custom-control .custom-control-label:before, .aditional-dtls .adtnldtls-wraper ul.itinerary-list li .custom-control .custom-control-label:after, .aditional-dtls .adtnldtls-wraper .itinerary-list li .custom-control .custom-control-label:before, .aditional-dtls .adtnldtls-wraper .itinerary-list li .custom-control .custom-control-label:after {
        top: 0px !important;
        left: auto !important;
        right: 0 !important;
        height: 20px !important;
        width: 20px !important
    }

.aditional-dtls .adtnldtls-wraper .tkct-available {
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    font-weight: 400;
    color: #5f616c;
    text-transform: capitalize;
    border: 1px solid #ccc;
    border-radius: 50px;
    padding: 13px 10px;
    width: auto
}

.bookyour-seat {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    padding: 30px;
    margin-bottom: 10px
}

@media (min-width:1440px) {
    .bookyour-seat {
        padding: 100px
    }
}

.bookyour-seat header {
    margin-bottom: 30px;
    text-align: center;
    display: block
}

@media (min-width:480px) {
    .bookyour-seat header {
        margin-bottom: 50px
    }
}

@media (min-width:993px) {
    .bookyour-seat header {
        margin-bottom: 100px;
        text-align: left
    }
}

@media (min-width:1200px) {
    .bookyour-seat header {
        margin-bottom: 120px
    }
}

@media (min-width:1440px) {
    .bookyour-seat header {
        margin-bottom: 200px
    }
}

.bookyour-seat header h4 {
    font-size: 20px;
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    color: #000;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 0
}

.bookyour-seat header span {
    font-size: 12px;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    text-transform: capitalize;
    color: #767676;
    line-height: 20px;
    display: block
}

.bookyour-seat .seat-info {
    display: flex;
    flex-direction: column
}

@media (min-width:480px) {
    .bookyour-seat .seat-info {
        justify-content: space-around;
        flex-direction: row
    }
}

@media (min-width:1200px) {
    .bookyour-seat .seat-info {
        justify-content: space-between
    }
}

@media (min-width:480px) {
    .bookyour-seat .seat-info ul {
        width: 48%
    }
}

@media (min-width:768px) {
    .bookyour-seat .seat-info ul {
        width: 45%
    }
}

@media (min-width:1200px) {
    .bookyour-seat .seat-info ul {
        width: auto
    }
}

.bookyour-seat .seat-info .chk-available li {
    display: flex;
    align-items: center;
    flex-direction: row;
    color: #868686;
    font-size: 13px;
    text-transform: capitalize;
    margin-bottom: 10px;
    width: 100%
}

@media (min-width:480px) {
    .bookyour-seat .seat-info .chk-available li {
        margin-bottom: 15px;
        flex-direction: row-reverse
    }
}

@media (min-width:768px) {
    .bookyour-seat .seat-info .chk-available li {
        margin-bottom: 20px;
        font-size: 14px
    }
}

@media (min-width:1200px) {
    .bookyour-seat .seat-info .chk-available li {
        flex-direction: row;
        margin-bottom: 30px;
        font-size: 15px
    }
}

.bookyour-seat .seat-info .chk-available li i {
    font-size: 32px;
    margin-left: 0;
    margin-right: 15px;
    width: 35px
}

@media (min-width:480px) {
    .bookyour-seat .seat-info .chk-available li i {
        margin-left: 20px;
        margin-right: 0
    }
}

@media (min-width:768px) {
    .bookyour-seat .seat-info .chk-available li i {
        font-size: 38px;
        margin-left: 20px;
        margin-right: 0
    }
}

@media (min-width:1200px) {
    .bookyour-seat .seat-info .chk-available li i {
        font-size: 42px;
        margin-right: 20px;
        margin-left: 0
    }
}

.bookyour-seat .seat-info .seat-type li {
    display: flex;
    align-items: center;
    color: #868686;
    font-size: 13px;
    text-transform: capitalize;
    margin-bottom: 10px
}

@media (min-width:480px) {
    .bookyour-seat .seat-info .seat-type li {
        margin-bottom: 15px
    }
}

@media (min-width:768px) {
    .bookyour-seat .seat-info .seat-type li {
        margin-bottom: 20px;
        font-size: 14px
    }
}

@media (min-width:1200px) {
    .bookyour-seat .seat-info .seat-type li {
        margin-bottom: 30px;
        font-size: 15px
    }
}

.bookyour-seat .seat-info .seat-type li:last-child {
    margin-bottom: 0
}

.bookyour-seat .seat-info .seat-type li i {
    font-size: 32px;
    margin-right: 20px;
    width: 35px
}

@media (min-width:768px) {
    .bookyour-seat .seat-info .seat-type li i {
        font-size: 38px;
        margin-right: 20px
    }
}

@media (min-width:1200px) {
    .bookyour-seat .seat-info .seat-type li i {
        font-size: 42px;
        margin-right: 20px
    }
}

.bookyour-seat .chooseyourseat {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 9
}

@media (min-width:360px) {
    .bookyour-seat .chooseyourseat {
        min-height: 750px
    }
}

@media (min-width:480px) {
    .bookyour-seat .chooseyourseat {
        min-height: 1050px;
        text-align: initial
    }
}

@media (min-width:768px) {
    .bookyour-seat .chooseyourseat {
        min-height: 1000px
    }
}

@media (min-width:1200px) {
    .bookyour-seat .chooseyourseat {
        margin-top: -300px;
        min-height: 1050px
    }
}

@media (min-width:1440px) {
    .bookyour-seat .chooseyourseat {
        margin-top: -500px
    }
}

.bookyour-seat .chooseyourseat .flight-body {
    display: inline-block;
    position: absolute;
    top: -30px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    text-align: center
}

@media (min-width:480px) {
    .bookyour-seat .chooseyourseat .flight-body {
        top: 0
    }
}

@media (min-width:1200px) {
    .bookyour-seat .chooseyourseat .flight-body {
        display: inline-block;
        position: absolute;
        left: -90px;
        margin: auto;
        width: 1000px
    }
}

@media (min-width:1440px) {
    .bookyour-seat .chooseyourseat .flight-body {
        display: inline-block;
        max-width: 1070px;
        position: absolute;
        left: -75px;
        right: 0;
        bottom: 0;
        margin: auto
    }
}

.bookyour-seat .chooseyourseat .flight-body img {
    position: absolute;
    width: auto;
    max-height: 1050px;
    max-width: 95%;
    left: 0;
    right: 0;
    margin: auto
}

@media (min-width:480px) {
    .bookyour-seat .chooseyourseat .flight-body img {
        width: auto;
        max-height: 1050px;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .bookyour-seat .chooseyourseat .flight-body img {
        width: 340px;
        position: static
    }
}

@media (min-width:1200px) {
    .bookyour-seat .chooseyourseat .flight-body img {
        width: 1000px;
        max-width: 100%
    }
}

.bookyour-seat .chooseyourseat .flight-body img:nth-of-type(1) {
    display: none
}

@media (min-width:1200px) {
    .bookyour-seat .chooseyourseat .flight-body img:nth-of-type(1) {
        display: inline-block
    }
}

.bookyour-seat .chooseyourseat .flight-body img:nth-of-type(2) {
    display: inline-block
}

@media (min-width:1200px) {
    .bookyour-seat .chooseyourseat .flight-body img:nth-of-type(2) {
        display: none
    }
}

.bookyour-seat .chooseyourseat .seating-area {
    display: inline-block;
    width: 160px;
    position: static;
    margin: auto;
    margin-top: 130px;
    padding: 10px
}

@media (min-width:360px) {
    .bookyour-seat .chooseyourseat .seating-area {
        margin-top: 180px
    }
}

@media (min-width:480px) {
    .bookyour-seat .chooseyourseat .seating-area {
        width: 245px;
        top: 135px;
        position: absolute;
        height: 700px;
        left: 0;
        right: 0;
        top: 70px;
        bottom: 0
    }
}

@media (min-width:768px) {
    .bookyour-seat .chooseyourseat .seating-area {
        top: 80px
    }
}

@media (min-width:1200px) {
    .bookyour-seat .chooseyourseat .seating-area {
        top: 60px;
        right: 25px
    }
}

.bookyour-seat .chooseyourseat .seating-area ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px
}

@media (min-width:360px) {
    .bookyour-seat .chooseyourseat .seating-area ul {
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .bookyour-seat .chooseyourseat .seating-area ul {
        margin-bottom: 25px
    }
}

.bookyour-seat .chooseyourseat .seating-area ul li {
    margin-bottom: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

@media (min-width:360px) {
    .bookyour-seat .chooseyourseat .seating-area ul li {
        margin-bottom: 10px
    }
}

@media (min-width:768px) {
    .bookyour-seat .chooseyourseat .seating-area ul li {
        margin-bottom: 12px
    }
}

.bookyour-seat .chooseyourseat .seating-area ul li:last-child {
    margin-bottom: 0
}

.bookyour-seat .chooseyourseat .seating-area ul li span {
    cursor: pointer
}

    .bookyour-seat .chooseyourseat .seating-area ul li span.selected:before {
        color: red
    }

.bookyour-seat .chooseyourseat .seating-area ul .row-pointer {
    position: relative;
    display: inline-block;
    margin: auto;
    top: 0;
    bottom: 10px;
    font-size: 12px;
    text-transform: capitalize;
    margin-bottom: 10px
}

@media (min-width:360px) {
    .bookyour-seat .chooseyourseat .seating-area ul .row-pointer {
        margin-bottom: 15px
    }
}

@media (min-width:480px) {
    .bookyour-seat .chooseyourseat .seating-area ul .row-pointer {
        font-size: 14px
    }
}

@media (min-width:768px) {
    .bookyour-seat .chooseyourseat .seating-area ul .row-pointer {
        width: 160px !important;
        position: absolute;
        font-size: 15px;
        height: 24px;
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .bookyour-seat .chooseyourseat .seating-area ul .row-pointer {
        width: 200px !important
    }
}

.bookyour-seat .chooseyourseat .seating-area ul .row-pointer:before {
    height: 12px;
    width: 12px;
    border-radius: 30px;
    position: absolute;
    background-color: #000;
    top: 4px
}

@media (min-width:768px) {
    .bookyour-seat .chooseyourseat .seating-area ul .row-pointer:before {
        content: ""
    }
}

.bookyour-seat .chooseyourseat .seating-area ul .row-pointer:after {
    height: 1px;
    width: 40px;
    position: absolute;
    background-color: #000;
    top: 9px
}

@media (min-width:768px) {
    .bookyour-seat .chooseyourseat .seating-area ul .row-pointer:after {
        content: "";
        left: -70px
    }
}

@media (min-width:993px) {
    .bookyour-seat .chooseyourseat .seating-area ul .row-pointer:after {
        width: 50px
    }
}

@media (min-width:1200px) {
    .bookyour-seat .chooseyourseat .seating-area ul .row-pointer:after {
        width: 80px;
        left: -100px
    }
}

.bookyour-seat .chooseyourseat .seating-area .area-sbc li span {
    font-size: 24px
}

@media (min-width:480px) {
    .bookyour-seat .chooseyourseat .seating-area .area-sbc li span {
        font-size: 40px
    }
}

.bookyour-seat .chooseyourseat .seating-area .area-sbc li:first-child {
    padding-left: 3px;
    padding-right: 3px
}

@media (min-width:768px) {
    .bookyour-seat .chooseyourseat .seating-area .area-sbc .row-pointer {
        left: 290px
    }
}

@media (min-width:1200px) {
    .bookyour-seat .chooseyourseat .seating-area .area-sbc .row-pointer {
        left: 330px
    }
}

.bookyour-seat .chooseyourseat .seating-area .area-sbc .row-pointer:before {
    background-color: #e8453f
}

@media (min-width:768px) {
    .bookyour-seat .chooseyourseat .seating-area .area-sbc .row-pointer:before {
        left: -70px
    }
}

@media (min-width:1200px) {
    .bookyour-seat .chooseyourseat .seating-area .area-sbc .row-pointer:before {
        left: -109px
    }
}

.bookyour-seat .chooseyourseat .seating-area .area-sbc .row-pointer:after {
    background-color: #e8453f
}

.bookyour-seat .chooseyourseat .seating-area .area-bc {
    margin-bottom: 15px
}

@media (min-width:360px) {
    .bookyour-seat .chooseyourseat .seating-area .area-bc {
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .bookyour-seat .chooseyourseat .seating-area .area-bc {
        margin-bottom: 50px
    }
}

.bookyour-seat .chooseyourseat .seating-area .area-bc li span {
    font-size: 24px
}

@media (min-width:480px) {
    .bookyour-seat .chooseyourseat .seating-area .area-bc li span {
        font-size: 40px
    }
}

.bookyour-seat .chooseyourseat .seating-area .area-bc li span:before {
    color: #ffa200
}

@media (min-width:768px) {
    .bookyour-seat .chooseyourseat .seating-area .area-bc .row-pointer {
        left: 295px
    }
}

@media (min-width:1200px) {
    .bookyour-seat .chooseyourseat .seating-area .area-bc .row-pointer {
        left: 330px
    }
}

.bookyour-seat .chooseyourseat .seating-area .area-bc .row-pointer:before {
    background-color: #ffa200
}

@media (min-width:768px) {
    .bookyour-seat .chooseyourseat .seating-area .area-bc .row-pointer:before {
        left: -70px
    }
}

@media (min-width:1200px) {
    .bookyour-seat .chooseyourseat .seating-area .area-bc .row-pointer:before {
        left: -105px
    }
}

.bookyour-seat .chooseyourseat .seating-area .area-bc .row-pointer:after {
    background-color: #ffa200
}

.bookyour-seat .chooseyourseat .seating-area .area-ec {
    padding: 0 10px
}

    .bookyour-seat .chooseyourseat .seating-area .area-ec li {
        margin-bottom: 5px
    }

@media (min-width:360px) {
    .bookyour-seat .chooseyourseat .seating-area .area-ec li {
        margin-bottom: 10px
    }
}

.bookyour-seat .chooseyourseat .seating-area .area-ec li span {
    font-size: 24px
}

@media (min-width:480px) {
    .bookyour-seat .chooseyourseat .seating-area .area-ec li span {
        font-size: 44px
    }
}

.bookyour-seat .chooseyourseat .seating-area .area-ec li:nth-last-of-type(3) {
    padding-left: 3px;
    padding-right: 3px
}

.bookyour-seat .chooseyourseat .seating-area .area-ec li:nth-last-of-type(2) {
    padding-left: 4px;
    padding-right: 4px
}

.bookyour-seat .chooseyourseat .seating-area .area-ec li:nth-last-of-type(1) {
    padding-left: 5px;
    padding-right: 5px
}

.bookyour-seat .chooseyourseat .seating-area .area-ec .row-pointer {
    bottom: auto
}

@media (min-width:768px) {
    .bookyour-seat .chooseyourseat .seating-area .area-ec .row-pointer {
        left: 290px;
        top: 20px
    }
}

@media (min-width:1200px) {
    .bookyour-seat .chooseyourseat .seating-area .area-ec .row-pointer {
        left: 330px
    }
}

.bookyour-seat .chooseyourseat .seating-area .area-ec .row-pointer:before {
    background-color: #3cb2e4
}

@media (min-width:768px) {
    .bookyour-seat .chooseyourseat .seating-area .area-ec .row-pointer:before {
        left: -70px
    }
}

@media (min-width:1200px) {
    .bookyour-seat .chooseyourseat .seating-area .area-ec .row-pointer:before {
        left: -105px
    }
}

.bookyour-seat .chooseyourseat .seating-area .area-ec .row-pointer:after {
    background-color: #3cb2e4
}

.bookyour-seat .exp-and-photos {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 9;
    margin-top: 40px
}

@media (min-width:576px) {
    .bookyour-seat .exp-and-photos {
        margin-top: 0
    }
}

@media (min-width:1200px) {
    .bookyour-seat .exp-and-photos {
        flex-direction: row;
        margin-top: -320px;
        margin-bottom: 160px
    }
}

@media (min-width:1440px) {
    .bookyour-seat .exp-and-photos {
        margin-top: -300px;
        margin-bottom: 200px
    }
}

.bookyour-seat .exp-and-photos .exp-title {
    font-size: 18px;
    line-height: 24px;
    color: #9c9c9c;
    font-weight: 500;
    font-family: "Montserrat",sans-serif;
    max-width: 255px;
    text-align: center
}

@media (min-width:480px) {
    .bookyour-seat .exp-and-photos .exp-title {
        font-size: 22px;
        line-height: 26px
    }
}

@media (min-width:768px) {
    .bookyour-seat .exp-and-photos .exp-title {
        font-size: 24px;
        line-height: 30px
    }
}

.bookyour-seat .exp-and-photos .exp-title span {
    color: #111d59;
    display: inline-block;
    font-weight: 400
}

.bookyour-seat .exp-and-photos .flights-photos {
    display: flex;
    flex-direction: row
}

    .bookyour-seat .exp-and-photos .flights-photos li {
        text-align: center;
        margin: 10px
    }

        .bookyour-seat .exp-and-photos .flights-photos li img {
            width: 80px;
            border-radius: 50%
        }

@media (min-width:480px) {
    .bookyour-seat .exp-and-photos .flights-photos li img {
        height: 80px
    }
}

@media (min-width:1200px) {
    .bookyour-seat .exp-and-photos .flights-photos li img {
        width: 80px
    }
}

@media (min-width:1440px) {
    .bookyour-seat .exp-and-photos .flights-photos li img {
        height: 110px;
        width: 110px
    }
}

.bookyour-seat .exp-and-photos .flights-photos li span {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    color: #676767;
    text-transform: capitalize
}

@media (min-width:480px) {
    .bookyour-seat .exp-and-photos .flights-photos li span {
        margin-top: 10px
    }
}

@media (min-width:768px) {
    .bookyour-seat .exp-and-photos .flights-photos li span {
        margin-top: 15px
    }
}

.bookyour-seat footer {
    margin: 0;
    padding: 0;
    background: transparent;
    text-align: center
}

    .bookyour-seat footer h4 {
        color: #111d59;
        font-weight: 500;
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 10px;
        margin-top: 0
    }

@media (min-width:480px) {
    .bookyour-seat footer h4 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 15px
    }
}

@media (min-width:768px) {
    .bookyour-seat footer h4 {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .bookyour-seat footer h4 {
        font-size: 30px;
        line-height: 30px
    }
}

.bookyour-seat footer span {
    color: #34363f;
    display: inline-block;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 30px
}

@media (min-width:480px) {
    .bookyour-seat footer span {
        margin-bottom: 40px
    }
}

@media (min-width:768px) {
    .bookyour-seat footer span {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .bookyour-seat footer span {
        margin-bottom: 60px
    }
}

.bookyour-seat footer p {
    color: #afafaf;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

.bookyour-seat footer .seat-dtls {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 40px;
    align-items: center
}

@media (min-width:768px) {
    .bookyour-seat footer .seat-dtls {
        margin-bottom: 50px;
        flex-direction: row
    }
}

@media (min-width:1200px) {
    .bookyour-seat footer .seat-dtls {
        margin-bottom: 60px
    }
}

.bookyour-seat footer .seat-dtls li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 0;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .bookyour-seat footer .seat-dtls li {
        margin-right: 25px;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .bookyour-seat footer .seat-dtls li {
        margin-right: 35px
    }
}

.bookyour-seat footer .seat-dtls li i {
    margin-right: 20px;
    font-size: 30px
}

@media (min-width:768px) {
    .bookyour-seat footer .seat-dtls li i {
        font-size: 36px;
        margin-right: 15px
    }
}

@media (min-width:1200px) {
    .bookyour-seat footer .seat-dtls li i {
        font-size: 42px;
        margin-right: 20px
    }
}

.bookyour-seat footer .seat-dtls li .gt-seat-eco {
    font-size: 36px
}

@media (min-width:768px) {
    .bookyour-seat footer .seat-dtls li .gt-seat-eco {
        font-size: 42px
    }
}

@media (min-width:1200px) {
    .bookyour-seat footer .seat-dtls li .gt-seat-eco {
        font-size: 62px
    }
}

.bookyour-seat footer .seat-dtls li:last-child {
    margin-right: 0
}

.pp-details {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 30px
}

@media (min-width:1200px) {
    .pp-details {
        flex-direction: row;
        justify-content: space-between
    }
}

@media (min-width:1440px) {
    .pp-details {
        padding: 100px
    }
}

.pp-details .psngr-dtls {
    float:left;
    max-width: 100%
}

@media (min-width:1200px) {
    .pp-details .psngr-dtls {
        float:left;
        max-width: 41.6666666667%
    }
}

@media (min-width:1440px) {
    .pp-details .psngr-dtls {
        float:left;
        max-width: 33.3333333333%
    }
}

.pp-details .psngr-dtls h3 {
    font-weight: 500;
    text-transform: capitalize;
    color: #111d59;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 40px;
    margin-top: 0px !important
}

@media (min-width:768px) {
    .pp-details .psngr-dtls h3 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 50px
    }
}

@media (min-width:993px) {
    .pp-details .psngr-dtls h3 {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 60px
    }
}

@media (min-width:1440px) {
    .pp-details .psngr-dtls h3 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 75px
    }
}

.pp-details .psngr-dtls .psngr-dtls-box {
    margin-bottom: 20px;
    padding-left: 30px
}

@media (min-width:480px) {
    .pp-details .psngr-dtls .psngr-dtls-box {
        margin-bottom: 20px;
        padding-left: 30px
    }
}

@media (min-width:993px) {
    .pp-details .psngr-dtls .psngr-dtls-box {
        margin-bottom: 30px;
        padding-left: 40px
    }
}

@media (min-width:1440px) {
    .pp-details .psngr-dtls .psngr-dtls-box {
        margin-bottom: 40px;
        padding-left: 50px
    }
}

.pp-details .psngr-dtls .psngr-dtls-box h4 {
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 20px;
    font-weight: 500;
    text-transform: capitalize;
    color: #111d59;
    margin-top: 0px !important
}

@media (min-width:768px) {
    .pp-details .psngr-dtls .psngr-dtls-box h4 {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 30px
    }
}

@media (min-width:993px) {
    .pp-details .psngr-dtls .psngr-dtls-box h4 {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .pp-details .psngr-dtls .psngr-dtls-box h4 {
        font-size: 20px;
        line-height: 40px;
        margin-bottom: 50px
    }
}

@media (min-width:1440px) {
    .pp-details .psngr-dtls .psngr-dtls-box h4 {
        margin-bottom: 60px
    }
}

.pp-details .psngr-dtls .psngr-dtls-box h4 i {
    font-size: 28px;
    position: absolute;
    left: -30px;
    margin-right: 10px;
    display: inline-block;
    color: #666 !important
}

@media (min-width:768px) {
    .pp-details .psngr-dtls .psngr-dtls-box h4 i {
        font-size: 30px;
        left: -40px
    }
}

@media (min-width:993px) {
    .pp-details .psngr-dtls .psngr-dtls-box h4 i {
        font-size: 34px;
        left: -45px
    }
}

@media (min-width:1200px) {
    .pp-details .psngr-dtls .psngr-dtls-box h4 i {
        font-size: 40px;
        left: -50px
    }
}

.pp-details .psngr-dtls .psngr-dtls-box .close {
    display: inline-block;
    background-color: #00cc2b;
    opacity: 1;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    border-radius: 50%;
    height: 26px;
    width: 26px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0
}

@media (min-width:993px) {
    .pp-details .psngr-dtls .psngr-dtls-box .close {
        top: 5px
    }
}

.pp-details .psngr-dtls .psngr-dtls-box form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .pp-details .psngr-dtls .psngr-dtls-box form input, .pp-details .psngr-dtls .psngr-dtls-box form select {
        padding: 15px 0;
        text-transform: capitalize;
        font-size: 18px;
        color: #5b5b5b;
        border: none;
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
        background-color: transparent;
        border-radius: 0px !important
    }

    .pp-details .psngr-dtls .psngr-dtls-box form .inputname {
        display: inline-block;
        width: 100%
    }

    .pp-details .psngr-dtls .psngr-dtls-box form select {
        margin-right: 15px
    }

@media (min-width:768px) {
    .pp-details .psngr-dtls .psngr-dtls-box form select {
        margin-right: 20px
    }
}

@media (min-width:1200px) {
    .pp-details .psngr-dtls .psngr-dtls-box form select {
        width: 25%;
        max-width: 25%;
        margin-right: 30px
    }
}

@media (min-width:1440px) {
    .pp-details .psngr-dtls .psngr-dtls-box form select {
        width: 20%;
        max-width: 20%;
        margin-right: 50px
    }
}

.pp-details .psngr-dtls .psngr-dtls-box form .dob {
    width: 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .pp-details .psngr-dtls .psngr-dtls-box form .dob {
        width: 30%;
        max-width: 40%
    }
}

@media (min-width:1200px) {
    .pp-details .psngr-dtls .psngr-dtls-box form .dob {
        width: 40%;
        max-width: 40%
    }
}

@media (min-width:1440px) {
    .pp-details .psngr-dtls .psngr-dtls-box form .dob {
        width: 30%;
        max-width: 40%
    }
}

.pp-details .pymnt-dtls {
    float:left;
    max-width: 100%
}

@media (min-width:1200px) {
    .pp-details .pymnt-dtls {
        float:left;
        max-width: 50%
    }
}

.pp-details .pymnt-dtls h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 40px;
    font-weight: 500;
    text-transform: capitalize;
    color: #111d59;
    margin-top: 0px !important
}

@media (min-width:768px) {
    .pp-details .pymnt-dtls h3 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .pp-details .pymnt-dtls h3 {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 60px
    }
}

@media (min-width:1440px) {
    .pp-details .pymnt-dtls h3 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 75px
    }
}

.pp-details .pymnt-dtls .amt-payble {
    padding-bottom: 40px
}

    .pp-details .pymnt-dtls .amt-payble strong {
        display: inline-block;
        width: 100%;
        font-size: 15px;
        font-weight: 400;
        color: #868686;
        line-height: 15px;
        margin-bottom: 30px
    }

    .pp-details .pymnt-dtls .amt-payble .totpbl-amt {
        font-family: "Montserrat",sans-serif;
        display: inline-block;
        font-weight: 500;
        color: #ff6c00;
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 10px;
        margin-right: 0;
        float: left
    }

@media (min-width:480px) {
    .pp-details .pymnt-dtls .amt-payble .totpbl-amt {
        font-size: 36px;
        line-height: 30px;
        margin-right: 15px
    }
}

@media (min-width:993px) {
    .pp-details .pymnt-dtls .amt-payble .totpbl-amt {
        font-size: 40px;
        line-height: 30px
    }
}

.pp-details .pymnt-dtls .amt-payble .rate-type-tag {
    font-family: "Montserrat",sans-serif;
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    color: #868686;
    line-height: 12px;
    border-radius: 50px;
    background-color: #ededed;
    padding: 8px 10px !important;
    margin-bottom: 10px
}

@media (min-width:480px) {
    .pp-details .pymnt-dtls .amt-payble .rate-type-tag {
        margin-bottom: 0
    }
}

.pp-details .pymnt-dtls .amt-payble p {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    color: #868686;
    line-height: 12px
}

.pp-details .breakups-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    border-bottom: 1px solid #cec9c9;
    border-top: 1px solid #cec9c9;
    margin-bottom: 40px
}

@media (min-width:768px) {
    .pp-details .breakups-wrapper {
        margin-bottom: 50px
    }
}

@media (min-width:993px) {
    .pp-details .breakups-wrapper {
        margin-bottom: 60px
    }
}

@media (min-width:1200px) {
    .pp-details .breakups-wrapper {
        margin-bottom: 70px
    }
}

@media (min-width:1440px) {
    .pp-details .breakups-wrapper {
        flex-direction: row;
        padding: 60px 0;
        margin-bottom: 90px
    }
}

@media (min-width:1440px) {
    .pp-details .breakups-wrapper .breakups, .pp-details .breakups-wrapper .Cancellation {
        float:left;
        max-width: 41.6666666667%
    }
}

.pp-details .breakups-wrapper .breakups h5, .pp-details .breakups-wrapper .Cancellation h5 {
    font-family: 'Poppins',sans-serif;
    display: block;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    color: #111d59;
    line-height: 30px;
    margin-bottom: 30px
}

.pp-details .breakups-wrapper .breakups strong, .pp-details .breakups-wrapper .Cancellation strong {
    font-family: 'Poppins',sans-serif;
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    color: gray;
    line-height: 14px;
    margin-bottom: 15px
}

.pp-details .breakups-wrapper .breakups p, .pp-details .breakups-wrapper .Cancellation p {
    font-family: 'Poppins',sans-serif;
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    color: gray;
    line-height: 14px;
    margin-bottom: 15px
}

@media (min-width:1440px) {
    .pp-details .breakups-wrapper .Cancellation {
        float:left;
        max-width: 50%
    }
}

.pp-details .breakups-wrapper .Cancellation strong {
    margin-bottom: 45px
}

.pp-details .breakups-wrapper .Cancellation p {
    line-height: 30px
}

.pp-details .breakups-wrapper .Cancellation span {
    font-family: 'Poppins',sans-serif;
    display: block;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    color: gray;
    line-height: 14px;
    margin-bottom: 15px
}

.pp-details .pymnt-submit {
    display: flex;
    justify-content: flex-end;
    flex-direction: column
}

@media (min-width:480px) {
    .pp-details .pymnt-submit {
        align-items: center;
        flex-direction: row
    }
}

@media (min-width:768px) {
    .pp-details .pymnt-submit {
        align-items: center
    }
}

.pp-details .pymnt-submit .btn-loginnow {
    background-color: #0075e1;
    color: #fff;
    padding: 12px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px
}

@media (min-width:480px) {
    .pp-details .pymnt-submit .btn-loginnow {
        margin-right: 10px;
        margin-bottom: 0;
        font-size: 14px;
        letter-spacing: 2px
    }
}

@media (min-width:768px) {
    .pp-details .pymnt-submit .btn-loginnow {
        padding: 12px 15px
    }
}

@media (min-width:1200px) {
    .pp-details .pymnt-submit .btn-loginnow {
        width: 250px;
        padding: 22px 25px
    }
}

@media (min-width:1440px) {
    .pp-details .pymnt-submit .btn-loginnow {
        width: 300px;
        padding: 22px 25px
    }
}

.pp-details .pymnt-submit .btn-chkoutas-guest {
    background-color: #ff1e5e;
    color: #fff;
    padding: 12px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase
}

@media (min-width:480px) {
    .pp-details .pymnt-submit .btn-chkoutas-guest {
        font-size: 14px;
        letter-spacing: 2px
    }
}

@media (min-width:768px) {
    .pp-details .pymnt-submit .btn-chkoutas-guest {
        width: 250px;
        padding: 12px 15px
    }
}

@media (min-width:1200px) {
    .pp-details .pymnt-submit .btn-chkoutas-guest {
        padding: 22px 25px;
        width: 300px
    }
}

.seat-available:before {
    color: #e8453f !important
}

.seatnot-available:before {
    color: #c5cccf !important
}

.seat-selected:before {
    color: #3cb878 !important
}

.seat-sbl:before {
    color: #e8453f !important
}

.seat-bl:before {
    color: #ffa200 !important
}

.seat-ec:before {
    color: #3cb2e4 !important
}

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

body.hotelbooking {
    background-color: #f8f8f8
}

    body.hotelbooking .innerwrapper {
        position: relative;
        display: inline-block;
        width: 100%
    }

    body.hotelbooking footer {
        position: relative
    }

        body.hotelbooking footer .bottom-left {
            position: absolute;
            bottom: 600px;
            width: 100%
        }

            body.hotelbooking footer .bottom-left .shapes3 {
                bottom: -100px;
                opacity: .9
            }

        body.hotelbooking footer .bottom-right {
            position: absolute;
            bottom: 600px;
            width: 100%
        }

            body.hotelbooking footer .bottom-right .shapes3 {
                bottom: -150px;
                opacity: .9
            }

.loc-dtls {
    display: flex;
    flex-direction: column;
    box-shadow: -4.022px 32.754px 51px rgba(0,0,0,.05);
    margin-bottom: 20px
}

@media (min-width:1200px) {
    .loc-dtls {
        flex-direction: row
    }
}

.loc-dtls .location {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width:993px) {
    .loc-dtls .location {
        flex-direction: row
    }
}

@media (min-width:1200px) {
    .loc-dtls .location {
        width: 50%;
        flex-direction: column
    }
}

@media (min-width:1440px) {
    .loc-dtls .location {
        flex-direction: row;
        width: 66.66%
    }
}

.loc-dtls .location .map, .loc-dtls .location .mapimg {
    display: flex;
    height: 300px;
    width: 100%;
    overflow: hidden;
    position: relative
}

@media (min-width:1440px) {
    .loc-dtls .location .map, .loc-dtls .location .mapimg {
        overflow: visible;
        height: 100%
    }
}

.loc-dtls .location .map img, .loc-dtls .location .mapimg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media (min-width:1440px) {
    .loc-dtls .location .map img, .loc-dtls .location .mapimg img {
        position: static
    }
}

.loc-dtls .dtls {
    padding: 15px;
    background-color: #fff;
    width: 100%
}

@media (min-width:1200px) {
    .loc-dtls .dtls {
        padding-left: 30px;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        width: 50%
    }
}

@media (min-width:1440px) {
    .loc-dtls .dtls {
        width: 33.33%;
        padding-left: 50px
    }
}

.loc-dtls .dtls h2 {
    color: #111d59;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 800;
    margin-top: 0
}

@media (min-width:768px) {
    .loc-dtls .dtls h2 {
        margin-top: 20px;
        font-size: 42px;
        line-height: 42px
    }
}

@media (min-width:993px) {
    .loc-dtls .dtls h2 {
        margin-top: 30px;
        font-size: 48px;
        line-height: 48px
    }
}

@media (min-width:1200px) {
    .loc-dtls .dtls h2 {
        margin-top: 50px;
        font-size: 52px;
        line-height: 52px
    }
}

@media (min-width:1440px) {
    .loc-dtls .dtls h2 {
        margin-top: 65px;
        font-size: 60px;
        line-height: 60px
    }
}

.loc-dtls .dtls p {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 20px;
    color: #494d64
}

@media (min-width:993px) {
    .loc-dtls .dtls p {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .loc-dtls .dtls p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 40px
    }
}

@media (min-width:1440px) {
    .loc-dtls .dtls p {
        margin-bottom: 50px
    }
}

.dtls-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: #fff;
    box-shadow: -4.022px 32.754px 51px rgba(0,0,0,.05);
    padding: 15px;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .dtls-bar {
        padding: 25px;
        margin-bottom: 30px
    }
}

@media (min-width:993px) {
    .dtls-bar {
        flex-direction: row
    }
}

@media (min-width:1200px) {
    .dtls-bar {
        padding: 30px;
        margin-bottom: 40px
    }
}

@media (min-width:1440px) {
    .dtls-bar {
        padding: 50px;
        margin-bottom: 50px
    }
}

.dtls-bar .dtl-header {
    padding: 0 15px;
    width: 100%;
    margin-bottom: 30px
}

@media (min-width:993px) {
    .dtls-bar .dtl-header {
        width: 25%;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .dtls-bar .dtl-header {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .dtls-bar .dtl-header {
        padding: 0 50px
    }
}

.dtls-bar .dtl-header h3 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    font-family: "Montserrat",sans-serif;
    font-weight: 800;
    color: #111d59
}

@media (min-width:768px) {
    .dtls-bar .dtl-header h3 {
        font-size: 36px;
        line-height: 36px
    }
}

@media (min-width:993px) {
    .dtls-bar .dtl-header h3 {
        font-size: 42px;
        line-height: 42px;
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .dtls-bar .dtl-header h3 {
        font-size: 52px;
        line-height: 52px
    }
}

@media (min-width:1440px) {
    .dtls-bar .dtl-header h3 {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 20px
    }
}

.dtls-bar .dtl-header h3 br {
    display: none
}

@media (min-width:993px) {
    .dtls-bar .dtl-header h3 br {
        display: block
    }
}

.dtls-bar .dtl-header p {
    font-size: 11px;
    font-weight: 500;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: normal
}

    .dtls-bar .dtl-header p br {
        display: none
    }

@media (min-width:1440px) {
    .dtls-bar .dtl-header p br {
        display: block
    }
}

.dtls-bar ul {
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width:768px) {
    .dtls-bar ul {
        flex-direction: row
    }
}

@media (min-width:993px) {
    .dtls-bar ul {
        justify-content: space-between;
        align-items: center;
        width: 75%
    }
}

@media (min-width:1200px) {
    .dtls-bar ul {
        padding-left: 10px
    }
}

.dtls-bar ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    width: 100%;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .dtls-bar ul li {
        width: 33.33%
    }
}

@media (min-width:993px) {
    .dtls-bar ul li {
        justify-content: center;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .dtls-bar ul li {
        width: 33.33%
    }
}

@media (min-width:993px) {
    .dtls-bar ul li:first-child {
        width: 45%
    }
}

@media (min-width:1200px) {
    .dtls-bar ul li:first-child {
        width: 33.33%
    }
}

.dtls-bar ul li p {
    font-size: 14px;
    letter-spacing: 1px;
    width: 33.33%;
    font-weight: 600;
    color: #222;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    line-height: normal;
    text-align: left
}

@media (min-width:1200px) {
    .dtls-bar ul li p {
        text-align: center;
        font-size: 16px;
        letter-spacing: 2px
    }
}

@media (min-width:1440px) {
    .dtls-bar ul li p {
        font-size: 18px;
        letter-spacing: 3px
    }
}

.dtls-bar ul li p br {
    display: none
}

@media (min-width:1440px) {
    .dtls-bar ul li p br {
        display: block
    }
}

.dtls-bar ul li i {
    display: none;
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
    width: auto;
    margin-right: 10px
}

@media (min-width:993px) {
    .dtls-bar ul li i {
        font-size: 28px
    }
}

@media (min-width:1200px) {
    .dtls-bar ul li i {
        margin-right: 15px;
        font-size: 32px;
        font-weight: 500
    }
}

@media (min-width:1440px) {
    .dtls-bar ul li i {
        margin-right: 30px;
        font-size: 36px
    }
}

.dtls-bar ul li span {
    display: inline-block;
    width: 100%;
    background: #ee3840;
    position: relative;
    overflow: hidden;
    height: 2px;
    width: 8px;
    top: -3px;
    position: relative !important
}

@media (min-width:768px) {
    .dtls-bar ul li span {
        display: inline-block;
        width: 100%;
        color: #ee3840;
        position: relative;
        background-color: #fff;
        padding: 0 10px;
        z-index: 9;
        overflow: hidden;
        height: auto;
        top: 0
    }
}

@media (min-width:1440px) {
    .dtls-bar ul li span {
        margin: 5px 0
    }
}

.dtls-bar ul li span:before {
    content: "";
    height: 100%;
    width: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #FFF;
    z-index: -1
}

.dtls-bar ul li span:after {
    content: "";
    height: 1px;
    width: 140px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #ee3840;
    z-index: -2
}

.loc-info {
    margin-bottom: 10px
}

@media (min-width:993px) {
    .loc-info {
        margin-bottom: 20px
    }
}

@media (min-width:1440px) {
    .loc-info {
        margin-bottom: 30px
    }
}

.loc-info li {
    width: 100%;
    font-size: 14px;
    color: #111d59;
    margin-bottom: 10px
}

@media (min-width:576px) {
    .loc-info li {
        width: auto
    }
}

@media (min-width:768px) {
    .loc-info li {
        margin-bottom: 15px
    }
}

@media (min-width:993px) {
    .loc-info li {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .loc-info li {
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .loc-info li {
        margin-bottom: 35px
    }
}

.loc-info li:nth-last-child(1), .loc-info li:nth-last-child(2) {
    display: inline-block
}

.loc-info li span {
    color: #ff3161
}

.loc-info li .review-link {
    color: #838691;
    margin-left: 0
}

@media (min-width:576px) {
    .loc-info li .review-link {
        margin-left: 20px
    }
}

.btn-type1 {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .btn-type1 {
        margin-right: 5px
    }
}

@media (min-width:1440px) {
    .btn-type1 {
        margin-right: 15px
    }
}

.hotelndeal {
    padding-top: 40px;
    background-color: #ebebeb;
    position: relative
}

@media (min-width:768px) {
    .hotelndeal {
        padding-top: 50px
    }
}

@media (min-width:993px) {
    .hotelndeal {
        padding-top: 60px
    }
}

@media (min-width:1200px) {
    .hotelndeal {
        padding-top: 80px
    }
}

@media (min-width:1440px) {
    .hotelndeal {
        padding-top: 100px
    }
}

.hotelndeal header {
    margin-bottom: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

@media (min-width:993px) {
    .hotelndeal header {
        flex-direction: row
    }
}

.hotelndeal header h4 {
    font-size: 30px;
    color: #333f4b;
    font-weight: 800
}

@media (max-width:1440px) {
    .hotelndeal header h4 {
        margin-bottom: 15px
    }
}

.hotelndeal header span {
    font-size: 12px;
    text-transform: uppercase;
    color: #707377;
    font-weight: 500;
    letter-spacing: 2px;
    display: inline-block;
    width: auto
}

@media (max-width:479px) {
    .hotelndeal header span {
        letter-spacing: 0
    }
}

.hotelndeal .adsrow {
    display: inline-block;
    margin-top: 0px !important;
    margin-bottom: 40px
}

@media (min-width:1440px) {
    .hotelndeal .adsrow {
        margin-bottom: 50px
    }
}

@media (min-width:768px) {
    .hotelndeal .adsrow {
        margin-bottom: 60px
    }
}

@media (min-width:1200px) {
    .hotelndeal .adsrow {
        margin-bottom: 80px
    }
}

@media (min-width:1440px) {
    .hotelndeal .adsrow {
        margin-bottom: 100px
    }
}

.src-grid {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px
}

@media (min-width:993px) {
    .src-grid {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.src-grid .main {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    padding: 0;
    order: 1;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .src-grid .main {
        padding-left: 15px
    }
}

@media (min-width:993px) {
    .src-grid .main {
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .src-grid .main {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 20px
    }
}

@media (min-width:1440px) {
    .src-grid .main {
        padding-right: 15px;
        padding-left: 15px;
        max-width: 60%;
        margin-bottom: 0;
        order: 2
    }
}

.src-grid .main .venue-list {
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-bottom: 19px
}

@media (min-width:768px) {
    .src-grid .main .venue-list {
        flex-direction: row
    }
}

.src-grid .main .venue-list .venue-image {
    display: flex
}

@media (min-width:768px) {
    .src-grid .main .venue-list .venue-image {
        width: 40%
    }
}

@media (min-width:993px) {
    .src-grid .main .venue-list .venue-image {
        width: auto
    }
}

.src-grid .main .venue-list .venue-image img {
    width: 100%;
    max-width: 100%
}

.src-grid .main .venue-list .venue-dtls {
    padding: 15px;
    width: 100%;
    position: relative
}

@media (min-width:768px) {
    .src-grid .main .venue-list .venue-dtls {
        width: 60%
    }
}

@media (min-width:1200px) {
    .src-grid .main .venue-list .venue-dtls {
        width: 70%;
        padding: 20px
    }
}

@media (min-width:1440px) {
    .src-grid .main .venue-list .venue-dtls {
        padding: 40px
    }
}

.src-grid .main .venue-list .venue-dtls h3 {
    font-family: "Montserrat",sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: #333f4b;
    font-weight: 400;
    margin-bottom: 15px;
    width: 90%
}

@media (min-width:768px) {
    .src-grid .main .venue-list .venue-dtls h3 {
        width: 100%
    }
}

@media (min-width:1200px) {
    .src-grid .main .venue-list .venue-dtls h3 {
        font-size: 28px;
        line-height: 28px
    }
}

@media (min-width:1440px) {
    .src-grid .main .venue-list .venue-dtls h3 {
        font-size: 30px;
        line-height: 30px
    }
}

.src-grid .main .venue-list .venue-dtls p {
    font-size: 15px;
    line-height: 17px;
    color: #687684;
    font-weight: 400;
    margin-bottom: 40px
}

@media (min-width:1200px) {
    .src-grid .main .venue-list .venue-dtls p {
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .src-grid .main .venue-list .venue-dtls p {
        margin-bottom: 40px
    }
}

.src-grid .main .venue-list .venue-dtls .review {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 15px;
    line-height: 17px;
    color: #2d2d2e;
    font-weight: 400;
    margin-bottom: 15px
}

@media (min-width:1200px) {
    .src-grid .main .venue-list .venue-dtls .review {
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .src-grid .main .venue-list .venue-dtls .review {
        margin-bottom: 50px
    }
}

.src-grid .main .venue-list .venue-dtls .review i {
    font-size: 24px;
    margin-right: 10px
}

@media (min-width:1200px) {
    .src-grid .main .venue-list .venue-dtls .review i {
        font-size: 24px;
        margin-right: 10px
    }
}

@media (min-width:1440px) {
    .src-grid .main .venue-list .venue-dtls .review i {
        font-size: 30px;
        margin-right: 14px
    }
}

.src-grid .main .venue-list .venue-dtls .review span {
    color: #9a9a9f;
    display: inline-block;
    margin: 0 5px
}

.src-grid .main .venue-list .venue-dtls .feature-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .src-grid .main .venue-list .venue-dtls .feature-price {
        margin-bottom: 20px
    }
}

@media (min-width:993px) {
    .src-grid .main .venue-list .venue-dtls .feature-price {
        flex-direction: row
    }
}

@media (min-width:1200px) {
    .src-grid .main .venue-list .venue-dtls .feature-price {
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .src-grid .main .venue-list .venue-dtls .feature-price {
        margin-bottom: 50px
    }
}

.src-grid .main .venue-list .venue-dtls .feature-price .available {
    display: flex;
    text-align: center;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .src-grid .main .venue-list .venue-dtls .feature-price .available {
        margin-bottom: 0
    }
}

.src-grid .main .venue-list .venue-dtls .feature-price .available li {
    font-size: 11px;
    margin-right: 10px;
    color: #999
}

@media (min-width:1200px) {
    .src-grid .main .venue-list .venue-dtls .feature-price .available li {
        margin-right: 15px
    }
}

@media (min-width:1440px) {
    .src-grid .main .venue-list .venue-dtls .feature-price .available li {
        margin-right: 20px
    }
}

.src-grid .main .venue-list .venue-dtls .feature-price .available li span {
    color: #333;
    display: block;
    font-size: 22px;
    opacity: .6;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .src-grid .main .venue-list .venue-dtls .feature-price .available li span {
        font-size: 24px
    }
}

@media (min-width:993px) {
    .src-grid .main .venue-list .venue-dtls .feature-price .available li span {
        font-size: 28px
    }
}

@media (min-width:1200px) {
    .src-grid .main .venue-list .venue-dtls .feature-price .available li span {
        font-size: 32px
    }
}

@media (min-width:1440px) {
    .src-grid .main .venue-list .venue-dtls .feature-price .available li span {
        font-size: 40px
    }
}

.src-grid .main .venue-list .venue-dtls .feature-price .pricebox {
    display: inline-block;
    width: 100%;
    text-align: left
}

@media (min-width:768px) {
    .src-grid .main .venue-list .venue-dtls .feature-price .pricebox {
        text-align: right
    }
}

.src-grid .main .venue-list .venue-dtls .feature-price .pricebox .price-low {
    display: inline-block;
    float: left
}

.src-grid .main .venue-list .venue-dtls .feature-price .pricebox .price-high {
    display: inline-block;
    float: right
}

.src-grid .main .venue-list .venue-dtls .feature-price .pricebox .price {
    color: #333f4b;
    font-size: 24px;
    font-weight: 600;
    font-family: "Montserrat",sans-serif
}

@media (min-width:993px) {
    .src-grid .main .venue-list .venue-dtls .feature-price .pricebox .price {
        font-size: 28px
    }
}

@media (min-width:1200px) {
    .src-grid .main .venue-list .venue-dtls .feature-price .pricebox .price {
        font-size: 32px
    }
}

@media (min-width:1440px) {
    .src-grid .main .venue-list .venue-dtls .feature-price .pricebox .price {
        font-size: 36px
    }
}

.src-grid .main .venue-list .venue-dtls .feature-price .pricebox .dscount {
    color: #687684;
    font-size: 15px;
    font-weight: 400;
    display: block
}

@media (min-width:1200px) {
    .src-grid .main .venue-list .venue-dtls .feature-price .pricebox .dscount {
        font-size: 14px
    }
}

@media (min-width:1440px) {
    .src-grid .main .venue-list .venue-dtls .feature-price .pricebox .dscount {
        font-size: 15px
    }
}

.src-grid .main .venue-list .venue-dtls .btn-book {
    position: static;
    right: 0;
    margin-top: 10px
}

@media (min-width:768px) {
    .src-grid .main .venue-list .venue-dtls .btn-book {
        position: absolute;
        margin-top: 0
    }
}

@media (min-width:1440px) {
    .src-grid .main .venue-list .venue-dtls .btn-book {
        bottom: 40px
    }
}

.src-grid .main .venue-list .venue-dtls .htlclass {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    margin-right: 6px;
    position: absolute;
    top: 10px;
    right: 10px
}

@media (min-width:768px) {
    .src-grid .main .venue-list .venue-dtls .htlclass {
        font-size: 16px;
        width: 40px;
        height: 40px;
        top: 40px;
        right: 40px
    }
}

@media (min-width:1200px) {
    .src-grid .main .venue-list .venue-dtls .htlclass {
        font-size: 18px
    }
}

@media (min-width:1440px) {
    .src-grid .main .venue-list .venue-dtls .htlclass {
        font-size: 20px
    }
}

.src-grid .main .venue-list .venue-dtls .htlclass:before {
    font-size: 30px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 40px
}

@media (min-width:768px) {
    .src-grid .main .venue-list .venue-dtls .htlclass:before {
        font-size: 36px;
        height: 40px;
        width: 40px
    }
}

@media (min-width:1440px) {
    .src-grid .main .venue-list .venue-dtls .htlclass:before {
        font-size: 40px
    }
}

.src-grid .main .venue-list .venue-dtls .htlclass:nth-last-of-type(1) {
    margin-right: 0
}

.src-grid .main .venue-list:nth-last-of-type(1) {
    margin-bottom: 0
}

.src-grid .left-sidebar {
    order: 2
}

@media (min-width:993px) {
    .src-grid .left-sidebar {
        max-width: 60%;
        width: 58%;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .src-grid .left-sidebar {
        margin-bottom: 20px
    }
}

@media (min-width:1440px) {
    .src-grid .left-sidebar {
        max-width: 20%;
        margin-bottom: 0;
        order: 1
    }
}

.src-grid .left-sidebar .cmn-bxpnl {
    background-color: #fff;
    padding: 30px;
    margin-bottom: 15px
}

@media (min-width:1200px) {
    .src-grid .left-sidebar .cmn-bxpnl {
        padding: 20px
    }
}

@media (min-width:1440px) {
    .src-grid .left-sidebar .cmn-bxpnl {
        padding: 30px
    }
}

.src-grid .left-sidebar .cmn-bxpnl .title1 {
    font-family: 'Poppins',sans-serif;
    font-size: 17px;
    line-height: 18px;
    text-transform: capitalize;
    display: block;
    margin-bottom: 15px;
    color: #2d2d2e;
    font-weight: 400
}

@media (min-width:768px) {
    .src-grid .left-sidebar .cmn-bxpnl .title1 {
        margin-bottom: 25px
    }
}

@media (min-width:1440px) {
    .src-grid .left-sidebar .cmn-bxpnl .title1 {
        margin-bottom: 45px
    }
}

.src-grid .left-sidebar .cmn-bxpnl:nth-last-of-type(1) {
    margin-bottom: 0px !important
}

.src-grid .right-sidebar {
    order: 3
}

@media (min-width:993px) {
    .src-grid .right-sidebar {
        max-width: 40%;
        width: 39%
    }
}

@media (min-width:1440px) {
    .src-grid .right-sidebar {
        max-width: 20%
    }
}

.search-n-deal {
    padding-bottom: 40px;
    position: relative;
    z-index: 0
}

@media (min-width:480px) {
    .search-n-deal {
        padding-bottom: 50px
    }
}

@media (min-width:768px) {
    .search-n-deal {
        padding-bottom: 60px
    }
}

@media (min-width:1200px) {
    .search-n-deal {
        padding-bottom: 80px
    }
}

@media (min-width:1440px) {
    .search-n-deal {
        padding-bottom: 100px
    }
}

.search-n-deal header {
    margin-bottom: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

@media (min-width:993px) {
    .search-n-deal header {
        flex-direction: row
    }
}

.search-n-deal header h4 {
    font-size: 30px;
    color: #333f4b;
    font-weight: 800
}

.search-n-deal header span {
    font-size: 12px;
    text-transform: uppercase;
    color: #707377;
    font-weight: 500;
    letter-spacing: 2px
}

.search-n-deal:before {
    content: "";
    height: calc(100% + 500px);
    background-color: #ebebeb;
    width: 100%;
    z-index: -1;
    top: auto;
    top: 0;
    position: absolute
}

.ratingbox .htlrating {
    font-weight: 500;
    position: relative;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    line-height: 38px
}

@media (min-width:768px) {
    .ratingbox .htlrating {
        width: 40px;
        height: 40px;
        margin-right: 6px
    }
}

@media (min-width:1200px) {
    .ratingbox .htlrating {
        font-size: 18px
    }
}

@media (min-width:1440px) {
    .ratingbox .htlrating {
        font-size: 20px
    }
}

.ratingbox .htlrating:before {
    font-size: 28px;
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    width: 35px;
    line-height: 40px
}

@media (min-width:768px) {
    .ratingbox .htlrating:before {
        height: 40px;
        width: 40px;
        line-height: 40px
    }
}

@media (min-width:1200px) {
    .ratingbox .htlrating:before {
        font-size: 32px
    }
}

@media (min-width:1440px) {
    .ratingbox .htlrating:before {
        font-size: 40px
    }
}

.ratingbox .htlrating:nth-last-of-type(1) {
    margin-right: 0
}

.ratingbox .divi1 {
    margin: 20px auto;
    background-color: #f7f9fa
}

@media (min-width:768px) {
    .ratingbox .divi1 {
        margin: 30px auto
    }
}

@media (min-width:993px) {
    .ratingbox .divi1 {
        margin: 40px auto
    }
}

@media (min-width:1440px) {
    .ratingbox .divi1 {
        margin: 45px auto
    }
}

.ratingbox .guestrating li {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .ratingbox .guestrating li {
        margin-bottom: 15px
    }
}

@media (min-width:993px) {
    .ratingbox .guestrating li {
        margin-bottom: 20px
    }
}

@media (min-width:1440px) {
    .ratingbox .guestrating li {
        margin-bottom: 25px
    }
}

.ratingbox .guestrating li .custom-checkbox {
    padding-left: 0;
    display: flex;
    flex-direction: row;
    align-items: center
}

    .ratingbox .guestrating li .custom-checkbox .gstrtng {
        font-size: 25px;
        font-weight: 400;
        margin-right: 20px
    }

@media (min-width:768px) {
    .ratingbox .guestrating li .custom-checkbox .gstrtng {
        font-size: 40px
    }
}

.ratingbox .guestrating li .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #1cbbb4;
    border-color: #1cbbb4
}

.ratingbox .guestrating li .custom-checkbox .custom-control-label {
    width: 80%;
    display: inline-block;
    text-transform: capitalize;
    font-size: 15px
}

    .ratingbox .guestrating li .custom-checkbox .custom-control-label:before, .ratingbox .guestrating li .custom-checkbox .custom-control-label:after {
        background-color: transparent;
        border: 1px solid #ddd;
        border-radius: 0;
        left: auto;
        right: 0;
        height: 20px;
        width: 20px;
        top: 0
    }

.rtng2 {
    color: #ffba00
}

.rtng4 {
    color: #ff8400
}

.rtng6 {
    color: #ff4800
}

.rtng8 {
    color: #ff0048
}

.rtng10 {
    color: #c0f
}

.topoptn .opns {
    display: flex;
    flex-wrap: wrap
}

    .topoptn .opns li {
        display: inline-block;
        width: auto;
        text-align: center;
        width: 100%
    }

@media (min-width:479px) {
    .topoptn .opns li {
        width: 50%
    }
}

@media (min-width:768px) {
    .topoptn .opns li {
        width: 33%
    }
}

.topoptn .opns li .custom-checkbox {
    padding-left: 0
}

    .topoptn .opns li .custom-checkbox span {
        font-size: 30px;
        display: inline-block;
        margin: 0 10px 0 0
    }

@media (min-width:768px) {
    .topoptn .opns li .custom-checkbox span {
        font-size: 34px
    }
}

@media (min-width:993px) {
    .topoptn .opns li .custom-checkbox span {
        font-size: 40px
    }
}

@media (min-width:1200px) {
    .topoptn .opns li .custom-checkbox span {
        margin: 16px
    }
}

.topoptn .opns li .custom-checkbox .custom-control-input:checked ~ .custom-control-label {
    box-shadow: 2.5px 4.33px 27px rgba(148,155,162,.22)
}

    .topoptn .opns li .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
        background-color: #1cbbb4;
        border-color: #1cbbb4
    }

.topoptn .opns li .custom-checkbox .custom-control-input:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important
}

.topoptn .opns li .custom-checkbox .custom-control-label {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 10px
}

@media (min-width:1200px) {
    .topoptn .opns li .custom-checkbox .custom-control-label {
        flex-direction: column
    }
}

.topoptn .opns li .custom-checkbox .custom-control-label:after, .topoptn .opns li .custom-checkbox .custom-control-label:before {
    left: auto;
    right: 3px;
    top: 3px;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    background-color: transparent
}

.distance .dstns {
    display: flex;
    flex-wrap: wrap
}

    .distance .dstns li {
        display: inline-block;
        width: auto;
        width: 100%;
        margin-bottom: 10px
    }

@media (min-width:479px) {
    .distance .dstns li {
        width: 50%
    }
}

@media (min-width:768px) {
    .distance .dstns li {
        width: 25%
    }
}

@media (min-width:993px) {
    .distance .dstns li {
        margin-bottom: 20px;
        width: 50%
    }
}

.distance .dstns li .custom-checkbox {
    padding-left: 0
}

    .distance .dstns li .custom-checkbox span {
        font-size: 40px;
        display: inline-block;
        margin: 16px
    }

    .distance .dstns li .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
        background-color: #1cbbb4;
        border-color: #1cbbb4
    }

    .distance .dstns li .custom-checkbox .custom-control-input:focus {
        outline: none !important;
        box-shadow: none !important;
        border: none !important
    }

    .distance .dstns li .custom-checkbox .custom-control-label {
        display: inline-block;
        padding-left: 35px;
        border-radius: 10px;
        line-height: 38px;
        width: 100%;
        text-transform: capitalize
    }

        .distance .dstns li .custom-checkbox .custom-control-label:after, .distance .dstns li .custom-checkbox .custom-control-label:before {
            left: auto;
            left: 0;
            border-radius: 50px;
            width: 20px;
            height: 20px;
            margin: auto;
            top: 0;
            bottom: 0;
            background-color: transparent;
            border: 1px solid #b0b1b3
        }

.distance strong {
    font-family: 'Poppins',sans-serif;
    letter-spacing: -1px;
    font-size: 44px;
    color: #505964;
    font-weight: 400
}

    .distance strong small {
        color: #9aa2ac
    }

.distance span {
    color: #9aa2ac;
    display: inline-block;
    width: 100%;
    font-size: 12px;
    margin-bottom: 20px
}

.distance p {
    color: #c6c7d1;
    display: inline-block;
    width: 100%;
    font-size: 12px;
    margin-bottom: 20px;
    line-height: normal
}

    .distance p br {
        display: none
    }

@media (min-width:479px) {
    .distance p br {
        display: block
    }
}

.distance .range-field {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px
}

.distance .distance-bar {
    width: 100%;
    border-radius: 0;
    height: 2px;
    appearance: none;
    background-color: #ff8d1e
}

.ads {
    background-color: #00b0f9;
    text-align: center;
    margin-bottom: 15px
}

    .ads img {
        margin: auto
    }

.featured-places {
    background-color: #fff;
    padding: 15px
}

@media (min-width:768px) {
    .featured-places {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 30px
    }
}

@media (min-width:993px) {
    .featured-places {
        padding: 15px 15px 0
    }
}

@media (min-width:1440px) {
    .featured-places {
        flex-direction: column;
        justify-content: unset;
        padding: 15px
    }
}

.featured-places li {
    padding: 15px 0;
    border-bottom: 1px solid #c7cacc
}

@media (min-width:768px) {
    .featured-places li {
        width: 48%
    }
}

@media (min-width:993px) {
    .featured-places li {
        width: 100%
    }
}

@media (min-width:1200px) {
    .featured-places li {
        padding: 20px 0
    }
}

.featured-places li img {
    display: inline-block;
    float: left;
    border-radius: 4px;
    margin-right: 15px
}

.featured-places li strong {
    font-size: 18px;
    color: #333f4b
}

.featured-places li p {
    display: block;
    width: 100%;
    color: #3b4957;
    font-size: 13px;
    line-height: 15px;
    margin-top: 10px;
    margin-bottom: 15px
}

@media (min-width:1200px) {
    .featured-places li p {
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .featured-places li p {
        margin-bottom: 11px
    }
}

.featured-places li:last-child {
    border-bottom: none
}

.featured-places li:nth-last-of-type(2) {
    border-bottom: 1px solid #c7cacc
}

@media (min-width:768px) {
    .featured-places li:nth-last-of-type(2) {
        border-bottom: none
    }
}

@media (min-width:993px) {
    .featured-places li:nth-last-of-type(2) {
        border-bottom: 1px solid #c7cacc
    }
}

.moreresult {
    display: flex;
    flex-direction: column
}

@media (min-width:993px) {
    .moreresult {
        flex-direction: row
    }
}

@media (min-width:1200px) {
    .moreresult {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px
    }
}

.moreresult .venue-list {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .moreresult .venue-list {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:1200px) {
    .moreresult .venue-list {
        float:left;
        max-width: 25%
    }
}

.moreresult .venue-list .venue-image {
    background: #fff;
    display: flex
}

    .moreresult .venue-list .venue-image img {
        width: 100%
    }

.moreresult .venue-list .venue-dtls {
    padding: 25px;
    width: 100%;
    position: relative;
    background: #fff
}

@media (min-width:1440px) {
    .moreresult .venue-list .venue-dtls {
        padding: 25px
    }
}

.moreresult .venue-list .venue-dtls h3 {
    font-family: "Montserrat",sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #333f4b;
    font-weight: 400;
    margin-bottom: 15px
}

.moreresult .venue-list .venue-dtls p {
    font-size: 13px;
    line-height: 17px;
    color: #687684;
    font-weight: 400;
    margin-bottom: 30px
}

.moreresult .venue-list .venue-dtls .review {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 13px;
    line-height: 17px;
    color: #2d2d2e;
    font-weight: 400;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .moreresult .venue-list .venue-dtls .review {
        margin-bottom: 20px
    }
}

@media (min-width:993px) {
    .moreresult .venue-list .venue-dtls .review {
        margin-bottom: 25px
    }
}

@media (min-width:1200px) {
    .moreresult .venue-list .venue-dtls .review {
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .moreresult .venue-list .venue-dtls .review {
        margin-bottom: 40px
    }
}

.moreresult .venue-list .venue-dtls .review i {
    font-size: 25px;
    margin-right: 14px
}

.moreresult .venue-list .venue-dtls .review span {
    color: #9a9a9f;
    display: inline-block;
    margin: 0 5px
}

.moreresult .venue-list .venue-dtls .feature-price {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin-bottom: 30px
}

    .moreresult .venue-list .venue-dtls .feature-price .available {
        display: flex;
        justify-content: flex-start;
        width: 100%
    }

        .moreresult .venue-list .venue-dtls .feature-price .available li {
            font-size: 11px;
            margin-right: 20px;
            color: #999
        }

            .moreresult .venue-list .venue-dtls .feature-price .available li span {
                color: #333;
                display: block;
                font-size: 40px;
                opacity: .6;
                margin-bottom: 10px
            }

.moreresult .venue-list .venue-dtls .pricebox {
    display: inline-block;
    width: 100%
}

    .moreresult .venue-list .venue-dtls .pricebox .price {
        color: #333f4b;
        font-size: 20px;
        font-weight: 600;
        font-family: "Montserrat",sans-serif
    }

@media (min-width:768px) {
    .moreresult .venue-list .venue-dtls .pricebox .price {
        font-size: 24px
    }
}

@media (min-width:993px) {
    .moreresult .venue-list .venue-dtls .pricebox .price {
        font-size: 28px
    }
}

@media (min-width:1200px) {
    .moreresult .venue-list .venue-dtls .pricebox .price {
        font-size: 32px
    }
}

@media (min-width:1440px) {
    .moreresult .venue-list .venue-dtls .pricebox .price {
        font-size: 36px
    }
}

.moreresult .venue-list .venue-dtls .pricebox .dscount {
    color: #687684;
    font-size: 13px;
    font-weight: 400;
    display: block
}

@media (min-width:993px) {
    .moreresult .venue-list .venue-dtls .pricebox .dscount {
        font-size: 14px
    }
}

@media (min-width:1440px) {
    .moreresult .venue-list .venue-dtls .pricebox .dscount {
        font-size: 15px
    }
}

.moreresult .venue-list .venue-dtls .btn-book {
    position: absolute;
    right: 0;
    bottom: 30px;
    padding: 8px 15px;
    font-size: 12px
}

@media (min-width:768px) {
    .moreresult .venue-list .venue-dtls .btn-book {
        font-size: 13px
    }
}

@media (min-width:993px) {
    .moreresult .venue-list .venue-dtls .btn-book {
        padding: 10px 20px;
        font-size: 15px
    }
}

@media (min-width:1440px) {
    .moreresult .venue-list .venue-dtls .btn-book {
        padding: 10px 25px;
        font-size: 16px
    }
}

.moreresult .venue-list .venue-dtls .htlclass {
    font-size: 18px;
    width: 36px;
    height: 36px;
    line-height: 32px;
    margin-right: 6px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 20px;
    right: 20px
}

@media (min-width:993px) {
    .moreresult .venue-list .venue-dtls .htlclass {
        font-size: 18px;
        width: 36px;
        height: 36px;
        line-height: 32px
    }
}

@media (min-width:1440px) {
    .moreresult .venue-list .venue-dtls .htlclass {
        font-size: 20px;
        width: 40px;
        height: 40px;
        line-height: 38px
    }
}

.moreresult .venue-list .venue-dtls .htlclass:before {
    font-size: 33px;
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
    width: 36px;
    line-height: 36px
}

@media (min-width:993px) {
    .moreresult .venue-list .venue-dtls .htlclass:before {
        font-size: 36px;
        position: absolute;
        top: 0;
        left: 0;
        height: 36px;
        width: 36px;
        line-height: 36px
    }
}

@media (min-width:1440px) {
    .moreresult .venue-list .venue-dtls .htlclass:before {
        font-size: 40px;
        position: absolute;
        top: 0;
        left: 0;
        height: 40px;
        width: 40px;
        line-height: 40px
    }
}

.moreresult .venue-list .venue-dtls .htlclass:nth-last-of-type(1) {
    margin-right: 0
}

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

body.resturentbooking .top-left .shapes1.layer1 {
    z-index: 3
}

body.resturentbooking .top-left .shapes2.layer2 {
    z-index: 1
}

body.resturentbooking .top-left .shapes3.layer3 {
    z-index: 0
}

.bnr-resturentbooking {
    position: relative;
    padding-top: 0px !important;
    padding: 0px !important;
    max-height: 350px;
    height: 100%;
    margin-bottom: 0
}

@media (min-width:576px) {
    .bnr-resturentbooking {
        max-height: 400px
    }
}

@media (min-width:768px) {
    .bnr-resturentbooking {
        max-height: 600px;
        margin-bottom: 0
    }
}

@media (min-width:993px) {
    .bnr-resturentbooking {
        max-height: 700px;
        height: 700px;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .bnr-resturentbooking {
        max-height: 800px;
        height: 800px
    }
}

@media (min-width:1440px) {
    .bnr-resturentbooking {
        max-height: 100vh;
        height: 100vh
    }
}

.bnr-resturentbooking .cap {
    width: 80%;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 99;
    transform: translateY(-50%);
    margin: auto
}

@media (min-width:993px) {
    .bnr-resturentbooking .cap {
        text-align: left
    }
}

@media (min-width:1200px) {
    .bnr-resturentbooking .cap {
        width: 100%
    }
}

@media (min-width:1440px) {
    .bnr-resturentbooking .cap {
        margin-left: 0;
        margin: auto !important
    }
}

.bnr-resturentbooking .cap h1 {
    width: 100%;
    font-weight: 700;
    color: #fff;
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 10px
}

@media (min-width:576px) {
    .bnr-resturentbooking .cap h1 {
        font-size: 36px;
        line-height: 36px
    }
}

@media (min-width:768px) {
    .bnr-resturentbooking .cap h1 {
        font-size: 52px;
        line-height: 52px;
        margin-bottom: 15px
    }
}

@media (min-width:993px) {
    .bnr-resturentbooking .cap h1 {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 20px;
        width: 50%
    }
}

@media (min-width:1200px) {
    .bnr-resturentbooking .cap h1 {
        font-size: 72px;
        line-height: 70px;
        margin-bottom: 20px;
        width: 60%
    }
}

@media (min-width:1440px) {
    .bnr-resturentbooking .cap h1 {
        font-size: 90px;
        line-height: 85px
    }
}

@media (max-width:767px) {
    .bnr-resturentbooking .cap h1 {
        transform: none !important
    }
}

.bnr-resturentbooking .cap span {
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    width: auto
}

@media (min-width:576px) {
    .bnr-resturentbooking .cap span {
        font-size: 24px;
        line-height: 24px
    }
}

@media (min-width:768px) {
    .bnr-resturentbooking .cap span {
        font-size: 28px;
        line-height: 28px
    }
}

@media (min-width:993px) {
    .bnr-resturentbooking .cap span {
        font-size: 36px;
        line-height: 36px
    }
}

@media (min-width:1200px) {
    .bnr-resturentbooking .cap span {
        font-size: 42px;
        line-height: 42px
    }
}

@media (min-width:1440px) {
    .bnr-resturentbooking .cap span {
        font-size: 46px;
        line-height: 46px
    }
}

@media (max-width:767px) {
    .bnr-resturentbooking .cap span {
        transform: none !important
    }
}

.sec-excitingholiday {
    margin-bottom: 40px !important
}

@media (min-width:768px) {
    .sec-excitingholiday {
        margin-bottom: 60px !important
    }
}

@media (min-width:993px) {
    .sec-excitingholiday {
        margin-bottom: 80px !important
    }
}

@media (min-width:1200px) {
    .sec-excitingholiday {
        margin-bottom: 100px !important
    }
}

@media (min-width:1440px) {
    .sec-excitingholiday {
        margin-bottom: 130px !important
    }
}

.sec-excitingholiday .ctrl-inner-wraper {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width:1200px) {
    .sec-excitingholiday .ctrl-inner-wraper {
        flex-direction: row
    }
}

.sec-excitingholiday .ctrl-inner-wraper .formbox-polyround {
    margin-bottom: 80px;
    z-index: 9
}

@media (min-width:768px) {
    .sec-excitingholiday .ctrl-inner-wraper .formbox-polyround {
        margin-bottom: 100px
    }
}

@media (min-width:993px) {
    .sec-excitingholiday .ctrl-inner-wraper .formbox-polyround {
        margin-bottom: 150px
    }
}

@media (min-width:1200px) {
    .sec-excitingholiday .ctrl-inner-wraper .formbox-polyround {
        margin-bottom: 200px
    }
}

@media (min-width:1440px) {
    .sec-excitingholiday .ctrl-inner-wraper .formbox-polyround {
        margin-top: -160px;
        margin-bottom: 260px
    }
}

@media (min-width:1200px) {
    .sec-excitingholiday .ctrl-inner-wraper .formbox-polyround .gt-shape {
        top: -100px;
        left: -110px;
        font-size: 680px
    }
}

@media (min-width:1920px) {
    .sec-excitingholiday .ctrl-inner-wraper .formbox-polyround .gt-shape {
        top: -110px;
        left: -110px;
        font-size: 850px
    }
}

.sec-excitingholiday .ctrl-inner-wraper .formbox-polyround .foodimgleft {
    display: none
}

@media (min-width:1200px) {
    .sec-excitingholiday .ctrl-inner-wraper .formbox-polyround .foodimgleft {
        display: inline-block;
        position: absolute;
        left: -270px;
        top: auto;
        bottom: -70px;
        margin: auto
    }
}

.sec-excitingholiday .ctrl-inner-wraper .formbox-polyround .foodimgright {
    display: none
}

@media (min-width:1200px) {
    .sec-excitingholiday .ctrl-inner-wraper .formbox-polyround .foodimgright {
        display: inline-block;
        position: absolute;
        right: -250px;
        top: auto;
        bottom: -10px;
        margin: auto
    }
}

@media (min-width:1440px) {
    .sec-excitingholiday .ctrl-inner-wraper .formbox-polyround .foodimgright {
        right: -250px
    }
}

.sec-excitingholiday .ctrl-inner-wraper .formbox-polyround .foodimgright2 {
    display: none
}

@media (min-width:1200px) {
    .sec-excitingholiday .ctrl-inner-wraper .formbox-polyround .foodimgright2 {
        display: inline-block;
        position: absolute;
        right: 0;
        top: auto;
        bottom: -200px;
        margin: auto
    }
}

.sec-excitingholiday .ctrl-inner-wraper .formbox-polyround .pnl-body:before {
    display: none
}

.sec-excitingholiday .ctrl-inner-wraper .formbox-polyround .pnl-body .chk-city {
    width: 100% !important
}

.sec-excitingholiday .section-icon {
    background-color: #1d79d5;
    top: 25%
}

.sec-restaurentandfoods {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f9f9f9
}

@media (min-width:768px) {
    .sec-restaurentandfoods {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width:993px) {
    .sec-restaurentandfoods {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media (min-width:1200px) {
    .sec-restaurentandfoods {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width:1440px) {
    .sec-restaurentandfoods {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.sec-tripadvisors {
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden
}

@media (min-width:768px) {
    .sec-tripadvisors {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width:993px) {
    .sec-tripadvisors {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media (min-width:1200px) {
    .sec-tripadvisors {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width:1440px) {
    .sec-tripadvisors {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.sec-tripadvisors .advisors {
    text-align: center
}

@media (min-width:1920px) {
    .sec-tripadvisors .advisors {
        max-width: 70%;
        margin: auto
    }
}

.sec-tripadvisors .advisors span {
    display: block;
    margin-bottom: 50px
}

.sec-tripadvisors .advisors .advisors-slider .slick-track {
    margin-bottom: 60px
}

.sec-tripadvisors .advisors .advisors-slider .slick-active {
    right: -50px
}

    .sec-tripadvisors .advisors .advisors-slider .slick-active.slick-center ~ .slick-active {
        left: -50px
    }

    .sec-tripadvisors .advisors .advisors-slider .slick-active.slick-center {
        left: 0;
        right: 0
    }

        .sec-tripadvisors .advisors .advisors-slider .slick-active.slick-center img {
            position: relative;
            display: inline-block;
            z-index: 9
        }

        .sec-tripadvisors .advisors .advisors-slider .slick-active.slick-center:after {
            content: "";
            border-radius: 50%;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            width: 200px;
            height: 200px;
            z-index: -1;
            margin: auto;
            position: absolute
        }

@media (min-width:993px) {
    .sec-tripadvisors .advisors .advisors-slider .slick-active.slick-center:after {
        box-shadow: 10px 25px 110px 59px rgba(0,0,0,.7)
    }
}

@media (min-width:1440px) {
    .sec-tripadvisors .advisors .advisors-slider .slick-active.slick-center:after {
        max-width: 70%;
        margin: auto
    }
}

.sec-tripadvisors .advisors .flipster {
    margin-bottom: 30px
}

.sec-footer-caption {
    text-align: center
}

    .sec-footer-caption h2 {
        font-size: 36px;
        color: #6e6f6e;
        font-weight: 800;
        margin-bottom: 20px;
        line-height: normal !important
    }

@media (min-width:1440px) {
    .sec-footer-caption h2 {
        font-size: 45px;
        margin-bottom: 25px
    }
}

.sec-footer-caption span {
    display: inline-block
}

.sec-footer-caption p {
    font-family: 'Poppins',sans-serif;
    font-size: 14px;
    color: #6e6f6e;
    font-weight: 400;
    margin-bottom: 20px
}

@media (min-width:1440px) {
    .sec-footer-caption p {
        margin-bottom: 30px
    }
}

.centerheading {
    margin-bottom: 60px;
    text-align: center
}

@media (min-width:993px) {
    .centerheading {
        margin-bottom: 80px
    }
}

@media (min-width:1440px) {
    .centerheading {
        margin-bottom: 100px
    }
}

.centerheading h2 {
    font-size: 36px;
    color: #6e6f6e;
    font-weight: 800;
    margin-bottom: 20px;
    line-height: normal !important
}

@media (min-width:1440px) {
    .centerheading h2 {
        font-size: 45px;
        margin-bottom: 25px
    }
}

.centerheading span {
    display: inline-block
}

.centerheading p {
    font-family: 'Poppins',sans-serif;
    font-size: 14px;
    color: #6e6f6e;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px
}

@media (min-width:1440px) {
    .centerheading p {
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .restturant-slider {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px
    }
}

.restturant-slider .slide-items {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    max-height: 100%
}

@media (min-width:768px) {
    .restturant-slider .slide-items {
        flex-direction: row;
        max-height: 340px
    }
}

.restturant-slider .slide-items .venue {
    width: 100%;
    height: auto
}

@media (min-width:768px) {
    .restturant-slider .slide-items .venue {
        width: 60%
    }
}

@media (min-width:993px) {
    .restturant-slider .slide-items .venue {
        width: 60%
    }
}

.restturant-slider .slide-items .venue img {
    height: 100%;
    width: 100%
}

.restturant-slider .slide-items .venue-dtls {
    padding: 20px;
    background-color: #fff;
    width: 100%;
    height: auto
}

@media (min-width:768px) {
    .restturant-slider .slide-items .venue-dtls {
        width: 40%
    }
}

@media (min-width:993px) {
    .restturant-slider .slide-items .venue-dtls {
        width: 40%
    }
}

.restturant-slider .slide-items .venue-dtls strong {
    font-family: "Montserrat",sans-serif;
    font-size: 12px;
    color: #6e6f6e;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
    line-height: 22px;
    font-weight: 400
}

    .restturant-slider .slide-items .venue-dtls strong .flag {
        display: inline-block;
        width: auto;
        float: left;
        margin-right: 3px
    }

.restturant-slider .slide-items .venue-dtls ul li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: "Montserrat",sans-serif;
    font-size: 15px;
    text-transform: capitalize;
    color: #8b8b8b;
    padding: 20px 0;
    border-bottom: 1px solid #bbb;
    width: 100%
}

    .restturant-slider .slide-items .venue-dtls ul li:last-child {
        border-bottom: none
    }

.restturant-slider .slick-dots {
    bottom: -45px
}

    .restturant-slider .slick-dots li {
        margin: 0
    }

        .restturant-slider .slick-dots li button:before {
            color: #d1d1d1;
            opacity: 1;
            font-size: 8px
        }

    .restturant-slider .slick-dots .slick-active button:before {
        color: #ff3161
    }

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

body.travelpackages {
    background-color: #f8f8f8
}

.page-hotelbooking {
    background-image: linear-gradient(#fff 50%,#ebebeb 50%)
}

    .page-hotelbooking .innerwrapper {
        position: relative;
        display: inline-block;
        width: 100%
    }

.packageslist {
    position: relative;
    display: block;
    padding: 40px 0;
    z-index: 9
}

@media (min-width:768px) {
    .packageslist {
        padding: 50px 0;
        background-position: 100% 50px
    }
}

@media (min-width:993px) {
    .packageslist {
        padding: 50px 0;
        background-position: 100% 60px
    }
}

@media (min-width:1200px) {
    .packageslist {
        padding: 50px 0;
        background-position: 100% 80px
    }
}

@media (min-width:1440px) {
    .packageslist {
        padding: 50px 0;
        background-position: 113% 100px
    }
}

.packageslist header {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .packageslist header {
        margin-bottom: 40px
    }
}

@media (min-width:993px) {
    .packageslist header {
        margin-bottom: 50px
    }
}

@media (min-width:1440px) {
    .packageslist header {
        margin-bottom: 60px
    }
}

.packageslist header h1 {
    font-weight: 800;
    font-size: 38px;
    margin-bottom: 15px;
    margin-top: 0;
    color: #333f4b;
    text-transform: capitalize
}

@media (min-width:576px) {
    .packageslist header h1 {
        font-size: 42px;
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .packageslist header h1 {
        font-size: 52px;
        margin-bottom: 25px
    }
}

@media (min-width:993px) {
    .packageslist header h1 {
        font-size: 60px;
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .packageslist header h1 {
        font-size: 72px;
        margin-bottom: 40px
    }
}

@media (min-width:1440px) {
    .packageslist header h1 {
        font-size: 90px
    }
}

.packageslist header strong {
    display: inline-block;
    font-weight: 800;
    font-size: 13px;
    color: #444343;
    text-transform: uppercase;
    letter-spacing: 1px
}

.packageslist header span {
    display: inline-block;
    font-weight: 500;
    font-size: 13px;
    color: #777;
    text-transform: uppercase;
    letter-spacing: 1px
}

@media (min-width:576px) {
    .packageslist header span {
        margin-left: 10px
    }
}

@media (min-width:1200px) {
    .packageslist header span {
        margin-left: 30px
    }
}

.packageslist .pkglst {
    margin-bottom: 40px
}

@media (min-width:1200px) {
    .packageslist .pkglst {
        margin-bottom: 70px;
        padding: 0 0
    }
}

.packageslist .pkglst &gt; li {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 5.5px 9.526px 76px rgba(188,191,196,.33);
    background-color: #fff
}

@media (min-width:768px) {
    .packageslist .pkglst &gt; li {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.packageslist .pkglst &gt; li .venue {
    border: 20px solid #fff;
    z-index: 1;
    width: 100%;
    position: relative;
    overflow: hidden
}

@media (min-width:768px) {
    .packageslist .pkglst &gt; li .venue {
        max-width: 240px;
        padding-bottom: 20px;
        border-right: 0
    }
}

@media (min-width:993px) {
    .packageslist .pkglst &gt; li .venue {
        max-width: 30%;
        border-right: 20px
    }
}

@media (min-width:1200px) {
    .packageslist .pkglst &gt; li .venue {
        width: 28%
    }
}

@media (min-width:1440px) {
    .packageslist .pkglst &gt; li .venue {
        width: 28%
    }
}

.packageslist .pkglst &gt; li .venue &gt; img {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    width: 100%
}

@media (min-width:480px) {
    .packageslist .pkglst &gt; li .venue &gt; img {
        width: auto
    }
}

@media (min-width:768px) {
    .packageslist .pkglst &gt; li .venue &gt; img {
        position: absolute;
        height: 100%
    }
}

@media (min-width:1440px) {
    .packageslist .pkglst &gt; li .venue &gt; img {
        height: auto
    }
}

.packageslist .pkglst &gt; li .venue .hot-deals {
    display: inline-block;
    width: auto;
    position: absolute;
    top: 0;
    left: 30px
}

@media (min-width:768px) {
    .packageslist .pkglst &gt; li .venue .hot-deals {
        left: 15px
    }
}

.packageslist .pkglst &gt; li .venue .photo-icon {
    display: inline-block;
    width: auto;
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 1
}

@media (min-width:768px) {
    .packageslist .pkglst &gt; li .venue .photo-icon {
        bottom: 15px;
        left: 15px
    }
}

.packageslist .pkglst &gt; li .venue .photo-icon img {
    display: block
}

.packageslist .pkglst &gt; li .venue-dtls {
    padding: 20px;
    width: 100%
}

@media (min-width:768px) {
    .packageslist .pkglst &gt; li .venue-dtls {
        width: 54%
    }
}

@media (min-width:993px) {
    .packageslist .pkglst &gt; li .venue-dtls {
        width: 47%
    }
}

@media (min-width:1200px) {
    .packageslist .pkglst &gt; li .venue-dtls {
        width: 48%
    }
}

@media (min-width:1440px) {
    .packageslist .pkglst &gt; li .venue-dtls {
        width: 48%
    }
}

.packageslist .pkglst &gt; li .venue-dtls h3 {
    color: #091028;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 15px;
    line-height: normal
}

@media (min-width:768px) {
    .packageslist .pkglst &gt; li .venue-dtls h3 {
        font-size: 20px
    }
}

@media (min-width:993px) {
    .packageslist .pkglst &gt; li .venue-dtls h3 {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .packageslist .pkglst &gt; li .venue-dtls h3 {
        font-size: 28px
    }
}

@media (min-width:1440px) {
    .packageslist .pkglst &gt; li .venue-dtls h3 {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.packageslist .pkglst &gt; li .venue-dtls p {
    color: grey;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: normal
}

    .packageslist .pkglst &gt; li .venue-dtls p br {
        display: none
    }

@media (min-width:993px) {
    .packageslist .pkglst &gt; li .venue-dtls p br {
        display: block
    }
}

.packageslist .pkglst &gt; li .venue-dtls .place {
    display: inline-block;
    margin-right: 60px
}

    .packageslist .pkglst &gt; li .venue-dtls .place li {
        display: inline-block !important;
        font-size: 14px;
        font-weight: 500;
        color: #333f4b;
        text-transform: capitalize
    }

.packageslist .pkglst &gt; li .venue-dtls .seller {
    text-transform: capitalize;
    display: inline-block !important;
    font-size: 14px;
    font-weight: 600;
    color: #333f4b
}

.packageslist .pkglst &gt; li .venue-dtls .service {
    display: flex;
    margin: 20px 0 0;
    width: 100%;
    flex-direction: row
}

@media (min-width:768px) {
    .packageslist .pkglst &gt; li .venue-dtls .service {
        margin: 10px 0 0
    }
}

@media (min-width:1200px) {
    .packageslist .pkglst &gt; li .venue-dtls .service {
        margin: 40px 0 0
    }
}

.packageslist .pkglst &gt; li .venue-dtls .service li {
    display: flex;
    align-items: center;
    font-weight: 400;
    color: #333f4b;
    text-transform: capitalize;
    font-family: 'Poppins',sans-serif;
    font-size: 13px;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #acacac
}

@media (min-width:479px) {
    .packageslist .pkglst &gt; li .venue-dtls .service li {
        padding-right: 15px;
        margin-right: 15px;
        border-right: 1px solid #acacac
    }
}

@media (min-width:768px) {
    .packageslist .pkglst &gt; li .venue-dtls .service li {
        padding-right: 8px;
        margin-right: 8px
    }
}

@media (min-width:1200px) {
    .packageslist .pkglst &gt; li .venue-dtls .service li {
        padding-right: 15px;
        margin-right: 15px
    }
}

.packageslist .pkglst &gt; li .venue-dtls .service li i {
    font-size: 22px;
    margin-right: 5px
}

@media (min-width:479px) {
    .packageslist .pkglst &gt; li .venue-dtls .service li i {
        font-size: 22px;
        margin-right: 10px
    }
}

@media (min-width:768px) {
    .packageslist .pkglst &gt; li .venue-dtls .service li i {
        margin-right: 10px
    }
}

@media (min-width:993px) {
    .packageslist .pkglst &gt; li .venue-dtls .service li i {
        font-size: 24px
    }
}

@media (min-width:1200px) {
    .packageslist .pkglst &gt; li .venue-dtls .service li i {
        font-size: 28px
    }
}

@media (min-width:1440px) {
    .packageslist .pkglst &gt; li .venue-dtls .service li i {
        font-size: 30px
    }
}

.packageslist .pkglst &gt; li .venue-dtls .service li:last-child {
    border: none;
    margin: 0;
    padding: 0
}

.packageslist .pkglst &gt; li .package-price {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-top: 1px solid #e9e9e9
}

@media (min-width:479px) {
    .packageslist .pkglst &gt; li .package-price {
        flex-direction: row
    }
}

@media (min-width:768px) {
    .packageslist .pkglst &gt; li .package-price {
        justify-content: space-between
    }
}

@media (min-width:993px) {
    .packageslist .pkglst &gt; li .package-price {
        width: 23%;
        border-left: 1px solid #e9e9e9;
        border-top: none;
        flex-direction: column
    }
}

@media (min-width:1200px) {
    .packageslist .pkglst &gt; li .package-price {
        width: 24%
    }
}

@media (min-width:1440px) {
    .packageslist .pkglst &gt; li .package-price {
        width: 24%
    }
}

.packageslist .pkglst &gt; li .package-price strong {
    color: #006fcd;
    font-weight: 500;
    font-size: 20px;
    line-height: normal;
    margin-bottom: 10px
}

@media (min-width:479px) {
    .packageslist .pkglst &gt; li .package-price strong {
        margin-bottom: 0
    }
}

@media (min-width:993px) {
    .packageslist .pkglst &gt; li .package-price strong {
        margin-bottom: 10px;
        font-size: 24px
    }
}

@media (min-width:1440px) {
    .packageslist .pkglst &gt; li .package-price strong {
        font-size: 30px
    }
}

.packageslist .pkglst &gt; li .package-price del {
    color: #858d96;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: normal
}

@media (min-width:479px) {
    .packageslist .pkglst &gt; li .package-price del {
        margin-bottom: 0
    }
}

@media (min-width:993px) {
    .packageslist .pkglst &gt; li .package-price del {
        margin-bottom: 25px;
        font-size: 16px
    }
}

@media (min-width:1440px) {
    .packageslist .pkglst &gt; li .package-price del {
        font-size: 20px
    }
}

.packageslist .pkglst &gt; li .package-price .promo-applied {
    font-family: 'Poppins',sans-serif;
    color: #84a85a;
    font-weight: 300;
    font-size: 12px;
    line-height: normal;
    margin-bottom: 10px;
    background-color: #def9be;
    border-radius: 6px;
    padding: 4px 10px
}

@media (min-width:479px) {
    .packageslist .pkglst &gt; li .package-price .promo-applied {
        margin-bottom: 0
    }
}

@media (min-width:993px) {
    .packageslist .pkglst &gt; li .package-price .promo-applied {
        margin-bottom: 30px;
        padding: 4px 15px
    }
}

@media (min-width:1200px) {
    .packageslist .pkglst &gt; li .package-price .promo-applied {
        padding: 4px 20px
    }
}

.packageslist .traveller-txt {
    display: flex;
    align-items: center;
    position: absolute;
    left: -230px;
    bottom: 0;
    margin: auto;
    display: none;
    z-index: -1;
    display: inline-block;
    font-size: 220px;
    transform: rotate(-90deg) !important;
    transform-origin: 0 0;
    font-weight: 800;
    bottom: 0;
    text-transform: capitalize;
    letter-spacing: -12px;
    font-family: "Montserrat",sans-serif;
    color: #f6f6f6
}

@media (min-width:768px) {
    .packageslist .traveller-txt {
        display: block
    }
}

.greate-deals {
    background-color: transparent;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 50px
}

@media (min-width:768px) {
    .greate-deals {
        padding-top: 50px;
        padding-bottom: 60px;
        align-items: flex-start
    }
}

@media (min-width:993px) {
    .greate-deals {
        padding-top: 60px;
        padding-bottom: 80px;
        justify-content: space-between;
        align-items: center
    }
}

@media (min-width:1200px) {
    .greate-deals {
        margin: 0 -15px;
        padding-top: 80px;
        padding-bottom: 120px;
        flex-direction: row
    }
}

@media (min-width:1440px) {
    .greate-deals {
        padding-top: 100px;
        padding-bottom: 150px
    }
}

.greate-deals .deals-contbox {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%
}

@media (min-width:1200px) {
    .greate-deals .deals-contbox {
        width: 40%
    }
}

.greate-deals .deals-contbox h2 {
    font-weight: 800;
    font-size: 36px;
    line-height: 36px;
    color: #333f4b;
    text-transform: capitalize;
    margin-bottom: 15px;
    letter-spacing: -1px
}

@media (min-width:768px) {
    .greate-deals .deals-contbox h2 {
        font-size: 42px;
        line-height: 42px;
        margin-bottom: 25px
    }
}

@media (min-width:1200px) {
    .greate-deals .deals-contbox h2 {
        font-size: 60px;
        line-height: 60px
    }
}

@media (min-width:1440px) {
    .greate-deals .deals-contbox h2 {
        font-size: 72px;
        margin-bottom: 35px;
        line-height: 70px
    }
}

.greate-deals .deals-contbox p {
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #78818a;
    text-transform: capitalize;
    line-height: normal;
    margin-bottom: 40px
}

@media (min-width:993px) {
    .greate-deals .deals-contbox p {
        font-size: 24px
    }
}

@media (min-width:1440px) {
    .greate-deals .deals-contbox p {
        font-size: 30px;
        margin-bottom: 70px
    }
}

.greate-deals .deals-contbox .offers-n-deals {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
    background-color: #bce4f4
}

    .greate-deals .deals-contbox .offers-n-deals img {
        margin-right: 15px;
        width: 70px
    }

@media (min-width:479px) {
    .greate-deals .deals-contbox .offers-n-deals img {
        margin-right: 25px
    }
}

@media (min-width:576px) {
    .greate-deals .deals-contbox .offers-n-deals img {
        width: auto
    }
}

@media (min-width:993px) {
    .greate-deals .deals-contbox .offers-n-deals img {
        margin-right: 30px
    }
}

.greate-deals .deals-contbox .offers-n-deals strong {
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #004f6e;
    text-transform: capitalize;
    display: block;
    width: 100%
}

@media (min-width:479px) {
    .greate-deals .deals-contbox .offers-n-deals strong {
        font-size: 20px;
        line-height: 20px
    }
}

@media (min-width:993px) {
    .greate-deals .deals-contbox .offers-n-deals strong {
        font-size: 24px;
        line-height: 24px
    }
}

.greate-deals .deals-contbox .offers-n-deals span {
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #004f6e;
    text-transform: capitalize;
    display: block;
    width: 100%
}

@media (min-width:479px) {
    .greate-deals .deals-contbox .offers-n-deals span {
        font-size: 14px;
        line-height: 14px
    }
}

@media (min-width:1440px) {
    .greate-deals .deals-contbox .offers-n-deals span {
        font-size: 15px;
        line-height: 24px
    }
}

.greate-deals .deals-contbox .newuser-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 5px;
    justify-content: space-between;
    background-color: #bcf4e5
}

    .greate-deals .deals-contbox .newuser-box strong {
        font-family: 'Poppins',sans-serif;
        font-weight: 700;
        font-size: 12px;
        color: #04a67b;
        text-transform: capitalize;
        padding: 15px 0 15px 8px
    }

@media (min-width:479px) {
    .greate-deals .deals-contbox .newuser-box strong {
        font-size: 16px;
        padding: 15px 0 15px 25px
    }
}

@media (min-width:1440px) {
    .greate-deals .deals-contbox .newuser-box strong {
        font-size: 18px;
        line-height: 18px
    }
}

.greate-deals .deals-contbox .newuser-box .regi-link {
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    background-color: #27a785;
    text-transform: capitalize;
    text-decoration: underline;
    padding: 17px 5px
}

.greate-deals .deals-imgbox {
    text-align: center;
    width: 100%;
    margin-bottom: 30px
}

@media (min-width:480px) {
    .greate-deals .deals-imgbox {
        margin-bottom: 40px;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:768px) {
    .greate-deals .deals-imgbox {
        margin-bottom: 50px;
        text-align: center
    }
}

@media (min-width:993px) {
    .greate-deals .deals-imgbox {
        text-align: center
    }
}

@media (min-width:1200px) {
    .greate-deals .deals-imgbox {
        width: 50%;
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .greate-deals .deals-imgbox {
        text-align: right
    }
}

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

body.blognews {
    background-color: #f0f0f0
}

    body.blognews .innerwrapper {
        position: relative;
        display: inline-block;
        width: 100%
    }

    body.blognews footer {
        position: relative
    }

        body.blognews footer .bottom-left {
            position: absolute;
            bottom: 600px;
            width: 100%
        }

            body.blognews footer .bottom-left .shapes3 {
                bottom: -100px;
                opacity: .9
            }

        body.blognews footer .bottom-right {
            position: absolute;
            bottom: 600px;
            width: 100%
        }

            body.blognews footer .bottom-right .shapes3 {
                bottom: -150px;
                opacity: .9
            }

.news-gallery {
    background-color: #f7f7f7;
    box-shadow: -4.022px 32.754px 51px rgba(0,0,0,.05);
    position: relative;
    z-index: 1
}

    .news-gallery header {
        z-index: 1
    }

        .news-gallery header h1 {
            color: #333f4b;
            font-weight: 700;
            margin-top: 0;
            margin-bottom: 15px;
            letter-spacing: -2px
        }

@media (min-width:480px) {
    .news-gallery header h1 {
        margin-bottom: 20px;
        letter-spacing: -3px
    }
}

@media (min-width:768px) {
    .news-gallery header h1 {
        margin-bottom: 30px;
        letter-spacing: -4px
    }
}

@media (min-width:1200px) {
    .news-gallery header h1 {
        margin-bottom: 40px;
        letter-spacing: -5px
    }
}

.news-gallery header span {
    color: #777;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700
}

    .news-gallery header span strong {
        color: #444343;
        font-weight: 800
    }

.news-gallery .news-gallery-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    z-index: 0
}

    .news-gallery .news-gallery-wrapper .traveller-txt {
        position: absolute;
        left: 0;
        top: -120px;
        bottom: 0;
        margin: auto;
        mix-blend-mode: multiply;
        z-index: -1
    }

.blogitem-type1 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    margin-bottom: 70px
}

@media (min-width:768px) {
    .blogitem-type1 {
        float:left;
        max-width: 50%;
        order: 1;
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .blogitem-type1 {
        float:left;
        max-width: 41.6666666667%
    }
}

@media (min-width:1440px) {
    .blogitem-type1 {
        float:left;
        max-width: 25%;
        order: unset
    }
}

.blogitem-type1 .blogimg {
    display: block
}

    .blogitem-type1 .blogimg img {
        width: 100%;
        display: block
    }

.blogitem-type1 .blogcntbox {
    width: calc(100% - 30px);
    padding: 15px;
    position: relative;
    margin: auto;
    margin-top: -100px;
    background-color: #fff;
    box-shadow: 10.5px 18.187px 49px rgba(51,63,75,.23)
}

@media (min-width:480px) {
    .blogitem-type1 .blogcntbox {
        padding: 20px;
        margin-top: -100px
    }
}

@media (min-width:768px) {
    .blogitem-type1 .blogcntbox {
        padding: 25px;
        margin-top: -150px
    }
}

@media (min-width:1200px) {
    .blogitem-type1 .blogcntbox {
        margin-top: -170px;
        padding: 30px
    }
}

.blogitem-type1 .blogcntbox h4 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
    text-transform: capitalize;
    font-weight: 700
}

@media (min-width:480px) {
    .blogitem-type1 .blogcntbox h4 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .blogitem-type1 .blogcntbox h4 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 25px
    }
}

@media (min-width:1200px) {
    .blogitem-type1 .blogcntbox h4 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .blogitem-type1 .blogcntbox h4 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 40px
    }
}

.blogitem-type1 .blogcntbox h4 a {
    color: #333f4b;
    transition: border .2s ease .2s
}

    .blogitem-type1 .blogcntbox h4 a:hover {
        border-bottom: 1px solid
    }

.blogitem-type1 .blogcntbox h4 strong {
    text-transform: uppercase;
    font-weight: 700
}

.blogitem-type1 .blogcntbox .author {
    display: flex;
    flex-direction: row;
    align-items: center
}

    .blogitem-type1 .blogcntbox .author .authorimg {
        max-width: 50px;
        margin-right: 10px
    }

@media (min-width:768px) {
    .blogitem-type1 .blogcntbox .author .authorimg {
        margin-right: 15px;
        max-width: 60px
    }
}

.blogitem-type1 .blogcntbox .authortitle strong {
    color: #616f7c;
    font-size: 12px;
    line-height: 12px;
    font-weight: 300;
    display: block;
    margin-bottom: 5px;
    margin-top: 0
}

@media (min-width:480px) {
    .blogitem-type1 .blogcntbox .authortitle strong {
        font-size: 13px;
        line-height: 13px
    }
}

@media (min-width:768px) {
    .blogitem-type1 .blogcntbox .authortitle strong {
        font-size: 14px;
        line-height: 14px
    }
}

.blogitem-type1 .blogcntbox .authortitle span {
    color: #8d9fb0;
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    display: block
}

.blogitem-type1 .postdate {
    background-color: #2678d2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 150px;
    transform: rotate(-90deg);
    transform-origin: 0 0;
    position: absolute;
    top: 180px;
    left: -5px
}

@media (min-width:768px) {
    .blogitem-type1 .postdate {
        width: 170px;
        top: 210px
    }
}

.blogitem-type1 .postdate .pdicon {
    padding: 3px;
    transform: rotate(90deg);
    position: relative;
    right: -34px;
    transform-origin: 0 0;
    top: 4px
}

@media (min-width:768px) {
    .blogitem-type1 .postdate .pdicon {
        padding: 10px;
        right: -40px
    }
}

.blogitem-type1 .postdate .date {
    background-color: #ff4981;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 1px;
    width: 110px;
    padding: 11px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:768px) {
    .blogitem-type1 .postdate .date {
        padding: 17px;
        letter-spacing: 2px;
        width: 130px
    }
}

.blogitem-type2 {
    position: relative;
    margin-bottom: 40px
}

@media (min-width:480px) {
    .blogitem-type2 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:768px) {
    .blogitem-type2 {
        float:left;
        max-width: 50%;
        order: 2
    }
}

@media (min-width:1200px) {
    .blogitem-type2 {
        float:left;
        max-width: 58.3333333333%
    }
}

@media (min-width:1440px) {
    .blogitem-type2 {
        float:left;
        max-width: 41.6666666667%;
        order: unset
    }
}

.blogitem-type2 .blogcntbox {
    padding: 10px 20px;
    position: relative;
    background-color: #fff;
    margin: auto
}

@media (min-width:480px) {
    .blogitem-type2 .blogcntbox {
        padding: 10px 40px
    }
}

@media (min-width:768px) {
    .blogitem-type2 .blogcntbox {
        padding: 10px 50px
    }
}

@media (min-width:1200px) {
    .blogitem-type2 .blogcntbox {
        padding: 14px 60px
    }
}

@media (min-width:1440px) {
    .blogitem-type2 .blogcntbox {
        padding: 10px 70px
    }
}

.blogitem-type2 .blogcntbox h4 {
    font-family: "Playfair Display",serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 25px;
    color: #333f4b;
    text-transform: capitalize
}

@media (min-width:480px) {
    .blogitem-type2 .blogcntbox h4 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 20px;
        margin-top: 25px
    }
}

@media (min-width:768px) {
    .blogitem-type2 .blogcntbox h4 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 25px
    }
}

@media (min-width:993px) {
    .blogitem-type2 .blogcntbox h4 {
        margin-bottom: 35px;
        margin-top: 35px
    }
}

@media (min-width:1200px) {
    .blogitem-type2 .blogcntbox h4 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 45px;
        margin-top: 50px
    }
}

@media (min-width:1440px) {
    .blogitem-type2 .blogcntbox h4 {
        font-size: 35px;
        line-height: 45px
    }
}

.blogitem-type2 .blogcntbox h4 a {
    color: #333f4b;
    transition: border .2s ease .2s
}

    .blogitem-type2 .blogcntbox h4 a:hover {
        border-bottom: 1px solid
    }

.blogitem-type2 .blogcntbox p {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
    color: #5a6f84
}

@media (min-width:480px) {
    .blogitem-type2 .blogcntbox p {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .blogitem-type2 .blogcntbox p {
        margin-bottom: 25px
    }
}

@media (min-width:993px) {
    .blogitem-type2 .blogcntbox p {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .blogitem-type2 .blogcntbox p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 35px
    }
}

.blogitem-type2 .blogcntbox .blog-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 25px
}

@media (min-width:480px) {
    .blogitem-type2 .blogcntbox .blog-tags {
        margin-bottom: 30px
    }
}

@media (min-width:768px) {
    .blogitem-type2 .blogcntbox .blog-tags {
        margin-bottom: 35px
    }
}

@media (min-width:1200px) {
    .blogitem-type2 .blogcntbox .blog-tags {
        margin-bottom: 40px
    }
}

.blogitem-type2 .blogcntbox .blog-tags li {
    background-color: #dae4ed;
    padding: 4px 8px;
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 10px;
    color: #333f4b;
    margin-right: 5px
}

@media (min-width:1200px) {
    .blogitem-type2 .blogcntbox .blog-tags li {
        font-size: 10px
    }
}

.blogitem-type2 .blogcntbox .authortitle strong {
    color: #616f7c;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    display: block;
    margin-top: 0;
    margin-bottom: 5px
}

.blogitem-type2 .blogcntbox .authortitle span {
    color: #8d9fb0;
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    display: block
}

.blogitem-type2 .blogimg {
    display: block
}

    .blogitem-type2 .blogimg img {
        width: 100%;
        display: block
    }

.blogitem-type2 .postdate {
    background-color: #2678d2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 150px;
    position: absolute;
    top: -25px;
    left: 35px
}

@media (min-width:480px) {
    .blogitem-type2 .postdate {
        left: 55px
    }
}

@media (min-width:768px) {
    .blogitem-type2 .postdate {
        left: 65px;
        width: 170px
    }
}

@media (min-width:1200px) {
    .blogitem-type2 .postdate {
        left: 75px
    }
}

@media (min-width:1440px) {
    .blogitem-type2 .postdate {
        left: 85px
    }
}

.blogitem-type2 .postdate .pdicon {
    padding: 4px 10px
}

@media (min-width:768px) {
    .blogitem-type2 .postdate .pdicon {
        padding: 10px
    }
}

.blogitem-type2 .postdate .date {
    background-color: #ff4981;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 1px;
    width: 110px;
    padding: 11px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:768px) {
    .blogitem-type2 .postdate .date {
        padding: 17px;
        letter-spacing: 2px;
        width: 130px
    }
}

.blogitem-type3 {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px
}

@media (min-width:480px) {
    .blogitem-type3 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:768px) {
    .blogitem-type3 {
        float:left;
        max-width: 50%;
        order: 3
    }
}

@media (min-width:1200px) {
    .blogitem-type3 {
        flex-direction: row
    }
}

@media (min-width:1440px) {
    .blogitem-type3 {
        float:left;
        max-width: 33.3333333333%;
        order: unset
    }
}

.blogitem-type3 .blogimg {
    width: 100%;
    display: block
}

@media (min-width:768px) {
    .blogitem-type3 .blogimg {
        width: 100%;
        height: auto
    }
}

@media (min-width:1200px) {
    .blogitem-type3 .blogimg {
        width: 70%;
        height: 100%
    }
}

@media (min-width:1440px) {
    .blogitem-type3 .blogimg {
        width: 50%;
        height: 100%
    }
}

.blogitem-type3 .blogimg img {
    width: 100%;
    display: block;
    height: 100%
}

.blogitem-type3 .blogcntbox {
    padding: 15px;
    position: static;
    width: 100%;
    height: 100%;
    background-color: #fff
}

@media (min-width:480px) {
    .blogitem-type3 .blogcntbox {
        padding: 20px
    }
}

@media (min-width:768px) {
    .blogitem-type3 .blogcntbox {
        position: absolute;
        bottom: 0;
        width: calc(100% - 30px);
        height: auto
    }
}

@media (min-width:1200px) {
    .blogitem-type3 .blogcntbox {
        padding: 30px;
        width: 60%;
        right: 0;
        top: 0;
        height: 100%
    }
}

@media (min-width:1440px) {
    .blogitem-type3 .blogcntbox {
        padding: 40px;
        position: relative;
        width: 50%;
        height: 100%
    }
}

.blogitem-type3 .blogcntbox h4 {
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    margin-top: 0;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #333f4b;
    text-transform: capitalize
}

@media (min-width:480px) {
    .blogitem-type3 .blogcntbox h4 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 25px
    }
}

@media (min-width:768px) {
    .blogitem-type3 .blogcntbox h4 {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .blogitem-type3 .blogcntbox h4 {
        margin-top: 0;
        font-size: 38px;
        line-height: 38px;
        margin-bottom: 35px
    }
}

@media (min-width:1440px) {
    .blogitem-type3 .blogcntbox h4 {
        font-size: 42px;
        line-height: 42px;
        margin-bottom: 40px
    }
}

.blogitem-type3 .blogcntbox h4 a {
    color: #333f4b;
    transition: border .2s ease .2s
}

    .blogitem-type3 .blogcntbox h4 a:hover {
        border-bottom: 1px solid
    }

.blogitem-type3 .blogcntbox h4 span {
    font-family: "Montserrat",sans-serif;
    color: #ff4981;
    display: block
}

.blogitem-type3 .blogcntbox p {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
    color: #5a6f84
}

@media (min-width:480px) {
    .blogitem-type3 .blogcntbox p {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .blogitem-type3 .blogcntbox p {
        margin-bottom: 25px
    }
}

@media (min-width:993px) {
    .blogitem-type3 .blogcntbox p {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .blogitem-type3 .blogcntbox p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 35px
    }
}

.blogitem-type3 .blogcntbox .author {
    display: flex;
    flex-direction: row;
    align-items: center
}

    .blogitem-type3 .blogcntbox .author .authorimg {
        max-width: 50px;
        margin-right: 10px
    }

@media (min-width:768px) {
    .blogitem-type3 .blogcntbox .author .authorimg {
        margin-right: 15px;
        max-width: 60px
    }
}

.blogitem-type3 .blogcntbox .authortitle strong {
    color: #616f7c;
    font-size: 12px;
    line-height: 12px;
    font-weight: 300;
    display: block;
    margin-bottom: 5px;
    margin-top: 0
}

@media (min-width:480px) {
    .blogitem-type3 .blogcntbox .authortitle strong {
        font-size: 13px;
        line-height: 13px
    }
}

@media (min-width:768px) {
    .blogitem-type3 .blogcntbox .authortitle strong {
        font-size: 14px;
        line-height: 14px
    }
}

.blogitem-type3 .blogcntbox .authortitle span {
    color: #8d9fb0;
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    display: block
}

.blogitem-type3 .postdate {
    background-color: #2678d2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 150px;
    position: absolute;
    top: 0;
    left: 15px
}

@media (min-width:768px) {
    .blogitem-type3 .postdate {
        width: 170px;
        top: 0;
        bottom: auto
    }
}

@media (min-width:1440px) {
    .blogitem-type3 .postdate {
        top: auto;
        bottom: 0
    }
}

.blogitem-type3 .postdate .pdicon {
    padding: 4px 10px
}

@media (min-width:768px) {
    .blogitem-type3 .postdate .pdicon {
        padding: 10px
    }
}

.blogitem-type3 .postdate .date {
    background-color: #ff4981;
    color: #fff;
    font-size: 10px;
    letter-spacing: 1px;
    width: 110px;
    padding: 11px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:768px) {
    .blogitem-type3 .postdate .date {
        font-size: 10px;
        letter-spacing: 2px;
        width: 130px;
        padding: 17px
    }
}

@media (min-width:480px) {
    .column {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:768px) {
    .column {
        order: 5
    }
}

@media (min-width:1200px) {
    .column {
        float:left;
        max-width: 100%
    }
}

@media (min-width:1440px) {
    .column {
        float:left;
        max-width: 58.3333333333%;
        order: unset
    }
}

.blogitem-type4 {
    float:left;
    max-width: 100%;
    position: relative;
    margin-bottom: 60px
}

@media (min-width:768px) {
    .blogitem-type4 {
        margin-bottom: 30px
    }
}

.blogitem-type4 .blogimg {
    display: block
}

    .blogitem-type4 .blogimg img {
        width: 100%;
        display: block
    }

.blogitem-type4 .blogcntbox {
    padding: 20px 15px;
    width: 90%;
    outline: 3px solid rgba(255,255,255,.31);
    background-color: #fff;
    margin: auto;
    margin-top: -80px
}

@media (min-width:480px) {
    .blogitem-type4 .blogcntbox {
        padding: 20px;
        width: 70%;
        outline: 6px solid rgba(255,255,255,.31);
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        margin-top: auto
    }
}

@media (min-width:768px) {
    .blogitem-type4 .blogcntbox {
        padding: 30px;
        width: 55%;
        outline: 8px solid rgba(255,255,255,.31)
    }
}

@media (min-width:993px) {
    .blogitem-type4 .blogcntbox {
        padding: 40px
    }
}

@media (min-width:1200px) {
    .blogitem-type4 .blogcntbox {
        padding: 50px;
        outline: 10px solid rgba(255,255,255,.31)
    }
}

@media (min-width:1440px) {
    .blogitem-type4 .blogcntbox {
        padding: 60px
    }
}

.blogitem-type4 .blogcntbox h4 {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 5px;
    color: #333f4b;
    text-transform: capitalize;
    font-family: "Playfair Display",serif;
    font-weight: 700;
    text-align: center
}

@media (min-width:480px) {
    .blogitem-type4 .blogcntbox h4 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 5px
    }
}

@media (min-width:768px) {
    .blogitem-type4 .blogcntbox h4 {
        font-size: 20px;
        line-height: 20px
    }
}

@media (min-width:993px) {
    .blogitem-type4 .blogcntbox h4 {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .blogitem-type4 .blogcntbox h4 {
        font-size: 24px;
        line-height: 30px
    }
}

@media (min-width:1440px) {
    .blogitem-type4 .blogcntbox h4 {
        font-size: 25px
    }
}

.blogitem-type4 .blogcntbox h4 a {
    color: #333f4b;
    transition: border .2s ease .2s
}

    .blogitem-type4 .blogcntbox h4 a:hover {
        border-bottom: 1px solid
    }

.blogitem-type4 .blogcntbox h4 strong {
    text-transform: initial;
    font-family: "Playfair Display",serif;
    font-weight: 700
}

.blogitem-type4 .blogcntbox .author {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #fff;
    padding: 7px;
    position: absolute;
    transform: translate(-50%,70%);
    left: 50%;
    bottom: 0;
    width: 170px
}

@media (min-width:768px) {
    .blogitem-type4 .blogcntbox .author {
        padding: 10px;
        transform: translate(-50%,50%)
    }
}

.blogitem-type4 .blogcntbox .author .authorimg {
    max-width: 50px;
    margin-right: 5px
}

@media (min-width:768px) {
    .blogitem-type4 .blogcntbox .author .authorimg {
        max-width: 60px;
        margin-right: 15px
    }
}

.blogitem-type4 .blogcntbox .author .authorimg img {
    display: block
}

@media (min-width:768px) {
    .blogitem-type4 .blogcntbox .authortitle {
        padding-right: 15px
    }
}

.blogitem-type4 .blogcntbox .authortitle strong {
    color: #616f7c;
    font-size: 12px;
    line-height: 12px;
    font-weight: 300;
    display: block;
    margin-top: 0;
    margin-bottom: 5px
}

@media (min-width:768px) {
    .blogitem-type4 .blogcntbox .authortitle strong {
        font-size: 14px;
        line-height: 14px
    }
}

.blogitem-type4 .blogcntbox .authortitle span {
    color: #8d9fb0;
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    display: block
}

@media (min-width:768px) {
    .blogitem-type4 .blogcntbox .authortitle span {
        font-size: 11px
    }
}

.blogitem-type4 .postdate {
    background-color: #2678d2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 150px;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: auto
}

@media (min-width:768px) {
    .blogitem-type4 .postdate {
        width: 170px;
        top: -35px
    }
}

.blogitem-type4 .postdate .pdicon {
    padding: 4px 10px
}

@media (min-width:768px) {
    .blogitem-type4 .postdate .pdicon {
        padding: 10px
    }
}

.blogitem-type4 .postdate .date {
    background-color: #ff4981;
    color: #fff;
    font-size: 10px;
    letter-spacing: 1px;
    width: 110px;
    padding: 11px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:768px) {
    .blogitem-type4 .postdate .date {
        letter-spacing: 2px;
        width: 130px;
        padding: 17px
    }
}

.blogitem-type5 {
    position: relative;
    margin-bottom: 40px
}

@media (min-width:480px) {
    .blogitem-type5 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:768px) {
    .blogitem-type5 {
        float:left;
        max-width: 50%;
        order: 4
    }
}

@media (min-width:1440px) {
    .blogitem-type5 {
        float:left;
        max-width: 41.6666666667%;
        order: unset
    }
}

.blogitem-type5 .bi-wraper {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 30px
}

@media (min-width:768px) {
    .blogitem-type5 .bi-wraper {
        padding: 40px
    }
}

.blogitem-type5 .bi-wraper header {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .blogitem-type5 .bi-wraper header {
        margin-bottom: 30px
    }
}

@media (min-width:993px) {
    .blogitem-type5 .bi-wraper header {
        flex-direction: row;
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .blogitem-type5 .bi-wraper header {
        margin-bottom: 50px
    }
}

.blogitem-type5 .bi-wraper header .blogimg {
    width: 100%;
    max-height: 150px;
    overflow: hidden;
    margin-bottom: 15px
}

@media (min-width:480px) {
    .blogitem-type5 .bi-wraper header .blogimg {
        width: 100%;
        max-height: 150px
    }
}

@media (min-width:768px) {
    .blogitem-type5 .bi-wraper header .blogimg {
        max-height: 150px;
        margin-right: 0
    }
}

@media (min-width:993px) {
    .blogitem-type5 .bi-wraper header .blogimg {
        max-width: 140px;
        max-height: 140px;
        margin-right: 20px;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .blogitem-type5 .bi-wraper header .blogimg {
        max-width: 160px;
        max-height: 160px
    }
}

.blogitem-type5 .bi-wraper header .blogimg img {
    max-width: 100%;
    width: 100%
}

.blogitem-type5 .bi-wraper header .rightcnt .date {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    display: block
}

@media (min-width:768px) {
    .blogitem-type5 .bi-wraper header .rightcnt .date {
        font-size: 18px;
        margin-bottom: 20px
    }
}

@media (min-width:993px) {
    .blogitem-type5 .bi-wraper header .rightcnt .date {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .blogitem-type5 .bi-wraper header .rightcnt .date {
        font-size: 20px;
        margin-bottom: 40px
    }
}

.blogitem-type5 .bi-wraper header .rightcnt .blog-tags {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    flex-wrap: wrap;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .blogitem-type5 .bi-wraper header .rightcnt .blog-tags {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .blogitem-type5 .bi-wraper header .rightcnt .blog-tags {
        margin-bottom: 20px
    }
}

.blogitem-type5 .bi-wraper header .rightcnt .blog-tags li {
    background-color: #dae4ed;
    padding: 4px 8px;
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 9px;
    margin-right: 2px;
    margin-bottom: 5px;
    color: #333f4b
}

@media (min-width:1200px) {
    .blogitem-type5 .bi-wraper header .rightcnt .blog-tags li {
        margin-bottom: 0;
        font-size: 10px
    }
}

.blogitem-type5 .bi-wraper header .rightcnt .blog-tags li:last-child {
    margin: 0
}

.blogitem-type5 .bi-wraper header .rightcnt .author {
    display: flex;
    flex-direction: row;
    align-items: center
}

    .blogitem-type5 .bi-wraper header .rightcnt .author .authorimg {
        max-width: 50px;
        margin-right: 15px
    }

        .blogitem-type5 .bi-wraper header .rightcnt .author .authorimg img {
            border-radius: 50%;
            overflow: hidden
        }

    .blogitem-type5 .bi-wraper header .rightcnt .author .authortitle strong {
        color: #616f7c;
        font-size: 13px;
        line-height: 13px;
        font-weight: 400;
        display: block;
        margin-top: 0;
        margin-bottom: 5px
    }

@media (min-width:768px) {
    .blogitem-type5 .bi-wraper header .rightcnt .author .authortitle strong {
        font-size: 15px;
        line-height: 15px
    }
}

@media (min-width:1200px) {
    .blogitem-type5 .bi-wraper header .rightcnt .author .authortitle strong {
        font-size: 16px;
        line-height: 16px
    }
}

.blogitem-type5 .bi-wraper .blogcntbox {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    margin: auto
}

    .blogitem-type5 .bi-wraper .blogcntbox h4 {
        font-family: "Montserrat",sans-serif;
        font-weight: 700;
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 15px;
        margin-top: 0;
        color: #333f4b;
        text-transform: capitalize
    }

@media (min-width:480px) {
    .blogitem-type5 .bi-wraper .blogcntbox h4 {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .blogitem-type5 .bi-wraper .blogcntbox h4 {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .blogitem-type5 .bi-wraper .blogcntbox h4 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 35px
    }
}

@media (min-width:1440px) {
    .blogitem-type5 .bi-wraper .blogcntbox h4 {
        padding-right: 50px;
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 45px;
        padding-right: 50px
    }
}

.blogitem-type5 .bi-wraper .blogcntbox h4 a {
    color: #333f4b;
    transition: border .2s ease .2s
}

    .blogitem-type5 .bi-wraper .blogcntbox h4 a:hover {
        border-bottom: 1px solid
    }

.blogitem-type5 .bi-wraper .blogcntbox p {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #5a6f84;
    margin-bottom: 35px
}

.blogitem-type5 .bi-wraper .blogcntbox .bn-readmore {
    display: inline-block;
    background-color: #ff4981;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 1px;
    padding: 12px 20px
}

.blogitem-type5 .postdate {
    background-color: #2678d2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0
}

    .blogitem-type5 .postdate .pdicon {
        padding: 5px 7px 4px
    }

@media (min-width:993px) {
    .blogitem-type5 .postdate .pdicon {
        padding: 8px 10px 7px
    }
}

.blogitem-type5 .postdate .pdicon img {
    width: 17px
}

@media (min-width:768px) {
    .blogitem-type5 .postdate .pdicon img {
        width: auto
    }
}

.travell-news {
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:768px) {
    .travell-news {
        padding-left: 0;
        padding-right: 0
    }
}

.travell-news header {
    margin-bottom: 0px
}

@media (min-width:768px) {
    .travell-news header {
        margin-bottom: 0px
    }
}

@media (min-width:993px) {
    .travell-news header {
        margin-bottom: 0px
    }
}

@media (min-width:1200px) {
    .travell-news header {
        margin-bottom: 0px
    }
}

@media (min-width:1440px) {
    .travell-news header {
        margin-bottom: 0px
    }
}

.travell-news header span {
    display: inline-block;
    width: auto;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #152266;
    text-transform: uppercase;
    letter-spacing: 1px
}

@media (min-width:993px) {
    .travell-news header span {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 15px
    }
}

@media (min-width:1440px) {
    .travell-news header span {
        font-size: 18px;
        line-height: 18px
    }
}

.travell-news header h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 35px;
    color: #152266b;
    text-transform: uppercase
}

@media (min-width:768px) {
    .travell-news header h2 {
        font-size: 50px;
        line-height: 40px
    }
}

@media (min-width:993px) {
    .travell-news header h2 {
        font-size: 60px;
        line-height: 50px
    }
}

@media (min-width:1200px) {
    .travell-news header h2 {
        font-size: 70px;
        line-height: 60px
    }
}

@media (min-width:1440px) {
    .travell-news header h2 {
        font-size: 80px;
        line-height: 65px
    }
}

.travell-news .newsarea {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

@media (min-width:768px) {
    .travell-news .newsarea {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px
    }
}

.travell-news .newsarea .tn-item {
    text-align: center;
    position: relative;
    margin-bottom: 25px;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:480px) {
    .travell-news .newsarea .tn-item {
        float:left;
        max-width: 100%;
        text-align: initial;
        margin-bottom: 0px
    }
}

@media (min-width:768px) {
    .travell-news .newsarea .tn-item {
        float:left;
        max-width: 100%;
        margin-bottom: 0px
    }
}

@media (min-width:993px) {
    .travell-news .newsarea .tn-item {
        float:left;
        max-width: 100%
    }
}

@media (min-width:1200px) {
    .travell-news .newsarea .tn-item {
        float:left;
        max-width:100%;
        margin-bottom: 0px
    }
}

@media (min-width:1440px) {
    .travell-news .newsarea .tn-item {
        width: 100%;
        max-width: 100%
    }
}

.travell-news .newsarea .tn-item img {
    margin-bottom: 5px;
    width: 100%
}

@media (min-width:480px) {
    .travell-news .newsarea .tn-item img {
        margin-bottom: 0px
    }
}

@media (min-width:768px) {
    .travell-news .newsarea .tn-item img {
        margin-bottom: 0px
    }
}

.travell-news .newsarea .tn-item figcaption .tnpd {
    position: absolute;
    transform: rotate(-90deg);
    transform-origin: 0 0;
    left: -16px;
    height: 20px;
    bottom: 40px;
    width: auto
}

@media (min-width:768px) {
    .travell-news .newsarea .tn-item figcaption .tnpd {
        height: 50px;
        bottom: 30px
    }
}

.travell-news .newsarea .tn-item figcaption span {
    display: inline;
    width: 100%;
    font-family: "Montserrat",sans-serif;
    color: #868686;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 22px;
    font-weight: 600
}

@media (min-width:480px) {
    .travell-news .newsarea .tn-item figcaption span {
    }
}

@media (min-width:768px) {
    .travell-news .newsarea .tn-item figcaption span {
    }
}

.travell-news .newsarea .tn-item figcaption strong, .travell-news .newsarea .tn-item figcaption span.hilight {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #212c64;
    font-weight: 500
}

@media (min-width:768px) {
    .travell-news .newsarea .tn-item figcaption strong, .travell-news .newsarea .tn-item figcaption span.hilight {
        font-size: 16px
    }
}

@media (min-width:993px) {
    .travell-news .newsarea .tn-item figcaption strong, .travell-news .newsarea .tn-item figcaption span.hilight {
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .travell-news .newsarea .tn-item figcaption strong, .travell-news .newsarea .tn-item figcaption span.hilight {
        font-size: 20px;
        letter-spacing: 1px
    }
}

.travell-news .newsarea .tn-item:focus {
    outline: none !important
}

.tn-dotted-shape {
    display: inline-block;
    width: 100%;
    height: 1050px;
    position: absolute;
    bottom: 0
}

@media (min-width:768px) {
    .tn-dotted-shape {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1440px) {
    .tn-dotted-shape {
        background-image: url(../img/dots-shape02.png);
        background-repeat: no-repeat;
        background-position: -45% -59%;
        background-size: contain
    }
}

span.hilight {
    display: inline-block !important;
    width: auto !important;
    color: #fb7500 !important
}

.ads img {
    display: block;
    width: 100%;
    max-width: 100%
}

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

body.travelplanner {
    background-color: #f8f8f8
}

    body.travelplanner .innerwrapper {
        position: relative;
        display: inline-block;
        width: 100%
    }

    body.travelplanner .bst-srcrslt {
        position: relative;
        z-index: 9;
        padding-top: 0;
        margin-bottom: 130px
    }

    body.travelplanner .cmn-header {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: 100px
    }

@media (min-width:768px) {
    body.travelplanner .cmn-header {
        margin-bottom: 150px
    }
}

@media (min-width:993px) {
    body.travelplanner .cmn-header {
        flex-direction: row
    }
}

@media (min-width:1200px) {
    body.travelplanner .cmn-header {
        margin-bottom: 190px
    }
}

body.travelplanner .cmn-header h1 {
    text-transform: capitalize;
    font-weight: 800;
    letter-spacing: 0
}

body.travelplanner .cmn-header .hdr-rght {
    display: flex;
    align-items: center;
    position: relative;
    width: 50%;
    justify-content: flex-end
}

    body.travelplanner .cmn-header .hdr-rght span {
        font-family: "Montserrat",sans-serif;
        color: #777;
        letter-spacing: 2px;
        font-size: 11px;
        text-transform: uppercase;
        display: inline-block;
        margin-right: 30px
    }

    body.travelplanner .cmn-header .hdr-rght:before {
        content: "";
        width: 50%;
        height: 1px;
        background-color: #999;
        position: absolute;
        left: 0
    }

.plan-holidays {
    margin-bottom: 50px
}

@media (min-width:480px) {
    .plan-holidays {
        margin-bottom: 80px
    }
}

@media (min-width:768px) {
    .plan-holidays {
        margin-bottom: 120px
    }
}

@media (min-width:1200px) {
    .plan-holidays {
        margin-bottom: 150px
    }
}

@media (min-width:1440px) {
    .plan-holidays {
        margin-bottom: 200px
    }
}

.plan-holidays .pyh-wraper {
    background-color: #fff;
    box-shadow: -4.022px 32.754px 51px rgba(0,0,0,.05);
    padding: 15px
}

@media (min-width:480px) {
    .plan-holidays .pyh-wraper {
        padding: 30px
    }
}

@media (min-width:768px) {
    .plan-holidays .pyh-wraper {
        padding: 50px
    }
}

@media (min-width:1200px) {
    .plan-holidays .pyh-wraper {
        padding: 70px
    }
}

@media (min-width:1440px) {
    .plan-holidays .pyh-wraper {
        padding: 100px
    }
}

.plan-holidays .pyh-wraper &gt; header {
    margin-bottom: 40px
}

@media (min-width:480px) {
    .plan-holidays .pyh-wraper &gt; header {
        margin-bottom: 50px
    }
}

@media (min-width:768px) {
    .plan-holidays .pyh-wraper &gt; header {
        margin-bottom: 60px
    }
}

@media (min-width:1200px) {
    .plan-holidays .pyh-wraper &gt; header {
        margin-bottom: 80px
    }
}

@media (min-width:1440px) {
    .plan-holidays .pyh-wraper &gt; header {
        margin-bottom: 100px
    }
}

.plan-holidays .pyh-wraper &gt; header h1 {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 15px;
    letter-spacing: -1px;
    font-weight: 700;
    margin-top: 0
}

@media (min-width:480px) {
    .plan-holidays .pyh-wraper &gt; header h1 {
        font-size: 42px;
        line-height: 42px;
        margin-bottom: 20px;
        letter-spacing: -1px
    }
}

@media (min-width:768px) {
    .plan-holidays .pyh-wraper &gt; header h1 {
        font-size: 60px;
        line-height: 50px;
        margin-bottom: 25px;
        letter-spacing: -3px
    }
}

@media (min-width:1200px) {
    .plan-holidays .pyh-wraper &gt; header h1 {
        font-size: 72px;
        line-height: 60px;
        margin-bottom: 35px;
        letter-spacing: -5px
    }
}

@media (min-width:1440px) {
    .plan-holidays .pyh-wraper &gt; header h1 {
        font-size: 90px;
        line-height: 70px;
        margin-bottom: 45px;
        letter-spacing: -7px
    }
}

.plan-holidays .pyh-wraper &gt; header p {
    font-family: "Montserrat",sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    color: #777;
    font-weight: 500;
    text-transform: uppercase
}

@media (min-width:768px) {
    .plan-holidays .pyh-wraper &gt; header p {
        font-size: 13px;
        letter-spacing: 1px
    }
}

.plan-holidays .pyh-wraper &gt; header p strong {
    width: 100%;
    font-weight: 800;
    color: #444343;
    display: inline-block;
    margin-right: 30px
}

@media (min-width:1440px) {
    .plan-holidays .pyh-wraper &gt; header p strong {
        width: auto
    }
}

.plan-holidays .pyh-wraper .grid-container {
    margin-bottom: 20px
}

@media (min-width:480px) {
    .plan-holidays .pyh-wraper .grid-container {
        margin-bottom: 50px
    }
}

@media (min-width:768px) {
    .plan-holidays .pyh-wraper .grid-container {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        margin-bottom: 60px
    }
}

@media (min-width:1200px) {
    .plan-holidays .pyh-wraper .grid-container {
        margin-bottom: 80px
    }
}

@media (min-width:1440px) {
    .plan-holidays .pyh-wraper .grid-container {
        margin-bottom: 100px
    }
}

.plan-holidays .pyh-wraper .pyh-footer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start
}

@media (min-width:1200px) {
    .plan-holidays .pyh-wraper .pyh-footer {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between
    }
}

.plan-holidays .pyh-wraper .pyh-footer .left {
    margin-bottom: 20px
}

@media (min-width:1200px) {
    .plan-holidays .pyh-wraper .pyh-footer .left {
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .plan-holidays .pyh-wraper .pyh-footer .left {
        float:left;
        max-width: 50%
    }
}

.plan-holidays .pyh-wraper .pyh-footer .left h4 {
    font-family: "Montserrat",sans-serif;
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 10px;
    color: #333f4b;
    font-weight: 700;
    text-transform: capitalize
}

@media (min-width:480px) {
    .plan-holidays .pyh-wraper .pyh-footer .left h4 {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 15px
    }
}

@media (min-width:768px) {
    .plan-holidays .pyh-wraper .pyh-footer .left h4 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .plan-holidays .pyh-wraper .pyh-footer .left h4 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 25px
    }
}

.plan-holidays .pyh-wraper .pyh-footer .left p {
    font-family: "Montserrat",sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #6f8091;
    font-weight: 500
}

@media (min-width:768px) {
    .plan-holidays .pyh-wraper .pyh-footer .left p {
        font-size: 14px;
        line-height: 20px;
        font-weight: 600
    }
}

@media (min-width:1200px) {
    .plan-holidays .pyh-wraper .pyh-footer .left p {
        font-size: 15px;
        line-height: 20px
    }
}

.plan-holidays .pyh-wraper .pyh-footer .right {
    text-align: right
}

@media (min-width:1440px) {
    .plan-holidays .pyh-wraper .pyh-footer .right {
        float:left;
        max-width: 33.3333333333%
    }
}

.grid-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-end
}

    .grid-container .box {
        margin-bottom: 15px;
        opacity: 1 !important;
        transform: unset !important
    }

@media (min-width:480px) {
    .grid-container .box {
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .grid-container .box {
        margin-bottom: 30px;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

.grid-container .box &gt; div {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: -10.833px 14.375px 84px rgba(51,63,75,.13);
    padding: 20px 10px;
    height: 100%
}

@media (min-width:480px) {
    .grid-container .box &gt; div {
        padding: 20px
    }
}

@media (min-width:1200px) {
    .grid-container .box &gt; div {
        padding: 25px
    }
}

.grid-container .box &gt; div header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    margin-bottom: 15px
}

@media (min-width:1200px) {
    .grid-container .box &gt; div header {
        margin-bottom: 25px
    }
}

@media (min-width:1440px) {
    .grid-container .box &gt; div header {
        margin-bottom: 35px
    }
}

.grid-container .box &gt; div header .stepbox {
    margin-bottom: 20px
}

    .grid-container .box &gt; div header .stepbox .stepno {
        font-family: "Montserrat",sans-serif;
        display: inline-block;
        font-size: 15px;
        height: 40px;
        width: 40px;
        line-height: 40px;
        margin-right: 5px;
        text-align: center;
        font-weight: 700;
        color: #ef5350;
        background-color: #111d59;
        border-radius: 50%;
        z-index: 9
    }

@media (min-width:480px) {
    .grid-container .box &gt; div header .stepbox .stepno {
        font-size: 15px;
        height: 40px;
        width: 40px;
        line-height: 40px;
        margin-right: 10px
    }
}

@media (min-width:768px) {
    .grid-container .box &gt; div header .stepbox .stepno {
        font-size: 16px;
        height: 50px;
        width: 50px;
        line-height: 50px;
        margin-right: 10px;
        font-weight: 800
    }
}

@media (min-width:1200px) {
    .grid-container .box &gt; div header .stepbox .stepno {
        font-size: 18px;
        height: 65px;
        width: 65px;
        line-height: 65px;
        margin-right: 15px
    }
}

.grid-container .box &gt; div header .stepbox .steptxt {
    font-family: "Montserrat",sans-serif;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #777;
    margin-right: 20px;
    text-transform: uppercase;
    background-color: #fff;
    padding-right: 15px;
    position: relative
}

    .grid-container .box &gt; div header .stepbox .steptxt:after {
        content: "";
        border-top: 1px dashed #999;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 100%;
        color: #777;
        width: 50px;
        height: 1px;
        z-index: 0
    }

@media (min-width:480px) {
    .grid-container .box &gt; div header .stepbox .steptxt:after {
        width: 60px
    }
}

@media (min-width:768px) {
    .grid-container .box &gt; div header .stepbox .steptxt:after {
        width: 80px
    }
}

@media (min-width:1200px) {
    .grid-container .box &gt; div header .stepbox .steptxt:after {
        width: 100px
    }
}

.grid-container .box &gt; div header .titlebox {
    display: inline-block;
    width: auto;
    text-align: left;
    width: 100%;
    padding-left: 0;
    background-color: #fff
}

@media (min-width:1440px) {
    .grid-container .box &gt; div header .titlebox {
        width: auto;
        padding-left: 15px
    }
}

.grid-container .box &gt; div header .titlebox h4 {
    font-family: "Montserrat",sans-serif;
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 700;
    color: #333f4b;
    text-transform: capitalize
}

@media (min-width:480px) {
    .grid-container .box &gt; div header .titlebox h4 {
        font-size: 16px;
        line-height: 16px
    }
}

@media (min-width:768px) {
    .grid-container .box &gt; div header .titlebox h4 {
        font-size: 18px;
        line-height: 18px
    }
}

@media (min-width:1200px) {
    .grid-container .box &gt; div header .titlebox h4 {
        font-size: 20px;
        line-height: 20px
    }
}

.grid-container .box &gt; div header .titlebox h4 ~ p {
    font-family: "Montserrat",sans-serif;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: 500;
    color: #495562
}

@media (min-width:480px) {
    .grid-container .box &gt; div header .titlebox h4 ~ p {
        margin-top: 8px
    }
}

@media (min-width:768px) {
    .grid-container .box &gt; div header .titlebox h4 ~ p {
        font-size: 15px;
        line-height: 15px;
        margin-top: 10px
    }
}

@media (min-width:1200px) {
    .grid-container .box &gt; div header .titlebox h4 ~ p {
        font-size: 16px;
        line-height: 16px
    }
}

@media (min-width:1440px) {
    .grid-container .box &gt; div header .titlebox h4 ~ p {
        font-size: 18px;
        line-height: 18px
    }
}

.grid-container .box &gt; div header .titlebox h4 ~ span {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 400;
    color: #777
}

.grid-container .box:nth-of-type(1) {
    width: 100%;
    order: 1
}

@media (min-width:768px) {
    .grid-container .box:nth-of-type(1) {
        width: 50%
    }
}

@media (min-width:993px) {
    .grid-container .box:nth-of-type(1) {
        width: 50%
    }
}

@media (min-width:1200px) {
    .grid-container .box:nth-of-type(1) {
        width: 50%
    }
}

@media (min-width:1440px) {
    .grid-container .box:nth-of-type(1) {
        width: 35%
    }
}

.grid-container .box:nth-of-type(1) .titlebox {
    padding-left: 45px
}

@media (min-width:480px) {
    .grid-container .box:nth-of-type(1) .titlebox {
        padding-left: 50px
    }
}

@media (min-width:1200px) {
    .grid-container .box:nth-of-type(1) .titlebox {
        padding-left: 85px
    }
}

@media (min-width:1440px) {
    .grid-container .box:nth-of-type(1) .titlebox {
        padding-left: 15px
    }
}

@media (min-width:1200px) {
    .grid-container .box:nth-of-type(1) .stepbox {
        margin-bottom: 0
    }
}

.grid-container .box:nth-of-type(2) {
    width: 100%;
    order: 4
}

@media (min-width:768px) {
    .grid-container .box:nth-of-type(2) {
        width: 50%;
        margin-top: -100%;
        align-self: flex-end
    }
}

@media (min-width:993px) {
    .grid-container .box:nth-of-type(2) {
        width: 50%;
        align-self: flex-end
    }
}

@media (min-width:1200px) {
    .grid-container .box:nth-of-type(2) {
        width: 50%;
        align-self: flex-end
    }
}

@media (min-width:1440px) {
    .grid-container .box:nth-of-type(2) {
        width: 35%;
        margin-top: 0;
        align-self: unset
    }
}

.grid-container .box:nth-of-type(2) header {
    margin-bottom: 20px
}

@media (min-width:480px) {
    .grid-container .box:nth-of-type(2) header {
        margin-bottom: 30px
    }
}

@media (min-width:768px) {
    .grid-container .box:nth-of-type(2) header {
        margin-bottom: 50px
    }
}

.grid-container .box:nth-of-type(2) .service-list {
    margin-bottom: 0
}

@media (min-width:768px) {
    .grid-container .box:nth-of-type(2) .service-list {
        margin-bottom: 20px
    }
}

@media (min-width:993px) {
    .grid-container .box:nth-of-type(2) .service-list {
        margin-bottom: 120px
    }
}

@media (min-width:1200px) {
    .grid-container .box:nth-of-type(2) .service-list {
        margin-bottom: 130px
    }
}

@media (min-width:1440px) {
    .grid-container .box:nth-of-type(2) .service-list {
        margin-bottom: 40px
    }
}

.grid-container .box:nth-of-type(3) {
    width: 100%;
    order: 2
}

@media (min-width:768px) {
    .grid-container .box:nth-of-type(3) {
        width: 50%
    }
}

@media (min-width:1200px) {
    .grid-container .box:nth-of-type(3) {
        width: 50%
    }
}

@media (min-width:1440px) {
    .grid-container .box:nth-of-type(3) {
        width: 35%
    }
}

.grid-container .box:nth-of-type(3) .titlebox {
    padding-left: 45px
}

@media (min-width:480px) {
    .grid-container .box:nth-of-type(3) .titlebox {
        padding-left: 50px
    }
}

@media (min-width:768px) {
    .grid-container .box:nth-of-type(3) .titlebox {
        padding-left: 65px
    }
}

@media (min-width:1200px) {
    .grid-container .box:nth-of-type(3) .titlebox {
        padding-left: 85px
    }
}

@media (min-width:1440px) {
    .grid-container .box:nth-of-type(3) .titlebox {
        padding-left: 15px
    }
}

@media (min-width:1200px) {
    .grid-container .box:nth-of-type(3) .stepbox {
        margin-bottom: 0
    }
}

.grid-container .box:nth-of-type(4) {
    width: 100%;
    order: 3
}

@media (min-width:768px) {
    .grid-container .box:nth-of-type(4) {
        width: 50%
    }
}

@media (min-width:1200px) {
    .grid-container .box:nth-of-type(4) {
        width: 50%
    }
}

@media (min-width:1440px) {
    .grid-container .box:nth-of-type(4) {
        width: 30%
    }
}

.grid-container .box:nth-of-type(4) header {
    margin-bottom: 20px
}

@media (min-width:480px) {
    .grid-container .box:nth-of-type(4) header {
        margin-bottom: 30px
    }
}

@media (min-width:768px) {
    .grid-container .box:nth-of-type(4) header {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .grid-container .box:nth-of-type(4) header {
        margin-bottom: 70px
    }
}

@media (min-width:1440px) {
    .grid-container .box:nth-of-type(4) header {
        margin-bottom: 50px
    }
}

.grid-container .box:nth-of-type(5) {
    width: 100%;
    order: 5
}

@media (min-width:1440px) {
    .grid-container .box:nth-of-type(5) {
        width: 65%;
        margin-top: -320px;
        align-self: end
    }
}

.grid-container .box:nth-of-type(6) {
    width: 100%;
    order: 6
}

@media (min-width:1440px) {
    .grid-container .box:nth-of-type(6) {
        width: 65%;
        margin-top: -260px;
        align-self: flex-end
    }
}

.grid-container .box:nth-of-type(6) header {
    margin-bottom: 20px
}

@media (min-width:480px) {
    .grid-container .box:nth-of-type(6) header {
        margin-bottom: 30px
    }
}

@media (min-width:768px) {
    .grid-container .box:nth-of-type(6) header {
        margin-bottom: 0
    }
}

.destination {
    position: relative
}

    .destination .search-destination {
        padding: 10px;
        text-align: center;
        margin-bottom: 20px
    }

@media (min-width:1200px) {
    .destination .search-destination {
        margin-bottom: 40px;
        padding: 0 20px
    }
}

@media (min-width:1366px) {
    .destination .search-destination {
        margin-bottom: 60px
    }
}

@media (min-width:1440px) {
    .destination .search-destination {
        margin-bottom: 80px;
        padding: 30px
    }
}

.destination .search-destination .destination-thumb {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block
}

@media (min-width:480px) {
    .destination .search-destination .destination-thumb {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .destination .search-destination .destination-thumb {
        width: 150px;
        height: 150px;
        margin-bottom: 50px
    }
}

@media (min-width:1440px) {
    .destination .search-destination .destination-thumb {
        width: 180px;
        height: 180px;
        margin-bottom: 60px
    }
}

.destination .search-destination h4 {
    font-family: "Montserrat",sans-serif;
    display: block;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: 700;
    color: #111d59;
    text-transform: uppercase;
    position: relative
}

@media (min-width:480px) {
    .destination .search-destination h4 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 10px
    }
}

@media (min-width:768px) {
    .destination .search-destination h4 {
        font-size: 24px;
        line-height: 24px
    }
}

@media (min-width:1200px) {
    .destination .search-destination h4 {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 15px
    }
}

@media (min-width:1440px) {
    .destination .search-destination h4 {
        font-size: 40px;
        line-height: 40px
    }
}

.destination .search-destination h4 .icon-checked {
    position: absolute;
    right: 0;
    top: -5px
}

@media (min-width:768px) {
    .destination .search-destination h4 .icon-checked {
        top: -10px
    }
}

@media (min-width:1200px) {
    .destination .search-destination h4 .icon-checked {
        top: -15px
    }
}

.destination .search-destination p {
    font-family: "Montserrat",sans-serif;
    display: block;
    font-size: 12px;
    line-height: normal;
    margin-bottom: 15px;
    letter-spacing: 0;
    font-weight: 500;
    text-transform: uppercase;
    color: #777
}

@media (min-width:480px) {
    .destination .search-destination p {
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .destination .search-destination p {
        line-height: 13px;
        margin-bottom: 25px
    }
}

@media (min-width:1200px) {
    .destination .search-destination p {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 30px;
        letter-spacing: 1px
    }
}

@media (min-width:1440px) {
    .destination .search-destination p {
        margin-bottom: 35px
    }
}

.destination .your-location {
    display: block;
    padding-left: 40px;
    background-color: #fff;
    z-index: 1
}

@media (min-width:480px) {
    .destination .your-location {
        padding-left: 50px
    }
}

@media (min-width:1200px) {
    .destination .your-location {
        padding-left: 60px
    }
}

@media (min-width:1440px) {
    .destination .your-location {
        margin-bottom: 40px
    }
}

.destination .your-location i {
    position: absolute;
    top: 0;
    font-size: 13px;
    line-height: 28px;
    left: 4px;
    background-color: #ef5350;
    color: #fff;
    border-radius: 50px;
    height: 32px;
    width: 32px;
    text-align: center;
    font-weight: 600;
    z-index: 2;
    border: 2px solid #fff
}

@media (min-width:480px) {
    .destination .your-location i {
        font-size: 14px;
        line-height: 26px;
        left: 5px
    }
}

@media (min-width:768px) {
    .destination .your-location i {
        font-size: 15px;
        line-height: 28px;
        left: 10px
    }
}

@media (min-width:1200px) {
    .destination .your-location i {
        font-size: 16px;
        line-height: 30px;
        left: 15px
    }
}

.destination .your-location h5 {
    font-family: "Montserrat",sans-serif;
    display: block;
    margin-right: 0;
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 5px;
    margin-top: 0;
    font-weight: 700;
    color: #333f4b;
    text-transform: capitalize;
    display: inline-block;
    width: auto
}

@media (min-width:480px) {
    .destination .your-location h5 {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 10px
    }
}

@media (min-width:768px) {
    .destination .your-location h5 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 13px
    }
}

@media (min-width:1200px) {
    .destination .your-location h5 {
        margin-right: 10px;
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 15px
    }
}

.destination .your-location span {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #777;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .destination .your-location span {
        font-size: 13px;
        line-height: 13px;
        letter-spacing: 2px
    }
}

@media (min-width:1200px) {
    .destination .your-location span {
        font-size: 14px;
        line-height: 14px
    }
}

@media (min-width:1440px) {
    .destination .your-location span {
        margin-bottom: 0
    }
}

.destination .your-location p {
    display: block;
    font-size: 11px;
    line-height: 11px;
    font-weight: 500;
    color: #777;
    margin-bottom: 5px
}

@media (min-width:480px) {
    .destination .your-location p {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 10px
    }
}

@media (min-width:768px) {
    .destination .your-location p {
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .destination .your-location p {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 20px
    }
}

.destination:after {
    position: absolute;
    border-left: 1px dashed #ccc;
    height: 75%;
    margin: auto;
    top: -20px;
    bottom: 0;
    left: 30px
}

@media (min-width:480px) {
    .destination:after {
        left: 35px
    }
}

@media (min-width:768px) {
    .destination:after {
        left: 45px
    }
}

@media (min-width:1200px) {
    .destination:after {
        left: 55px;
        content: ""
    }
}

.traveller {
    min-height: 0
}

@media (min-width:768px) {
    .traveller {
        min-height: 500px
    }
}

@media (min-width:1200px) {
    .traveller {
        min-height: 590px
    }
}

@media (min-width:1440px) {
    .traveller {
        min-height: 500px
    }
}

.traveller .select-noof-person {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 40px
}

@media (min-width:480px) {
    .traveller .select-noof-person {
        margin-top: 20px;
        margin-bottom: 50px
    }
}

@media (min-width:768px) {
    .traveller .select-noof-person {
        margin-top: 30px;
        margin-bottom: 70px
    }
}

@media (min-width:1200px) {
    .traveller .select-noof-person {
        margin-top: 50px;
        margin-bottom: 100px;
        text-align: center
    }
}

@media (min-width:1440px) {
    .traveller .select-noof-person {
        margin-top: 0
    }
}

.traveller .select-noof-person .count-adult, .traveller .select-noof-person .count-child {
    text-align: left;
    color: #495562;
    font-family: "Montserrat",sans-serif;
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    padding: 12px 15px;
    margin-bottom: 20px;
    min-width: 180px;
    border-radius: 50px;
    font-weight: 500;
    text-transform: capitalize;
    background-color: #fff;
    box-shadow: -10.833px 14.375px 40px rgba(51,63,75,.17)
}

@media (min-width:480px) {
    .traveller .select-noof-person .count-adult, .traveller .select-noof-person .count-child {
        font-size: 15px;
        line-height: 15px;
        padding: 12px 15px;
        margin-bottom: 20px;
        min-width: 220px
    }
}

@media (min-width:768px) {
    .traveller .select-noof-person .count-adult, .traveller .select-noof-person .count-child {
        font-size: 16px;
        line-height: 16px;
        padding: 15px 25px;
        margin-bottom: 20px;
        min-width: 220px
    }
}

@media (min-width:1200px) {
    .traveller .select-noof-person .count-adult, .traveller .select-noof-person .count-child {
        font-size: 18px;
        line-height: 18px;
        padding: 15px 35px;
        margin-bottom: 30px;
        min-width: 280px
    }
}

.traveller .select-noof-person .count-adult .decrease, .traveller .select-noof-person .count-adult .increase, .traveller .select-noof-person .count-child .decrease, .traveller .select-noof-person .count-child .increase {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 24px;
    font-size: 18px;
    right: 20px;
    background-color: #ff7699;
    border-radius: 50px;
    font-family: "Montserrat",sans-serif;
    font-weight: 600;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

@media (min-width:480px) {
    .traveller .select-noof-person .count-adult .decrease, .traveller .select-noof-person .count-adult .increase, .traveller .select-noof-person .count-child .decrease, .traveller .select-noof-person .count-child .increase {
        width: 25px;
        height: 25px;
        line-height: 24px;
        font-size: 18px;
        right: 20px
    }
}

@media (min-width:768px) {
    .traveller .select-noof-person .count-adult .decrease, .traveller .select-noof-person .count-adult .increase, .traveller .select-noof-person .count-child .decrease, .traveller .select-noof-person .count-child .increase {
        width: 28px;
        height: 28px;
        line-height: 26px;
        font-size: 20px;
        right: 25px
    }
}

@media (min-width:1200px) {
    .traveller .select-noof-person .count-adult .decrease, .traveller .select-noof-person .count-adult .increase, .traveller .select-noof-person .count-child .decrease, .traveller .select-noof-person .count-child .increase {
        width: 32px;
        height: 32px;
        line-height: 30px;
        font-size: 24px;
        right: 30px
    }
}

.traveller .select-noof-person .count-adult .increase, .traveller .select-noof-person .count-child .increase {
    font-weight: 600;
    line-height: 26px;
    right: -10px
}

@media (min-width:480px) {
    .traveller .select-noof-person .count-adult .increase, .traveller .select-noof-person .count-child .increase {
        line-height: 28px;
        right: -10px
    }
}

@media (min-width:768px) {
    .traveller .select-noof-person .count-adult .increase, .traveller .select-noof-person .count-child .increase {
        line-height: 30px
    }
}

@media (min-width:1200px) {
    .traveller .select-noof-person .count-adult .increase, .traveller .select-noof-person .count-child .increase {
        line-height: 32px
    }
}

.traveller .select-noof-person .count-child {
    margin-bottom: 0
}

.traveller .tot-added-people {
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 0
}

@media (min-width:768px) {
    .traveller .tot-added-people {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .traveller .tot-added-people {
        margin-bottom: 50px
    }
}

.traveller .tot-added-people i {
    color: #333f4b;
    font-size: 30px;
    margin-right: 5px;
    font-weight: 700
}

@media (min-width:480px) {
    .traveller .tot-added-people i {
        font-size: 32px;
        margin-right: 10px
    }
}

@media (min-width:768px) {
    .traveller .tot-added-people i {
        font-size: 36px;
        margin-right: 15px
    }
}

@media (min-width:1200px) {
    .traveller .tot-added-people i {
        font-size: 40px;
        margin-right: 20px
    }
}

.traveller .tot-added-people span {
    color: #333f4b;
    font-family: "Montserrat",sans-serif;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    margin-right: 5px;
    font-weight: 500
}

@media (min-width:480px) {
    .traveller .tot-added-people span {
        font-size: 18px;
        line-height: 28px;
        margin-right: 10px
    }
}

@media (min-width:768px) {
    .traveller .tot-added-people span {
        line-height: 30px;
        margin-right: 15px
    }
}

@media (min-width:1200px) {
    .traveller .tot-added-people span {
        font-size: 24px;
        line-height: 40px;
        margin-right: 20px
    }
}

@media (min-width:1440px) {
    .traveller .tot-added-people span {
        margin-right: 30px
    }
}

.traveller .tot-added-people .icon-checked {
    margin-right: 0
}

.purpose header {
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 50px
}

    .purpose header .stepbox {
        margin-bottom: 15px
    }

@media (min-width:480px) {
    .purpose header .stepbox {
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .purpose header .stepbox {
        margin-bottom: 25px
    }
}

@media (min-width:1200px) {
    .purpose header .stepbox {
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .purpose header .stepbox {
        margin-bottom: 40px
    }
}

.purpose header .titlebox {
    width: 100%;
    text-align: left;
    padding-left: 0
}

.purpose .purpose-list li .custom-checkbox {
    padding-left: 0;
    display: inline-block
}

    .purpose .purpose-list li .custom-checkbox span {
        font-size: 40px;
        display: inline-block;
        margin: 16px
    }

    .purpose .purpose-list li .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
        background-color: #1cbbb4;
        border-color: #1cbbb4 !important
    }

    .purpose .purpose-list li .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
        border-color: #1cbbb4 !important
    }

    .purpose .purpose-list li .custom-checkbox .custom-control-input:focus {
        outline: none !important;
        box-shadow: none !important;
        border: none !important
    }

    .purpose .purpose-list li .custom-checkbox .custom-control-label {
        display: block;
        font-family: "Montserrat",sans-serif;
        padding-left: 35px;
        font-size: 15px;
        line-height: 15px;
        margin-bottom: 10px;
        font-weight: 500;
        color: #4b545c
    }

@media (min-width:480px) {
    .purpose .purpose-list li .custom-checkbox .custom-control-label {
        margin-bottom: 15px
    }
}

@media (min-width:768px) {
    .purpose .purpose-list li .custom-checkbox .custom-control-label {
        margin-bottom: 25px;
        padding-left: 35px;
        font-size: 16px;
        line-height: 16px
    }
}

@media (min-width:1200px) {
    .purpose .purpose-list li .custom-checkbox .custom-control-label {
        padding-left: 35px;
        font-size: 17px;
        line-height: 17px
    }
}

@media (min-width:1440px) {
    .purpose .purpose-list li .custom-checkbox .custom-control-label {
        padding-left: 35px;
        font-size: 18px;
        line-height: 18px
    }
}

.purpose .purpose-list li .custom-checkbox .custom-control-label:after, .purpose .purpose-list li .custom-checkbox .custom-control-label:before {
    left: auto;
    left: 0;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    margin: auto;
    top: 0;
    bottom: 0;
    background-color: transparent;
    border: 1px solid #b0b1b3
}

.service header {
    justify-content: flex-start;
    flex-wrap: wrap
}

    .service header .stepbox {
        margin-bottom: 40px
    }

    .service header .titlebox {
        width: 100%;
        text-align: left;
        padding-left: 0
    }

.service .service-list li .custom-checkbox {
    padding-left: 0;
    display: inline-block
}

    .service .service-list li .custom-checkbox span {
        font-size: 40px;
        display: inline-block;
        margin: 16px
    }

    .service .service-list li .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
        background-color: #1cbbb4;
        border-color: #1cbbb4 !important
    }

    .service .service-list li .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
        border-color: #1cbbb4 !important
    }

    .service .service-list li .custom-checkbox .custom-control-input:focus {
        outline: none !important;
        box-shadow: none !important;
        border: none !important
    }

    .service .service-list li .custom-checkbox .custom-control-label {
        display: block;
        padding-left: 35px;
        font-family: "Montserrat",sans-serif;
        font-size: 14px;
        line-height: 14px;
        font-weight: 500;
        color: #4b545c;
        margin-bottom: 15px
    }

@media (min-width:768px) {
    .service .service-list li .custom-checkbox .custom-control-label {
        font-size: 15px;
        line-height: 15px;
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .service .service-list li .custom-checkbox .custom-control-label {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 25px
    }
}

@media (min-width:1440px) {
    .service .service-list li .custom-checkbox .custom-control-label {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 30px
    }
}

.service .service-list li .custom-checkbox .custom-control-label:after, .service .service-list li .custom-checkbox .custom-control-label:before {
    left: auto;
    left: 0;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    margin: auto;
    top: 0;
    bottom: 0;
    background-color: transparent;
    border: 1px solid #b0b1b3
}

.bookingdate-dtls {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0
}

@media (min-width:768px) {
    .bookingdate-dtls {
        margin-bottom: 30px
    }
}

.bookingdate-dtls header {
    justify-content: flex-start
}

.bookingdate-dtls .bookingdates {
    padding: 15px 30px 15px 50px;
    margin-bottom: 20px;
    position: relative;
    width: 100%
}

@media (min-width:576px) {
    .bookingdate-dtls .bookingdates {
        width: auto
    }
}

@media (min-width:768px) {
    .bookingdate-dtls .bookingdates {
        padding: 40px;
        margin-bottom: 40px;
        padding: 15px 60px
    }
}

@media (min-width:1200px) {
    .bookingdate-dtls .bookingdates {
        padding: 50px;
        margin-bottom: 50px
    }
}

@media (min-width:1440px) {
    .bookingdate-dtls .bookingdates {
        padding: 60px;
        margin-bottom: 0
    }
}

.bookingdate-dtls .bookingdates:before {
    position: absolute;
    content: "";
    border-left: 1px dashed #ccc;
    height: 70px;
    margin: auto;
    top: -20px;
    bottom: 0;
    left: 52px
}

@media (min-width:480px) {
    .bookingdate-dtls .bookingdates:before {
        top: -20px
    }
}

@media (min-width:768px) {
    .bookingdate-dtls .bookingdates:before {
        left: 65px
    }
}

@media (min-width:1440px) {
    .bookingdate-dtls .bookingdates:before {
        top: 40px
    }
}

.bookingdate-dtls .bookingdates .startdate {
    margin-bottom: 90px
}

    .bookingdate-dtls .bookingdates .startdate i {
        font-size: 30px;
        font-weight: 500;
        color: #6d707e;
        position: absolute;
        top: 0;
        left: -45px
    }

@media (min-width:768px) {
    .bookingdate-dtls .bookingdates .startdate i {
        left: -55px;
        font-size: 40px
    }
}

.bookingdate-dtls .bookingdates .startdate span {
    color: #777;
    display: block;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    margin-bottom: 10px
}

.bookingdate-dtls .bookingdates .startdate strong {
    color: #495562;
    font-family: "Montserrat",sans-serif;
    display: block;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700
}

@media (min-width:768px) {
    .bookingdate-dtls .bookingdates .startdate strong {
        font-size: 18px;
        line-height: 18px
    }
}

@media (min-width:1200px) {
    .bookingdate-dtls .bookingdates .startdate strong {
        font-size: 20px;
        line-height: 20px
    }
}

.bookingdate-dtls .bookingdates .startdate .icon-checked {
    position: absolute;
    right: -20px;
    top: 20px;
    left: auto;
    padding: 5px
}

@media (min-width:768px) {
    .bookingdate-dtls .bookingdates .startdate .icon-checked {
        right: -50px;
        top: 10px
    }
}

@media (min-width:1200px) {
    .bookingdate-dtls .bookingdates .startdate .icon-checked {
        right: -50px;
        top: 10px
    }
}

.bookingdate-dtls .bookingdates .enddate strong {
    color: #495562;
    font-family: "Montserrat",sans-serif;
    display: block;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

@media (min-width:480px) {
    .bookingdate-dtls .bookingdates .enddate strong {
        margin-bottom: 15px
    }
}

@media (min-width:768px) {
    .bookingdate-dtls .bookingdates .enddate strong {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 18px
    }
}

@media (min-width:1200px) {
    .bookingdate-dtls .bookingdates .enddate strong {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 20px
    }
}

.bookingdate-dtls .bookingdates span {
    font-family: "Montserrat",sans-serif;
    color: #495562;
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    margin-bottom: 10px
}

.bookingdate-dtls .calender {
    max-width: 100%
}

@media (min-width:768px) {
    .bookingdate-dtls .calender {
        max-width: 50%
    }
}

@media (min-width:1200px) {
    .bookingdate-dtls .calender {
        max-width: 60%
    }
}

.budget {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (min-width:768px) {
    .budget {
        min-height: 230px;
        flex-direction: row;
        align-items: center
    }
}

.budget header {
    justify-content: flex-start
}

.budget .chk-budget {
    width: 100%
}

@media (min-width:768px) {
    .budget .chk-budget {
        width: 55%
    }
}

.budget .chk-budget .range-field {
    display: inline-block;
    width: 100%;
    margin-bottom: 0
}

@media (min-width:768px) {
    .budget .chk-budget .range-field {
        margin-bottom: 30px
    }
}

.budget .chk-budget .range-field label {
    display: flex;
    justify-content: space-between
}

.budget .chk-budget .distance-bar {
    width: 100%;
    border-radius: 0;
    height: 4px;
    appearance: none;
    background-color: #ff8d1e
}

.talkto-avd {
    position: relative;
    padding-bottom: 50px
}

@media (min-width:480px) {
    .talkto-avd {
        padding-bottom: 80px
    }
}

@media (min-width:768px) {
    .talkto-avd {
        padding-bottom: 120px
    }
}

@media (min-width:1200px) {
    .talkto-avd {
        padding-bottom: 150px
    }
}

@media (min-width:1440px) {
    .talkto-avd {
        padding-bottom: 200px
    }
}

body.flightbooking footer .bottom-left {
    position: absolute;
    bottom: 600px;
    width: 100%
}

@media (min-width:1200px) {
    body.flightbooking footer .bottom-left {
        top: 0
    }
}

body.flightbooking footer .bottom-left .shapes2 {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(-90deg)
}

@media (min-width:576px) {
    body.flightbooking footer .bottom-left .shapes2 {
        width: 200px;
        height: 200px
    }
}

@media (min-width:993px) {
    body.flightbooking footer .bottom-left .shapes2 {
        width: 300px;
        height: 300px
    }
}

@media (min-width:1440px) {
    body.flightbooking footer .bottom-left .shapes2 {
        width: 400px;
        height: 400px
    }
}

body.flightbooking footer .bottom-left .shapes3 {
    bottom: -250px;
    opacity: .2
}

.icon-checked {
    color: #fff !important;
    font-size: 10px !important;
    padding: 7px;
    font-weight: 700;
    margin-right: 0;
    background-color: #51d0b7;
    border-radius: 30px
}

.input-calendar {
    display: block;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    height: 3.2em;
    line-height: 3.2em;
    font: inherit;
    padding: 0 1.2em;
    border: 1px solid #d8d8d8;
    box-shadow: 0 4px 12px rgba(0,0,0,.25)
}

.btn-calendar {
    display: block;
    width: 100%;
    max-width: 360px;
    height: 3.2em;
    line-height: 3.2em;
    background-color: #52555a;
    margin: 0 auto;
    font-weight: 600;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.25)
}

    .btn-calendar:hover {
        background-color: #5a6268
    }

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

body.blogdtls {
    background-color: #f8f8f8
}

    body.blogdtls .innerwrapper {
        position: relative;
        display: inline-block;
        width: 100%
    }

    body.blogdtls .bst-srcrslt {
        position: relative;
        z-index: 9;
        padding-top: 0;
        margin-bottom: 130px
    }

    body.blogdtls .cmn-header {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: 100px
    }

@media (min-width:768px) {
    body.blogdtls .cmn-header {
        margin-bottom: 150px
    }
}

@media (min-width:993px) {
    body.blogdtls .cmn-header {
        flex-direction: row
    }
}

@media (min-width:1200px) {
    body.blogdtls .cmn-header {
        margin-bottom: 190px
    }
}

body.blogdtls .cmn-header h1 {
    text-transform: capitalize;
    font-weight: 800;
    letter-spacing: 0
}

body.blogdtls .cmn-header .hdr-rght {
    display: flex;
    align-items: center;
    position: relative;
    width: 50%;
    justify-content: flex-end
}

    body.blogdtls .cmn-header .hdr-rght span {
        font-family: "Montserrat",sans-serif;
        color: #777;
        letter-spacing: 2px;
        font-size: 11px;
        text-transform: uppercase;
        display: inline-block;
        margin-right: 30px
    }

    body.blogdtls .cmn-header .hdr-rght:before {
        content: "";
        width: 50%;
        height: 1px;
        background-color: #999;
        position: absolute;
        left: 0
    }

.blog-details {
    background-color: #fff;
    position: relative;
    overflow: hidden
}

    .blog-details .ctrl-wraper2 {
        position: relative
    }

    .blog-details .blogheader {
        display: flex;
        flex-direction: column
    }

@media (min-width:1200px) {
    .blog-details .blogheader {
        flex-direction: row
    }
}

.blog-details .blogheader header {
    padding-top: 30px;
    padding-bottom: 30px;
    z-index: 1
}

@media (min-width:480px) {
    .blog-details .blogheader header {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (min-width:768px) {
    .blog-details .blogheader header {
        padding-top: 50px;
        padding-bottom: 30px
    }
}

@media (min-width:993px) {
    .blog-details .blogheader header {
        padding-top: 70px;
        padding-bottom: 30px
    }
}

@media (min-width:1200px) {
    .blog-details .blogheader header {
        width: 30%;
        padding-top: 80px;
        padding-bottom: 70px
    }
}

@media (min-width:1440px) {
    .blog-details .blogheader header {
        padding-top: 120px;
        padding-bottom: 100px
    }
}

@media (min-width:1200px) {
    .blog-details .blogheader header .traveldeals {
        margin-bottom: 440px
    }
}

.blog-details .blogheader header .traveldeals strong {
    color: #333f4b;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    font-family: "Montserrat",sans-serif;
    display: block;
    font-weight: 700
}

@media (min-width:480px) {
    .blog-details .blogheader header .traveldeals strong {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 15px;
        letter-spacing: -1px
    }
}

@media (min-width:768px) {
    .blog-details .blogheader header .traveldeals strong {
        font-size: 42px;
        line-height: 42px;
        margin-bottom: 20px;
        letter-spacing: -2px
    }
}

@media (min-width:1200px) {
    .blog-details .blogheader header .traveldeals strong {
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 25px
    }
}

.blog-details .blogheader header .traveldeals span {
    color: #444343;
    font-size: 11px;
    line-height: 11px;
    letter-spacing: 1px;
    font-family: "Montserrat",sans-serif;
    display: block;
    text-transform: uppercase;
    font-weight: 700
}

@media (min-width:768px) {
    .blog-details .blogheader header .traveldeals span {
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 1px
    }
}

.blog-details .blogheader header .traveldeals span a {
    font-weight: 500;
    color: #444343
}

.blog-details .blogheader header .blogtitle {
    padding: 20px 0 40px;
    margin-bottom: 40px;
    position: relative;
    width: 100%;
    padding-left: 0px !important;
    z-index: 9;
    background-color: #fff
}

@media (min-width:480px) {
    .blog-details .blogheader header .blogtitle {
        padding: 20px 20px 40px;
        margin-bottom: 40px;
        position: relative
    }
}

@media (min-width:768px) {
    .blog-details .blogheader header .blogtitle {
        padding: 30px 40px 50px;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .blog-details .blogheader header .blogtitle {
        box-shadow: 71.418px 71.418px 84px rgba(103,122,141,.17);
        position: absolute;
        padding: 50px;
        top: 250px;
        width: 550px
    }
}

@media (min-width:1440px) {
    .blog-details .blogheader header .blogtitle {
        padding: 60px;
        width: 630px
    }
}

@media (max-width:1199px) {
    .blog-details .blogheader header .blogtitle {
        transform: unset !important
    }
}

.blog-details .blogheader header .blogtitle h2 {
    color: #333f4b;
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 0;
    margin: 0px !important;
    font-family: "Playfair Display",serif;
    font-weight: 500;
    display: inline-block;
    width: auto
}

@media (min-width:480px) {
    .blog-details .blogheader header .blogtitle h2 {
        font-size: 38px;
        line-height: 40px;
        letter-spacing: 0
    }
}

@media (min-width:768px) {
    .blog-details .blogheader header .blogtitle h2 {
        font-size: 42px;
        line-height: 44px;
        letter-spacing: -1px
    }
}

@media (min-width:1200px) {
    .blog-details .blogheader header .blogtitle h2 {
        font-size: 52px;
        line-height: 60px;
        letter-spacing: -2px;
        margin: 0px !important
    }
}

@media (min-width:1440px) {
    .blog-details .blogheader header .blogtitle h2 {
        font-size: 60px;
        line-height: 70px
    }
}

.blog-details .blogheader header .blogtitle:before {
    content: "";
    background-color: #fff;
    height: 100%;
    width: 2000px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: 71.418px 71.418px 84px rgba(103,122,141,.17);
    z-index: -1
}

.blog-details .blogheader header .blogtitle .postdate {
    background-color: #2678d2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 155px;
    position: absolute;
    bottom: -20px;
    left: 0
}

@media (min-width:768px) {
    .blog-details .blogheader header .blogtitle .postdate {
        width: 170px
    }
}

.blog-details .blogheader header .blogtitle .postdate .pdicon {
    padding: 4px 10px
}

@media (min-width:768px) {
    .blog-details .blogheader header .blogtitle .postdate .pdicon {
        padding: 8px 10px
    }
}

.blog-details .blogheader header .blogtitle .postdate .pdicon img {
    width: 16px
}

@media (min-width:768px) {
    .blog-details .blogheader header .blogtitle .postdate .pdicon img {
        width: auto
    }
}

.blog-details .blogheader header .blogtitle .postdate .date {
    background-color: #ff4981;
    color: #fff;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 600;
    width: 120px;
    padding: 11px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:768px) {
    .blog-details .blogheader header .blogtitle .postdate .date {
        padding: 16px;
        width: 130px
    }
}

@media (min-width:768px) {
    .blog-details .blogheader header .sharethisblog {
        position: absolute;
        top: 630px;
        z-index: 9
    }
}

@media (min-width:993px) {
    .blog-details .blogheader header .sharethisblog {
        top: 680px
    }
}

@media (min-width:1200px) {
    .blog-details .blogheader header .sharethisblog {
        position: static
    }
}

.blog-details .blogheader header .sharethisblog span {
    color: #5a6f84;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    display: inline-block;
    width: auto
}

@media (min-width:480px) {
    .blog-details .blogheader header .sharethisblog span {
        font-size: 14px;
        line-height: 18px
    }
}

@media (min-width:768px) {
    .blog-details .blogheader header .sharethisblog span {
        font-size: 15px;
        line-height: 20px
    }
}

@media (min-width:1200px) {
    .blog-details .blogheader header .sharethisblog span {
        font-size: 16px;
        line-height: 22px
    }
}

.blog-details .blogheader .blog-mainimg {
    position: static;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .blog-details .blogheader .blog-mainimg {
        height: 100%
    }
}

@media (min-width:1200px) {
    .blog-details .blogheader .blog-mainimg {
        width: 100%;
        height: 700px;
        position: absolute
    }
}

@media (min-width:1440px) {
    .blog-details .blogheader .blog-mainimg {
        height: 800px
    }
}

.blog-details .blogheader .blog-mainimg img {
    position: static;
    top: 0;
    bottom: 0;
    width: 100%;
    margin: auto
}

@media (min-width:1200px) {
    .blog-details .blogheader .blog-mainimg img {
        position: absolute;
        right: -33.33%;
        height: 100%
    }
}

.blog-details .blogbody {
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(51,63,75,.3)
}

@media (min-width:480px) {
    .blog-details .blogbody {
        padding: 40px 0 30px
    }
}

@media (min-width:768px) {
    .blog-details .blogbody {
        padding: 80px 0 50px
    }
}

@media (min-width:1200px) {
    .blog-details .blogbody {
        flex-direction: row-reverse;
        justify-content: space-between;
        padding: 60px 0
    }
}

@media (min-width:1440px) {
    .blog-details .blogbody {
        padding: 80px 0
    }
}

.blog-details .blogbody .blog-contentbox {
    margin-bottom: 40px
}

@media (min-width:480px) {
    .blog-details .blogbody .blog-contentbox {
        margin-bottom: 60px
    }
}

@media (min-width:768px) {
    .blog-details .blogbody .blog-contentbox {
        margin-bottom: 70px
    }
}

@media (min-width:1200px) {
    .blog-details .blogbody .blog-contentbox {
        margin-bottom: 0;
        width: 63%
    }
}

@media (min-width:1440px) {
    .blog-details .blogbody .blog-contentbox {
        float:left;
        max-width: 66.6666666667%
    }
}

.blog-details .blogbody .blog-contentbox h3 {
    color: #333f4b;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
    font-family: "Playfair Display",serif;
    font-weight: 400;
    display: block;
    margin-top: 0px !important
}

@media (min-width:480px) {
    .blog-details .blogbody .blog-contentbox h3 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 25px
    }
}

@media (min-width:768px) {
    .blog-details .blogbody .blog-contentbox h3 {
        font-size: 24px;
        line-height: 30px
    }
}

@media (min-width:1200px) {
    .blog-details .blogbody .blog-contentbox h3 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .blog-details .blogbody .blog-contentbox h3 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 35px
    }
}

.blog-details .blogbody .blog-contentbox h4 {
    color: #3c464f;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 15px;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    display: block;
    margin-top: 0px !important
}

@media (min-width:480px) {
    .blog-details .blogbody .blog-contentbox h4 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .blog-details .blogbody .blog-contentbox h4 {
        font-size: 22px;
        line-height: 24px
    }
}

@media (min-width:1200px) {
    .blog-details .blogbody .blog-contentbox h4 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 25px
    }
}

@media (min-width:1440px) {
    .blog-details .blogbody .blog-contentbox h4 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 30px
    }
}

.blog-details .blogbody .blog-contentbox strong {
    color: #5a6f84;
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 15px;
    font-weight: 600;
    display: block
}

@media (min-width:480px) {
    .blog-details .blogbody .blog-contentbox strong {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 15px
    }
}

@media (min-width:768px) {
    .blog-details .blogbody .blog-contentbox strong {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .blog-details .blogbody .blog-contentbox strong {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 25px
    }
}

@media (min-width:1440px) {
    .blog-details .blogbody .blog-contentbox strong {
        margin-bottom: 35px
    }
}

.blog-details .blogbody .blog-contentbox p {
    color: #5a6f84;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
    font-weight: 400;
    display: block
}

@media (min-width:480px) {
    .blog-details .blogbody .blog-contentbox p {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 15px
    }
}

@media (min-width:768px) {
    .blog-details .blogbody .blog-contentbox p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .blog-details .blogbody .blog-contentbox p {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 25px
    }
}

@media (min-width:1440px) {
    .blog-details .blogbody .blog-contentbox p {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .blog-details .blogbody .blog-contentbox .photo-tour {
        padding-top: 20px
    }
}

@media (min-width:1440px) {
    .blog-details .blogbody .blog-contentbox .photo-tour {
        padding-top: 60px
    }
}

.blog-details .blogbody .blog-contentbox .photo-tour ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -15px
}

    .blog-details .blogbody .blog-contentbox .photo-tour ul li {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 15px;
        width: 100%
    }

@media (min-width:480px) {
    .blog-details .blogbody .blog-contentbox .photo-tour ul li {
        width: 50%;
        margin-bottom: 30px
    }
}

@media (min-width:993px) {
    .blog-details .blogbody .blog-contentbox .photo-tour ul li {
        width: 25%;
        margin-bottom: 0
    }
}

@media (min-width:480px) {
    .blog-details .blogbody .blog-contentbox .photo-tour ul li:nth-last-of-type(1), .blog-details .blogbody .blog-contentbox .photo-tour ul li:nth-last-of-type(2) {
        margin-bottom: 0
    }
}

.blog-details .blogbody .blog-contentbox .photo-tour ul li img {
    width: 100%;
    display: block
}

@media (min-width:1200px) {
    .blog-details .blogbody .blog-contentbox .photo-tour ul li img {
        width: auto
    }
}

.blog-details .blogbody .aside-author {
    position: relative
}

@media (min-width:1200px) {
    .blog-details .blogbody .aside-author {
        width: 30%
    }
}

@media (min-width:1440px) {
    .blog-details .blogbody .aside-author {
        float:left;
        max-width: 25%
    }
}

.blog-details .blogbody .aside-author:after {
    content: "";
    border-top: 1px dashed #aaa;
    width: 100%;
    position: absolute;
    top: -20px;
    bottom: 0;
    height: 1px;
    width: 1px
}

@media (min-width:480px) {
    .blog-details .blogbody .aside-author:after {
        top: -30px
    }
}

@media (min-width:768px) {
    .blog-details .blogbody .aside-author:after {
        top: -35px
    }
}

@media (min-width:1200px) {
    .blog-details .blogbody .aside-author:after {
        border-top: none;
        border-right: 1px dashed #aaa;
        height: 100%;
        right: -35px;
        top: 0
    }
}

@media (min-width:1440px) {
    .blog-details .blogbody .aside-author:after {
        right: -75px
    }
}

.blog-details .blogbody .aside-author .author-dtls, .blog-details .blogbody .aside-author .news-tags {
    margin-bottom: 20px
}

@media (min-width:480px) {
    .blog-details .blogbody .aside-author .author-dtls, .blog-details .blogbody .aside-author .news-tags {
        margin-bottom: 30px
    }
}

@media (min-width:768px) {
    .blog-details .blogbody .aside-author .author-dtls, .blog-details .blogbody .aside-author .news-tags {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .blog-details .blogbody .aside-author .author-dtls, .blog-details .blogbody .aside-author .news-tags {
        margin-bottom: 60px
    }
}

@media (min-width:1440px) {
    .blog-details .blogbody .aside-author .author-dtls, .blog-details .blogbody .aside-author .news-tags {
        margin-bottom: 70px
    }
}

.blog-details .blogbody .aside-author .htxt h4 {
    color: #333f4b;
    margin-top: 0px !important;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 20px;
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
    display: block;
    text-transform: capitalize;
    overflow: hidden
}

@media (min-width:480px) {
    .blog-details .blogbody .aside-author .htxt h4 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .blog-details .blogbody .aside-author .htxt h4 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 40px
    }
}

.blog-details .blogbody .aside-author .htxt h4:after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(51,63,75,.3)
}

.blog-details .blogbody .aside-author .htxt h4 span {
    display: inline-block;
    background-color: #fff;
    padding-right: 15px
}

.blog-details .blogbody .aside-author .author-dtls {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (min-width:1200px) {
    .blog-details .blogbody .aside-author .author-dtls {
        align-items: flex-end
    }
}

.blog-details .blogbody .aside-author .author-dtls .author-id {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .blog-details .blogbody .aside-author .author-dtls .author-id {
        margin-bottom: 0
    }
}

.blog-details .blogbody .aside-author .author-dtls .author-id .author-pic {
    display: inline-block;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    overflow: hidden
}

@media (min-width:480px) {
    .blog-details .blogbody .aside-author .author-dtls .author-id .author-pic {
        height: 100px;
        width: 100px
    }
}

@media (min-width:768px) {
    .blog-details .blogbody .aside-author .author-dtls .author-id .author-pic {
        margin-bottom: 25px;
        height: 120px;
        width: 120px
    }
}

@media (min-width:1200px) {
    .blog-details .blogbody .aside-author .author-dtls .author-id .author-pic {
        margin-bottom: 45px;
        height: 130px;
        width: 130px
    }
}

@media (min-width:1440px) {
    .blog-details .blogbody .aside-author .author-dtls .author-id .author-pic {
        height: 180px;
        width: 180px
    }
}

.blog-details .blogbody .aside-author .author-dtls .author-id .author-pic img {
    height: 100%
}

.blog-details .blogbody .aside-author .author-dtls .author-id .name-desig {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 13px
}

@media (min-width:768px) {
    .blog-details .blogbody .aside-author .author-dtls .author-id .name-desig {
        margin-bottom: 45px
    }
}

.blog-details .blogbody .aside-author .author-dtls .author-id .name-desig strong {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 5px;
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
    display: inline-block;
    width: auto
}

@media (min-width:480px) {
    .blog-details .blogbody .aside-author .author-dtls .author-id .name-desig strong {
        font-size: 18px;
        line-height: 20px
    }
}

@media (min-width:768px) {
    .blog-details .blogbody .aside-author .author-dtls .author-id .name-desig strong {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .blog-details .blogbody .aside-author .author-dtls .author-id .name-desig strong {
        font-size: 22px;
        line-height: 24px
    }
}

@media (min-width:1440px) {
    .blog-details .blogbody .aside-author .author-dtls .author-id .name-desig strong {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 12px
    }
}

.blog-details .blogbody .aside-author .author-dtls .author-id .name-desig span {
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    display: inline-block;
    width: auto;
    color: #5a6f84;
    font-style: italic
}

@media (min-width:480px) {
    .blog-details .blogbody .aside-author .author-dtls .author-id .name-desig span {
        font-size: 13px;
        line-height: 13px
    }
}

@media (min-width:768px) {
    .blog-details .blogbody .aside-author .author-dtls .author-id .name-desig span {
        font-size: 14px;
        line-height: 14px
    }
}

@media (min-width:1200px) {
    .blog-details .blogbody .aside-author .author-dtls .author-id .name-desig span {
        font-size: 15px;
        line-height: 15px
    }
}

@media (min-width:1440px) {
    .blog-details .blogbody .aside-author .author-dtls .author-id .name-desig span {
        font-size: 18px;
        line-height: 18px
    }
}

.blog-details .blogbody .aside-author .author-dtls p {
    color: #5a6f84;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 20px;
    font-weight: 400;
    display: inline-block;
    width: 100%
}

@media (min-width:768px) {
    .blog-details .blogbody .aside-author .author-dtls p {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 25px
    }
}

@media (min-width:1200px) {
    .blog-details .blogbody .aside-author .author-dtls p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 30px
    }
}

.blog-details .blogbody .aside-author .news-tags .tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 -6px
}

    .blog-details .blogbody .aside-author .news-tags .tags .tag-item {
        margin: 5px
    }

        .blog-details .blogbody .aside-author .news-tags .tags .tag-item a {
            color: #333f4b;
            font-size: 14px;
            line-height: 14px;
            font-weight: 400;
            display: inline-block;
            padding: 7px 15px;
            border: 1px solid #9ca8b4
        }

            .blog-details .blogbody .aside-author .news-tags .tags .tag-item a:hover, .blog-details .blogbody .aside-author .news-tags .tags .tag-item a:focus {
                background-color: #333f4b;
                color: #fff
            }

.blog-details .blogbody .aside-author .recent-post-author .rc-post {
    display: flex;
    flex-direction: column
}

    .blog-details .blogbody .aside-author .recent-post-author .rc-post .rc-post-item {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px
    }

@media (min-width:480px) {
    .blog-details .blogbody .aside-author .recent-post-author .rc-post .rc-post-item {
        margin-bottom: 25px
    }
}

@media (min-width:768px) {
    .blog-details .blogbody .aside-author .recent-post-author .rc-post .rc-post-item {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .blog-details .blogbody .aside-author .recent-post-author .rc-post .rc-post-item {
        margin-bottom: 35px
    }
}

@media (min-width:1440px) {
    .blog-details .blogbody .aside-author .recent-post-author .rc-post .rc-post-item {
        margin-bottom: 40px
    }
}

.blog-details .blogbody .aside-author .recent-post-author .rc-post .rc-post-item:last-child {
    margin-bottom: 0
}

.blog-details .blogbody .aside-author .recent-post-author .rc-post .rc-post-item span {
    display: inline-block;
    width: 100px
}

    .blog-details .blogbody .aside-author .recent-post-author .rc-post .rc-post-item span img {
        display: block
    }

.blog-details .blogbody .aside-author .recent-post-author .rc-post .rc-post-item strong {
    display: inline-block;
    color: #333f4b;
    font-size: 13px;
    line-height: 15px;
    padding-left: 15px;
    font-weight: 600;
    font-family: "Playfair Display",serif;
    display: inline-block;
    width: 100%
}

@media (min-width:480px) {
    .blog-details .blogbody .aside-author .recent-post-author .rc-post .rc-post-item strong {
        font-size: 13px;
        line-height: 18px
    }
}

@media (min-width:768px) {
    .blog-details .blogbody .aside-author .recent-post-author .rc-post .rc-post-item strong {
        font-size: 14px;
        line-height: 20px;
        padding-left: 20px
    }
}

@media (min-width:1200px) {
    .blog-details .blogbody .aside-author .recent-post-author .rc-post .rc-post-item strong {
        font-size: 15px;
        line-height: 24px;
        padding-left: 25px
    }
}

.blog-details .blogfooter {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 0;
    align-items: flex-start
}

@media (min-width:768px) {
    .blog-details .blogfooter {
        flex-direction: row;
        align-items: center;
        padding: 50px 0
    }
}

.blog-details .blogfooter h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px
}

@media (min-width:480px) {
    .blog-details .blogfooter h3 {
        font-size: 22px
    }
}

@media (min-width:768px) {
    .blog-details .blogfooter h3 {
        font-size: 26px;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .blog-details .blogfooter h3 {
        font-size: 36px
    }
}

@media (min-width:1920px) {
    .blog-details .blogfooter h3 {
        float:left;
        max-width: 25%
    }
}

.blog-details .blogfooter .share-review {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-around
}

@media (min-width:768px) {
    .blog-details .blogfooter .share-review {
        float:left;
        max-width: 66.6666666667%;
        justify-content: flex-start
    }
}

@media (min-width:1200px) {
    .blog-details .blogfooter .share-review {
        flex-direction: row
    }
}

.blog-details .blogfooter .share-review li {
    padding: 0;
    text-align: center;
    font-size: 14px;
    color: #333f4b
}

@media (min-width:480px) {
    .blog-details .blogfooter .share-review li {
        font-size: 15px
    }
}

@media (min-width:768px) {
    .blog-details .blogfooter .share-review li {
        padding: 0 10px;
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .blog-details .blogfooter .share-review li {
        padding: 0 25px;
        font-size: 18px
    }
}

.blog-details .blogfooter .share-review li span {
    padding: 15px 25px;
    display: block;
    background-color: transparent;
    font-weight: 700;
    position: relative;
    z-index: 0;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center
}

.blog-details .blogfooter .share-review li .rcount {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    font-family: "Montserrat",sans-serif;
    border-radius: 50%;
    background-color: #2a7bd3 !important;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 0
}

@media (min-width:768px) {
    .blog-details .blogfooter .share-review li .rcount {
        top: -30px;
        padding: 0 7px
    }
}

@media (min-width:1200px) {
    .blog-details .blogfooter .share-review li .rcount {
        top: -15px
    }
}

.blog-details .blogfooter .share-review li.active span {
    margin-bottom: 10px;
    margin-top: -10px;
    background-color: #ff4981
}

.blog-details .blogfooter .share-review li.active .rcount {
    opacity: 1
}

.comment-area .ctrl-wraper2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: end
}

.comment-area .reaction {
    background-color: #fff;
    padding: 30px;
    width: 100%;
    border-right: 3px solid #f8f8f8;
    margin-bottom: 20px
}

@media (min-width:480px) {
    .comment-area .reaction {
        margin-bottom: 30px
    }
}

@media (min-width:768px) {
    .comment-area .reaction {
        order: 1;
        width: 40%
    }
}

@media (min-width:1200px) {
    .comment-area .reaction {
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .comment-area .reaction {
        order: unset;
        order: unset;
        max-width: 21%;
        padding: 20px;
        width: 21%
    }
}

@media (min-width:1920px) {
    .comment-area .reaction {
        max-width: 20%;
        width: 20%;
        padding: 30px
    }
}

.comment-area .reaction h4 {
    font-size: 20px;
    color: #333f4b;
    font-weight: 400;
    margin-bottom: 25px;
    margin-top: 0
}

@media (min-width:480px) {
    .comment-area .reaction h4 {
        margin-bottom: 35px
    }
}

@media (min-width:768px) {
    .comment-area .reaction h4 {
        margin-bottom: 45px
    }
}

@media (min-width:1200px) {
    .comment-area .reaction h4 {
        margin-bottom: 50px
    }
}

.comment-area .reaction .ppl-reaction {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width:480px) {
    .comment-area .reaction .ppl-reaction {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media (min-width:768px) {
    .comment-area .reaction .ppl-reaction {
        flex-direction: column
    }
}

.comment-area .reaction .ppl-reaction li {
    text-align: left;
    font-size: 16px;
    color: #333f4b;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
    font-weight: 400
}

@media (min-width:480px) {
    .comment-area .reaction .ppl-reaction li {
        width: 49%;
        margin-bottom: 30px
    }
}

@media (min-width:768px) {
    .comment-area .reaction .ppl-reaction li {
        width: 100%;
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .comment-area .reaction .ppl-reaction li {
        margin-bottom: 50px
    }
}

.comment-area .reaction .ppl-reaction li span {
    margin-right: 10px;
    color: #000;
    font-weight: 700;
    position: relative;
    z-index: 0;
    border-radius: 50%
}

@media (min-width:480px) {
    .comment-area .reaction .ppl-reaction li span {
        margin-right: 15px
    }
}

@media (min-width:768px) {
    .comment-area .reaction .ppl-reaction li span {
        margin-right: 20px
    }
}

@media (min-width:1200px) {
    .comment-area .reaction .ppl-reaction li span {
        margin-right: 25px
    }
}

@media (min-width:768px) {
    .comment-area .reaction .ppl-reaction li:last-child {
        margin-bottom: 0
    }
}

.comment-area .comments-wraper {
    background-color: #fff;
    padding: 20px;
    width: 100%;
    margin-bottom: 20px
}

@media (min-width:480px) {
    .comment-area .comments-wraper {
        padding: 30px;
        margin-bottom: 30px
    }
}

@media (min-width:768px) {
    .comment-area .comments-wraper {
        order: 3;
        margin-top: 0;
        padding: 40px
    }
}

@media (min-width:1200px) {
    .comment-area .comments-wraper {
        max-width: 100%;
        width: 100%;
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .comment-area .comments-wraper {
        padding: 30px;
        max-width: 50%;
        width: 55%;
        order: unset;
        margin-top: 0
    }
}

@media (min-width:1920px) {
    .comment-area .comments-wraper {
        padding: 60px;
        max-width: 55%;
        width: 55%;
        margin-top: 0
    }
}

.comment-area .comments-wraper header {
    margin-bottom: 20px
}

@media (min-width:480px) {
    .comment-area .comments-wraper header {
        margin-bottom: 30px
    }
}

@media (min-width:768px) {
    .comment-area .comments-wraper header {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .comment-area .comments-wraper header {
        margin-bottom: 50px
    }
}

@media (min-width:1440px) {
    .comment-area .comments-wraper header {
        margin-bottom: 70px
    }
}

.comment-area .comments-wraper header .cmnts-reaction {
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 10px
}

@media (min-width:480px) {
    .comment-area .comments-wraper header .cmnts-reaction {
        flex-direction: row
    }
}

@media (min-width:768px) {
    .comment-area .comments-wraper header .cmnts-reaction {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .comment-area .comments-wraper header .cmnts-reaction {
        margin-bottom: 20px
    }
}

@media (min-width:1440px) {
    .comment-area .comments-wraper header .cmnts-reaction {
        margin-bottom: 30px
    }
}

.comment-area .comments-wraper header .cmnts-reaction .tot-cmnts, .comment-area .comments-wraper header .cmnts-reaction .tot-reaction {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 0
}

@media (min-width:480px) {
    .comment-area .comments-wraper header .cmnts-reaction .tot-cmnts, .comment-area .comments-wraper header .cmnts-reaction .tot-reaction {
        width: 50%
    }
}

.comment-area .comments-wraper header .cmnts-reaction .tot-cmnts strong, .comment-area .comments-wraper header .cmnts-reaction .tot-reaction strong {
    color: #333f4b;
    font-family: "Montserrat",sans-serif;
    font-weight: 600;
    float: left;
    margin-right: 10px
}

@media (min-width:480px) {
    .comment-area .comments-wraper header .cmnts-reaction .tot-cmnts strong, .comment-area .comments-wraper header .cmnts-reaction .tot-reaction strong {
        font-size: 24px;
        line-height: 24px
    }
}

@media (min-width:768px) {
    .comment-area .comments-wraper header .cmnts-reaction .tot-cmnts strong, .comment-area .comments-wraper header .cmnts-reaction .tot-reaction strong {
        font-size: 36px;
        line-height: 36px
    }
}

@media (min-width:1200px) {
    .comment-area .comments-wraper header .cmnts-reaction .tot-cmnts strong, .comment-area .comments-wraper header .cmnts-reaction .tot-reaction strong {
        font-size: 42px;
        line-height: 42px
    }
}

@media (min-width:1920px) {
    .comment-area .comments-wraper header .cmnts-reaction .tot-cmnts strong, .comment-area .comments-wraper header .cmnts-reaction .tot-reaction strong {
        font-size: 50px;
        line-height: 50px
    }
}

.comment-area .comments-wraper header .cmnts-reaction .tot-cmnts span, .comment-area .comments-wraper header .cmnts-reaction .tot-reaction span {
    font-size: 16px;
    line-height: 16px;
    color: #333f4b;
    font-family: "Montserrat",sans-serif;
    font-weight: 600
}

@media (min-width:480px) {
    .comment-area .comments-wraper header .cmnts-reaction .tot-cmnts span, .comment-area .comments-wraper header .cmnts-reaction .tot-reaction span {
        font-size: 18px;
        line-height: 18px
    }
}

@media (min-width:768px) {
    .comment-area .comments-wraper header .cmnts-reaction .tot-cmnts span, .comment-area .comments-wraper header .cmnts-reaction .tot-reaction span {
        font-size: 22px;
        line-height: 22px
    }
}

@media (min-width:1200px) {
    .comment-area .comments-wraper header .cmnts-reaction .tot-cmnts span, .comment-area .comments-wraper header .cmnts-reaction .tot-reaction span {
        font-size: 24px;
        line-height: 24px
    }
}

@media (min-width:1920px) {
    .comment-area .comments-wraper header .cmnts-reaction .tot-cmnts span, .comment-area .comments-wraper header .cmnts-reaction .tot-reaction span {
        font-size: 30px;
        line-height: 30px
    }
}

.comment-area .comments-wraper header .cmnts-reaction .tot-reaction {
    justify-content: flex-start
}

@media (min-width:480px) {
    .comment-area .comments-wraper header .cmnts-reaction .tot-reaction {
        justify-content: flex-end;
        border-left: 1px solid rgba(125,125,125,.6)
    }
}

@media (min-width:1440px) {
    .comment-area .comments-wraper header .cmnts-reaction .tot-reaction {
        padding-left: 20px
    }
}

.comment-area .comments-wraper header p {
    font-size: 16px;
    line-height: 26px;
    color: #333f4b;
    font-weight: 500
}

.comment-area .comments-wraper .cmnts-list li {
    padding-left: 0;
    padding-top: 90px
}

@media (min-width:480px) {
    .comment-area .comments-wraper .cmnts-list li {
        padding-left: 0;
        padding-top: 90px
    }
}

@media (min-width:768px) {
    .comment-area .comments-wraper .cmnts-list li {
        padding-left: 100px;
        padding-top: 15px
    }
}

@media (min-width:1440px) {
    .comment-area .comments-wraper .cmnts-list li {
        padding-top: 15px;
        padding-left: 80px
    }
}

@media (min-width:1920px) {
    .comment-area .comments-wraper .cmnts-list li {
        padding-left: 100px
    }
}

.comment-area .comments-wraper .cmnts-list li &gt; span {
    height: 70px;
    width: 70px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width:480px) {
    .comment-area .comments-wraper .cmnts-list li &gt; span {
        height: 70px;
        width: 70px
    }
}

@media (min-width:768px) {
    .comment-area .comments-wraper .cmnts-list li &gt; span {
        height: 80px;
        width: 80px
    }
}

@media (min-width:1200px) {
    .comment-area .comments-wraper .cmnts-list li &gt; span {
        height: 70px;
        width: 70px
    }
}

@media (min-width:1920px) {
    .comment-area .comments-wraper .cmnts-list li &gt; span {
        height: 90px;
        width: 90px
    }
}

.comment-area .comments-wraper .cmnts-list li &gt; span img {
    width: 100%
}

.comment-area .comments-wraper .cmnts-list li .user-cap {
    margin-bottom: 15px
}

@media (min-width:480px) {
    .comment-area .comments-wraper .cmnts-list li .user-cap {
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .comment-area .comments-wraper .cmnts-list li .user-cap {
        margin-bottom: 25px
    }
}

@media (min-width:1200px) {
    .comment-area .comments-wraper .cmnts-list li .user-cap {
        margin-bottom: 30px
    }
}

.comment-area .comments-wraper .cmnts-list li .user-cap strong {
    font-size: 14px;
    line-height: 14px;
    color: #333f4b;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Montserrat",sans-serif;
    margin-bottom: 8px;
    display: block
}

.comment-area .comments-wraper .cmnts-list li .user-cap span {
    font-size: 12px;
    line-height: 12px;
    color: #8e969d;
    text-transform: capitalize;
    display: block;
    font-weight: 400;
    font-style: italic
}

.comment-area .comments-wraper .cmnts-list li p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
    color: #5a6f84;
    display: block;
    font-weight: 400;
    font-style: italic
}

@media (min-width:480px) {
    .comment-area .comments-wraper .cmnts-list li p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .comment-area .comments-wraper .cmnts-list li p {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 20px
    }
}

@media (min-width:1920px) {
    .comment-area .comments-wraper .cmnts-list li p {
        font-size: 18px;
        line-height: 26px
    }
}

.comment-area .comments-wraper .cmnts-list li .btn-reply {
    font-size: 15px;
    line-height: 25px;
    color: #5a6f84;
    display: inline-block;
    width: 90%;
    font-weight: 400;
    position: relative;
    text-transform: capitalize;
    z-index: 0;
    text-align: right
}

    .comment-area .comments-wraper .cmnts-list li .btn-reply:after {
        content: "";
        position: absolute;
        height: 1px;
        width: 100%;
        background-color: #5a6f84;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        z-index: -1
    }

    .comment-area .comments-wraper .cmnts-list li .btn-reply span {
        display: inline-block;
        padding-left: 12px;
        background-color: #fff
    }

.comment-area .comments-wraper .sub-cmnts-list {
    margin-top: 30px
}

@media (min-width:480px) {
    .comment-area .comments-wraper .sub-cmnts-list {
        padding-left: 20px
    }
}

.comment-area .leave-cmnts-box {
    background-color: #2678d2;
    padding: 20px;
    overflow: hidden
}

@media (min-width:480px) {
    .comment-area .leave-cmnts-box {
        width: 100%;
        padding: 30px
    }
}

@media (min-width:768px) {
    .comment-area .leave-cmnts-box {
        order: 2;
        width: 60%
    }
}

@media (min-width:1200px) {
    .comment-area .leave-cmnts-box {
        width: 60%
    }
}

@media (min-width:1440px) {
    .comment-area .leave-cmnts-box {
        padding: 50px 30px;
        max-width: 29%;
        width: 29%;
        order: unset
    }
}

@media (min-width:1920px) {
    .comment-area .leave-cmnts-box {
        padding: 80px 50px;
        max-width: 25%;
        width: 25%;
        order: unset
    }
}

.comment-area .leave-cmnts-box h4 {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 0
}

@media (min-width:480px) {
    .comment-area .leave-cmnts-box h4 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 30px
    }
}

@media (min-width:768px) {
    .comment-area .leave-cmnts-box h4 {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .comment-area .leave-cmnts-box h4 {
        font-size: 30px;
        line-height: 30px
    }
}

.comment-area .leave-cmnts-box .form-container {
    max-width: 255px;
    margin: auto
}

.comment-area .leave-cmnts-box .leave-cmntsform input, .comment-area .leave-cmnts-box .leave-cmntsform .cmnts-input {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    padding: 10px 0;
    color: rgba(255,255,255,.7);
    font-weight: 300;
    display: block;
    width: 100%;
    max-width: 255px;
    text-transform: capitalize;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
    resize: none
}

@media (min-width:480px) {
    .comment-area .leave-cmnts-box .leave-cmntsform input, .comment-area .leave-cmnts-box .leave-cmntsform .cmnts-input {
        font-size: 16px;
        line-height: 20px;
        padding: 10px 0
    }
}

@media (min-width:768px) {
    .comment-area .leave-cmnts-box .leave-cmntsform input, .comment-area .leave-cmnts-box .leave-cmntsform .cmnts-input {
        font-size: 18px;
        line-height: 24px;
        padding: 15px 0
    }
}

@media (min-width:1200px) {
    .comment-area .leave-cmnts-box .leave-cmntsform input, .comment-area .leave-cmnts-box .leave-cmntsform .cmnts-input {
        line-height: 26px;
        padding: 20px 0
    }
}

.comment-area .leave-cmnts-box .leave-cmntsform input::placeholder, .comment-area .leave-cmnts-box .leave-cmntsform .cmnts-input::placeholder {
    color: #fff
}

.comment-area .leave-cmnts-box .leave-cmntsform input:focus, .comment-area .leave-cmnts-box .leave-cmntsform .cmnts-input:focus {
    box-shadow: none !important;
    outline: none !important
}

.leave-cmnts-box svg {
    position: absolute;
    width: 320px;
    height: 320px;
    overflow: visible !important
}

    .leave-cmnts-box svg path {
        fill: none;
        stroke: #fff;
        stroke-width: 2;
        stroke-dasharray: 240 1386
    }

.leave-cmnts-box .leave-cmntsform label {
    display: none !important
}

.leave-cmnts-box .leave-cmntsform input {
    background: transparent;
    border: 0;
    color: #f2f2f2;
    font-size: 20px;
    height: 62px;
    line-height: 30px;
    outline: none !important;
    width: 100%;
    margin-bottom: 26px
}

.leave-cmnts-box .leave-cmntsform #comments {
    margin-bottom: 41px !important;
    height: 55px;
    overflow: hidden
}

.leave-cmnts-box .leave-cmntsform #submit {
    color: #707075;
    transition: color 300ms;
    border-radius: 50px !important;
    width: 245px;
    margin-left: 4px;
    cursor: pointer
}

    .leave-cmnts-box .leave-cmntsform #submit:focus {
        color: #f2f2f2
    }

    .leave-cmnts-box .leave-cmntsform #submit:active {
        color: #d0d0d2
    }

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

.innerbanner {
    display: flex;
    padding: 0;
    position: relative;
    z-index: 0
}

    .innerbanner img {
        position: relative;
        max-width: 100%;
        z-index: 9
    }

.cabservice-bnr {
    margin-bottom: 50px
}

@media (min-width:768px) {
    .cabservice-bnr {
        margin-bottom: 60px;
        height: 600px
    }
}

@media (min-width:993px) {
    .cabservice-bnr {
        height: 700px
    }
}

@media (min-width:1200px) {
    .cabservice-bnr {
        margin-bottom: 80px;
        height: 1000px
    }
}

@media (min-width:1440px) {
    .cabservice-bnr {
        padding-top: 250px;
        height: 1200px
    }
}

.cabservice-bnr .ctrl-wraper2 {
    display: flex;
    position: relative;
    flex-direction: column
}

@media (min-width:768px) {
    .cabservice-bnr .ctrl-wraper2 {
        flex-direction: row-reverse
    }
}

.cabservice-bnr img {
    width: auto !important
}

.cabservice-bnr .dottedtext2 {
    position: absolute;
    left: -100px;
    right: auto !important;
    top: 600px;
    width: 100%;
    z-index: -1
}

.cabservice-bnr .banner-img {
    position: static;
    margin: auto;
    z-index: 0;
    right: 0;
    display: block;
    max-width: 100%
}

@media (min-width:768px) {
    .cabservice-bnr .banner-img {
        position: relative;
        right: 0;
        top: 30px;
        max-width: 70%;
        margin-right: 0
    }
}

@media (min-width:993px) {
    .cabservice-bnr .banner-img {
        right: -100px;
        top: 30px;
        max-width: 80%
    }
}

@media (min-width:1200px) {
    .cabservice-bnr .banner-img {
        right: -150px;
        top: 0
    }
}

@media (min-width:1440px) {
    .cabservice-bnr .banner-img {
        right: -180px;
        max-width: 100%
    }
}

.cabservice-bnr .cap {
    width: 100%;
    position: static;
    padding: 0;
    text-align: right
}

@media (min-width:768px) {
    .cabservice-bnr .cap {
        width: 55%;
        padding: 70px 0 70px 0;
        position: absolute;
        left: 0;
        top: 0;
        text-align: right
    }
}

@media (min-width:1440px) {
    .cabservice-bnr .cap {
        width: 50%;
        left: 0;
        top: 0;
        padding: 70px 90px 70px 0
    }
}

.cabservice-bnr .cap h2 {
    text-transform: uppercase;
    color: #212c64;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 15px;
    letter-spacing: 1px;
    font-weight: 700;
    font-family: "Montserrat",sans-serif;
    float: right
}

@media (min-width:479px) {
    .cabservice-bnr .cap h2 {
        width: 320px;
        font-size: 36px;
        line-height: 36px
    }
}

@media (min-width:576px) {
    .cabservice-bnr .cap h2 {
        width: 100%;
        font-size: 40px;
        line-height: 40px
    }
}

@media (min-width:768px) {
    .cabservice-bnr .cap h2 {
        font-size: 42px;
        line-height: 42px;
        margin-bottom: 15px;
        letter-spacing: 1px;
        float: unset
    }
}

@media (min-width:993px) {
    .cabservice-bnr .cap h2 {
        font-size: 52px;
        line-height: 52px;
        margin-bottom: 20px;
        letter-spacing: 1px
    }
}

@media (min-width:1200px) {
    .cabservice-bnr .cap h2 {
        font-size: 62px;
        line-height: 62px;
        margin-bottom: 25px;
        letter-spacing: 3px
    }
}

@media (min-width:1440px) {
    .cabservice-bnr .cap h2 {
        font-size: 80px;
        line-height: 80px;
        margin-bottom: 30px;
        letter-spacing: 6px
    }
}

.cabservice-bnr .cap h2 span {
    color: #ff8b06;
    font-family: "Montserrat",sans-serif
}

.cabservice-bnr .cap strong {
    background-color: #ff8b06;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    padding: 3px 15px 3px 0;
    font-weight: 600;
    letter-spacing: 2px;
    font-family: "Montserrat",sans-serif;
    text-align: right;
    display: inline-block;
    width: 400px;
    margin-bottom: 15px;
    position: relative;
    width: 75%
}

@media (min-width:479px) {
    .cabservice-bnr .cap strong {
        font-size: 16px;
        line-height: 16px
    }
}

@media (min-width:768px) {
    .cabservice-bnr .cap strong {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 18px
    }
}

@media (min-width:993px) {
    .cabservice-bnr .cap strong {
        font-size: 20px;
        line-height: 20px;
        letter-spacing: 1px;
        width: 100%
    }
}

@media (min-width:1200px) {
    .cabservice-bnr .cap strong {
        margin-bottom: 30px;
        font-size: 23px
    }
}

@media (min-width:1440px) {
    .cabservice-bnr .cap strong {
        margin-bottom: 35px
    }
}

.cabservice-bnr .cap strong:before {
    content: "";
    height: 100%;
    width: 2000px;
    right: 0;
    top: 0;
    bottom: 0;
    left: auto;
    position: absolute;
    background-color: #212c64;
    z-index: -1
}

.cabservice-bnr .cap p {
    text-transform: uppercase;
    color: #212c64;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block
}

@media (min-width:576px) {
    .cabservice-bnr .cap p {
        white-space: pre-line
    }
}

@media (min-width:1200px) {
    .cabservice-bnr .cap p {
        letter-spacing: 2px;
        font-size: 13px;
        line-height: 20px
    }
}

@media (min-width:1440px) {
    .cabservice-bnr .cap p {
        letter-spacing: 4px
    }
}

.ticket-booking-1w {
    padding-bottom: 50px;
    background-color: #fff
}

@media (min-width:768px) {
    .ticket-booking-1w {
        padding-bottom: 60px
    }
}

@media (min-width:993px) {
    .ticket-booking-1w {
        padding-bottom: 80px
    }
}

@media (min-width:1200px) {
    .ticket-booking-1w {
        padding-bottom: 90px
    }
}

@media (min-width:1440px) {
    .ticket-booking-1w {
        padding-bottom: 100px
    }
}

.ticket-booking-1w .cab-formbox {
    margin-top: 0;

}

@media (min-width:1200px) {
    .ticket-booking-1w .cab-formbox {
        float:left;
        max-width: 100%;
		width:100%;
		padding: 0px 40px;
    }
}

.ticket-booking-1w .cab-formbox .pnl-header {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .ticket-booking-1w .cab-formbox .pnl-header {
        position: absolute;
        top: -40px
    }
}

@media (min-width:1200px) {
    .ticket-booking-1w .cab-formbox .pnl-header {
        top: -50px
    }
}

.ticket-booking-1w .cab-formbox .pnl-header p {
    display: inline-block;
    width: 100%;
    font-size: 10px;
    text-transform: uppercase;
    color: #7c7e86;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 2px
}

.ticket-booking-1w .cab-formbox .pnl-body {
    position: relative;
    background: transparent
}

@media (min-width:768px) {
    .ticket-booking-1w .cab-formbox .pnl-body {
        padding-top: 0px
    }
}

@media (min-width:1440px) {
    .ticket-booking-1w .cab-formbox .pnl-body {
        padding-top: 0px
    }
}

.ticket-booking-1w .cab-formbox .pnl-body form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

@media (min-width:768px) {
    .ticket-booking-1w .cab-formbox .pnl-body form {
        
        flex-direction: row
    }
}

@media (min-width:1200px) {
    .ticket-booking-1w .cab-formbox .pnl-body form {
        flex-wrap: nowrap
    }
}

.ticket-booking-1w .cab-formbox .pnl-body form .form-field {
    position: relative;
    margin-bottom: 30px;
    width: 100%
}

@media (min-width:768px) {
    .ticket-booking-1w .cab-formbox .pnl-body form .form-field {
        width: 48%
    }
}

@media (min-width:1200px) {
    .ticket-booking-1w .cab-formbox .pnl-body form .form-field {
        margin-bottom: 0;
        padding-right: 20px;
        width: 20%
    }
}

@media (min-width:1920px) {
    .ticket-booking-1w .cab-formbox .pnl-body form .form-field {
        padding-right: 40px
    }
}

.ticket-booking-1w .cab-formbox .pnl-body form .form-field label {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 11px;
    color: #464646;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px
}

.ticket-booking-1w .cab-formbox .pnl-body form .form-field .inputype1 {
    border: none;
    border-bottom: 1px solid #f89605;
    padding: 10px 0;
    color: #999;
    text-transform: uppercase;
    font-size: 15px;
    width: 100%;
    background: transparent
}

@media (min-width:1200px) {
    .ticket-booking-1w .cab-formbox .pnl-body form .form-field .inputype1 {
        font-size: 13px;
        line-height: 30px;
        letter-spacing: 0
    }
}

@media (min-width:1440px) {
    .ticket-booking-1w .cab-formbox .pnl-body form .form-field .inputype1 {
        font-size: 15px;
        letter-spacing: 1px;
        line-height: normal
    }
}

.ticket-booking-1w .cab-formbox .pnl-body form .form-field:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 40px;
    font-family: "gotraveller";
    right: 5px;
    font-size: 28px;
    bottom: 5px
}

@media (min-width:768px) {
    .ticket-booking-1w .cab-formbox .pnl-body form .form-field:after {
        right: 0;
        font-size: 28px
    }
}

@media (min-width:993px) {
    .ticket-booking-1w .cab-formbox .pnl-body form .form-field:after {
        right: 7px;
        font-size: 30px
    }
}

@media (min-width:1200px) {
    .ticket-booking-1w .cab-formbox .pnl-body form .form-field:after {
        right: 20px;
        font-size: 32px
    }
}

@media (min-width:1920px) {
    .ticket-booking-1w .cab-formbox .pnl-body form .form-field:after {
        right: 40px;
        font-size: 36px
    }
}

.ticket-booking-1w .cab-formbox .pnl-body form .btn.btn-trpsrc {
    padding: 20px 40px !important;
}

@media (min-width:1200px) {
    .ticket-booking-1w .cab-formbox .pnl-body form .btn.btn-trpsrc {
        padding: 20px 40px
    }
}

@media (min-width:1440px) {
    .ticket-booking-1w .cab-formbox .pnl-body form .btn.btn-trpsrc {
        padding: 20px 70px
    }
}

.ticket-booking-1w .cab-formbox .pnl-body .btn-group {
    display: inline-block;
    align-items: center;
    width: 100%;
    margin-top: 60px
}

    .ticket-booking-1w .cab-formbox .pnl-body .btn-group .btn-right {
        float: right
    }

.cabservice-sce {
    background-color: #212432;
    position: relative;
    padding: 40px 0;
    overflow: hidden
}

@media (min-width:768px) {
    .cabservice-sce {
        padding: 60px 0
    }
}

@media (min-width:1200px) {
    .cabservice-sce {
        padding: 80px 0
    }
}

.cabservice-sce:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 200px;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #212c64;
    z-index: 0
}

@media (min-width:576px) {
    .cabservice-sce:after {
        height: 47%
    }
}

@media (min-width:993px) {
    .cabservice-sce:after {
        width: 50%;
        height: 100%
    }
}

@media (min-width:1200px) {
    .cabservice-sce:after {
        width: 55%
    }
}

.cab-services {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1
}

@media (min-width:993px) {
    .cab-services {
        flex-direction: row
    }
}

.cab-services .services-dtls {
    padding-bottom: 50px;
    position: relative
}

@media (min-width:768px) {
    .cab-services .services-dtls {
        padding-bottom: 75px
    }
}

@media (min-width:993px) {
    .cab-services .services-dtls {
        float:left;
        max-width: 50%;
        padding-bottom: 0
    }
}

@media (min-width:1200px) {
    .cab-services .services-dtls {
        float:left;
        max-width: 58.3333333333%
    }
}

.cab-services .services-dtls:after {
    content: "";
    position: absolute;
    width: 5000px;
    height: 100%;
    top: 0;
    bottom: 0;
    right: -1000px;
    left: auto;
    margin: auto;
    background-color: #212c64;
    z-index: -1
}

@media (min-width:993px) {
    .cab-services .services-dtls:after {
        display: none
    }
}

.cab-services .services-dtls span {
    font-family: "Montserrat",sans-serif;
    display: block;
    color: #fff;
    width: 100%;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600
}

@media (min-width:768px) {
    .cab-services .services-dtls span {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 25px
    }
}

@media (min-width:993px) {
    .cab-services .services-dtls span {
        font-size: 17px;
        line-height: 17px;
        letter-spacing: 1px;
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .cab-services .services-dtls span {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 40px
    }
}

.cab-services .services-dtls h3 {
    font-family: "Montserrat",sans-serif;
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 2px;
    margin-top: 0
}

@media (min-width:768px) {
    .cab-services .services-dtls h3 {
        font-size: 38px;
        line-height: 38px;
        margin-bottom: 30px
    }
}

@media (min-width:993px) {
    .cab-services .services-dtls h3 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 30px;
        width: 80%
    }
}

@media (min-width:1200px) {
    .cab-services .services-dtls h3 {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 50px
    }
}

@media (min-width:1440px) {
    .cab-services .services-dtls h3 {
        font-size: 70px;
        line-height: 84px
    }
}

.cab-services .services-dtls p {
    display: inline-block;
    color: #8e93ae;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .cab-services .services-dtls p {
        margin-bottom: 30px
    }
}

@media (min-width:993px) {
    .cab-services .services-dtls p {
        margin-bottom: 40px;
        padding-right: 40%
    }
}

@media (min-width:1440px) {
    .cab-services .services-dtls p {
        margin-bottom: 60px
    }
}

.cab-services .services-dtls .btn-knowabtus {
    color: #212c64;
    background-color: #ff9804;
    display: inline-block;
    width: auto;
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 12px 15px
}

.cab-services .services-list {
    padding-top: 50px
}

@media (min-width:768px) {
    .cab-services .services-list {
        padding-top: 75px
    }
}

@media (min-width:993px) {
    .cab-services .services-list {
        float:left;
        max-width: 41.6666666667%;
        margin-left: 8.3333333333%;
        padding-top: 0
    }
}

@media (min-width:1200px) {
    .cab-services .services-list {
        float:left;
        max-width: 33.3333333333%;
        margin-left: 8.3333333333%
    }
}

@media (min-width:1440px) {
    .cab-services .services-list {
        float:left;
        max-width: 25%;
        margin-left: 16.6666666667%
    }
}

.cab-services .services-list strong {
    font-family: "Montserrat",sans-serif;
    display: block;
    color: #fff;
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .cab-services .services-list strong {
        margin-bottom: 40px
    }
}

@media (min-width:993px) {
    .cab-services .services-list strong {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .cab-services .services-list strong {
        margin-bottom: 60px
    }
}

@media (min-width:1440px) {
    .cab-services .services-list strong {
        margin-bottom: 100px
    }
}

.cab-services .services-list ul li {
    font-family: "Montserrat",sans-serif;
    display: flex;
    color: #d1d5e8;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
    padding-left: 70px;
    position: relative;
    min-height: 40px;
    align-items: center
}

@media (min-width:768px) {
    .cab-services .services-list ul li {
        margin-bottom: 20px;
        font-size: 13px;
        line-height: 20px
    }
}

@media (min-width:993px) {
    .cab-services .services-list ul li {
        padding-left: 70px;
        margin-bottom: 35px;
        font-size: 14px;
        line-height: 20px
    }
}

@media (min-width:1200px) {
    .cab-services .services-list ul li {
        padding-left: 70px;
        margin-bottom: 45px
    }
}

.cab-services .services-list ul li i {
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 0;
    color: #ff9603;
    font-size: 30px
}

@media (min-width:993px) {
    .cab-services .services-list ul li i {
        font-size: 30px;
        top: 4px;
        margin: auto
    }
}

@media (min-width:1200px) {
    .cab-services .services-list ul li i {
        font-size: 40px;
        top: 0
    }
}

.cab-services .services-list ul li br {
    display: none
}

@media (min-width:1200px) {
    .cab-services .services-list ul li br {
        display: block
    }
}

.cab-services .service-centerlogo {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100px;
    display: none
}

@media (min-width:768px) {
    .cab-services .service-centerlogo {
        display: inline-block;
        left: 0;
        right: 0;
        top: -50px;
        text-align: center
    }
}

@media (min-width:993px) {
    .cab-services .service-centerlogo {
        top: 0;
        left: 43%;
        right: auto;
        height: 150px
    }
}

@media (min-width:1200px) {
    .cab-services .service-centerlogo {
        left: 49%;
        right: auto
    }
}

@media (min-width:1440px) {
    .cab-services .service-centerlogo {
        left: 52%;
        right: auto
    }
}

.cab-services .service-centerlogo a {
    display: inline-block
}

@media (min-width:768px) {
    .cab-services .service-centerlogo a {
        width: 100px
    }
}

@media (min-width:993px) {
    .cab-services .service-centerlogo a {
        width: 100px
    }
}

@media (min-width:1200px) {
    .cab-services .service-centerlogo a {
        width: auto
    }
}

.cars {
    position: relative
}

    .cars .ctrl-wraper2 {
        position: relative
    }

.bestdeals {
    background-color: #212c64;
    padding: 60px 0
}

    .bestdeals:before {
        content: "";
        width: 100%;
        height: calc(100% + 500px);
        position: absolute;
        background-color: #212c64;
        z-index: 0;
        top: 0
    }

.get-bd-quote {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    justify-content: space-between;
    z-index: 0
}

@media (min-width:576px) {
    .get-bd-quote {
        padding: 0
    }
}

@media (min-width:768px) {
    .get-bd-quote {
        flex-direction: row;
        align-items: center
    }
}

.get-bd-quote .left {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .get-bd-quote .left {
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .get-bd-quote .left {
        float:left;
        max-width: 58.3333333333%
    }
}

.get-bd-quote .left &gt; span {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    padding-left: 5px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    width: 100%;
    font-family: "Montserrat",sans-serif
}

@media (min-width:768px) {
    .get-bd-quote .left &gt; span {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 15px;
        letter-spacing: 2px
    }
}

@media (min-width:1200px) {
    .get-bd-quote .left &gt; span {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 20px;
        letter-spacing: 3px
    }
}

.get-bd-quote .left h3 {
    font-size: 36px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    width: 100%;
    font-family: "Montserrat",sans-serif
}

@media (min-width:768px) {
    .get-bd-quote .left h3 {
        font-size: 48px;
        line-height: 48px;
        margin-bottom: 10px;
        letter-spacing: 2px
    }
}

@media (min-width:993px) {
    .get-bd-quote .left h3 {
        font-size: 60px;
        line-height: 50px;
        margin-bottom: 15px;
        letter-spacing: 3px
    }
}

@media (min-width:1200px) {
    .get-bd-quote .left h3 {
        font-size: 72px;
        line-height: 60px;
        margin-bottom: 20px;
        letter-spacing: 4px
    }
}

@media (min-width:1440px) {
    .get-bd-quote .left h3 {
        font-size: 80px;
        letter-spacing: 5px
    }
}

.get-bd-quote .left h3 span {
    color: #ff9804
}

.get-bd-quote .left p {
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 0;
    letter-spacing: 0;
    padding-left: 5px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    width: 100%;
    font-family: "Montserrat",sans-serif
}

@media (min-width:768px) {
    .get-bd-quote .left p {
        font-size: 14px;
        line-height: 14px;
        padding-left: 5px
    }
}

@media (min-width:1200px) {
    .get-bd-quote .left p {
        font-size: 15px;
        line-height: 15px;
        letter-spacing: 1px;
        padding-left: 5px
    }
}

.get-bd-quote .right {
    width: 100%
}

@media (min-width:768px) {
    .get-bd-quote .right {
        float:left;
        max-width: 41.6666666667%
    }
}

.get-bd-quote .right .leave-cmnts-box {
    background-color: #ff9804;
    padding: 30px
}

@media (min-width:576px) {
    .get-bd-quote .right .leave-cmnts-box {
        padding: 35px
    }
}

@media (min-width:768px) {
    .get-bd-quote .right .leave-cmnts-box {
        padding: 40px
    }
}

@media (min-width:993px) {
    .get-bd-quote .right .leave-cmnts-box {
        padding: 50px
    }
}

@media (min-width:1200px) {
    .get-bd-quote .right .leave-cmnts-box {
        padding: 60px
    }
}

@media (min-width:1440px) {
    .get-bd-quote .right .leave-cmnts-box {
        padding: 70px
    }
}

.get-bd-quote .right .leave-cmnts-box .leave-cmntsform {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

    .get-bd-quote .right .leave-cmnts-box .leave-cmntsform input, .get-bd-quote .right .leave-cmnts-box .leave-cmntsform .cmnts-input {
        font-size: 15px;
        line-height: 26px;
        color: #1f1f1f;
        font-weight: 500;
        text-transform: uppercase;
        display: block;
        width: 100%;
        margin-bottom: 60px;
        padding: 10px 0;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #1f1f1f;
        letter-spacing: 3px;
        resize: none
    }

        .get-bd-quote .right .leave-cmnts-box .leave-cmntsform input::placeholder, .get-bd-quote .right .leave-cmnts-box .leave-cmntsform .cmnts-input::placeholder {
            color: #1f1f1f
        }

    .get-bd-quote .right .leave-cmnts-box .leave-cmntsform .btn-cmnts-submit {
        background-color: #212c64 !important;
        text-transform: uppercase;
        font-weight: 600;
        font-family: "Montserrat",sans-serif;
        font-size: 15px;
        line-height: 15px;
        padding: 12px 35px;
        letter-spacing: 3px;
        float: none !important
    }

.grid-item {
    width: 200px
}

.grid-item--width2 {
    width: 400px
}

body.cabbooking footer .bottom-left {
    position: absolute;
    bottom: 600px;
    width: 100%
}

@media (min-width:1200px) {
    body.cabbooking footer .bottom-left {
        top: 0
    }
}

body.cabbooking footer .bottom-left .shapes2 {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(-90deg)
}

@media (min-width:576px) {
    body.cabbooking footer .bottom-left .shapes2 {
        width: 200px;
        height: 200px
    }
}

@media (min-width:993px) {
    body.cabbooking footer .bottom-left .shapes2 {
        width: 300px;
        height: 300px
    }
}

@media (min-width:1440px) {
    body.cabbooking footer .bottom-left .shapes2 {
        width: 400px;
        height: 400px
    }
}

body.cabbooking footer .bottom-left .shapes3 {
    bottom: -250px;
    opacity: .2
}

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

.trainbkng-bnr {
    display: inline-block;
    width: 100%;
    position: relative;
    min-height: 0;
    height: auto
}

@media (min-width:768px) {
    .trainbkng-bnr {
        min-height: 600px
    }
}

@media (min-width:1200px) {
    .trainbkng-bnr {
        min-height: 720px
    }
}

@media (min-width:1440px) {
    .trainbkng-bnr {
        padding-top: 250px !important;
        margin-bottom: 120px;
        min-height: 850px
    }
}

@media (min-width:1920px) {
    .trainbkng-bnr {
        margin-bottom: 150px
    }
}

.trainbkng-bnr .ctrl-wraper2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

@media (min-width:768px) {
    .trainbkng-bnr .ctrl-wraper2 {
        margin: 0px !important
    }
}

@media (min-width:993px) {
    .trainbkng-bnr .ctrl-wraper2 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        margin: auto !important
    }
}

@media (min-width:1200px) {
    .trainbkng-bnr .ctrl-wraper2 {
        flex-direction: row
    }
}

@media (min-width:1440px) {
    .trainbkng-bnr .ctrl-wraper2 {
        margin-top: 0px !important
    }
}

.trainbkng-bnr img {
    width: 100% !important
}

@media (min-width:768px) {
    .trainbkng-bnr img {
        width: 70% !important
    }
}

@media (min-width:1440px) {
    .trainbkng-bnr img {
        width: auto !important
    }
}

.trainbkng-bnr .gotxt2 {
    font-size: 170px;
    line-height: 140px;
    height: 150px;
    position: absolute;
    left: 0;
    right: auto;
    z-index: -2;
    width: 100%;
    max-width: 100%;
    top: 0;
    letter-spacing: -10px;
    margin: 0
}

@media (min-width:768px) {
    .trainbkng-bnr .gotxt2 {
        top: 40px;
        height: 300px;
        font-size: 400px;
        line-height: 290px;
        letter-spacing: -45px
    }
}

@media (min-width:993px) {
    .trainbkng-bnr .gotxt2 {
        top: 0;
        height: 300px;
        font-size: 400px;
        line-height: 290px
    }
}

@media (min-width:1200px) {
    .trainbkng-bnr .gotxt2 {
        width: 1100px !important;
        left: -100px;
        line-height: 450px;
        height: auto
    }
}

@media (min-width:1440px) {
    .trainbkng-bnr .gotxt2 {
        left: -70px;
        top: 30px;
        font-size: 750px;
        line-height: 560px;
        width: 1150px
    }
}

.trainbkng-bnr .flightbook-txtimg {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    margin: auto;
    z-index: -1
}

.trainbkng-bnr .fb-bnr-img {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 30px !important;
    width: 100%
}

@media (min-width:768px) {
    .trainbkng-bnr .fb-bnr-img {
        width: 85% !important;
        left: 0;
        right: auto;
        margin: auto;
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .trainbkng-bnr .fb-bnr-img {
        margin-top: 0
    }
}

.trainbkng-bnr .cap {
    position: relative;
    right: 0;
    top: 0;
    text-align: right;
    height: auto !important;
    margin-bottom: 0
}

@media (min-width:768px) {
    .trainbkng-bnr .cap {
        position: absolute;
        top: auto;
        bottom: 0;
        margin: 0;
        z-index: 0
    }
}

@media (min-width:993px) {
    .trainbkng-bnr .cap {
        top: auto;
        bottom: 0;
        margin: 0;
        z-index: 0
    }
}

@media (min-width:1200px) {
    .trainbkng-bnr .cap {
        display: flex;
        width: auto;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        top: 0;
        bottom: 0;
        margin: auto
    }
}

@media (min-width:1440px) {
    .trainbkng-bnr .cap {
        margin-right: -40px;
        align-items: flex-end
    }
}

.trainbkng-bnr .cap h1 {
    color: #f23262;
    display: inline-block;
    width: auto;
    font-weight: 800;
    margin-bottom: 15px;
    padding-right: 5px;
    text-align: right;
    line-height: 55px;
    background: linear-gradient(to right,#ec3161 20%,#134796 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (min-width:576px) {
    .trainbkng-bnr .cap h1 {
        font-size: 100px;
        line-height: 85px
    }
}

@media (min-width:768px) {
    .trainbkng-bnr .cap h1 {
        width: auto;
        font-size: 150px;
        line-height: 115px;
        letter-spacing: -12px;
        margin-left: 0;
        margin-bottom: 30px;
        text-align: center
    }
}

@media (min-width:993px) {
    .trainbkng-bnr .cap h1 {
        width: auto;
        font-size: 150px;
        line-height: 115px;
        letter-spacing: -12px;
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .trainbkng-bnr .cap h1 {
        font-size: 200px;
        line-height: 150px;
        letter-spacing: -16px;
        height: auto;
        margin: 0 auto 30px
    }
}

@media (min-width:1440px) {
    .trainbkng-bnr .cap h1 {
        font-size: 280px;
        line-height: 220px;
        margin-top: 40px;
        width: 800px
    }
}

.trainbkng-bnr .cap p {
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
    color: #31343f;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
    letter-spacing: 0;
    text-align: right;
    width: 100%;
    display: inline-block;
    padding-right: 0
}

@media (min-width:768px) {
    .trainbkng-bnr .cap p {
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 0;
        padding-right: 25px
    }
}

@media (min-width:1200px) {
    .trainbkng-bnr .cap p {
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 1px;
        padding-right: 35px
    }
}

@media (min-width:1440px) {
    .trainbkng-bnr .cap p {
        font-size: 15px;
        line-height: 15px;
        letter-spacing: 2px;
        padding-right: 60px
    }
}

.travelspots-sec {
    background: url(../img/Background-img02.jpg) no-repeat 0 0;
    background-size: cover;
    min-height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 180px
}

@media (min-width:480px) {
    .travelspots-sec {
        padding-top: 110px
    }
}

@media (min-width:768px) {
    .travelspots-sec {
        padding-top: 170px
    }
}

@media (min-width:993px) {
    .travelspots-sec {
        padding-top: 200px
    }
}

@media (min-width:1200px) {
    .travelspots-sec {
        padding-top: 250px
    }
}

@media (min-width:1440px) {
    .travelspots-sec {
        padding-top: 320px
    }
}

.travelspots-sec .travelspots {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-top: 80px;
    padding-bottom: 100px
}

@media (min-width:480px) {
    .travelspots-sec .travelspots {
        padding-top: 50px;
        padding-bottom: 70px
    }
}

@media (min-width:576px) {
    .travelspots-sec .travelspots {
        padding-top: 50px;
        padding-bottom: 70px
    }
}

@media (min-width:768px) {
    .travelspots-sec .travelspots {
        padding-top: 50px;
        padding-bottom: 70px
    }
}

@media (min-width:993px) {
    .travelspots-sec .travelspots {
        padding-top: 60px;
        padding-bottom: 100px
    }
}

@media (min-width:1200px) {
    .travelspots-sec .travelspots {
        padding-top: 80px;
        flex-direction: row
    }
}

@media (min-width:1440px) {
    .travelspots-sec .travelspots {
        padding-top: 100px
    }
}

.travelspots-sec .left {
    background-color: transparent;
    display: inline-block;
    position: relative;
    margin-bottom: 30px
}

@media (min-width:1200px) {
    .travelspots-sec .left {
        float:left;
        max-width: 41.6666666667%;
        margin-bottom: 0
    }
}

.travelspots-sec .left h3 {
    font-size: 42px;
    line-height: 35px;
    margin-bottom: 15px;
    font-family: "Montserrat",sans-serif;
    font-weight: 900;
    color: #fff;
    letter-spacing: 2px;
    text-transform: capitalize
}

@media (min-width:768px) {
    .travelspots-sec .left h3 {
        font-size: 60px;
        line-height: 50px;
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .travelspots-sec .left h3 {
        font-size: 72px;
        line-height: 60px;
        margin-bottom: 40px
    }
}

@media (min-width:1440px) {
    .travelspots-sec .left h3 {
        font-size: 80px;
        line-height: 70px;
        margin-bottom: 50px
    }
}

.travelspots-sec .left p {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: #c7def1;
    text-transform: uppercase;
    max-width: 100%;
    letter-spacing: 1px
}

@media (min-width:993px) {
    .travelspots-sec .left p {
        max-width: 83%;
        line-height: 20px
    }
}

.travelspots-sec .right {
    background-color: transparent;
    display: inline-block;
    position: relative;
    width: 100%
}

@media (min-width:1200px) {
    .travelspots-sec .right {
        max-width: 380px
    }
}

.travelspots-sec .right .foursquare {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media (min-width:1200px) {
    .travelspots-sec .right .foursquare {
        justify-content: space-between
    }
}

.travelspots-sec .right .foursquare li {
    width: 80px;
    height: 80px;
    margin: 5px;
    border-radius: 20px;
    overflow: hidden
}

@media (min-width:576px) {
    .travelspots-sec .right .foursquare li {
        width: 100px;
        height: 100px
    }
}

@media (min-width:768px) {
    .travelspots-sec .right .foursquare li {
        width: 120px;
        height: 120px;
        border-radius: 30px
    }
}

@media (min-width:993px) {
    .travelspots-sec .right .foursquare li {
        width: 150px;
        height: 150px;
        border-radius: 40px
    }
}

@media (min-width:1200px) {
    .travelspots-sec .right .foursquare li {
        width: 180px;
        height: 180px;
        margin: 0;
        margin-bottom: 20px
    }
}

.travelspots-sec .right .foursquare li:nth-last-child(1), .travelspots-sec .right .foursquare li:nth-last-child(2) {
    margin-bottom: 0
}

.train-ticket-booking {
    position: relative;
    height: 700px
}

@media (min-width:768px) {
    .train-ticket-booking {
        height: 370px
    }
}

@media (min-width:993px) {
    .train-ticket-booking {
        height: 400px
    }
}

@media (min-width:1200px) {
    .train-ticket-booking {
        height: 270px
    }
}

@media (min-width:1440px) {
    .train-ticket-booking {
        height: 270px
    }
}

@media (min-width:1200px) {
    .train-ticket-booking .formbox-square {
        float:left;
        max-width: 100%
    }
}

@media (min-width:576px) {
    .train-ticket-booking .formbox-square .pnl-header {
        flex-direction: row;
        justify-content: space-between
    }
}

.train-ticket-booking .formbox-square .pnl-header .trip-switch {
    background-color: #ff3161
}

    .train-ticket-booking .formbox-square .pnl-header .trip-switch .active span {
        color: #ff3161
    }

.train-ticket-booking .formbox-square .pnl-body .btn-group {
    display: inline-block;
    align-items: center;
    width: 100%;
    margin-top: 60px
}

    .train-ticket-booking .formbox-square .pnl-body .btn-group .btn-right {
        float: right
    }

.destination-sec {
    padding: 50px 0;
    position: relative;
    display: flex
}

@media (min-width:768px) {
    .destination-sec {
        padding: 80px 0;
        min-height: 800px
    }
}

@media (min-width:993px) {
    .destination-sec {
        padding: 100px 0;
        min-height: 550px
    }
}

@media (min-width:1200px) {
    .destination-sec {
        float:left;
        max-width: 100%;
        padding: 120px 0;
        min-height: 650px
    }
}

@media (min-width:1440px) {
    .destination-sec {
        padding: 150px 0;
        min-height: 900px
    }
}

.destination-sec .top-destination {
    display: flex;
    flex-direction: column
}

@media (min-width:993px) {
    .destination-sec .top-destination {
        height: 285px
    }
}

@media (min-width:1200px) {
    .destination-sec .top-destination {
        flex-direction: row;
        height: 385px
    }
}

@media (min-width:1440px) {
    .destination-sec .top-destination {
        height: 585px
    }
}

.destination-sec .top-destination .left {
    display: inline-block;
    width: auto;
    position: relative;
    margin-top: 0;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .destination-sec .top-destination .left {
        margin-bottom: 20px
    }
}

@media (min-width:993px) {
    .destination-sec .top-destination .left {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .destination-sec .top-destination .left {
        float:left;
        max-width: 58.3333333333%;
        margin-top: -200px;
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .destination-sec .top-destination .left {
        margin-top: -250px
    }
}

@media (min-width:1200px) {
    .destination-sec .top-destination .right {
        float:left;
        max-width: 41.6666666667%
    }
}

.destination-sec .top-destination .right &gt; strong {
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
    color: #152266;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px
}

@media (min-width:1200px) {
    .destination-sec .top-destination .right &gt; strong {
        font-size: 26px;
        line-height: 26px
    }
}

@media (min-width:1440px) {
    .destination-sec .top-destination .right &gt; strong {
        font-size: 30px;
        line-height: 30px
    }
}

.destination-sec .top-destination .right h3 {
    font-size: 60px;
    line-height: 50px;
    letter-spacing: -5px;
    width: 100%;
    text-transform: uppercase;
    color: #f23262;
    font-weight: 800;
    margin-bottom: 15px;
    text-align: left;
    font-family: "Montserrat",sans-serif;
    background: linear-gradient(to right,#ec3161 20%,#134796 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    left: -5px
}

@media (min-width:490px) {
    .destination-sec .top-destination .right h3 {
        width: 60%
    }
}

@media (min-width:768px) {
    .destination-sec .top-destination .right h3 {
        font-size: 72px;
        line-height: 60px;
        letter-spacing: -3px
    }
}

@media (min-width:1200px) {
    .destination-sec .top-destination .right h3 {
        font-size: 90px;
        line-height: 70px;
        letter-spacing: -7px;
        margin-bottom: 20px;
        width: auto
    }
}

@media (min-width:1440px) {
    .destination-sec .top-destination .right h3 {
        font-size: 140px;
        line-height: 120px
    }
}

.destination-sec .top-destination .right &gt; span {
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
    color: #a7a9b3;
    font-size: 15px;
    line-height: 15px;
    font-weight: 600;
    display: block;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .destination-sec .top-destination .right &gt; span {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 25px
    }
}

@media (min-width:1200px) {
    .destination-sec .top-destination .right &gt; span {
        margin-bottom: 50px;
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .destination-sec .top-destination .right &gt; span {
        margin-bottom: 70px
    }
}

.destination-sec .top-destination .right p {
    text-transform: uppercase;
    color: #999fb7;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    display: block;
    padding-left: 0;
    letter-spacing: 1px
}

@media (min-width:1200px) {
    .destination-sec .top-destination .right p {
        padding-left: 30px
    }
}

@media (min-width:1440px) {
    .destination-sec .top-destination .right p {
        padding-left: 60px
    }
}

.destination-sec .top-destination .right p strong {
    color: #69708e;
    font-weight: 700
}

.destination-sec-bgdots {
    display: inline-block;
    position: absolute;
    height: 300px;
    width: 100%;
    bottom: auto;
    top: 0;
    z-index: -1
}

    .destination-sec-bgdots:before {
        content: "";
        height: 100px;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        position: absolute;
        background: linear-gradient(90deg,#fff 5px,transparent 1%) center,linear-gradient(#fff 5px,transparent 1%) center,#aaa;
        background-size: 6px 6px
    }

@media (min-width:576px) {
    .destination-sec-bgdots:before {
        height: 150px
    }
}

@media (min-width:768px) {
    .destination-sec-bgdots:before {
        height: 150px
    }
}

@media (min-width:993px) {
    .destination-sec-bgdots:before {
        height: 200px
    }
}

@media (min-width:1200px) {
    .destination-sec-bgdots:before {
        height: 300px
    }
}

@media (min-width:1440px) {
    .destination-sec-bgdots:before {
        height: 380px
    }
}

.travel-store {
    margin-bottom: 0;
    position: relative
}

@media (min-width:576px) {
    .travel-store {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .travel-store {
        margin-bottom: 0
    }
}

@media (min-width:993px) {
    .travel-store {
        margin-bottom: 0;
        overflow: hidden
    }
}

@media (min-width:1200px) {
    .travel-store {
        margin-bottom: 0;
        overflow: hidden
    }
}

@media (min-width:1440px) {
    .travel-store {
        margin-bottom: 0;
        overflow: hidden
    }
}

.travel-store .btn-slide-pvs, .travel-store .btn-slide-nxt {
    background-color: #fe3161;
    width: 40px;
    height: 35px;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-content: center
}

@media (min-width:993px) {
    .travel-store .btn-slide-pvs, .travel-store .btn-slide-nxt {
        width: 70px
    }
}

.travel-store .btn-slide-pvs img, .travel-store .btn-slide-nxt img {
    display: inline-block;
    width: auto
}

.travel-store .btn-slide-pvs {
    left: 0
}

.travel-store .btn-slide-nxt {
    transform: rotate(180deg);
    right: 0
}

.childheader-ctrl .sec-header {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

@media (min-width:768px) {
    .childheader-ctrl .sec-header {
        margin-bottom: 60px
    }
}

@media (min-width:993px) {
    .childheader-ctrl .sec-header {
        margin-bottom: 80px;
        justify-content: space-between;
        align-items: flex-end;
        flex-direction: row
    }
}

@media (min-width:1200px) {
    .childheader-ctrl .sec-header {
        margin-bottom: 50px
    }
}

@media (min-width:1440px) {
    .childheader-ctrl .sec-header {
        margin-bottom: 70px
    }
}

.childheader-ctrl .sec-header .left span {
    font-size: 16px;
    line-height: 16px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    color: #152266;
    display: inline-block;
    line-height: normal;
    margin-bottom: 10px
}

@media (min-width:993px) {
    .childheader-ctrl .sec-header .left span {
        font-size: 18px;
        line-height: 18px
    }
}

@media (min-width:1200px) {
    .childheader-ctrl .sec-header .left span {
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 20px
    }
}

.childheader-ctrl .sec-header .left h2 {
    font-size: 32px;
    line-height: 32px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    color: #152266;
    text-transform: uppercase;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .childheader-ctrl .sec-header .left h2 {
        font-size: 36px;
        line-height: 36px
    }
}

@media (min-width:993px) {
    .childheader-ctrl .sec-header .left h2 {
        margin-bottom: 0;
        font-size: 42px;
        line-height: 42px
    }
}

@media (min-width:1200px) {
    .childheader-ctrl .sec-header .left h2 {
        font-size: 50px;
        line-height: 50px
    }
}

.childheader-ctrl .sec-header .right p {
    font-size: 13px;
    font-weight: 500;
    color: #6d6e77;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 13px
}

    .childheader-ctrl .sec-header .right p a {
        color: #152266
    }

.travel-blog {
    margin-bottom: 40px;
    position: relative
}

@media (min-width:576px) {
    .travel-blog {
        margin-bottom: 60px
    }
}

@media (min-width:768px) {
    .travel-blog {
        margin-bottom: 90px
    }
}

@media (min-width:993px) {
    .travel-blog {
        margin-bottom: 120px
    }
}

@media (min-width:1200px) {
    .travel-blog {
        margin-bottom: 150px
    }
}

@media (min-width:1440px) {
    .travel-blog {
        margin-bottom: 200px
    }
}

.travel-blog .sec-header .left h2 {
    margin-bottom: 0
}

.travel-blog-bgdots {
    display: inline-block;
    position: absolute;
    height: 300px;
    width: 100%;
    bottom: auto;
    top: 0;
    z-index: -1
}

    .travel-blog-bgdots:before {
        content: "";
        height: 120px;
        width: 50%;
        top: 150px;
        left: 0;
        right: 0;
        position: absolute;
        background: linear-gradient(90deg,#fff 5px,transparent 0%) center,linear-gradient(#fff 5px,transparent 0%) center,#aaa;
        background-size: 6px 6px;
        background-position: 0 0,6px 6px
    }

@media (min-width:576px) {
    .travel-blog-bgdots:before {
        height: 180px;
        top: 200px
    }
}

@media (min-width:768px) {
    .travel-blog-bgdots:before {
        height: 180px;
        top: 220px
    }
}

@media (min-width:993px) {
    .travel-blog-bgdots:before {
        height: 200px;
        top: 215px
    }
}

@media (min-width:1200px) {
    .travel-blog-bgdots:before {
        height: 270px;
        top: 254px
    }
}

@media (min-width:1440px) {
    .travel-blog-bgdots:before {
        height: 420px
    }
}

.travel-blog-gotxt {
    display: inline-block;
    position: absolute;
    height: 300px;
    width: 100%;
    bottom: auto;
    top: 0;
    z-index: -1
}

    .travel-blog-gotxt:after {
        content: attr(data-title);
        color: rgba(239,243,247,.7);
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        font-size: 100px;
        line-height: 80px;
        letter-spacing: -15px;
        position: absolute;
        text-transform: uppercase;
        font-family: "Montserrat",sans-serif;
        font-weight: 900;
        text-align: center;
        z-index: -1;
        max-width: 90%;
        text-align: right
    }

@media (min-width:576px) {
    .travel-blog-gotxt:after {
        font-size: 160px;
        line-height: 120px;
        letter-spacing: -15px
    }
}

@media (min-width:768px) {
    .travel-blog-gotxt:after {
        font-size: 240px;
        line-height: 180px;
        letter-spacing: -15px
    }
}

@media (min-width:993px) {
    .travel-blog-gotxt:after {
        font-size: 280px;
        line-height: 200px;
        letter-spacing: -30px
    }
}

@media (min-width:1200px) {
    .travel-blog-gotxt:after {
        font-size: 350px;
        line-height: 270px
    }
}

@media (min-width:1440px) {
    .travel-blog-gotxt:after {
        font-size: 524px;
        line-height: 500px
    }
}

.tb-slider .slider-container {
    position: relative;
    height: 400px;
    overflow: hidden;
    max-width: 100%;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0 0 35px 20px rgba(79,69,66,.2)
}

@media (min-width:480px) {
    .tb-slider .slider-container {
        height: 400px
    }
}

@media (min-width:576px) {
    .tb-slider .slider-container {
        min-width: 480px
    }
}

@media (min-width:993px) {
    .tb-slider .slider-container {
        height: 350px
    }
}

@media (min-width:1200px) {
    .tb-slider .slider-container {
        height: 400px
    }
}

@media (min-width:1440px) {
    .tb-slider .slider-container {
        height: 450px
    }
}

.tb-slider .slider-container::after {
    display: block;
    clear: both;
    content: ""
}

.tb-slider .slider-container .slide {
    position: absolute;
    width: 100%;
    height: 100%
}

    .tb-slider .slider-container .slide::after {
        display: block;
        clear: both;
        content: ""
    }

    .tb-slider .slider-container .slide:first-child .txt-wrapper span.copy {
        opacity: 1
    }

    .tb-slider .slider-container .slide .img {
        transform: translateY(100%)
    }

@media (min-width:993px) {
    .tb-slider .slider-container .slide .img {
        transform: translateY(100%)
    }
}

.tb-slider .slider-container .slide .txt {
    transform: translateY(-100%);
    margin-left: 0%;
    margin-top: 400px;
    height: 230px;
    z-index: 9;
    height: auto;
    opacity: 0
}

@media (min-width:480px) {
    .tb-slider .slider-container .slide .txt {
        margin-top: 400px
    }
}

@media (min-width:993px) {
    .tb-slider .slider-container .slide .txt {
        margin-left: 50%;
        margin-top: 0;
        height: 100% !important
    }
}

@media (min-width:1200px) {
    .tb-slider .slider-container .slide .txt {
        transform: translateY(-100%)
    }
}

.tb-slider .slider-container .slide.active {
    position: absolute;
    z-index: 5
}

    .tb-slider .slider-container .slide.active .img {
        transform: translateY(0)
    }

    .tb-slider .slider-container .slide.active .txt {
        transform: translateY(-100%) !important;
        opacity: 1 !important
    }

@media (min-width:993px) {
    .tb-slider .slider-container .slide.active .txt {
        transform: translateY(0%) !important
    }
}

.tb-slider .slider-container .slide-content {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease;
    transition-delay: 0.15s
}

@media (min-width:480px) {
    .tb-slider .slider-container .slide-content {
        width: 100%;
        height: 100%
    }
}

@media (min-width:993px) {
    .tb-slider .slider-container .slide-content {
        width: 50%;
        height: 100%
    }
}

.tb-slider .slider-container .slide-content .author {
    display: inline-block;
    text-align: left;
    line-height: normal;
    z-index: 9;
    margin-bottom: 15px
}

@media (min-width:993px) {
    .tb-slider .slider-container .slide-content .author {
        position: absolute;
        text-align: right;
        top: 40px;
        right: 40px;
        margin-bottom: 0
    }
}

.tb-slider .slider-container .slide-content .author .author-pic {
    float: left;
    margin-right: 15px;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden
}

@media (min-width:993px) {
    .tb-slider .slider-container .slide-content .author .author-pic {
        float: right;
        margin-left: 15px
    }
}

.tb-slider .slider-container .slide-content .author strong {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    color: #767882;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    margin-top: 10px
}

.tb-slider .slider-container .slide-content .author span {
    display: inherit;
    font-size: 12px;
    color: #9496a3;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    font-style: italic
}

.tb-slider .slider-container .slide-content.txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    background: white
}

@media (min-width:480px) {
    .tb-slider .slider-container .slide-content.txt {
        padding: 30px
    }
}

@media (min-width:993px) {
    .tb-slider .slider-container .slide-content.txt {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        padding: 40px;
        width: 50%
    }
}

.tb-slider .slider-container .slide-content .txt-wrapper {
    position: relative;
    display: flex;
    vertical-align: middle;
    flex-direction: column;
    align-items: flex-start
}

    .tb-slider .slider-container .slide-content .txt-wrapper span.copy {
        background-color: #aabac7;
        font-size: 11px;
        line-height: 11px;
        color: #fff;
        font-family: "Montserrat",sans-serif;
        font-weight: 500;
        padding: 8px 15px;
        margin-bottom: 25px;
        display: inline-block
    }

    .tb-slider .slider-container .slide-content .txt-wrapper p {
        font-size: 16px;
        color: #454960;
        font-family: "Montserrat",sans-serif;
        font-weight: 500;
        line-height: normal
    }

@media (min-width:480px) {
    .tb-slider .slider-container .slide-content .txt-wrapper p {
        font-size: 18px
    }
}

@media (min-width:993px) {
    .tb-slider .slider-container .slide-content .txt-wrapper p {
        font-size: 20px
    }
}

@media (min-width:1200px) {
    .tb-slider .slider-container .slide-content .txt-wrapper p {
        font-size: 24px
    }
}

@media (min-width:1440px) {
    .tb-slider .slider-container .slide-content .txt-wrapper p {
        font-size: 30px
    }
}

.tb-slider .slider-container .slide-content .txt-wrapper p strong {
    font-weight: 700
}

.tb-slider .slider-container .slide-content img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.tb-slider .hide {
    display: none
}

.tb-slider #icons {
    display: none
}

.tb-slider .nav-wrapper {
    bottom: 235px;
    right: -80px;
    position: absolute;
    text-align: center;
    z-index: 10;
    transform: rotate(90deg);
    transform-origin: 0 0
}

@media (min-width:480px) {
    .tb-slider .nav-wrapper {
        right: -80px;
        top: auto
    }
}

@media (min-width:993px) {
    .tb-slider .nav-wrapper {
        bottom: 30px;
        top: auto;
        right: -20px;
        bottom: 50px;
        right: -40px;
        transform: rotate(0deg)
    }
}

@media (min-width:1440px) {
    .tb-slider .nav-wrapper {
        bottom: 50px;
        right: -40px
    }
}

.tb-slider .nav-wrapper .nav-arrows {
    position: relative;
    display: flex
}

.tb-slider .nav-wrapper .nav-up {
    background-color: #fe3161;
    opacity: 0
}

    .tb-slider .nav-wrapper .nav-up svg {
        transform: rotate(90deg);
        transform-origin: 50%;
        fill: #313d47
    }

.tb-slider .nav-wrapper .nav-down {
    background-color: #313d47
}

    .tb-slider .nav-wrapper .nav-down svg {
        transform: rotate(-90deg);
        transform-origin: 50%;
        fill: #fe3161
    }

.tb-slider .nav-wrapper .nav-up, .tb-slider .nav-wrapper .nav-down {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 40px;
    height: 35px
}

@media (min-width:993px) {
    .tb-slider .nav-wrapper .nav-up, .tb-slider .nav-wrapper .nav-down {
        width: 60px;
        height: 50px
    }
}

@media (min-width:1440px) {
    .tb-slider .nav-wrapper .nav-up, .tb-slider .nav-wrapper .nav-down {
        width: 80px;
        height: 70px
    }
}

.tb-slider .nav-wrapper .nav-up svg, .tb-slider .nav-wrapper .nav-down svg {
    width: 15px !important;
    height: 100%
}

@media (min-width:480px) {
    .tb-slider .nav-wrapper .nav-up svg, .tb-slider .nav-wrapper .nav-down svg {
        width: 15px !important
    }
}

@media (min-width:576px) {
    .tb-slider .nav-wrapper .nav-up svg, .tb-slider .nav-wrapper .nav-down svg {
        width: 20px !important
    }
}

@media (min-width:993px) {
    .tb-slider .nav-wrapper .nav-up svg, .tb-slider .nav-wrapper .nav-down svg {
        width: 30px !important
    }
}

@media (min-width:1440px) {
    .tb-slider .nav-wrapper .nav-up svg, .tb-slider .nav-wrapper .nav-down svg {
        width: 35px !important
    }
}

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

.innerbanner {
    display: flex;
    padding: 0;
    position: relative;
    z-index: 0
}

    .innerbanner img {
        position: relative;
        max-width: 100%;
        z-index: 9
    }

.cruisebkng-bnr {
    display: block;
    position: relative;
    margin-bottom: 0px !important
}

@media (min-width:1440px) {
    .cruisebkng-bnr {
        padding-top: 100px
    }
}

.cruisebkng-bnr img {
    width: auto !important
}

@media (min-width:1200px) {
    .cruisebkng-bnr img {
        margin-top: -100px;
        position: relative
    }
}

.cruisebkng-bnr .cl1 {
    display: inline-block;
    width: auto;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    background-image: url(../img/cruise2-cloud1.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: 0 center;
    z-index: 9
}

.cruisebkng-bnr .cl2 {
    display: inline-block;
    width: auto;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    background-image: url(../img/cruise2-cloud2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 center;
    z-index: 10
}

.cruisebkng-bnr .cl3 {
    display: inline-block;
    width: auto;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    background-image: url(../img/cruise2-cloud3.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 0 center;
    z-index: 12
}

.cruisebkng-bnr .cap {
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    text-align: right;
    height: auto !important;
    margin-bottom: 0;
    z-index: 11
}

@media (min-width:768px) {
    .cruisebkng-bnr .cap {
        position: absolute;
        top: auto
    }
}

@media (min-width:993px) {
    .cruisebkng-bnr .cap {
        top: auto
    }
}

@media (min-width:1200px) {
    .cruisebkng-bnr .cap {
        display: flex;
        width: auto;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        top: 0
    }
}

@media (min-width:1440px) {
    .cruisebkng-bnr .cap {
        align-items: flex-end
    }
}

.cruisebkng-bnr .cap h1 {
    color: #f23262;
    display: inline-block;
    width: auto;
    font-weight: 800;
    margin-bottom: 15px;
    padding-right: 5px;
    text-align: right;
    line-height: 55px;
    background: linear-gradient(to right,#ec3161 20%,#134796 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase
}

@media (min-width:576px) {
    .cruisebkng-bnr .cap h1 {
        font-size: 100px;
        line-height: 85px
    }
}

@media (min-width:768px) {
    .cruisebkng-bnr .cap h1 {
        width: auto;
        font-size: 150px;
        line-height: 115px;
        letter-spacing: -12px;
        margin-left: 0;
        margin-bottom: 30px;
        text-align: center
    }
}

@media (min-width:993px) {
    .cruisebkng-bnr .cap h1 {
        width: auto;
        font-size: 150px;
        line-height: 115px;
        letter-spacing: -12px;
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .cruisebkng-bnr .cap h1 {
        font-size: 180px;
        line-height: 150px;
        letter-spacing: -16px;
        height: auto;
        margin: 0 auto 30px
    }
}

@media (min-width:1440px) {
    .cruisebkng-bnr .cap h1 {
        font-size: 200px;
        line-height: 150px;
        margin-top: 40px;
        width: 800px
    }
}

.ctb.ticket-booking {
    position: relative;
    height: 100%;
    margin-top: -60px;
    margin-bottom: 50px
}

@media (min-width:768px) {
    .ctb.ticket-booking {
        margin-top: -90px;
        margin-bottom: 60px
    }
}

@media (min-width:993px) {
    .ctb.ticket-booking {
        margin-top: -120px;
        margin-bottom: 70px
    }
}

@media (min-width:1200px) {
    .ctb.ticket-booking {
        margin-top: -150px;
        margin-bottom: 80px
    }
}

@media (min-width:1440px) {
    .ctb.ticket-booking {
        margin-top: -175px;
        margin-bottom: 100px
    }
}

.ctb.ticket-booking .formbox-square {
    position: static
}

.ctb.ticket-booking .formbox {
    padding: 80px;
    box-shadow: -1.675px 47.971px 106px rgba(175,189,198,.37);
    margin-top: 0;
    position: static !important;
    z-index: 999;
    background: #fff
}

@media (min-width:1200px) {
    .ctb.ticket-booking .formbox {
        float:left;
        max-width: 100%
    }
}

.ctb.ticket-booking .formbox .pnl-header {
    display: inline-block;
    width: 100%;
    margin-bottom: 70px
}

    .ctb.ticket-booking .formbox .pnl-header .trip-switch {
        background-color: #b459df !important
    }

        .ctb.ticket-booking .formbox .pnl-header .trip-switch li.active a {
            color: #b459df !important
        }

    .ctb.ticket-booking .formbox .pnl-header p {
        display: inline-block;
        width: 60%;
        float: right;
        text-align: right;
        font-size: 10px;
        text-transform: uppercase;
        color: #7c7e86;
        font-weight: 600;
        line-height: 18px;
        letter-spacing: 2px
    }

.ctb.ticket-booking .formbox .pnl-body {
    position: relative
}

    .ctb.ticket-booking .formbox .pnl-body:before {
        position: absolute;
        content: "";
        background: url(../img/switch-icon.png);
        width: 30px;
        height: 30px;
        top: 45px;
        left: 31%;
        margin: auto 0
    }

    .ctb.ticket-booking .formbox .pnl-body form {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center
    }

        .ctb.ticket-booking .formbox .pnl-body form .form-field {
            position: relative;
            margin-bottom: 30px;
            width: 28%
        }

            .ctb.ticket-booking .formbox .pnl-body form .form-field label {
                display: inline-block;
                width: 100%;
                text-align: left;
                font-size: 11px;
                color: #464646;
                text-transform: uppercase;
                letter-spacing: 1px;
                margin-bottom: 10px
            }

            .ctb.ticket-booking .formbox .pnl-body form .form-field .inputype1 {
                border: none;
                border-bottom: 1px solid #f89605;
                padding: 10px 0;
                color: #999;
                text-transform: uppercase;
                letter-spacing: 1px;
                font-size: 15px;
                width: 100%
            }

            .ctb.ticket-booking .formbox .pnl-body form .form-field:after {
                content: "";
                position: absolute;
                width: 30px;
                height: 40px;
                font-family: "gotraveller";
                font-size: 36px;
                bottom: 5px;
                right: 0
            }

            .ctb.ticket-booking .formbox .pnl-body form .form-field.icon-location:after {
                content: ""
            }

            .ctb.ticket-booking .formbox .pnl-body form .form-field.icon-calendar:after {
                content: ""
            }

    .ctb.ticket-booking .formbox .pnl-body .btn-group {
        display: inline-block;
        align-items: center;
        width: 100%;
        margin-top: 60px
    }

        .ctb.ticket-booking .formbox .pnl-body .btn-group .btn-right {
            float: right
        }

.luxury-cruises {
    position: relative;
    padding-bottom: 50px;
    overflow: hidden;
    display: block
}

@media (min-width:768px) {
    .luxury-cruises {
        padding-bottom: 60px
    }
}

@media (min-width:993px) {
    .luxury-cruises {
        padding-bottom: 70px
    }
}

@media (min-width:1200px) {
    .luxury-cruises {
        padding-bottom: 80px
    }
}

@media (min-width:1440px) {
    .luxury-cruises {
        padding-bottom: 100px
    }
}

.luxury-cruises .dottedtext {
    z-index: -1
}

@media (min-width:1200px) {
    .luxury-cruises .dottedtext {
        text-align: left;
        right: -20%
    }
}

.luxury-cruises .ctrl-wraper2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width:1200px) {
    .luxury-cruises .ctrl-wraper2 {
        flex-direction: row
    }
}

.luxury-cruises .prime-cruise {
    float:left;
    max-width: 100%;
    margin-bottom: 30px
}

@media (min-width:993px) {
    .luxury-cruises .prime-cruise {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .luxury-cruises .prime-cruise {
        float:left;
        max-width: 58.3333333333%;
        margin-bottom: 0
    }
}

.luxury-cruises .prime-cruise h3 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    color: #34404b;
    text-transform: capitalize;
    display: block
}

@media (min-width:768px) {
    .luxury-cruises .prime-cruise h3 {
        font-size: 48px;
        line-height: 38px
    }
}

@media (min-width:993px) {
    .luxury-cruises .prime-cruise h3 {
        font-size: 56px;
        line-height: 46px
    }
}

@media (min-width:1200px) {
    .luxury-cruises .prime-cruise h3 {
        float:left;
        max-width: 58.3333333333%;
        font-size: 80px;
        line-height: 70px;
        margin-bottom: 25px
    }
}

@media (min-width:1440px) {
    .luxury-cruises .prime-cruise h3 {
        font-size: 100px;
        line-height: 90px;
        margin-bottom: 30px
    }
}

.luxury-cruises .prime-cruise h3 br {
    display: none
}

@media (min-width:1200px) {
    .luxury-cruises .prime-cruise h3 br {
        display: block
    }
}

.luxury-cruises .prime-cruise p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 40px;
    letter-spacing: 1px;
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    color: #7c7e86;
    text-transform: uppercase;
    max-width: 100%
}

@media (min-width:993px) {
    .luxury-cruises .prime-cruise p {
        margin-bottom: 60px;
        max-width: 80%
    }
}

@media (min-width:1200px) {
    .luxury-cruises .prime-cruise p {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 70px;
        letter-spacing: 2px;
        max-width: 70%
    }
}

@media (min-width:1440px) {
    .luxury-cruises .prime-cruise p {
        margin-bottom: 85px;
        letter-spacing: 3px
    }
}

.luxury-cruises .prime-cruise .prime-cruise-list {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0
}

@media (min-width:1440px) {
    .luxury-cruises .prime-cruise .prime-cruise-list {
        width: 85%;
        margin: -15px
    }
}

.luxury-cruises .prime-cruise .prime-cruise-list li {
    margin: 5px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    overflow: hidden
}

@media (min-width:768px) {
    .luxury-cruises .prime-cruise .prime-cruise-list li {
        width: 80px;
        height: 80px
    }
}

@media (min-width:1200px) {
    .luxury-cruises .prime-cruise .prime-cruise-list li {
        margin: 10px;
        width: 105px;
        height: 105px
    }
}

@media (min-width:1440px) {
    .luxury-cruises .prime-cruise .prime-cruise-list li {
        margin: 15px
    }
}

.luxury-cruises .prime-cruise .prime-cruise-list li img {
    height: 100%
}

.luxury-cruises .selected-cruise {
    float:left;
    max-width: 100%;
    text-align: left
}

@media (min-width:1200px) {
    .luxury-cruises .selected-cruise {
        float:left;
        max-width: 41.6666666667%;
        text-align: right
    }
}

.luxury-cruises .selected-cruise .gt-shape {
    font-size: 540px;
    text-shadow: none;
    color: #f6f7fa;
    transform: rotate(210deg);
    top: 0;
    left: 140px
}

.cruise-tripmap {
    background-size: cover;
    min-height: 500px;
    position: relative;
    z-index: 0
}

@media (min-width:480px) {
    .cruise-tripmap {
        min-height: 500px
    }
}

@media (min-width:768px) {
    .cruise-tripmap {
        min-height: 635px
    }
}

@media (min-width:1200px) {
    .cruise-tripmap {
        min-height: 635px
    }
}

.cruise-tripmap .ctrl-wraper2 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important
}

.cruise-tripmap canvas {
    position: absolute !important;
    top: 0;
    z-index: -2;
    width: 100% !important;
    height: 100% !important
}

.cruise-tripmap .tripmap-cntbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 250px;
    margin-top: 50px;
    width: 100%;
    height: 100%
}

@media (min-width:768px) {
    .cruise-tripmap .tripmap-cntbox {
        margin-top: 50px;
        margin-bottom: 350px
    }
}

@media (min-width:1200px) {
    .cruise-tripmap .tripmap-cntbox {
        margin-bottom: 100px;
        margin-top: 240px
    }
}

@media (min-width:1440px) {
    .cruise-tripmap .tripmap-cntbox {
        margin-bottom: 130px
    }
}

.cruise-tripmap .tripmap-cntbox:after {
    content: none !important
}

.cruise-tripmap .tripmap-cntbox .left {
    position: relative;
    width: 100%;
    text-align: center;
    z-index: 1
}

@media (min-width:1200px) {
    .cruise-tripmap .tripmap-cntbox .left {
        float:left;
        max-width: 33.3333333333%;
        text-align: left
    }
}

.cruise-tripmap .tripmap-cntbox .left h3 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 15px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    color: #fff
}

@media (min-width:480px) {
    .cruise-tripmap .tripmap-cntbox .left h3 {
        font-size: 42px;
        line-height: 40px
    }
}

@media (min-width:768px) {
    .cruise-tripmap .tripmap-cntbox .left h3 {
        font-size: 52px;
        line-height: 40px;
        margin-bottom: 20px
    }
}

@media (min-width:993px) {
    .cruise-tripmap .tripmap-cntbox .left h3 {
        font-size: 60px;
        line-height: 50px;
        margin-bottom: 25px
    }
}

@media (min-width:1200px) {
    .cruise-tripmap .tripmap-cntbox .left h3 {
        font-size: 72px;
        line-height: 60px;
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .cruise-tripmap .tripmap-cntbox .left h3 {
        font-size: 90px;
        line-height: 75px
    }
}

.cruise-tripmap .tripmap-cntbox .left h3 br {
    display: none
}

@media (min-width:768px) {
    .cruise-tripmap .tripmap-cntbox .left h3 br {
        display: block
    }
}

.cruise-tripmap .tripmap-cntbox .left span {
    font-size: 14px;
    font-family: "Montserrat",sans-serif;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    line-height: normal
}

@media (min-width:768px) {
    .cruise-tripmap .tripmap-cntbox .left span {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .cruise-tripmap .tripmap-cntbox .left span {
        font-size: 18px
    }
}

.cruise-tripmap .tripmap-cntbox .right {
    padding-top: 0;
    width: 100%
}

@media (min-width:1200px) {
    .cruise-tripmap .tripmap-cntbox .right {
        padding-top: 45px;
        float:left;
        max-width: 16.6666666667%;
        margin-left: 50%;
        padding-top: 45px
    }
}

.cruise-tripmap .tripmap-cntbox .right p {
    font-size: 13px;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    text-transform: capitalize;
    color: #fff;
    text-align: center;
    display: inline-block;
    line-height: normal;
    letter-spacing: 0;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .cruise-tripmap .tripmap-cntbox .right p {
        font-size: 14px
    }
}

@media (min-width:1200px) {
    .cruise-tripmap .tripmap-cntbox .right p {
        text-align: left;
        font-size: 15px
    }
}

.cruise-tripmap .tripmap-cntbox .right p br {
    display: none
}

@media (min-width:1200px) {
    .cruise-tripmap .tripmap-cntbox .right p br {
        display: block
    }
}

.cruise-tripmap p {
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    line-height: normal;
    text-align: center;
    letter-spacing: 2px;
    margin-bottom: 65px
}

.cruise-tripmap .dottedmap-area1 {
    position: absolute;
    margin: auto;
    top: 100px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

@media (min-width:768px) {
    .cruise-tripmap .dottedmap-area1 {
        display: block;
        top: 150px
    }
}

@media (min-width:1200px) {
    .cruise-tripmap .dottedmap-area1 {
        top: 0
    }
}

.wmyha {
    position: relative
}

.awesome-holiday {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width:993px) {
    .awesome-holiday {
        flex-direction: row
    }
}

.awesome-holiday:before {
    content: "";
    text-align: right;
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: 100%;
    left: 0
}

.awesome-holiday .left {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    padding-top: 30px
}

@media (min-width:768px) {
    .awesome-holiday .left {
        float:left;
        max-width: 33.3333333333%;
        padding-right: 40px;
        justify-content: flex-end;
        padding-top: 0
    }
}

@media (min-width:993px) {
    .awesome-holiday .left {
        float:left;
        max-width: 41.6666666667%;
        padding-right: 50px
    }
}

@media (min-width:1200px) {
    .awesome-holiday .left {
        float:left;
        max-width: 41.6666666667%;
        padding-right: 60px
    }
}

.awesome-holiday .left img {
    position: relative;
    max-width: 100%;
    margin-top: 0
}

@media (min-width:993px) {
    .awesome-holiday .left img {
        margin-top: -50px
    }
}

.awesome-holiday .right {
    padding: 50px 0
}

@media (min-width:768px) {
    .awesome-holiday .right {
        float:left;
        max-width: 66.6666666667%;
        padding: 80px 0
    }
}

@media (min-width:993px) {
    .awesome-holiday .right {
        float:left;
        max-width: 58.3333333333%;
        padding: 100px 0
    }
}

@media (min-width:1200px) {
    .awesome-holiday .right {
        float:left;
        max-width: 58.3333333333%;
        padding: 120px 0
    }
}

@media (min-width:1440px) {
    .awesome-holiday .right {
        padding: 150px 0
    }
}

.awesome-holiday .right span, .awesome-holiday .text-deals span {
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0;
    margin-bottom: 10px;
    font-family: "Montserrat",sans-serif;
    font-weight: 600;
    color: #152266;
    display: block
}

@media (min-width:768px) {
    .awesome-holiday .right span, .awesome-holiday .text-deals span {
        font-size: 22px;
        line-height: 22px
    }
}

@media (min-width:993px) {
    .awesome-holiday .right span, .awesome-holiday .text-deals span {
        font-size: 28px;
        line-height: 28px;
        letter-spacing: -1px
    }
}

@media (min-width:1200px) {
    .awesome-holiday .right span, .awesome-holiday .text-deals span {
        font-size: 32px;
        line-height: 32px;
        letter-spacing: -2px;
        margin-bottom: 15px
    }
}

@media (min-width:1440px) {
    .awesome-holiday .right span, .awesome-holiday .text-deals span {
        font-size: 34px;
        line-height: 34px
    }
}

.awesome-holiday .right h3, .awesome-holiday .text-deals h3 {
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 40px;
    letter-spacing: -2px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    color: #152266;
    text-transform: uppercase;
    display: block
}

@media (min-width:768px) {
    .awesome-holiday .right h3, .awesome-holiday .text-deals h3 {
        font-size: 52px;
        line-height: 40px;
        margin-bottom: 20px;
        letter-spacing: -3px
    }
}

@media (min-width:993px) {
    .awesome-holiday .right h3, .awesome-holiday .text-deals h3 {
        font-size: 60px;
        line-height: 50px;
        margin-bottom: 25px;
        letter-spacing: -4px
    }
}

@media (min-width:1200px) {
    .awesome-holiday .right h3, .awesome-holiday .text-deals h3 {
        font-size: 72px;
        line-height: 60px;
        margin-bottom: 30px;
        letter-spacing: -5px
    }
}

@media (min-width:1440px) {
    .awesome-holiday .right h3, .awesome-holiday .text-deals h3 {
        font-size: 90px;
        line-height: 80px;
        margin-bottom: 10px;
        letter-spacing: -6px
    }
}

.awesome-holiday .right p, .awesome-holiday .text-deals p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
    color: #777;
    display: block;
    text-align: justify
}

@media (min-width:768px) {
    .awesome-holiday .right p, .awesome-holiday .text-deals p {
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {
    .awesome-holiday .right p, .awesome-holiday .text-deals p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 5px
    }
}

.awesome-holiday .right .btn-readmore {
    padding: 13px 30px;
    display: inline-block;
    text-transform: uppercase
}

.happy-traveller {
    position: relative
}

@media (min-width:768px) {
    .happy-traveller {
        height: 700px
    }
}

@media (min-width:993px) {
    .happy-traveller {
        height: 1060px
    }
}

@media (min-width:1200px) {
    .happy-traveller {
        height: auto
    }
}

.happy-traveller img {
    display: block;
    width: 100%
}

.subscribe-bar {
    padding: 20px;
    background-color: #EBEBEB;
    margin-bottom: 50px;
	margin-top: 35px;
}

@media (min-width:480px) {
    .subscribe-bar {
        margin-bottom: 60px
    }
}

@media (min-width:768px) {
    .subscribe-bar {
        padding: 30px;
        margin-bottom: 60px
    }
}

@media (min-width:993px) {
    .subscribe-bar {
        padding: 40px;
        margin-bottom: 70px
    }
}

@media (min-width:1200px) {
    .subscribe-bar {
        padding: 50px;
        margin-bottom: 70px
    }
}

@media (min-width:1440px) {
    .subscribe-bar {
        margin-bottom: 70px;
        padding: 60px
    }
}

.subscribe-bar .subscribe {
    display: block
}

@media (min-width:768px) {
    .subscribe-bar .subscribe {
        flex-direction: row
    }
}

.subscribe-bar .subscribe h3 {
    display: none;
    font-size: 24px;
    line-height: 24px;
    margin-right: 25px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    color: #152266;
    letter-spacing: 0;
    margin-bottom: 0;
    display: block
}

.subscribe p {
    color: #152266;
    font-size: 16px;
    font-weight: 500;
    font-family: "Montserrat",sans-serif
}

@media (min-width:576px) {
    .subscribe-bar .subscribe h3 {
        font-size: 18px;
        line-height: 30px
    }
}

@media (min-width:768px) {
    .subscribe-bar .subscribe h3 {
        font-size: 22px;
        line-height: 32px
    }
}

@media (min-width:993px) {
    .subscribe-bar .subscribe h3 {
        font-size: 28px;
        line-height: 40px
    }
}

@media (min-width:1200px) {
    .subscribe-bar .subscribe h3 {
        font-size: 32px;
        line-height: 40px
    }
}

@media (min-width:1440px) {
    .subscribe-bar .subscribe h3 {
        font-size: 35px;
        line-height: 42px
    }
}

.subscribe-bar .subscribe .subscribtion-form {
    width: 100%
}

    .subscribe-bar .subscribe .subscribtion-form input {
        display: inline-block;
        width: 100%;
        border: none;
        border-bottom: 1px solid #fff;
        padding: 20px 0;
        font-size: 11px;
        color: #fff;
        background: transparent;
        text-transform: capitalize;
        padding-right: 100px !important
    }

        .subscribe-bar .subscribe .subscribtion-form input::placeholder {
            color: #759fd3;
            text-transform: uppercase;
            letter-spacing: 1px
        }

@media (min-width:993px) {
    .subscribe-bar .subscribe .subscribtion-form input::placeholder {
        letter-spacing: 2px
    }
}

@media (min-width:1200px) {
    .subscribe-bar .subscribe .subscribtion-form input::placeholder {
        letter-spacing: 3px
    }
}

.subscribe-bar .subscribe .subscribtion-form button, .subscribe-bar .subscribe .subscribtion-form .btn-submit {
    position: absolute;
    top: 18px;
    right: 0;
    font-size: 14px;
    letter-spacing: 2px;
    color: #fff;
    font-weight: 600;
    background: transparent;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 9
}

@media (min-width:993px) {
    .subscribe-bar .subscribe .subscribtion-form button, .subscribe-bar .subscribe .subscribtion-form .btn-submit {
        font-size: 14px;
        letter-spacing: 2px
    }
}

@media (min-width:1440px) {
    .subscribe-bar .subscribe .subscribtion-form button, .subscribe-bar .subscribe .subscribtion-form .btn-submit {
        font-size: 14px;
        letter-spacing: 2px
    }
}

body.flightbooking footer .bottom-left {
    position: absolute;
    bottom: 600px;
    width: 100%
}

@media (min-width:1200px) {
    body.flightbooking footer .bottom-left {
        top: 0
    }
}

body.flightbooking footer .bottom-left .shapes2 {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(-90deg)
}

@media (min-width:576px) {
    body.flightbooking footer .bottom-left .shapes2 {
        width: 200px;
        height: 200px
    }
}

@media (min-width:993px) {
    body.flightbooking footer .bottom-left .shapes2 {
        width: 300px;
        height: 300px
    }
}

@media (min-width:1440px) {
    body.flightbooking footer .bottom-left .shapes2 {
        width: 400px;
        height: 400px
    }
}

body.flightbooking footer .bottom-left .shapes3 {
    bottom: -250px;
    opacity: .2
}

.canvas-wrapper {
    display: flex;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 1080px;
    z-index: -1
}

    .canvas-wrapper canvas {
        display: block;
        position: absolute;
        left: 0;
        top: 0
    }

#boat1 {
    position: absolute;
    transform-origin: 500px 500px;
    animation: boat1 10s linear infinite;
    animation-delay: 0.25s;
    right: 0;
    bottom: 50px;
    width: 50px
}

@media (min-width:1200px) {
    #boat1 {
        right: 50px;
        bottom: 50px;
        width: auto
    }
}

@media (min-width:1440px) {
    #boat1 {
        right: 100px;
        bottom: 100px
    }
}

#boat2 {
    left: 0;
    bottom: 100px;
    width: 80px;
    position: absolute;
    animation: boat2 3s linear infinite
}

@media (min-width:1200px) {
    #boat2 {
        left: 100px;
        bottom: 100px;
        width: auto
    }
}

@media (min-width:1440px) {
    #boat2 {
        left: 300px;
        bottom: 100px
    }
}

@keyframes boat1 {
    0% {
        transform: rotate(1deg) translate(0,0)
    }

    25% {
        transform: rotate(-1deg) translate(0,-15px)
    }

    50% {
        transform: rotate(1deg) translate(0,0)
    }

    75% {
        transform: rotate(-1deg) translate(0,-10px)
    }

    100% {
        transform: rotate(1deg) translate(0,0)
    }
}

@keyframes boat2 {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(-5deg)
    }

    100% {
        transform: rotate(0)
    }
}

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

body.about-page {
    background-color: #f8f8f8
}

    body.about-page .innerwrapper {
        position: relative;
        display: inline-block;
        width: 100%
    }

    body.about-page .bst-srcrslt {
        position: relative;
        z-index: 9;
        padding-top: 0;
        margin-bottom: 130px
    }

    body.about-page .cmn-header {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: 100px
    }

@media (min-width:768px) {
    body.about-page .cmn-header {
        margin-bottom: 150px
    }
}

@media (min-width:993px) {
    body.about-page .cmn-header {
        flex-direction: row
    }
}

@media (min-width:1200px) {
    body.about-page .cmn-header {
        margin-bottom: 190px
    }
}

body.about-page .cmn-header h1 {
    text-transform: capitalize;
    font-weight: 800;
    letter-spacing: 0
}

body.about-page .cmn-header .hdr-rght {
    display: flex;
    align-items: center;
    position: relative;
    width: 50%;
    justify-content: flex-end
}

    body.about-page .cmn-header .hdr-rght span {
        font-family: "Montserrat",sans-serif;
        color: #777;
        letter-spacing: 2px;
        font-size: 11px;
        text-transform: uppercase;
        display: inline-block;
        margin-right: 30px
    }

    body.about-page .cmn-header .hdr-rght:before {
        content: "";
        width: 50%;
        height: 1px;
        background-color: #999;
        position: absolute;
        left: 0
    }

.about-company {
    background-color: #fff;
    position: relative;
    overflow: hidden
}

    .about-company .ctrl-wraper2 {
        position: relative
    }

    .about-company .about-header {
        display: flex;
        flex-direction: column
    }

@media (min-width:1200px) {
    .about-company .about-header {
        flex-direction: row
    }
}

@media (min-width:1920px) {
    .about-company .about-header {
        margin-bottom: 200px
    }
}

.about-company .about-header header {
    padding-top: 30px;
    padding-bottom: 30px;
    z-index: 1
}

@media (min-width:480px) {
    .about-company .about-header header {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (min-width:768px) {
    .about-company .about-header header {
        padding-top: 50px;
        padding-bottom: 30px
    }
}

@media (min-width:993px) {
    .about-company .about-header header {
        padding-top: 70px;
        padding-bottom: 30px
    }
}

@media (min-width:1200px) {
    .about-company .about-header header {
        width: 40%;
        padding-top: 80px;
        padding-bottom: 70px
    }
}

@media (min-width:1920px) {
    .about-company .about-header header {
        width: 30%;
        padding-top: 120px;
        padding-bottom: 100px
    }
}

@media (min-width:1200px) {
    .about-company .about-header header .source {
        margin-bottom: 440px
    }
}

.about-company .about-header header .source strong {
    color: #333f4b;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    font-family: "Montserrat",sans-serif;
    display: block;
    font-weight: 700;
    text-transform: capitalize
}

@media (min-width:480px) {
    .about-company .about-header header .source strong {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 15px;
        letter-spacing: -1px
    }
}

@media (min-width:768px) {
    .about-company .about-header header .source strong {
        font-size: 42px;
        line-height: 42px;
        margin-bottom: 20px;
        letter-spacing: -2px
    }
}

@media (min-width:1200px) {
    .about-company .about-header header .source strong {
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 25px
    }
}

.about-company .about-header header .source span {
    color: #444343;
    font-size: 11px;
    line-height: 11px;
    letter-spacing: 1px;
    font-family: "Montserrat",sans-serif;
    display: block;
    text-transform: uppercase;
    font-weight: 700
}

@media (min-width:768px) {
    .about-company .about-header header .source span {
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 1px
    }
}

.about-company .about-header header .source span a {
    font-weight: 500;
    color: #444343
}

.about-company .about-header header .abt-title {
    padding: 20px 0 40px;
    position: relative;
    width: 100%;
    padding-left: 0px !important;
    z-index: 9;
    background-color: #fff
}

@media (min-width:480px) {
    .about-company .about-header header .abt-title {
        padding: 20px 20px 40px;
        position: relative
    }
}

@media (min-width:768px) {
    .about-company .about-header header .abt-title {
        padding: 30px 40px 50px;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .about-company .about-header header .abt-title {
        box-shadow: 71.418px 71.418px 84px rgba(103,122,141,.17);
        position: absolute;
        padding: 50px;
        top: 250px;
        width: 550px
    }
}

@media (min-width:1440px) {
    .about-company .about-header header .abt-title {
        padding: 60px;
        width: 630px
    }
}

@media (max-width:1199px) {
    .about-company .about-header header .abt-title {
        transform: unset !important
    }
}

.about-company .about-header header .abt-title h2 {
    color: #333f4b;
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 0;
    margin: 0px !important;
    font-family: "Playfair Display",serif;
    font-weight: 500;
    display: inline-block;
    width: auto
}

@media (min-width:480px) {
    .about-company .about-header header .abt-title h2 {
        font-size: 38px;
        line-height: 40px;
        letter-spacing: 0
    }
}

@media (min-width:768px) {
    .about-company .about-header header .abt-title h2 {
        font-size: 42px;
        line-height: 44px;
        letter-spacing: -1px
    }
}

@media (min-width:1200px) {
    .about-company .about-header header .abt-title h2 {
        font-size: 52px;
        line-height: 60px;
        letter-spacing: -2px;
        margin: 0px !important
    }
}

@media (min-width:1440px) {
    .about-company .about-header header .abt-title h2 {
        font-size: 60px;
        line-height: 70px
    }
}

.about-company .about-header header .abt-title:before {
    content: "";
    background-color: #fff;
    height: 100%;
    width: 2000px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: 71.418px 71.418px 84px rgba(103,122,141,.17);
    z-index: -1
}

.about-company .about-header header .abt-title .postdate {
    background-color: #2678d2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 155px;
    position: absolute;
    bottom: -20px;
    left: 0
}

@media (min-width:768px) {
    .about-company .about-header header .abt-title .postdate {
        width: 170px
    }
}

.about-company .about-header header .abt-title .postdate .pdicon {
    padding: 4px 10px
}

@media (min-width:768px) {
    .about-company .about-header header .abt-title .postdate .pdicon {
        padding: 8px 10px
    }
}

.about-company .about-header header .abt-title .postdate .pdicon img {
    width: 16px
}

@media (min-width:768px) {
    .about-company .about-header header .abt-title .postdate .pdicon img {
        width: auto
    }
}

.about-company .about-header header .abt-title .postdate .date {
    background-color: #ff4981;
    color: #fff;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 600;
    width: 120px;
    padding: 11px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:768px) {
    .about-company .about-header header .abt-title .postdate .date {
        padding: 16px;
        width: 130px
    }
}

.about-company .about-header .about-banner-box {
    position: static;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .about-company .about-header .about-banner-box {
        height: 100%
    }
}

@media (min-width:1200px) {
    .about-company .about-header .about-banner-box {
        width: 100%;
        height: 700px;
        position: absolute;
        margin-bottom: 0
    }
}

@media (min-width:1920px) {
    .about-company .about-header .about-banner-box {
        height: 800px
    }
}

.about-company .about-header .about-banner-box img {
    position: static;
    top: 0;
    bottom: auto;
    width: 100%;
    margin: auto
}

@media (min-width:1200px) {
    .about-company .about-header .about-banner-box img {
        position: absolute;
        right: -25%
    }
}

@media (min-width:1920px) {
    .about-company .about-header .about-banner-box img {
        height: 100%;
        bottom: 0
    }
}

.about-company .about-contant-box {
    display: flex
}

    .about-company .about-contant-box .company-logo {
        display: none
    }

@media (min-width:993px) {
    .about-company .about-contant-box .company-logo {
        display: block;
        float:left;
        max-width: 25%
    }
}

@media (min-width:1920px) {
    .about-company .about-contant-box .company-logo {
        float:left;
        max-width: 16.6666666667%;
        margin-left: 8.3333333333%
    }
}

.about-company .about-contant-box .company-dtls {
    margin-bottom: 40px;
    float:left;
    max-width: 100%
}

@media (min-width:993px) {
    .about-company .about-contant-box .company-dtls {
        margin-bottom: 50px;
        float:left;
        max-width: 75%
    }
}

@media (min-width:1200px) {
    .about-company .about-contant-box .company-dtls {
        margin-bottom: 60px
    }
}

@media (min-width:1920px) {
    .about-company .about-contant-box .company-dtls {
        margin-bottom: 100px
    }
}

.about-company .about-contant-box .company-dtls h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
    color: #333f4b;
    font-style: italic;
    font-family: "Playfair Display",serif
}

@media (min-width:1920px) {
    .about-company .about-contant-box .company-dtls h3 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 80px
    }
}

.about-company .about-contant-box .company-dtls p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #5a6f84;
    font-family: 'Poppins',sans-serif;
    font-weight: 400
}

@media (min-width:1920px) {
    .about-company .about-contant-box .company-dtls p {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 30px
    }
}

.about-company .about-contant-box .company-dtls p:nth-last-of-type(1) {
    margin-bottom: 0
}

.about-company .team-member {
    margin-bottom: 40px
}

@media (min-width:768px) {
    .about-company .team-member {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .about-company .team-member {
        float:left;
        max-width: 75%;
        margin-left: 25%;
        margin-bottom: 60px
    }
}

@media (min-width:1920px) {
    .about-company .team-member {
        margin-bottom: 100px
    }
}

.about-company .team-member h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 40px;
    color: #333f4b;
    font-family: "Montserrat",sans-serif;
    font-weight: 700
}

@media (min-width:768px) {
    .about-company .team-member h2 {
        font-size: 36px;
        line-height: 34px;
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .about-company .team-member h2 {
        font-size: 42px;
        line-height: 40px;
        margin-bottom: 60px
    }
}

@media (min-width:1920px) {
    .about-company .team-member h2 {
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 100px
    }
}

.about-company .team-member figure img {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .about-company .team-member figure img {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .about-company .team-member figure img {
        margin-bottom: 60px
    }
}

@media (min-width:1920px) {
    .about-company .team-member figure img {
        margin-bottom: 80px
    }
}

.about-company .team-member figure figcaption {
    color: #5a6f84;
    font-style: italic;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    font-style: italic
}

@media (min-width:1920px) {
    .about-company .team-member figure figcaption {
        font-size: 18px;
        line-height: 26px;
        width: 80%
    }
}

.partners-box {
    margin-bottom: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (min-width:480px) {
    .partners-box {
        margin-bottom: 50px
    }
}

@media (min-width:768px) {
    .partners-box {
        margin-bottom: 60px
    }
}

@media (min-width:1200px) {
    .partners-box {
        margin-bottom: 80px
    }
}

@media (min-width:1366px) {
    .partners-box {
        margin-bottom: 100px
    }
}

@media (min-width:1920px) {
    .partners-box {
        margin-bottom: 150px
    }
}

.partners-box:nth-last-of-type(1) {
    margin-bottom: 0
}

.partners-box .travel-partners-list {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:480px) {
    .partners-box .travel-partners-list {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 40px
    }
}

@media (min-width:993px) {
    .partners-box .travel-partners-list {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 50px
    }
}

@media (min-width:1366px) {
    .partners-box .travel-partners-list {
        padding-left: 0;
        padding-right: 0
    }
}

.partners-box .travel-partners-list h3 {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: -1px;
    color: #333f4b;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 15px;
    text-align: center
}

@media (min-width:480px) {
    .partners-box .travel-partners-list h3 {
        font-size: 32px;
        line-height: 32px
    }
}

@media (min-width:993px) {
    .partners-box .travel-partners-list h3 {
        font-size: 36px;
        line-height: 36px;
        letter-spacing: -2px;
        text-align: left
    }
}

@media (min-width:1366px) {
    .partners-box .travel-partners-list h3 {
        font-size: 40px;
        line-height: 40px
    }
}

@media (min-width:1920px) {
    .partners-box .travel-partners-list h3 {
        font-size: 50px;
        line-height: 50px
    }
}

.partners-box .travel-partners-list span {
    font-size: 16px;
    color: #333f4b;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-family: 'Poppins',sans-serif;
    font-weight: 700
}

@media (min-width:768px) {
    .partners-box .travel-partners-list span {
        margin-bottom: 40px
    }
}

@media (min-width:993px) {
    .partners-box .travel-partners-list span {
        width: auto;
        text-align: left
    }
}

@media (min-width:1200px) {
    .partners-box .travel-partners-list span {
        margin-bottom: 60px
    }
}

@media (min-width:1920px) {
    .partners-box .travel-partners-list span {
        margin-bottom: 80px
    }
}

.partners-box .travel-partners-list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 -15px
}

@media (min-width:993px) {
    .partners-box .travel-partners-list ul {
        justify-content: flex-start
    }
}

@media (min-width:1200px) {
    .partners-box .travel-partners-list ul {
        flex-wrap: nowrap
    }
}

.partners-box .travel-partners-list ul li {
    padding: 10px
}

@media (min-width:768px) {
    .partners-box .travel-partners-list ul li {
        width: 25%
    }
}

@media (min-width:993px) {
    .partners-box .travel-partners-list ul li {
        padding: 10px
    }
}

@media (min-width:1920px) {
    .partners-box .travel-partners-list ul li {
        padding: 15px
    }
}

@media (max-width:480px) {
    .partners-box .travel-partners-list ul li {
        width: 33.33%
    }
}

.partners-box .dottedbg-pattern {
    z-index: -1;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center
}

.people-saying {
    padding: 40px 0;
    margin-bottom: 30px;
    box-shadow: .022px 32.754px 25.5px rgba(0,0,0,.05);
    background-color: #fff;
    border-top: 1px solid #f0f0f0
}

@media (min-width:768px) {
    .people-saying {
        margin-bottom: 40px;
        padding: 50px 0
    }
}

@media (min-width:993px) {
    .people-saying {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .people-saying {
        padding: 60px 0
    }
}

@media (min-width:1920px) {
    .people-saying {
        margin-bottom: 80px;
        padding: 80px 0
    }
}

.people-saying .ctrl-wraper2 {
    display: flex;
    flex-direction: column
}

@media (min-width:993px) {
    .people-saying .ctrl-wraper2 {
        flex-direction: row
    }
}

.people-saying header {
    text-align: center
}

@media (min-width:993px) {
    .people-saying header {
        float:left;
        max-width: 33.3333333333%;
        text-align: left
    }
}

@media (min-width:1200px) {
    .people-saying header {
        float:left;
        max-width: 25%
    }
}

@media (min-width:1920px) {
    .people-saying header {
        float:left;
        max-width: 25%
    }
}

.people-saying header h3 {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: -1px;
    color: #333f4b;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 15px;
    text-align: center
}

@media (min-width:480px) {
    .people-saying header h3 {
        font-size: 32px;
        line-height: 32px
    }
}

@media (min-width:993px) {
    .people-saying header h3 {
        font-size: 36px;
        line-height: 36px;
        letter-spacing: -2px;
        text-align: left
    }
}

@media (min-width:1200px) {
    .people-saying header h3 {
        font-size: 36px;
        line-height: 40px
    }
}

@media (min-width:1920px) {
    .people-saying header h3 {
        font-size: 50px;
        line-height: 50px
    }
}

.people-saying header span {
    font-size: 16px;
    color: #333f4b;
    margin-bottom: 30px;
    display: inline-block;
    font-family: 'Poppins',sans-serif;
    font-weight: 700
}

@media (min-width:768px) {
    .people-saying header span {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .people-saying header span {
        margin-bottom: 60px
    }
}

@media (min-width:1920px) {
    .people-saying header span {
        margin-bottom: 80px
    }
}

@media (max-width:1199.98px) {
    .people-saying header br {
        display: none
    }
}

.people-saying .review-slider {
    overflow: visible
}

@media (min-width:993px) {
    .people-saying .review-slider {
        float:left;
        max-width: 66.6666666667%
    }
}

@media (min-width:1200px) {
    .people-saying .review-slider {
        float:left;
        max-width: 75%
    }
}

@media (min-width:1920px) {
    .people-saying .review-slider {
        float:left;
        max-width: 75%
    }
}

.people-saying .review-slider .rs-item {
    display: inline-block;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px
}

    .people-saying .review-slider .rs-item .rs-thumb {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        overflow: hidden;
        margin: auto;
        margin-bottom: 30px
    }

    .people-saying .review-slider .rs-item .rs-content .gt-heart {
        background-color: #f63869;
        color: #fff;
        text-emphasis: center;
        border-radius: 50%;
        font-size: 20px;
        line-height: 40px;
        position: absolute;
        top: -55px;
        left: 0;
        right: 0;
        margin: auto;
        width: 40px;
        height: 40px
    }

    .people-saying .review-slider .rs-item .rs-content strong {
        font-size: 14px;
        color: #6a6356;
        font-family: 'Poppins',sans-serif;
        font-weight: 500;
        margin-bottom: 20px;
        display: inline-block
    }

    .people-saying .review-slider .rs-item .rs-content span {
        display: inline-block;
        width: 100%;
        margin-bottom: 15px
    }

        .people-saying .review-slider .rs-item .rs-content span img {
            margin: auto
        }

    .people-saying .review-slider .rs-item .rs-content p {
        font-size: 14px;
        line-height: 18px;
        color: #a8a296;
        font-family: 'Poppins',sans-serif;
        font-weight: 400;
        text-align: center
    }

.people-saying .slick-dots {
    position: absolute;
    bottom: -40px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: auto;
    left: 0;
    right: 0
}

@media (min-width:993px) {
    .people-saying .slick-dots {
        left: -50%;
        bottom: 0;
        right: auto
    }
}

@media (min-width:1200px) {
    .people-saying .slick-dots {
        left: -33%;
        bottom: -25px
    }
}

.people-saying .slick-dots li {
    width: 10px
}

    .people-saying .slick-dots li button:before {
        color: #9e9d9d
    }

    .people-saying .slick-dots li.slick-active button:before {
        color: #ec008c
    }

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

.offer-wrapper {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
    padding: 30px 0;
    z-index: 0
}

@media (min-width:480px) {
    .offer-wrapper {
        margin-bottom: 50px;
        padding: 40px 0
    }
}

@media (min-width:768px) {
    .offer-wrapper {
        margin-bottom: 60px;
        padding: 50px 0
    }
}

@media (min-width:1200px) {
    .offer-wrapper {
        margin-bottom: 80px;
        padding: 60px 0
    }
}

@media (min-width:1366px) {
    .offer-wrapper {
        margin-bottom: 100px;
        padding: 80px 0
    }
}

@media (min-width:1920px) {
    .offer-wrapper {
        margin-bottom: 150px;
        padding: 100px 0
    }
}

.offer-wrapper header {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .offer-wrapper header {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .offer-wrapper header {
        margin-bottom: 50px
    }
}

@media (min-width:1366px) {
    .offer-wrapper header {
        margin-bottom: 60px
    }
}

@media (min-width:1920px) {
    .offer-wrapper header {
        margin-bottom: 80px
    }
}

.offer-wrapper header h2 {
    font-size: 40px;
    line-height: 30px;
    letter-spacing: -3px;
    margin-bottom: 15px;
    color: #333f4b;
    font-weight: 700;
    text-transform: capitalize
}

@media (min-width:480px) {
    .offer-wrapper header h2 {
        font-size: 48px;
        line-height: 30px
    }
}

@media (min-width:768px) {
    .offer-wrapper header h2 {
        font-size: 60px;
        line-height: 50px;
        letter-spacing: -5px;
        margin-bottom: 20px
    }
}

@media (min-width:1366px) {
    .offer-wrapper header h2 {
        font-size: 72px;
        line-height: 60px;
        letter-spacing: -7px;
        margin-bottom: 30px
    }
}

@media (min-width:1920px) {
    .offer-wrapper header h2 {
        font-size: 90px;
        line-height: 70px
    }
}

.offer-wrapper header strong {
    font-size: 12px;
    letter-spacing: 1px;
    color: #444343;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.offer-wrapper header span {
    font-size: 12px;
    letter-spacing: 1px;
    color: #444343;
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 30px
}

.offer-wrapper .pkglst {
    margin-bottom: 40px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 15px
}

@media (min-width:768px) {
    .offer-wrapper .pkglst {
        padding: 0
    }
}

@media (min-width:1920px) {
    .offer-wrapper .pkglst {
        margin-bottom: 120px
    }
}

.offer-wrapper .pkglst &gt; li {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 5.5px 9.526px 76px rgba(188,191,196,.33);
    background-color: #fff
}

@media (min-width:480px) {
    .offer-wrapper .pkglst &gt; li {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:768px) {
    .offer-wrapper .pkglst &gt; li {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%
    }
}

.offer-wrapper .pkglst &gt; li .venue {
    border: 15px solid #fff;
    z-index: 1;
    width: 100%;
    position: relative;
    overflow: hidden
}

@media (min-width:768px) {
    .offer-wrapper .pkglst &gt; li .venue {
        width: 300px;
        border-right: 0;
        padding-right: 10px;
        border-width: 10px
    }
}

@media (min-width:993px) {
    .offer-wrapper .pkglst &gt; li .venue {
        width: 25%;
        border-right: 20px
    }
}

@media (min-width:1200px) {
    .offer-wrapper .pkglst &gt; li .venue {
        width: 25%;
        min-height: 200px;
        padding-right: 20px;
        border-width: 15px
    }
}

@media (min-width:1440px) {
    .offer-wrapper .pkglst &gt; li .venue {
        width: 22%
    }
}

.offer-wrapper .pkglst &gt; li .venue &gt; img {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    width: 100%
}

@media (min-width:480px) {
    .offer-wrapper .pkglst &gt; li .venue &gt; img {
        width: 100%
    }
}

@media (min-width:768px) {
    .offer-wrapper .pkglst &gt; li .venue &gt; img {
        position: absolute;
        height: 100%
    }
}

@media (min-width:1440px) {
    .offer-wrapper .pkglst &gt; li .venue &gt; img {
        height: auto
    }
}

.offer-wrapper .pkglst &gt; li .venue .hot-deals {
    display: inline-block;
    width: auto;
    position: absolute;
    top: 0;
    left: 30px
}

@media (min-width:768px) {
    .offer-wrapper .pkglst &gt; li .venue .hot-deals {
        left: 15px
    }
}

.offer-wrapper .pkglst &gt; li .venue .photo-icon {
    display: inline-block;
    width: auto;
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 1
}

@media (min-width:768px) {
    .offer-wrapper .pkglst &gt; li .venue .photo-icon {
        bottom: 15px;
        left: 15px
    }
}

.offer-wrapper .pkglst &gt; li .venue .photo-icon img {
    display: block
}

.offer-wrapper .pkglst &gt; li .venue-dtls {
    padding: 15px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start
}

@media (min-width:768px) {
    .offer-wrapper .pkglst &gt; li .venue-dtls {
        width: auto;
        padding: 10px
    }
}

@media (min-width:993px) {
    .offer-wrapper .pkglst &gt; li .venue-dtls {
        width: 47%
    }
}

@media (min-width:1200px) {
    .offer-wrapper .pkglst &gt; li .venue-dtls {
        width: 48%;
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .offer-wrapper .pkglst &gt; li .venue-dtls {
        width: 48%
    }
}

.offer-wrapper .pkglst &gt; li .venue-dtls h3 {
    color: #333f4b;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 15px;
    line-height: normal
}

@media (min-width:768px) {
    .offer-wrapper .pkglst &gt; li .venue-dtls h3 {
        font-size: 20px
    }
}

@media (min-width:993px) {
    .offer-wrapper .pkglst &gt; li .venue-dtls h3 {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .offer-wrapper .pkglst &gt; li .venue-dtls h3 {
        font-size: 30px
    }
}

@media (min-width:1440px) {
    .offer-wrapper .pkglst &gt; li .venue-dtls h3 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px
    }
}

.offer-wrapper .pkglst &gt; li .venue-dtls h3 br {
    display: none
}

@media (min-width:1200px) {
    .offer-wrapper .pkglst &gt; li .venue-dtls h3 br {
        display: block
    }
}

.offer-wrapper .pkglst &gt; li .venue-dtls .promo-applied {
    font-family: 'Poppins',sans-serif;
    color: #84a85a;
    font-weight: 300;
    font-size: 12px;
    line-height: normal;
    margin-bottom: 10px;
    background-color: #def9be;
    border-radius: 6px;
    padding: 4px 10px;
    display: inline-block
}

@media (min-width:768px) {
    .offer-wrapper .pkglst &gt; li .venue-dtls .promo-applied {
        margin-bottom: 15px
    }
}

@media (min-width:993px) {
    .offer-wrapper .pkglst &gt; li .venue-dtls .promo-applied {
        padding: 4px 15px
    }
}

@media (min-width:1200px) {
    .offer-wrapper .pkglst &gt; li .venue-dtls .promo-applied {
        padding: 5px 20px;
        margin-bottom: 25px
    }
}

@media (min-width:1440px) {
    .offer-wrapper .pkglst &gt; li .venue-dtls .promo-applied {
        margin-bottom: 30px
    }
}

.offer-wrapper .pkglst &gt; li .venue-dtls p {
    font-size: 14px;
    line-height: 18px;
    color: #777;
    font-family: "Montserrat",sans-serif;
    font-weight: 400
}

    .offer-wrapper .pkglst &gt; li .venue-dtls p br {
        display: none
    }

@media (min-width:1440px) {
    .offer-wrapper .pkglst &gt; li .venue-dtls p br {
        display: block
    }
}

.offer-wrapper .pkglst &gt; li .coupon-box {
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%
}

@media (min-width:768px) {
    .offer-wrapper .pkglst &gt; li .coupon-box {
        width: 300px;
        padding: 10px
    }
}

@media (min-width:993px) {
    .offer-wrapper .pkglst &gt; li .coupon-box {
        width: 20%
    }
}

@media (min-width:1200px) {
    .offer-wrapper .pkglst &gt; li .coupon-box {
        width: 24%;
        padding: 20px
    }
}

@media (min-width:1440px) {
    .offer-wrapper .pkglst &gt; li .coupon-box {
        width: 24%
    }
}

.offer-wrapper .pkglst &gt; li .coupon-box span {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    color: #777
}

@media (max-width:767px) {
    .offer-wrapper .pkglst &gt; li .coupon-box img {
        width: 120px
    }
}

.offer-wrapper .more-offers {
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
    padding: 0 15px
}

@media (min-width:768px) {
    .offer-wrapper .more-offers {
        margin-bottom: 50px;
        padding: 0
    }
}

@media (min-width:1200px) {
    .offer-wrapper .more-offers {
        margin-bottom: 60px
    }
}

@media (min-width:1440px) {
    .offer-wrapper .more-offers {
        margin-bottom: 80px
    }
}

@media (min-width:1920px) {
    .offer-wrapper .more-offers {
        margin-bottom: 100px
    }
}

.offer-wrapper .more-offers:nth-last-of-type(1) {
    margin-bottom: 0
}

.offer-wrapper .more-offers h3 {
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 30px;
    color: #333f4b;
    font-family: "Montserrat",sans-serif;
    font-weight: 700
}

@media (min-width:768px) {
    .offer-wrapper .more-offers h3 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .offer-wrapper .more-offers h3 {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 50px;
        letter-spacing: -1px
    }
}

@media (min-width:1920px) {
    .offer-wrapper .more-offers h3 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 60px
    }
}

.offer-wrapper .more-offers .more-offers-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media (min-width:480px) {
    .offer-wrapper .more-offers .more-offers-list {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px
    }
}

.offer-wrapper .more-offers .more-offers-list li {
    margin-bottom: 15px
}

@media (min-width:480px) {
    .offer-wrapper .more-offers .more-offers-list li {
        width: 50%;
        margin-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width:768px) {
    .offer-wrapper .more-offers .more-offers-list li {
        width: 33.33%
    }
}

@media (min-width:1200px) {
    .offer-wrapper .more-offers .more-offers-list li {
        width: 20%;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0
    }
}

.offer-wrapper .traveller-txt {
    display: flex;
    align-items: center;
    position: absolute;
    left: -230px;
    bottom: 0;
    margin: auto;
    display: none;
    z-index: 0;
    font-size: 220px;
    transform: rotate(-90deg) !important;
    transform-origin: 0 0;
    font-weight: 800;
    bottom: 0;
    text-transform: capitalize;
    letter-spacing: -12px;
    font-family: "Montserrat",sans-serif;
    color: #f6f6f6
}

@media (min-width:768px) {
    .offer-wrapper .traveller-txt {
        display: block
    }
}

.offer-wrapper .dottedbg-pattern {
    z-index: -1
}

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

.contact-wrapper {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
    padding: 30px 0;
    box-shadow: -4.022px 32.754px 25.5px rgba(0,0,0,.05)
}

@media (min-width:480px) {
    .contact-wrapper {
        margin-bottom: 50px;
        padding: 40px 0
    }
}

@media (min-width:768px) {
    .contact-wrapper {
        margin-bottom: 60px;
        padding: 50px 0
    }
}

@media (min-width:1200px) {
    .contact-wrapper {
        margin-bottom: 80px;
        padding: 60px 0
    }
}

@media (min-width:1366px) {
    .contact-wrapper {
        margin-bottom: 100px;
        padding: 80px 0
    }
}

@media (min-width:1920px) {
    .contact-wrapper {
        margin-bottom: 150px;
        padding: 100px 0
    }
}

.contact-wrapper header {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .contact-wrapper header {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .contact-wrapper header {
        margin-bottom: 50px
    }
}

@media (min-width:1366px) {
    .contact-wrapper header {
        margin-bottom: 60px
    }
}

@media (min-width:1920px) {
    .contact-wrapper header {
        margin-bottom: 80px
    }
}

.contact-wrapper header h2 {
    font-size: 40px;
    line-height: 30px;
    letter-spacing: -3px;
    margin-bottom: 15px;
    color: #333f4b;
    font-weight: 700;
    text-transform: capitalize
}

@media (min-width:480px) {
    .contact-wrapper header h2 {
        font-size: 48px;
        line-height: 30px
    }
}

@media (min-width:768px) {
    .contact-wrapper header h2 {
        font-size: 60px;
        line-height: 50px;
        letter-spacing: -5px;
        margin-bottom: 20px
    }
}

@media (min-width:1366px) {
    .contact-wrapper header h2 {
        font-size: 72px;
        line-height: 60px;
        letter-spacing: -7px;
        margin-bottom: 30px
    }
}

@media (min-width:1920px) {
    .contact-wrapper header h2 {
        font-size: 90px;
        line-height: 70px
    }
}

.contact-wrapper header strong {
    font-size: 12px;
    letter-spacing: 1px;
    color: #444343;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.contact-wrapper figure {
    position: relative;
    z-index: 1;
    margin-bottom: 30px
}

@media (min-width:993px) {
    .contact-wrapper figure {
        margin-bottom: 0
    }
}

.contact-wrapper .findus {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .contact-wrapper .findus {
        margin-bottom: 40px;
        flex-direction: row
    }
}

@media (min-width:1200px) {
    .contact-wrapper .findus {
        margin-bottom: 50px
    }
}

@media (min-width:1366px) {
    .contact-wrapper .findus {
        margin-bottom: 60px
    }
}

@media (min-width:1920px) {
    .contact-wrapper .findus {
        margin-bottom: 70px
    }
}

.contact-wrapper .findus h3 {
    font-size: 24px;
    margin-bottom: 30px;
    letter-spacing: 0;
    line-height: normal;
    color: #333f4b;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    width: 100%;
    display: block
}

@media (min-width:768px) {
    .contact-wrapper .findus h3 {
        font-size: 28px;
        letter-spacing: -1px;
        margin-bottom: 40px
    }
}

@media (min-width:1366px) {
    .contact-wrapper .findus h3 {
        font-size: 30px;
        margin-bottom: 50px
    }
}

.contact-wrapper .findus span {
    max-width: 100px;
    display: inline-block;
    margin-right: 30px
}

@media (max-width:480px) {
    .contact-wrapper .findus span {
        margin-bottom: 20px
    }
}

.contact-wrapper .findus span img {
    max-width: 80px
}

.contact-wrapper .findus p {
    font-size: 16px;
    line-height: 22px;
    color: #3b4a5a;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    width: 100%
}

@media (min-width:768px) {
    .contact-wrapper .findus p {
        width: calc(100% - 120px)
    }
}

.contact-wrapper .office-loaction ul li {
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap
}

@media (min-width:1366px) {
    .contact-wrapper .office-loaction ul li {
        margin-bottom: 80px
    }
}

@media (min-width:1920px) {
    .contact-wrapper .office-loaction ul li {
        margin-bottom: 100px
    }
}

.contact-wrapper .office-loaction ul li:last-child {
    margin-bottom: 0
}

.contact-wrapper .office-loaction ul li h4 {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 20px;
    color: #333f4b;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    width: 100%;
    text-transform: capitalize;
    margin-bottom: 30px
}

@media (min-width:1200px) {
    .contact-wrapper .office-loaction ul li h4 {
        font-size: 20px
    }
}

.contact-wrapper .office-loaction ul li span {
    display: inline-block;
    width: auto;
    margin-right: 30px
}

.contact-wrapper .office-loaction ul li address {
    white-space: pre-line;
    font-size: 16px;
    line-height: 20px;
    color: #333f4b;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    font-style: normal
}

@media (min-width:768px) {
    .contact-wrapper .office-loaction ul li address {
        font-size: 18px;
        line-height: 22px
    }
}

@media (min-width:1366px) {
    .contact-wrapper .office-loaction ul li address {
        font-size: 20px;
        line-height: 24px
    }
}

.contact-wrapper .traveller-txt {
    display: flex;
    align-items: center;
    position: absolute;
    left: -230px;
    bottom: 0;
    margin: auto;
    display: none;
    z-index: 0;
    font-size: 220px;
    transform: rotate(-90deg) !important;
    transform-origin: 0 0;
    font-weight: 800;
    bottom: 0;
    text-transform: capitalize;
    letter-spacing: -12px;
    font-family: "Montserrat",sans-serif;
    color: #f6f6f6
}

@media (min-width:768px) {
    .contact-wrapper .traveller-txt {
        display: block
    }
}

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

.partners-wrapper {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
    padding: 30px 0;
    box-shadow: -4.022px 32.754px 25.5px rgba(0,0,0,.05);
    z-index: 0
}

@media (min-width:480px) {
    .partners-wrapper {
        margin-bottom: 50px;
        padding: 40px 0
    }
}

@media (min-width:768px) {
    .partners-wrapper {
        margin-bottom: 60px;
        padding: 50px 0
    }
}

@media (min-width:1200px) {
    .partners-wrapper {
        margin-bottom: 80px;
        padding: 60px 0
    }
}

@media (min-width:1366px) {
    .partners-wrapper {
        margin-bottom: 100px;
        padding: 80px 0
    }
}

@media (min-width:1920px) {
    .partners-wrapper {
        margin-bottom: 150px;
        padding: 100px 0
    }
}

.partners-wrapper .partners-box {
    margin-bottom: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (min-width:480px) {
    .partners-wrapper .partners-box {
        margin-bottom: 50px
    }
}

@media (min-width:768px) {
    .partners-wrapper .partners-box {
        margin-bottom: 60px
    }
}

@media (min-width:1200px) {
    .partners-wrapper .partners-box {
        margin-bottom: 80px
    }
}

@media (min-width:1366px) {
    .partners-wrapper .partners-box {
        margin-bottom: 100px
    }
}

@media (min-width:1920px) {
    .partners-wrapper .partners-box {
        margin-bottom: 150px
    }
}

.partners-wrapper .partners-box:nth-last-of-type(1) {
    margin-bottom: 0
}

.partners-wrapper header {
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:768px) {
    .partners-wrapper header {
        margin-bottom: 40px
    }
}

@media (min-width:993px) {
    .partners-wrapper header {
        text-align: left
    }
}

@media (min-width:1200px) {
    .partners-wrapper header {
        margin-bottom: 50px
    }
}

@media (min-width:1366px) {
    .partners-wrapper header {
        margin-bottom: 60px;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1920px) {
    .partners-wrapper header {
        margin-bottom: 80px
    }
}

.partners-wrapper header h2 {
    font-size: 40px;
    line-height: 30px;
    letter-spacing: -3px;
    margin-bottom: 15px;
    color: #333f4b;
    font-weight: 700;
    text-transform: capitalize
}

@media (min-width:480px) {
    .partners-wrapper header h2 {
        font-size: 48px;
        line-height: 30px
    }
}

@media (min-width:768px) {
    .partners-wrapper header h2 {
        font-size: 60px;
        line-height: 50px;
        letter-spacing: -5px;
        margin-bottom: 20px
    }
}

@media (min-width:1366px) {
    .partners-wrapper header h2 {
        font-size: 72px;
        line-height: 60px;
        letter-spacing: -7px;
        margin-bottom: 30px
    }
}

@media (min-width:1920px) {
    .partners-wrapper header h2 {
        font-size: 90px;
        line-height: 70px
    }
}

.partners-wrapper header strong {
    font-size: 12px;
    letter-spacing: 0;
    color: #444343;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width:768px) {
    .partners-wrapper header strong {
        letter-spacing: 1px
    }
}

.partners-wrapper .travel-partner-blog {
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    display: inline-block
}

@media (min-width:768px) {
    .partners-wrapper .travel-partner-blog {
        margin-bottom: 40px
    }
}

@media (min-width:993px) {
    .partners-wrapper .travel-partner-blog {
        flex-direction: row;
        text-align: left;
        justify-content: flex-start;
        display: flex
    }
}

@media (min-width:1200px) {
    .partners-wrapper .travel-partner-blog {
        margin-bottom: 50px
    }
}

@media (min-width:1366px) {
    .partners-wrapper .travel-partner-blog {
        margin-bottom: 60px;
        margin-left: -15px;
        margin-right: -15px
    }
}

@media (min-width:1920px) {
    .partners-wrapper .travel-partner-blog {
        margin-bottom: 70px
    }
}

@media (min-width:1366px) {
    .partners-wrapper .travel-partner-blog.col-lg-6 {
        margin-bottom: 0
    }
}

.partners-wrapper .travel-partner-blog .partners-logo {
    width: 100% !important;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .partners-wrapper .travel-partner-blog .partners-logo {
        width: inherit
    }
}

@media (max-width:480px) {
    .partners-wrapper .travel-partner-blog .partners-logo img {
        max-width: 100px
    }
}

.partners-wrapper .travel-partner-blog .partners-details h3 {
    font-size: 24px;
    margin-bottom: 20px;
    letter-spacing: 0;
    line-height: normal;
    color: #333f4b;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    width: 100%;
    display: block
}

@media (min-width:768px) {
    .partners-wrapper .travel-partner-blog .partners-details h3 {
        font-size: 28px;
        letter-spacing: -1px
    }
}

@media (min-width:1366px) {
    .partners-wrapper .travel-partner-blog .partners-details h3 {
        font-size: 30px;
        margin-bottom: 30px
    }
}

@media (min-width:1920px) {
    .partners-wrapper .travel-partner-blog .partners-details h3 {
        font-size: 50px;
        line-height: 50px
    }
}

.partners-wrapper .travel-partner-blog .partners-details p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 22px;
    color: #3b4a5a;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    display: inline-block;
    width: 100%
}

@media (min-width:1366px) {
    .partners-wrapper .travel-partner-blog .partners-details p {
        margin-bottom: 30px
    }
}

.partners-wrapper .travel-partner-blog .partners-details p:nth-last-of-type(1) {
    margin-bottom: 0
}

.partners-wrapper .travel-partners-list {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:480px) {
    .partners-wrapper .travel-partners-list {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 40px
    }
}

@media (min-width:993px) {
    .partners-wrapper .travel-partners-list {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 50px
    }
}

@media (min-width:1366px) {
    .partners-wrapper .travel-partners-list {
        padding-left: 0;
        padding-right: 0
    }
}

.partners-wrapper .travel-partners-list h3 {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: -1px;
    color: #333f4b;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 30px;
    text-align: center
}

@media (min-width:480px) {
    .partners-wrapper .travel-partners-list h3 {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 40px
    }
}

@media (min-width:993px) {
    .partners-wrapper .travel-partners-list h3 {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 50px;
        letter-spacing: -2px;
        text-align: left
    }
}

@media (min-width:1366px) {
    .partners-wrapper .travel-partners-list h3 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 60px;
        letter-spacing: -3px
    }
}

@media (min-width:1920px) {
    .partners-wrapper .travel-partners-list h3 {
        margin-bottom: 80px
    }
}

.partners-wrapper .travel-partners-list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 -15px
}

@media (min-width:993px) {
    .partners-wrapper .travel-partners-list ul {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
}

.partners-wrapper .travel-partners-list ul li {
    padding: 10px
}

@media (min-width:993px) {
    .partners-wrapper .travel-partners-list ul li {
        padding: 10px
    }
}

@media (min-width:1366px) {
    .partners-wrapper .travel-partners-list ul li {
        padding: 15px
    }
}

@media (max-width:480px) {
    .partners-wrapper .travel-partners-list ul li {
        width: 33.33%
    }
}

.partners-wrapper .traveller-txt {
    display: flex;
    align-items: center;
    position: absolute;
    left: -230px;
    bottom: 0;
    margin: auto;
    display: none;
    z-index: 0;
    font-size: 220px;
    transform: rotate(-90deg) !important;
    transform-origin: 0 0;
    font-weight: 800;
    bottom: 0;
    text-transform: capitalize;
    letter-spacing: -12px;
    font-family: "Montserrat",sans-serif;
    color: #f6f6f6
}

@media (min-width:768px) {
    .partners-wrapper .traveller-txt {
        display: block
    }
}

.partners-wrapper .dottedbg-pattern {
    z-index: -1
}

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

.service-wrapper {
    position: relative;
    overflow: hidden;
    padding: 30px 0;
    z-index: 0
}

@media (min-width:480px) {
    .service-wrapper {
        padding: 40px 0
    }
}

@media (min-width:768px) {
    .service-wrapper {
        padding: 50px 0
    }
}

@media (min-width:1200px) {
    .service-wrapper {
        padding: 60px 0
    }
}

@media (min-width:1366px) {
    .service-wrapper {
        padding: 80px 0
    }
}

@media (min-width:1920px) {
    .service-wrapper {
        padding: 100px 0
    }
}

.our-services {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 15px
}

@media (min-width:768px) {
    .our-services {
        padding: 0
    }
}

.our-services li {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .our-services li {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .our-services li {
        float:left;
        max-width: 50%;
        margin-bottom: 0
    }
}

.our-services li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media (min-width:480px) {
    .our-services li a {
        flex-direction: row
    }
}

@media (min-width:1200px) {
    .our-services li a {
        flex-direction: row
    }
}

.our-services li:nth-child(3n) {
    float:left;
    max-width: 100%
}

    .our-services li:nth-child(3n) .srvsdtls-right p br {
        display: none
    }

@media (min-width:1200px) {
    .our-services li:nth-child(3n) .srvsdtls-right p br {
        display: block
    }
}

.our-services li .srvsdtls-left {
    display: inline-block;
    width: auto
}

@media (min-width:480px) {
    .our-services li .srvsdtls-left {
        margin-right: 40px
    }
}

@media (min-width:768px) {
    .our-services li .srvsdtls-left {
        margin-right: 40px
    }
}

@media (min-width:1920px) {
    .our-services li .srvsdtls-left {
        margin-right: 70px
    }
}

@media (max-width:479px) {
    .our-services li .srvsdtls-left {
        margin-bottom: 40px
    }
}

.our-services li .srvsdtls-left figure {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .our-services li .srvsdtls-left figure {
        height: 220px;
        width: 220px
    }
}

@media (min-width:1920px) {
    .our-services li .srvsdtls-left figure {
        height: 330px;
        width: 330px
    }
}

.our-services li .srvsdtls-left figure img {
    position: absolute;
    height: 100%
}

.our-services li .srvsdtls-left .cap-img {
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -10.988px 23.564px 16px rgba(11,11,12,.28)
}

@media (min-width:480px) {
    .our-services li .srvsdtls-left .cap-img {
        top: 50%;
        right: -30px;
        transform: translateY(-50%)
    }
}

@media (min-width:768px) {
    .our-services li .srvsdtls-left .cap-img {
        height: 90px;
        width: 90px;
        padding: 20px;
        right: -30px
    }
}

@media (min-width:1920px) {
    .our-services li .srvsdtls-left .cap-img {
        height: 180px;
        width: 180px
    }
}

@media (max-width:480px) {
    .our-services li .srvsdtls-left .cap-img {
        bottom: -25px;
        left: 0;
        right: 0;
        margin: auto
    }
}

@media (max-width:767px) {
    .our-services li .srvsdtls-left .cap-img img {
        max-width: 40px
    }
}

.our-services li .srvsdtls-right {
    display: inline-block;
    width: auto
}

@media (max-width:480px) {
    .our-services li .srvsdtls-right {
        text-align: center
    }
}

.our-services li .srvsdtls-right h4 {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 20px;
    color: #3d3d3d;
    font-family: "Montserrat",sans-serif;
    font-weight: 700
}

@media (min-width:768px) {
    .our-services li .srvsdtls-right h4 {
        font-size: 36px;
        letter-spacing: -2px;
        line-height: 30px;
        margin-bottom: 25px
    }
}

@media (min-width:1200px) {
    .our-services li .srvsdtls-right h4 {
        font-size: 32px;
        letter-spacing: -2px;
        line-height: 30px;
        margin-bottom: 30px
    }
}

@media (min-width:1920px) {
    .our-services li .srvsdtls-right h4 {
        font-size: 50px;
        letter-spacing: -4px;
        line-height: 40px
    }
}

.our-services li .srvsdtls-right p {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 15px;
    color: #797979;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

@media (min-width:1920px) {
    .our-services li .srvsdtls-right p {
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 18px
    }
}

.our-services li .srvsdtls-right p br {
    display: none
}

@media (min-width:1920px) {
    .our-services li .srvsdtls-right p br {
        display: block
    }
}

.airline-route {
    display: inline-block;
    width: 100%;
    text-align: center
}

.service-banner-area {
    background-color: #ff7d14;
    text-align: center;
    margin-bottom: 250px
}

    .service-banner-area .banner-cap-box {
        box-shadow: -.558px 31.995px 45px rgba(145,145,145,.45);
        background-color: #fff;
        text-align: left;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto !important;
        bottom: -200px;
        overflow: hidden;
        padding: 20px !important
    }

@media (min-width:480px) {
    .service-banner-area .banner-cap-box {
        padding: 30px !important
    }
}

@media (min-width:1200px) {
    .service-banner-area .banner-cap-box {
        padding: 50px !important
    }
}

@media (min-width:1920px) {
    .service-banner-area .banner-cap-box {
        padding: 100px !important
    }
}

@media (max-width:479px) {
    .service-banner-area .banner-cap-box {
        width: calc(100% - 30px)
    }
}

.service-banner-area .banner-cap-box h2 {
    font-size: 30px;
    letter-spacing: -1px;
    line-height: 24px;
    margin-bottom: 10px;
    color: #4e4e4e;
    font-family: "Montserrat",sans-serif;
    font-weight: 600
}

@media (min-width:480px) {
    .service-banner-area .banner-cap-box h2 {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 30px
    }
}

@media (min-width:768px) {
    .service-banner-area .banner-cap-box h2 {
        font-size: 48px;
        letter-spacing: -2px;
        line-height: 40px
    }
}

@media (min-width:1200px) {
    .service-banner-area .banner-cap-box h2 {
        font-size: 60px;
        letter-spacing: -3px;
        line-height: 50px
    }
}

@media (min-width:1920px) {
    .service-banner-area .banner-cap-box h2 {
        font-size: 70px;
        letter-spacing: -5px;
        line-height: 60px
    }
}

.service-banner-area .banner-cap-box span {
    font-size: 30px;
    letter-spacing: -1px;
    line-height: 30px;
    margin-bottom: 25px;
    color: #4e4e4e;
    font-family: "Montserrat",sans-serif;
    font-weight: 300;
    display: inline-block
}

@media (min-width:480px) {
    .service-banner-area .banner-cap-box span {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 50px;
        margin-bottom: 30px
    }
}

@media (min-width:768px) {
    .service-banner-area .banner-cap-box span {
        font-size: 48px;
        letter-spacing: -3px;
        line-height: 50px;
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .service-banner-area .banner-cap-box span {
        font-size: 60px;
        letter-spacing: -4px;
        line-height: 70px;
        margin-bottom: 50px
    }
}

@media (min-width:1920px) {
    .service-banner-area .banner-cap-box span {
        font-size: 70px;
        letter-spacing: -6px;
        line-height: 80px;
        margin-bottom: 60px
    }
}

.service-banner-area .banner-cap-box p {
    letter-spacing: 1px;
    color: #797979;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

@media (min-width:480px) {
    .service-banner-area .banner-cap-box p {
        width: 300px;
        font-size: 14px;
        line-height: 18px
    }
}

@media (min-width:768px) {
    .service-banner-area .banner-cap-box p {
        font-size: 13px;
        line-height: 15px;
        width: 360px
    }
}

@media (min-width:1200px) {
    .service-banner-area .banner-cap-box p {
        width: 360px;
        font-size: 14px;
        line-height: 18px
    }
}

@media (max-width:479px) {
    .service-banner-area .banner-cap-box p {
        width: 100%;
        font-size: 13px;
        line-height: 15px
    }
}

.service-banner-area .banner-cap-box img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 150px
}

@media (min-width:480px) {
    .service-banner-area .banner-cap-box img {
        max-width: 200px
    }
}

@media (min-width:768px) {
    .service-banner-area .banner-cap-box img {
        max-width: 40%
    }
}

@media (min-width:1200px) {
    .service-banner-area .banner-cap-box img {
        max-width: 80%
    }
}

@media (min-width:1920px) {
    .service-banner-area .banner-cap-box img {
        width: auto
    }
}

@media (max-width:479px) {
    .service-banner-area .banner-cap-box img {
        max-width: 150px;
        opacity: .2
    }
}

.whyus-sce {
    background-color: #212432;
    position: relative;
    padding: 40px 0;
    margin-bottom: 50px;
    overflow: hidden
}

@media (min-width:768px) {
    .whyus-sce {
        padding: 60px 0;
        margin-bottom: 180px
    }
}

@media (min-width:1200px) {
    .whyus-sce {
        padding: 80px 0;
        margin-bottom: 100px
    }
}

@media (min-width:1440px) {
    .whyus-sce {
        margin-bottom: 120px
    }
}

@media (min-width:1920px) {
    .whyus-sce {
        margin-bottom: 150px
    }
}

.whyus-sce:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 200px;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #212c64;
    z-index: 0
}

@media (min-width:576px) {
    .whyus-sce:after {
        height: 47%
    }
}

@media (min-width:993px) {
    .whyus-sce:after {
        width: 50%;
        height: 100%
    }
}

@media (min-width:1200px) {
    .whyus-sce:after {
        width: 55%
    }
}

.whyus-services {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1
}

@media (min-width:993px) {
    .whyus-services {
        flex-direction: row
    }
}

.whyus-services .services-dtls {
    padding-bottom: 50px;
    position: relative
}

@media (min-width:768px) {
    .whyus-services .services-dtls {
        padding-bottom: 75px
    }
}

@media (min-width:993px) {
    .whyus-services .services-dtls {
        float:left;
        max-width: 50%;
        padding-bottom: 0
    }
}

@media (min-width:1200px) {
    .whyus-services .services-dtls {
        float:left;
        max-width: 58.3333333333%
    }
}

.whyus-services .services-dtls:after {
    content: "";
    position: absolute;
    width: 5000px;
    height: 100%;
    top: 0;
    bottom: 0;
    right: -1000px;
    left: auto;
    margin: auto;
    background-color: #212c64;
    z-index: -1
}

@media (min-width:993px) {
    .whyus-services .services-dtls:after {
        display: none
    }
}

.whyus-services .services-dtls span {
    font-family: "Montserrat",sans-serif;
    display: block;
    color: #fff;
    width: 100%;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600
}

@media (min-width:768px) {
    .whyus-services .services-dtls span {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 25px
    }
}

@media (min-width:993px) {
    .whyus-services .services-dtls span {
        font-size: 17px;
        line-height: 17px;
        letter-spacing: 1px;
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .whyus-services .services-dtls span {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 40px
    }
}

.whyus-services .services-dtls h3 {
    font-family: "Montserrat",sans-serif;
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 2px;
    margin-top: 0
}

@media (min-width:480px) {
    .whyus-services .services-dtls h3 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 25px
    }
}

@media (min-width:768px) {
    .whyus-services .services-dtls h3 {
        font-size: 38px;
        line-height: 38px;
        margin-bottom: 30px
    }
}

@media (min-width:993px) {
    .whyus-services .services-dtls h3 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 30px;
        width: 80%
    }
}

@media (min-width:1200px) {
    .whyus-services .services-dtls h3 {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 50px
    }
}

@media (min-width:1440px) {
    .whyus-services .services-dtls h3 {
        font-size: 70px;
        line-height: 84px
    }
}

.whyus-services .services-dtls h3 br {
    display: none
}

@media (min-width:1200px) {
    .whyus-services .services-dtls h3 br {
        display: block
    }
}

.whyus-services .services-dtls p {
    display: inline-block;
    color: #8e93ae;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .whyus-services .services-dtls p {
        margin-bottom: 30px
    }
}

@media (min-width:993px) {
    .whyus-services .services-dtls p {
        margin-bottom: 40px;
        padding-right: 40%
    }
}

@media (min-width:1440px) {
    .whyus-services .services-dtls p {
        margin-bottom: 60px
    }
}

.whyus-services .services-dtls .btn-knowabtus {
    color: #212c64;
    background-color: #ff9804;
    display: inline-block;
    width: auto;
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 12px 15px
}

.whyus-services .services-list {
    padding-top: 50px
}

@media (min-width:768px) {
    .whyus-services .services-list {
        padding-top: 75px
    }
}

@media (min-width:993px) {
    .whyus-services .services-list {
        float:left;
        max-width: 41.6666666667%;
        margin-left: 8.3333333333%;
        padding-top: 0
    }
}

@media (min-width:1200px) {
    .whyus-services .services-list {
        float:left;
        max-width: 33.3333333333%;
        margin-left: 8.3333333333%
    }
}

@media (min-width:1440px) {
    .whyus-services .services-list {
        float:left;
        max-width: 25%
    }
}

.whyus-services .services-list strong {
    font-family: "Montserrat",sans-serif;
    display: none;
    color: #fff;
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .whyus-services .services-list strong {
        display: block;
        visibility: hidden
    }
}

@media (min-width:1200px) {
    .whyus-services .services-list strong {
        margin-bottom: 40px
    }
}

@media (min-width:1440px) {
    .whyus-services .services-list strong {
        margin-bottom: 100px
    }
}

.whyus-services .services-list ul li {
    font-family: "Montserrat",sans-serif;
    display: flex;
    color: #d1d5e8;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
    position: relative;
    min-height: 40px;
    align-items: center
}

@media (min-width:768px) {
    .whyus-services .services-list ul li {
        margin-bottom: 20px;
        font-size: 13px;
        line-height: 20px
    }
}

@media (min-width:993px) {
    .whyus-services .services-list ul li {
        margin-bottom: 35px;
        font-size: 14px;
        line-height: 20px
    }
}

@media (min-width:1200px) {
    .whyus-services .services-list ul li {
        margin-bottom: 45px
    }
}

.whyus-services .services-list ul li span {
    display: inline-block;
    width: auto
}

@media (min-width:480px) {
    .whyus-services .services-list ul li span {
        max-width: 50px;
        margin-right: 30px
    }
}

@media (min-width:1200px) {
    .whyus-services .services-list ul li span {
        margin-right: 25px
    }
}

@media (min-width:1920px) {
    .whyus-services .services-list ul li span {
        margin-right: 30px
    }
}

@media (max-width:479px) {
    .whyus-services .services-list ul li span {
        max-width: 30px;
        margin-right: 10px
    }
}

.whyus-services .services-list ul li br {
    display: none
}

@media (min-width:1200px) {
    .whyus-services .services-list ul li br {
        display: block
    }
}

.whyus-services .service-centerlogo {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100px;
    display: none
}

@media (min-width:768px) {
    .whyus-services .service-centerlogo {
        display: inline-block;
        left: 0;
        right: 0;
        top: -50px;
        text-align: center
    }
}

@media (min-width:993px) {
    .whyus-services .service-centerlogo {
        top: 0;
        left: 43%;
        right: auto;
        height: 150px
    }
}

@media (min-width:1200px) {
    .whyus-services .service-centerlogo {
        left: 49%;
        right: auto
    }
}

@media (min-width:1440px) {
    .whyus-services .service-centerlogo {
        left: 52%;
        right: auto
    }
}

.whyus-services .service-centerlogo a {
    display: inline-block
}

@media (min-width:768px) {
    .whyus-services .service-centerlogo a {
        width: 100px
    }
}

@media (min-width:993px) {
    .whyus-services .service-centerlogo a {
        width: 100px
    }
    .online_rstl .search_boxOn2{width: 235px!important;}
}

@media (min-width:1200px) {
    .whyus-services .service-centerlogo a {
        width: auto
    }
}

.blocker,.modal{box-sizing:border-box;width:100%}.blocker{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;overflow:auto;z-index:99999;padding:20px;background-color:rgba(0,0,0,.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;background:#fff;padding:10px;text-align:left}#btnCallBack{margin-top:8px;margin-left:0}.modal-content{border:none!important}.modal a.close-modal{position:absolute;top:10px;right:10px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner&gt;div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:1.2s ease-in-out infinite sk-stretchdelay;animation:1.2s ease-in-out infinite sk-stretchdelay}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.modal-spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.5)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,100%,40%{transform:scaleY(.5);-webkit-transform:scaleY(.5)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}
#feedback a,#feedback a:hover{background:#fb7500;cursor:pointer}#dvRoomSelect,.flight-ticket .pnl-header .form-field select{background:url(../img/arrow-down.png) right center no-repeat!important}a.navbar-brand.logo-center{margin:35px 30px 0}.modal a.close-modal{top:4.5px;right:5px}.cntrlogo-navmenu .navbar .nav-item:after{content:'|';padding-left:15px;padding-top:10px;font-weight:bolder;display:none}.cntrlogo-navmenu .navbar::last-child .nav-item:after{content:'|';display:inline-block;padding-left:10px}.cntrlogo-navmenu .navbar .navbar-nav li.nav-item:last-child:after{content:'';padding-left:0}.cntrlogo-navmenu .navbar .nav-item{display:inherit}h5.mob-no{color:#a80303;margin-bottom:0;font-weight:600;font-size:25px}img.phone-icon{margin:0 0 -3px}li.nav-item.deals:before{content:url(img/best.png);padding:0 15px;content:url(../img/best.png);display:inline-block;position:absolute;margin:-10px 0}.slide1{background:url(../img/slide1.png) 0 0/cover no-repeat}.sliderinfo{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);text-align:center}.main-title-slider{color:#fff;font-weight:600}.sub-title-slider{color:#fff;max-width:500px;text-align:center;margin:0 auto;font-weight:400;line-height:24px}.btn-shopnow1{letter-spacing:2px;line-height:100px;padding:10px 30px;background-color:#a80303;font-size:26px;border-radius:30px;color:#fff;font-family:Roboto;font-weight:600;text-transform:capitalize}.btn-about,.btn-quote,.cruise-deals,.package-title strong,.refer-frds .refer-title,.subscribe-form .submit-btn,.text-deals ul.nav.nav-tabs li a{text-transform:uppercase}.select-country{display:block;border-radius:40px;height:2rem;padding:0 10px;border:1px solid #c2c2c2;color:grey;font-weight:500;font-size:14px;background-color:transparent;font-family:Poppins,sans-serif}.overlay-effect{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;background:#111d5973;z-index:9;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;margin:0 0 4px}.explore-dest .rowtype1 .clmn a,.price-section input,.scrolling-wrapper,.scrolling-wrapper2 .row,.stops .purpose .purpose-list li .custom-checkbox,.travel-store .slider img{width:100%}.explore-dest .galbox .clmn figure figcaption.price-tag{position:absolute;right:0;top:0;padding:15px;z-index:99;text-align:right}.explore-dest .galbox .clmn figure figcaption.price-tag span{text-transform:lowercase;font-weight:500;line-height:18px;font-size:16px;letter-spacing:.5px}.package-title{margin-bottom:40px}.package-title strong{padding:0 7px;letter-spacing:1px}.pack-desc{margin-top:20px}.cus-review .slick-dots,.online-deal ul.slick-dots,.slider1 ul.slick-dots,.travelnews-slider .slick-arrow{display:none!important}.promo-applied{font-family:Roboto,sans-serif;color:#84a85a;font-weight:300;font-size:12px;line-height:normal;margin-bottom:10px;background-color:#def9be;border-radius:20px;padding:4px 26px}#feedback a,.packageslist .pkglst li .venue-dtls p,.subscribe-form .submit-btn,.text-deals ul.nav.nav-tabs li a,.textbox,a.readmoretxt,span.icon-title{font-family:Montserrat,sans-serif}.packageslist .pkglst li{display:flex;flex-direction:column;width:100%;background-color:#fff}.packageslist .pkglst li .coupon-box{padding:15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%}.packageslist .pkglst li .coupon-box span{display:inline-block;width:100%;margin-bottom:5px}.packageslist .pkglst li .venue{border:15px solid #fff;z-index:1;width:100%;position:relative;overflow:hidden}.packageslist .pkglst li .venue img{top:0;bottom:0;left:0;right:0;z-index:-1;width:100%}.packageslist .pkglst li .venue .hot-deals{display:inline-block;width:auto;position:absolute;top:0;left:30px}.packageslist .pkglst li .venue-dtls{padding:20px;width:100%}.packageslist .pkglst li .venue-dtls h3{color:#333f4b;font-weight:500;font-size:18px;margin-bottom:15px;line-height:normal}.packageslist .pkglst li .venue-dtls p{font-size:14px;line-height:18px;color:#777;font-weight:400}@media (min-width:480px){.packageslist .pkglst li{width:50%;margin-left:auto;margin-right:auto}.packageslist .pkglst li .venue img{width:auto}}@media (min-width:768px){.packageslist .pkglst li{flex-direction:row;flex-wrap:wrap;width:100%}.packageslist .pkglst li .venue{width:300px;border-right:0;padding-right:10px;border-width:10px}.packageslist .pkglst li .venue .hot-deals{left:15px}.packageslist .pkglst li .venue-dtls{width:54%}.packageslist .pkglst li .venue-dtls h3{font-size:20px}.packageslist .pkglst li .venue-dtls .promo-applied{margin-bottom:15px}.packageslist .pkglst li .coupon-box{width:300px;padding:10px}}.packageslist .pkglst{width:100%;margin-bottom:20px;box-shadow:5.5px 9.526px 76px rgba(188,191,196,.33);background-color:#fff}.cruise-deals{display:inline-block;width:100%;font-size:14px;letter-spacing:1px;color:#212c64;font-weight:500}.cruise-deals span.hilight{width:100%;font-size:14px;letter-spacing:1px;font-weight:500}.ins .img-block{margin:0 auto;border-right:3px solid #f2f2f2;padding:0 30px 0 0}.ads-banner .row,.image_outer_detail p,.ins.row{margin-bottom:0}.ins.row .text-center:last-child .img-block{border:none}.ins-bar{padding:50px 20px;background-color:#172963;margin-bottom:50px}.about-ins{padding:70px 0;margin-bottom:50px}@media (min-width:480px){.ins-bar{margin-bottom:50px}.about-ins{margin-bottom:0}.ins .img-block{border:none;padding:30px 0}}@media (min-width:768px){.ins-bar{padding:50px 20pxx;margin-bottom:50px}.about-ins{padding:70px 0;margin-bottom:50px}.ins .img-block{border:none;padding:30px 0}}@media (min-width:992px){section.sitemap_wrp .container_one{    width: 1300px!important;}.siteMap_main.sm2 li a{width: 235px;}.packageslist .pkglst li .venue{width:28%;border-right:20px}.packageslist .pkglst li .venue-dtls{width:50%}.packageslist .pkglst li .venue-dtls h3{margin-bottom:15px}.packageslist .pkglst li .venue-dtls .promo-applied{padding:4px 15px}.packageslist .pkglst li .coupon-box{width:25%}.coupon-box img{margin:0 auto}.ins-bar{padding:70px 20px;margin-bottom:50px}.about-ins{padding:50px 0;margin-bottom:50px}.ins .img-block{margin:0 auto;border-right:3px solid #f2f2f2;padding:0 30px 0 0}}@media (min-width:1200px){.packageslist .pkglst li .venue{width:25%;min-height:200px;padding-right:20px;border-width:20px}.packageslist .pkglst li .venue-dtls{width:50%}.packageslist .pkglst li .venue-dtls h3{font-size:24px}.packageslist .pkglst li .venue-dtls .promo-applied{padding:5px 20px;margin-bottom:25px}.packageslist .pkglstli .coupon-box{width:24%;padding:20px}.ins-bar{padding:70px 20px;margin-bottom:50px}.about-ins{padding:70px 0;margin-bottom:50px}.ins .img-block{margin:0 auto;border-right:3px solid #f2f2f2;padding:0 30px 0 0}}@media (min-width:1440px){.ins-bar{margin-bottom:70px;padding:70px 20px}.about-ins{padding:50px 0;margin-bottom:50px}.ins .img-block{margin:0 auto;border-right:3px solid #f2f2f2;padding:0 30px 0 0}}.ins-bar .ins{display:flex;flex-direction:column}@media (min-width:768px){.ins-bar .ins{flex-direction:row}}@media (max-width:768px){.text-deals ul.nav.nav-tabs li{margin-right:15px;margin-bottom:10px;margin-top:10px;display:block;width:100%;text-align:center}.awesome-holiday .right h3,.awesome-holiday .text-deals h3{text-align:center;font-size:24px;letter-spacing:0;line-height:30px;margin-bottom:20px;font-family:Montserrat,sans-serif;font-weight:700;color:#152266;text-transform:uppercase;display:block}.icon-box.text-left,.icon-box.text-right{text-align:left!important;width:100%;margin:0 auto}}.deal-title header,.tab-content{margin-bottom:20px}.text-deals ul.nav.nav-tabs li a{text-align:center;font-weight:700;font-size:15px;color:#fb7500}.text-deals ul.nav.nav-tabs li{margin:10px 15px 10px auto}.text-deals ul.nav.nav-tabs{margin-bottom:15px}a.readmoretxt{color:#6b6b6b;font-size:14px;letter-spacing:1px;font-weight:600}.text-deals ul.nav.nav-tabs li a.active{border-bottom:3px solid #fb7500;padding-bottom:10px;color:#777}.text-deals .nav-tabs{border-bottom:3px solid #dee2e6}.ads-banner{padding-top:80px;padding-bottom:80px}span.icon-title{font-size:18px;line-height:22px;color:#6b6b6b;font-weight:500}img.icon-book{max-width:100%;padding:0 10px;vertical-align:middle}.about-holiday p,.cus-review.about-review,.search-box{max-width:500px;width:100%}.icon-box{display:inline-block;margin-bottom:10px}.subscribe-form .submit-btn{color:#fff;font-weight:600;background:#152266;border:none;cursor:pointer;z-index:9;padding:10px 45px;FONT-SIZE:20PX;border-radius:40px}.textbox{display:block;width:100%;height:42px;MARGIN:0 AUTO;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #616161;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}#feedback a,.btn-about{font-size:22px;font-weight:400}.cus-review .slider{height:37%}.cus-review .slick-dotted.slick-slider,.results-record p{margin-bottom:5px}.footer-title-logo{color:#fff;font-weight:700}.about-scscribe-bar .subscribe h3,.copyright a,.footer-logo-box a,.offersbg .container-fluid label{color:#fff}body.homepage{background:url(../img/pattern.png);width:100%;height:100%}.pnl-body h4{color:#152266;font-size:18px;font-weight:700;margin-bottom:0;line-height:24px}.pnl-body p{color:#152266;font-weight:500;FONT-SIZE:14PX}.formbox-square .pnl-body form .form-field:after{position:absolute;font-size:18px;bottom:10px;right:0;font-family:FontAwesome;display:inline-block;color:#152266}.formbox-square .pnl-body form .form-field.ico-globe:after{content:"\f0ac";display:none}.formbox-square .pnl-body form .form-field.ico-calender:after{content:"\f133"}input.radio-select{margin-right:20px}.tab-btn{position:absolute;right:12px;z-index:0;top:25%}ul.nav.nav-tabs.tabs-right:before{display:table;content:''}.results-tabs ul,.times-section ul.nav-tabs,ul.cntry-list.nav.nav-tabs,ul.nav.nav-tabs.tabs-right{border-bottom:none}ul.nav.nav-tabs.tabs-right&gt;li{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);height:28px;width:68px;margin-bottom:50px}ul.nav.nav-tabs.tabs-right&gt;li&gt;a{background:#fdad00;color:#000;padding:6px 12px;border-radius:4px 4px 0 0;FONT-SIZE:14PX;font-weight:500;letter-spacing:.5px}.search-box .col-lg-11.search-result{width:100%!important;flex:0 0 100%!important;max-width:100%}.slider-text-block{float:right;right:10%;margin:90px auto}.scrach{margin:50px auto;text-align:center}.explore-dest{padding:0}#feedback{height:0;position:fixed;right:-131px;top:50%;z-index:10000;transition:.3s}#feedback:hover{right:0;transition:.3s}#feedback a{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-moz-font-feature-settings:"liga" on;opacity:1!important;height:60px;padding-top:10px;width:200px;text-align:center;color:#fff;border-radius:30px 0 0 30px;text-decoration:none;display:inline-block}#feedback a:hover{opacity:1}.chat{width:100%;max-width:30px;display:inline;top:10px}div#feedback span{padding:0 10px;top:5px}.travell-news .newsarea .tn-item figcaption span.view-details-cruise,.travell-news .newsarea .tn-item figcaption span.view-details-cruise a{font-weight:400;color:#fb7500;font-size:12px}.ftr-main-sec ul.book-trip li:before{content:'\f111';font-family:Fontawesome;font-size:7px;margin-right:10px;position:relative;top:-2px}.flight-ticket .form-field.ico-globe:after,ul.one-way-flight li:first-child::before{content:url(../img/plane-icon.png)!important}.packageslist .slick-next,.packageslist .slick-prev{top:42%}.clmn figure{cursor:pointer}.explore-dest .galbox figure:hover img{transform:scale(1.1) rotate(3deg);overflow:hidden;transition:transform .7s ease-in-out}.about-ins.ins-bar .row,.explore-dest .galbox figure:hover .overlay-effect,.testreco p{margin:0}.explore-dest .galbox .bdr-bottom{border-bottom:0!important}.explore-dest .sec-header .right .srcby-continent .cntry-list li a.active{color:#fff;border:1px solid #f96116;background-color:#f96116}.about-pack{margin:120px 0 50px}.about-pack-holiday{margin:100px 0}.about-pack-testimonials{padding:200px 0;margin:100px 0;background:url(../img/testimonial.png) center center/100% no-repeat}.holiday-sec{padding-top:70px}.about-pack h3{font-family:Poppins;font-weight:700;color:#152266;display:block;font-size:60px}.flight-ticket .pnl-header .form-field,.results-tabs ul li a span,.total_p,a.o-sort,label.rs-stop{display:inline-block}.cus-review.about-review{margin:100px auto 0}.about-scscribe-bar{background-color:#19396f}a.clr-orange{color:#fb7500}.about-pack p{font-weight:500;text-align:justify;margin-bottom:15px;font-size:15px;font-family:Poppins;color:#3b3d44;line-height:1.6}h4.ins-title{font-size:18px;color:#fff;line-height:1.5;font-weight:500;margin-bottom:0}.col-sm-5cols{position:relative;min-height:1px;padding-right:10px;padding-left:10px}.about-ins.ins-bar{background:#19396f!important}.about-holiday .holiday-sub-title{font-weight:500;font-size:20.63px;font-family:Poppins;color:#3b3d44;line-height:1.2}.about-holiday h3.holiday-title{font-family:Poppins;color:#3b3d44;font-weight:700;line-height:1.2;margin-bottom:5px}.about-holiday p{font-size:16px;font-family:Poppins;color:#3b3d44;line-height:21px}.btn-about{letter-spacing:2px;line-height:120px;padding:15px 40px;background-color:#f67a08;border-radius:30px;color:#fff;font-family:Poppins}.flight-ticket{background:url(../img/search.png) top center/cover no-repeat;padding:80px 40px 90px}.btn-yellow{background:#ffc600;border-radius:4px;color:#222;font-weight:700;font-size:18px;padding:20px 70px!important}.flight-ticket.ticket-booking-1w .cab-formbox .pnl-body form .form-field .inputype1{padding:0;border-bottom:none;font-weight:700;color:#4d4d4d;font-size:16px;font-family:Montserrat,sans-serif}.flight-ticket .form-field.ico-globe.down-plane:after{content:url(../img/down-plan.png)!important}.flight-ticket .form-field.ico-calender:after{content:url(../img/cale.png)!important}.flight-ticket .form-field{background:#fff;padding:12px 40px}.switch-ico{background:#fff;padding:17px}@media (min-width:769px){.col-sm-5cols{width:20%}}@media (max-width:768px){.col-sm-5cols{width:100%}}.flight-ticket .pnl-header .form-field{width:15.5%!important;background:0 0!important;border:none;justify-content:stretch;padding:0;margin:0 5px}.flight-ticket .pnl-header .form-field select{color:#fff;border:none;justify-content:stretch;font-size:14px;-webkit-appearance:none;-moz-appearance:window;padding:5px!important}.flight-ticket .pnl-header .form-field select option{color:#000}.flight-ticket .pnl-header .form-field select:focus,.ui-slider a:focus{outline:0}.onlinedeals-slider .slide-items figure{background:#fff;padding:10px 15px;margin:0 7px;-webkit-box-shadow:0 8px 6px -6px #000;-moz-box-shadow:0 8px 6px -6px #000;box-shadow:0 8px 6px -6px #000;border-radius:5px}.onlinedeals-slider .slide-items figure img{margin:0 auto;width:100%;height:auto;padding-bottom:10px;border-bottom:1px dotted #ccc}.onlinedeals-slider .slide-items figcaption{color:#585858;padding-top:10px;text-transform:uppercase;font-size:14px;text-align:center;font-weight:500}.onlinedeals-slider .slide-items figcaption strong{font-weight:700}.deal-title h4{font-family:Poppins;font-weight:700;color:#060303;font-size:24px;line-height:24px;padding-top:25px}.onlinedeals-slider{background:#eee;padding:30px 10px}.panel-heading h4:after,.panel-heading p:after{font-family:FontAwesome;content:"\f106";float:right;color:#000;cursor:pointer}.panel-heading.collapsed h4:after{content:"\f107"!important;cursor:pointer}.panel-heading{margin-bottom:10px;margin-top:10px}.fee-assistance,.stops,.times-section{padding:10px 0;border-bottom:2px solid #ccc}.fee-assistance .panel-title.fee-title,.price-section-title,.stops .stop-title,.times-title{font-family:Poppins;font-weight:700;color:#000;font-size:16px;margin-bottom:0;line-height:20px}.fee-assistance label{color:#222;font-weight:500;font-size:13px}.fee-assistance select.inputype1{background:#fff;border:1px solid #ccc;margin-top:10px;color:#616161;font-weight:600;cursor:pointer}.fee-assistance i.fa.fa-exclamation-circle{color:grey;font-size:15px;padding-left:5px}label.rs-stop{float:right;font-weight:500;color:#616161}.stops .purpose .purpose-list li .custom-checkbox .custom-control-label{display:inline-block;cursor:pointer}span.takeoff-text{font-size:13px;font-weight:600;color:#222;line-height:24px}#time-range p,#time-range1 p{font-family:Arial,sans-serif;font-size:14px;color:#333}.ui-slider-horizontal{height:8px;background:#d7d7d7;border:1px solid #bababa;box-shadow:0 1px 0 #fff,0 1px 0 #cfcfcf inset;clear:both;margin:8px 0;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}.class_type,.num_pass{height:37px;outline:0;cursor:pointer}.ui-slider{position:relative;text-align:left}.ui-slider-horizontal .ui-slider-range{top:-1px;height:100%}.ui-slider .ui-slider-range{position:absolute;z-index:1;height:8px;font-size:.7em;display:block;border:1px solid #5ba8e1;box-shadow:0 1px 0 #aad6f6 inset;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') 0 0/100% #81b8f3;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#a0d4f5),color-stop(100%,#81b8f3));background-image:-webkit-linear-gradient(top,#a0d4f5,#81b8f3);background-image:-moz-linear-gradient(top,#a0d4f5,#81b8f3);background-image:-o-linear-gradient(top,#a0d4f5,#81b8f3);background-image:linear-gradient(top,#a0d4f5,#81b8f3);cursor:pointer}.ui-slider .ui-slider-handle{border-radius:50%;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') 0 0/100% #f9fbfa;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#c7ced6),color-stop(100%,#f9fbfa));background-image:-webkit-linear-gradient(top,#c7ced6,#f9fbfa);background-image:-moz-linear-gradient(top,#c7ced6,#f9fbfa);background-image:-o-linear-gradient(top,#c7ced6,#f9fbfa);background-image:linear-gradient(top,#c7ced6,#f9fbfa);-webkit-box-shadow:0 2px 3px -1px rgba(0,0,0,.6),0 -1px 0 1px rgba(0,0,0,.15) inset,0 1px 0 1px rgba(255,255,255,.9) inset;-moz-box-shadow:0 2px 3px -1px rgba(0,0,0,.6),0 -1px 0 1px rgba(0,0,0,.15) inset,0 1px 0 1px rgba(255,255,255,.9) inset;box-shadow:0 2px 3px -1px rgba(0,0,0,.6),0 -1px 0 1px rgba(0,0,0,.15) inset,0 1px 0 1px rgba(255,255,255,.9) inset;-webkit-transition:box-shadow .3s;-moz-transition:box-shadow .3s;-o-transition:box-shadow .3s;transition:box-shadow .3s;position:absolute;z-index:2;width:22px;height:22px;border:none;cursor:pointer}.ui-slider .ui-slider-handle:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;top:50%;margin-top:-12px;border:1px solid #666;left:50%;margin-left:-4px;background:#fff;-webkit-box-shadow:0 1px 1px 1px rgba(22,73,163,.7) inset,0 1px 0 0 #fff;-moz-box-shadow:0 1px 1px 1px rgba(22,73,163,.7) inset,0 1px 0 0 #fff;box-shadow:0 1px 1px 1px #f3f3f3 inset,0 0 0 0 #fff;cursor:pointer}.ui-slider-horizontal .ui-slider-handle{top:-.5em;margin-left:-.6em}#slider-range,#slider-range2,#slider-range3,#slider-range4,.price-section #slider-1{width:90%;margin:0 auto}.results-record a,span.slider-time2,span.slider-time21,span.slider-time4,span.slider-time41{float:right}div#time-range p,div#time-range1 p,div#time-range2 p,div#time-range3 p{font-size:13px;font-weight:500;color:#222}.why-choose-section{background:#004e72;padding:30px}h4.why-choose-title{font-family:Poppins;color:#ffd600;font-weight:700}ul.ul-choose li{margin:0 20px 2px;color:#f4f4f4;line-height:20px;font-size:13px;list-style-image:url(../img/dot-arow.png)}img.ads-img{width:100%;max-width:100%}.beat-quote{margin:10px 0}.btn-quote-section{margin:0 auto;width:100%;text-align:center;border-radius:5px;background-color:#ffd600;padding:10px;font-size:20px;font-weight:600}.btn-reset,.btn-submit-popup{font-weight:700;font-family:Poppins}.btn-quote{color:#222}.btn-quote-section:hover{background-color:#f5d00d}.refer-frds{background:#004e72}.refer-frds .refer-title{text-align:center;color:#f4f4f4;font-size:17px;font-weight:500;font-family:Poppins;letter-spacing:1px;border-bottom:1px solid #f4f4f4}.refer-body{padding:10px 20px}.refer-body label{color:#f4f4f4;font-size:16px;text-transform:capitalize;line-height:35px}.refer-body .form-control{font-family:Poppins;text-align:center;display:block;width:100%;padding:4px 10px;font-size:12px;line-height:1;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:2px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;margin-bottom:5px}.btn-submit-popup{width:100%;max-width:130px;background:#ffd600;font-size:14px;margin:10px auto 0;padding:8px 25px;border-radius:2px}form.subscribtion-form .btn-submit{font-family:Poppins;width:100%;max-width:170px}.refer-body .form-control::-webkit-input-placeholder{color:#c9c9c9}.refer-body .form-control:-ms-input-placeholder{color:#c9c9c9}.refer-body .form-control::placeholder{color:#c9c9c9}.btn-reset{background:#eee;border:none;color:#222;letter-spacing:1px;cursor:pointer}.results-record p,.total_p{color:#333;line-height:1.5}.times-section ul li a{font-weight:500;background:#fff;color:#222;padding:10px 35px;border:1px solid #ccc;font-size:13px}.results-tabs ul li a,.results-tabs ul li a select{font-weight:700;font-size:16px;font-family:Poppins}.times-section ul li{margin:0 auto}.container-fluid.con-online{padding:0 70px}.results-record p{font-size:14px;font-family:Poppins}.flight-search-policy-text p strong,.results-record p strong{font-weight:600}.results-record{margin:10px 0;padding:15px 20px;background-color:#fff4d9;box-shadow:0 4px 10px 0 rgba(0,0,0,.08);width:100%}.flight-search-details,.results-tabs{background-color:#fff;box-shadow:0 4px 10px 0 rgba(0,0,0,.08)}.total_p{font-size:15px;font-family:Poppins;font-weight:700}.results-tabs{margin:10px 0;padding:00px 10px;width:100%}.results-tabs ul li{text-align:left;width:25%;line-height:1.3;border-right:1px solid #ccc;padding-top:15px}.results-tabs ul li:last-child{border-right:none;padding-top:5px}.results-tabs ul li.active{border-bottom:2px solid #000}.results-tabs ul li a{padding:0 10px;color:#4d4d4d;width:100%}.results-tabs ul li a select{padding:5px 20px;color:#4d4d4d;background:0 0;border-bottom:none;line-height:50px;height:60px;-webkit-appearance:none;-moz-appearance:window}.results-tabs ul li a.o-sort::after{content:url(../img/sort.png)!important;position:absolute;width:30px;height:40px;right:0;bottom:9px;left:7px}span.tab-price,span.tab-time{display:block;text-align:left}span.tab-time{font-size:14px;font-weight:500}span.fa.fa-circle{font-size:8px;top:-2px;padding:0 5px}span.tab-price{padding:0 0 0 10px;font-size:16px;font-weight:600}.flight-search-details{border:1px solid #ffd600;border-radius:10px;margin:20px 0}.flight-summery{margin-bottom:0;color:#039be5;font-size:14px;line-height:30px}.flight-search-policy-text p{color:#4d4d4d;font-size:13px;line-height:1.5;font-weight:500;font-family:Poppins}.flight-search-policy-text{margin-top:15px}ul.one-way-flight,ul.return-flight{width:100%;display:inline-block}ul.one-way-flight li,ul.return-flight li{display:inline-block;width:100%}ul.one-way-flight{border-bottom:1px dotted #ccc;padding:15px 0}ul.return-flight{border-bottom:1px solid #ccc;padding:15px 0}.bdr-right{border-right:1px dotted #cccc}.sec-right{padding:15px}ul.one-way-flight li:first-child,ul.return-flight li:first-child{font-size:15px;line-height:1.5;font-weight:400;font-family:Poppins;color:#4d4d4d;max-width:38%}ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(2),ul.return-flight li:nth-child(2){font-family:Poppins;color:#4d4d4d;line-height:1.333;font-size:14px;font-weight:500;text-align:left;max-width:30%}ul.one-way-flight li:first-child::before{padding-right:10px}ul.return-flight li:first-child::before{content:url(../img/down-plan.png)!important;padding-right:10px}ul.one-way-flight li:nth-child(2)::before,ul.return-flight li:nth-child(2)::before{padding-right:10px}ul.one-way-flight li:last-child::before{content:'Via:';font-weight:600;padding-right:5px}.final-fare{color:#000;font-weight:800;font-size:25px;margin-bottom:0;line-height:20px;margin-top:10px}.total-fare{color:#5f5f5f;font-size:13px;font-weight:500;line-height:2;font-family:Poppins}.tc-apply{color:#cb0100;font-weight:600;font-size:12px;font-family:Poppins}.booknow-btn,.booknow-btn1,.show-deal{border-radius:4px;background-color:#ffd600;padding:10px;font-weight:700;font-size:12px;margin:0 5px 0 0;display:inline-block}.flights-btn{display:inline-block;width:100%;margin-top:10px;margin-bottom:10px}.flight-fare{padding-top:15px}.flights-btn .btn:focus{border:1px solid #ffd600!important}.more-deal-sec{background:#f5f5f5;border:1px dotted #ddd;margin-bottom:10px!important}.more-deal-sec.collapse.show{width:100%;display:flex}.daterangepicker .calendar-table td,.daterangepicker .calendar-table th{text-align:center;vertical-align:middle;min-width:32px;width:25px;height:10px;line-height:5px;font-size:12px;border-radius:4px;border:1px solid transparent;white-space:nowrap;cursor:pointer}.cab-formbox .inputype1::-webkit-input-placeholder{color:#c9c9c9}.cab-formbox .inputype1:-ms-input-placeholder{color:#c9c9c9}.cab-formbox .inputype1::placeholder{color:#c9c9c9}.flight_radio{pointer-events:all!important;zoom:1.3;bottom:-3px;right:10px;left:10px}.label_1{margin-left:18px;color:#fff}.num_pass{color:#333;padding-left:10px;background-position:left;border:none}.num_pass::placeholder{color:#929292!important}.num_pass::-webkit-input-placeholder{color:#333}.num_pass::-moz-input-placeholder{color:#333}.class_type{width:200x;color:#333;padding-left:40px;border:none;background:url(../images/class_icon.png) 3% no-repeat #fff}.add_room_row,.room_div_row{border-bottom:1px solid #bbb;clear:both;width:100%}.class_type::placeholder{color:#929292}.class_type::-webkit-input-placeholder{color:#333}.class_type::-moz-input-placeholder{color:#333}.num_pass p{padding-top:1px;color:#929292}.num_pass span{float:left}.room_div .submit_btn{float:left;margin-top:0;background-color:#ffc600;padding:3px 25px;border:none;color:#000;font-weight:700}.room_div_row{padding:0 0 10px;margin-bottom:10px;float:left;display:flex}.room_div_row label{font-size:13px;color:#000;margin-bottom:7px;float:left}.room_gustCol{margin:0 4px 0 0}.add_room_row,.age_row label{margin-bottom:7px;float:left}.add_room_row{padding:0 0 8px}.guests_select{width:100%;border:1px solid #bbb!important;padding:5px 3%!important;color:#333!important;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}.age_row{padding:8px 0;clear:both;float:left;width:100%}.age_row label{font-size:13px;color:#808285}#dvSelectedRoom .close_icon{cursor:pointer;color:#000;position:absolute;right:-1px;top:-1px;padding:10px;z-index:999}.room_div{display:none;background:#fff;position:absolute;border:1px solid #bbb;cursor:default;padding:10px;color:#a9a9a9;z-index:99999;top:40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:300px}.image_outer_detail a{display:block;position:relative}.image_outer_detail .detail_content_box{top:auto;bottom:0}.online_rstl .search_boxOn5{text-align:right}.online-deal .slick-initialized .slick-slide figcaption span{overflow:hidden;max-height:26px;display:block;width:100%}.online_rstl .rescustcall{font-size:21px}.boxair1:after,.boxair2:after,.boxair3:after{height:100%!important}.boxair3 .img_three{height:240px!important}.offersbg{background: #192a62;background-image: radial-gradient(rgb(255 119 28 / 30%) 1px, transparent 0);background-size: 30px 30px;}.offersbg .boxair1,.offersbg .boxair2{border:2px solid #fff}.siteMap_main li a,.siteMap_second li a{font-size: 13px!important;}#ex1.modal,#ex2.modal{height: auto;}div#beatquery_content{overflow: auto !important;}.online_rstl .search_boxOn1,.online_rstl .search_boxOn3{margin-right: 15px;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable:before {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
    top: 0;
    left: 0;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable #dialog_booking {
    background: #fff;
    padding: 18px;
}
#dialog_booking p {
    font-size: 16px;
    margin: 0;
    text-align: center;
    color: #000;
}
#dialog_booking p span.pnmbr {
    color: #a80303;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 18px;
}

#dialog_booking p span.pnmbr a, #dialog_booking p a{
    color: #a80303;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 12px;
    margin: 1px 0;
    padding: 1px;
    height: 27px;
    border-radius: 0;
}

.pkgbook_payment .contDlt_col, .pkgbook_payment .dateInput{
    width: 100%;
}
.pkgbook_payment .what_this{text-align: right;}

@media (min-width: 992px){
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {width: 400px !important; left: 480px !important;}
    .pkgbook_payment .contDlt_col01{min-width: 260px; width: 36%!important;}
    .pkgbook_payment .conDetail-inputTxt2, .pkgbook_payment .conDetail-inputTxt1,.pkgbook_payment .contactDtlInput0,.pkgbook_payment .what_this{min-width: 278px;}
    .pkgbook_payment .dateInput select.flight-select1 {width: 95%;}
    .explore-dest .galbox .bdr-bottom{border-bottom: 4px solid #fff!important;}
    figure .overlay-effect {bottom: -5px;}
    .explore-dest .rowtype1 .clmn figure img.img_size_three {height: 241px !important;}
}
.details_view .p1,.n_mobile_view .p1,.new_mobile_view{color:#222;font-weight:300}.details_view .mobilenu a,.n_mobile_view .mobilenu a,.new_mobile_view a{font-size:30px;font-family:Lato;color:#0ca7bb;line-height:40px;font-weight:900}.foot-fix-height{min-height:200px}#feedbacksa a img{width:100%}.cus-review .slider{min-height:180px;display:block;position:relative;overflow:hidden}.cruise_p1{font-size:18px!important}.hidden-small{display:block}.n_mobile_view,.new_mobile_view{display:none;padding:15px 0 25px}.new_mobile_view{z-index:9;background:url(../img/pattern.png)}.new_mobile_view img{width:70%}.owl-theme .owl-controls .owl-buttons div{font-size:50px;padding:0;margin:0}.owl-theme .owl-controls .owl-buttons .owl-prev{top:-250px;left:-10px}.owl-theme .owl-controls .owl-buttons .owl-next{top:-250px;right:-10px}.owl-theme .clickable1 .owl-buttons .owl-prev{top:-160px;left:-35px}.owl-theme .clickable1 .owl-buttons .owl-next{top:-160px;right:-35px}.n_mobile_view .p1 img{width:82%}.details_view{padding:0 0 25px;vertical-align:middle;text-align:right}.details_view .mobilenu a{vertical-align:middle}.details_view .p1 img{width:32%;text-align:right}.details_view_call_box{float:right;width:68%!important}.testimonial_2{font-size:16px!important;color:#333;padding:30px 30px 23px}.get_exciting{font-size:52px!important;color:#152266!important;font-family:Montserrat,sans-serif!important;font-weight:700!important;line-height:54px!important;margin-top:25px;margin-bottom:25px!important}.col-sm-5cols{width:25%!important}#comm100-float-button-2 div{position:fixed;z-index:2147483642;font-size:0px;right:0!important;transform:translateY(-50%);top:96%!important}.cntrlogo-navmenu{padding:10px 0;display:inline-block;margin-bottom:0}@media only screen and (max-width:1280px){.explore-dest .sec-header .left p{font-size:48px;line-height:57px;letter-spacing:2px;font-weight:700}.flex-direction-nav{display:none}.kam_number{width:34%}.container_one{width:1000px}.reset_all_button{background-image:none;padding-left:0}.star_icon_p1{font-size:18px}.star_icon_p3{font-size:14px;line-height:15px;margin-top:10px;margin-bottom:10px}.view_detail_but{padding:10px 8px;font-size:12px}.send_enquiry{margin-top:19%}.offer_p_inner,.testimonial_p2{font-size:13px}#pager a{width:82px!important}.tab-block .tab-mnu li{width:100px!important}.product__slider-thmb .slick-slide{opacity:.5;transition:.3s;width:90px;margin-left:5px}.slideshow{width:100%;height:auto}.hidden-small{display:block}.owl-theme .owl-controls .owl-buttons div{font-size:50px;padding:0;margin:0}.owl-theme .owl-controls .owl-buttons .owl-prev{top:-250px;left:-10px}.owl-theme .owl-controls .owl-buttons .owl-next{top:-250px;right:-10px}.owl-theme .clickable1 .owl-buttons .owl-prev{top:-130px;left:-30px}.owl-theme .clickable1 .owl-buttons .owl-next{top:-130px;right:-30px}.about-pack-holiday{margin:0}.testimonial_2{padding:0}.holiday-sec{padding-top:0}.flight-ticket{padding:80px 10px 110px}.heading_one{font-size:50px}.para_one{font-size:16px}.slider-demo{width:84%}.cntrlogo-navmenu .navbar .nav-item .nav-link,.offer_p{font-size:14px}.cruise_banner,.india_tour_banner{background-size:cover}.cruise_form_outer{width:20%}.cruise_select_1{width:100%}.cruise_p_1,.cruise_p_4,.lowest_p_1{font-size:15px}.button_view{margin-top:11px}.curise_slider_sec{background-size:100%}.promo_p{font-size:35px}.process_p_2{font-size:20px}a.navbar-brand.logo-center{margin:35px 0 0 30px}}@media only screen and (max-width:1050px){.leftfilters_more{text-decoration:underline;padding-top:5px;float:left!important;font-size:13px}.hsa,.tab-block .tab-mnu li{font-size:12px!important}.why-choose-section{padding:10px;margin-top:20px}h4.why-choose-title{font-size:16px;line-height:24px}ul.ul-choose li{margin:0 17px 8px;line-height:14px;font-size:11px}.ticket-booking-1w .cab-formbox .pnl-header p{letter-spacing:0;font-size:11px!important}.style-150x340#rc-badge-wrapper .rc-write-review A{left:20px!important}.style-150x340#rc-badge-wrapper .rc-overview{width:110px!important;top:129px!important}.refer-body{padding:0 8px 18px}.refer-frds .refer-title{font-size:15px;line-height:20px;padding:6px 0}.happy-traveller{display:none}.testimonial_slider_2 .slide_content{height:249px!important;padding:0 70px!important}.hidden-small{display:block}ul.one-way-flight li:first-child,ul.return-flight li:first-child{font-size:12px;max-width:43%}ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(2),ul.return-flight li:nth-child(2){font-size:12px;max-width:40%}ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(3),ul.return-flight li:nth-child(3){font-size:12px;max-width:80%}.cus-review .slider{height:41%}.owl-theme .owl-controls .owl-buttons div{font-size:50px;padding:0;margin:0}.owl-theme .owl-controls .owl-buttons .owl-prev{top:-250px;left:-10px}.owl-theme .owl-controls .owl-buttons .owl-next{top:-250px;right:-10px}.owl-theme .clickable1 .owl-buttons .owl-prev{top:-110px;left:-30px}.owl-theme .clickable1 .owl-buttons .owl-next{top:-110px;right:-30px}.flight-ticket{padding:70px 10px 30px}ul.one-way-flight li:last-child::before{padding-left:43px}.about-pack-holiday{margin:0}.testimonial_2{padding:0}.holiday-sec{padding-top:0}.details_view_call_box{width:79%!important}.booknow-btn,.booknow-btn1,.show-deal{margin-top:10px}.dtl_gallery{width:46%}.slideshow{width:100%;height:auto}.flight_overview_left{float:left;width:50%}#rc-badge-wrapper,.travell-news .newsarea .tn-item img{width:100%!important}.ticket-booking-1w .cab-formbox .pnl-body form .form-field{margin-bottom:0}.home&gt;footer .copyright p,.innerwrapper&gt;footer .copyright p{text-align:right}.container_one{width:900px}.detail_p7,.explore-dest .sec-header .right .srcby-continent .cntry-list li a{font-size:11px}.detail_p6{font-size:12px}#pager a{width:72px!important}#sliderNext,#sliderPrev{bottom:19px}.tab-block .tab-mnu li{width:92px!important}.content_inner_p1,.content_inner_p2{font-size:14px}.content_inner_p2 span{font-size:16px}.why_book_sec{background:0 0}#comm100-float-button-2 div{display:inline-block;width:35%;top:93%!important}.travell-news .newsarea .tn-item{max-width:100%}.formbox-square .pnl-body form,.packageslist .pkglst li img{width:100%}a.navbar-brand.logo-center{margin:34px 70px 0 0}.cntrlogo-navmenu .navbar .nav-item .nav-link{font-size:14px;font-weight:500}.kam_number{width:35%}.cntrlogo-navmenu .logo-center{max-width:210px}.ticket-booking{width:45%}.formbox-square .pnl-body form .form-field{width:48%;margin-bottom:5px;display:inline-block;margin-right:0}.tab-btn{right:17px}.explore-dest .sec-header .left p{font-size:35px!important;line-height:38px;font-weight:600}}@media only screen and (max-width:999px){.home&gt;footer .ftr-main-sec .menu ul li a,.innerwrapper&gt;footer .ftr-main-sec .menu ul li a,.tab-block .tab-mnu li{font-size:11px!important}.leftfilters_more{text-decoration:underline;padding-top:5px;float:left!important;font-size:13px}.why-choose-section{padding:10px;margin-top:20px}h4.why-choose-title{font-size:16px;line-height:24px}ul.ul-choose li{margin:0 17px 8px;line-height:14px;font-size:11px}.ticket-booking-1w .cab-formbox .pnl-header p{letter-spacing:0}.style-150x340#rc-badge-wrapper .rc-write-review A{left:20px!important}.style-150x340#rc-badge-wrapper .rc-overview{width:110px!important;top:129px!important}.refer-body{padding:0 8px 18px}.refer-frds .refer-title{font-size:15px;line-height:20px;padding:6px 0}.col-divm-2,.hidden-small,.pack_go_section_two,nav .tab_hid{display:none}ul.one-way-flight li:first-child,ul.return-flight li:first-child{font-size:12px;max-width:43%}ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(2),ul.return-flight li:nth-child(2){font-size:12px;max-width:40%}ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(3),ul.return-flight li:nth-child(3){font-size:12px;max-width:75%;margin-left:42px}h5{font-size:13px;line-height:36px}.content_inner_p1,.detail_p4,.pop_p_1,.pop_p_2,caption,td,th{font-size:12px}.owl-theme .owl-controls .owl-buttons div{font-size:50px;padding:0;margin:0}.owl-theme .owl-controls .owl-buttons .owl-prev{top:-250px;left:-40px}.owl-theme .owl-controls .owl-buttons .owl-next{top:-250px;right:-40px}.owl-theme .clickable1 .owl-buttons .owl-prev{top:-110px;left:-40px}.owl-theme .clickable1 .owl-buttons .owl-next{top:-110px;right:-40px}.flight-ticket{padding:30px 10px}ul.one-way-flight li:last-child::before{padding-left:0}.new_mobile_view{color:#222;font-weight:300;padding:0 7px;width:100%;display:inline-block;margin:0 auto;text-align:center}.new_mobile_view img{width:30%}.new_mobile_view a{vertical-align:middle}.details_view_call_box{width:81%!important}.details_view .p1 img{width:49%;text-align:right}.about-pack-holiday{margin:0}.testimonial_2{padding:0}.holiday-sec{padding-top:0}.col-3-div-mb,.col-div-mb-6,.col-div-mb-8,.col-divm-3,.col-divm-7,.packageslist .pkglst li img,.permission{width:100%}.booknow-btn,.booknow-btn1,.show-deal{margin-top:10px}.dtl_gallery{width:46%}.flight_overview_left{float:left;width:50%}#rc-badge-wrapper{width:100%!important}.ticket-booking-1w .cab-formbox .pnl-header{position:relative;top:10px}span.icon-title{line-height:0;vertical-align:super}.packageslist .pkglst li{display:flex;flex-direction:column;width:100%}ul.nav.nav-tabs.tabs-right:before{display:table;content:''}.ticket-booking{height:400px;top:90px}.col-lg-1{float:left;max-width:8.3333333333%}.tab-btn{right:22px}.kam_number{width:40%;background:#a4ffea;padding:5px 0;z-index:1;position:absolute;top:51px;right:-15px;border-radius:2px;display:none}.navbar-collapse{z-index:99;top:8px}a.navbar-brand.logo-center{margin:45px 0}.pop_p_1{padding:7px 10px}.india_tour_banner,.result_found_back{background-size:cover}.content_box_inner{height:97%}a#previous{right:19%}.slider-demo{width:77%}.col-div-mb-6-img{text-align:center;width:100%}.cruise_form_outer{width:100%;margin-bottom:5px}.cruise_form_outer_2{width:28%}.cruise_box_1{margin-left:15px;box-shadow:none}.cruise_p_1{font-size:11px;line-height:11px;margin-bottom:10px}.cruise_p_2{font-size:10px}.button_book,.button_view{font-size:12px;text-transform:uppercase;cursor:pointer}.button_view{padding:3px 17px;margin-top:6px;border-radius:15px;border:none;background-color:#ff6c2d;color:#fff}.button_book{padding:2px 15px;margin-top:8px;border-radius:15px;border:1px solid #a80303;background-color:transparent;color:#a80303}.arrow{top:490px}.prev{left:325px}.next{right:590px}.cruise_p_5{font-size:14px;line-height:20px;margin-top:25px}.promo_p{font-size:30px}.process_logo_outer_div{padding:55% 0}.process_p_2{font-size:15px}.process_p_3{font-size:13px;line-height:18px}.process_img{width:90%}.process_p_4{line-height:20px;font-size:15px}.container_one{width:750px}#pager a{width:59px!important}#sliderNext,#sliderPrev{bottom:15px}.detail_p1{font-size:18px}.detail_p3{font-size:17px}.detail_p_n{font-size:14px;line-height:10px}.tab-block .tab-mnu li{width:77px!important}.send_enquiry_1,.want_call_back{font-size:16px}.detail_no{font-size:20px}.box_content,.detail_page_content_outer,.detail_page_content_outer_1{padding:10px}.head_p1{font-size:14px!important}.product__slider-thmb .slick-slide{opacity:.5;transition:.3s;width:70px;margin-left:5px}.kam_collspan ul li{float:none;display:block;padding:10px!important}.cntrlogo-navmenu .navbar .nav-item .nav-link{font-size:16px;font-weight:500;width:100%;background:#fff;display:block;padding:10px}h5.mob-no{color:#000}.p2{font-size:26px}#comm100-float-button-2 div{top:96%!important}}@media only screen and (max-width:921px){.offer_sec_cont,.span_2{text-align:center}.leftfilters_more{text-decoration:underline;padding-top:5px;float:left!important;font-size:13px}.why-choose-section{padding:10px;margin-top:20px}h4.why-choose-title{font-size:16px;line-height:24px}ul.ul-choose li{margin:0 17px 8px;line-height:14px;font-size:11px}.ticket-booking-1w .cab-formbox .pnl-header p{letter-spacing:0}.style-150x340#rc-badge-wrapper .rc-write-review A{left:20px!important}.style-150x340#rc-badge-wrapper .rc-overview{width:110px!important;top:129px!important}.refer-body{padding:0 8px 18px}.refer-frds .refer-title{font-size:15px;line-height:20px;padding:6px 0}.bx--date-picker__input{background-size:11px}.hidden-small{display:none}.p_text{margin-top:10px;margin-bottom:10px}.cruise_p_3{font-size:12px;margin-bottom:0}ul.one-way-flight li:first-child,ul.return-flight li:first-child{font-size:12px;max-width:43%}ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(2),ul.return-flight li:nth-child(2){font-size:12px;max-width:40%}ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(3),ul.return-flight li:nth-child(3){font-size:12px;max-width:75%;margin-left:42px}.span_2{float:none!important;display:block;margin:0 auto}}@media only screen and (max-width:898px){.offer_sec_cont,.span_2{text-align:center}.leftfilters_more{text-decoration:underline;padding-top:5px;float:left!important;font-size:13px}.why-choose-section{padding:10px;margin-top:20px}h4.why-choose-title{font-size:16px;line-height:24px}ul.ul-choose li{margin:0 17px 8px;line-height:14px;font-size:11px}.ticket-booking-1w .cab-formbox .pnl-header p{letter-spacing:0}.refer-body{padding:0 8px 18px}.refer-frds .refer-title{font-size:15px;line-height:20px;padding:6px 0}.testimonial_slider_2 .slide_content{height:249px!important;padding:0 70px!important}.bx--date-picker__input{background-size:11px}.hidden-small{display:none}ul.one-way-flight li:first-child,ul.return-flight li:first-child{font-size:12px;max-width:43%}ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(2),ul.return-flight li:nth-child(2){font-size:12px;max-width:40%}ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(3),ul.return-flight li:nth-child(3){font-size:12px;max-width:75%;margin-left:42px}.span_2{float:none!important;display:block;margin:0 auto}.new_mobile_view{color:#222;font-weight:300;padding:0 7px;width:100%;display:inline-block}.new_mobile_view img{width:30%}.new_mobile_view a{vertical-align:middle}.about-pack-holiday{margin:0}.testimonial_2{padding:0}.holiday-sec{padding-top:0}.permission{width:100%}.details_view_call_box{width:72%!important}.details_view .p1 img{width:50%;text-align:right}.p2{font-size:26px}}@media only screen and (max-width:821px){.leftfilters_more{text-decoration:underline;padding-top:5px;float:left!important;font-size:13px}.why-choose-section{padding:10px;margin-top:20px}h4.why-choose-title{font-size:16px;line-height:24px}ul.ul-choose li{margin:0 17px 8px;line-height:14px;font-size:11px}.ticket-booking-1w .cab-formbox .pnl-header p{letter-spacing:0}.refer-body{padding:0 8px 18px}.refer-frds .refer-title{font-size:15px;line-height:20px;padding:6px 0}.bx--date-picker__input{background-size:11px}.hidden-small{display:none}.cruise_p_3{font-size:12px;margin-bottom:3px;line-height:22px}.p_box{width:100%;float:left;padding-top:10px}.col812{padding-top:0}ul.one-way-flight li:first-child,ul.return-flight li:first-child{font-size:12px;max-width:55%}ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(2),ul.return-flight li:nth-child(2){font-size:12px;max-width:40%}ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(3),ul.return-flight li:nth-child(3){font-size:12px;max-width:75%;margin-left:42px}.results-record a{float:none;display:block;font-size:13px;padding:8px 0 0}h5{font-size:13px}.home&gt;footer .ftr-main-sec .menu ul li a,.innerwrapper&gt;footer .ftr-main-sec .menu ul li a{font-size:11px!important}.cus-review .slider{height:42%}.owl-theme .owl-controls .owl-buttons div{font-size:40px;padding:0;margin:0}.owl-theme .owl-controls .owl-buttons .owl-prev{top:-250px;left:-10px}.owl-theme .owl-controls .owl-buttons .owl-next{top:-250px;right:-10px}.owl-theme .clickable1 .owl-buttons .owl-prev{top:-110px;left:-24px}.owl-theme .clickable1 .owl-buttons .owl-next{top:-110px;right:-20px}ul.one-way-flight li:last-child::before{padding-left:0}}@media screen and (max-width:768px){.refer-body{padding:0 8px 18px}.ticket-booking-1w .cab-formbox .pnl-header p{width:97%;letter-spacing:0}.testimonial_slider_2 .slide_content{padding:0!important;height:239px!important}.about-holiday p{font-size:13px!important;line-height:16px!important}.testimonial_slider_2{max-height:240px!important}.refer-frds .refer-title{font-size:15px;line-height:20px;padding:6px 0}.leftfilters_more{text-decoration:underline;padding-top:5px;float:left!important;font-size:13px}.why-choose-section{padding:10px;margin-top:20px}h4.why-choose-title{font-size:16px;line-height:24px}ul.ul-choose li{margin:0 17px 8px;line-height:14px;font-size:11px}}@media (min-width:768px){.owl-theme .owl-controls .owl-buttons div,.span_2{display:block}.product__slider-thmb .slick-slide{margin-left:1px}ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(3),ul.return-flight li:nth-child(3){margin-left:0}input.radio-select{margin-right:4px}.formbox-square .pnl-body form .form-field label{font-size:12px;margin-left:3px}.span_2{float:none;margin:0 auto;text-align:center}.about-pack-holiday{margin:0}.testimonial_2{padding:0}.holiday-sec{padding-top:0}.flight-ticket .pnl-header .form-field{width:16.5%!important}.formbox-square{padding:0 30px 10px}.owl-prev{left:-45px;top:-120px}.owl-next{right:-30px;top:-120px}.awesome-holiday .right h3,.awesome-holiday .text-deals h3{text-align:left}.ads-title,.explore-dest .sec-header .left h2,.package-title h2{line-height:12px}.subscribe-form .submit-btn{padding:10px 15px}.btn-yellow{padding:15px 20px!important;line-height:16px;margin:0}.ticket-booking-1w .cab-formbox .pnl-body form .form-field{width:45%!important}}@media screen and (max-width:769px){.p_box{width:100%;float:left;padding-top:10px}.col812{padding-top:0}}@media only screen and (max-width:767px){.pop_p_2,.pop_p_3,ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(3),ul.return-flight li:nth-child(3){margin-left:0}#rc-badge-wrapper,ul.cntry-list.nav.nav-tabs,ul.nav.nav-tabs.tabs-right{display:none!important}.results-record a{float:none;display:block;font-size:13px;padding:8px 0 0}.owl-theme .owl-controls .owl-buttons div{font-size:32px;padding:0;margin:0}.owl-theme .owl-controls .owl-buttons .owl-prev{top:-230px;left:-10px}.owl-theme .owl-controls .owl-buttons .owl-next{top:-230px;right:-10px}.owl-theme .clickable1 .owl-buttons .owl-prev{top:-60px;left:-24px}.owl-theme .clickable1 .owl-buttons .owl-next{top:-60px;right:-20px}ul.one-way-flight li:last-child::before{padding-right:8px;padding-left:44px;padding-top:4px;display:inline-block}.num_pass span{margin-right:0}.about-pack-holiday{margin:0}.packageslist,.process_inner_box,.process_logo_outer_div,.testimonial_2{padding:0}.holiday-sec{padding-top:0}.package-title{text-align:left!important;padding-left:29px}.icon-box,.pop_p_1,.pop_p_2,.pop_p_3{text-align:left}.awesome_tour_box_img,.col-4-div-mb,.col-4-mb-1,.col-8-div,.col-8-mb-1,.col-div-3m,.col-div-4m,.col-div-8m,.col-div-9m,.flight_overview_left,.kam_collspan,.p_box,.pass_col,.permission,.slider_div,.walkthrough .walkthrough-body .screens .screen .review-content{width:100%}nav .tab_hid{display:inline-block}.con-banner-sec .dottedbg-pattern.right{right:0!important}.best_price_button_1{float:left}.sec-right{padding:0 15px}.n_mobile_view{display:inline-block!important}.right_one{width:40%;float:none;top:0;left:none}.prev{left:10px!important}.collapse.show{margin-top:0!important;padding:0!important;height:auto;width:100%}.ticket-booking-1w .cab-formbox{margin-top:0;z-index:0}.cntrlogo-navmenu .navbar .nav-item .nav-link{display:block;width:100%;padding:10px}.dtl_gallery,.flexslider,.kam_number,.switch-ico,.walkthrough .walkthrough-body .media{display:none}.flight-ticket{padding:10px 0 20px}.flight_radio{left:7px}.pop_p_1{width:100%;border-radius:0}.pop_p_2{width:100%}.pop_p_3{width:100%;border-radius:0}.content_box_inner{height:99%}.slider-demo{margin:20px 0 0 -47.5px!important;width:100%}.cruise_form_outer_2{width:36%}.cruise_form_outer_1{width:25%}.cruise_search_button_outer{margin:0 auto;text-align:center}.search_button{margin-top:4px}.cruise_heading{font-size:26px;line-height:16px}.cruise_box_1{width:100%;margin-top:10px;margin-left:0}.cruise_p_1,.retrun_P span,.star_icon_p1{font-size:16px}.cruise_p_2{font-size:12px}.img_box{width:15%}.demo-wrap .demo,.flight-ticket .pnl-header .form-field,.review-header.width-2,.slide-wrap{width:100%!important}.button_view{padding:7px 25px;font-size:14px}.button_book{padding:6px 22px;margin-top:21px;font-size:14px}.slide-wrap{margin:0 auto}.curise_slider_sec{height:auto;background-image:none}.next{right:90px}.promo_p{font-size:20px}.get_started{padding:10px 25px}.why_book_sec{margin-top:0;margin-bottom:40px;height:auto}.process_logo{width:50%}.process_content_div{border:none}.container_one{width:100%;padding:10px}.cruise_p2{font-size:12px;width:166px}.cruise_p1,.flight_overview_left .overview p,.retrun_P{font-size:15px}.result_found_back{height:auto}.result_inner_div{padding:20px 10px}.send_enquiry{padding:5px 11px;margin-top:0}.view_detail_but{padding:5px 8px}.inner_content_div_1{text-align:left;padding:10px 15px}.cruise_result_img{width:100%;height:300px}.range-slider .output,.range-slider output{line-height:1.5em!important;top:-50px!important}.side_slide{width:100%;height:250px}.tab-block{margin:5% auto!important;width:100%!important}.tab-block .tab-cont .tab-pane{margin-bottom:0!important;height:auto!important}.ticket-booking{position:relative!important;height:auto}.ins .img-block{border-right:none!important}.product__slider-thmb .slick-slide{opacity:.5;transition:.3s;width:90px;margin-left:1px!important}#comm100-float-button-2 div{position:fixed;z-index:2147483642;font-size:0px;right:-25px!important;bottom:0!important;transform:translateY(-50%);top:87%!important}.home&gt;footer .footernote-area .footer-logo-box,.innerwrapper&gt;footer .footernote-area .footer-logo-box{margin-bottom:50px!important}.home&gt;footer .copyright,.innerwrapper&gt;footer .copyright{display:inline-block;width:100%;padding:0 0 10px!important;margin-bottom:0}.home&gt;footer .footernote-area .footer-logo-box .ftr-logo-txt,.innerwrapper&gt;footer .footernote-area .footer-logo-box .ftr-logo-txt{margin:0 0 20px!important}.home&gt;footer .footernote-area .footer-logo-box .ftr-logo-txt span,.innerwrapper&gt;footer .footernote-area .footer-logo-box .ftr-logo-txt span{font-size:14px!important}.home&gt;footer .copyright p,.innerwrapper&gt;footer .copyright p{font-size:12px!important}.about-pack h3{font-size:25px}.about-pack{margin:28px 0}.mosaic-tile.height-2{width:100%;margin:40% 0;height:200px}.walkthrough .walkthrough-body{padding:15px 20px}.col-sm-5cols{width:50%!important}.ads-banner .row,.package-title{margin-bottom:20px}.ticket-booking-1w .cab-formbox .pnl-body form .form-field{width:100%!important;margin-bottom:10px!important}.flights-btn{margin-bottom:10px!important}.col812{width:100%;padding-top:0}.call_box p{font-size:17px;padding-left:5px}.p2{margin-bottom:10px;margin-top:10px}.contact_no_div{padding-top:40px}ul.one-way-flight li:last-child{max-width:100%!important}ul.one-way-flight li:first-child,ul.return-flight li:first-child{font-size:13px;line-height:1.5;font-weight:400;font-family:Poppins;color:#4d4d4d;max-width:45%}ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(2),ul.return-flight li:nth-child(2){font-family:Poppins;color:#4d4d4d;line-height:1.333;font-size:13px;font-weight:500;text-align:left;max-width:50%}.slider-demo a#next{left:0!important}.slider-demo a#previous{left:100%}.explore-dest .sec-header{margin-top:-20px;margin-bottom:0;display:none}.explore-dest .sec-header .left h2,.package-title h2{margin-bottom:15px}.india_tour_banner{height:auto!important;padding-bottom:25px;min-height:490px}}@media only screen and (max-width:630px){input[type=checkbox]+label:before,ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(3),ul.return-flight li:nth-child(3){margin-left:0}ul.one-way-flight li:last-child::before{padding-right:8px;padding-left:44px;padding-top:4px;display:inline-block}.explore-dest .galbox .clmn figure figcaption.price-tag{right:20px}.new_mobile_view{display:block;align-items:center;margin:0 auto;text-align:center;padding:0 0 9px;margin-bottom:2px!important}.new_mobile_view a{display:block;font-size:30px;line-height:23px;padding:0;margin:0}.new_mobile_view img{width:38%}.details_view .p1{margin-bottom:-14px}.details_view .mobilenu a{display:block;padding-bottom:0}.details_view .p1 img{width:62%;text-align:right;float:none;padding:2px 0;margin-right:-10px}.num_pass span{margin-right:0}.about-pack-holiday{margin:0}.packageslist,.testimonial_2{padding:0}.holiday-sec{padding-top:70px}.subscribe-form .submit-btn{margin-top:10px}.ads-banner .row,.package-title{margin-bottom:20px}.package-title{text-align:left!important;padding-left:29px}.cruise_p4,.icon-box{text-align:left}.permission{width:78%}.formbox-square{margin-top:0;margin-bottom:40px}#comm100-float-button-2 div{width:35%;position:fixed;z-index:2147483642;font-size:0px;right:-25px!important;bottom:0!important;transform:translateY(-50%);top:95%!important}.col-2-div-sec-m,.col-4-div,.col-4-div-mb,.col-6-div-m,.col-8-div,.cruise_form_outer_1,.cruise_search_button_outer,.flight_overview_left,.inputbox1,.p_box,.packageslist .pkglst li img,.pass_col,.ship-dltCol,.tab-block,.ticket-booking,.walkthrough .walkthrough-body .screens .screen .review-content{width:100%}.explore-dest .galbox .clmn{flex-direction:column}.ticket-booking-1w .cab-formbox{margin-top:0;z-index:0}.blue_div{width:30%;height:474px;background-color:#172963;float:left;position:absolute;top:100px}.heading_one,.packand_go_heading,.process_p_1{font-size:30px}.best_span,.para_one{font-size:12px}.slider-demo{margin:20px 0 0 19.5%;width:49%}a#next{left:-40%}.cruise_form_outer_2{width:100%;margin-top:4px}.cruise_heading_2{font-size:25px;line-height:30px;margin-top:35px}.process_p_3,.process_p_4{line-height:15px;font-size:12px}.prev{left:0}.next{left:35px}.process_p_2{font-size:14px}.process_blue_section{margin-top:20px}.cruise_result_img{width:100%;height:250px}.cruise_p2{font-size:12px;width:100%;text-align:left;padding-left:30px}.cruise_ban_p{font-size:40px}caption,td,th{padding:8px 5px;font-size:11px}.tab-block .tab-mnu{height:auto!important}.tab-block .tab-mnu li{width:100%!important;font-size:14px!important;margin-left:0!important}#sliderNext,#sliderPrev,.dtl_gallery,.switch-ico,.walkthrough .walkthrough-body .media,.why-choose-section{display:none}#slider{height:250px!important}#slider ul li img{height:250px}.ticket-booking-1w .cab-formbox .pnl-body form .form-field{width:100%!important;margin-bottom:10px!important}.col-sm-5cols,.flight-ticket .pnl-header .form-field,.formbox-square .pnl-body form .form-field,.num_pass{width:100%!important}.flights-btn{margin-bottom:10px!important}.col812{width:100%;padding-top:0}.retrun_P span{font-size:16px}.flight_overview_left .overview p,.retrun_P{font-size:15px}.call_box p{font-size:17px;padding-left:5px}.p2{margin-bottom:10px;margin-top:10px}.contact_no_div{padding-top:40px}ul.one-way-flight li:last-child{max-width:100%!important}ul.one-way-flight li:first-child,ul.return-flight li:first-child{font-size:13px;line-height:1.5;font-weight:400;font-family:Poppins;color:#4d4d4d;max-width:45%}ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(2),ul.return-flight li:nth-child(2){font-family:Poppins;color:#4d4d4d;line-height:1.333;font-size:13px;font-weight:500;text-align:left;max-width:50%}.slider-demo a#next{left:0!important}.slider-demo a#previous{left:100%}.ticket-booking{height:auto;top:40px}.explore-dest .sec-header{margin-top:-20px;margin-bottom:0;display:none}.explore-dest .sec-header .left h2,.package-title h2{margin-bottom:15px}.inner-sec-gap{padding-top:0;padding-bottom:0}.home&gt;footer .ftr-main-sec,.innerwrapper&gt;footer .ftr-main-sec{margin-top:-320px}.process_inner_box{margin-top:45%}.flight-ticket{padding:40px 20px 50px;background:#172a64}.collapse.show{margin-top:0!important;padding:0!important;z-index:9999999999999;width:100%;height:auto}.check_box{position:relative!important}.nbs-flexisel-item{float:left;margin:0;padding:0 38px!important;cursor:pointer;position:relative;line-height:0}.product__slider-main img{margin:0 auto;width:100%;height:250px!important}.product__slider-thmb .slick-slide{opacity:.5;transition:.3s;width:50px!important;margin-left:5px}.product__slider-thmb{height:58px;overflow:hidden}.col-sm-12mb,.modal-body{padding:0!important}.form-group{margin-bottom:2px}.pass_col{width:28%}.form-control{line-height:.5!important}.col-sm-6mb{width:50%!important;float:left;padding:0 10px}.form-group label{font-size:12px!important}.modal a.close-modal{top:15.5px;right:13px}.ads-section{display:block}.loading-bg-gif{padding-bottom:0;margin-top:100px}.loading-bg2{background-position:bottom center!important;height:250px}.offer_p{margin-top:0}.sec-flightbooking .trip-switch,.ticket-booking .formbox-square .trip-switch{background-color:#152266!important;margin-bottom:-10px!important}.home&gt;footer .footernote-area .footer-logo-box,.innerwrapper&gt;footer .footernote-area .footer-logo-box{margin-bottom:50px!important}.home&gt;footer .copyright,.innerwrapper&gt;footer .copyright{display:inline-block;width:100%;padding:0 0 10px!important;margin-bottom:0}.home&gt;footer .footernote-area .footer-logo-box .ftr-logo-txt,.innerwrapper&gt;footer .footernote-area .footer-logo-box .ftr-logo-txt{margin:0 0 20px!important}.home&gt;footer .footernote-area .footer-logo-box .ftr-logo-txt span,.innerwrapper&gt;footer .footernote-area .footer-logo-box .ftr-logo-txt span,.pic-tit_p2{font-size:14px!important}.home&gt;footer .copyright p,.innerwrapper&gt;footer .copyright p{font-size:12px!important;text-align:center}.col-best-div{padding:5px!important;width:100%}.modal-title{font-size:20px}.about-pack h3{font-size:25px}.about-pack{margin:28px 0}.mosaic-tile.height-2{width:100%;margin:15% 0;height:200px}.walkthrough .walkthrough-body{padding:15px 20px}.review-header.width-2{width:100%!important;top:6%;display:none}.happy-traveller{height:300px!important}.call_us_span{display:none!important}.explore-dest .sec-header .left h2,.package-title h2,.travell-news header h2{font-size:20px;line-height:0}.awesome-holiday .text-deals h3{text-align:left;font-size:18px;letter-spacing:0;line-height:15px;margin-bottom:20px;font-family:Montserrat,sans-serif;font-weight:700;color:#152266;text-transform:uppercase;display:block}.ads-title{font-size:18px!important;margin-top:-30px}.view_detail_but{margin-left:10px}.pkg_highlights li{float:left;width:100%!important;font-size:12px;color:#333;background:url(../images/highlights_tick.png) left no-repeat;border:none;padding:0 0 0 8%!important;margin:0 0 1.2%;line-height:22px!important}.cruise_p_1{font-size:12px;line-height:14px;margin-bottom:10px}.button_book{padding:6px 22px;margin-top:14px;font-size:14px}.cruise_heading_1{font-size:20px;line-height:20px}.contact_banner_content h2{font-size:47px;line-height:60px;letter-spacing:-1px;margin-bottom:0;color:#fff;font-weight:700;text-transform:capitalize;padding-top:70px}.home_icon{background-color:#152266;padding:5px;border-radius:5px;display:inline-block;width:35px}.cntrlogo-navmenu .logo-center{top:-35px!important;left:62px;width:140px}.navbar-light .navbar-toggler{top:4px!important}.cntrlogo-navmenu .navbar .nav-item .nav-link{display:block;width:100%;padding:10px}}@media only screen and (max-width:480px){.details_view .mobilenu a,.details_view p span,.flight_logo img{display:block;text-align:center}.p_text{font-size:13px}ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(3),ul.return-flight li:nth-child(3){margin-left:0}ul.one-way-flight li:last-child::before{padding-right:8px;padding-left:44px;padding-top:4px;display:inline-block}.explore-dest .galbox .clmn figure figcaption.price-tag{right:20px}.flight_logo img{float:none;margin:0 auto}.cntrlogo-navmenu,nav .tab_hid{display:inline-block}.demo-wrap .demo,.details_view_call_box,.slide-wrap{width:100%!important}.details_view p span{margin:0 auto}.details_view .mobilenu a{font-size:45px;margin:0;padding-bottom:12px}.details_view .p1 img{width:100%;text-align:right;float:right;margin-bottom:0}.num_pass span{margin-right:0}.about-pack-holiday{margin:0}.testimonial_2{padding:0}.holiday-sec{padding-top:0}.package-title{text-align:left!important;padding-left:29px}.icon-box{text-align:left}.home&gt;footer .copyright p,.icon-box.text-left,.icon-box.text-right,.innerwrapper&gt;footer .copyright p,.new_mobile_view{text-align:center}.permission{width:78%}.ticket-booking-1w .cab-formbox .pnl-header{position:relative;top:-20px}nav .tab_hid{top:-5px}.col-div-mb-6-inner,.kam_collspan,.left_one,.packageslist .pkglst li img,.right_one{width:100%}.formbox-square{margin-top:0;margin-bottom:45px;padding:0 10px 10px}.icon-box.text-left,.icon-box.text-right{padding-left:0;margin-left:15px}.ads-banner .row{margin-bottom:20px}.bottom-left .shapes3{width:100%!important;height:auto!important}.collapse.show,.ticket-booking{height:auto;width:100%}.ins-bar{padding:20px 0}.text-deals ul.tabs-nav li a{font-size:11px!important}span.icon-title{font-size:13px;vertical-align:super}.subscribe-bar .subscribe h3{font-size:18px;margin-right:0}.collapse.show{margin-top:0!important;padding:0!important}.ticket-booking-1w .cab-formbox{margin-top:0;z-index:0}.slider-demo{margin:0;width:250px}a#previous{right:-7%}a#next{left:-18%}.best_price_button{width:184px;font-size:12px}.col-8-mb-1,.red_line{margin-top:10px}.desti_input{width:280px}.view_all_button{height:33px;width:100px;position:absolute;top:-50px;right:0}.cruise_heading{font-size:18px;line-height:0}.next{left:22px!important}.slide-wrap .pos1{width:245px!important}.slide-wrap .pos2{width:218px!important}.pic-tit_p1{font-size:12px}.line_1{padding:10px}.why_book_sec{height:auto;margin-bottom:40px}a.navbar-brand.logo-center{margin-left:0!important}.cntrlogo-navmenu .navbar{justify-content:baseline!important}.book_online_deal_sec,h5.mob-no{display:none}.navbar{display:contents!important}.prev{left:0!important}.demo-wrap{margin-top:0:}.cruise_form_outer{margin-bottom:0}.subscribe-form .submit-btn{margin-top:10px;width:100%}.cntrlogo-navmenu .navbar .nav-item .nav-link{display:block;width:100%;padding:10px}#comm100-float-button-2 div{width:65%;top:95%!important}#slider-inner,.slider-demo a{left:19px}.slider-demo a#next{left:40%!important}.slider-demo a#previous{left:140%}.new_mobile_view{display:block;align-items:center;margin:0 auto;padding:0 0 9px;margin-bottom:2px!important}.new_mobile_view a{display:block;font-size:28px;line-height:23px;padding:0;margin:0}.new_mobile_view img{width:49%}.ticket-booking{top:40px}}@media only screen and (max-width:380px){.details_view .p1 img,.details_view p span,.flight_logo img{text-align:center;margin:0 auto}ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(3),ul.return-flight li:nth-child(3){margin-left:0}ul.one-way-flight li:last-child::before{padding-right:8px;padding-left:44px;padding-top:4px;display:inline-block}.explore-dest .galbox .clmn figure figcaption.price-tag{right:20px}.flight_logo img{float:none;display:block}.details_view_call_box{width:100%!important}.details_view p span{display:block}.details_view .mobilenu a{display:block;text-align:center;font-size:36px;padding-bottom:5px}.details_view .p1 img{width:77%;float:none}.about-pack-holiday{margin:0}.testimonial_2{padding:0}.permission{width:100%}.holiday-sec{padding-top:0}#comm100-float-button-2 div{top:94%!important}.num_pass span{margin-right:0}.ticket-booking{top:40px}}@media only screen and (max-width:319px){ul.one-way-flight li:last-child,ul.one-way-flight li:nth-child(3),ul.return-flight li:nth-child(3){margin-left:0}.hsa{margin-top:0!important;font-size:14px!important}.flight_logo img,.new_mobile_view{margin:0 auto;text-align:center;display:block}ul.one-way-flight li:last-child::before{padding-left:0}.explore-dest .galbox .clmn figure figcaption.price-tag{right:20px}.flight_logo img{float:none}.permission{width:100%}.details_view .mobilenu a{font-size:28px}.details_view p span{font-size:14px}.room_div{width:220px}.desti_input{width:244px}#slider-inner,.slider-demo a{left:19px}.arrow_div{width:16%}.slider-demo a#previous{left:210%}.slider-demo a#next{left:90%!important}.new_mobile_view{background:#fff;align-items:center;padding:0 0 9px}.new_mobile_view a{display:block}.new_mobile_view img{width:49%}.ticket-booking{top:40px}}
</pre></body></html>