/* Minification failed. Returning unminified contents. (1370,1): run-time error CSS1019: Unexpected token, found '@import' (1370,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;469;500;600;700&display=swap')' (1371,1): run-time error CSS1019: Unexpected token, found '@import' (1371,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap')' (1376,1): run-time error CSS1019: Unexpected token, found '@import' (1376,9): run-time error CSS1019: Unexpected token, found 'url('owl.css')' (1377,1): run-time error CSS1019: Unexpected token, found '@import' (1377,9): run-time error CSS1019: Unexpected token, found 'url('fontawesome-all.css')' (1378,1): run-time error CSS1019: Unexpected token, found '@import' (1378,9): run-time error CSS1019: Unexpected token, found 'url('simple-line-icons.css')' (1379,1): run-time error CSS1019: Unexpected token, found '@import' (1379,9): run-time error CSS1019: Unexpected token, found 'url('themify-icons.css')' (1380,1): run-time error CSS1019: Unexpected token, found '@import' (1380,9): run-time error CSS1019: Unexpected token, found 'url('flaticon.css')' (1381,1): run-time error CSS1019: Unexpected token, found '@import' (1381,9): run-time error CSS1019: Unexpected token, found 'url('animate.css')' (1382,1): run-time error CSS1019: Unexpected token, found '@import' (1382,9): run-time error CSS1019: Unexpected token, found 'url('jquery-ui.css')' (1383,1): run-time error CSS1019: Unexpected token, found '@import' (1383,9): run-time error CSS1019: Unexpected token, found 'url('jquery.fancybox.min.css')' (1384,1): run-time error CSS1019: Unexpected token, found '@import' (1384,9): run-time error CSS1019: Unexpected token, found 'url('scrollbar.css')' (1385,1): run-time error CSS1019: Unexpected token, found '@import' (1385,9): run-time error CSS1019: Unexpected token, found 'url('datetimepicker.css')' (1386,1): run-time error CSS1019: Unexpected token, found '@import' (1386,9): run-time error CSS1019: Unexpected token, found 'url('hover.css')' (1387,1): run-time error CSS1019: Unexpected token, found '@import' (1387,9): run-time error CSS1019: Unexpected token, found 'url('custom-animate.css')' (20095,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20096,10): run-time error CSS1035: Expected colon, found '{' (20107,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20108,10): run-time error CSS1035: Expected colon, found '{' (20119,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20120,10): run-time error CSS1035: Expected colon, found '{' (20131,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20132,10): run-time error CSS1035: Expected colon, found '{' (20310,1169): run-time error CSS1019: Unexpected token, found '@keyframes' (20310,1188): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22462,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22463,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22572,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22573,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22600,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22601,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22635,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22636,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22645,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22646,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22662,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22663,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22679,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22680,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22701,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22702,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22738,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22739,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22780,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22781,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22797,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22798,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22819,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22820,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (22846,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22847,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (22880,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22881,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22907,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22908,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22941,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22942,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22978,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23020,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23021,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '11.1%' (23060,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23061,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '11.1%' (23111,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23151,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23152,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23196,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23197,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23230,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23231,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23269,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23270,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23303,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23304,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23342,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23343,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23376,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23377,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23415,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23416,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23449,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23450,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23488,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23489,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (23507,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23508,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (23531,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23532,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (23550,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23551,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (23574,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23575,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (23588,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23589,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (23607,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23608,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (23621,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23622,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (23640,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23641,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (23659,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23660,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (23684,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23685,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23694,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23695,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23709,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23710,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23723,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23724,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23744,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23745,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23758,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23759,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23779,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23780,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23793,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23794,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23814,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23815,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23828,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23829,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23849,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23850,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23863,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23864,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23884,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23885,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23898,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23899,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23919,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23920,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23933,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23934,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23954,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23955,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23968,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23969,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23989,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23990,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23999,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24014,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24028,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24029,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24049,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24050,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24063,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24064,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24084,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24085,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24098,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24099,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24119,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24133,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24134,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24154,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24168,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24169,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24189,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24190,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24203,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24204,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24224,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24225,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24238,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24239,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24259,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24260,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24273,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24274,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24294,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24331,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24332,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24375,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24376,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24408,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24409,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24448,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24449,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24481,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24521,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24540,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24541,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24566,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24567,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24585,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24586,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24611,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24612,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24637,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24638,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24670,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24671,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24682,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24683,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24701,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24702,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24719,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24720,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24742,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24743,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24760,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24761,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24783,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24784,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24801,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24802,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24824,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24825,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24842,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24865,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24866,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24883,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24884,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24906,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24907,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24922,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24923,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24943,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24944,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24959,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24960,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24980,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24981,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24996,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24997,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25017,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25018,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25033,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25034,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25054,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25055,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25070,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25071,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25091,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25092,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25125,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25126,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25166,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25167,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25180,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25181,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25201,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25202,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25213,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25214,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25230,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25231,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25242,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25243,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25259,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25260,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25279,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25280,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25304,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25305,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25322,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25323,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25345,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25346,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25363,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25364,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25386,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25387,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25404,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25405,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25427,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25428,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25445,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25446,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25468,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25469,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25484,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25485,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25505,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25506,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (25525,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25526,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (25550,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25551,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (25566,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25567,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (25587,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25588,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (25603,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25604,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (25624,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25625,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (25644,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25645,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (25669,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25670,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25682,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25683,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25700,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25701,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25713,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25714,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25731,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25744,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25745,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25762,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25763,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25775,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25776,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25793,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25794,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25806,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25807,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25824,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25825,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25837,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25838,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25855,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25868,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25869,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25886,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25887,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25899,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25900,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25917,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25918,6): run-time error CSS1035: Expected colon, found '{' (25936,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25937,6): run-time error CSS1035: Expected colon, found '{' (25955,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (25956,6): run-time error CSS1035: Expected colon, found '{' (25994,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (25995,6): run-time error CSS1035: Expected colon, found '{' (26302,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26303,10): run-time error CSS1035: Expected colon, found '{' (26310,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26311,10): run-time error CSS1035: Expected colon, found '{' (26318,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (26319,10): run-time error CSS1035: Expected colon, found '{' (26358,8074): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26358,8095): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26358,8214): run-time error CSS1019: Unexpected token, found '@keyframes' (26358,8227): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ x/*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { 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-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next 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: 45%; } .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: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 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 .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .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; } /* RTL support */ .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 { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { 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; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { 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 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .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-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .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: -.3em; 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 { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 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-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .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: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #e0e0e0; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #1b1c1e; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { /* background-image: url("images/ui-icons_ffffff_256x240.png");*/ } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { /* background-image: url("images/ui-icons_777777_256x240.png");*/ } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-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: -65px -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: -65px -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: 1px -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-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { 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; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* Sailing - Water Sports HTML Template */ /*********** TABLE OF CONTENTS ************** 1. Fonts 2. Reset 3. Global 4. Main Header / Style One / Style Two / Style Three 5. Sticky Header 6. Mobile Menu 7. Main Slider / Banner Carousel 8. About Section / Style One / Style Two / Style Three 9. Services Section / Services Section Two / Services Section Three 11. Activities Section 12. Features Section 13. Pricing Sections 14. Testimonials Section 15. News Section 16. Main Footer / Style One / Style Two / Three 17. Booking Section 18. Featured Services 19. Yacht Rental Section 20. Destinations Section 21. Testimonials Section Two 22. Fluid Section 23. Destinations Section Two 24. Facts Section 25. Top Destinations 26. Team Section 27. Testimonials Section Two 28. Subscribe Section 29. Yacht Rent / Buy Section 30. Rent / Buy Details / Yacht Details 31. Yacht Tour 01 / 02 / 03 / 04 32. Tour Details 33. Choose Destination 34. Welcome Section 35. Portfolio / One Column / Two COlumn / Three Column / Masonry Style 36. Contact Section 37. Coming Soon 38. Blog Grid 39. Blog List 40. Blog Large Image 41. Blog Post Details **********************************************/ /*** ==================================================================== Fonts ==================================================================== ***/ /*@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i&display=swap');*/ /*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500&display=swap');*/ @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;469;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap'); /* font-family: 'Poppins', sans-serif; font-family: 'Playfair Display', serif; */ @import url('owl.css'); @import url('fontawesome-all.css'); @import url('simple-line-icons.css'); @import url('themify-icons.css'); @import url('flaticon.css'); @import url('animate.css'); @import url('jquery-ui.css'); @import url('jquery.fancybox.min.css'); @import url('scrollbar.css'); @import url('datetimepicker.css'); @import url('hover.css'); @import url('custom-animate.css'); /*** ==================================================================== Reset ==================================================================== ***/ * { margin: 0px; padding: 0px; border: none; outline: none; font-size: 100%; line-height: inherit; } /*** ==================================================================== Global Settings ==================================================================== ***/ body { font-family: 'Poppins', sans-serif!important; color: #000000; background-color: #ffffff; font-size: 14px; font-weight: 500; text-transform: none; line-height: 26px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; } a { text-decoration: none!important; cursor: pointer; color: #000000; } .theme_color { color: #139FDD; } a:hover, a:focus, a:visited, a:active, button:active { text-decoration: none; outline: none; } h1, h2, h3, h4, h5, h6 { position: relative; font-weight: normal; margin: 10px 0px 15px!important; background: none; line-height: 1.25em; font-family: 'Poppins', sans-serif; } h1 { font-size: 90px; } h2 { font-size: 40px; } h3 { font-size: 30px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 14px; } input, select, button { font-family: 'Oswald', sans-serif; } textarea { overflow: hidden; resize: none; } button { outline: none !important; cursor: pointer; } p { font-size: 15px; line-height: 1.6em; font-weight: 400; margin: 0 0 15px; text-transform: none; } .text { font-size: 15px; line-height: 1.6em; font-weight: 400; margin: 0 0; } ::-webkit-input-placeholder { color: inherit; } ::-moz-input-placeholder { color: inherit; } ::-ms-input-placeholder { color: inherit; } .page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; z-index: 9; overflow: hidden; } .auto-container { position: static; max-width: 1200px; /*padding:0px 15px;*/ margin: 0 auto; } ul, li { list-style: none; padding: 0px; margin: 0px; } figure { display: block; margin: 0; padding: 0; } .inner, .inner-box { display: block; } .theme-btn { display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .theme-btn i { position: relative; display: inline-block; font-size: 14px; margin-left: 3px; } .centered { text-align: center !important; } /*Btn Style One*/ .btn-style-one { position: relative; display: inline-block; text-transform: uppercase; border-radius: 0px; overflow: hidden; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .btn-style-one .btn-title { position: relative; display: block; font-size: 13px; line-height: 22px; color: #ffffff; font-weight: 600; padding: 10px 38px; min-height: 42px; background: #061138; border-radius: 0px; z-index: 1; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; text-decoration:none !important; } .btn-style-one:hover .btn-title { background: #139FDD; color: #ffffff; } a.theme-btn.btn-style-four :hover, a.theme-btn.btn-style-four :focus{ text-decoration: none !important; } /*Btn Style Two*/ .btn-style-two { position: relative; display: inline-block; color: #fff; font-size: 14px; font-weight: 600; margin-right: 10px; margin-bottom: 10px; text-align: left; text-transform: uppercase; border-radius: 6px; overflow: hidden; transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; } .btn-style-two .btn-title { background: linear-gradient(#569eff,#22e8f3); padding: 13px 20px 11px 20px; color: black; text-align: center; } .btn-style-two:hover .btn-title { color: #23527c; } /*Btn Style Three*/ .btn-style-three { position: relative; display: inline-block; text-transform: uppercase; border-radius: 5px; overflow: hidden; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .btn-style-three .btn-title { position: relative; display: block; font-size: 13px; line-height: 28px; font-weight: 500; padding: 5px 25px; background: #ffffff; color: #000000; /*border: 1px solid #ffffff;*/ border-radius: 5px; z-index: 1; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .btn-style-three:hover .btn-title { background-image: linear-gradient(153deg, #F5515F 0%, #9F046C 95%); color: #ffffff; } /*Btn Style Four*/ .btn-style-four { position: relative; display: inline-block; text-transform: uppercase; border-radius: 0px; overflow: hidden; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .btn-style-four .btn-title { position: relative; display: block; font-size: 13px; line-height: 28px; color: #061138; font-weight: 600; padding: 11px 45px; background: none; border: 1px solid rgba(0,0,0,0.15); border-radius: 0px; z-index: 1; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .btn-style-four:hover .btn-title { background: #139FDD; border-color: #139FDD; color: #ffffff; } /*Btn Style Five*/ .btn-style-five { position: relative; display: inline-block; text-transform: uppercase; border-radius: 0px; overflow: hidden; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .btn-style-five .btn-title { position: relative; display: block; font-size: 13px; line-height: 28px; color: #061138; font-weight: 600; padding: 10px 45px; background: none; border: 2px solid #061138; border-radius: 0px; z-index: 1; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .btn-style-five:hover .btn-title { background: #061138; border-color: #061138; color: #ffffff; } /*Btn Style Six*/ .btn-style-six { position: relative; display: inline-block; text-transform: uppercase; border-radius: 0px; overflow: hidden; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .btn-style-six .btn-title { position: relative; display: block; font-size: 13px; line-height: 28px; color: #ffffff; font-weight: 600; padding: 12px 45px; background: #061138; border-radius: 0px; z-index: 1; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .btn-style-six:hover .btn-title { background: #202020; color: #ffffff; } .pull-right { float: right; } .pull-left { float: left; } .preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color: rgba(0,0,0,0); } .preloader .icon { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 5; background-color: rgba(0,0,0,0); background-position: center center; background-repeat: no-repeat; background-image: url(../images/icons/preloader.svg); /*-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;*/ } .page-loaded .preloader .icon { opacity: 0; } .preloader:before { content: ''; position: absolute; left: 0; top: 0; width: 51%; height: 100%; background: #ffffff; z-index: 0; /*-webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease;*/ } .page-loaded .preloader:before { /*-webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%);*/ } .preloader:after { content: ''; position: absolute; right: 0; top: 0; width: 51%; height: 100%; background: #ffffff; z-index: 2; /*-webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease;*/ } .page-loaded .preloader:after { /*-webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%);*/ } img { display: inline-block; max-width: 100%; height: auto; } .dropdown-toggle::after { display: none; } .fa { line-height: inherit; } /*** ==================================================================== Scroll To Top style ==================================================================== ***/ .scroll-to-top { position: fixed; right: 40px; bottom: 40px; width: 62px; height: 62px; color: #757d97; font-size: 24px; line-height: 60px; border: 1px solid #384160; text-align: center; z-index: 100; cursor: pointer; background: #061138; border-radius: 0px; display: none; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .scroll-to-top .icon { position: relative; display: block; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .scroll-to-top:hover { color: #ffffff; background: #139FDD; border-color: #139FDD; } /*** ==================================================================== Main Header style / Header Style One ==================================================================== ***/ .main-header { position: fixed; display: block; width: 100%; z-index: 9999; background: white; height:8.4rem; } .header-top { position: relative; } .main-header .header-top .top-left { float: left; } .main-header .header-top .top-right { float: right; } /*=== Header Main Box ===*/ .main-header .header-upper { position: relative; display: block; z-index: 1; } .main-header .header-upper { position: relative; margin-top:-3rem } .main-header .nav-outer { position: relative; } .main-header .nav-outer .main-menu { position: relative; } .main-menu .navbar-collapse { padding: 0px; display: block !important; } .main-menu .navigation { position: relative; margin: 0px; font-family: 'Poppins', sans-serif; } .main-menu .navigation > li { position: relative; float: left; padding: 20px 0px; margin-right: 40px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .main-menu .navigation > li:last-child { margin-right: 0px; } .main-menu .navigation > li:last-child:after { display: none; } .main-menu .navigation > li > a { position: relative; display: block; font-size: 14px; line-height: 30px; font-weight: 700; text-transform: none; letter-spacing: 0.03em; color: #000000; padding: 10px 0px; opacity: 1; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; margin-top: -35px; } .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a { color: #007bff !important; } .sticky-header .main-menu .navigation > li:before { display: none; } .sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a { color: #139FDD; } .sticky-header .main-menu .navigation > li.dropdown { padding-right: 0px; } .main-menu .navigation > li > ul { position: absolute; left: 0px; top: 100%; width: 250px; z-index: 100; display: none; background: #061138; padding: 15px 0px 10px; border: none; transform: translateY(20px); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul.from-right { left: auto; right: 0px; } .main-menu .navigation > li > ul > li { position: relative; padding: 0px 30px; width: 100%; } .main-menu .navigation > li > ul > li > a { position: relative; display: block; padding: 12px 0px 12px 20px; line-height: 24px; font-weight: 600; font-size: 13px; color: #868da5; text-align: left; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,0.15); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .main-menu .navigation > li > ul > li:last-child > a { border-bottom: none; } .main-menu .navigation > li > ul > li > a:before { content: ''; position: absolute; left: 0; top: 22px; height: 4px; width: 4px; background: #868da5; } .main-menu .navigation > li > ul > li:hover > a { color: #139FDD; } .main-menu .navigation > li > ul > li:hover > a:before { background: #139FDD; } .main-menu .navigation > li > ul > li > ul { position: absolute; left: 100%; margin-left: 10px; top: 0; width: 250px; z-index: 100; display: none; background: #061138; padding: 15px 0px 10px; border: none; transform: translateY(20px); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul > li > ul:before { content: ''; position: absolute; left: -10px; top: 0; width: 10px; height: 100%; } .main-menu .navigation > li > ul > li > ul > li { position: relative; padding: 0px 30px; width: 100%; } .main-menu .navigation > li > ul > li > ul > li > a { position: relative; display: block; padding: 12px 0px 12px 20px; line-height: 24px; font-weight: 600; font-size: 13px; color: #868da5; text-align: left; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,0.15); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .main-menu .navigation > li > ul > li > ul > li:last-child > a { border-bottom: none; } .main-menu .navigation > li > ul > li > ul > li > a:before { content: ''; position: absolute; left: 0; top: 22px; height: 4px; width: 4px; background: #868da5; } .main-menu .navigation > li > ul > li > ul > li:hover > a { color: #139FDD; } .main-menu .navigation > li > ul > li > ul > li:hover > a:before { background: #139FDD; } .main-menu .navigation > li > ul > li.dropdown > a:after { font-family: 'Font Awesome 5 Free'; content: "\f105"; position: absolute; right: 0px; top: 12px; display: block; line-height: 24px; font-size: 16px; font-weight: 900; z-index: 5; } .main-menu .navigation > li.dropdown:hover > ul { visibility: visible; opacity: 1; transform: translateY(0px); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .main-menu .navigation li > ul > li.dropdown:hover > ul { visibility: visible; opacity: 1; transform: translateY(0px); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .main-menu .navigation li.dropdown .dropdown-btn { position: absolute; right: 10px; top: 8px; width: 34px; height: 30px; border: 1px solid #ffffff; text-align: center; font-size: 16px; line-height: 26px; color: #ffffff; cursor: pointer; z-index: 5; display: none; } /*** ==================================================================== Header Style One ==================================================================== ***/ .header-style-one { position: fixed; left: 0; top: 0; width: 100%; } .header-style-one .logo-desktop { position: absolute; left: 0; top: 0; width: 230px; height: 140px; /*background: url(../images/icons/logo-container.png) left top no-repeat;*/ z-index: 5; } .header-style-one .logo-desktop .logo { position: relative; padding: 10px 0px; text-align: center; } /*.header-style-one .logo-desktop .logo img { height: 85px; width: 205px; }*/ .header-style-one .logo-desktop .logo img { /*height: 125px; width: 205px;*/ } .header-top-one { background-color:transparent; color: #000000; padding: 0px; line-height: 30px; overflow-x: hidden; height: 60px; overflow-y: hidden; } .header-top-one .outer-container { position: relative; } .header-top-one .inner { position: relative; padding: 0px 250px; height: 52px; background-color:transparent; } .header-top-one .top-text { position: relative; float: left; margin-left: 80px; font-family: 'Poppins', sans-serif; line-height: 30px; padding: 10px 0px; font-style: italic; } .header-top-one .top-text .icon { position: relative; display: inline-block; vertical-align: middle; font-size: 15px; color: #139FDD; padding-right: 5px; } .header-top-one .info { position: relative; float: left; padding: 10px 0px; padding-right: 32px; /*border-right: 1px solid rgba(255,255,255,0.20);*/ } .header-top-one .info li { position: relative; float: left; line-height: 30px; margin-right: 61px; font-size: 15px; } .header-top-one .info li:before { content: ''; position: absolute; right: -30px; top: 5px; height: 20px; border-right: 1px solid rgba(255,255,255,0.20); } .header-top-one .info li:last-child { margin-right: 0; } .header-top-one .info li:last-child:before { display: none; } .header-top-one .info li a { color: #000000; display: inline-block; } .header-top-one .info li .icon { position: relative; display: inline-block; vertical-align: middle; font-size: 15px; color: #139FDD; padding-right: 5px; } .header-top-one .info li a:hover { text-decoration: underline; color: #139FDD; } .top-search-form { position: relative; float: left; width: 400px; border-left: 1px solid rgba(255,255,255,0.20); } .top-search-form form { position: relative; } .top-search-form .form-group { position: relative; margin: 0; } .top-search-form .form-group input[type="text"], .top-search-form .form-group input[type="search"], .top-search-form .form-group input[type="email"], .top-search-form .form-group textarea { position: relative; width: 100%; line-height: 30px; padding: 11px 30px; height: 52px; display: block; font-size: 14px; background: none; font-weight: 400; color: #ffffff; border-radius: 0px; border: none; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .top-search-form .form-group input[type="text"]:focus, .top-search-form .form-group input[type="email"]:focus, .top-search-form .form-group input[type="tel"]:focus { border-color: #139FDD; } .top-search-form .form-group input::-webkit-input-placeholder { color: #868da5; } .top-search-form .form-group .s-btn { position: absolute; width: 50px; height: 50px; top: 0px; right: 0px; float: right; color: #ffffff; background: none; font-size: 16px; padding: 10px 0px; line-height: 30px; border-radius: 2px; display: block; text-align: center; } .header-top-one .my-account { position: absolute; right: 10%; top: 5px; width: 45rem!important; height: 52px; /*background-image: linear-gradient(153deg, #F5515F 0%, #9F046C 95%);*/ color: #000000!important; padding: 11px 20px; text-align: center; border-top-left-radius: 10px; border-bottom-left-radius: 10px; font-size:14px; } .header-top-one .my-account li { position: relative; display: inline-block; margin-right: 20px; } .header-top-one .my-account li:before { content: ''; position: absolute; right: -16px; top: 5px; height: 20px; border-right: 1px solid rgba(255,255,255,0.90); } .header-top-one .my-account li:last-child { margin-right: 0; } .header-top-one .my-account li:last-child:before { display: none; } .header-top-one .my-account li a { position: relative; display: block; line-height: 30px; color: #000000; font-weight:700 !important; } .header-top-one .my-account li .icon { position: relative; display: inline-block; vertical-align: middle; font-size: 15px; color: #000000; padding-right: 5px; } .header-top-one .my-account li a:hover { text-decoration: underline; } .header-style-one .header-upper { background: none; float: right; margin-right: 10%; } .header-style-one .header-upper .logo-box { position: relative; float: left; padding: 5px 0px; display: none; z-index: 10; } .header-style-one .header-upper .logo-box .logo { position: relative; display: block; } .header-style-one .header-upper .logo-box .logo img { position: relative; display: inline-block; max-width: 100%; max-height: 80px; z-index: 1; } .header-style-one .header-upper .outer-container { position: relative; } .header-style-one .header-upper .inner { position: relative; padding: 0px 30px 0px 250px; } .header-style-one .nav-content { position: relative; display: block; width: 100%; } .header-style-one .nav-content .nav-outer { position: relative; float: left; } .header-style-one .nav-content .other-links { position: relative; float: right; padding-top: 24px; } .header-style-one .other-links .book-btn { position: relative; float: left; } .header-style-one .other-links .book-btn a .btn-title { display: block; min-height: 42px; } .header-style-one .other-links .social-links { position: relative; float: left; margin-left: 25px; } .social-links-one { position: relative; } .social-links-one li { position: relative; float: left; margin-left: 10px; } .social-links-one li:first-child { margin-left: 0; } .social-links-one li a { position: relative; display: block; width: 42px; height: 42px; line-height: 42px; background: #ffffff; color: #000000; font-size: 14px; text-align: center; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .social-links-one li a:hover { color: #139FDD; } .social-links-one li a:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 3px solid #139FDD; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .social-links-one li a:hover:before { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .header-style-one .other-links .max-nav-toggler { position: relative; float: left; margin-left: 30px; } .header-style-one .other-links .max-nav-toggler .toggle-btn { position: relative; display: block; color: #ffffff; padding: 0; background: none; font-size: 30px; line-height: 42px; height: 42px; } /*** ==================================================================== Header Style Two ==================================================================== ***/ .header-style-two { position: absolute; left: 0; top: 0; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.20); } .header-top-two { position: relative; } .header-top-two .inner { position: relative; margin-left: 200px; padding: 15px 0px; padding-left: 40px; line-height: 30px; border-bottom: 1px solid rgba(255,255,255,0.20); } .header-top-two .info { position: relative; float: left; } .header-top-two .info li { position: relative; float: left; color: #ffffff; line-height: 30px; margin-right: 45px; font-size: 13px; text-transform: uppercase; font-weight: 500; } .header-top-two .info li:before { content: ''; position: absolute; right: -23px; top: 5px; height: 20px; border-right: 1px solid rgba(255,255,255,0.20); } .header-top-two .info li:last-child { margin-right: 0; } .header-top-two .info li:last-child:before { display: none; } .header-top-two .info li a { color: #ffffff; font-size: 14px; text-transform: none; font-weight: 400; display: inline-block; } .header-top-two .info li.phone a { color: #91a6bf; } .header-top-two .info li .icon { position: relative; display: inline-block; vertical-align: middle; font-size: 15px; color: #139FDD; padding-right: 5px; } .header-top-two .info li a:hover { text-decoration: underline; color: #139FDD; } .header-top-two .my-account { position: relative; float: right; } .header-top-two .my-account li { position: relative; float: left; margin-right: 31px; } .header-top-two .my-account li:before { content: ''; position: absolute; right: -16px; top: 5px; height: 20px; border-right: 1px solid rgba(255,255,255,0.20); } .header-top-two .my-account li:last-child { margin-right: 0; } .header-top-two .my-account li:last-child:before { display: none; } .header-top-two .my-account li a { position: relative; display: block; line-height: 30px; font-size: 14px; color: #91a6bf; } .header-top-two .my-account li .icon { position: relative; display: inline-block; vertical-align: middle; font-size: 15px; color: #139FDD; padding-right: 5px; } .header-top-two .my-account li a:hover { color: #139FDD; } .header-style-two .header-upper { position: relative; } .header-style-two .header-upper .inner { position: relative; min-height: 60px; padding-left: 200px; } .header-style-two .header-upper .logo-box { position: absolute; left: 0; top: -61px; width: 200px; height: 120px; padding: 20px 0px; border-right: 1px solid rgba(255,255,255,0.20); } .header-style-two .header-upper .logo-box img { height: 90px; } .header-style-two .header-upper .nav-content { position: relative; } .header-style-two .header-upper .nav-outer { position: relative; float: left; } .header-style-two .language { position: relative; float: right; } .header-style-two .language .lang-btn { position: relative; display: block; line-height: 30px; padding: 15px 0px; font-size: 14px; text-transform: uppercase; font-weight: 600; cursor: pointer; } .header-style-two .language .lang-btn .flag { position: relative; top: 0px; color: #139FDD; display: inline-block; vertical-align: middle; padding-right: 5px; } .header-style-two .language .lang-btn .txt { position: relative; color: #ffffff; display: inline-block; vertical-align: middle; } .header-style-two .language .lang-btn .arrow { position: relative; display: inline-block; vertical-align: middle; padding-left: 5px; color: #ffffff; font-size: 12px; } .header-style-two .language .lang-btn:before { content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 2px; } .header-style-two .language .lang-dropdown { position: absolute; right: 0; top: 100%; margin-top: 2px; width: 150px; background: #ffffff; border: 1px solid #f0f0f0; border-top: 2px solid #139FDD; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .header-style-two .language:hover .lang-dropdown { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .header-style-two .language .lang-dropdown li { position: relative; display: block; border-bottom: 1px solid #f0f0f0; } .header-style-two .language .lang-dropdown li:last-child { border: none; } .header-style-two .language .lang-dropdown li a { position: relative; display: block; padding: 5px 15px; font-size: 14px; line-height: 24px; color: #222222; } .header-style-two .language .lang-dropdown li a:hover { text-decoration: underline; color: #139FDD; } .header-style-two .main-menu .navigation > li { padding: 0px 0px; margin: 0; border-right: 1px solid rgba(255,255,255,0.20); } .header-style-two .main-menu .navigation > li > a { padding: 15px 25px; font-size: 14px; font-weight: 600; line-height: 30px; } .header-style-two .nav-box .main-menu .navigation > li:before { border-bottom-color: #ffffff; } /*** ==================================================================== Header Style Three ==================================================================== ***/ .header-style-three { position: relative; background: #ffffff; } .header-style-three.inner-page-header { -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.10); -ms-box-shadow: 0 0 15px rgba(0,0,0,0.10); -o-box-shadow: 0 0 15px rgba(0,0,0,0.10); box-shadow: 0 0 15px rgba(0,0,0,0.10); } .header-top-three { position: relative; } .header-top-three .inner { position: relative; padding: 12px 0px; line-height: 24px; border-bottom: 1px solid rgba(0,0,0,0.10); } .header-top-three .language { position: relative; float: left; padding-right: 16px; margin-right: 15px; } .header-top-three .language:before { content: ''; position: absolute; right: 0px; top: 2px; height: 20px; border-right: 1px solid rgba(0,0,0,0.15); } .header-top-three .language li { position: relative; float: left; margin-right: 12px; } .header-top-three .language li:last-child { margin-right: 0; } .header-top-three .info li:last-child:before { display: none; } .header-top-three .language li a { color: #000000; font-size: 14px; text-transform: uppercase; font-weight: 600; display: block; } .header-top-three .language li a:hover, .header-top-three .language li.active a { color: #061138; } .header-top-three .social-links { position: relative; float: left; } .header-top-three .social-links ul { position: relative; } .header-top-three .social-links li { position: relative; float: left; margin: 0px 12px 0px 0px; line-height: 24px; } .header-top-three .social-links li a { position: relative; display: block; line-height: 24px; color: #000000; font-size: 13px; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .header-top-three .social-links li a:hover { color: #139FDD; } .header-top-three .contact-text { position: relative; float: left; margin-left: 220px; color: #000000; font-size: 14px; line-height: 24px; } .header-top-three .contact-text a { color: #000000; } .header-top-three .contact-text .icon { font-size: 16px; color: #139FDD; padding-right: 5px; } .header-top-three .contact-text a:hover { text-decoration: underline; } .header-top-three .my-account { position: relative; float: right; } .header-top-three .my-account li { position: relative; float: left; margin-right: 31px; } .header-top-three .my-account li:before { content: ''; position: absolute; right: -16px; top: 4px; height: 18px; border-right: 1px solid rgba(0,0,0,0.10); } .header-top-three .my-account li:last-child { margin-right: 0; } .header-top-three .my-account li:last-child:before { display: none; } .header-top-three .my-account li a { position: relative; display: block; line-height: 24px; font-size: 14px; color: #000000; } .header-top-three .my-account li .icon { position: relative; display: inline-block; vertical-align: middle; font-size: 14px; color: #139FDD; padding-right: 5px; } .header-top-three .my-account li a:hover { color: #139FDD; } .header-style-three .header-upper { position: relative; } .header-style-three .header-upper .inner { position: relative; } .header-style-three .header-upper .logo-box { position: relative; float: left; padding: 10px 0px; } .header-style-three .header-upper .logo-box img { height: 50px; } .header-style-three .header-upper .search-btn { position: relative; float: left; margin-left: 20px; margin-top: 20px; } .header-style-three .header-upper .search-btn button { position: relative; display: block; padding: 0; margin: 0; background: none; line-height: 30px; color: #b5c0cf; font-size: 22px; cursor: pointer; } .header-style-three .header-upper .search-btn button .icon { vertical-align: middle; } .header-style-three .header-upper .link-box { position: relative; float: left; margin-left: 25px; padding-top: 14px; } .header-style-three .header-upper .max-nav-toggler { position: relative; float: left; padding-top: 20px; margin-left: 15px; } .header-style-three .header-upper .max-nav-toggler .toggle-btn { position: relative; display: block; color: #b5c0cf; padding: 0; margin: 0; background: none; font-size: 24px; line-height: 30px; height: 30px; } .header-style-three .header-upper .max-nav-toggler .toggle-btn span { vertical-align: middle; } .header-style-three .header-upper .nav-content { position: relative; float: right; } .header-style-three .header-upper .nav-outer { position: relative; float: left; } .header-style-three .main-menu .navigation > li { padding: 0px 0px; margin: 0; margin-right: 30px; } .header-style-three .main-menu .navigation > li > a { padding: 20px 0px; font-size: 14px; font-weight: 600; line-height: 30px; color: #061138; } .header-style-three .nav-box .main-menu .navigation > li:before { border-bottom-color: #ffffff; } /*** ==================================================================== Inner Header Style ==================================================================== ***/ .inner-page-header { position: relative; } /*** ==================================================================== Sticky Header ==================================================================== ***/ .sticky-header { position: fixed; visibility: hidden; opacity: 0; left: 0px; top: 0px; width: 100%; padding: 0px 0px; z-index: -1; background: #ffffff; border-bottom: 1px solid #f0f0f0; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.10); -ms-box-shadow: 0 0 15px rgba(0,0,0,0.10); -o-box-shadow: 0 0 15px rgba(0,0,0,0.10); box-shadow: 0 0 15px rgba(0,0,0,0.10); -webkit-transition: top 300ms ease; -moz-transition: top 300ms ease; -ms-transition: top 300ms ease; -o-transition: top 300ms ease; transition: top 300ms ease; } .fixed-header .sticky-header { opacity: 1; z-index: 99901; visibility: visible; } .fixed-header .sticky-header .logo { padding: 10px 0px; } .fixed-header .sticky-header .logo img { height: 50px; } .sticky-header .main-menu { position: relative; float: left; } .sticky-header .main-menu .navigation > li { margin-left: 30px !important; padding: 0; margin-right: 0 !important; background-color: transparent; } .sticky-header .main-menu .navigation > li.dropdown > a:after, .sticky-header .main-menu .navigation > li:before { display: none; } .sticky-header .main-menu .navigation > li > a { padding: 21px 0px !important; line-height: 30px; font-size: 16px; font-weight: 600; color: #25283a; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .sticky-header .main-menu .navigation > li > ul > li > ul { left: auto; right: 100%; margin-right: 10px; } .sticky-header .main-menu .navigation > li > ul > li > ul:before { left: auto; right: -10px; } .sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a, .sticky-header .main-menu .navigation > li.current-menu-item > a { opacity: 1; } .sticky-header .booking-link { position: relative; float: left; margin-left: 25px; padding-top: 15px; } .sticky-header .search-btn { position: relative; float: left; margin-left: 30px; margin-top: 22px; } .sticky-header .search-btn button { position: relative; display: block; padding: 0; margin: 0; background: none; line-height: 30px; color: #b5c0cf; font-size: 18px; cursor: pointer; } .sticky-header .search-btn button .icon { vertical-align: middle; } /*** ==================================================================== Search Popup ==================================================================== ***/ .search-popup { position: fixed; left: 0; top: 0px; width: 100%; height: 100%; z-index: 99999; visibility: hidden; opacity: 0; overflow: auto; background: rgba(0,0,0,0.0); transition: all 100ms ease; -moz-transition: all 100ms ease; -webkit-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; } .search-popup:before { content: ''; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.70); -webkit-transform: translateY(101%); -ms-transform: translateY(101%); transform: translateY(101%); } .search-popup.popup-visible:before { transition: all 500ms ease 100ms; -moz-transition: all 500ms ease 100ms; -webkit-transition: all 500ms ease 100ms; -ms-transition: all 500ms ease 100ms; -o-transition: all 500ms ease 100ms; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .search-popup.popup-visible { opacity: 1; visibility: visible; } body.search-visible { overflow: hidden; } .search-popup .overlay-layer { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; } .search-popup .close-search { position: absolute; right: 25px; top: 25px; font-size: 22px; color: #ffffff; cursor: pointer; z-index: 5; } .search-popup .close-search:hover { opacity: 0.70; } .search-popup .search-form { position: relative; padding: 0px 15px 0px; max-width: 1024px; margin: 0 auto; margin-top: 150px; margin-bottom: 100px; opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); z-index: 10; } .search-popup.popup-visible .search-form { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); transition: all 500ms ease 500ms; -moz-transition: all 900ms ease 500ms; -webkit-transition: all 900ms ease 500ms; -ms-transition: all 900ms ease 500ms; -o-transition: all 900ms ease 500ms; } .search-popup .search-form fieldset { position: relative; border: 7px solid rgba(255,255,255,0.50); border-radius: 12px; } .search-popup .search-form fieldset input[type="search"] { position: relative; height: 70px; padding: 20px 220px 20px 30px; background: #ffffff; line-height: 30px; font-size: 24px; color: #233145; border-radius: 7px; } .search-popup .search-form fieldset input[type="submit"] { position: absolute; display: block; right: 0px; top: 0px; text-align: center; width: 220px; height: 70px; padding: 20px 10px 20px 10px; color: #ffffff !important; background: #139FDD; line-height: 30px; font-size: 20px; cursor: pointer; text-transform: uppercase; border-radius: 0px 7px 7px 0px; } .search-popup .search-form fieldset input[type="submit"]:hover { background: #139FDD; } .search-popup h3 { text-transform: uppercase; font-size: 20px; font-weight: 600; color: #ffffff; margin-bottom: 20px; letter-spacing: 1px; text-align: center; } .search-popup .recent-searches { font-size: 16px; color: #ffffff; text-align: center; } .search-popup .recent-searches li { display: inline-block; margin: 0px 10px 10px 0px; } .search-popup .recent-searches li a { display: block; line-height: 24px; border: 1px solid #ffffff; padding: 7px 15px; color: #ffffff; border-radius: 3px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .search-popup .recent-searches li a:hover { color: #139FDD; border-color: #139FDD; } /*** ==================================================================== Mobile Menu ==================================================================== ***/ .nav-outer .mobile-nav-toggler { position: relative; float: right; font-size: 30px; line-height: 40px; cursor: pointer; margin-left: 0px; color: #ffffff; margin: 25px 0px 0px 20px; display: none; } .mobile-menu { position: fixed; right: 0; top: 0; width: 300px; padding-right: 30px; max-width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 999999; } .mobile-menu .mCSB_inside > .mCSB_container { margin-right: 5px; } .mobile-menu .navbar-collapse { display: block !important; } .mobile-menu .nav-logo { position: relative; padding: 30px 25px; text-align: left; } .mobile-menu .nav-logo img { max-height: 21rem ; } .mobile-menu-visible { overflow: hidden; } .mobile-menu-visible .mobile-menu { opacity: 1; visibility: visible; } .mobile-menu .menu-backdrop { position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.70); -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .mobile-menu-visible .mobile-menu .menu-backdrop { opacity: 0.70; visibility: visible; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .menu-box { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: #202020; padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); } .mobile-menu-visible .mobile-menu .menu-box { opacity: 1; visibility: visible; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .close-btn { position: absolute; right: 10px; top: 10px; line-height: 30px; width: 24px; text-align: center; font-size: 16px; color: #ffffff; cursor: pointer; z-index: 10; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -ms-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; } .mobile-menu-visible .mobile-menu .close-btn { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .mobile-menu .close-btn:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .mobile-menu .navigation { position: relative; display: block; width: 100%; float: none; margin-left:0 !important } .mobile-menu .navigation li { position: relative; display: block; border-top: 1px solid rgba(255,255,255,0.10); } .mobile-menu .navigation li >ul { background-color:#6995af !important } .mobile-menu .navigation:last-child { border-bottom: 1px solid rgba(255,255,255,0.10); } .mobile-menu .navigation li > ul > li:first-child { border-top: 1px solid rgba(255,255,255,0.10); } .mobile-menu .navigation li > a { position: relative; display: block; line-height: 24px; padding: 10px 25px; font-size: 14px; font-weight: 500; color: #ffffff; text-transform: uppercase; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li ul li > a { font-size: 14px; margin-left: 20px; text-transform: capitalize; } .mobile-menu .navigation li > a:before { content: ''; position: absolute; left: 0; top: 0; height: 0; border-left: 3px solid #139FDD; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li.current > a:before { height: 100%; } .mobile-menu .navigation li.dropdown .dropdown-btn { position: absolute; right: 10px; top: 6px; width: 32px; height: 32px; text-align: center; font-size: 16px; line-height: 32px; color: #ffffff; background: rgba(255,255,255,0.10); cursor: pointer; border-radius: 2px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index: 5; } .mobile-menu .navigation li.dropdown > a { padding-right: 30px; } .mobile-menu .navigation li.dropdown .dropdown-btn.open { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul { display: none; } .mobile-menu .social-links { position: relative; text-align: center; padding: 30px 25px; } .mobile-menu .social-links li { position: relative; display: inline-block; margin: 0px 10px 10px; } .mobile-menu .social-links li a { position: relative; line-height: 32px; font-size: 16px; color: #ffffff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } /*** ==================================================================== Lazy Load Settings ==================================================================== ***/ img.lazy-image { background: url(../images/icons/image-bg.svg) center center no-repeat; } img.lazy-image.loaded { background-image: none; } .owl-theme img.lazy-image.loaded { height: auto; opacity: 1; } /* Default Form Style */ .default-form { position: relative; } .default-form .row { margin: 0 -10px; } .default-form .form-group { position: relative; margin-bottom: 0px; } .default-form .row .form-group { padding: 0 20px; } .default-form .form-group .field-label { position: relative; display: block; color: #000000; font-size: 13px; line-height: 24px; text-align: left; text-transform: none; margin-bottom: 5px; font-weight: 500; } .default-form .form-group:last-child { margin-bottom: 0; } .default-form .form-group input[type="text"], .default-form .form-group input[type="email"], .default-form .form-group input[type="password"], .default-form .form-group input[type="tel"], .default-form .form-group input[type="url"], .default-form .form-group input[type="file"], .default-form .form-group input[type="number"], .default-form .form-group textarea, .default-form .form-group select { position: relative; display: block; height: 40px; width: 100%; font-size: 15px; color: #000000; line-height: 30px; font-weight: 400; padding: 10px 10px; background-color: #ffffff; border: 1px solid #b5c0cf; border-radius: 0px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; border-radius: 5px; } .default-form .form-group textarea { height: 120px; padding-top: 12px; resize: none; } .default-form .form-group input[type="text"]:focus, .default-form .form-group input[type="email"]:focus, .default-form .form-group input[type="password"]:focus, .default-form .form-group input[type="tel"]:focus, .default-form .form-group input[type="url"]:focus, .default-form .form-group input[type="file"]:focus, .default-form .form-group input[type="number"]:focus, .default-form .form-group textarea:focus, .default-form .form-group select:focus, .form-group .ui-selectmenu-button.ui-button:focus, .form-group .ui-selectmenu-button.ui-button:active { border-color: #139FDD; } .default-form ::-webkit-input-placeholder { color: #aaaaaa; } .default-form ::-moz-input-placeholder { color: #aaaaaa; } .default-form ::-ms-input-placeholder { color: #aaaaaa; } .default-form label.error { color: #ff0000; font-size: 14px; text-transform: capitalize; text-align: left; display: block; padding-top: 5px; } .default-form .check-block { position: relative; display: block; margin-bottom: 5px; } .default-form .check-block input { position: absolute; left: 0; top: 0; padding: 0; opacity: 0; visibility: hidden; cursor: pointer; } .default-form .check-block label { position: relative; display: block; padding-left: 30px; line-height: 26px; font-size: 13px; font-weight: 500; text-transform: uppercase; cursor: pointer; } .default-form .check-block label:before { content: ''; font-family: 'Font Awesome 5 Free'; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; color: #139FDD; line-height: 16px; font-size: 10px; text-align: center; border: 1px solid #d0d0d0; font-weight: 800; } .default-form .check-block input:checked + label:before { content: '\f00c'; border-color: #139FDD; } .content-box .default-form label.error { color: #ffffff; font-size: 16px; padding-top: 10px; } /*Custom Select*/ .form-group .ui-selectmenu-button.ui-button { width: 100%; font-size: 15px; font-style: normal; height: 52px; padding: 10px 25px; line-height: 30px; font-family: 'Oswald', sans-serif; color: #222222; border-radius: 0px; background-color: #ffffff; border: 1px solid #e5e5e5; } .form-group .ui-button .ui-icon { background: none; position: relative; top: 3px; right: -5px; text-indent: 0px; color: #333333; } .form-group .ui-button .ui-icon:before { font-family: 'Font Awesome 5 Free'; content: "\f107"; position: absolute; right: 0px; top: 2px !important; top: 13px; width: 10px; height: 20px; display: block; font-style: normal; color: #666666; line-height: 20px; font-size: 16px; font-weight: 700; text-align: center; z-index: 5; } .ui-widget.ui-widget-content { border: 1px solid #e0e0e0; font-family: 'Oswald', sans-serif; } .ui-menu .ui-menu-item { font-size: 14px; border-bottom: 1px solid #e0e0e0; } .ui-menu .ui-menu-item:last-child { border: none; } .ui-menu .ui-menu-item-wrapper { position: relative; display: block; padding: 9px 20px !important; font-size: 15px; line-height: 24px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .ui-menu .ui-menu-item-wrapper:hover, .ui-menu .ui-menu-item-wrapper.ui-state-active { /*background: #139FDD;*/ background-image: linear-gradient(153deg, #3BE2BC 0%, #1B96F1 95%); } .quantity-spinner { position: relative; display: block; } .quantity-spinner .inner-box { position: relative; display: block; } .quantity-spinner input { position: relative; display: block; font-size: 15px; color: #000000; line-height: 30px; height: 52px; width: 100%; padding: 10px 40px; border: 1px solid #e5e5e5; background: none; margin: 0px; font-weight: 400; text-align: center; } .quantity-spinner .minus { position: absolute; left: 0px; top: 1px; width: 53px; height: 50px; font-size: 20px; line-height: 30px; padding: 10px 0; text-align: center; background: none; font-weight: 400; color: #000000; border-right: 1px solid #e5e5e5; z-index: 1; cursor: pointer; } .quantity-spinner .plus { position: absolute; right: 0px; top: 1px; width: 53px; height: 50px; font-size: 20px; line-height: 30px; padding: 10px 0; text-align: center; background: none; font-weight: 400; color: #000000; border-left: 1px solid #e5e5e5; z-index: 1; cursor: pointer; } #ui-datepicker-div { z-index: 10 !important; } /*** ==================================================================== Hidden Sidebar style ==================================================================== ***/ .hidden-bar { position: fixed; top: 0; width: 320px; height: 100%; background: #1c1c1c; z-index: 9999; transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; -moz-transition: all 700ms ease; } .hidden-bar .mCSB_inside > .mCSB_container { margin-right: 10px; } .hidden-bar.right-align { right: -400px; } .hidden-bar.right-align.visible-sidebar { right: 0px; } .hidden-bar.right-align { right: -400px; } .hidden-bar.right-align.visible-sidebar { right: 0px; } .hidden-bar .hidden-bar-closer { width: 40px; height: 40px; position: absolute; right: 10px; top: 10px; background: none; color: #ffffff; border-radius: 0px; text-align: center; line-height: 40px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; z-index: 999999; } .hidden-bar .hidden-bar-closer button { background: none; display: block; font-size: 16px; color: #ffffff; width: 40px; height: 40px; line-height: 40px; } .hidden-bar .hidden-bar-closer:hover button { color: #ffffff; } .hidden-bar-wrapper { height: 100%; padding: 30px 5px 30px 30px; } .hidden-bar .logo { padding: 0px 0px 30px; background: #1c1c1c; } .hidden-bar .logo img { display: inline-block; max-width: 100%; } .hidden-bar .content-box { position: relative; } .hidden-bar .content-box h3 { position: relative; font-size: 24px; color: #ffffff; font-weight: 700; margin-bottom: 20px; } .hidden-bar .content-box .text { position: relative; font-size: 14px; color: rgba(255,255,255,0.60); margin-bottom: 25px; } .hidden-bar .contact-info { position: relative; margin-top: 60px; margin-right: 10px; } .hidden-bar .contact-info h2 { position: relative; font-size: 18px; color: #ffffff; font-weight: 500; margin-bottom: 20px; } .hidden-bar1 { position: fixed; top: 0; width: 50%; height: 100%; background: #f8f9fa; z-index: 9999; transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; -moz-transition: all 700ms ease; } .hidden-bar1 .mCSB_inside > .mCSB_container { margin-right: 10px; } .hidden-bar1.right-align { right: -1000px; } .hidden-bar1.right-align.visible-sidebar { right: 0px; } .hidden-bar1 .hidden-bar-closer { width: 40px; height: 40px; position: absolute; right: 10px; top: 10px; background: none; color: #ffffff; border-radius: 0px; text-align: center; line-height: 40px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; z-index: 999999; } .hidden-bar1 .hidden-bar-closer button { background: none; display: block; font-size: 16px; color: #000000; width: 40px; height: 40px; line-height: 40px; } .hidden-bar1 .hidden-bar-closer:hover button { color: #000000; } .hidden-bar1 .logo { padding: 0px 0px 30px; background: #1c1c1c; } .hidden-bar1 .logo img { display: inline-block; max-width: 100%; } .hidden-bar1 .content-box { position: relative; } .hidden-bar1 .content-box h3 { position: relative; font-size: 24px; color: #ffffff; font-weight: 700; margin-bottom: 20px; } .hidden-bar1 .content-box .text { position: relative; font-size: 14px; color: rgba(255,255,255,0.60); margin-bottom: 25px; } .hidden-bar1 .contact-info { position: relative; margin-top: 60px; margin-right: 10px; } .hidden-bar1 .contact-info h2 { position: relative; font-size: 18px; color: #ffffff; font-weight: 500; margin-bottom: 20px; } /*List Style Two*/ .list-style-two { position: relative; } .list-style-two li { position: relative; margin-bottom: 12px; color: rgba(255,255,255,0.60); font-size: 14px; font-weight: 400; padding-left: 30px; line-height: 24px; margin-bottom: 12px; } .list-style-two li:last-child { margin-bottom: 0; } .list-style-two li a { color: rgba(255,255,255,0.60); } .list-style-two li a:hover { color: #139FDD; } .list-style-two li .icon { position: absolute; left: 0px; top: 0px; color: rgba(255,255,255,0.60); font-size: 16px; line-height: 24px; } /*** ==================================================================== Banner Section ==================================================================== ***/ .banner-section { position: relative; z-index: 1; } .banner-one { position: relative; padding-top: 52px; } .banner-carousel { position: relative; z-index: 1; } .banner-carousel .slide-item { position: relative; display: block; color: #000000; padding: 0px 0px; overflow: hidden; text-transform:none; } .banner-carousel .slide-item h2 { font-size: 40px; color: #000000; line-height: 1.2em; margin-bottom: 20px; font-weight: 700; } .banner-carousel .slide-item .image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; background-repeat: no-repeat; background-position: top center; background-size: 100%; /*-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);*/ } .banner-carousel .active .slide-item .image-layer { /*-webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); -webkit-transition: all 7000ms linear; -moz-transition: all 7000ms linear; -ms-transition: all 7000ms linear; -o-transition: all 7000ms linear; transition: all 7000ms linear;*/ } .banner-carousel .content-box { position: relative; display: table; vertical-align: middle; width: 100%; height: 640px; padding: 20px 0px; z-index: 5; } .banner-two .banner-carousel .content-box { padding-top: 100px; } .banner-three .banner-carousel .content-box { height: 640px; } .banner-carousel .content-box .content { position: relative; display: table-cell; vertical-align: middle; padding: 50px 0px; } .banner-carousel .content-box .inner { position: relative; display: block; width: 100%; max-width: 600px; margin-top: -20px; margin-left: 650px; } .banner-carousel .content-right .content-box .inner { float: right; } .banner-two .banner-carousel .content-right .content-box .inner { max-width: 620px; } .banner-three .banner-carousel .content-center .content-box .inner { max-width: 720px; margin: 0 auto; text-align: center; } .banner-carousel .content-box .subtitle { display: block; font-size: 18px; line-height: 1.6em; color: #ffffff; font-weight: 600; margin-bottom: 10px; text-transform: uppercase; opacity: 0; /*-webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px);*/ } .banner-carousel .active .content-box .subtitle { opacity: 1; /*-webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);*/ /*-webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms;*/ } .banner-carousel .content-box h1 { display: block; font-size: 90px; line-height: 1.10em; color: #ffffff; font-weight: 800; opacity: 0; margin-bottom: 25px; text-transform: capitalize; letter-spacing: 0; /*-webkit-transform: translateY(80px); -moz-transform: translateY(80px); -ms-transform: translateY(80px); -o-transform: translateY(80px); transform: translateY(80px);*/ text-transform: capitalize; } .banner-two .banner-carousel .content-box h1 { font-size: 64px; text-transform: uppercase; } .banner-three .banner-carousel .content-box h1 { font-size: 64px; text-transform: uppercase; } .banner-carousel .active .content-box h1 { opacity: 1; /*-webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms;*/ } .banner-two .banner-carousel .active .content-box h1, .banner-three .banner-carousel .active .content-box h1 { /*-webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms;*/ } .banner-carousel .content-box .text { display: block; font-size: 14px; line-height: 1.7em; color: #000000; font-weight: 400; opacity: 0; margin-bottom: 10px; max-width: 520px; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); text-transform: none; font-weight: 300; letter-spacing: 1px; } .banner-carousel .active .content-box .text { opacity: 1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; } .banner-two .banner-carousel .active .content-box .text, .banner-three .banner-carousel .active .content-box .text { -webkit-transition-delay: 1100ms; -moz-transition-delay: 1100ms; -ms-transition-delay: 1100ms; -o-transition-delay: 1100ms; transition-delay: 1100ms; } .banner-three .banner-carousel .content-center .content-box .text { margin: 0 auto 42px; } .banner-carousel .content-box .links-box { position: relative; opacity: 0; z-index: 5; -webkit-transform: translateY(80px); -moz-transform: translateY(80px); -ms-transform: translateY(80px); -o-transform: translateY(80px); transform: translateY(80px); } .banner-carousel .active .content-box .links-box { opacity: 1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; -webkit-transition-delay: 1100ms; -moz-transition-delay: 1100ms; -ms-transition-delay: 1100ms; -o-transition-delay: 1100ms; transition-delay: 1100ms; } .banner-two .banner-carousel .active .content-box .links-box, .banner-three .banner-carousel .active .content-box .links-box { -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; } .banner-carousel .links-box .theme-btn { vertical-align: top; display: inline-block; margin-right: 10px; margin-bottom: 10px; } .banner-carousel .links-box .discount-btn { position: relative; font-size: 13px; line-height: 22px; text-transform: uppercase; color: #ffffff; font-weight: 600; padding: 5px 0px; padding-left: 95px; } .banner-carousel .links-box .discount-btn .icon { position: absolute; left: 0; top: 50%; margin-top: -40px; width: 80px; height: 80px; padding: 20px 10px; line-height: 40px; text-align: center; display: block; background: url('../images/icons/discount-icon.png') center center no-repeat; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 700; } .banner-carousel .links-box .discount-btn .btn-title { position: relative; display: block; text-align: left; } .banner-section .owl-theme .owl-nav { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; width: 100%; height: 0; margin-top: -35px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .banner-section .owl-theme .owl-nav .owl-prev { position: absolute; left: 40px; background: #ffffff; height: 70px; width: 70px; border: none; text-align: center; line-height: 70px; color: #acb7c6; font-size: 24px; border-radius: 0; opacity: 1; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .banner-section .owl-theme .owl-nav .owl-next { position: absolute; right: 40px; background: #ffffff; height: 70px; width: 70px; border: none; text-align: center; line-height: 70px; color: #acb7c6; font-size: 24px; border-radius: 0; opacity: 1; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .banner-section .owl-nav .owl-prev:hover, .banner-section .owl-nav .owl-next:hover { color: #139FDD; background: #ffffff; } .banner-section .owl-theme .owl-dots { display: none; } .banner-two .owl-theme .owl-dots { display: block; position: absolute; left: 0; bottom: 40px; width: 100%; text-align: center; } .banner-two .owl-theme .owl-dots .owl-dot { position: relative; display: inline-block; margin: 0px 10px; } .banner-two .owl-theme .owl-dots .owl-dot span { position: relative; display: block; width: 4px; height: 4px; background: none; outline: 2px solid #ffffff; outline-offset: 4px; } .banner-two .owl-theme .owl-dots .owl-dot.active span { background: #ffffff; } .banner-three .banner-carousel .owl-nav { display: none; } .banner-three .banner-carousel .owl-dots { display: block; position: absolute; top: 50%; left: 30px; margin-top: -60px; width: 55px; text-align: right; counter-reset: slides-num; font-family: 'Poppins', sans-serif; } .banner-three .banner-carousel .owl-dots .owl-dot { position: relative; display: block; margin-bottom: 8px; padding-left: 35px !important; counter-increment: slides-num; } .banner-three .banner-carousel .owl-dots .owl-dot span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .banner-three .banner-carousel .owl-dots .owl-dot span:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: 1px; width: 0px; border-bottom: 1px solid #ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .banner-three .banner-carousel .owl-dots .owl-dot.active span:before { width: 28px; } .banner-three .banner-carousel .owl-dots .owl-dot span:after { content: ''; position: absolute; right: 5px; top: 50%; margin-top: -5px; width: 10px; height: 10px; border: 2px solid #ffffff; border-radius: 50%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .banner-three .banner-carousel .owl-dots .owl-dot.active span:after { opacity: 0; } .banner-three .banner-carousel .owl-dots .owl-dot:after { content: "0" counter(slides-num) ""; display: block; font-size: 18px; line-height: 24px; color: #ffffff; font-weight: 700; left: 0px; top: 0px; opacity: 0; } .banner-three .banner-carousel .owl-dots .owl-dot.active:after { opacity: 1; } .banner1 h2 { font-size: 40px; color: #000000; line-height: 1.2em; margin-bottom: 20px; font-weight: 700; text-transform:none; } /*** ==================================================================== Section Title ==================================================================== ***/ .sec-title { position: relative; margin-bottom: 50px; border-bottom: 1px solid #b5c0cf; } .sec-title.with-border { padding-bottom: 28px; } .sec-title.centered { max-width: 720px; margin: 0 auto 50px; } .sec-title .upper-text { position: relative; display: inline-block; line-height: 1.5em; font-size: 13px; color: #000000; text-transform: none; font-weight: 500; letter-spacing: 0.03em; margin: 0 0 7px; } .sec-title h2 { position: relative; display: block; font-size: 40px; line-height: 1.20em; color: #061138; font-weight: 400; text-transform: none; margin-bottom: 0px; } .sec-title h2 strong { font-weight: 700; } .sec-title h3 { position: relative; display: block; font-size: 30px; line-height: 1.25em; color: #061138; font-weight: 400; text-transform: capitalize; margin-bottom: 0px; } .sec-title h3 strong { font-weight: 700; } .sec-title .lower-text { position: relative; display: inline-block; line-height: 1.5em; font-size: 20px; color: #000000; text-transform: none; font-weight: 500; margin: 10px 0 0; } .sec-title .title-text { position: relative; display: block; line-height: 1.7em; font-size: 15px; color: #000000; font-weight: 400; margin: 15px 0 0; } .sec-title .link-box { position: relative; display: block; margin: 25px 0 0; } .sec-title.light, .sec-title.light .upper-text, .sec-title.light h3, .sec-title.light h2 { color: #ffffff; } .sec-title.light .lower-text { color: #8a91ae; } .sec-title .separator { position: absolute; left: 0; bottom: 0; display: block; width: 70px; height: 7px; background: url('../images/icons/title-separator.png') left center no-repeat; } .sec-title.centered .separator { left: 50%; margin-left: -35px; } .sec-title-two { position: relative; margin-bottom: 50px; } .sec-title-two.with-border { padding-bottom: 40px; } .sec-title-two.centered { max-width: 720px; margin: 0 auto 50px; } .sec-title-two .upper-text { position: relative; display: inline-block; line-height: 1.5em; font-size: 13px; color: #000000; text-transform: uppercase; font-weight: 500; letter-spacing: 0.03em; margin: 0 0 7px; } .sec-title-two h2 { position: relative; display: block; font-size: 40px; line-height: 1.20em; color: #061138; font-weight: 400; text-transform: uppercase; margin-bottom: 0px; } .sec-title-two h2 strong { font-weight: 700; } .sec-title-two h3 { position: relative; display: block; font-size: 30px; line-height: 1.25em; color: #061138; font-weight: 400; text-transform: capitalize; margin-bottom: 0px; } .sec-title-two h3 strong { font-weight: 700; } .sec-title-two .lower-text { position: relative; display: inline-block; line-height: 1.5em; font-size: 14px; color: #000000; text-transform: uppercase; font-weight: 400; margin: 10px 0 0; } .sec-title-two .title-text { position: relative; display: block; line-height: 1.7em; font-size: 15px; color: #000000; font-weight: 400; margin: 15px 0 0; } .sec-title-two .link-box { position: relative; display: block; margin: 25px 0 0; } .sec-title-two.light, .sec-title-two.light h3, .sec-title-two.light h2 { color: #ffffff; } .sec-title-two.light .upper-text { color: #868da5; } .sec-title-two.light .lower-text { color: #8a91ae; } .sec-title-two .separator { position: absolute; left: 0; bottom: 0; display: block; width: 40px; height: 20px; background: url('../images/icons/title-separator-2.png') left center no-repeat; } .sec-title-two.centered .separator { left: 50%; margin-left: -20px; } /*** ==================================================================== About Section ==================================================================== ***/ .about-section { position: relative; /*padding: 0px 0px 70px;*/ padding: 0px 0px 0px 0px; z-index: 2; /*background: #1151d3;*/ } .about-section .left-col { position: relative; margin-bottom: 30px; } .about-section .left-col .inner { position: relative; display: block; padding: 100px 0px 0px; } .about-section .left-col .sec-title { top: -5px; margin-bottom: 27px; } .about-section .left-col .upper-row { position: relative; padding-left: 300px; min-height: 232px; } .about-section .left-col .upper-row .image-box { position: absolute; left: 0; top: 0; width: 270px; height: 232px; overflow: hidden; } .about-section .left-col .upper-row .image-box img { display: block; width: 100%; } .about-section .left-col .video-link { position: relative; display: block; padding-left: 80px; min-height: 60px; } .about-section .left-col .video-link .video-thumb { position: absolute; left: 0; top: 0; width: 60px; height: 60px; overflow: hidden; } .about-section .left-col .video-link .video-thumb img { display: block; width: 60px; height: 60px; } .about-section .left-col .video-link .video-thumb .icon { position: absolute; left: 0; top: 0; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #ffffff; font-size: 20px; } .about-section .left-col .video-link .overlink { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; color: #ffffff; background: rgba(0,0,0,0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .about-section .left-col .video-link .overlink:hover { background: rgba(0,0,0,0.50); } .about-section .left-col .video-link .video-title { position: relative; } .about-section .left-col .video-link .video-title a { position: relative; display: inline-block; padding: 10px 0px; color: #061138; font-weight: 500; font-size: 13px; text-transform: uppercase; line-height: 1.5em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .about-section .left-col .video-link .video-title a:hover { color: #139FDD; } .about-section .left-col .lower-content { position: relative; padding-top: 40px; } .about-section .left-col .lower-content .text { position: relative; margin-bottom: 25px; } .about-section .left-col .lower-content .text:first-letter { color: #061138; float: left; font-family: 'Poppins', sans-serif; font-size: 48px; line-height: 0.8em; margin: 0px 10px 5px 0px; } .default-link { position: relative; display: inline-block; font-weight: 600; text-transform: none; color: #061138; font-size: 13px; line-height: 24px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .default-link .icon { position: relative; font-size: 18px; font-weight: 400; vertical-align: middle; padding-right: 5px; } .default-link:hover { color: #1253d4; } .about-section .right-col { position: relative; margin-bottom: 30px; } /*.about-section .right-col .inner{ position: relative; display: block; padding-left: 20px; margin-top: -100px; }*/ .about-section .right-col .inner { position: relative; display: block; padding-left: 20px; margin-top: 0px; } .about-section .book-form-box { position: relative; padding: 20px; /*background-image: linear-gradient(153deg, #3BE2BC 0%, #1B96F1 95%);*/ /*-webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.07); -ms-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.07); box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.07); border-radius: 10px; opacity: 0.9 !important;*/ max-width: 100%; margin-top: -100px; border: 1px solid #b5c0cf; border-radius: 5px; margin-bottom:50px; } .about-section .book-form-box .title { text-align: center; color: #061138; margin-bottom: 20px; } .about-section .book-form-box .title h4 { color: #061138; margin: 0; font-weight: 700; text-transform:none; font-size:25px; } .about-section .book-form-box .default-form .row { margin: 0 -10px; } .about-section .book-form-box .default-form .row .form-group { position: relative; padding: 0 10px; margin-bottom: 15px; } .about-section .book-form-box .theme-btn, .about-section .book-form-box input[type="submit"] { width: 100%; text-align: center; display: block; margin-top: 30px; } /*** ==================================================================== About Section ==================================================================== ***/ .services-section { position: relative; padding: 0px 0px 90px; z-index: 2; margin-top: -30px; } .services-section .title-box { position: relative; display: block; width: 100%; padding: 90px 0px 50px; } .services-section .title-box .sec-title { margin-bottom: 0; } .services-section .title-box .image-layer { position: absolute; left: 0; top: 0; width: 100%; bottom: -110px; opacity: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; } .services-section .title-box .image-layer:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #061138; opacity: 0.90; } .service-block { position: relative; margin-bottom: 30px; } .owl-theme .service-block { margin-bottom: 0; } .service-block .inner-box { position: relative; display: block; padding-bottom: 72px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .service-block .image-box { position: relative; display: block; overflow: hidden; padding-bottom: 5px; } .service-block .image-box img { position: relative; display: block; width: 100%; } .service-block .image-box:before { content: ''; position: absolute; left: 0; bottom: 15px; width: 120%; left: -10%; height: 50px; background: #ffffff; border-top: 7px solid transparent; -ms-transform: rotate(-17deg); -webkit-transform: rotate(-17deg); transform: rotate(-17deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; } .service-block .inner-box:hover .image-box:before { border-top-color: #139FDD; } .service-block .lower-box { position: absolute; left: 0; bottom: 0; right: 0; margin-left: 40px; background: #ffffff; border-bottom: 1px solid #e5e5e5; padding-bottom: 2px; border-radius: 0px 0px 3px 3px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.12); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 3; } .service-block .inner-box:hover .lower-box { box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20); } .service-block .lower-content { position: relative; display: block; background: #ffffff; padding: 35px 40px; border-bottom: 1px solid #e5e5e5; border-radius: 0px 0px 3px 3px; z-index: 1; } .service-block .lower-content .icon-box { position: absolute; right: 30px; top: -45px; width: 90px; height: 90px; background: #061138; color: #139FDD; text-align: center; font-size: 42px; line-height: 90px; border-radius: 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .service-block .inner-box:hover .lower-content .icon-box { background: #139FDD; color: #ffffff; } .service-block .lower-content .cat { position: relative; display: block; color: #7b8594; font-size: 13px; text-transform: uppercase; margin-bottom: 7px; } .service-block .lower-content h4 { position: relative; color: #061138; margin-bottom: 20px; } .service-block .lower-content h4 a { color: #061138; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .service-block .lower-content h4 a:hover { color: #139FDD; } .service-block .inner-box:hover .link-box a { color: #139FDD; } .services-section .carousel-outer { margin: 0px -25px; padding: 0px 20px; overflow: hidden; } .services-section .carousel-outer .owl-stage-outer { overflow: visible; } .services-section .owl-theme .owl-dots { position: relative; width: 100%; padding-top: 40px; text-align: center; } .services-section .owl-theme .owl-dots .owl-dot { position: relative; display: inline-block; margin: 0px 7px; } .services-section .owl-theme .owl-dots .owl-dot span { position: relative; display: block; width: 8px; height: 8px; background: #cccccc; border-radius: 50%; } .services-section .owl-theme .owl-dots .owl-dot.active span { background: #139FDD; -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .services-section .owl-theme .owl-nav { display: none; } /*** ==================================================================== Activities Section ==================================================================== ***/ .activities-section { position: relative; padding: 90px 0px; background: #f0f3f7; } .activities-section .auto-container { max-width: 1810px; } .activities-section .carousel-outer { padding: 0px 100px; } .activity-block { position: relative; } .activities-section .carousel-outer .owl-item:hover { z-index: 100; } .owl-theme .activity-block { position: relative; opacity: 0; visibility: hidden; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .owl-theme .active .activity-block { opacity: 1; visibility: visible; } .activities-section .carousel-outer .owl-stage-outer { overflow: visible; } .activity-block .inner-box { position: relative; display: block; max-width: 980px; margin: 0 auto; background: #ffffff; padding-left: 270px; min-height: 300px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.12); } .activity-block .image-box { position: absolute; left: 0; top: 0; width: 270px; height: 300px; overflow: hidden; } .activity-block .image-box img { display: block; width: 100%; height: 300px; } .activity-block .image-box .offer-info { position: absolute; left: 0; top: 0; width: 120px; line-height: 20px; padding: 5px 10px; text-align: center; background: #be1935; font-size: 13px; text-transform: uppercase; font-weight: 600; color: #ffffff; -ms-transform: rotate(-45deg) translate(-31px,-22px); -webkit-transform: rotate(-45deg) translate(-31px,-22px); transform: rotate(-45deg) translate(-31px,-22px); } .activity-block .content-box { position: relative; padding: 30px 30px 20px; } .activity-block .add-to-fav { position: absolute; right: 25px; top: 40px; z-index: 1; } .activity-block .add-to-fav a { position: relative; display: block; font-size: 20px; line-height: 24px; color: #000000; } .activity-block .add-to-fav a:hover { color: #139FDD; } .activity-block .content-box h4 { position: relative; font-size: 26px; color: #061138; text-transform: capitalize; margin-bottom: 10px; } .activity-block .content-box h4 a { color: #061138; } .activity-block .content-box h4 a:hover { color: #139FDD; } .activity-block .ratings { position: relative; margin-bottom: 15px; } .activity-block .ratings .rate-text { position: relative; color: #061138; line-height: 24px; font-weight: 500; margin-bottom: 3px; } .activity-block .ratings .rate-text strong { position: relative; font-size: 24px; font-weight: 500; } .activity-block .ratings .rate-text a { color: #061138; font-size: 12px; text-transform: uppercase; } .activity-block .ratings .rate { color: #139FDD; font-size: 14px; line-height: 20px; letter-spacing: 1px; } .activity-block .ratings .rate .empty-star { color: #b5c0cf; } .activity-block .info { position: relative; font-weight:600; } .activity-block .info li { position: relative; float: left; font-size: 14px; line-height: 24px; margin-right: 31px; } .activity-block .info li:after { content: ''; position: absolute; right: -16px; top: 5px; height: 14px; border-right: 1px solid rgba(0,0,0,0.15); } .activity-block .info li:last-child { margin-right: 0; } .activity-block .info li:last-child:after { display: none; } .activity-block .info li a { color: #000000; } .activity-block .info li .icon { position: relative; display: inline-block; vertical-align: middle; padding-right: 5px; color: #139FDD; } .activity-block .links-box { position: relative; margin-top: 45px; } .activity-block .links-box .link { position: relative; float: left; margin-right: 10px; margin-bottom: 10px; } .activity-block .links-box .pricing { position: relative; float: right; text-align: right; font-size: 12px; } .activity-block .links-box .price-title { display: block; text-transform: uppercase; } .activity-block .links-box .unit { display: block; color: #061138; font-family: 'Poppins', sans-serif; font-style: italic; text-transform: uppercase; font-weight: 500; } .activity-block .links-box .unit span { font-size: 20px; } .activity-block .info-btn-box { position: relative; z-index: 3; } .activity-block .info-btn-box .info-btn { position: relative; position: relative; display: block; font-size: 20px; line-height: 28px; color: #000000; font-weight: 600; padding: 11px 15px; text-transform: uppercase; background: none; border: 1px solid rgba(0,0,0,0.15); border-radius: 0px; z-index: 1; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; cursor: pointer; } .activity-block .info-btn-box .info-btn:hover { background: #139FDD; border-color: #139FDD; color: #ffffff; } .activity-block .info-btn-box .info-panel { position: absolute; left: 0px; bottom: 80%; margin-bottom: 20px; width: 240px; opacity: 0; visibility: hidden; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.12); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .activity-block .info-btn-box:hover .info-panel { bottom: 100%; opacity: 1; visibility: visible; } .activity-block .info-btn-box .info-panel:before { content: ''; position: absolute; left: 15px; bottom: -8px; width: 20px; height: 20px; background: #ffffff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.12); z-index: 0; } .activity-block .info-btn-box .panel-inner { position: relative; display: block; padding: 22px 20px 15px; background: #ffffff; z-index: 1; } .activity-block .info-btn-box .panel-title { display: block; font-size: 13px; font-weight: 600; color: #061038; text-transform: uppercase; margin-bottom: 7px; } .activity-block .info-btn-box .panel-list { display: block; font-size: 14px; } .activity-block .info-btn-box .panel-list li { position: relative; padding-left: 12px; line-height: 24px; margin-bottom: 5px; } .activity-block .info-btn-box .panel-list li:before { content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background: #139FDD; } .activities-section .owl-theme .owl-dots { display: none; } .activities-section .owl-theme .owl-nav { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; width: 100%; height: 0; margin-top: -35px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .activities-section .owl-theme .owl-nav .owl-prev { position: absolute; left: -100px; background: none; height: 64px; width: 64px; border: none; text-align: center; line-height: 62px; border: 1px solid rgba(0,0,0,0.10); color: #acb7c6; font-size: 20px; font-weight: 700; border-radius: 0; opacity: 1; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .activities-section .owl-theme .owl-nav .owl-next { position: absolute; right: -100px; background: none; height: 64px; width: 64px; border: none; text-align: center; line-height: 62px; border: 1px solid rgba(0,0,0,0.10); color: #acb7c6; font-size: 20px; font-weight: 700; border-radius: 0; opacity: 1; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .activities-section .owl-nav .owl-prev:hover, .activities-section .owl-nav .owl-next:hover { color: #139FDD; border-color: #139FDD; } .activities-section .see-all { position: relative; display: block; text-align: center; padding-top: 50px; } /*** ==================================================================== Features Section ==================================================================== ***/ .features-section { position: relative; padding: 90px 0px 20px; background-image: linear-gradient(0deg, #3BE2BC 10%, #1B96F1 95%); color: #ffffff; overflow: hidden; } .features-section .feature-block { position: relative; margin-bottom: 70px; } .features-section .feature-block .inner-box { position: relative; display: block; padding-left: 110px; min-height: 80px; } .features-section .feature-block .icon-box { position: absolute; left: 0; top: 50%; margin-top: -40px; width: 80px; height: 80px; } .features-section .feature-block .icon-box:before { content: ''; position: absolute; left: 50%; bottom: 100%; margin-bottom: 10px; border-left: 1px solid rgba(255,255,255,0.30); height: 300px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .features-section .feature-block .icon-box:after { content: ''; position: absolute; left: 50%; top: 100%; margin-top: 10px; border-left: 1px solid rgba(255,255,255,0.30); height: 300px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .features-section .feature-block .icon-box .octagonWrap { position: relative; width: 80px; height: 80px; float: left; overflow: hidden; } .features-section .feature-block .icon-box .octagon { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); background-image: linear-gradient(153deg, #3BE2BC 0%, #1B96F1 95%); border: 1px solid rgba(255,255,255,0.30); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .features-section .feature-block:hover .icon-box .octagon { background-image: linear-gradient(153deg, #3BE2BC 0%, #1B96F1 95%); border-color: none; } .features-section .feature-block .icon-box .octagon:before { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; border: inherit; } .features-section .feature-block .icon-box .icon { position: absolute; left: 0; top: 0; width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 42px; color: #ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .features-section .feature-block:hover .icon-box .icon { color: #ffffff; } .features-section .feature-block h4 { font-size: 24px; line-height: 1.3em; margin-bottom: 15px; font-weight: 400; } .features-section .feature-block .text { color: #ffffff; margin-bottom: 30px; text-transform:none; font-weight:400; } .features-section .feature-block .default-link { color: #ffffff; } .features-section .feature-block .default-link:hover { color: #000000; } /*** ==================================================================== Pricing Section ==================================================================== ***/ .pricing-section { position: relative; padding: 70px 0px 60px; background: #ffffff; } .pricing-section .image-column { position: relative; order: 0; } .pricing-section .image-column .inner { position: relative; display: block; margin-left: -330px; text-align: right; } .pricing-section .pricing-column { position: relative; order: 12; } .pricing-section .pricing-column .inner { position: relative; display: block; padding-top: 20px; } .pricing-section .price-column { position: relative; margin-bottom: 30px; } .price-block { position: relative; } .price-block .inner-box { position: relative; display: block; padding: 45px 30px 25px; background: #ffffff; border-bottom: 7px solid #139FDD; box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.10); } .price-block .plan-header { position: relative; display: block; text-align: center; } .price-block .plan-header .plan-title { font-size: 24px; color: #061138; text-transform: uppercase; margin-bottom: 7px; } .price-block .plan-header .subtitle { font-size: 13px; color: #7b8594; text-transform: uppercase; } .price-block .plan-header .price { position: relative; display: block; margin: 15px 0px; } .price-block .plan-header .price .amount { position: relative; font-size: 60px; color: #139FDD; font-weight: 700; line-height: 1em; vertical-align: top; } .price-block .plan-header .price .sign { position: relative; font-size: 24px; color: #139FDD; font-weight: 600; line-height: 1.5em; vertical-align: top; } .price-block .plan-header .price .cycle { position: relative; font-size: 14px; color: #139FDD; font-weight: 400; line-height: 1.5em; vertical-align: bottom; } .price-block .plan-header .best-title { position: relative; font-size: 13px; color: #7b8594; text-transform: uppercase; } .price-block .plan-header .best-title:before { content: ''; position: absolute; left: 0; top: 50%; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.10); margin-top: -0.5px; } .price-block .plan-header .best-title span { position: relative; display: inline-block; padding: 0px 15px; background: #ffffff; } .price-block .plan-features { position: relative; padding-top: 15px; color: #808080; } .price-block .plan-features li { position: relative; margin-bottom: 7px; line-height: 24px; padding-left: 22px; } .price-block .plan-features li:before { font-family: 'Font Awesome 5 Free'; content: "\f00c"; position: absolute; left: 0px; top: 0px; display: block; line-height: 24px; font-size: 13px; font-weight: 800; color: #139FDD; } .price-block .link-box { position: absolute; left: 0; bottom: -36px; width: 100%; display: block; opacity: 0; visibility: hidden; -ms-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .price-block .link-box a { position: relative; display: block; color: #ffffff; font-size: 13px; line-height: 24px; padding: 6px 20px; text-align: center; width: 100%; font-weight: 600; text-transform: uppercase; background: #139FDD; } .price-block .inner-box:hover .link-box { -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; } /*** ==================================================================== Testimonials Section ==================================================================== ***/ .testimonials-section { position: relative; padding: 90px 0px; z-index: 1; background: #f9f9f9; } .testimonials-section .image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; } .testimonials-section .image-layer:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ffffff; /*background-image: linear-gradient(153deg, #3BE2BC 10%, #1B96F1 95%);*/ opacity: 0.90; } .testimonials-section .carousel-container { position: relative; padding: 0px 50px; } .testimonial-block { position: relative; } .testimonial-block .inner-box { position: relative; display: block; background: #ffffff; padding: 40px 40px; margin-right: 17px; border-radius:10px } .testimonial-block .content { position: relative; display: block; padding-left: 110px; min-height: 150px; } .testimonial-block .content .icon-box { position: absolute; left: 0; top: 100px; width: 70px; text-align: center; font-size: 48px; color: #cdd5df; line-height: 1em; } .testimonial-block .content .image { position: absolute; left: 0; top: 0; width: 70px; height: 70px; overflow: hidden; } .testimonial-block .content .image img { display: block; width: 100%; } .testimonial-block .content .info { position: relative; padding-bottom: 12px; margin-bottom: 22px; } .testimonial-block .content .info:before { content: ''; position: absolute; left: 0; bottom: 0; width: 70px; border-bottom: 1px solid rgba(0,0,0,0.10); } .testimonial-block .content .info h5 { position: relative; color: #061138; margin-bottom: 3px; } .testimonial-block .content .info .designation { position: relative; color: #75808f; font-size: 13px; text-transform: uppercase; font-weight: 400; } .testimonial-block .content .text { position: relative; color: #75808f; font-size: 17px; line-height: 1.7em; font-family: 'Poppins', sans-serif; text-transform: none; font-weight: 300; } .testimonial-block .rating { position: absolute; right: -56px; top: 0px; line-height: 24px; padding: 3px 15px; /*background: #139FDD;*/ background-image: linear-gradient(153deg, #F5515F 0%, #9F046C 95%); color: #ffffff; font-size: 12px; letter-spacing: 1px; } .testimonial-block .rating:before { content: ''; position: absolute; right: 0; top: -16px; border: 8px solid rgba(0,0,0,0); border-left: 8px solid #b09373; border-bottom: 8px solid #b09373; } .testimonials-section .owl-theme .owl-dots { position: relative; width: 100%; padding-top: 40px; text-align: center; } .testimonials-section .owl-theme .owl-dots .owl-dot { position: relative; display: inline-block; margin: 0px 7px; } .testimonials-section .owl-theme .owl-dots .owl-dot span { position: relative; display: block; width: 9px; height: 9px; background: #b5c0cf; border-radius: 50%; } .testimonials-section .owl-theme .owl-dots .owl-dot.active span { background: #007bff; -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .testimonials-section .owl-theme .owl-nav { display: none; } /*** ==================================================================== News Section ==================================================================== ***/ .news-section { position: relative; padding: 90px 0px 40px; background: #ffffff; } .news-section .news-column { position: relative; } .news-section .news-column .inner { position: relative; display: block; } .news-section .title-row { position: relative; padding-bottom: 20px; } .news-section .title-row .sec-title { position: relative; float: left; margin-bottom: 30px; } .news-section .title-row .link-box { position: relative; float: right; padding-top: 50px; margin-bottom: 30px; } .news-block { position: relative; margin-bottom: 45px; } .news-block .inner-box { position: relative; display: block; padding-left: 200px; min-height: 170px; } .news-block .image-box { position: absolute; left: 0; top: 0; width: 170px; } .news-block .image-box img { display: block; width: 100%; } .news-block .image-box .post-date { position: absolute; left: 0; bottom: 0; width: 60px; height: 60px; padding: 6px 5px; text-align: center; line-height: 24px; background: #ffffff; font-size: 14px; font-weight: 700; text-transform: uppercase; font-family: 'Poppins', sans-serif; } .news-block .image-box .post-date .day { display: block; font-size: 20px; color: #061138; } .news-block .content { position: relative; } .news-block .meta-info { position: relative; } .news-block .meta-info li { position: relative; float: left; font-size: 13px; line-height: 24px; color: #000000; text-transform: uppercase; margin-right: 40px; margin-bottom: 7px; } .news-block .meta-info li:before { content: ''; position: absolute; right: -23px; top: 9px; width: 6px; height: 6px; background: #d1d8e2; border-radius: 50%; } .news-block .meta-info li .icon { position: relative; display: inline-block; vertical-align: middle; font-size: 12px; color: #b5c0cf; padding-right: 5px; } .news-block .meta-info li a { position: relative; display: inline-block; vertical-align: middle; color: #000000; font-weight:600; } .news-block .meta-info li a:hover { color: #139FDD; text-decoration: underline; } .news-block .meta-info li:last-child { margin-right: 0; } .news-block .meta-info li:last-child:before { display: none; } .news-block h4 { color: #000000; text-transform: uppercase; margin-bottom: 20px; } .news-block h4 a { color: #061138; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; text-transform: none; } .news-block h4 a:hover { color: #1253d4; text-decoration: none; } .news-block .text { margin-bottom: 20px; text-transform: none; font-weight: 300; line-height: 1.2em; font-size: 13px !important; } .news-block-two { position: relative; margin-bottom: 50px; } .news-block-two .inner-box { position: relative; display: block; } .news-block-two .image-box { position: relative; display: block; overflow: hidden; } .news-block-two .image-box img { display: block; width: 100%; } .news-block-two .image-box .link-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6,17,56,0.85); color: #ffffff; -ms-transform: scaleY(0) translateY(-100px); -webkit-transform: scaleY(0) translateY(-100px); transform: scaleY(0) translateY(-100px); -ms-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; opacity: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .news-block-two .inner-box:hover .image-box .link-layer { opacity: 1; -ms-transform: scaleY(1) translateY(0px); -webkit-transform: scaleY(1) translateY(0px); transform: scaleY(1) translateY(0px); } .news-block-two .image-box .link-layer .icon { position: absolute; left: 50%; top: 50%; margin: -30px 0px 0px -30px; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #ffffff; color: #139FDD; font-size: 24px; border-radius: 50%; } .news-block-two .image-box .post-date { position: absolute; left: 0; bottom: 0; width: 60px; height: 60px; padding: 6px 5px; text-align: center; line-height: 24px; background: #ffffff; font-size: 14px; font-weight: 700; text-transform: uppercase; font-family: 'Poppins', sans-serif; z-index: 1; } .news-block-two .image-box .post-date .day { display: block; color: #061138; font-size: 24px; } .news-block-two .lower-content { position: relative; padding-left: 90px; } .news-block-two .content { position: relative; padding-top: 25px; } .news-block-two .meta-info { position: relative; } .news-block-two .meta-info li { position: relative; float: left; font-size: 13px; line-height: 24px; color: #000000; text-transform: uppercase; margin-right: 40px; margin-bottom: 7px; } .news-block-two .meta-info li:before { content: ''; position: absolute; right: -23px; top: 9px; width: 6px; height: 6px; background: #d1d8e2; border-radius: 50%; } .news-block-two .meta-info li .icon { position: relative; display: inline-block; vertical-align: middle; font-size: 12px; color: #b5c0cf; padding-right: 5px; } .news-block-two .meta-info li a { position: relative; display: inline-block; vertical-align: middle; color: #000000; } .news-block-two .meta-info li a:hover { color: #139FDD; text-decoration: underline; } .news-block-two .meta-info li:last-child { margin-right: 0; } .news-block-two .meta-info li:last-child:before { display: none; } .news-block-two h5 { font-size: 20px; line-height: 1.4em; color: #061138; margin-bottom: 42px; } .news-block-two h5 a { color: #061138; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-two h5 a:hover { color: #139FDD; text-decoration: underline; } .news-block-two .author:before { content: ''; position: absolute; left: 0; top: -21px; width: 50px; border-bottom: 1px solid rgba(0,0,0,0.10); } .news-block-two .author { position: relative; line-height: 24px; padding-left: 50px; min-height: 40px; padding-top: 8px; } .news-block-two .author img { position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-radius: 50%; } .news-block-two .other-links { position: absolute; left: 0; top: 25px; width: 60px; height: 170px; line-height: 46px; border-right: 1px solid rgba(0,0,0,0.07); } .news-block-two .other-links .add-to-fav { position: relative; width: 42px; height: 42px; margin-bottom: 20px; } .news-block-two .other-links .add-to-fav a { position: relative; display: block; width: 42px; height: 42px; line-height: 40px; border: 1px solid rgba(0,0,0,0.10); font-size: 18px; text-align: center; color: rgba(0,0,0,0.50); border-radius: 50%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-two .other-links .add-to-fav a:hover { color: #ffffff; background: #139FDD; border-color: #139FDD; } .news-block-two .other-links .add-comment { position: relative; width: 42px; height: 42px; margin-bottom: 20px; } .news-block-two .other-links .add-comment a { position: relative; display: block; width: 42px; height: 42px; line-height: 40px; border: 1px solid rgba(0,0,0,0.10); font-size: 18px; text-align: center; color: rgba(0,0,0,0.50); border-radius: 50%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-two .other-links .add-comment a:hover { color: #ffffff; background: #139FDD; border-color: #139FDD; } .news-block-two .other-links .share-it { position: relative; width: 42px; height: 42px; } .news-block-two .other-links .share-it .share-btn { position: relative; display: block; width: 42px; height: 42px; line-height: 40px; border: 1px solid rgba(0,0,0,0.10); font-size: 18px; text-align: center; color: rgba(0,0,0,0.50); border-radius: 50%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-two .other-links .share-it .share-btn:hover { color: #ffffff; background: #139FDD; border-color: #139FDD; } .news-block-two .other-links .share-it .share-list { position: absolute; left: 0; bottom: 0; width: 42px; padding: 14px 6px; line-height: 21px; color: rgba(0,0,0,0.50); border: 1px solid rgba(0,0,0,0.10); background-color: #ffffff; text-align: center; border-radius: 21px; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; z-index: 1; } .news-block-two .other-links .share-it:hover .share-list { opacity: 1; visibility: visible; } .news-block-two .other-links .share-it .share-list li { position: relative; display: block; line-height: 28px; } .news-block-two .other-links .share-it .share-list li a { position: relative; display: block; line-height: 28px; color: rgba(0,0,0,0.30); } .news-block-two .other-links .share-it .share-list li a:hover { color: #139FDD; } .news-section .form-column { position: relative; margin-bottom: 50px; } .news-section .form-column .inner { position: relative; display: block; } .subscribe-form-box { position: relative; padding: 20px; /*background-image: linear-gradient(153deg, #F5515F 0%, #9F046C 95%);*/ border-radius: 10px !important; border:1px solid #b5c0cf; } .subscribe-form-box .title { text-align: center; color: #000000; font-size: 13px; text-transform: none; margin-bottom: 20px; } .subscribe-form-box .title h4 { color: #000000; font-size: 24px; margin: 0 0 7px; } .subscribe-form { position: relative; } .subscribe-form .form-group { position: relative; margin-bottom: 20px; } .subscribe-form .form-group input { font-family: 'Poppins', sans-serif; font-style: italic; padding-left: 20px !important; } .subscribe-form .theme-btn, .subscribe-form input[type="submit"] { width: 100%; text-align: center; display: block; } /*** ==================================================================== Main Footer ==================================================================== ***/ .main-footer { position: relative; background: #e5e5e5; color: #ffffff; } .main-footer .widgets-section { position: relative; padding: 25px 0px 0px; } .main-footer .footer-widget { position: relative; margin-bottom: 40px; } .main-footer .widget-title { position: relative; /*margin-bottom: 30px;*/ padding-bottom: 15px; } .main-footer .widget-title h4 { position: relative; display: inline-block; line-height: 1.3em; font-size: 20px; color: #000000; text-transform: none; font-weight: 700; margin: 0; } .main-footer .widget-title:before { content: ''; position: absolute; left: 0; bottom: 0px; width: 70px; border-bottom: 1px solid rgba(255,255,255,0.20); } .main-footer .info-widget { position: relative; } .main-footer .info-widget .logo { position: relative; margin-top: -5px; margin-bottom: 30px; } .main-footer .info-widget .logo img { height: 50px; } .main-footer .about-widget .text { position: relative; margin-bottom: 25px; } .main-footer .links-widget { margin-bottom: 10px; } .main-footer .links-widget .widget-content { position: relative; padding-left: 20px; } .main-footer .links-widget .column { position: relative; } .main-footer .links-widget .links li { position: relative; margin-bottom: 12px; line-height: 24px; font-size: 15px; color: #868da5; } .main-footer .links-widget .links li a { position: relative; display: block; color: #000000; font-size: 15px; padding-left: 20px; text-transform: capitalize; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .main-footer .links-widget .links li a:before { content: "+"; font-family: 'Poppins', sans-serif; position: absolute; left: 0; top: 0; line-height: 22px; font-size: 20px; font-weight: 400; } .main-footer .links-widget .links li a:hover { color: #000000; } .main-footer .info ul { position: relative; } .forMarina{ /*margin-top:-.7rem;*/ } .main-footer .info ul li { position: relative; line-height: 18px; color: #000000; font-size: 12px; padding-left: 25px; margin-bottom: 7px; font-weight:400; } .main-footer .info ul li .icon { position: absolute; left: 0; top: 0; width: 25px; color: #000000; font-weight: 400; } .main-footer .info ul li a { color: #000000; font-weight: 400; } .main-footer .info ul li a:hover { color: #007bff; text-decoration: underline; font-weight: 400; } .main-footer .social-links { position: relative; padding-top: 0px; } .main-footer .social-links ul { position: relative; } .main-footer .social-links li { position: relative; display: inline-block; margin: 0px 8px 0px 0px; line-height: 44px; } .main-footer .social-links li a { position: relative; display: block; width: 44px; height: 44px; line-height: 44px; /*background: #232b47;*/ background-image: linear-gradient(153deg, #3BE2BC 10%, #1B96F1 95%); color: #ffffff; font-size: 14px; text-align: center; border-radius: 50%; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .main-footer .social-links li a:hover { color: #ffffff; /*background: #139FDD;*/ background-image: linear-gradient(153deg, #3BE2BC 10%, #1B96F1 95%); } .main-footer .gallery-widget .images { position: relative; margin: 0px -5px; } .main-footer .gallery-widget .images .image { position: relative; float: left; width: 25%; display: block; margin: 0 0 10px; padding: 0px 5px; } .main-footer .gallery-widget .images img { width: 100%; } .main-footer .gallery-widget .images .lightbox-image { position: absolute; left: 13px; top: 8px; right: 13px; bottom: 8px; background: rgba(255,255,255,0.95); text-align: center; color: #139FDD; opacity: 0; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; z-index: 1; } .main-footer .gallery-widget .image:hover .lightbox-image { opacity: 1; } .main-footer .gallery-widget .images .lightbox-image .icon { position: absolute; left: 50%; top: 50%; margin: -20px 0px 0px -20px; line-height: 40px; width: 40px; height: 40px; font-size: 20px; } .main-footer .footer-bottom { position: relative; line-height: 24px; padding: 12px 0px; text-transform: capitalize; border-top: 1px solid #061138; background: #139FDD; } .main-footer .footer-bottom .inner { position: relative; display: block; } .main-footer .footer-bottom .copyright { position: relative; float: left; padding: 10px 0px; color:#ffffff; } .main-footer .footer-bottom .copyright strong { color: #ffffff; } .main-footer .footer-bottom .bottom-links { position: relative; float: right; padding: 10px 0px; } .main-footer .footer-bottom a { color: #ffffff; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .main-footer .footer-bottom a:hover { color: #000000; text-decoration: underline; } /*** ==================================================================== Footer Style Two ==================================================================== ***/ .footer-style-two { position: relative; overflow: hidden; min-height: 540px; } .footer-style-two .widgets-section { padding-top: 0; } .footer-style-two .widgets-inner { position: relative; padding: 95px 0px 0px; padding-left: 400px; } .footer-style-two .widgets-inner .shape-1 { position: absolute; right: 100%; top: 0; width: 3000px; height: 100px; background: #ffffff; z-index: 1; } .footer-style-two .widgets-inner .shape-2 { position: absolute; left: 0; top: 0; width: 340px; height: 1500px; min-height: 100%; background: #139FDD; z-index: 2; } .footer-style-two .widgets-inner .left-image { position: absolute; right: 100%; top: 100px; width: 2500px; height: 1500px; min-height: 100%; background: #061138; padding: 50px 20px; text-align: right; z-index: 1; } .footer-style-two .widgets-inner .left-image img { position: relative; display: inline-block; } .footer-style-two .footer-bottom { background: #e8ebef; } .footer-style-two .footer-bottom .inner { position: relative; padding-left: 400px; } .footer-style-two .footer-bottom .copyright, .footer-style-two .footer-bottom .copyright a, .footer-style-two .footer-bottom .bottom-links, .footer-style-two .footer-bottom .bottom-links a { color: #000000; } .footer-style-two .offer-carousel-box { position: absolute; left: 0; top: 0; width: 340px; text-align: center; z-index: 5; } .footer-style-two .offer-carousel-box .offer-block { position: relative; display: block; padding: 40px 40px 30px; background: #139FDD; color: #ffffff; } .footer-style-two .offer-carousel-box .offer-block .inner-box { position: relative; display: block; text-align: center; } .footer-style-two .offer-carousel-box .offer-block .icon-box { position: relative; display: block; font-size: 90px; line-height: 1em; margin-bottom: 20px; } .footer-style-two .offer-carousel-box .offer-block h4 { position: relative; text-transform: uppercase; margin-bottom: 20px; } .footer-style-two .offer-carousel-box .offer-block .subtitle { position: relative; text-transform: uppercase; font-size: 13px; margin-bottom: 15px; } .footer-style-two .offer-carousel-box .offer-block .offer-price { position: relative; display: block; width: 100px; height: 100px; padding-top: 15px; background: #ffffff; color: #061138; text-align: center; font-family: 'Poppins', sans-serif; border-radius: 50%; margin: 0 auto 30px; } .footer-style-two .offer-carousel-box .offer-block .offer-price .percent { display: block; font-size: 36px; line-height: 1.1em; } .footer-style-two .offer-carousel-box .offer-block .offer-price .percent em { font-size: 24px; font-style: normal; } .footer-style-two .offer-carousel-box .offer-block .offer-price .txt { display: block; line-height: 1.5em; font-size: 13px; text-transform: uppercase; } .footer-style-two .offer-carousel-box .offer-block .links-box a:hover .btn-title { background: #ffffff; color: #139FDD; } .footer-style-two .offer-carousel-box .owl-nav { display: none; } .footer-style-two .offer-carousel-box .owl-theme .owl-dots { position: relative; width: 100%; text-align: center; } .footer-style-two .offer-carousel-box .owl-theme .owl-dots .owl-dot { position: relative; display: inline-block; margin: 0px 7px; } .footer-style-two .offer-carousel-box .owl-theme .owl-dots .owl-dot span { position: relative; display: block; width: 10px; height: 10px; border: 2px solid #ffffff; background: none; border-radius: 50%; } .footer-style-two .offer-carousel-box .owl-theme .owl-dots .owl-dot.active span { background: #ffffff; } /*** ==================================================================== Booking Section ==================================================================== ***/ .booking-section { position: relative; background: #061138; color: #ffffff; padding: 0px 0px; } .booking-section .image-layer { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-position: left bottom; background-repeat: no-repeat; z-index: 2; opacity: 0.06; } .booking-section .title-col { position: relative; } .booking-section .title-col .inner { position: relative; display: block; padding: 130px 0px; } .booking-section .title-col .inner:before { content: ''; position: absolute; right: 0; top: 0; width: 2000px; height: 100%; background: #0c1740; } .booking-section .title-box h2 { position: relative; font-size: 40px; text-transform: uppercase; font-weight: 700; z-index: 3; } .booking-section .title-box h2 span { font-weight: 400; } .booking-section .title-box .subtitle { position: relative; font-size: 14px; color: #868da5; line-height: 1.6em; text-transform: uppercase; font-weight: 400; z-index: 3; } .booking-section .form-col { position: relative; } .booking-section .form-col .inner { position: relative; display: block; padding: 100px 0px 80px 30px; } .booking-section .booking-form { position: relative; z-index: 5; } .booking-section .booking-form .row { margin: 0 -8px; } .booking-section .booking-form .row .form-group { position: relative; padding: 0 8px; margin-bottom: 16px; } .booking-section .booking-form form .form-group input { background: none; border-color: rgba(255,255,255,0.20); color: #868da5; font-size: 13px; padding-left: 45px; } .booking-form .form-group .ui-selectmenu-button.ui-button { background: none; border-color: rgba(255,255,255,0.20); color: #868da5; font-size: 13px; padding-left: 45px; text-transform: uppercase; } .about-section .booking-form .form-group .ui-selectmenu-button.ui-button { background: none; border-color: #e5e5e5; color: #000000; font-size: 13px; padding-left: 25px; text-transform: uppercase; } .booking-form .form-group .ui-button .ui-icon:before { color: #868da5; font-style: normal; } .booking-section .booking-form form ::-webkit-input-placeholder { color: #868da5; text-transform: uppercase; } .booking-section .booking-form form ::-moz-input-placeholder { color: #868da5; text-transform: uppercase; } .booking-section .booking-form form ::-ms-input-placeholder { color: #868da5; text-transform: uppercase; } .booking-section .booking-form .theme-btn, .booking-section .booking-form input[type="submit"] { width: 100%; text-align: center; display: block; margin-top: 10px; } .booking-section .booking-form .range-box { position: relative; padding-top: 12px; } .booking-section .booking-form .range-box .range-info { position: relative; padding-bottom: 15px; } .booking-section .booking-form .form-group .range-box label { position: relative; display: block; float: left; color: #000000; font-size: 13px; font-weight: 400; line-height: 30px; text-align: left; text-transform: uppercase; margin: 0; } .booking-section .booking-form .form-group .range-box input { position: relative; padding: 0; font-size: 13px; line-height: 30px; height: 30px; float: right; background: none; border: none; color: #868da5; width: auto; min-width: 0; text-align: right; } .booking-section .booking-form .ui-widget.ui-widget-content { background: rgba(255,255,255,0.2); border: none; height: 2px; } .booking-section .booking-form .ui-slider-horizontal .ui-slider-range { background: #139FDD; } .booking-section .booking-form .ui-slider-horizontal .ui-slider-handle { top: -8px; height: 16px; width: 16px; background: #ffffff; border: 2px solid #139FDD; border-radius: 50%; cursor: pointer; } .booking-section .booking-form .form-group .field-icon { position: absolute; left: 25px; top: 11px; line-height: 28px; color: #868da5; display: block; font-size: 16px; } /*** ==================================================================== Featured Service Section ==================================================================== ***/ .featured-services { position: relative; padding: 90px 0px 70px; background: #ffffff; } .featured-services .image-layer { position: absolute; left: 0; top: 0; bottom: 40px; width: 100%; background-position: center bottom; background-repeat: no-repeat; } .featured-service-block { position: relative; margin-bottom: 30px; } .featured-service-block .inner-box { position: relative; display: block; padding: 40px 20px 50px; background: #ffffff; text-align: center; } .featured-service-block .inner-box:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; display: block; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.08); background: #ffffff; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .featured-service-block .inner-box:hover:before { top: -15px; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15); } .featured-service-block .icon-box { position: relative; top: 0; display: block; line-height: 1em; font-size: 64px; color: #139FDD; margin-bottom: 20px; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .featured-service-block .inner-box:hover .icon-box { top: -10px; -ms-transform: scale(1.07); -webkit-transform: scale(1.07); transform: scale(1.07); } .featured-service-block .content-box { position: relative; display: block; padding: 40px 0px; height: 180px; margin-bottom: 20px; } .featured-service-block .content-box:before { content: ''; position: absolute; left: 50%; top: 0px; bottom: 0px; border-left: 1px solid rgba(0,0,0,0.10); } .featured-service-block .title-box { position: absolute; left: 0; top: 40px; width: 100%; height: 100px; background: #ffffff; padding: 10px 10px; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .featured-service-block .inner-box:hover .title-box { opacity: 0; -ms-transform: scale(0.90); -webkit-transform: scale(0.90); transform: scale(0.90); } .featured-service-block .title-box h4 { color: #061138; line-height: 36px; margin: 0 0 5px; } .featured-service-block .title-box .subtitle { position: relative; color: #000000; font-size: 13px; text-transform: uppercase; line-height: 24px; } .featured-service-block .text { position: absolute; left: 0; top: 35px; width: 100%; height: 100px; color: #868da5; font-size: 15px; background: #ffffff; padding: 10px 20px; line-height: 26px; opacity: 0; -ms-transform: scale(0.90); -webkit-transform: scale(0.90); transform: scale(0.90); transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .featured-service-block .inner-box:hover .text { opacity: 1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } /*** ==================================================================== Yacht Rental Section ==================================================================== ***/ .yacht-rental-section { position: relative; background: #061138; padding: 90px 0px; } .yacht-rental-section .title-row { position: relative; padding-bottom: 20px; } .yacht-rental-section .title-row .sec-title-two { position: relative; float: left; margin-bottom: 30px; } .yacht-rental-section .title-row .filter-box { position: relative; float: right; padding-top: 50px; width: 270px; margin-bottom: 30px; } .selectable-list { position: relative; display: block; width: 100%; font-family: 'Poppins', sans-serif; } .selectable-list .dropdown-outer { position: relative; } .selectable-list .btn-box { position: relative; display: block; width: 100%; line-height: 30px; font-weight: 500; font-size: 13px; font-size: 15px; text-transform: capitalize; font-style: italic; padding: 10px 25px; background: none; border: 1px solid rgba(255,255,255,0.20); color: rgba(255,255,255,0.70); border-radius: 2px; } .selectable-list .btn-box:before { content: "\f107"; font-family: 'Font Awesome 5 Free'; position: absolute; right: 25px; top: 10px; height: 30px; display: block; color: rgba(255,255,255,0.70); line-height: 30px; font-size: 16px; font-style: normal; font-weight: 800; z-index: 5; } .selectable-list .dropdown-menu { width: 100%; padding: 0px 0px; margin: 0px; background: #ffffff; border-radius: 0px 0px 5px 5px; border-top: none; border: 1px solid rgba(0,0,0,0.10); } .selectable-list .dropdown-menu li { position: relative; display: block; font-size: 15px; text-transform: capitalize; font-style: italic; line-height: 24px; color: #2c2c2c; padding: 12px 25px; border-bottom: 1px solid rgba(0,0,0,0.10); cursor: pointer; } .selectable-list .dropdown-menu li:last-child { border: none; } .selectable-list .dropdown-menu li:hover { color: #139FDD; } .rental-block { position: relative; margin-bottom: 30px; } .rental-block.mix { margin-bottom: 50px; } .rental-block .inner-box { position: relative; display: block; background: #ffffff; } .rental-block .image-box { /* position: relative; display: block; top: 0;*/ overflow: hidden; /* transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;*/ } .rental-block .inner-box:hover .image-box { top: -38px; } img { position: relative; display: block; width: 100%; } .rental-block .price-box { position: absolute; right: 0; top: 20px; right:10px; width: 160px; padding: 5px 15px 7px; font-size: 12px; text-transform: uppercase; color: #ffffff; line-height: 24px; background: #1a1838; text-align: center; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; z-index: 2; } .rental-block .inner-box:hover .price-box { right: 20px; background: #139FDD; } .rental-block .price-box .price { position: relative; display: block; font-size: 18px; font-style: italic; font-family: 'Poppins', sans-serif; padding-bottom: 5px; line-height: 30px; margin-bottom: 3px; border-bottom: 1px solid rgba(255,255,255,0.30); } .rental-block .title-box .more-link-box { position: absolute; left: 0; margin-bottom: -36px; bottom: 100%; width: 100%; visibility: hidden; opacity: 0; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; z-index: 2; } .rental-block .inner-box:hover .title-box .more-link-box { visibility: visible; opacity: 1; margin-bottom: 0px; } .rental-block .title-box .more-link-box a { display: block; width: 100%; padding: 7px 15px; line-height: 24px; text-transform: uppercase; text-align: center; background: #139FDD; color: #ffffff; font-size: 13px; font-weight: 600; } .rental-block .title-box { position: relative; display: block; padding: 22px 20px 20px; text-align: center; } .rental-block .title-box:before { content: ''; position: absolute; left: 20px; right: 20px; top: -5px; border-bottom: 5px solid #139FDD; z-index: 1; display: none; transition: all 0.7s ease; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; } .rental-block .inner-box:hover .title-box:before { opacity: 0; transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .rental-block .title-box h4 { position: relative; margin-bottom: 7px; color: #061138; text-transform: capitalize; } .rental-block .title-box h4 a { color: #061138; } .rental-block .title-box h4 a:hover { color: #139FDD; } .rental-block .title-box .info { position: relative; font-size: 13px; text-transform: uppercase; } .rental-block .meta-info { position: relative; } .rental-block .meta-info ul { position: relative; width: 100%; padding: 0px 0px; border-top: 1px solid rgba(0,0,0,0.10); border-bottom: 1px solid rgba(0,0,0,0.10); } .rental-block .meta-info li { position: relative; float: left; display: block; width: 50%; padding: 12px 20px; text-align: right; font-size: 13px; line-height: 24px; color: #868da5; text-transform: uppercase; border-right: 1px solid rgba(0,0,0,0.10); } .rental-block .meta-info li .icon { position: relative; display: inline-block; vertical-align: middle; font-size: 14px; color: #000000; padding-right: 5px; } .rental-block .meta-info li a { position: relative; display: inline-block; vertical-align: middle; color: #000000; } .rental-block .meta-info li a:hover, .rental-block .meta-info li a:hover .icon { color: #139FDD; } .rental-block .meta-info li:last-child { border: none; text-align: left; } .yacht-rental-section .bottom-text { position: relative; padding-top: 20px; text-align: center; font-size: 20px; line-height: 1.5em; font-style: italic; text-transform: capitalize; color: #ffffff; font-family: 'Poppins', sans-serif; } .yacht-rental-section .bottom-text a { color: #139FDD; } .yacht-rental-section .bottom-text a:hover { text-decoration: underline; } /*** ==================================================================== Destinations Section ==================================================================== ***/ .destinations-section { position: relative; padding: 90px 0px; } .destinations-section .filter-box { position: relative; width: 100%; max-width: 580px; margin: 0 auto 50px; } .destinations-section .filter-box .form-group { margin: 0; } .destinations-section .filter-box .ui-selectmenu-button.ui-button { background: none; border: none; border-bottom: 1px solid rgba(0,0,0,0.10); color: #000000; font-size: 13px; padding: 0 0 10px; height: 41px; line-height: 30px; text-transform: uppercase; } .destinations-section .filter-box .ui-button .ui-icon:before { color: #000000; font-style: normal; } .destination-block { position: relative; margin-bottom: 30px; } .destination-block .inner-box { position: relative; display: block; background: #ffffff; } .destination-block .image-box { position: relative; display: block; top: 0; overflow: hidden; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .destination-block .image-box img { position: relative; display: block; width: 100%; } .destination-block .caption-box { position: absolute; left: 0; bottom: 30px; width: 100%; padding: 0px 20px; font-size: 13px; text-transform: uppercase; color: #ffffff; line-height: 24px; text-align: center; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .destination-block .inner-box:hover .caption-box { opacity: 0; visibility: hidden; } .destination-block .caption-box .title { position: relative; display: block; padding-bottom: 5px; } .destination-block .caption-box .count { position: absolute; left: 0; bottom: 0; width: 100%; display: block; font-size: 72px; line-height: 1em; font-weight: 700; font-family: 'Poppins', sans-serif; opacity: 0.12; } .destination-block .hover-box { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; padding: 20px 30px; font-size: 13px; text-transform: uppercase; color: #ffffff; line-height: 24px; text-align: center; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; opacity: 0; visibility: hidden; } .destination-block .inner-box:hover .hover-box { opacity: 1; visibility: visible; } .destination-block .hover-box:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6,17,56,0.90); } .destination-block .hover-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: table; vertical-align: bottom; padding: 0px 0px; } .destination-block .hover-content { position: relative; width: 100%; display: table-cell; vertical-align: bottom; padding: 30px 40px; } .destination-block .hover-content .icon-box { position: relative; display: block; margin: 0 0 20px; line-height: 1em; font-size: 120px; } .destination-block .hover-content h5 { position: relative; display: block; margin: 0 0; text-transform: uppercase; } .destination-block .hover-content .link-box { position: relative; padding-top: 70px; } .destination-block .hover-content .link-box:before { content: ''; position: absolute; left: 50%; top: 15px; height: 40px; border-left: 1px solid rgba(255,255,255,0.30); } .destination-block .hover-content .link-box .theme-btn { display: block; } .destination-block .hover-content .link-box .theme-btn .btn-title { display: block; padding-left: 20px; padding-right: 20px; } .destination-block .title-box { position: relative; display: block; padding: 15px 20px; text-align: center; } .destination-block .title-box h4 { position: relative; margin-bottom: 0; color: #061138; text-transform: capitalize; } .destination-block .title-box h4 a { color: #061138; } .destination-block .title-box h4 a:hover { color: #139FDD; } .destination-block .meta-info { position: relative; } .destination-block .meta-info ul { position: relative; width: 100%; padding: 0px 0px; border-top: 1px solid rgba(0,0,0,0.10); border-bottom: 1px solid rgba(0,0,0,0.10); } .destination-block .meta-info li { position: relative; float: left; display: block; width: 50%; padding: 12px 20px; text-align: right; font-size: 13px; line-height: 24px; color: #868da5; text-transform: uppercase; border-right: 1px solid rgba(0,0,0,0.10); } .destination-block .meta-info li .icon { position: relative; display: inline-block; vertical-align: middle; font-size: 14px; color: #000000; padding-right: 5px; } .destination-block .meta-info li a { position: relative; display: inline-block; vertical-align: middle; color: #000000; } .destination-block .meta-info li a:hover { color: #139FDD; text-decoration: underline; } .destination-block .meta-info li:last-child { border: none; text-align: left; } .destinations-section .see-all { position: relative; display: block; text-align: center; padding-top: 10px; } /*** ==================================================================== About Section Two ==================================================================== ***/ .about-section-two { position: relative; padding: 0px 0px; background: #ffffff; } .about-section-two .image-box-left { position: absolute; left: 0; top: 0; width: 50%; height: 100%; } .about-section-two .image-box-left .image-layer { position: absolute; left: 0; right: 320px; top: -50px; bottom: 0; background-repeat: no-repeat; background-position: top right; } .about-section-two .image-box-right { position: absolute; right: 0; top: 0; width: 50%; height: 100%; } .about-section-two .image-box-right .image-layer { position: absolute; left: -200px; right: 0px; top: 0; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .about-section-two .image-box-right .image-layer:before { content: ''; position: absolute; left: 0px; top: 0; width: 100%; height: 100%; background: #f0f3f7; opacity: 0.92; } .about-section-two .content-outer { position: relative; display: block; margin: 0px 0px 0px 400px; padding-left: 200px; } .about-section-two .content-inner { position: relative; display: block; padding: 80px 0px 100px; min-height: 380px; } .about-section-two .content-box { position: relative; display: block; padding: 60px 50px; background: #ffffff; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.10); } .about-section-two .content-inner .video-link { position: absolute; right: 100%; margin-right: 70px; bottom: 100px; display: block; width: 280px; } .about-section-two .content-inner .video-link .video-thumb { position: relative; left: 0; top: 0; width: 100%; height: 200px; overflow: hidden; } .about-section-two .content-inner .video-link .video-thumb img { display: block; width: 100%; height: auto; } .about-section-two .content-inner .video-link .icon { position: absolute; left: 50%; top: 50%; margin: -35px 0px 0px -35px; width: 70px; height: 70px; line-height: 70px; text-align: center; color: #061138; font-size: 24px; background: #ffffff; border-radius: 50%; } .about-section-two .content-inner .video-link .overlink { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; color: #ffffff; background: rgba(0,0,0,0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .about-section-two .content-inner .video-link .overlink:hover { background: rgba(0,0,0,0.50); } .about-section-two .content-box .sec-title-two { margin-bottom: 35px; } .about-section-two .content-box h4 { margin-bottom: 25px; color: #061138; } .about-section-two .content-box .text { margin-bottom: 40px; } .about-section-two .content-box .lower-row { position: relative; } .about-section-two .content-box .lower-row .link-box { position: relative; float: left; } .about-section-two .content-box .lower-row .info { position: relative; float: right; text-align: right; padding-right: 15px; } .about-section-two .content-box .lower-row .info:before { content: ''; position: absolute; right: 0px; top: 6px; bottom: 4px; border-right: 2px solid #139FDD; } .about-section-two .content-box .lower-row .name { position: relative; display: block; font-family: 'Poppins', sans-serif; font-size: 20px; text-transform: capitalize; color: #061138; line-height: 1.5em; } .about-section-two .content-box .lower-row .designation { position: relative; font-size: 13px; text-transform: uppercase; color: #000000; line-height: 1.7em; } /*** ==================================================================== Testimonials Section Two ==================================================================== ***/ .testimonials-section-two { position: relative; padding: 90px 0px; z-index: 1; } .testimonials-section-two .carousel-box { position: relative; } .testimonials-section-two .carousel-box .owl-stage-outer { overflow: visible; } .testimonials-section-two .carousel-box .testimonial-block { opacity: 0; visibility: hidden; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } .testimonials-section-two .carousel-box .active .testimonial-block { opacity: 1; visibility: visible; } .testimonials-section-two .carousel-box .testimonial-block .inner-box { -ms-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.10); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.10); } .testimonials-section-two .owl-theme .owl-dots { position: relative; width: 100%; padding-top: 40px; text-align: center; } .testimonials-section-two .owl-theme .owl-dots .owl-dot { position: relative; display: inline-block; margin: 0px 7px; } .testimonials-section-two .owl-theme .owl-dots .owl-dot span { position: relative; display: block; width: 9px; height: 9px; background: #cfd6e0; border-radius: 50%; } .testimonials-section-two .owl-theme .owl-dots .owl-dot.active span { background: #139FDD; -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .testimonials-section-two .owl-theme .owl-nav { display: none; } /*** ==================================================================== Fluid Section ==================================================================== ***/ .fluid-section { position: relative; padding: 0px 0px; background: #646464; color: #ffffff; overflow: hidden; } .fluid-section .image-layer { position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; } .fluid-section .image-layer:before { content: ''; position: absolute; right: 165px; top: 0; width: 110%; height: 100%; background: #000936; opacity: 0.80; -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg); } .fluid-section .image-layer.right-layer { left: auto; right: 0; } .fluid-section .image-layer.right-layer:before { right: auto; left: 165px; -ms-transform: skewX(45deg); -webkit-transform: skewX(45deg); transform: skewX(45deg); } .fluid-section .shapes { position: absolute; left: 50%; margin-left: -360px; top: 0; width: 700px; } .fluid-section .shapes .shape { position: absolute; left: 30px; top: 0; border: 180px solid transparent; border-top: 180px solid #139FDD; opacity: 0.80; } .fluid-section .shapes .shape.two { position: absolute; left: auto; right: 10px; top: 0; border: 180px solid transparent; border-top: 180px solid #139FDD; opacity: 0.80; } .fluid-section .shapes:before { content: ''; position: absolute; left: 50%; margin-left: -20px; top: 0; border: 30px solid transparent; border-top: 30px solid #ffffff; z-index: 1; } .fluid-section .column { position: relative; float: left; width: 50%; } .fluid-section .left-column { position: relative; } .fluid-section .right-column { position: relative; } .fluid-section .column .inner { position: relative; display: block; width: 100%; max-width: 750px; } .fluid-section .left-column .inner { float: right; padding-right: 200px; } .fluid-section .right-column .inner { float: left; padding-right: 0px; padding-left: 200px; } .fluid-section .column .content { position: relative; display: block; padding: 90px 20px; text-align: center; } .about-section-two .image-box-left { position: absolute; left: 0; top: 0; width: 50%; height: 100%; } .fluid-section .column .image-layer { width: 100%; display: none; } .fluid-section .column .subtitle { font-size: 13px; text-transform: uppercase; color: #ffffff; margin-bottom: 5px; } .fluid-section .column h2 { font-size: 36px; text-transform: uppercase; color: #ffffff; margin-bottom: 30px; } /*** ==================================================================== Destinations Section ==================================================================== ***/ .destinations-two { position: relative; padding: 120px 0px 50px; } .destinations-two.alternate { position: relative; padding: 90px 0px 70px; } .destinations-two .map-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; } .destinations-two .sec-title { margin-bottom: 40px; } .destinations-two .destinations-box { position: relative; display: block; margin: 0px -15px; margin-bottom: 90px; } .destinations-two .destinations-box .outer-box { position: relative; display: table; width: 100%; vertical-align: middle; } .destination-block-two { position: relative; margin-bottom: 30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .destinations-two .destinations-box .outer-box .destination-block-two { position: relative; display: table-cell; width: 20%; padding: 0px 15px; vertical-align: top; margin-bottom: 0; } .destinations-two .destinations-box .outer-box:hover .destination-block-two { width: 17%; } .destinations-two .destinations-box .outer-box .destination-block-two:hover { width: 32%; } .destination-block-two .inner-box { position: relative; display: block; background: #061138; height: 360px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .destination-block-two:hover .inner-box { box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.50); } .destination-block-two .image-box { position: relative; display: block; top: 0; overflow: hidden; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .destination-block-two .image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .destination-block-two .image-box .image { position: relative; display: none; } .destination-block-two .image-box img { position: relative; display: block; width: 100%; } .destination-block-two .caption-box { position: absolute; left: 0; bottom: 30px; width: 100%; padding: 0px 20px; font-size: 13px; text-transform: uppercase; color: #ffffff; line-height: 24px; text-align: center; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; z-index: 1; } .destination-block-two:hover .inner-box .caption-box { opacity: 0; visibility: hidden; } .destination-block-two .caption-box .title { position: relative; display: block; font-weight: 700; text-transform: capitalize; padding-bottom: 0px; } .destination-block-two .hover-box { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; padding: 20px 30px; font-size: 13px; text-transform: uppercase; color: #ffffff; line-height: 24px; text-align: center; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; opacity: 0; visibility: hidden; z-index: 2; } .destination-block-two:hover .inner-box .hover-box { opacity: 1; visibility: visible; } .destination-block-two .hover-box:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6,123,103,0.50); background: -webkit-linear-gradient(bottom,rgba(6,123,103,0.50),rgba(0,0,0,0.0)); } .destination-block-two .hover-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: table; vertical-align: bottom; padding: 0px 0px; transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; visibility: hidden; } .destination-block-two:hover .hover-inner { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; -webkit-transition: all 500ms ease 300ms; -ms-transition: all 500ms ease 300ms; -moz-transition: all 500ms ease 300ms; -o-transition: all 500ms ease 300ms; transition: all 500ms ease 300ms; } .destination-block-two .hover-content { position: relative; width: 100%; display: table-cell; vertical-align: bottom; padding: 30px 15px; } .destination-block-two .hover-content .tour-info { position: relative; display: block; margin: 0 0 10px; line-height: 1.5em; font-size: 13px; text-transform: uppercase; } .destination-block-two .hover-content h4 { position: relative; display: block; margin: 0 0; font-weight: 700; text-transform: capitalize; } .destination-block-two .hover-content .link-box { position: relative; padding-top: 20px; } .destination-block-two .hover-content .link-box:before { content: ''; position: absolute; left: 50%; top: 15px; height: 40px; border-left: 1px solid rgba(255,255,255,0.30); } .destination-block-two .hover-content .link-box .theme-btn { display: block; max-width: 240px; margin: 0 auto; } .destination-block-two .hover-content .link-box .theme-btn .btn-title { display: block; font-size: 13px; text-transform: uppercase; padding-left: 15px; padding-right: 15px; } .popular-packages { position: relative; } .popular-packages .title-row { position: relative; padding-bottom: 20px; } .popular-packages .title-row .sec-title { position: relative; float: left; margin-bottom: 20px; } .popular-packages .title-row .link-box { position: relative; float: right; padding-top: 40px; margin-bottom: 30px; } .popular-packages .packages-box { position: relative; } .package-block { position: relative; margin-bottom: 40px; } .package-block .inner-box { position: relative; display: block; margin: 0 auto; background: #ffffff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.12); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .package-block .inner-box:hover { box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15); } .package-block .image-box { position: relative; display: block; width: 100%; overflow: hidden; } .package-block .image-box .offer-info { position: absolute; left: 0; top: 0; width: 120px; line-height: 20px; padding: 5px 10px; text-align: center; background: #be1935; font-size: 13px; text-transform: uppercase; font-weight: 600; color: #ffffff; -ms-transform: rotate(-45deg) translate(-31px,-22px); -webkit-transform: rotate(-45deg) translate(-31px,-22px); transform: rotate(-45deg) translate(-31px,-22px); z-index: 3; } .package-block .hover-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6,17,56,0.90); color: #ffffff; z-index: 1; opacity: 0; visibility: hidden; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } #lakeRules { margin-top: 8rem; width: 100%; } .package-block:hover .hover-box { opacity: 1; visibility: visible; } .package-block .hover-box .hover-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #ffffff; } .package-block .hover-box .hover-link a { position: absolute; left: 0; top: 50%; margin-top: -10px; text-align: center; width: 100%; color: #ffffff; } .package-block .hover-box .hover-link a:hover { color: #139FDD; } .package-block .hover-box .weather { position: absolute; right: 15px; top: 10px; color: #ffffff; line-height: 24px; font-size: 16px; font-weight: 500; text-transform: uppercase; } .package-block .hover-box .weather sup { position: relative; font-size: 8px; margin-top: -2px; padding-left: 2px; } .package-block .hover-box .weather .icon { position: relative; padding-right: 5px; font-size: 18px; color: #139FDD; } .package-block .image-box img { display: block; width: 100%; } .package-block .content-box { position: relative; padding: 30px 30px; } .package-block .content-box .package-title { position: relative; font-size: 16px; color: #061138; font-weight: 600; text-transform: uppercase; line-height: 1.35em; margin-bottom: 10px; } .package-block .content-box .package-title a { color: #061138; } .package-block .content-box .package-title a:hover { color: #139FDD; } .package-block .ratings { position: relative; margin-bottom: 16px; } .package-block .ratings .rate-text { position: relative; float: left; color: #000000; line-height: 24px; font-size: 12px; text-transform: uppercase; font-weight: 400; } .package-block .ratings .rate-text strong { position: relative; font-size: 14px; font-weight: 400; } .package-block .ratings .rate-text a { color: #000000; font-size: 12px; text-transform: uppercase; } .package-block .ratings .rate { position: relative; float: left; color: #139FDD; font-size: 12px; line-height: 24px; margin-right: 5px; } .package-block .ratings .rate .empty-star { color: #b5c0cf; } .package-block .info { position: relative; } .package-block .info li { position: relative; float: left; font-size: 14px; line-height: 24px; margin-right: 31px; } .package-block .info li:after { content: ''; position: absolute; right: -16px; top: 5px; height: 14px; border-right: 1px solid rgba(0,0,0,0.15); } .package-block .info li:last-child { margin-right: 0; } .package-block .info li:last-child:after { display: none; } .package-block .info li a { color: #000000; } .package-block .info li .icon { position: relative; display: inline-block; vertical-align: middle; padding-right: 5px; color: #139FDD; } .package-block .links-box { position: relative; margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(0,0,0,0.10); } .package-block .links-box .pricing { position: relative; float: left; font-size: 12px; } .package-block .links-box .price-title { display: block; text-transform: uppercase; } .package-block .links-box .unit { display: block; color: #061138; font-family: 'Poppins', sans-serif; font-style: italic; text-transform: uppercase; font-weight: 500; } .package-block .links-box .unit span { font-size: 20px; color: #061138; } .package-block .links-box .link { position: relative; float: right; } .package-block .info-btn-box { position: relative; padding-top: 5px; z-index: 3; } .package-block .info-btn-box .info-btn { position: relative; display: block; font-size: 22px; line-height: 30px; color: #85909e; font-weight: 600; padding: 10px 0px 4px; text-transform: uppercase; background: none; border: 1px solid rgba(0,0,0,0.0); opacity: 0.50; border-radius: 0px; z-index: 1; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; cursor: pointer; } .package-block .info-btn-box .info-btn:hover { color: #139FDD; opacity: 1; } .package-block .info-btn-box .info-panel { position: absolute; right: -15px; bottom: 80%; margin-bottom: 0px; width: 240px; opacity: 0; visibility: hidden; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.12); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .package-block .info-btn-box:hover .info-panel { bottom: 100%; opacity: 1; visibility: visible; } .package-block .info-btn-box .info-panel:before { content: ''; position: absolute; right: 15px; bottom: -8px; width: 20px; height: 20px; background: #ffffff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.12); z-index: 0; } .package-block .info-btn-box .panel-inner { position: relative; display: block; padding: 22px 20px 15px; background: #ffffff; z-index: 1; } .package-block .info-btn-box .panel-title { display: block; font-size: 13px; font-weight: 600; color: #061038; text-transform: uppercase; margin-bottom: 7px; } .package-block .info-btn-box .panel-list { display: block; font-size: 14px; } .package-block .info-btn-box .panel-list li { position: relative; padding-left: 12px; line-height: 24px; margin-bottom: 5px; } .package-block .info-btn-box .panel-list li:before { content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background: #139FDD; } .more-destinations { position: relative; display: block; } .more-destinations .inner-container { position: relative; display: block; padding-left: 300px; min-height: 120px; } .more-destinations .left-title-box { position: absolute; left: 0; top: 0; width: 270px; bottom: 30px; min-height: 120px; text-align: center; } .more-destinations .left-title-box .image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .more-destinations .left-title-box .title { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -40px; } .more-destinations .left-title-box h3 { position: relative; display: block; text-transform: uppercase; color: #ffffff; margin: 0; line-height: 1.4em; font-weight: 700; } .destination-block-four { position: relative; margin-bottom: 30px; } .destination-block-four .inner-box { position: relative; display: block; margin: 0 auto; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .destination-block-four .image-box { position: relative; display: block; width: 100%; overflow: hidden; } .destination-block-four .hover-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6,17,56,0.90); color: #ffffff; z-index: 1; opacity: 0; visibility: hidden; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .destination-block-four:hover .hover-box { opacity: 1; visibility: visible; } .destination-block-four .hover-box .hover-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #ffffff; } .destination-block-four .hover-box .hover-link a { position: absolute; left: 0; top: 50%; margin-top: -10px; text-align: center; width: 100%; color: #ffffff; } .destination-block-four .hover-box .hover-link a:hover { color: #139FDD; } .destination-block-four .image-box img { display: block; width: 100%; } .destination-block-four .lower-box { position: relative; padding: 15px 0px 0px; } .destination-block-four .lower-box .tour-count { position: relative; color: #000000; font-size: 13px; text-transform: uppercase; margin: 0 0; } .destination-block-four .lower-box h4 { font-size: 20px; text-transform: capitalize; color: #061138; padding-left: 15px; margin: 0; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .destination-block-four .inner-box:hover .lower-box h4 { margin-left: 30px; } .destination-block-four .lower-box h4:before { content: ''; position: absolute; left: 2px; top: 10px; border: 4px solid transparent; background: #139FDD; -ms-transform: scale(0.8); transform: scale(0.8); } .destination-block-four .lower-box h4:after { content: ''; position: absolute; right: 100%; top: 14px; width: 0px; border-bottom: 1px solid #139FDD; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .destination-block-four .inner-box:hover .lower-box h4:after { width: 30px; } .destination-block-four .lower-box h4 a { color: #061138; } .destination-block-four .lower-box h4 a:hover { color: #139FDD; } /*** ==================================================================== Featured Services Two ==================================================================== ***/ .featured-services-two { position: relative; padding: 90px 0px; background: #030c2e; color: #ffffff; } .featured-services-two .sec-title-two { margin-bottom: 40px; } .featured-services-two .image-layer { position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0.08; background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } .featured-service-block-two { position: relative; margin-bottom: 10px; } .featured-service-block-two .inner-box { position: relative; display: block; padding: 0px 20px; background: none; text-align: center; } .featured-service-block-two .inner-box:hover .inner-box { padding: 0px 20px; } .featured-service-block-two .icon-box { position: relative; top: 0; display: block; line-height: 1em; font-size: 64px; color: #139FDD; margin-bottom: 20px; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .featured-service-block-two .content-box { position: relative; display: block; padding: 0px 0px 55px; } .featured-service-block-two .content-box:before { content: ''; position: absolute; left: 50%; bottom: 10px; height: 35px; border-left: 1px solid rgba(255,255,255,0.25); } .featured-service-block-two .title-box { position: relative; left: 0; top: 0; width: 100%; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .featured-service-block-two .title-box h4 { color: #ffffff; line-height: 32px; margin: 0 0; } .featured-service-block-two .text { position: relative; width: 100%; color: #868da5; font-size: 15px; padding: 0 20px; line-height: 26px; height: 0px; opacity: 0; visibility: hidden; -ms-transform: scaleY(0); transform: scaleY(0); transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .featured-service-block-two .text:before { content: ''; position: absolute; left: 50%; top: 10px; height: 35px; border-left: 1px solid rgba(255,255,255,0.25); } .featured-service-block-two .inner-box:hover .text { height: 132px; padding-top: 55px; opacity: 1; visibility: visible; -ms-transform: scaleY(1); transform: scaleY(1); } .featured-service-block-two .link-box { position: relative; display: block; } .featured-service-block-two.active-block .link-box { padding-top: 5px; } .featured-service-block-two .link-box a { position: relative; display: block; max-width: 200px; margin: 0 auto; } .featured-service-block-two .link-box a.link { position: relative; top: 0; display: inline-block; line-height: 28px; padding: 0; color: #f5f6f7; text-transform: uppercase; font-weight: 600; font-size: 13px; border: 2px solid transparent; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .featured-service-block-two .inner-box:hover .link-box a.link { border-color: #ffffff; padding: 10px 45px; top: 5px; } .featured-service-block-two .inner-box:hover .link-box a.link:hover { background: #139FDD; border-color: #139FDD; color: #ffffff; } /*** ==================================================================== Top Destinations ==================================================================== ***/ .top-destinations { position: relative; padding: 100px 0px 60px; } .attraction-block { position: relative; margin-bottom: 40px; } .attraction-block .sec-title { margin-bottom: 0; } .attraction-block .sec-title h2 { font-size: 36px; } .attraction-block .inner-box { position: relative; display: block; border: 1px solid rgba(0,0,0,0.10); background: #ffffff; } .attraction-block .image-box { position: relative; display: block; } .attraction-block .image-box img { position: relative; display: block; width: 100%; } .attraction-block .lower-box { position: relative; display: block; padding: 40px 40px; } .destination-block-three { position: relative; margin-bottom: 40px; } .destination-block-three .inner-box { position: relative; display: block; } .destination-block-three .image-box { position: relative; display: block; } .destination-block-three .image-box img { position: relative; display: block; width: 100%; } .destination-block-three .caption-box { position: absolute; left: 0; bottom: -35px; width: 100%; display: block; padding: 0px 20px; z-index: 2; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .destination-block-three:hover .caption-box { bottom: 20px; } .destination-block-three .caption-box .inner { position: relative; display: block; padding: 16px 20px; background: #ffffff; } .destination-block-three .caption-box .price { position: absolute; right: 0; bottom: 100%; display: block; padding: 4px 16px; background: #139FDD; color: #ffffff; font-size: 18px; font-weight: 700; font-style: italic; font-family: 'Poppins', sans-serif; } .destination-block-three .caption-box .title { position: relative; display: block; font-size: 14px; color: #061138; font-weight: 600; text-transform: uppercase; } .destination-block-three .caption-box .title a { color: #061138; } .destination-block-three .caption-box .info { position: relative; display: block; font-size: 14px; color: #000000; font-weight: 500; line-height: 24px; text-transform: capitalize; } .destination-block-three .caption-box .info .icon { position: relative; top: -1px; font-size: 15px; color: #139FDD; font-weight: 400; padding-right: 5px; vertical-align: middle; } .destination-block-three .hover-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6,17,56,0.90); color: #ffffff; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; opacity: 0; visibility: hidden; } .destination-block-three:hover .hover-box { opacity: 1; visibility: visible; } .destination-block-three .hover-box .ratings { position: absolute; right: 20px; top: 15px; text-align: right; } .destination-block-three .hover-box .ratings .rate-text { position: relative; color: #ffffff; line-height: 24px; font-weight: 400; margin-bottom: 3px; } .destination-block-three .hover-box .ratings .rate-text strong { position: relative; font-size: 14px; font-weight: 400; } .destination-block-three .hover-box .ratings .rate-text a { color: #ffffff; font-size: 12px; text-transform: uppercase; } .destination-block-three .hover-box .ratings .rate { color: #139FDD; font-size: 12px; line-height: 24px; letter-spacing: 1px; } .destination-block-three .hover-box .ratings .rate .empty-star { color: #b5c0cf; } /*** ==================================================================== Facts Section ==================================================================== ***/ .facts-section { position: relative; padding: 100px 0px; background: #061138; color: #ffffff; } .facts-section .image-layer { position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0.10; background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } .facts-section .facts-carousel { position: relative; } .facts-section .facts-box { position: relative; text-align: center; } .facts-section .facts-box .inner { position: relative; display: block; max-width: 780px; margin: 0 auto; } .facts-section .facts-box .video-link { position: relative; display: block; text-align: center; margin-bottom: 60px; } .facts-section .facts-box .video-link a { position: relative; display: inline-block; width: 120px; height: 120px; border: 2px solid #139FDD; padding: 13px 13px; border-radius: 50%; } .facts-section .facts-box .video-link a:hover { border-color: #ffffff; } .facts-section .facts-box .video-link a .icon { position: relative; display: block; line-height: 90px; padding-left: 5px; color: #ffffff; background: #139FDD; font-size: 36px; border-radius: 50%; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .facts-section .facts-box .video-link a:hover .icon { color: #139FDD; background: #ffffff; } .facts-section .facts-box .subtitle { position: relative; display: block; text-transform: uppercase; font-weight: 600; font-size: 14px; color: #139FDD; margin-bottom: 15px; } .facts-section .facts-box .title { position: relative; display: block; text-transform: uppercase; font-weight: 700; color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 72px; line-height: 1em; margin-bottom: 5px; } .facts-section .facts-box .count { position: relative; display: block; font-weight: 700; color: #139FDD; font-family: 'Poppins', sans-serif; font-size: 72px; line-height: 1.3em; } .facts-section .facts-box .count sup { font-size: 40px; padding-left: 3px; } .facts-section .owl-theme .owl-nav { display: none; } .facts-section .owl-theme .owl-dots { position: relative; display: block; padding-top: 50px; text-align: center; } .facts-section .owl-theme .owl-dots .owl-dot { position: relative; display: inline-block; margin: 0px 7px; } .facts-section .owl-theme .owl-dots .owl-dot span { position: relative; display: block; width: 10px; height: 10px; background: rgba(255,255,255,0.40); border-radius: 50%; } .facts-section .owl-theme .owl-dots .owl-dot.active span { background: #139FDD; } /*** ==================================================================== Team Section ==================================================================== ***/ .team-section { position: relative; padding: 100px 0px; } .team-section .title-row .sec-title { position: relative; margin-bottom: 40px; } .team-block { position: relative; margin-bottom: 30px; } .owl-theme .team-block { margin-bottom: 0; } .team-block .inner-box { position: relative; display: block; padding-bottom: 45px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .team-block .image-box { position: relative; display: block; overflow: hidden; } .team-block .image-box:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6,17,56,0.90); transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; opacity: 0; z-index: 1; } .team-block:hover .image-box:before { opacity: 1; } .team-block .image-box img { position: relative; display: block; width: 100%; } .team-block .lower-box { position: absolute; left: 0; bottom: 20px; width: 100%; padding: 0px 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 3; } .team-block .lower-content { position: relative; display: block; float: right; width: 100%; max-width: 200px; background: #ffffff; padding: 25px 20px 22px; border-bottom: 1px solid #e5e5e5; box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; } .team-block:hover .lower-content { padding-bottom: 105px; background: #139FDD; } .team-block .lower-content:before { content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 3px; background: #ffffff; border-top: 1px solid #e5e5e5; } .team-block:hover .lower-content:before { bottom: 0; height: 4px; background: #139FDD; border-top-color: #ffffff; border-top-width: 2px; } .team-block .lower-content h4 { position: relative; color: #061138; font-size: 22px; line-height: 1.3em; text-transform: capitalize; margin: 0; } .team-block .lower-content h4 a { color: #061138; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .team-block:hover .lower-content h4 a { color: #ffffff; } .team-block .lower-content h4 a:hover { color: #ffffff; text-decoration: underline; } .team-block .lower-content .designation { position: relative; display: block; color: #000000; font-size: 13px; text-transform: uppercase; margin-top: 10px; } .team-block:hover .lower-content .designation { color: #ffffff; } .team-block .social-links { position: absolute; left: 0; bottom: 25px; width: 100%; padding: 0 20px; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .team-block:hover .social-links { opacity: 1; visibility: visible; -webkit-transition: all 0.5s ease 300ms; -moz-transition: all 0.5s ease 300ms; -ms-transition: all 0.5s ease 300ms; -o-transition: all 0.5s ease 300ms; transition: all 0.5s ease 300ms; } .team-block .social-links ul { position: relative; padding: 20px 0px 0px; text-align: center; border-top: 1px solid #bf9c75; } .team-block .social-links li { position: relative; display: inline-block; margin: 0px 4px; line-height: 44px; } .team-block .social-links li a { position: relative; display: block; width: 40px; height: 40px; line-height: 40px; background: #bf9c75; color: #ffffff; font-size: 14px; text-align: center; border-radius: 50%; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .team-block .social-links li a:hover { color: #bf9c75; background: #ffffff; } .team-section .carousel-box { position: relative; } .team-section .owl-theme .owl-dots { display: none; } .team-section .owl-theme .owl-nav { position: absolute; right: 0; top: -125px; margin: 0; } .team-section .owl-theme .owl-nav .owl-next, .team-section .owl-theme .owl-nav .owl-prev { position: relative; display: inline-block; margin-left: 15px; vertical-align: top; background: none; height: 70px; width: 70px; border: none; text-align: center; line-height: 68px; border: 1px solid rgba(0,0,0,.10); color: #acb7c6; font-size: 24px; border-radius: 0; opacity: 1; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .team-section .owl-nav .owl-prev:hover, .team-section .owl-nav .owl-next:hover { color: #139FDD; border-color: #139FDD; } .team-section .see-all { position: relative; display: block; text-align: center; padding-top: 10px; } /*** ==================================================================== Testimonials Section Two ==================================================================== ***/ .testimonials-section-three { position: relative; padding: 90px 0px; background: #f0f3f7; z-index: 1; } .testimonials-section-three .sec-title { margin-bottom: 40px; } .testimonials-section-three .image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; background-repeat: no-repeat; background-position: right top; } .testimonials-section-three .carousel-box { position: relative; z-index: 1; } .testimonial-block-two { position: relative; } .testimonial-block-two .inner-box { position: relative; display: block; max-width: 780px; margin: 0 auto; text-align: center; } .testimonial-block-two .content { position: relative; display: block; } .testimonial-block-two .content .title-box { position: relative; margin-bottom: 10px; } .testimonial-block-two .content .title-box h3 { color: #061138; margin-bottom: 0; text-transform: capitalize; } .testimonial-block-two .content .icon-box { position: relative; display: block; font-size: 32px; color: #139FDD; line-height: 1em; margin-bottom: 15px; } .testimonial-block-two .content .info { position: relative; } .testimonial-block-two .content .info .name { position: relative; color: #061138; font-size: 14px; text-transform: uppercase; font-weight: 600; } .testimonial-block-two .content .info .designation { position: relative; color: #75808f; font-size: 14px; text-transform: capitalize; font-weight: 400; } .testimonial-block-two .content .text { position: relative; color: #75808f; font-size: 20px; line-height: 1.5em; font-family: 'Poppins', sans-serif; font-style: italic; margin-bottom: 40px; } .testimonial-block-two .rating { position: relative; display: block; color: #139FDD; font-size: 14px; letter-spacing: 1px; margin-bottom: 15px; } .testimonials-section-three .owl-theme .owl-dots { display: none; } .testimonials-section-three .owl-theme .owl-nav { position: absolute; left: 50%; bottom: 60px; margin-left: -250px; width: 500px; height: 0; } .testimonials-section-three .owl-theme .owl-nav .owl-prev { position: absolute; left: 0; top: 0; padding: 0; margin: 0; line-height: 54px; font-size: 54px; color: #bdc7d5; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .testimonials-section-three .owl-theme .owl-nav .owl-prev:before { content: 'Prev'; position: absolute; right: 100%; margin-right: 10px; font-size: 16px; color: #061138; text-transform: capitalize; font-family: 'Poppins', sans-serif; letter-spacing: 1px; opacity: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .testimonials-section-three .owl-theme .owl-nav .owl-next { position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 54px; font-size: 54px; color: #bdc7d5; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .testimonials-section-three .owl-theme .owl-nav .owl-next:before { content: 'Next'; position: absolute; left: 100%; margin-left: 10px; font-size: 16px; color: #061138; text-transform: capitalize; font-family: 'Poppins', sans-serif; letter-spacing: 1px; opacity: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .testimonials-section-three .owl-theme .owl-nav .owl-prev:hover, .testimonials-section-three .owl-theme .owl-nav .owl-next:hover, .testimonials-section-three .owl-theme .owl-nav .owl-prev:hover:before, .testimonials-section-three .owl-theme .owl-nav .owl-next:hover:before { opacity: 1; color: #061138; } /*** ==================================================================== News Section Two ==================================================================== ***/ .news-section-two { position: relative; padding: 90px 0px 40px; background: #ffffff; } .news-section-two .title-row { position: relative; padding-bottom: 20px; } .news-section-two .sec-title { position: relative; float: left; margin-bottom: 30px; } .news-section-two .title-row .link-box { position: relative; float: right; padding-top: 50px; margin-bottom: 30px; } .news-block-three { position: relative; margin-bottom: 50px; } .news-block-three .inner-box { position: relative; display: block; } .news-block-three .image-box { position: relative; display: block; overflow: hidden; } .news-block-three .image-box img { display: block; width: 100%; } .news-block-three .image-box .link-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6,17,56,0.85); color: #ffffff; -webkit-transform: scaleY(0) translateY(-100px); -ms-transform: scaleY(0) translateY(-100px); transform: scaleY(0) translateY(-100px); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; opacity: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .news-block-three .inner-box:hover .image-box .link-layer { opacity: 1; -webkit-transform: scaleY(1) translateY(0px); -ms-transform: scaleY(1) translateY(0px); transform: scaleY(1) translateY(0px); } .news-block-three .image-box .link-layer .icon { position: absolute; left: 50%; top: 50%; margin: -30px 0px 0px -30px; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #ffffff; color: #139FDD; font-size: 24px; border-radius: 50%; } .news-block-three .image-box .post-date { position: absolute; right: 20px; top: 20px; width: 60px; height: 60px; padding: 6px 5px; text-align: center; line-height: 24px; background: #ffffff; font-size: 14px; font-weight: 700; text-transform: uppercase; font-family: 'Poppins', sans-serif; z-index: 1; } .news-block-three .image-box .post-date .day { display: block; color: #061138; font-size: 24px; } .news-block-three .image-box .info { position: absolute; bottom: 15px; right: 20px; opacity: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-three .inner-box:hover .image-box .info { opacity: 1; -webkit-transition: all 300ms ease 300ms; -moz-transition: all 300ms ease 300ms; -ms-transition: all 300ms ease 300ms; -o-transition: all 300ms ease 300ms; transition: all 300ms ease 300ms; } .news-block-three .image-box .info li { position: relative; float: left; font-size: 15px; line-height: 24px; margin-right: 31px; } .news-block-three .image-box .info li:after { content: ''; position: absolute; right: -16px; top: 5px; height: 14px; border-right: 1px solid rgba(255,255,255,0.40); } .news-block-three .image-box .info li:last-child { margin-right: 0; } .news-block-three .image-box .info li:last-child:after { display: none; } .news-block-three .image-box .info li a { color: #ffffff; font-weight: 500; } .news-block-three .image-box .info li .icon { position: relative; display: inline-block; vertical-align: middle; padding-right: 5px; font-weight: 400; } .news-block-three .image-box .info li a:hover { color: #139FDD; } .news-block-three .lower-content { position: relative; padding-top: 30px; text-align: center; } .news-block-three .lower-content .cat-info { position: relative; color: #000000; text-transform: uppercase; font-size: 13px; line-height: 24px; margin-bottom: 5px; } .news-block-three .lower-content .cat-info a { color: #000000; } .news-block-three .content { position: relative; display: block; padding: 0px 20px; } .news-block-three h4 { font-size: 20px; line-height: 1.4em; color: #061138; text-transform: capitalize; margin-bottom: 30px; } .news-block-three h4 a { color: #061138; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-three h4 a:hover { color: #139FDD; text-decoration: underline; } .news-block-three .link-box { position: relative; display: block; overflow: hidden; } .news-block-three .link-box a { position: relative; display: inline-block; vertical-align: middle; font-weight: 600; text-transform: uppercase; color: #061138; font-size: 13px; line-height: 24px; padding-left: 15px; padding-right: 15px; background: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .news-block-three .link-box:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -0.5px; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.10); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-three .inner-box:hover .link-box:before { border-bottom-color: #139FDD; } .news-block-three .link-box a .icon { position: absolute; left: 15px; top: 0; font-size: 18px; font-weight: 400; vertical-align: middle; padding-right: 5px; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .news-block-three .inner-box:hover .link-box a .icon { opacity: 1; -webkit-transition: opacity 0.3s ease 300ms; -moz-transition: opacity 0.3s ease 300ms; -ms-transition: opacity 0.3s ease 300ms; -o-transition: opacity 0.3s ease 300ms; transition: opacity 0.3s ease 300ms; } .news-block-three .inner-box:hover .link-box a { color: #139FDD; padding-left: 42px; } /*** ==================================================================== Subscribe Section ==================================================================== ***/ .subscribe-section { position: relative; padding: 0px 0px 90px; background: #ffffff; } .subscribe-section.style-two { padding-bottom: 70px; } .subscribe-section.style-three { padding: 100px 0px; } .subscribe-section.no-padding-top { padding-top: 0; } .subscribe-section .inner { position: relative; display: block; padding: 55px 90px 40px; background: #139FDD; color: #ffffff; } .subscribe-section .inner .image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .subscribe-section.style-two .inner { position: relative; display: block; padding: 85px 90px 0px; background: none; color: #000000; border-top: 1px solid rgba(0,0,0,0.05); } .subscribe-section.style-three .inner { padding: 56px 90px 40px; background: none; } .subscribe-section .title { position: relative; display: block; text-align: center; margin-bottom: 35px; } .subscribe-section .title h4 { text-transform: uppercase; font-weight: 700; margin-bottom: 5px; } .subscribe-section.style-two .title h4 { color: #061138; } .subscribe-section .title .subtitle { text-transform: uppercase; font-size: 14px; } .subscribe-form-two { position: relative; display: block; } .subscribe-form-two .row { margin: 0px -10px; } .subscribe-form-two .form-group { position: relative; padding: 0px 10px; margin-bottom: 20px; } .subscribe-form-two form .form-group input { font-family: 'Poppins', sans-serif; font-style: italic; line-height: 30px !important; padding: 14px 20px !important; height: 60px !important; padding-left: 20px !important; } .subscribe-form-two .theme-btn { display: block; width: 100%; } .subscribe-form-two .theme-btn .btn-title { width: 100%; text-align: center; display: block; line-height: 30px; padding: 15px 20px; } /*** ==================================================================== Footer Three ==================================================================== ***/ .footer-style-three { position: relative; background: #061138; padding: 50px 0px 25px; } .footer-style-three .upper-row { position: relative; padding-bottom: 25px; } .footer-style-three .upper-row .logo-box { position: relative; float: left; padding-right: 35px; } .footer-style-three .upper-row .logo-box img { height: 44px; } .footer-style-three .upper-row .logo-box:before { content: ''; position: absolute; right: 0; top: 50%; margin-top: -20px; height: 40px; border-right: 1px solid rgba(255,255,255,0.15); } .footer-style-three .lower-row { position: relative; } .footer-style-three .lower-row .inner { position: relative; padding: 25px 0px; border-top: 1px solid rgba(255,255,255,0.15); } .main-footer .social-links-two { position: relative; } .footer-style-three .social-links-two { position: relative; float: left; } .main-footer .social-links-two ul { position: relative; } .main-footer .social-links-two li { position: relative; display: inline-block; margin: 0px 8px 0px 0px; } .main-footer .social-links-two li a { position: relative; display: block; width: 40px; height: 40px; line-height: 38px; background: none; color: #000000; font-size: 14px; border: 1px solid rgba(255,255,255,0.15); text-align: center; border-radius: 50%; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .main-footer .social-links-two li a:hover { color: #ffffff; background: #139FDD; border-color: #139FDD; } .footer-style-three .copyright { position: relative; float: left; margin-left: 200px; line-height: 24px; padding: 8px 0px; } .footer-style-three .payment-cards { position: relative; padding-top: 3px; float: right; } .footer-style-three .payment-cards li { position: relative; float: left; line-height: 34px; margin-left: 10px; } .footer-style-three .payment-cards li a { display: block; line-height: 34px; } .footer-style-three .drop-link { position: relative; float: left; margin-left: 41px; z-index: 1; } .footer-style-three .drop-link:after { content: ''; position: absolute; right: -21px; top: 10px; height: 20px; border-right: 1px solid rgba(255,255,255,0.15); } .footer-style-three .drop-link.currency:after { display: none; } .footer-style-three .drop-link .link-btn { position: relative; display: block; line-height: 30px; padding: 5px 0px; font-size: 15px; text-transform: capitalize; font-weight: 400; color: #868da5; cursor: pointer; } .footer-style-three .drop-link .link-btn .txt { position: relative; font-family: 'Poppins', sans-serif; font-style: italic; display: inline-block; vertical-align: middle; } .footer-style-three .drop-link .link-btn .arrow { position: relative; top: 1px; display: inline-block; vertical-align: middle; padding-left: 12px; font-size: 16px; } .footer-style-three .drop-link .link-btn:hover { color: #139FDD; } .footer-style-three .drop-link .link-btn:before { content: ''; position: absolute; left: 0; bottom: 100%; width: 100%; height: 10px; } .footer-style-three .drop-link .link-dropdown { position: absolute; right: 0; bottom: 100%; margin-bottom: 10px; width: 182px; background: #061138; padding: 0px 0px; border: 1px solid rgba(255,255,255,0.15); opacity: 0; visibility: hidden; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .footer-style-three .drop-link:hover .link-dropdown { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .footer-style-three .drop-link .link-dropdown li { position: relative; border-bottom: 1px solid rgba(255,255,255,0.15); line-height: 24px; font-size: 15px; color: #868da5; } .footer-style-three .drop-link .link-dropdown li:last-child { border-bottom: none; } .footer-style-three .drop-link .link-dropdown li a { position: relative; display: block; color: #868da5; font-size: 14px; line-height: 24px; padding: 8px 20px; text-transform: capitalize; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .footer-style-three .drop-link .link-dropdown li a:hover { color: #139FDD; } .footer-style-three .useful-links { position: relative; float: right; padding-top: 4px; z-index: 5; } .footer-style-three .useful-links .links-btn { position: relative; display: block; line-height: 24px; padding: 8px 37px; font-size: 14px; text-transform: uppercase; font-weight: 400; cursor: pointer; border: 1px solid rgba(255,255,255,0.15); color: #ffffff; font-family: 'Poppins', sans-serif; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .footer-style-three .useful-links .links-btn .btn-txt { position: relative; } .footer-style-three .useful-links .links-btn .btn-txt:after { position: relative; display: inline-block; content: '+'; width: 12px; padding-left: 5px; } .footer-style-three .useful-links:hover .links-btn { color: #139FDD; border-color: #139FDD; } .footer-style-three .useful-links:hover .links-btn .btn-txt:after { content: '-'; } .footer-style-three .useful-links .links-panel { position: absolute; right: 0; bottom: 100%; width: 182px; background: #061138; padding: 18px 16px; border: 1px solid rgba(255,255,255,0.15); border-bottom: none; opacity: 0; visibility: hidden; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .footer-style-three .useful-links:hover .links-panel { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .footer-style-three .useful-links .links-panel li { position: relative; margin-bottom: 10px; line-height: 24px; font-size: 15px; color: #868da5; } .footer-style-three .useful-links .links-panel li:last-child { margin-bottom: 0; } .footer-style-three .useful-links .links-panel li a { position: relative; display: block; color: #868da5; font-size: 14px; padding-left: 20px; text-transform: capitalize; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .footer-style-three .useful-links .links-panel li a:before { content: "+"; font-family: 'Poppins', sans-serif; position: absolute; left: 0; top: 0; line-height: 24px; font-size: 20px; font-weight: 400; } .footer-style-three .useful-links .links-panel li a:hover { color: #139FDD; } /*** ==================================================================== Page Banner ==================================================================== ***/ .page-banner { position: relative; padding: 0; color: #000000; background: #ffffff; /*background-position: center top; background-repeat: no-repeat; background-size: cover;*/ } .page-banner .image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; /*background-repeat: no-repeat; background-size: cover;*/ } .page-banner .banner-inner { position: relative; display: block; text-align: center; } .page-banner .inner-container { position: relative; /*padding: 130px 0px;*/ padding: 100px 0px 30px; z-index: 2; } .page-banner h1 { position: relative; font-size: 48px; color: #ffffff; line-height: 1.2em; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; margin: 0; } .page-banner .page-nav { position: relative; left: 0; bottom: 0; text-align: left; padding-bottom: 15px; margin-top: -25px; } .page-banner .bread-crumb { position: relative; display: inline-block; } .page-banner .bread-crumb li { position: relative; float: left; font-size: 13px; line-height: 24px; color: #000000; font-weight: 500; text-transform: uppercase; cursor: default; padding-right: 15px; margin-right: 15px; } .page-banner .bread-crumb li:before { position: absolute; right: -15px; width: 30px; text-align: center; font-size: 10px; line-height: 24px; color: #000000; font-weight: 400; font-family: 'Flaticon'; content: "\f10f"; } .page-banner .bread-crumb li:last-child { padding-right: 0; margin-right: 0; } .page-banner .bread-crumb li:last-child:before { display: none; } .page-banner .bread-crumb li a { color: #000000; font-weight: 500; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .page-banner .bread-crumb li a:hover { color: #139FDD; } /*** ==================================================================== News Section ==================================================================== ***/ .masonry-news-section { position: relative; padding: 100px 0px; } .masonry-news-section .news-block-three { margin-bottom: 40px; } .news-block-four { position: relative; margin-bottom: 50px; } .news-block-four .inner-box { position: relative; display: block; } .news-block-four .image-box { position: relative; display: block; overflow: hidden; } .news-block-four .image-box img { display: block; width: 100%; } .news-block-four .image-box .link-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6,17,56,0.85); color: #ffffff; -webkit-transform: scaleY(0) translateY(-100px); -ms-transform: scaleY(0) translateY(-100px); transform: scaleY(0) translateY(-100px); -ms-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; opacity: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .news-block-four .inner-box:hover .image-box .link-layer { opacity: 1; -webkit-transform: scaleY(1) translateY(0px); -ms-transform: scaleY(1) translateY(0px); transform: scaleY(1) translateY(0px); } .news-block-four .image-box .link-layer .icon { position: absolute; left: 50%; top: 50%; margin: -30px 0px 0px -30px; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #ffffff; color: #139FDD; font-size: 24px; border-radius: 50%; } .news-block-four .image-box .post-date { position: absolute; right: 20px; top: 20px; width: 60px; height: 60px; padding: 6px 5px; text-align: center; line-height: 24px; background: #ffffff; font-size: 14px; font-weight: 700; text-transform: uppercase; font-family: 'Poppins', sans-serif; z-index: 1; } .news-block-four .image-box .post-date .day { display: block; color: #061138; font-size: 24px; } .news-block-four .image-box .info { position: absolute; bottom: 15px; right: 20px; opacity: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-four .inner-box:hover .image-box .info { opacity: 1; -webkit-transition: all 300ms ease 300ms; -moz-transition: all 300ms ease 300ms; -ms-transition: all 300ms ease 300ms; -o-transition: all 300ms ease 300ms; transition: all 300ms ease 300ms; } .news-block-four .image-box .info li { position: relative; float: left; font-size: 15px; line-height: 24px; margin-right: 31px; } .news-block-four .image-box .info li:after { content: ''; position: absolute; right: -16px; top: 5px; height: 14px; border-right: 1px solid rgba(255,255,255,0.40); } .news-block-four .image-box .info li:last-child { margin-right: 0; } .news-block-four .image-box .info li:last-child:after { display: none; } .news-block-four .image-box .info li a { color: #ffffff; font-weight: 500; } .news-block-four .image-box .info li .icon { position: relative; display: inline-block; vertical-align: middle; padding-right: 5px; font-weight: 400; } .news-block-four .image-box .info li a:hover { color: #139FDD; } .news-block-four .over-content { position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px; text-align: center; } .news-block-four .over-content .cat-info { position: relative; color: #000000; text-transform: uppercase; font-size: 13px; line-height: 24px; margin-bottom: 5px; } .news-block-four .over-content .cat-info a { color: #000000; } .news-block-four .over-content .content { position: relative; display: block; padding: 0px 0px 5px; } .news-block-four .over-content h4 { font-size: 20px; line-height: 1.4em; color: #ffffff; text-transform: capitalize; margin-bottom: 30px; } .news-block-four .over-content h4 a { color: #ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-four .over-content h4 a:hover { color: #139FDD; text-decoration: underline; } .news-block-four .over-content .link-box { position: relative; display: block; overflow: hidden; } .news-block-four .over-content .link-box a { position: relative; display: inline-block; vertical-align: middle; font-weight: 600; text-transform: uppercase; color: #ffffff; font-size: 13px; line-height: 24px; padding-left: 15px; padding-right: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .news-block-four .over-content .link-box a:before { content: ''; position: absolute; left: 100%; top: 50%; margin-top: -0.5px; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.70); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-four .over-content .link-box a:after { content: ''; position: absolute; right: 100%; top: 50%; margin-top: -0.5px; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.70); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-four .inner-box:hover .over-content .link-box a:before, .news-block-four .inner-box:hover .over-content .link-box a:after { border-bottom-color: #139FDD; } .news-block-four .over-content .link-box a .icon { position: absolute; left: 15px; top: 0; font-size: 18px; font-weight: 400; vertical-align: middle; padding-right: 5px; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .news-block-four .inner-box:hover .over-content .link-box a .icon { opacity: 1; -webkit-transition: opacity 0.3s ease 300ms; -moz-transition: opacity 0.3s ease 300ms; -ms-transition: opacity 0.3s ease 300ms; -o-transition: opacity 0.3s ease 300ms; transition: opacity 0.3s ease 300ms; } .news-block-four .inner-box:hover .over-content .link-box a { color: #139FDD; padding-left: 42px; } .masonry-news-section .see-more { position: relative; display: block; text-align: center; padding-top: 10px; } .masonry-news-section .see-more a { min-width: 190px; } /*** ==================================================================== News Section ==================================================================== ***/ .news-section-three { position: relative; padding: 100px 0px; } .news-block-five { position: relative; padding-bottom: 50px; border-bottom: 1px solid rgba(0,0,0,0.10); margin-bottom: 50px; } .news-list .news-block-five:last-child { margin-bottom: 60px; padding-bottom: 0; border: none; } .news-block-five .inner-box { position: relative; display: block; } .news-block-five .row { margin: 0; } .news-block-five .image-column { position: relative; padding: 0; } .news-block-five .image-column .image { position: relative; display: block; margin-right: 45px; overflow: hidden; } .news-block-five .image-column .image img { display: block; width: 100%; } .news-block-five .image .link-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6,17,56,0.85); color: #ffffff; -ms-transform: scaleY(0) translateY(-100px); -webkit-transform: scaleY(0) translateY(-100px); transform: scaleY(0) translateY(-100px); -ms-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; opacity: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .news-block-five .inner-box:hover .image .link-layer { opacity: 1; -webkit-transform: scaleY(1) translateY(0px); -ms-transform: scaleY(1) translateY(0px); transform: scaleY(1) translateY(0px); } .news-block-five .image-column .link-layer .icon { position: absolute; left: 50%; top: 50%; margin: -30px 0px 0px -30px; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #ffffff; color: #139FDD; font-size: 24px; border-radius: 50%; } .news-block-five .content-column { position: relative; padding: 0; } .news-block-five .content-column .inner { position: relative; display: block; padding-left: 30px; min-height: 300px; } .news-block-five .content-column .content { position: relative; padding-top: 30px; } .news-block-five .meta-info { position: relative; } .news-block-five .meta-info li { position: relative; float: left; font-size: 13px; line-height: 24px; color: #000000; text-transform: uppercase; margin-right: 40px; margin-bottom: 7px; } .news-block-five .meta-info li:before { content: ''; position: absolute; right: -23px; top: 9px; width: 6px; height: 6px; background: #d1d8e2; border-radius: 50%; } .news-block-five .meta-info li .icon { position: relative; display: inline-block; vertical-align: middle; font-size: 12px; color: #b5c0cf; padding-right: 5px; } .news-block-five .meta-info li a { position: relative; display: inline-block; vertical-align: middle; color: #000000; } .news-block-five .meta-info li a:hover { color: #139FDD; text-decoration: underline; } .news-block-five .meta-info li:last-child { margin-right: 0; } .news-block-five .meta-info li:last-child:before { display: none; } .news-block-five h3 { line-height: 1.35em; color: #061138; margin-bottom: 25px; } .news-block-five h3 a { color: #061138; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-five h3 a:hover { color: #139FDD; text-decoration: underline; } .news-block-five .content .text { position: relative; font-size: 15px; color: #000000; padding-top: 26px; } .news-block-five .content .text:before { content: ''; position: absolute; left: 0; top: 0px; width: 70px; border-top: 1px solid rgba(0,0,0,0.10); } .news-block-five .content .link-box { position: relative; display: block; padding-top: 38px; } .news-block-five .content .link-box a { position: relative; display: inline-block; vertical-align: middle; font-weight: 600; text-transform: uppercase; color: #061138; font-size: 13px; line-height: 24px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .news-block-five .content .link-box a .icon { position: absolute; left: 0px; top: 0; font-size: 18px; font-weight: 400; vertical-align: middle; padding-right: 5px; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .news-block-five .inner-box:hover .content .link-box a .icon { opacity: 1; -webkit-transition: opacity 0.3s ease 200ms; -moz-transition: opacity 0.3s ease 200ms; -ms-transition: opacity 0.3s ease 200ms; -o-transition: opacity 0.3s ease 200ms; transition: opacity 0.3s ease 200ms; } .news-block-five .inner-box:hover .content .link-box a { color: #139FDD; padding-left: 25px; } .news-block-five .other-info { position: absolute; left: -125px; top: 37px; width: 81px; height: 265px; padding-top: 5px; background: #ffffff; line-height: 30px; } .news-block-five .other-info:before { content: ''; position: absolute; right: 0; top: 20px; bottom: 0; border-right: 1px solid rgba(0,0,0,0.10); } .news-block-five .other-info .post-date { position: relative; display: block; width: 45px; margin: 0 auto 20px; padding: 6px 5px 10px; text-align: center; line-height: 24px; background: #ffffff; font-size: 14px; font-weight: 700; text-transform: uppercase; font-family: 'Poppins', sans-serif; border-bottom: 1px solid rgba(0,0,0,0.10); z-index: 1; } .news-block-five .other-info .post-date .day { display: block; color: #061138; font-size: 24px; } .news-block-five .other-info .add-to-fav { position: relative; width: 42px; height: 42px; margin: 0 auto 20px; } .news-block-five .other-info .add-to-fav a { position: relative; display: block; width: 42px; height: 42px; line-height: 40px; border: 1px solid rgba(0,0,0,0.10); font-size: 18px; text-align: center; color: rgba(0,0,0,0.50); border-radius: 50%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-five .other-info .add-to-fav a:hover { color: #ffffff; background: #139FDD; border-color: #139FDD; } .news-block-five .other-info .add-comment { position: relative; width: 42px; height: 42px; margin: 0 auto 20px; } .news-block-five .other-info .add-comment a { position: relative; display: block; width: 42px; height: 42px; line-height: 40px; border: 1px solid rgba(0,0,0,0.10); font-size: 18px; text-align: center; color: rgba(0,0,0,0.50); border-radius: 50%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-five .other-info .add-comment a:hover { color: #ffffff; background: #139FDD; border-color: #139FDD; } .news-block-five .other-info .share-it { position: relative; width: 42px; height: 42px; margin: 0 auto; } .news-block-five .other-info .share-it .share-btn { position: relative; display: block; width: 42px; height: 42px; line-height: 40px; border: 1px solid rgba(0,0,0,0.10); font-size: 18px; text-align: center; color: rgba(0,0,0,0.50); border-radius: 50%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-five .other-info .share-it .share-btn:hover { color: #ffffff; background: #139FDD; border-color: #139FDD; } .news-block-five .other-info .share-it .share-list { position: absolute; left: 0; bottom: 0; width: 42px; padding: 14px 6px; line-height: 21px; color: rgba(0,0,0,0.50); border: 1px solid rgba(0,0,0,0.10); background-color: #ffffff; text-align: center; border-radius: 21px; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; z-index: 1; } .news-block-five .other-info .share-it:hover .share-list { opacity: 1; visibility: visible; } .news-block-five .other-info .share-it .share-list li { position: relative; display: block; line-height: 28px; } .news-block-five .other-info .share-it .share-list li a { position: relative; display: block; line-height: 28px; color: rgba(0,0,0,0.30); } .news-block-five .other-info .share-it .share-list li a:hover { color: #139FDD; } .news-block-six { position: relative; margin-bottom: 50px; } .news-box .news-block-six:last-child { border: none; } .news-block-six .inner-box { position: relative; display: block; } .news-block-six .image-box { position: relative; padding: 0; } .news-block-six .image-box .image { position: relative; display: block; overflow: hidden; } .news-block-six .image-box .image img { display: block; width: 100%; } .news-block-six .image .link-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6,17,56,0.85); color: #ffffff; -ms-transform: scaleY(0) translateY(-100px); -webkit-transform: scaleY(0) translateY(-100px); transform: scaleY(0) translateY(-100px); -ms-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; opacity: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .news-block-six .inner-box:hover .image .link-layer { opacity: 1; -ms-transform: scaleY(1) translateY(0px); -webkit-transform: scaleY(1) translateY(0px); transform: scaleY(1) translateY(0px); } .news-block-six .image-box .link-layer .icon { position: absolute; left: 50%; top: 50%; margin: -30px 0px 0px -30px; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #ffffff; color: #139FDD; font-size: 24px; border-radius: 50%; } .news-block-six .image-box .post-date { position: absolute; left: 0; bottom: 0; width: 71px; height: 60px; padding: 6px 5px; text-align: center; line-height: 24px; background: #ffffff; font-size: 14px; font-weight: 700; text-transform: uppercase; font-family: 'Poppins', sans-serif; } .news-block-six .image-box .post-date .day { display: block; font-size: 20px; color: #061138; } .news-block-six .content-box { position: relative; padding: 30px 0px 0px; } .news-block-six .content-box .inner { position: relative; display: block; padding-left: 100px; min-height: 260px; } .news-block-six .content-box .content { position: relative; } .news-block-six .content-box .content:before { content: ''; position: absolute; left: -31px; top: 5px; bottom: 5px; border-right: 1px solid rgba(0,0,0,0.10); } .news-block-six .meta-info { position: relative; } .bread-crumb li a, .bread-crumb li { color: white !important; } .bread-crumb { margin-left: 32rem; margin-top: 1rem; position: absolute } .page-banner .bread-crumb li:before { color: white !important } .news-block-six .meta-info li { position: relative; float: left; font-size: 13px; line-height: 24px; color: #000000; text-transform: uppercase; margin-right: 40px; margin-bottom: 7px; } .news-block-six .meta-info li:before { content: ''; position: absolute; right: -23px; top: 9px; width: 6px; height: 6px; background: #d1d8e2; border-radius: 50%; } .news-block-six .meta-info li .icon { position: relative; display: inline-block; vertical-align: middle; font-size: 12px; color: #b5c0cf; padding-right: 5px; } .news-block-six .meta-info li a { position: relative; display: inline-block; vertical-align: middle; color: #000000; } .news-block-six .meta-info li a:hover { color: #139FDD; text-decoration: underline; } .news-block-six .meta-info li:last-child { margin-right: 0; } .news-block-six .meta-info li:last-child:before { display: none; } .news-block-six h3 { line-height: 1.35em; color: #061138; margin-bottom: 24px; } .news-block-six h3 a { color: #061138; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-six h3 a:hover { color: #139FDD; text-decoration: underline; } .news-block-six .content .text { position: relative; font-size: 15px; color: #000000; padding-top: 25px; } .news-block-six .content .text:before { content: ''; position: absolute; left: 0; top: 0px; width: 70px; border-top: 1px solid rgba(0,0,0,0.10); } .news-block-six .content .link-box { position: relative; display: block; padding-top: 35px; } .news-block-six .content .link-box a { position: relative; display: inline-block; vertical-align: middle; font-weight: 600; text-transform: uppercase; color: #061138; font-size: 13px; line-height: 24px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .news-block-six .content .link-box a .icon { position: absolute; left: 0px; top: 0; font-size: 18px; font-weight: 400; vertical-align: middle; padding-right: 5px; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .news-block-six .inner-box:hover .content .link-box a .icon { opacity: 1; -webkit-transition: opacity 0.3s ease 200ms; -moz-transition: opacity 0.3s ease 200ms; -ms-transition: opacity 0.3s ease 200ms; -o-transition: opacity 0.3s ease 200ms; transition: opacity 0.3s ease 200ms; } .news-block-six .inner-box:hover .content .link-box a { color: #139FDD; padding-left: 25px; } .news-block-six .other-info { position: absolute; left: 0px; top: 0px; width: 71px; height: 260px; padding-top: 5px; line-height: 30px; } .news-block-six .other-info .add-to-fav { position: relative; width: 42px; height: 42px; margin: 0 0 20px; } .news-block-six .other-info .add-to-fav a { position: relative; display: block; width: 42px; height: 42px; line-height: 40px; border: 1px solid rgba(0,0,0,0.10); font-size: 18px; text-align: center; color: rgba(0,0,0,0.50); border-radius: 50%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-six .other-info .add-to-fav a:hover { color: #ffffff; background: #139FDD; border-color: #139FDD; } .news-block-six .other-info .add-comment { position: relative; width: 42px; height: 42px; margin: 0 0 20px; } .news-block-six .other-info .add-comment a { position: relative; display: block; width: 42px; height: 42px; line-height: 40px; border: 1px solid rgba(0,0,0,0.10); font-size: 18px; text-align: center; color: rgba(0,0,0,0.50); border-radius: 50%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-six .other-info .add-comment a:hover { color: #ffffff; background: #139FDD; border-color: #139FDD; } .news-block-six .other-info .share-it { position: relative; width: 42px; height: 42px; margin: 0 0; } .news-block-six .other-info .share-it .share-btn { position: relative; display: block; width: 42px; height: 42px; line-height: 40px; border: 1px solid rgba(0,0,0,0.10); font-size: 18px; text-align: center; color: rgba(0,0,0,0.50); border-radius: 50%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-six .other-info .share-it .share-btn:hover { color: #ffffff; background: #139FDD; border-color: #139FDD; } .news-block-six .other-info .share-it .share-list { position: absolute; left: 0; top: 0; width: 42px; padding: 14px 6px; line-height: 21px; color: rgba(0,0,0,0.50); border: 1px solid rgba(0,0,0,0.10); background-color: #ffffff; text-align: center; border-radius: 21px; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; z-index: 1; } .news-block-six .other-info .share-it:hover .share-list { opacity: 1; visibility: visible; } .news-block-six .other-info .share-it .share-list li { position: relative; display: block; line-height: 28px; } .news-block-six .other-info .share-it .share-list li a { position: relative; display: block; line-height: 28px; color: rgba(0,0,0,0.30); } .news-block-six .other-info .share-it .share-list li a:hover { color: #139FDD; } /*** ==================================================================== Styled Pagination ==================================================================== ***/ .pagination-box { position: relative; } .styled-pagination { position: relative; font-family: 'Poppins', sans-serif; } .styled-pagination li { position: relative; display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 10px; } .styled-pagination li:last-child { margin-right: 0; } .styled-pagination li a { position: relative; display: block; line-height: 24px; font-size: 20px; height: 50px; min-width: 50px; padding: 12px 5px; text-align: center; color: #7b8594; font-weight: 400; text-align: center; border: 1px solid rgba(0,0,0,0.10); text-transform: uppercase; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .styled-pagination li a.next, .styled-pagination li a.prev { font-size: 16px; } .styled-pagination li a:hover, .styled-pagination li a.active { color: #ffffff; background: #139FDD; border-color: #139FDD; } /*** ==================================================================== Sidebar Page Container ==================================================================== ***/ .sidebar-page-container { position: relative; background: #ffffff; padding: 100px 0px 50px; overflow: hidden; } .sidebar-page-container .content-side { position: relative; margin-bottom: 50px; } .sidebar-page-container .blog-content { position: relative; display: block; } /* Sidebar */ .sidebar-page-container .sidebar-side { position: relative; } .sidebar-page-container .sidebar { position: relative; } .sidebar-page-container .sidebar:before { content: ''; position: absolute; left: 0; top: -150px; width: 3000px; min-width: 100%; height: 5000px; min-height: 120%; background: #f0f3f7; } .sidebar-page-container .blog-sidebar { padding-left: 30px; } .sidebar .sidebar-widget { position: relative; display: block; margin-bottom: 50px; } .sidebar .sidebar-widget .widget-inner { position: relative; display: block; } .sidebar-title { position: relative; margin-bottom: 20px; } .sidebar-title h4 { position: relative; display: inline-block; font-size: 20px; line-height: 1.30em; color: #061138; font-weight: 400; text-transform: uppercase; margin-bottom: 0px; } .sidebar .search-box .form-group { position: relative; margin: 0px; } .sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"] { position: relative; line-height: 30px; padding: 14px 50px 14px 30px; border: 1px solid #d0d0d0; background: #ffffff; color: #061138; display: block; font-size: 15px; width: 100%; height: 60px; border-radius: 2px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .sidebar .search-box .form-group input:focus { border-color: #139FDD; } .sidebar .search-box .form-group button { position: absolute; right: 0px; top: 0px; height: 60px; width: 60px; line-height: 60px; display: block; font-size: 16px; color: #061138; background: none; font-weight: normal; } .sidebar .search-box .form-group input:focus + button, .sidebar .search-box .form-group button:hover { color: #139FDD; } .sidebar .recent-posts { position: relative; } .sidebar .recent-posts .post { position: relative; padding: 20px 20px 20px 30px; background: #ffffff; margin-bottom: 20px; } .sidebar .recent-posts .post .inner { position: relative; padding-left: 85px; padding-top: 12px; min-height: 70px; } .sidebar .recent-posts .post:last-child { margin-bottom: 0px; } .sidebar .recent-posts .post-thumb { position: absolute; left: 0px; top: 0px; width: 70px; height: 70px; border-radius: 50%; overflow: hidden; } .sidebar .recent-posts .post-thumb .overlink { position: absolute; left: 0; top: 0; display: block; width: 80px; height: 80px; padding: 20px 10px; line-height: 40px; color: #ffffff; font-size: 18px; background: rgba(6,17,56,0.80); border-radius: 50%; opacity: 0; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .sidebar .recent-posts .post:hover .post-thumb .overlink { opacity: 1; } .sidebar .recent-posts .post-thumb img { position: relative; display: block; width: 100%; border-radius: 50%; } .sidebar .recent-posts .title { font-size: 16px; line-height: 1.6em; color: #061138; font-weight: 400; text-transform: capitalize; } .sidebar .recent-posts .title a { color: #061138; } .sidebar .recent-posts .title a:hover { color: #139FDD; } .sidebar .recent-posts .post-date { position: relative; font-size: 13px; line-height: 20px; text-transform: uppercase; color: #000000; margin-bottom: 0px; } .sidebar .popular-tags { margin-bottom: 40px; } .sidebar .popular-tags .tags-list li { position: relative; display: inline-block; margin: 0px 6px 10px 0px; } .sidebar .popular-tags .tags-list li a { position: relative; display: block; line-height: 24px; padding: 7px 14px; background: #ffffff; text-align: center; font-size: 15px; font-weight: 400; color: #000000; text-transform: capitalize; border-radius: 0px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .sidebar .popular-tags .tags-list li a:hover { background-color: #139FDD; border-color: #139FDD; color: #ffffff; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); } .sidebar .archives { position: relative; margin-bottom: 40px; } .sidebar .archives .outer { position: relative; margin: 0px -5px; } .sidebar .archives .archive-block { position: relative; float: left; width: 50%; padding: 0px 5px; margin-bottom: 10px; } .sidebar .archives .archive-block .inner { position: relative; display: block; text-align: center; background: #ffffff; padding: 28px 20px 25px; } .sidebar .archives .archive-block .image { position: relative; display: block; width: 80px; height: 80px; margin: 0 auto 10px; overflow: hidden; border-radius: 50%; } .sidebar .archives .archive-block .image img { position: relative; display: block; width: 80px; height: 80px; border-radius: 50%; } .sidebar .archives .archive-block .count { position: absolute; left: 0; top: 0; display: block; width: 80px; height: 80px; padding: 20px 10px; line-height: 40px; color: #ffffff; font-size: 18px; background: rgba(6,17,56,0.80); border-radius: 50%; opacity: 0; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .sidebar .archives .archive-block:hover .count { opacity: 1; } .sidebar .archives .archive-block .post-title { position: relative; color: #000000; font-size: 13px; text-transform: uppercase; } .sidebar .archives .archive-block .post-title a { color: #000000; } .sidebar .archives .archive-block .post-title a:hover { color: #139FDD; } .sidebar .archives ul li { position: relative; line-height: 24px; font-size: 15px; margin-bottom: 10px; } .sidebar .archives ul li:last-child { padding-bottom: 0; border: none; } .sidebar .archives ul li a { position: relative; color: #222222; display: block; padding-left: 22px; line-height: 24px; font-weight: 400; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .sidebar .archives ul li a:before { font-family: 'Font Awesome 5 Free'; content: "\f061"; position: absolute; left: 0px; top: 0px; display: block; font-size: 12px; font-weight: 700; color: #666666; z-index: 5; } .sidebar .archives ul li a:hover:before, .sidebar .archives ul li.active a:before { color: #139FDD; } .sidebar .archives ul li a:hover, .sidebar .archives ul li.active a { color: #139FDD; } .sidebar .insta-widget { position: relative; margin-bottom: 40px; } .sidebar .insta-widget .insta-feeds { position: relative; padding: 30px 30px 25px; background: #ffffff; } .sidebar .insta-widget .insta-feeds .outer { position: relative; margin: 0px -5px; } .sidebar .insta-widget .insta-feeds .feed-block { position: relative; float: left; width: 50%; padding: 0px 5px; margin-bottom: 10px; } .sidebar .insta-widget .insta-feeds .feed-block .inner { position: relative; display: block; text-align: center; } .sidebar .insta-widget .insta-feeds .feed-block .image { position: relative; display: block; overflow: hidden; } .sidebar .insta-widget .insta-feeds .feed-block .image img { position: relative; display: block; width: 100%; } .sidebar .insta-widget .insta-feeds .feed-block .hover-box { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; padding: 10px 10px; line-height: 24px; color: #ffffff; font-size: 15px; background: rgba(6,17,56,0.80); opacity: 0; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .sidebar .insta-widget .insta-feeds .feed-block .hover-box .count { position: absolute; left: 0; top: 50%; margin-top: -12px; width: 100%; } .sidebar .insta-widget .insta-feeds .feed-block .hover-box .count .fa { padding-right: 3px; font-size: 13px; } .sidebar .insta-widget .insta-feeds .feed-block:hover .hover-box { opacity: 1; } .sidebar .insta-widget .profile-link { position: relative; padding-top: 5px; } .sidebar .insta-widget .profile-link a { color: #061138; } .sidebar .insta-widget .profile-link a:hover { color: #139FDD; } .sidebar .insta-widget .profile-link .icon { color: #139FDD; padding-right: 5px; } /* Post Details */ .news-post-details { position: relative; display: block; } .news-post-details .text p { margin-bottom: 25px; line-height: 1.7em; } .news-post-details .text h4 { margin-bottom: 25px; padding-top: 5px; color: #061138; text-transform: uppercase; } .news-post-details .styled-list { margin: 0 0 0 20px; padding: 0; } .news-post-details .styled-list li { position: relative; line-height: 1.6em; margin-bottom: 18px; } .news-post-details .styled-list li:before { content: ''; position: absolute; left: -20px; top: 9px; width: 6px; height: 6px; display: block; background: #139FDD; } .news-post-details .styled-list li:last-child { margin-bottom: 0; } .news-post-details .styled-list li strong { font-size: 18px; color: #061138; font-family: 'Poppins', sans-serif; font-weight: 400; } .news-post-details blockquote { position: relative; display: block; padding: 5px 30px; background: none; color: #061138; margin: 40px 0px 40px 50px; font-weight: 700; font-size: 15px; line-height: 1.7em; border-left: 3px solid #061138; } .news-post-details blockquote p { position: relative; display: block; font-size: 16px; font-weight: 600; line-height: 1.6em; margin-bottom: 20px; } .news-post-details blockquote .info { position: relative; display: block; font-size: 16px; font-weight: 700; text-transform: capitalize; color: #139FDD; } .news-post-details .two-column { position: relative; margin-bottom: 30px; } .news-post-details .two-column .row { margin: 0px -5px; } .news-post-details .two-column .column { position: relative; padding: 0px 5px; margin-bottom: 10px; } .news-post-details .two-column .column img { display: block; width: 100%; } .news-post-details .post-tags { position: relative; padding-top: 50px; } .news-post-details .post-tags .tag-title { position: relative; float: left; font-family: 'Poppins', sans-serif; font-size: 18px; color: #061138; line-height: 36px; } .news-post-details .post-tags a { position: relative; float: left; display: block; line-height: 24px; padding: 5px 12px; font-size: 13px; color: #000000; text-transform: uppercase; border: 1px solid rgba(0,0,0,0.10); margin-left: 10px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .news-post-details .post-tags a:hover { color: #139FDD; border-color: #139FDD; } .video-image { position: relative; display: block; } .video-image img { display: block; width: 100%; } .video-image .play-link { position: absolute; display: block; left: 0; bottom: 30px; width: 100%; color: #ffffff; min-height: 64px; padding: 10px 20px 0px 110px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .video-image .play-link .icon { position: absolute; left: 30px; top: 0; line-height: 64px; font-size: 64px; } .video-image .play-link .video-title { position: relative; display: inline-block; padding: 10px 0px; font-weight: 500; font-size: 13px; text-transform: uppercase; line-height: 1.5em; } .video-image .play-link:hover { color: #139FDD; } .caption-image { position: relative; display: block; } .caption-image img { display: block; width: 100%; } .caption-image .image-title { position: absolute; display: block; right: 0; bottom: 0px; background: #ffffff; padding: 15px 22px; color: #000000; font-size: 13px; line-height: 24px; text-transform: uppercase; } /*** ==================================================================== Comment Area ==================================================================== ***/ .comments-area { position: relative; padding-top: 20px; margin-bottom: 70px; } .group-title { position: relative; margin-bottom: 30px; } .group-title h4 { position: relative; display: block; font-size: 24px; line-height: 1.30em; color: #061138; font-weight: 400; text-transform: uppercase; margin-bottom: 0px; } .comments-area .comment-box { position: relative; margin-bottom: 30px; } .comments-area .comment-box:last-child { margin-bottom: 0; } .comments-area .comment { position: relative; min-height: 70px; padding-left: 100px; } .comments-area .comment.reply-comment { margin-left: 100px; } .comments-area .comment-box .author-thumb { position: absolute; left: 0px; top: 0px; width: 70px; margin-bottom: 20px; overflow: hidden; } .comments-area .comment-box .author-thumb img { width: 100%; display: block; } .comments-area .comment-box .info { position: relative; font-family: 'Poppins', sans-serif; margin-bottom: 10px; } .comments-area .comment-box .info .name { position: relative; display: inline-block; vertical-align: top; font-size: 18px; color: #061138; line-height: 1.4em; font-weight: 400; text-transform: capitalize; } .comments-area .comment-box .info .date { position: relative; display: inline-block; vertical-align: top; font-size: 15px; line-height: 1.5em; font-weight: 400; color: #000000; font-style: italic; } .comments-area .comment-box .text { font-size: 15px; line-height: 1.7em; color: #000000; font-weight: 400; } .comments-area .comment-box .reply-link { position: relative; display: block; padding-top: 15px; } .comments-area .comment-box .reply-link a { font-size: 13px; line-height: 1.5em; color: #061138; font-weight: 600; text-transform: uppercase; } .comments-area .comment-box .reply-link a:hover { color: #139FDD; } /*** ==================================================================== Leave Comments Form ==================================================================== ***/ .leave-comments { position: relative; } .leave-comments .instruction { position: relative; color: #000000; padding-top: 7px; font-weight: 400; } .leave-comments form button { background: none; } .leave-comments form .form-group textarea { height: 140px; } /*** ==================================================================== Portfolio Section ==================================================================== ***/ .portfolio-section { position: relative; padding: 100px 0px; } .portfolio-one-column { padding: 90px 0px 30px; } .portfolio-masonry { padding: 90px 0px 100px; } .portfolio-mixitup { padding: 90px 0px; } .portfolio-one-column .auto-container { max-width: 800px; } .gallery-block { position: relative; margin-bottom: 60px; } .mix { display: none; } .gallery-block .inner-box { position: relative; display: block; } .gallery-block .image-box { position: relative; display: block; } .gallery-block .image { position: relative; display: block; } .gallery-block .image img { position: relative; display: block; width: 100%; } .gallery-block .title-box { position: relative; text-align: right; margin-bottom: 20px; } .gallery-block .title-box .title { position: relative; } .gallery-block .title-box h4 { position: relative; padding-left: 10px; display: inline-block; margin: 0; } .gallery-block .title-box h4:before { content: ''; position: absolute; left: -5px; top: 12px; width: 6px; height: 6px; display: block; background: #139FDD; } .gallery-block .title-box a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .gallery-block .title-box .title a { color: #061138; } .gallery-block .title-box .category { position: relative; color: #000000; font-size: 13px; text-transform: uppercase; font-family: 'Poppins', sans-serif; } .gallery-block .title-box .category a { position: relative; color: #000000; } .gallery-block .title-box .title a:hover, .gallery-block .title-box .category a:hover { color: #139FDD; } .gallery-block .zoom-btn { position: absolute; right: 0; bottom: 0; z-index: 1; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .gallery-block .inner-box:hover .zoom-btn { opacity: 1; } .gallery-block .zoom-btn a { position: relative; display: block; text-align: center; width: 64px; height: 64px; line-height: 64px; color: #000000; background: #ffffff; font-size: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .gallery-block .zoom-btn a:hover { color: #ffffff; border-color: #139FDD; background: #139FDD; } .gallery-block .link-btn { position: absolute; right: -84px; bottom: 0; z-index: 1; } .gallery-block .link-btn a { position: relative; display: block; text-align: center; width: 64px; height: 64px; line-height: 62px; color: #000000; background: #ffffff; border: 1px solid rgba(0,0,0,0.10); font-size: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .gallery-block .link-btn a:hover { color: #139FDD; border-color: #139FDD; } .gallery-block-two { position: relative; margin-bottom: 40px; } .gallery-block-two .inner-box { position: relative; display: block; } .gallery-block-two .image-box { position: relative; display: block; } .gallery-block-two .image { position: relative; display: block; } .gallery-block-two .image img { position: relative; display: block; width: 100%; } .gallery-block-two .title-box { position: relative; margin-top: 20px; } .gallery-block-two .title-box .title { position: relative; } .gallery-block-two .title-box h4 { position: relative; padding-left: 10px; margin: 0; } .gallery-block-two .title-box h4:before { content: ''; position: absolute; left: -5px; top: 12px; width: 6px; height: 6px; display: block; background: #139FDD; } .gallery-block-two .title-box a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .gallery-block-two .title-box .title a { color: #061138; } .gallery-block-two .title-box .category { position: relative; color: #000000; font-size: 13px; text-transform: uppercase; font-family: 'Poppins', sans-serif; } .gallery-block-two .title-box .category a { position: relative; color: #000000; } .gallery-block-two .title-box .title a:hover, .gallery-block-two .title-box .category a:hover { color: #139FDD; } .gallery-block-two .zoom-btn { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6,17,56,0.90); opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; } .gallery-block-two .inner-box:hover .zoom-btn { opacity: 1; } .gallery-block-two .zoom-btn a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 64px; color: #ffffff; font-size: 48px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .gallery-block-two .zoom-btn .icon { position: absolute; left: 50%; top: 50%; width: 80px; margin-left: -40px; margin-top: -40px; line-height: 80px; } .gallery-block-two .link-btn { position: absolute; right: 0px; bottom: 0; z-index: 1; } .gallery-block-two .link-btn a { position: relative; display: block; text-align: center; width: 64px; height: 64px; line-height: 64px; color: #000000; background: #ffffff; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .gallery-block-two .link-btn a .icon { position: relative; display: inline-block; font-size: 22px; vertical-align: middle; } .gallery-block-two .link-btn a .txt { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; text-transform: uppercase; padding-left: 10px; -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: right; transform-origin: right; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .gallery-block-two .link-btn a:hover .txt { opacity: 1; -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition: all 0.3s ease 100ms; -moz-transition: all 0.3s ease 100ms; -ms-transition: all 0.3s ease 100ms; -o-transition: all 0.3s ease 100ms; transition: all 0.3s ease 100ms; } .gallery-block-two .link-btn a:hover { color: #139FDD; width: 160px; } .gallery-block-three { position: relative; margin-bottom: 30px; } .gallery-block-three .inner-box { position: relative; display: block; } .gallery-block-three .image-box { position: relative; display: block; } .gallery-block-three .image { position: relative; display: block; } .gallery-block-three .image img { position: relative; display: block; width: 100%; } .gallery-block-three .link-btn { position: absolute; right: 0px; bottom: 0; z-index: 2; } .gallery-block-three .link-btn a { position: relative; display: block; text-align: center; width: 64px; height: 64px; line-height: 64px; color: #000000; background: #ffffff; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .gallery-block-three .link-btn a .icon { position: relative; display: inline-block; font-size: 22px; vertical-align: middle; } .gallery-block-three .link-btn a:hover { color: #ffffff; background: #139FDD; } .gallery-block-three .zoom-btn { position: absolute; right: 66px; bottom: 0; z-index: 2; } .gallery-block-three .zoom-btn a { position: relative; display: block; text-align: center; width: 64px; height: 64px; line-height: 64px; color: #000000; background: #ffffff; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .gallery-block-three .zoom-btn a .icon { position: relative; display: inline-block; font-size: 22px; vertical-align: middle; } .gallery-block-three .zoom-btn a:hover { color: #ffffff; background: #139FDD; } .gallery-block-three .hover-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6,17,56,0.90); opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; } .gallery-block-three .inner-box:hover .hover-box { opacity: 1; } .gallery-block-three .hover-box .hover-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: table; padding: 20px 20px; vertical-align: middle; color: #ffffff; text-align: center; } .gallery-block-three .hover-box .content { position: relative; width: 100%; display: table-cell; vertical-align: middle; } .gallery-block-three .hover-box h4 { color: #ffffff; text-transform: capitalize; margin: 0; } .gallery-block-three .hover-box h4 a { color: #ffffff; } .gallery-block-three .hover-box .separator { position: relative; display: block; width: 80px; margin: 5px auto; overflow: hidden; } .gallery-block-three .hover-box .separator .dot { position: relative; display: inline-block; width: 5px; height: 5px; background: #ffffff; } .gallery-block-three .hover-box .separator .dot:before { content: ''; position: absolute; top: 2px; left: 100%; margin-left: 5px; width: 45px; border-bottom: 1px solid #ffffff; } .gallery-block-three .hover-box .separator .dot:after { content: ''; position: absolute; top: 2px; right: 100%; margin-right: 5px; width: 45px; border-bottom: 1px solid #ffffff; } .gallery-block-three .hover-box .category { font-size: 13px; text-transform: uppercase; line-height: 1.5em; } .gallery-block-four { position: relative; margin-bottom: 40px; } .gallery-block-four .inner-box { position: relative; display: block; } .gallery-block-four .image-box { position: relative; display: block; overflow: hidden; } .gallery-block-four .image { position: relative; display: block; } .gallery-block-four .image img { position: relative; display: block; width: 100%; } .gallery-block-four .link-btn { position: absolute; right: 0px; bottom: 0px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; z-index: 2; } .gallery-block-four .link-btn a { position: relative; display: block; text-align: center; width: 64px; height: 64px; line-height: 64px; color: #000000; background: #ffffff; overflow: hidden; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .gallery-block-four .link-btn a .icon { position: relative; display: inline-block; font-size: 22px; vertical-align: middle; } .gallery-block-four .link-btn a:hover { color: #ffffff; background: #139FDD; } .gallery-block-four .zoom-btn { position: absolute; right: 66px; bottom: 0px; -webkit-transition: all 300ms ease 300ms; -moz-transition: all 300ms ease 300ms; -ms-transition: all 300ms ease 300ms; -o-transition: all 300ms ease 300ms; transition: all 300ms ease 300ms; z-index: 2; } .gallery-block-four .zoom-btn a { position: relative; display: block; text-align: center; width: 64px; height: 64px; line-height: 64px; color: #000000; background: #ffffff; overflow: hidden; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .gallery-block-four .zoom-btn a .icon { position: relative; display: inline-block; font-size: 22px; vertical-align: middle; } .gallery-block-four .zoom-btn a:hover { color: #ffffff; background: #139FDD; } .gallery-block-four .inner-box:hover .zoom-btn a, .gallery-block-four .inner-box:hover .link-btn a { opacity: 1; } .gallery-block-four .lower-box { position: relative; display: block; text-align: center; color: #000000; padding: 20px 20px 0px; } .gallery-block-four .lower-box .content { position: relative; display: block; } .gallery-block-four .lower-box h4 { color: #061138; text-transform: capitalize; margin: 0; } .gallery-block-four .lower-box h4 a { color: #061138; } .gallery-block-four .lower-box .separator { position: relative; display: block; width: 80px; margin: 5px auto; overflow: hidden; } .gallery-block-four .lower-box .separator .dot { position: relative; display: inline-block; width: 5px; height: 5px; background: #d1d8e2; } .gallery-block-four .lower-box .separator .dot:before { content: ''; position: absolute; top: 2px; left: 100%; margin-left: 5px; width: 45px; border-bottom: 1px solid #d1d8e2; } .gallery-block-four .lower-box .separator .dot:after { content: ''; position: absolute; top: 2px; right: 100%; margin-right: 5px; width: 45px; border-bottom: 1px solid #d1d8e2; } .gallery-block-four .inner-box:hover .lower-box .separator .dot { background: #139FDD; } .gallery-block-four .inner-box:hover .lower-box .separator .dot:before, .gallery-block-four .inner-box:hover .lower-box .separator .dot:after { border-color: #139FDD; } .gallery-block-four .lower-box .category { font-size: 13px; text-transform: uppercase; line-height: 1.5em; } .portfolio-section .see-more { position: relative; display: block; text-align: center; padding-top: 10px; } .portfolio-section .see-more { position: relative; display: block; text-align: center; padding-top: 10px; } .portfolio-masonry .see-more { padding-top: 20px; } .portfolio-section .see-more a { vertical-align: top; min-width: 190px; } /*=== Filter Gallery ===*/ .filter-gallery .filters { position: relative; margin-bottom: 25px; } .filter-gallery .filters .filter-tabs { position: relative; display: block; } .filter-gallery .filters li { position: relative; display: inline-block; font-size: 13px; line-height: 24px; padding: 3px 0px; cursor: pointer; color: #061138; font-weight: 400; margin: 0 25px 10px 0px; text-transform: uppercase; letter-spacing: 0px; border-radius: 20px; background: none; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .filter-gallery .filters .filter.active, .filter-gallery .filters .filter.current { color: #139FDD; } .portfolio-mixitup .pagination-box { position: relative; padding-top: 10px; } /*** ==================================================================== Welcome Section ==================================================================== ***/ .welcome-section { position: relative; padding: 90px 0px; } .welcome-section .title-box { position: relative; max-width: 870px; margin: 0 auto 40px; text-align: center; } .welcome-section .title-box h4 { position: relative; text-transform: uppercase; color: #000000; margin-bottom: 10px; } .welcome-section .title-box h2 { position: relative; text-transform: uppercase; color: #061138; margin-bottom: 20px; } .welcome-section .title-box h2 strong { font-weight: 700; } .welcome-section .image-box { position: relative; margin: 0 0 50px; } .welcome-section .image-box img { display: block; width: 100%; } .event-carousel-box { position: relative; overflow: hidden; } .event-carousel-box .event-carousel { position: relative; max-width: 340px; margin: 0 auto; } .event-carousel-box .event-carousel .owl-stage-outer { overflow: visible; } .event-carousel-box .event-block { position: relative; } .event-carousel-box .event-block .inner { position: relative; display: block; text-align: center; } .event-carousel-box .event-block .date { position: relative; display: block; font-size: 13px; color: #000000; text-transform: uppercase; margin-bottom: 7px; } .event-carousel-box .event-block h4 { position: relative; display: block; font-size: 24px; color: #061138; text-transform: capitalize; margin-bottom: 12px; } .event-carousel-box .event-block h4 a { color: #061138; } .event-carousel-box .event-block h4 a:hover { color: #139FDD; } .event-carousel-box .event-block .text { color: #000000; line-height: 1.7em; } .event-carousel-box .event-block .year { position: relative; display: block; padding-top: 50px; font-size: 36px; line-height: 48px; color: #000000; font-family: 'Poppins', sans-serif; opacity: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .event-carousel-box .active .event-block .year { opacity: 1; } .event-carousel-box .owl-theme .owl-dots { display: none; } .event-carousel-box .owl-theme .owl-nav { position: absolute; bottom: 40px; left: 50%; margin-left: -140px; width: 280px; } .event-carousel-box .owl-theme .owl-nav .owl-prev, .event-carousel-box .owl-theme .owl-nav .owl-next { position: absolute; left: 0; display: block; line-height: 51px; height: 51px; background: none; font-size: 32px; margin: 0; color: rgba(0,0,0,0.20); } .event-carousel-box .owl-theme .owl-nav .owl-next { left: auto; right: 0; } .event-carousel-box .owl-theme .owl-nav .owl-prev:before { content: ''; position: absolute; left: 20px; top: 50%; border-bottom: 1px solid rgba(0,0,0,0.20); width: 60px; } .event-carousel-box .owl-theme .owl-nav .owl-next:before { content: ''; position: absolute; right: 20px; top: 50%; border-bottom: 1px solid rgba(0,0,0,0.20); width: 60px; } .event-carousel-box .owl-theme .owl-nav .owl-prev:hover, .event-carousel-box .owl-theme .owl-nav .owl-next:hover, .event-carousel-box .owl-theme .owl-nav .owl-prev:hover:before, .event-carousel-box .owl-theme .owl-nav .owl-next:hover:before { color: #139FDD; border-color: #139FDD; } /*** ==================================================================== About Section TThreewo ==================================================================== ***/ .about-section-three { position: relative; padding: 80px 0px 90px; background: #ffffff; } .about-section-three .image-box-left { position: absolute; left: 0; top: 0; width: 50%; height: 100%; } .about-section-three .image-box-left .image-layer { position: absolute; left: 0; right: 80px; top: 0px; bottom: 0; background-repeat: no-repeat; background-position: top right; } .about-section-three .bg-image-layer { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .about-section-three .content-outer { position: relative; display: block; margin: 0px 0px; } .about-section-three .content-outer .video-link { position: absolute; left: -140px; bottom: 60px; display: block; text-align: center; } .about-section-three .content-outer .video-link a { position: relative; display: inline-block; width: 110px; height: 110px; border: 2px solid #139FDD; padding: 10px 10px; border-radius: 50%; } .about-section-three .content-outer .video-link a:hover { border-color: #061138; } .about-section-three .content-outer .video-link a .icon { position: relative; display: block; line-height: 86px; padding-left: 4px; color: #ffffff; background: #139FDD; font-size: 36px; border-radius: 50%; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .about-section-three .content-outer .video-link a:hover .icon { color: #ffffff; background: #061138; } .about-section-three .content-outer .content-inner { position: relative; display: block; float: right; width: 100%; max-width: 50%; text-align: right; } .about-section-three .content-outer h2 { font-size: 36px; text-transform: capitalize; color: #061138; margin-bottom: 25px; } .about-section-three .content-outer .info { position: relative; display: block; margin-bottom: 20px; } .about-section-three .content-outer .info .name { position: relative; display: block; font-family: 'Poppins', sans-serif; font-size: 24px; text-transform: capitalize; color: #061138; line-height: 1.5em; } .about-section-three .content-outer .info .designation { position: relative; font-size: 13px; text-transform: uppercase; color: #000000; line-height: 1.7em; } /*** ==================================================================== Choose Destinations Section ==================================================================== ***/ .choose-destination { position: relative; padding: 0px 0px; } .choose-destination .upper-row { position: relative; padding: 90px 0px 120px; background: #061138; color: #ffffff; } .choose-destination .sec-title { position: relative; margin-bottom: 30px; } .choose-destination .booking-form .row { margin: 0px -15px; } .choose-destination .booking-form .form-group { padding: 0px 15px; margin-bottom: 30px; } .choose-destination .booking-form .form-group .field-label { color: #ffffff; margin-bottom: 5px; } .choose-destination .booking-form .form-group .ui-selectmenu-button.ui-button { padding-left: 25px; } .choose-destination .booking-form .form-group .ui-button .ui-icon { right: 0; } .choose-destination .booking-form .form-group button { background: none; display: block; width: 100%; } .choose-destination .lower-row { position: relative; display: block; z-index: 1; } .choose-destination .map-box { position: relative; display: block; margin-top: -100px; } .choose-destination .map-box img { display: block; width: 100%; } /*** ==================================================================== Services Section ==================================================================== ***/ .services-section-two { position: relative; padding: 100px 0px 70px; } .service-block-two { position: relative; margin-bottom: 30px; } .service-block-two .inner-box { position: relative; display: block; background: #ffffff; text-align: center; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .service-block-two .inner-box:hover { box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.08); } .service-block-two .image { position: relative; display: block; } .service-block-two .image img { position: relative; display: block; width: 100%; } .service-block-two .lower-box { position: relative; display: block; padding: 95px 20px 30px; border-top: none; border: 1px solid rgba(0,0,0,0.10); } .service-block-two .title-box { position: absolute; top: -80px; display: block; width: 100%; left: 0; padding: 0px 40px; } .service-block-two .title-box .inner { position: relative; display: block; padding: 30px 20px; background: #f0f3f7; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .service-block-two .inner-box:hover .title-box .inner { background: #061138; } .service-block-two .title-box .subtitle { position: relative; display: block; color: #000000; font-size: 13px; text-transform: uppercase; margin-bottom: 27px; } .service-block-two .title-box .subtitle:before { content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: -14px; width: 80px; border-bottom: 1px solid rgba(0,0,0,0.10); } .service-block-two .inner-box:hover .subtitle:before { border-color: rgba(255,255,255,0.20); } .service-block-two .title-box h4 { position: relative; display: block; text-transform: capitalize; color: #061138; margin-bottom: 0; } .service-block-two .title-box h4 a { color: #061138; } .service-block-two .title-box h4 a:hover, .service-block-two .inner-box:hover .title-box h4 a { color: #139FDD; } .service-block-two .text { position: relative; display: block; line-height: 1.7em; margin-bottom: 20px; } .service-block-two .link-box { position: relative; display: block; } .service-block-two .link-box a { color: #061138; text-transform: uppercase; font-size: 13px; font-weight: 600; } .service-block-two .link-box a:hover { color: #139FDD; text-decoration: underline; } /*** ==================================================================== Services Section ==================================================================== ***/ .services-section-three { position: relative; padding: 0 0 100px; } .services-section-three .main-image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .services-section-three .main-image-layer:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #f0f3f7; opacity: 0.94; } .services-section-three .upper-row { position: relative; } .services-section-three .upper-row .image-layer { position: absolute; right: -70px; left: 50%; top: 0; bottom: 0; margin-left: -65px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .services-section-three .upper-row .image-layer:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #061138; opacity: 0.92; } .services-section-three .left-col { position: relative; } .services-section-three .left-col .inner { position: relative; display: block; padding: 90px 0px; } .services-section-three .left-col .sec-title { margin-bottom: 30px; } .services-section-three .left-col .text { margin-bottom: 40px; line-height: 1.7em; } .services-section-three .left-col .info { position: relative; display: block; padding-left: 22px; } .services-section-three .left-col .info:before { content: ''; position: absolute; left: 0; top: 5px; bottom: 5px; border-left: 2px solid #139FDD; } .services-section-three .left-col .info h5 { color: #061138; margin-bottom: 7px; } .services-section-three .left-col .info .phone { font-size: 24px; line-height: 1.3em; color: #061138; font-weight: 500; } .services-section-three .left-col .info .phone a { color: #061138; } .services-section-three .left-col .info .phone a:hover { color: #139FDD; } .services-section-three .right-col { position: relative; } .services-section-three .right-col .inner { position: relative; display: block; padding: 90px 0px 180px 90px; } .featured-block { position: relative; } .featured-block .inner-box { position: relative; display: block; } .featured-block .icon-box { position: relative; top: 0; display: block; line-height: 1em; font-size: 64px; color: #139FDD; margin-bottom: 20px; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .featured-block h4 { color: #ffffff; margin-bottom: 20px; } .featured-block h4 a { color: #ffffff; } .featured-block .text { position: relative; display: block; color: #868da5; margin-bottom: 25px; } .featured-block .link-box { position: relative; display: block; margin-bottom: 20px; } .featured-block .link-box a { color: #ffffff; font-size: 13px; text-transform: uppercase; font-weight: 600; } .featured-block .link-box a:hover { color: #139FDD; } .featured-column-carousel .owl-nav { display: none; } .featured-column-carousel .owl-dots { position: absolute; right: -60px; top: 90px; width: 14px; } .featured-column-carousel .owl-dots .owl-dot { position: relative; margin-bottom: 22px; } .featured-column-carousel .owl-dots .owl-dot span { position: relative; display: block; width: 12px; height: 12px; border: 2px solid #ffffff; background: none; border-radius: 50%; } .featured-column-carousel .owl-dots .owl-dot.active span { -ms-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); } .services-section-three .lower-row { position: relative; z-index: 1; } .services-section-three .process-container { position: relative; margin-top: -100px; box-shadow: 0 0 25px 0px rgba(0,0,0,0.05); } .process-container { position: relative; display: block; background: #ffffff; padding: 20px 0px; } .process-container .process-block { position: relative; } .process-container .process-block .inner-box { position: relative; padding: 50px 30px; text-align: center; } .process-container .process-block .inner { position: relative; display: block; } .process-container .process-block .inner-box:before { content: ''; position: absolute; right: 0; top: 50%; height: 130px; margin-top: -65px; border-right: 1px solid rgba(0,0,0,0.10); } .process-container .process-block:last-child .inner-box:before { display: none; } .process-container .process-block .inner-box:after { font-family: 'Flaticon'; content: "\f10f"; position: absolute; right: -21px; top: 50%; margin-top: -21px; width: 41px; height: 41px; line-height: 40px; border: 1px solid rgba(0,0,0,0.10); color: rgba(0,0,0,0.30); background: #ffffff; border-radius: 50%; } .process-container .process-block:last-child .inner-box:after { display: none; } .process-container .process-block .count { position: relative; width: 70px; height: 70px; padding: 20px 10px; line-height: 30px; background: #f0f3f7; color: #061138; font-family: 'Poppins', sans-serif; font-size: 24px; border-radius: 50%; margin: 0 auto 15px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .process-container .process-block:hover .count { -ms-transform: translateY(180px); -webkit-transform: translateY(180px); transform: translateY(180px); background: #139FDD; color: #ffffff; } .process-container .process-block .title-box { position: relative; top: 0; margin-bottom: 10px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .process-container .process-block:hover .title-box { -ms-transform: translateY(-75px); -webkit-transform: translateY(-75px); transform: translateY(-75px); } .process-container .process-block .link { position: relative; color: #000000; font-size: 13px; text-transform: uppercase; margin-bottom: 0px; } .process-container .process-block .link a { position: relative; color: #000000; } .process-container .process-block h4 { position: relative; color: #061138; text-transform: capitalize; margin-bottom: 0px; } .process-container .process-block .text { position: absolute; left: 0; bottom: 0; opacity: 0; visibility: hidden; color: #000000; line-height: 1.7em; -ms-transform: translateY(20px); transform: translateY(20px); transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .process-container .process-block:hover .text { opacity: 1; visibility: visible; -ms-transform: translateY(-18px); transform: translateY(-18px); } p{ font-size:16px !important; color:#36454f !important } /*** ==================================================================== Services Section Four ==================================================================== ***/ .services-section-four { position: relative; padding: 95px 0 100px; } .services-section-four .inner-container { max-width: 980px; margin: 0 auto; text-align: center; } .services-section-four .title-box { position: relative; margin-bottom: 40px; } .services-section-four .title-box h2 { font-size: 40px; color: #061138; text-transform: capitalize; line-height: 1.25em; margin-bottom: 0; } .services-section-four .text { position: relative; max-width: 520px; line-height: 1.7em; margin: 0 auto 40px; } .services-section-four .service-list { position: relative; padding: 15px; line-height: 30px; border-top: 1px solid rgba(0,0,0,0.10); border-bottom: 1px solid rgba(0,0,0,0.10); margin: 0 0 35px; } .services-section-four .service-list li { position: relative; display: inline-block; vertical-align: top; line-height: 34px; margin: 0px 30px; } .services-section-four .service-list li .icon { position: relative; color: #139FDD; font-size: 24px; vertical-align: middle; padding-right: 10px; } .services-section-four .service-list li:nth-child(2):before { content: ''; position: absolute; right: -29px; top: 50%; margin-top: -15px; height: 30px; border-right: 1px solid rgba(0,0,0,0.15); } .services-section-four .service-list li:nth-child(2):after { content: ''; position: absolute; left: -29px; top: 50%; margin-top: -15px; height: 30px; border-left: 1px solid rgba(0,0,0,0.15); } /*** ==================================================================== Coming Soon ==================================================================== ***/ .comming-soon { position: fixed; width: 100%; left: 0; top: 0; height: 100%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; text-align: center; } .comming-soon .outer-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; } .comming-soon .content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: table; vertical-align: middle; } .comming-soon .content-inner { position: relative; width: 100%; padding: 50px 5px; display: table-cell; vertical-align: middle; } .comming-soon:before { position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; background: #061138; opacity: 0.90; } .comming-soon .logo-box { position: relative; display: block; margin-bottom: 20px; } .comming-soon .logo-box img { height: 90px; } .comming-soon h1 { position: relative; color: #ffffff; font-size: 72px; font-weight: 400; line-height: 1.2em; text-transform: uppercase; margin-bottom: 30px; } .comming-soon .social-links { position: relative; padding-top: 30px; text-align: center; } .comming-soon .social-links li { position: relative; display: inline-block; margin: 0px 3px; } .comming-soon .social-links li a { position: relative; display: block; color: rgba(255,255,255,0.50); width: 44px; height: 44px; font-size: 16px; border: 1px solid rgba(255,255,255,0.20); line-height: 42px; text-align: center; border-radius: 50%; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .comming-soon .social-links li a:hover, .comming-soon .social-links li a:hover { color: #ffffff; background: #139FDD; border-color: #139FDD; } .comming-soon .links-box { position: relative; } .comming-soon .links-box .theme-btn { vertical-align: top; min-width: 190px; margin: 0px 10px 20px; } /*** ==================================================================== Countdown style ==================================================================== ***/ .time-counter { position: relative; } .time-counter .time-countdown { position: relative; margin-bottom: 10px; } .time-counter .time-countdown .counter-column { position: relative; display: inline-block; vertical-align: top; min-width: 120px; color: #ffffff; font-size: 18px; text-transform: uppercase; font-weight: 600; margin: 0px 30px 50px; } .time-counter .time-countdown .counter-column:after { content: ':'; position: absolute; right: -60px; top: 5px; width: 60px; font-size: 60px; color: rgba(255,255,255,0.20); line-height: 1em; } .time-counter .time-countdown .counter-column:last-child:after { display: none; } .time-counter .time-countdown .counter-column .count { position: relative; display: block; font-size: 72px; line-height: 1em; color: #139FDD; font-weight: 700; } /*** ==================================================================== Contact Section ==================================================================== ***/ .contact-section { position: relative; padding: 50px 0px 50px; } .contact-section .filter-box { position: relative; width: 100%; max-width: 300px; margin: 0 0 40px; } .contact-section .filter-box .form-group { margin: 0; } .contact-section .filter-box .ui-selectmenu-button.ui-button { background: none; border: none; border-bottom: 1px solid rgba(0,0,0,0.10); color: #000000; font-size: 13px; padding: 0 0 10px; height: 41px; line-height: 30px; text-transform: uppercase; } .contact-section .filter-box .ui-button .ui-icon:before { color: #000000; font-style: normal; } .contact-section .info-container { position: relative; margin-bottom: 60px; } .info-block { position: relative; margin-bottom: 30px; } .info-block .inner-box { position: relative; display: block; padding: 40px 25px 45px; background: #ffffff; border: 1px solid rgba(0,0,0,0.10); text-align: center; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .info-block .inner-box:hover { border-color: transparent; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.08); } .info-block .icon-box { position: relative; top: 0; display: block; line-height: 70px; font-size: 54px; color: #139FDD; margin-bottom: 10px; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .info-container .info-block:nth-child(2) .icon-box { font-size: 70px; } .info-block .title-box { position: relative; display: block; margin-bottom: 15px; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .info-block .title-box h4 { text-transform: uppercase; color: #061138; font-size: 20px; line-height: 1.2em; margin: 0 0 5px; } .info-block .title-box .subtitle { position: relative; color: #000000; font-size: 13px; text-transform: uppercase; line-height: 1.6em; } .info-block .content-box { position: relative; display: block; padding: 45px 0px; margin-bottom: 15px; } .info-block .content-box:before { content: ''; position: absolute; left: 50%; top: 0px; bottom: 0px; border-left: 1px solid rgba(0,0,0,0.10); } .info-block .text { position: relative; display: block; color: #868da5; font-size: 15px; background: #ffffff; padding: 15px 0px; line-height: 1.7em; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .info-block .link-box { position: relative; } .info-block .link-box a { position: relative; display: inline-block; vertical-align: top; line-height: 20px; font-size: 13px; text-transform: uppercase; font-weight: 600; color: #061138; } .info-block .link-box a:hover { color: #139FDD; } .map-data { text-align: center; font-size: 15px; color: #000000; font-weight: 400; line-height: 1.7em; } .map-data h6 { font-size: 20px; font-weight: 700; text-align: center; margin-bottom: 10px; color: #061138; } .map-canvas { height: 680px; } .contact-form { position: relative; } .contact-container .form-column, .contact-container .map-column { position: relative; margin-bottom: 30px; } .contact-container .form-column .inner { position: relative; padding: 35px 35px 35px; border: 1px solid #b5c0cf; /*background-image: linear-gradient(153deg, #3BE2BC 0%, #1B96F1 95%);*/ border-radius: 10px; } .contact-container .sec-title h2 { font-size: 36px; } .contact-form .form-group input, .contact-form .form-group textarea, .contact-form .form-group .ui-selectmenu-button.ui-button { font-family: 'Poppins', sans-serif; /*font-style: italic;*/ padding-left: 20px !important; } .contact-form .form-group textarea { height: 140px; } .contact-form .form-group button { margin-top: 5px; display: block; width: 100%; } /*** ==================================================================== Rent Buy Section ==================================================================== ***/ .rent-buy-section { position: relative; padding: 0px 0px 90px; } .rent-buy-section .lower-filter-row { position: relative; margin-top: 60px; margin-bottom: 15px; } .rent-buy-section .lower-filter-row .results-count { position: relative; float: left; line-height: 28px; padding: 12px 0px; color: #061138; font-size: 13px; font-weight: 500; text-transform: uppercase; margin-bottom: 20px; } .rent-buy-section .lower-filter-row .filters { position: relative; float: right; } .rent-buy-section .lower-filter-row .filters .filter-box { position: relative; float: left; margin-left: 10px; width: 230px; margin-bottom: 20px; } .rent-buy-section .lower-filter-row .form-group { margin: 0; padding: 0; } .rent-buy-section .lower-filter-row .form-group .ui-selectmenu-button.ui-button { background: none; border-color: rgba(0,0,0,0.10); color: #000000; font-size: 15px; text-transform: capitalize; font-style: italic; font-family: 'Poppins', sans-serif; } .rent-buy-section .lower-filter-row .form-group .ui-button .ui-icon:before { color: #868da5; font-style: normal; } .tabs-box { position: relative; } .tabs-box .tab-buttons { position: relative; } .tabs-box .tab-buttons .tab-btn { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; } .tabs-box .tabs-content { position: relative; } .tabs-box .tabs-content .tab { position: relative; display: none; } .tabs-box .tabs-content .active-tab { display: block; } .rent-buy-section .form-tabs { position: relative; z-index: 3; } .rent-buy-section .form-tabs .tab-buttons { position: absolute; left: 0; top: -50px; width: 100%; z-index: 1; } .rent-buy-section .form-tabs .tab-buttons .tab-btn { position: relative; float: left; line-height: 32px; padding: 10px 20px; text-align: center; min-width: 82px; background: #139FDD; color: #ffffff; font-size: 13px; text-transform: uppercase; font-weight: 600; margin-right: 2px; border-radius: 2px 2px 0px 0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .rent-buy-section .form-tabs .tab-buttons .active-btn { background: #ffffff; color: #061138; } .payment .form-tabs { position: relative; z-index: 3; } .payment .form-tabs .tab-buttons { position: absolute; left: 0; top: -50px; width: 100%; z-index: 1; } .payment .form-tabs .tab-buttons .tab-btn { position: relative; float: left; line-height: 32px; padding: 10px 20px; text-align: center; min-width: 82px; background: #ffffff; color: #061138; font-size: 13px; text-transform: uppercase; font-weight: 600; margin-right: 2px; border-radius: 2px 2px 0px 0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .payment .form-tabs .tab-buttons .active-btn { background: #139FDD; color: #ffffff; } .yacht-search-form { position: relative; box-shadow: none; } .yacht-search-form .row { margin: 0 0px; } .yacht-search-form .row .form-group { position: relative; padding: 0 0px; margin-bottom: 0px; } .yacht-search-form .row .form-group input { background: #ffffff; border: 1px solid rgba(0,0,0,0.10); color: #000000; font-size: 13px; text-transform: uppercase; height: 62px; line-height: 30px; padding: 15px 25px; padding-left: 52px; } .yacht-search-form .row .form-group .ui-selectmenu-button.ui-button { background: #ffffff; border: 1px solid rgba(0,0,0,0.10); color: #000000; font-size: 13px; text-transform: uppercase; height: 62px; line-height: 30px; padding: 15px 25px; padding-left: 52px; } .yacht-search-form .row .form-group .ui-button .ui-icon:before { color: #868da5; font-style: normal; } .yacht-search-form .row .form-group form ::-webkit-input-placeholder { color: #000000; text-transform: uppercase; } .yacht-search-form .row .form-group form ::-moz-input-placeholder { color: #000000; text-transform: uppercase; } .yacht-search-form .row .form-group form ::-ms-input-placeholder { color: #000000; text-transform: uppercase; } .yacht-search-form .row .form-group .theme-btn, .yacht-search-form .row .form-group input[type="submit"] { width: 100%; font-size: 13px; color: #ffffff; text-transform: uppercase; /* background: #dee2e6; */ background-image: linear-gradient(153deg, #3BE2BC 0%, #1B96F1 95%); font-weight: 600; line-height: 26px; padding: 18px 20px; height: 62px; text-align: center; display: block; border-radius: 5px; } .yacht-search-form .row .form-group .theme-btn .icon { position: relative; vertical-align: top; padding-right: 5px; } .yacht-search-form .row .form-group .theme-btn:hover { /*background: #139FDD !important;*/ color: #000000; } .yacht-search-form .form-group .field-icon { position: absolute; left: 25px; top: 15px; line-height: 30px; color: #868da5; display: block; font-size: 16px; z-index: 1; } .yacht-search-form .form-group .field-icon.invert { -ms-transform: rotate(180deg); transform: rotate(180deg); } .results-row .rental-block { margin-bottom: 50px; } .results-row .rental-block .image-box:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6,17,56,0); color: #ffffff; -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; opacity: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .results-row .rental-block .inner-box:hover .image-box:before { opacity: 1; -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); } .results-row .rental-block .price-box { background: #ffffff; } .results-row .rental-block .price-box .price { color: #1a1838; border-bottom-color: rgba(0,0,0,0.10); } .results-row .rental-block .price-box .cycle { color: #000000; } .results-row .rental-block .inner-box:hover .price-box .price, .results-row .rental-block .inner-box:hover .price-box .cycle { color: #ffffff; border-bottom-color: rgba(255,255,255,0.30); } /*** ==================================================================== Secondary Breadcrumb ==================================================================== ***/ .secondary-breadcrumb { position: relative; display: block; padding: 35px 0px; } .secondary-breadcrumb .bread-crumb { position: relative; display: inline-block; } .secondary-breadcrumb .bread-crumb li { position: relative; float: left; font-size: 13px; line-height: 24px; color: #ffffff; font-weight: 500; text-transform: uppercase; cursor: default; padding-right: 15px; margin-right: 15px; } .secondary-breadcrumb .bread-crumb li:before { position: absolute; right: -15px; width: 30px; text-align: center; font-size: 10px; line-height: 24px; color: #000000; font-weight: 400; font-family: 'Flaticon'; content: "\f10f"; } .secondary-breadcrumb .bread-crumb li:last-child { padding-right: 0; margin-right: 0; } .secondary-breadcrumb .bread-crumb li:last-child:before { display: none; } .secondary-breadcrumb .bread-crumb li a { color: #000000; font-weight: 500; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .secondary-breadcrumb .bread-crumb li a:hover, .secondary-breadcrumb .bread-crumb li.current { color: #139FDD; } /*** ==================================================================== Yacht Details ==================================================================== ***/ .yacht-details { position: relative; padding: 0 0 0px; /*background-image: linear-gradient(153deg, #3BE2BC 0%, #1B96F1 95%);*/ background: #ffffff; } .yacht-details .main-title { position: relative; text-align: center; margin-bottom: 30px; border-bottom:1px solid #b5c0cf; } .yacht-details .main-title h3 { text-transform: none; margin: 0px; font-weight: 700; color: #061138; } .yacht-details .main-image-box { position: relative; } .yacht-details .main-image-box .image, .yacht-details .main-image-box img { position: relative; display: block; width: 100%; } .yacht-details .main-image-box .caption-box { position: absolute; left: 0; bottom: 45px; width: 100%; padding: 0px 20px; text-align: center; color: #ffffff; font-size: 13px; text-transform: uppercase; font-weight: 500; line-height: 1.6em; z-index: 1; } .yacht-details .main-image-box .caption-box h2 { font-size: 48px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } .yacht-details .main-image-box .caption-box .info { position: relative; display: block; } .yacht-details .basic-info { position: relative; padding: 20px 0px; border-bottom: 1px solid rgba(0,0,0,0.10); border-top: 1px solid rgba(0,0,0,0.10); background: #ffffff; margin-bottom: 50px; } .yacht-details .basic-info1 { position: relative; padding: 20px 0px 0px; /* border-bottom: 1px solid rgba(0,0,0,0.10); */ /* margin-bottom: 50px; */ } .yacht-details .basic-info .left-info { position: relative; float: left; padding-left: 50px; min-height: 50px; } .yacht-details .basic-info1 .left-info { position: relative; float: left; /*padding-left: 15px;*/ min-height: 50px; } .yacht-details .basic-info .left-info .icon { position: absolute; left: 0; top: 0; font-size: 42px; line-height: 52px; color: #139FDD; } .yacht-details .basic-info1 .left-info .icon { position: absolute; left: 0; top: 0; font-size: 42px; line-height: 52px; color: #139FDD; } .yacht-details .basic-info .left-info .p-title { font-size: 13px; text-transform: none; line-height: 20px; color: #000000; } .yacht-details .basic-info1 .left-info .p-title { font-size: 13px; text-transform: uppercase; line-height: 20px; color: #000000; } .yacht-details .basic-info .left-info .p-amount { position: relative; font-family: 'Poppins', sans-serif; font-size: 24px; text-transform: none; line-height: 30px; color: #061138; } .yacht-details .basic-info1 .left-info .p-amount { position: relative; font-family: 'Poppins', sans-serif; font-size: 24px; text-transform: uppercase; line-height: 30px; color: #061138; } .yacht-details .basic-info .down-link { position: relative; float: right; margin-top: 12px; min-height: 30px; } .yacht-details .basic-info .down-link a { position: relative; display: block; font-size: 13px; text-transform: uppercase; color: #000000; line-height: 30px; padding-left: 30px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .yacht-details .basic-info .down-link .icon { position: absolute; left: 0; top: 0; line-height: 30px; font-size: 24px; } .yacht-details .basic-info .down-link a:hover, .yacht-details .basic-info .down-link a:hover .icon { color: #139FDD; } .yacht-details .content-column { position: relative; margin-bottom: 0px; } .yacht-details .content-column .inner { position: relative; padding-right: 50px; border-right: 1px solid rgba(0,0,0,0.10); } .yacht-details .content-column .text-block { position: relative; } .yacht-details .content-column .text-block p { margin-bottom: 30px; } .yacht-details .content-column .text-block h4 { text-transform: uppercase; color: #061138; margin-bottom: 12px; } .yacht-details .content-column .scroller-box { position: relative; } .yacht-details .content-column .scroller { position: relative; height: 360px; overflow-y: auto; } .yacht-details .feature { position: relative; display: block; margin-bottom: 20px; } .yacht-details .feature .feature-inner { position: relative; padding-left: 100px; min-height: 70px; padding-top: 12px; } .yacht-details .feature .feature-inner .icon { /*position: absolute; left: 0; top: 0; width: 70px; height: 70px; background: #ffffff; color: #000000; line-height: 48px; font-size: 36px; padding: 10px 10px; text-align: center; border: 1px solid rgba(0,0,0,0.10); border-radius: 50%; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;*/ position: absolute; left: 0; top: 0; width: 50px; height: 50px; background: #ffffff; color: #000000; line-height: 40px; font-size: 26px; padding: 5px 5px; text-align: center; border: 1px solid rgba(0,0,0,0.10); border-radius: 50%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .yacht-details .feature .feature-inner:hover .icon { background: #139FDD; border-color: #139FDD; color: #ffffff; } .yacht-details .feature h5 { font-size: 18px; text-transform: capitalize; color: #061138; margin-bottom: 5px; } .yacht-details .feature .text { line-height: 1.6em; } .yacht-details .mCSB_scrollTools .mCSB_draggerRail { background: #e1e7f0; color: #ffffff; } .yacht-details .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #139FDD; } .yacht-details .specs-column { position: relative; /*margin-bottom: 50px;*/ } .yacht-details .specs-column .inner { position: relative; padding-left: 30px; } .yacht-details .specs-column .title-box { position: relative; } .yacht-details .specs-column .title-box h4 { text-transform: uppercase; color: #061138; float: left; margin: 0 0 22px; line-height: 30px; } .yacht-details .specs-column .title-box .options { position: relative; float: right; margin: 0 0 22px; } .yacht-details .specs-column .title-box .options a { position: relative; display: block; line-height: 30px; color: #000000; font-size: 13px; text-transform: uppercase; float: left; margin-right: 20px; } .yacht-details .specs-column .title-box .options a:hover { color: #139FDD; } .yacht-details .specs-column .title-box .options a:last-child { margin-right: 0; } .yacht-details .specs-column .title-box .options a .icon { position: relative; font-size: 16px; vertical-align: middle; padding-right: 5px; } .yacht-details .specs-column .title-box .options1 { position: relative; float: left; margin: 0 0 0px; } .yacht-details .specs-column .title-box .options1 a { position: relative; display: block; line-height: 30px; color: #000000; font-size: 13px; text-transform: uppercase; float: left; margin-right: 20px; } .yacht-details .specs-column .title-box .options1 a:hover { color: #139FDD; } .yacht-details .specs-column .title-box .options1 a:last-child { margin-right: 0; } .yacht-details .specs-column .title-box .options1 a .icon { position: relative; font-size: 16px; vertical-align: middle; padding-right: 5px; } .yacht-details .features-list { position: relative; } .yacht-details .features-list li { position: relative; display: block; line-height: 26px; padding: 12px 20px; border: 1px solid rgba(0,0,0,0.10); /*margin-bottom: 19px;*/ } .yacht-details .features-list li:last-child { margin-bottom: 0; } .yacht-details .features-list li .ttl { position: relative; display: block; font-weight: 500; color: #061138; font-size: 13px; text-transform: uppercase; float: left; } .yacht-details .features-list li .dtl { position: relative; display: block; color: #000000; font-size: 13px; text-transform: capitalize; float: right; } /*** ==================================================================== Yacht Featured Images ==================================================================== ***/ .yacht-featured-images { position: relative; padding: 0 0; } .yacht-featured-images .images-container { position: relative; display: block; margin: 0px 0px; } .yacht-featured-images .outer-box { position: relative; display: table; width: 100%; vertical-align: middle; } .yacht-featured-image { position: relative; margin-bottom: 30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .yacht-featured-images .outer-box .yacht-featured-image { position: relative; display: table-cell; width: 20%; padding: 0px 0px; vertical-align: top; margin-bottom: 0; } .yacht-featured-images .outer-box:hover .yacht-featured-image { width: 17%; } .yacht-featured-images .outer-box .yacht-featured-image:hover { width: 32%; } .yacht-featured-image .inner-box { position: relative; display: block; background: #061138; height: 360px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .yacht-featured-image .image-box { position: relative; display: block; top: 0; overflow: hidden; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .yacht-featured-image .image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .yacht-featured-image .image-box .image { position: relative; display: none; } .yacht-featured-image .image-box img { position: relative; display: block; width: 100%; } .yacht-featured-image .hover-box { position: absolute; left: 0; bottom: 0px; width: 100%; padding: 20px 40px; text-align: center; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; opacity: 0; visibility: hidden; z-index: 2; } .yacht-featured-image:hover .inner-box .hover-box { opacity: 1; visibility: visible; } .yacht-featured-image .hover-inner { position: relative; display: block; background: #ffffff; padding: 12px 20px; transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; visibility: hidden; } .yacht-featured-image:hover .hover-inner { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; -webkit-transition: all 500ms ease 300ms; -ms-transition: all 500ms ease 300ms; -moz-transition: all 500ms ease 300ms; -o-transition: all 500ms ease 300ms; transition: all 500ms ease 300ms; } .yacht-featured-image .hover-inner h3 { position: relative; text-transform: capitalize; color: #061138; font-size: 24px; margin: 0; line-height: 1.333em; } .yacht-featured-image .hover-inner h3 a { color: #061138; } /*** ==================================================================== Similar Yachts ==================================================================== ***/ .similar-yachts { position: relative; background: #f0f3f7; padding: 90px 0 40px; } .similar-yachts .upper-title { position: relative; margin-bottom: 40px; } .similar-yachts .upper-title h4 { color: #061138; text-transform: uppercase; margin-bottom: 0; } .similar-yachts .rental-block { margin-bottom: 50px; } .similar-yachts .rental-block .inner-box { background: none; } .similar-yachts .rental-block .image-box:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6,17,56,0.85); color: #ffffff; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -ms-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; opacity: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .similar-yachts .rental-block .inner-box:hover .image-box:before { opacity: 1; -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); } .similar-yachts .rental-block .price-box { background: #f0f3f7; } .similar-yachts .rental-block .price-box .price { color: #1a1838; border-bottom-color: rgba(0,0,0,0.10); } .similar-yachts .rental-block .price-box .cycle { color: #000000; } .similar-yachts .rental-block .inner-box:hover .price-box .price, .similar-yachts .rental-block .inner-box:hover .price-box .cycle { color: #ffffff; border-bottom-color: rgba(255,255,255,0.30); } /*** ==================================================================== Team Section Two ==================================================================== ***/ .team-section-two { position: relative; background: #ffffff; padding: 90px 0 60px; } .team-section-two .upper-title { position: relative; text-align: center; margin-bottom: 40px; } .team-section-two .upper-title h4 { color: #061138; text-transform: uppercase; margin-bottom: 0; } .team-block-two { position: relative; margin-bottom: 30px; } .team-block-two .inner-box { position: relative; display: block; background: #ffffff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08); } .team-block-two .row { margin: 0 0; } .team-block-two .image-column, .team-block-two .content-column { padding: 0; margin: 0; } .team-block-two .image-box { position: relative; display: block; padding-right: 30px; } .team-block-two .image-box img { position: relative; display: block; width: 100%; } .team-block-two .inner { position: relative; display: block; padding: 25px 30px 20px 0px; } .team-block-two .inner .title { position: relative; padding-bottom: 15px; margin-bottom: 20px; } .team-block-two .inner .title:before { content: ''; position: absolute; left: 0; bottom: 0; width: 70px; border-bottom: 1px solid rgba(0,0,0,0.10); } .team-block-two .inner .title h4 { color: #061138; text-transform: capitalize; margin-bottom: 10px; } .team-block-two .inner .title h4 a { color: #061138; } .team-block-two .inner .title .designation { position: relative; text-transform: uppercase; color: #000000; font-size: 13px; line-height: 20px; } .team-block-two .info { position: relative; padding-bottom: 15px; } .team-block-two .info li { position: relative; line-height: 24px; color: #000000; font-size: 14px; margin-bottom: 5px; } .team-block-two .info li a { color: #000000; } .team-block-two .info li a:hover, .team-block-two .inner .title h4 a:hover { color: #139FDD; } .team-block-two .social-links { position: relative; } .team-block-two .social-links ul { position: relative; } .team-block-two .social-links li { position: relative; display: inline-block; vertical-align: top; margin: 0px 7px 0px 0px; } .team-block-two .social-links li a { position: relative; display: block; width: 40px; height: 40px; line-height: 38px; background: none; color: #b5c0cf; font-size: 14px; border: 1px solid rgba(0,0,0,0.10); text-align: center; border-radius: 50%; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .team-block-two .social-links li a:hover { color: #ffffff; background: #139FDD; border-color: #139FDD; } /*** ==================================================================== Yacht Tours Section ==================================================================== ***/ .yacht-tours-container { position: relative; padding: 0px 0px 10px; } .alternate-bg { background: #f0f5fc; } .alternate-bg-two { background: #f0f3f7; } .yacht-tours-container .main-title { position: relative; text-align: center; margin-bottom: 30px; } .yacht-tours-container .main-title h3 { text-transform: none; margin: 0px; font-weight: 700; color: #061138; } .yacht-tours-container .yacht-search-form { margin-bottom: 15px; } .yacht-tours-container .lower-filter-row { position: relative; margin-bottom: 15px; } .yacht-tours-container .lower-filter-row .results-count { position: relative; float: left; line-height: 28px; padding: 10px 0px; color: #061138; font-size: 13px; font-weight: 500; text-transform: uppercase; margin-bottom: 20px; } .yacht-tours-container .lower-filter-row .view-modes { position: relative; float: right; margin-left: 10px; } .yacht-tours-container .lower-filter-row .mode { position: relative; float: left; margin-left: 10px; } .yacht-tours-container .lower-filter-row .mode a { position: relative; display: block; width: 46px; height: 48px; line-height: 46px; font-size: 18px; border: 1px solid rgba(0,0,0,0.10); text-align: center; color: #b5c0cf; } .yacht-tours-container .lower-filter-row .mode a:hover, .yacht-tours-container .lower-filter-row .mode a.active { color: #139FDD; border-color: #139FDD; } .yacht-tours-container .lower-filter-row .filters { position: relative; float: right; } .yacht-tours-container .lower-filter-row .filters .filter-box { position: relative; float: left; margin-left: 10px; width: 230px; margin-bottom: 20px; } .yacht-tours-container .lower-filter-row .form-group { margin: 0; padding: 0; } .yacht-tours-container .lower-filter-row .form-group .ui-selectmenu-button.ui-button { background: none; border-color: rgba(0,0,0,0.10); color: #000000; font-size: 15px; height: 48px; line-height: 24px; padding: 11px 25px; text-transform: capitalize; font-style: italic; font-family: 'Poppins', sans-serif; } .yacht-tours-container .lower-filter-row .form-group .ui-button .ui-icon { top: 1px; } .yacht-tours-container .lower-filter-row .form-group .ui-button .ui-icon:before { color: #868da5; font-style: normal; } .yacht-tours-container .content-container { position: relative; } .content-container.full-view { padding-bottom: 30px; } .content-container.full-view .pagination-box { padding-top: 25px; } .content-container .content-side { position: relative; margin-bottom: 30px; } .content-container .content-side .content-inner { position: relative; display: block; } .content-container .pagination-box { padding-top: 10px; } .activity-block-two { position: relative; margin-bottom: 40px; } .activity-block-two .inner-box { position: relative; display: block; color: #ffffff; background: #061138; min-height: 310px; } .activity-block-two .image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; } .activity-block-two .image-layer:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #061138; opacity: 0.0; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .activity-block-two .inner-box:hover .image-layer:before { opacity: 0.90; } .activity-block-two .image-box { position: relative; width: 100%; display: none; } .activity-block-two .image-box img { display: block; width: 100%; } .activity-block-two .content-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; padding: 40px 40px 40px; } .activity-block-two .content { position: absolute; left: 40px; top: 40px; } .activity-block-two.with-offer .content { padding-left: 80px; min-height: 62px; } .activity-block-two.with-offer .content .off-price { position: absolute; left: 0; top: 0; text-align: center; width: 62px; height: 62px; padding: 15px 5px; line-height: 30px; background: #139FDD; font-size: 20px; font-weight: 700; font-family: 'Poppins', sans-serif; border-radius: 50%; } .activity-block-two .content-box h4 { position: relative; font-size: 28px; color: #ffffff; text-transform: capitalize; margin-bottom: 10px; } .activity-block-two .content-box h4 a { color: #ffffff; } .activity-block-two .content-box h4 a:hover { color: #139FDD; } .activity-block-two .ratings { position: absolute; right: 40px; bottom: 45px; text-align: right; } .activity-block-two .ratings .rate-text { position: relative; color: #ffffff; line-height: 24px; font-weight: 500; } .activity-block-two .ratings .rate-text strong { position: relative; font-size: 24px; font-weight: 400; } .activity-block-two .ratings .rate-text a { color: #ffffff; font-size: 12px; text-transform: uppercase; } .activity-block-two .ratings .rate { color: #139FDD; font-size: 12px; line-height: 20px; letter-spacing: 1px; } .activity-block-two .ratings .rate .empty-star { color: #b5c0cf; } .activity-block-two .info { position: relative; } .activity-block-two .info li { position: relative; float: left; font-size: 14px; line-height: 24px; margin-right: 31px; } .activity-block-two .info li:after { content: ''; position: absolute; right: -16px; top: 5px; height: 14px; border-right: 1px solid rgba(255,255,255,0.15); } .activity-block-two .info li:last-child { margin-right: 0; } .activity-block-two .info li:last-child:after { display: none; } .activity-block-two .info li a { color: #000000; } .activity-block-two .info li .icon { position: relative; display: inline-block; vertical-align: middle; padding-right: 5px; color: #139FDD; } .activity-block-two .links-box { position: absolute; left: 40px; bottom: 40px; } .activity-block-two .links-box .link { position: relative; float: left; margin-right: 15px; } .activity-block-two .pricing { position: absolute; right: 40px; top: 40px; width: 90px; height: 90px; color: #000000; padding-top: 20px; background: #ffffff; text-align: center; font-size: 12px; } .activity-block-two .pricing .price-title { display: block; text-transform: uppercase; line-height: 18px; } .activity-block-two .pricing .unit { display: block; color: #061138; font-family: 'Poppins', sans-serif; font-style: italic; text-transform: uppercase; font-weight: 500; } .activity-block-two .pricing .unit span { font-size: 20px; line-height: 26px; } .activity-block-two .info-btn-box { position: relative; z-index: 3; } .activity-block-two .info-btn-box .info-btn { position: relative; display: block; font-size: 20px; line-height: 28px; color: #000000; font-weight: 600; padding: 11px 15px; text-transform: uppercase; background: #ffffff; border-radius: 0px; z-index: 1; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; cursor: pointer; } .activity-block-two .info-btn-box .info-btn:hover { background: #139FDD; color: #ffffff; } .activity-block-two .info-btn-box .info-panel { position: absolute; left: 100%; margin-left: 50px; bottom: 0px; width: 240px; opacity: 0; visibility: hidden; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.12); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .activity-block-two .info-btn-box:hover .info-panel { margin-left: 25px; opacity: 1; visibility: visible; } .activity-block-two .info-btn-box .info-panel:before { content: ''; position: absolute; left: -8px; bottom: 15px; width: 20px; height: 20px; background: #ffffff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.12); z-index: 0; } .activity-block-two .info-btn-box .panel-inner { position: relative; display: block; padding: 25px 20px 18px; background: #ffffff; z-index: 1; } .activity-block-two .info-btn-box .panel-title { display: block; font-size: 13px; font-weight: 600; color: #061038; text-transform: uppercase; margin-bottom: 7px; } .activity-block-two .info-btn-box .panel-list { display: block; color: #000000; font-size: 14px; } .activity-block-two .info-btn-box .panel-list li { position: relative; padding-left: 12px; line-height: 24px; margin-bottom: 5px; color: #000000; } .activity-block-two .info-btn-box .panel-list li:before { content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background: #139FDD; } .activity-block-three { position: relative; margin-bottom: 40px; } .activity-block-three .inner-box { position: relative; display: block; max-width: 980px; margin: 0 auto; background: #ffffff; /*background-image: linear-gradient(153deg, #3BE2BC 0%, #1B96F1 95%);*/ padding-left: 270px; min-height: 300px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10); } .activity-block-three .full-box { position: relative; display: block; max-width: 980px; margin: 0 auto; background: #ffffff; /*min-height: 300px;*/ box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10); margin-bottom: 35px; margin-top: -15px; } .activity-block-three .image-box { position: absolute; left: 0; top: 0; width: 270px; height: 300px; overflow: hidden; z-index: 1; } .activity-block-three .image-box img { display: block; width: 100%; height: 300px; } .activity-block-three .image-box .offer-info { position: absolute; left: 0; top: 0; width: 120px; line-height: 20px; padding: 5px 10px; text-align: center; background: #be1935; font-size: 13px; text-transform: uppercase; font-weight: 600; color: #ffffff; -ms-transform: rotate(-45deg) translate(-31px,-22px); -webkit-transform: rotate(-45deg) translate(-31px,-22px); transform: rotate(-45deg) translate(-31px,-22px); z-index: 3; } .activity-block-three .content-box { position: relative; padding: 10px 20px; } .activity-block-three .add-to-fav { position: absolute; right: 25px; top: 40px; z-index: 1; } .activity-block-three .add-to-fav a { position: relative; display: block; font-size: 20px; line-height: 24px; color: #000000; } .activity-block-three .add-to-fav a:hover { color: #139FDD; } .activity-block-three .content-box h4 { position: relative; font-size: 26px; color: #061138; text-transform: capitalize; margin-bottom: 10px; } .activity-block-three .content-box h4 a { color: #061138; } .activity-block-three .content-box h4 a:hover { color: #139FDD; } .activity-block-three .ratings { position: relative; margin-bottom: 15px; } .activity-block-three .ratings .rate-text { position: relative; color: #061138; line-height: 24px; font-weight: 500; margin-bottom: 3px; } .activity-block-three .ratings .rate-text strong { position: relative; font-size: 24px; font-weight: 500; } .activity-block-three .ratings .rate-text a { color: #061138; font-size: 12px; text-transform: uppercase; } .activity-block-three .ratings .rate { color: #139FDD !important; font-size: 14px; line-height: 20px; letter-spacing: 1px; } .activity-block-three .ratings .rate .empty-star { color: #b5c0cf; } .activity-block-three .info { position: relative; } .activity-block-three .info li { position: relative; float: left; font-size: 14px; line-height: 24px; margin-right: 31px; } .activity-block-three .info li:after { content: ''; position: absolute; right: -16px; top: 5px; height: 14px; border-right: 1px solid rgba(0,0,0,0.15); } .activity-block-three .info li:last-child { margin-right: 0; } .activity-block-three .info li:last-child:after { display: none; } .activity-block-three .info li a { color: #000000; } .activity-block-three .info li .icon { position: relative; display: inline-block; vertical-align: middle; padding-right: 5px; color: #139FDD; } .activity-block-three .links-box { position: relative; margin-top: 45px; } .activity-block-three .links-box1 { position: relative; /*margin-top: 45px;*/ } .activity-block-three .links-box .link { position: relative; float: left; margin-right: 10px; margin-bottom: 10px; } .activity-block-three .links-box1 .link { position: relative; float: left; margin-right: 10px; margin-bottom: 10px; } .activity-block-three .links-box .pricing { position: relative; float: right; text-align: right; padding-top: 10px; font-size: 12px; } .activity-block-three .links-box .price-title { display: block; text-transform: uppercase; line-height: 16px; } .activity-block-three .links-box .unit { display: block; line-height: 24px; color: #061138; font-family: 'Poppins', sans-serif; font-style: italic; text-transform: uppercase; font-weight: 500; } .activity-block-three .links-box .unit span { font-size: 20px; } .activity-block-three .info-btn-box { position: relative; z-index: 3; } .activity-block-three .info-btn-box .info-btn { position: relative; position: relative; display: block; font-size: 20px; line-height: 28px; color: #000000; font-weight: 600; padding: 11px 15px; text-transform: uppercase; background: none; border: 1px solid rgba(0,0,0,0.15); border-radius: 0px; z-index: 1; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .activity-block-three .info-btn-box .info-btn:hover { background: #139FDD !important; border-color: #139FDD; color: #ffffff; } .activity-block-three .info-btn-box .info-panel { position: absolute; left: 100%; margin-left: 50px; bottom: 0px; width: 230px; opacity: 0; visibility: hidden; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.12); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .activity-block-three .info-btn-box:hover .info-panel { margin-left: 25px; opacity: 1; visibility: visible; } .activity-block-three .info-btn-box .info-panel:before { content: ''; position: absolute; left: -8px; bottom: 15px; width: 20px; height: 20px; background: #ffffff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.12); z-index: 0; } .activity-block-three .info-btn-box .panel-inner { position: relative; display: block; padding: 25px 20px 18px; background: #ffffff; z-index: 1; } .activity-block-three .info-btn-box .panel-inner { position: relative; display: block; padding: 22px 20px 15px; background: #ffffff; z-index: 1; } .activity-block-three .info-btn-box .panel-title { display: block; font-size: 13px; font-weight: 600; color: #061038; text-transform: uppercase; margin-bottom: 7px; } .activity-block-three .info-btn-box .panel-list { display: block; font-size: 14px; } .activity-block-three .info-btn-box .panel-list li { position: relative; padding-left: 12px; line-height: 24px; margin-bottom: 5px; } .activity-block-three .info-btn-box .panel-list li:before { content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background: #139FDD; } .package-block-two { position: relative; margin-bottom: 35px; } .package-block-two .inner-box { position: relative; } .package-block-two .image-box { position: relative; display: block; overflow-y: hidden; z-index: 1; } .package-block-two .image-box img { position: relative; display: block; width: 100%; } .package-block-two .hover-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6,17,56,0.90); color: #ffffff; z-index: 2; opacity: 0; visibility: hidden; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .package-block-two:hover .hover-box { opacity: 1; visibility: visible; } .package-block-two .hover-box .rating { position: absolute; right: 20px; top: 20px; width: 50px; height: 50px; line-height: 18px; padding: 6px 0px; text-align: center; color: #ffffff; background: #139FDD; border-radius: 50%; } .package-block-two .hover-box .rating .txt { position: relative; display: block; } .package-block-two .hover-box .rating .fa { position: relative; font-size: 12px; } .package-block-two .hover-box .hover-link { position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 25px 25px 20px; color: #ffffff; } .package-block-two .hover-box .hover-link a { position: relative; color: #ffffff; } .package-block-two .hover-box .hover-link a:hover { color: #139FDD; } .package-block-two .content { position: relative; display: block; background: #ffffff; padding: 24px 0px 0px; } .package-block-two .content h4 { position: relative; font-size: 24px; color: #061138; text-transform: capitalize; margin-bottom: 7px; } .package-block-two .content h4 a { color: #061138; } .package-block-two .content h4 a:hover { color: #139FDD; } .package-block-two .content .info { position: relative; } .package-block-two .content .info li { position: relative; float: left; font-size: 14px; line-height: 24px; margin-right: 31px; } .package-block-two .content .info li:after { content: ''; position: absolute; right: -16px; top: 5px; height: 14px; border-right: 1px solid rgba(0,0,0,0.15); } .package-block-two .content .info li:last-child { margin-right: 0; } .package-block-two .content .info li:last-child:after { display: none; } .package-block-two .content .info li a { color: #000000; } .package-block-two .content .info li .icon { position: relative; display: inline-block; vertical-align: middle; padding-right: 5px; color: #139FDD; } .package-block-two .pricing { position: absolute; left: 0px; bottom: 0px; min-width: 90px; min-height: 78px; color: #000000; padding: 15px 15px; background: #ffffff; text-align: center; font-size: 12px; z-index: 1; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .package-block-two .inner-box:hover .pricing { opacity: 0; } .package-block-two .pricing .price-title { display: block; text-transform: uppercase; line-height: 18px; } .package-block-two .pricing .unit { display: block; color: #061138; font-family: 'Poppins', sans-serif; font-style: italic; text-transform: uppercase; font-weight: 500; } .package-block-two .pricing .unit span { font-size: 20px; line-height: 26px; } /* Sidebar */ .content-container .widgets-side { position: relative; } .content-container .widgets-side .widgets-content { position: relative; display: block; padding-left: 20px; } .tour-widget { position: relative; margin-bottom: 50px; } .tour-widget .widget-inner { position: relative; display: block; } .tour-widget-title { position: relative; margin-bottom: 25px; } .tour-widget-title h4 { font-size: 20px; text-transform: uppercase; color: #061138; margin: 0; } .recommended-widget { position: relative; margin-bottom: 30px; } .recommended-widget .owl-theme { position: relative; margin-left: -20px; margin-right: -20px; width: auto; } .recommend-block { position: relative; } .recommended-widget .owl-theme .recommend-block { opacity: 0; visibility: hidden; } .recommended-widget .owl-theme .active .recommend-block { opacity: 1; visibility: visible; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .recommend-block .inner { position: relative; } .recommended-widget .owl-theme .recommend-block .inner { position: relative; margin: 0px 20px 20px; } .recommend-block .image-box { position: relative; display: block; z-index: 1; } .recommend-block .image-box img { position: relative; display: block; width: 100%; } .recommend-block .content { position: relative; display: block; background: #ffffff; padding: 15px 25px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10); } .recommend-block .content h4 { position: relative; font-size: 20px; color: #061138; text-transform: capitalize; margin-bottom: 5px; } .recommend-block .content h4 a { color: #061138; } .recommend-block .content h4 a:hover { color: #139FDD; } .recommend-block .content .info { position: relative; } .recommend-block .content .info li { position: relative; float: left; font-size: 14px; line-height: 24px; margin-right: 31px; } .recommend-block .content .info li:after { content: ''; position: absolute; right: -16px; top: 5px; height: 14px; border-right: 1px solid rgba(0,0,0,0.15); } .recommend-block .content .info li:last-child { margin-right: 0; } .recommend-block .content .info li:last-child:after { display: none; } .recommend-block .content .info li a { color: #000000; } .recommend-block .content .info li .icon { position: relative; display: inline-block; vertical-align: middle; padding-right: 5px; color: #139FDD; } .recommend-block .pricing { position: absolute; right: 0px; top: 0px; min-width: 90px; height: 72px; color: #000000; padding: 12px 20px; background: #ffffff; text-align: right; font-size: 12px; z-index: 2; } .recommend-block .pricing .price-title { display: block; text-transform: uppercase; line-height: 18px; } .recommend-block .pricing .unit { display: block; color: #061138; font-family: 'Poppins', sans-serif; font-style: italic; text-transform: uppercase; font-weight: 500; } .recommend-block .pricing .unit span { font-size: 20px; line-height: 26px; } .carousel-widget .owl-theme .owl-nav { display: none; } .carousel-widget .owl-theme .owl-dots { position: absolute; right: 20px; top: -45px; } .carousel-widget .owl-theme .owl-dots .owl-dot { position: relative; display: inline-block; margin: 0px 0px 0px 7px; } .carousel-widget .owl-theme .owl-dots .owl-dot span { position: relative; display: block; width: 10px; height: 10px; background: none; border: 1px solid rgba(0,0,0,0.10); border-radius: 50%; } .carousel-widget .owl-theme .owl-dots .owl-dot.active span { background: #139FDD; border-color: #139FDD; } .destination-widget { position: relative; margin-bottom: 30px; } .destination-widget .owl-theme .owl-dots { right: 0; } .offers-widget { position: relative; } .offers-widget .post { position: relative; margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,0.10); } .offers-widget .post:last-child { padding-bottom: 10px; margin-bottom: 10px; border-bottom: none; } .offers-widget .post .post-inner { position: relative; display: block; padding-left: 105px; min-height: 80px; } .offers-widget .post .post-thumb { position: absolute; left: 0; top: 0; width: 80px; height: 80px; } .offers-widget .post .post-thumb img { position: relative; display: block; width: 80px; height: 80px; } .offers-widget .post h5 { position: relative; top: -3px; font-size: 18px; text-transform: capitalize; color: #061138; margin-bottom: 3px; } .offers-widget .post h5 a { color: #061138; } .offers-widget .post h5 a:hover { color: #139FDD; } .offers-widget .post .off-price { position: absolute; left: 10px; right: 10px; bottom: -10px; text-align: center; padding: 0px 5px; line-height: 26px; background: #139FDD; color: #ffffff; font-size: 14px; font-weight: 700; font-family: 'Poppins', sans-serif; } .offers-widget .post .info { position: relative; display: block; font-size: 14px; color: #000000; font-weight: 500; line-height: 24px; text-transform: capitalize; margin-bottom: 7px; } .offers-widget .post .info .icon { position: relative; top: -1px; font-size: 15px; color: #139FDD; font-weight: 400; padding-right: 5px; vertical-align: middle; } .offers-widget .post .price { position: relative; font-size: 18px; color: #061138; line-height: 24px; font-style: italic; font-family: 'Poppins', sans-serif; } .offers-widget .post .price .original { color: #000000; text-decoration: line-through; padding-left: 15px; } .advisor-widget { position: relative; margin-bottom: 40px; } .advisor-widget .owl-theme .owl-dots { right: 0; } .advisor-block { position: relative; } .advisor-block .inner-box { position: relative; display: block; padding-bottom: 60px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .advisor-block .image-box { position: relative; display: block; overflow: hidden; } .advisor-block .image-box:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6,17,56,0.90); transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; opacity: 0; z-index: 1; } .advisor-block:hover .image-box:before { opacity: 1; } .advisor-block .image-box img { position: relative; display: block; width: 100%; } .advisor-block .lower-box { position: absolute; left: 0; bottom: 15px; width: 100%; padding: 0px 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 3; } .advisor-block .lower-content { position: relative; display: block; background: #ffffff; padding: 15px 25px 20px; border-bottom: 1px solid #e5e5e5; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; } .advisor-block .lower-content:before { content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 3px; background: #ffffff; border-top: 1px solid #e5e5e5; } .advisor-block .lower-content h4 { position: relative; color: #061138; font-size: 20px; line-height: 1.3em; text-transform: capitalize; margin: 0 0 7px; } .advisor-block .lower-content h4 a { color: #061138; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .advisor-block .lower-content h4 a:hover { color: #139FDD; } .advisor-block .lower-content .info { position: relative; display: block; font-size: 14px; color: #000000; font-weight: 400; line-height: 24px; text-transform: capitalize; } .advisor-block .lower-content .info .icon { position: relative; top: -1px; font-size: 15px; color: #139FDD; font-weight: 400; padding-right: 5px; vertical-align: middle; } .advisor-block .lower-content .info a { color: #000000; } .reviews-widget { position: relative; } .review-block { position: relative; display: block; text-align: center; } .review-block .inner { position: relative; display: block; padding: 45px 25px 40px; background: #061138; color: #868da5; } .review-block .rating { position: relative; font-size: 14px; color: #139FDD; line-height: 20px; letter-spacing: 1px; margin-bottom: 20px; } .reviews-widget .rev-title { font-size: 18px; margin-bottom: 10px; color: #ffffff; } .reviews-widget .rev-text { position: relative; font-family: 'Poppins', sans-serif; font-size: 16px; font-style: italic; line-height: 1.7em; margin-bottom: 22px; } .reviews-widget .icon-box { position: relative; color: #139FDD; display: block; font-size: 30px; line-height: 1em; margin-bottom: 20px; } .reviews-widget .rev-info { position: relative; } .reviews-widget .rev-info .name { position: relative; display: block; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #ffffff; } .reviews-widget .rev-info .designation { position: relative; display: block; font-size: 14px; } /*** ==================================================================== Info Popup ==================================================================== ***/ .info-pop { position: relative; background: #139FDD; color: #ffffff; text-align: center; padding: 22px 0px; } .info-pop .inner { position: relative; display: inline-block; vertical-align: middle; } .info-pop .inner .text { position: relative; display: block; font-size: 13px; text-transform: uppercase; font-weight: 500; line-height: 26px; padding-right: 30px; } .info-pop .inner .close-btn { position: absolute; right: 0; top: 0; font-size: 14px; color: #ffffff; line-height: 26px; cursor: pointer; } .info-pop .inner .close-btn:hover { opacity: 0.50; } .single-booking-widget { position: relative; } .single-booking-widget .widget-inner { position: relative; display: block; padding: 25px 25px; background: #ffffff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08); border-top: 3px solid #139FDD; } .single-booking-widget .upper-info { position: relative; padding: 0px 0px 15px; border-bottom: 1px solid rgba(0,0,0,0.10); margin-bottom: 40px; } .single-booking-widget .upper-info .price-info { position: relative; padding-left: 50px; min-height: 50px; } .single-booking-widget .upper-info .price-info .icon { position: absolute; left: 0; top: 0; font-size: 42px; line-height: 52px; color: #139FDD; } .single-booking-widget .upper-info .price-info .p-title { font-size: 12px; text-transform: uppercase; line-height: 18px; color: #000000; } .single-booking-widget .upper-info .price-info .p-amount { position: relative; font-family: 'Poppins', sans-serif; font-size: 24px; text-transform: uppercase; line-height: 28px; color: #061138; } .single-booking-widget .upper-info .price-info .p-amount span { font-size: 14px; } .single-booking-widget h5 { position: relative; font-size: 18px; text-transform: none; line-height: 28px; color: #000000; margin-bottom: 15px; font-weight:700; } .main-booking-form { position: relative; } .main-booking-form .row { margin: 0 -10px; } .main-booking-form .row .form-group { position: relative; padding: 0 10px; margin-bottom: 0px; } .main-booking-form .form-group { margin-bottom: 20px; } .main-booking-form .form-group input[type="text"], .main-booking-form .form-group input[type="email"], .main-booking-form .form-group input[type="password"], .main-booking-form .form-group input[type="tel"], .main-booking-form .form-group input[type="url"], .main-booking-form .form-group input[type="file"], .main-booking-form .form-group input[type="number"], .main-booking-form .form-group textarea, .main-booking-form .form-group select { background: none; border: none; border-bottom: 1px solid rgba(0,0,0,0.10); color: #000000; font-size: 13px; text-transform: uppercase; height: 41px; line-height: 30px; padding: 0px 0px 10px; } .main-booking-form .form-group .ui-selectmenu-button.ui-button { background: none; border: none; border-bottom: 1px solid rgba(0,0,0,0.10); color: #000000; font-size: 13px; text-transform: uppercase; height: 41px; line-height: 30px; padding: 0px 0px 10px; } .main-booking-form .form-group .ui-button .ui-icon:before { color: #aaaaaa; font-style: normal; } .main-booking-form .form-group .theme-btn, .main-booking-form .form-group input[type="submit"] { width: 100%; font-size: 13px; color: #ffffff; text-transform: uppercase; /* background: #dee2e6; */ background-image: linear-gradient(153deg, #3BE2BC 0%, #1B96F1 95%); font-weight: 600; line-height: 26px; padding: 18px 20px; height: 62px; text-align: center; display: block; border-radius: 5px; } .main-booking-form .form-group .theme-btn:hover, .main-booking-form .form-group input[type="submit"]:hover { /*background: #139FDD;*/ color: #000000; } .main-booking-form .estimate-table { position: relative; margin-bottom: 20px; } .main-booking-form .estimate-table li { position: relative; line-height: 24px; padding: 10px 0px; color: #000000; font-size: 13px; text-transform: uppercase; border-bottom: 1px solid rgba(0,0,0,0.10); } .main-booking-form .estimate-table li .ttl { position: relative; display: block; float: left; } .main-booking-form .estimate-table li .dtl { position: relative; display: block; float: right; } .main-booking-form .estimate-table .totals { color: #061138; font-weight: 600; } .main-booking-form .estimate-table .totals .dtl { font-size: 18px; font-style: italic; font-family: 'Poppins', sans-serif; } .main-booking-form .instruction { position: relative; margin-top: 30px; font-size: 13px; text-transform: uppercase; line-height: 1.7em; padding-left: 15px; } .main-booking-form .instruction:before { content: ''; position: absolute; left: 0px; top: 7px; border: 3px solid transparent; background: #139FDD; -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } .main-booking-form .skipper-staff { position: relative; display: block; font-size: 14px; text-transform: uppercase; line-height: 30px; padding-bottom: 12px; border-bottom: 1px solid rgba(0,0,0,0.10); } .default-form .additional-services { padding-top: 5px; } /*** ==================================================================== Upcoming Tours ==================================================================== ***/ .upcoming-tours { position: relative; background: #ffffff; padding: 90px 0 45px; } .upcoming-tours .upper-title { position: relative; text-align: center; margin-bottom: 40px; } .upcoming-tours .upper-title h4 { color: #061138; text-transform: uppercase; margin-bottom: 0; } /*** ==================================================================== Tour Details ==================================================================== ***/ .tour-details { position: relative; } .tour-details h4 { text-transform: none; margin-bottom: 20px; color: #061138; font-weight: 600; } .tour-details .facilities { position: relative; } .tour-details .facilities .facility-box { position: relative; display: block; background: #ffffff; padding: 32px 35px 20px; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.03); } .tour-details .facilities .facility-box ul { margin: 0px -10px; } .tour-details .facilities .facility-box ul li { position: relative; float: left; padding: 0px 10px; width: 33.333%; font-size: 13px; text-transform: uppercase; color: #000000; line-height: 24px; margin-bottom: 12px; } .tour-details .facilities .facility-box ul li:before { content: '+'; position: relative; font-size: 16px; padding-right: 8px; display: inline-block; vertical-align: middle; } .tour-details .included-material { position: relative; margin-bottom: 60px; } .tour-details .included-material .included-box { position: relative; display: block; background: #ffffff; padding: 10px 10px; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.03); } .tour-details .included-material .instruction { position: relative; font-size: 14px; color: #139FDD; padding-top: 20px; } .tour-details .info-title { position: relative; padding-bottom: 20px; } .tour-details .info-title .left-info { position: relative; float: left; margin-bottom: 15px; } .tour-details .info-title .left-info h3 { position: relative; font-size: 36px; color: #061138; text-transform: capitalize; margin-bottom: 7px; font-weight: 400; } .tour-details .info-title .left-info h3 a { color: #061138; } .tour-details .info-title .left-info h3 a:hover { color: #061138; } .tour-details .info-title .left-info .info { position: relative; float: left; font-size: 14px; line-height: 24px; color: #000000; } .tour-details .info-title .info .icon { position: relative; display: inline-block; vertical-align: middle; padding-right: 5px; color: #139FDD; } .tour-details .info-title .rating-info { position: relative; float: right; padding-top: 15px; text-align: right; margin-bottom: 15px; } .tour-details .info-title .rating-info .rate-text { position: relative; color: #061138; line-height: 24px; font-weight: 500; } .tour-details .info-title .rating-info .rate-text strong { position: relative; font-size: 24px; font-weight: 400; } .tour-details .info-title .rating-info .rate-text a { color: #061138; font-size: 12px; text-transform: uppercase; } .tour-details .info-title .rating-info .rate { color: #139FDD; font-size: 12px; line-height: 20px; letter-spacing: 1px; } .tour-details .info-title .rating-info .rate .empty-star { color: #b5c0cf; } .dropdown-menu.show { margin-top: 5rem !important; margin-left: 0rem !important; position: absolute !important; will-change: transform !important; top: 0px !important; left: 0px !important; transform: none !important; width: 46rem !important; z-index: 10; } /*** ==================================================================== Accordion ==================================================================== ***/ .accordion-box { position: relative; } .accordion-box .block { position: relative; padding-bottom: 5px; border-bottom: 1px solid rgba(0,0,0,0.10); } .accordion-box .block:last-child { margin-bottom: 0; } .accordion-box .block .acc-btn { position: relative; font-size: 13px; line-height: 30px; font-weight: 500; cursor: pointer; padding: 15px 0px 10px; padding-right: 20px; padding-left: 35px; color: #061138; text-transform: uppercase; background-color: #1b96f142; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .accordion-box .block .acc-btn:before { position: absolute; left: 10px; top: 25px; text-align: center; font-size: 20px; line-height: 30px; color: #a2a6ab; font-weight: 400; font-family: 'Flaticon'; content: "\f119"; } .accordion-box .block .acc-btn.active:before { color: #139FDD; left: 10px; } .accordion-box .block .icon { position: absolute; right: 10px; top: 25px; font-size: 12px; font-weight: 700; color: #061138; height: 30px; line-height: 30px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .accordion-box .block .acc-btn.active .icon { -ms-transform: rotate(180deg); transform: rotate(180deg); color: #139FDD; right: 10px; top: 25px; } .accordion-box .block.active-block { display: block; } .accordion-box .block .acc-content { position: relative; /*padding-left: 35px;*/ display: none; } .accordion-box .block .content { position: relative; padding: 0px 0px 10px; } .accordion-box .block.current .acc-content { display: block; } .accordion-box .block .content .text { position: relative; display: block; font-size: 15px; line-height: 1.6em; } .tour-details .main-image { position: relative; margin-bottom: 40px; } .tour-details .main-image img { display: block; width: 100%; } .tour-details .text-block { position: relative; margin-bottom: 50px; } .tour-details .specs { position: relative; margin-bottom: 60px; } .tour-details .specs-table { position: relative; width: 100%; border: 1px solid rgba(0,0,0,0.10); padding: 0; border: none; } .tour-details .specs-table tr { width: 100%; border-bottom: 1px solid rgba(0,0,0,0.10); } .tour-details .specs-table tr:last-child { border: none; } .tour-details .specs-table tr td { position: relative; font-size: 14px; line-height: 24px; padding: 15px 25px; border-right: 1px solid rgba(0,0,0,0.10); } .tour-details .specs-table tr td:last-child { border: none; } .tour-details .specs-table tr td:nth-child(1) { width: 33.333%; color: #061138; font-size: 13px; text-transform: uppercase; font-weight: 500; } .tour-details .specs-table tr:nth-child(odd) { background: #ffffff; } .tour-details .yacht-image-box { position: relative; padding: 50px 40px; background: #ffffff; margin-bottom: 50px; } .tour-details .yacht-image-box .yacht-image { position: relative; display: block; } .tour-details .yacht-image-box .yacht-image img { display: block; width: 100%; } .tour-details .yacht-image-box .info-point { position: absolute; left: 0%; top: 0%; min-height: 18px; } .tour-details .yacht-image-box .info-point .loc-dot { position: absolute; left: 0; top: 9px; width: 18px; height: 18px; border: 2px solid #ffffff; background: none; cursor: pointer; border-radius: 50%; } .tour-details .yacht-image-box .info-point .loc-dot:before { content: ''; position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; background: #ffffff; margin: -3px 0px 0px -3px; border-radius: 50%; } .tour-details .yacht-image-box .info-point .inner { position: absolute; left: 50%; bottom: 100%; margin-bottom: 5px; width: 110px; margin-left: -42px; padding: 3px 10px; line-height: 20px; font-size: 13px; text-align: center; color: #ffffff; background: #139FDD; -ms-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05),0px 20px 30px 0px rgba(0,0,0,0.05); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05),0px 20px 30px 0px rgba(0,0,0,0.05); -ms-transform: translateY(10px); transform: translateY(10px); opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .tour-details .yacht-image-box .info-point .inner:before { content: ''; position: absolute; left: 50%; margin-left: -10px; top: 100%; border: 7px solid transparent; border-top: 7px solid #139FDD; } .tour-details .yacht-image-box .info-point:hover .inner { -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; z-index: 1; } .tour-details .yacht-image-box .point-one { left: 7%; top: 20%; } .tour-details .yacht-image-box .point-two { left: 22%; top: 47%; } .tour-details .yacht-image-box .point-three { left: 36%; top: 32%; } .tour-details .yacht-image-box .point-four { left: 45%; top: 35%; } .tour-details .yacht-image-box .point-five { left: 65%; top: 50%; } .tour-details .yacht-image-box .point-six { left: 93%; top: 43%; } .tour-details .tour-map { position: relative; margin-bottom: 60px; } .tour-details .tour-map .map-box { position: relative; padding: 50px 40px; background: #ffffff; } .tour-details .tour-map .map-image { position: relative; display: block; } .tour-details .tour-map .map-image img { position: relative; display: block; width: 100%; } .tour-details .tour-map .location-point { position: absolute; left: 0%; top: 0%; min-height: 20px; padding-left: 30px; } .tour-details .tour-map .location-point .loc-dot { position: absolute; left: 0; top: 9px; width: 18px; height: 18px; border: 2px solid #139FDD; background: none; cursor: pointer; border-radius: 50%; } .tour-details .tour-map .location-point .loc-dot:before { content: ''; position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; background: #139FDD; margin: -3px 0px 0px -3px; border-radius: 50%; } .tour-details .tour-map .location-point .inner { position: absolute; left: 50%; bottom: 100%; margin-bottom: 25px; width: 270px; margin-left: -145px; padding: 20px 20px; line-height: 20px; font-size: 13px; text-align: center; color: #868da5; background: #061138; -ms-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05),0px 20px 30px 0px rgba(0,0,0,0.05); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05),0px 20px 30px 0px rgba(0,0,0,0.05); -ms-transform: translateY(10px); transform: translateY(10px); opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .tour-details .tour-map .location-point .inner:before { content: ''; position: absolute; left: 50%; margin-left: -10px; top: 100%; border: 12px solid transparent; border-top: 10px solid #061138; } .bookSpotSection{ margin-top:0.5rem } .float-child { width: 50%; float: left; padding: 20px; } .cookie-btn{ color:black !important } .tour-details .tour-map .location-point:hover .inner { -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; z-index: 1; } .tour-details .tour-map .location-point .day { line-height: 20px; text-transform: uppercase; font-size: 13px; } .tour-details .tour-map .location-point .loc-title { line-height: 20px; text-transform: uppercase; font-size: 13px; color: #061138; } .tour-details .tour-map .loc-one { left: 14%; top: 49.5%; } .tour-details .tour-map .loc-two { left: 27%; top: 57.5%; } .tour-details .tour-map .loc-three { left: 52%; top: 61.5%; } .tour-details .tour-map .loc-four { left: 48%; top: 32.5%; } @media (min-width: 576px) { .nopage-banner{ margin:0 !important; } } @media (min-width: 1024px) { .nopage-banner { margin: 100px !important; } } @media (max-width: 576px) { .nopage-banner_150 { margin-top: 50px !important; } } @media (max-width: 667px) { .marinaMainHeader { font-size: 20px; margin-top: 1rem; padding-top: 2rem; color:white } .AboutUsContent{ margin-left:0 !important } .marinaSignIn{ margin-top:4rem; } .MarinaVideo{ width:458px !important } .stallSearchDiv{ margin-top:20rem !important } .goBTNrow{ margin-left:15rem !important; position:relative } .goBtnappoint{ margin-left:13.7rem !important; position:relative } /*#locationInputService{ width:27.3rem !important }*/ .marinaFooter{ width:39rem !important } #blockDateBanner{ display:none !important } .logo-box{height :5rem !important} .checkoutBtn,.countdown{margin-left:0rem !important} .bookSpotSection ,.bookRentalSec,.bookServiceSec{ background-image: url('../../Background/BG15.jpg'); background-size:cover; } .bookSpotSection h4,.bookRentalSec h4,.bookServiceSec h4{ color:white !important } .bookServiceSec{ background-size:auto !important; } .slide-item{ height:48rem ; } .mainImage{ background-size:contain } .mainPageText{ margin-left:0.5rem !important } .btn-title_Exp { padding: 5px 10px 4px 4px!important; } .mainPageHead{ font-size:25px; margin-left:2rem; position:absolute; margin-top:-7rem; font-size: 28px !important; margin-top:-15rem !important } .mainPageSubHead{ font-family: inherit !important; font-size: 11.5px !important; padding-left: 28.1rem !important; color: white !important; font-weight: 700 !important; padding-top: 3rem !important; } } @media (max-width: 441px) { /* #locationInputService{ width:32.3rem !important }*/ .video-js.vjs-fill { width: 87% !important; } } @media (min-width: 1024px) { .nopage-banner_150 { margin-top: 150px !important; } } .download-app-button .btn-download { margin: 0px 6px 10px 0!important; } #snackbar { visibility: hidden; /* Hidden by default. Visible on click */ min-width: 250px; /* Set a default minimum width */ margin-left: -125px; /* Divide value of min-width by 2 */ background-color: #333; /* Black background color */ color: #fff; /* White text color */ text-align: center; /* Centered text */ border-radius: 2px; /* Rounded borders */ padding: 16px; /* Padding */ position: fixed; /* Sit on top of the screen */ z-index: 1; /* Add a z-index if needed */ left: 50%; /* Center the snackbar */ bottom: 30px; /* 30px from the bottom */ } /* Show the snackbar when clicking on a button (class added with JavaScript) */ #snackbar.show { visibility: visible; /* Show the snackbar */ /* Add animation: Take 0.5 seconds to fade in and out the snackbar. However, delay the fade out process for 2.5 seconds */ -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s; } #snackbarLoad { visibility: hidden; /* Hidden by default. Visible on click */ min-width: 250px; /* Set a default minimum width */ margin-left: -125px; /* Divide value of min-width by 2 */ background-color: #333; /* Black background color */ color: #fff; /* White text color */ text-align: center; /* Centered text */ border-radius: 2px; /* Rounded borders */ padding: 16px; /* Padding */ position: fixed; /* Sit on top of the screen */ z-index: 1; /* Add a z-index if needed */ left: 50%; /* Center the snackbar */ bottom: 30px; /* 30px from the bottom */ } /* Show the snackbar when clicking on a button (class added with JavaScript) */ #snackbarLoad.show { visibility: visible; /* Show the snackbar */ /* Add animation: Take 0.5 seconds to fade in and out the snackbar. However, delay the fade out process for 2.5 seconds */ -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s; } /* Animations to fade the snackbar in and out */ @-webkit-keyframes fadein { from { bottom: 0; opacity: 0; } to { bottom: 30px; opacity: 1; } } @keyframes fadein { from { bottom: 0; opacity: 0; } to { bottom: 30px; opacity: 1; } } @-webkit-keyframes fadeout { from { bottom: 30px; opacity: 1; } to { bottom: 0; opacity: 0; } } @keyframes fadeout { from { bottom: 30px; opacity: 1; } to { bottom: 0; opacity: 0; } } .owl-carousel .owl-stage-outer { margin-top: -55px; } .download-app-button .btn-apple { /*background: #232b47;*/ color: #ffffff; font-size: 14px; text-align: center; border-radius: 10px; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; background: linear-gradient(#569eff,#22e8f3)!important; } .download-app-button .btn-android { /*background: #232b47;*/ color: #ffffff; font-size: 14px; text-align: center; border-radius: 10px; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; background: -webkit-linear-gradient(#f39301,#fed30a) !important; } .card-header { padding: .75rem 1.25rem; margin-bottom: 5px; background-color: #ffffff; border-bottom: 0px solid rgba(0,0,0,.125); } .sec-title { position: relative; margin-bottom: 20px; border-bottom: 1px solid #b5c0cf; } .logo-box{margin-top:-4.5rem} @media screen and (max-width: 767px) { .header-top-one .my-account li a { font-size: smaller; font-weight:700 !important; } /*.forMarina{ margin-top:-0.70rem }*/ #formSearch{margin-top:25rem!important} .logo-box{margin-top:-4.5rem} .outer-container { margin-top:-2rem !important; } /*.header-top-one .forMarina{ margin-top:-.19rem }*/ .header-upper .logo-box{ margin-top:-2.8rem } .header-top-one .outer-container{ padding-top:1rem !important; } .about-section .book-form-box .default-form .row .form-group { padding-top: 26%; position: relative; padding: 0 10px; margin-bottom: 15px; } /*.default-form .form-group .field-label { padding-top: 10px; }*/ .banner-carousel .active .slide-item .image-layer { display: block; } .header-style-one .header-upper { background: none; float: none; } .header-style-one, .header-style-two { position: relative; background: #ffffff!important; } .header-style-one .header-upper { background: #ffffff !important; } .nav-outer .mobile-nav-toggler { color: #000000; } .banner-carousel .content-box, .banner-three .banner-carousel .content-box { height: 0px!important; } .banner-one { display: block; margin-top:10rem } /*.body-content form {margin-top:75px;}*/ .banner1 { padding: 0px!important; margin-top: -50px; margin-bottom:30px; } .news-section, .news-section-two { padding: 50px 20px 20px!important; } .page-banner .inner-container { padding-top: 0px!important; } .page-banner .page-nav { text-align: center; margin-top: 25px; } .yacht-tours-container { padding: 15px !important; } .yacht-details .content-column { padding-left: 35px; } .yacht-details .content-column .inner { padding-right: 20px; } .yacht-details .specs-column { padding-right: 35px; } .yacht-details .specs-column .inner { padding-left: 20px; } .yacht-details .main-title { margin-bottom: 0px; margin-top: 30px; border-bottom: 1px solid #b5c0cf; border-top: 1px solid #b5c0cf; } .main-menu{ background-color:transparent !important } .body-content form { margin-top: 10px; } .activity-block-three .info li { margin-top: 10px; } .rent-buy-section { margin-top: -50px; padding: 20px; } .rent-buy-section .lower-filter-row { position: relative; margin-top: 0px; margin-bottom: 15px; } .rent-buy-section .lower-filter-row .results-count, .rent-buy-section .lower-filter-row .filters { text-align: center; } } /*! * Font Awesome Free 5.8.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900} @media only screen and (max-width: 7000px) { .page-wrapper { overflow: hidden; } } @media only screen and (max-width: 1740px) { .header-top-one .top-text { display: none; } } @media only screen and (max-width: 1500px) { .banner-carousel .content-box h1, .banner-two .banner-carousel .content-box h1 { font-size: 72px; } .banner-carousel .content-box .subtitle { font-weight: 600; font-size: 16px; } .banner-section .owl-theme .owl-nav .owl-prev { left: 20px; } .banner-section .owl-theme .owl-nav .owl-next { right: 20px; } .banner-three .banner-carousel .owl-dots { left: auto; right: 30px; } .fluid-section .column h2 { font-size: 32px; } .facts-section .facts-box .title { font-size: 60px; } } @media only screen and (max-width: 1340px) { .main-menu .navigation > li, .header-style-three .main-menu .navigation > li { margin-right: 30px; } .header-style-two .main-menu .navigation > li > a { padding-left: 20px; padding-right: 20px; } .top-search-form, .header-style-one .other-links .social-links { display: none; } .header-style-one .header-upper .inner { padding-right: 20px; } .header-top-three .contact-text { margin-left: 20px; } .banner-section .owl-theme .owl-nav { opacity: 0.30; } .banner-section:hover .owl-theme .owl-nav { opacity: 1; visibility: visible; } .banner-carousel .content-box h1, .banner-two .banner-carousel .content-box h1, .banner-three .banner-carousel .content-box h1 { font-size: 64px; } .fluid-section .column h2 { font-size: 24px; } .yacht-featured-image .hover-inner h3 { font-size: 20px; } .content-container .widgets-side .widgets-content { padding-left: 0; } .activity-block-two .content-box h4 { font-size: 24px; } .comming-soon h1 { font-size: 60px; } } @media only screen and (max-width: 1191px) { .main-menu .navigation > li, .header-style-three .main-menu .navigation > li { margin-right: 20px; } .header-style-three .header-upper .search-btn { margin-left: 10px; } .fluid-section .column h2 { font-size: 24px; } .fluid-section .left-column, .fluid-section .right-column { width: 100%; } .fluid-section .left-column .content { padding-top: 120px; } .fluid-section .left-column .inner, .fluid-section .right-column .inner { padding: 0 20px; max-width: none; } .fluid-section .image-layer { display: none; } .fluid-section .column .image-layer { display: block; } .fluid-section .image-layer:before { transform: none; right: 0; left: auto; } .yacht-details .content-column .inner { padding-right: 0px; border: none; } .yacht-details .specs-column .inner { padding-left: 0; } } @media only screen and (max-width: 1139px) { .header-style-two .main-menu .navigation > li > a { padding-left: 14px; padding-right: 14px; } .header-style-one .other-links .book-btn, .header-style-three .header-upper .link-box, .sticky-header .booking-link { display: none; } .about-section .left-col .upper-row .image-box { position: relative; left: 0; top: 0; margin-bottom: 20px; } .about-section .left-col .upper-row { padding-left: 0; } .activities-section .carousel-outer { padding: 0; } .activities-section .owl-theme .owl-nav { position: relative; left: 0; top: 0; width: 100%; height: auto; margin: 0; padding-top: 50px; text-align: center; } .activities-section .owl-theme .owl-nav .owl-prev, .activities-section .owl-theme .owl-nav .owl-next { position: relative; left: 0; right: 0; display: inline-block; margin: 0 10px; } .activity-carousel .activity-block .inner-box { padding-left: 0; max-width: 480px; margin: 0 auto; } .activity-carousel .activity-block .image-box, .activity-carousel .activity-block .image-box img { position: relative; left: 0; top: 0; width: 100%; height: auto; } .pricing-section .image-column { order: 12; } .pricing-section .pricing-column { order: 0; } .pricing-section .image-column .inner { text-align: left; margin-left: 0; } .booking-section .title-col .inner { padding: 50px 0px; text-align: center; } .booking-section .form-col .inner { padding: 50px 0; } .about-section-two .content-outer { margin-left: 0; padding-left: 80px; } .about-section-two .content-inner .video-link { position: relative; left: 0; top: 0; margin: 50px 0 0; } .about-section-two .image-box-left .image-layer { display: none; } .footer-style-two .widgets-inner, .footer-style-two .footer-bottom .inner { padding-left: 0; } .footer-style-two .widgets-inner .shape-1, .footer-style-two .widgets-inner .shape-2, .footer-style-two .widgets-inner .left-image { display: none; } .footer-style-two .offer-carousel-box { position: relative; left: 0; top: 0; width: 100%; height: auto; overflow: hidden; min-height: 0; padding-bottom: 30px; background: #139FDD; margin-bottom: 50px; } .destinations-two .destinations-box .outer-box { display: block; } .destinations-two .destinations-box .outer-box .destination-block-two { display: block; float: left; width: 33.333%; margin-bottom: 30px; } .destinations-two .destinations-box .outer-box:hover .destination-block-two, .destinations-two .destinations-box .outer-box .destination-block-two:hover { width: 33.333%; } .destination-block-two .image-layer { display: none; } .destination-block-two .inner-box { height: auto; } .destination-block-two .image-box .image { display: block; } .facts-section .facts-box .title { font-size: 64px; } .sec-title h2, .sec-title-two h2, .booking-section .title-box h2, .welcome-section .title-box h2, .services-section-four .title-box h2, .contact-container .sec-title h2 { font-size: 32px; } .welcome-section .title-box h4, .event-carousel-box .event-block h4 { font-size: 20px; } .facts-section { padding-bottom: 50px; } .featured-service-block-two { margin-bottom: 50px; } .featured-service-block-two .inner-box, .featured-service-block-two.active-block .inner-box { padding: 0px; } .footer-style-three .copyright { margin-left: 30px; } .content-container .widgets-side .widgets-content { padding-left: 0; } .page-banner h1 { font-size: 40px; } .activity-carousel .activity-block-three .inner-box { box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10); } .testimonials-section-three .image-layer { display: none; } .attraction-block .sec-title h2 { font-size: 30px; } .rental-block .meta-info li { font-size: 12px; padding-left: 10px; padding-right: 10px; } .yacht-featured-image .hover-inner h3 { font-size: 18px; } .yacht-details .main-image-box .caption-box h2 { font-size: 40px; } .activity-block-three .content-box h4 { font-size: 24px; } .activity-block-three .links-box { margin-top: 30px; } .activity-block-three .links-box .btn-style-four .btn-title { padding-left: 25px; padding-right: 25px; } .package-block-two .content h4, .about-section-three .content-outer .info .name { font-size: 20px; } .event-carousel-box .event-block .year, .about-section-three .content-outer h2 { font-size: 30px; } .service-block-two .title-box h4 { font-size: 20px; } .services-section-three .upper-row .image-layer { display: none; } .services-section-three .left-col .inner { padding: 70px 0px; } .services-section-three .right-col .inner { padding: 0 0 30px; } .services-section-three .process-container { margin-top: 0; } .featured-block h4, .featured-block .link-box a { color: #061138; } .process-container .process-block .text { position: relative; left: 0; top: 0; width: 100%; height: auto; padding-top: 20px; opacity: 1; visibility: visible; -ms-transform: translateY(-18px); transform: translateY(-18px); } .process-container .process-block:hover .count { -ms-transform: translateY(0px); transform: translateY(0px); background: #139FDD; color: #ffffff; } .process-container .process-block:hover .title-box { -ms-transform: translateY(0); transform: translateY(0); } .contact-section .filter-box { width: 50%; max-width: none; padding-right: 15px; } .comming-soon h1 { font-size: 48px; } .time-counter .time-countdown .counter-column .count { font-size: 60px; } .news-block-five h3, .news-block-six h3 { font-size: 24px; } .news-block-five .content-column .content { padding-top: 0; } } @media only screen and (min-width: 768px) { .main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul { display: block !important; visibility: hidden; opacity: 0; } } @media only screen and (max-width: 991px) { .main-header .nav-outer .main-menu, .sticky-header, .main-header .header-top .top-left, .header-top-three .contact-text, .banner-three .banner-carousel .owl-dots { display: none !important; } .main-header .header-top-three .top-left { display: block !important; } .header-style-one .nav-content .nav-outer, .header-style-two .header-upper .nav-outer, .header-style-three .header-upper .nav-outer { float: right; } .nav-outer .mobile-nav-toggler { display: block; } .header-style-two .nav-outer .mobile-nav-toggler { margin-top: 10px; } .header-style-three .nav-outer .mobile-nav-toggler { color: #061138; margin-top: 17px; } .header-style-one .header-upper .inner { padding-left: 20px; } .banner-carousel .content-box h1, .banner-two .banner-carousel .content-box h1, .banner-three .banner-carousel .content-box h1 { font-size: 54px; } .about-section .right-col .inner { margin-top: 0; padding-left: 0; } .banner-carousel .content-right .content-box .inner, .banner-carousel .content-box .inner, .banner-carousel .content-box .text { float: none; max-width: none; text-align: center; } .banner-carousel .content-box, .banner-three .banner-carousel .content-box { height: 600px; } .activity-carousel .activity-block .content-box { padding: 20px 20px 10px; } .activity-carousel .activity-block .add-to-fav { top: 25px; } .activity-carousel .activity-block .content-box h4 { font-size: 20px; } .features-section .feature-block .inner-box { padding-left: 0; text-align: center; } .features-section .feature-block .icon-box:before, .features-section .feature-block .icon-box:after { display: none; } .features-section .feature-block .icon-box { position: relative; left: 0; top: 0; margin: 0 auto 30px; } .about-section-two .content-outer { padding-left: 0; } .destinations-two .destinations-box .outer-box .destination-block-two, .destinations-two .destinations-box .outer-box:hover .destination-block-two, .destinations-two .destinations-box .outer-box .destination-block-two:hover { width: 50%; } .facts-section .facts-box .title { font-size: 48px; } .footer-style-three .copyright, .footer-style-three .payment-cards, .footer-style-three .social-links-two { width: 100%; text-align: center; margin-left: 0; } .footer-style-three .copyright { padding: 20px 0px; } .footer-style-three .payment-cards ul { display: inline-block; vertical-align: top; } .page-banner h1 { font-size: 36px; } .subscribe-section.style-three .inner { padding: 50px 20px 40px; } .sidebar-page-container .sidebar:before { display: none; } .sidebar-page-container .blog-sidebar { padding-left: 0; } .about-section .left-col .inner, .features-section { padding: 70px 0px 0px; } .about-section { padding-bottom: 40px; } .services-section { padding-bottom: 60px; } .services-section .title-box { padding-top: 70px; } .activities-section { padding: 70px 0px 60px; } .testimonials-section { padding: 70px 0px; } .news-section, .news-section-two { padding: 70px 0px 20px; } .main-footer .widgets-section { padding: 80px 20px 30px; } .testimonials-section .carousel-container { padding: 0px 20px; } .scroll-to-top { right: 20px; bottom: 20px; -ms-transform: scale(0.7); transform: scale(0.7); } .booking-section .booking-form .range-box { padding-top: 5px; } .footer-style-two .widgets-inner { padding-top: 70px; } .footer-style-two .widgets-section { padding-top: 0; } .yacht-rental-section, .destinations-section, .about-section-two .content-inner, .testimonials-section-two, .team-section, .testimonials-section-three { padding: 70px 0px; } .yacht-rental-section .title-row .filter-box { padding-top: 40px; } .featured-services { padding: 70px 0px 50px; } .featured-service-block-two .inner-box .text { height: auto; padding-top: 55px; opacity: 1; visibility: visible; -ms-transform: scaleY(1); transform: scaleY(1); } .featured-service-block-two .inner-box .link-box a.link { border-color: #ffffff; padding: 10px 45px; top: 5px; } .subscribe-section { padding: 0 0 50px; } .subscribe-section .inner { padding: 40px 20px; } .subscribe-section.style-two .inner { padding: 60px 20px 0px; } .destinations-two .destinations-box { margin-bottom: 50px; } .destinations-two, .top-destinations, .yacht-tours-container, .sidebar-page-container { padding: 70px 0px 40px; } .facts-section { padding: 70px 0px 30px; } .testimonial-block-two .content .title-box h3 { font-size: 24px; } .testimonial-block-two .content .text { font-size: 18px; } .rent-buy-section { padding-bottom: 60px; } .yacht-details { padding-bottom: 20px; } .yacht-details .main-image-box .caption-box h2 { font-size: 32px; } .yacht-details .content-column .text-block h4 { font-size: 20px; } .yacht-featured-image .hover-box { padding: 15px 15px; } .team-section-two { padding: 70px 0px 40px; } .similar-yachts { padding: 70px 0px 20px; } .yacht-tours-container { padding: 65px 0px 30px; } .subscribe-section.no-padding-top { padding-bottom: 60px; } .yacht-tours-container .main-title h3 { font-size: 24px; } .tour-details .info-title .left-info h3 { font-size: 24px; } .tour-details .info-title .rating-info { padding-top: 0; } .tour-details .info-title .rating-info .rate-text strong { font-size: 20px; } .tour-details h4 { font-size: 18px; } .subscribe-section.style-three { padding: 70px 0px; } .destinations-two.alternate { padding: 70px 0px 30px; } .choose-destination .upper-row { padding: 70px 0px 100px; } .more-destinations .inner-container { padding-left: 0; } .more-destinations .left-title-box { position: relative; left: 0; top: 0; width: 100%; height: auto; padding: 50px 20px; margin-bottom: 30px; } .event-carousel-box .event-block .year { font-size: 24px; } .about-section-three .image-box-left { display: none; } .about-section-three .content-outer .content-inner { width: 100%; max-width: 420px; } .about-section-three, .welcome-section { padding: 70px 0px; } .process-container { padding: 40px 20px 30px; } .process-container .process-block .inner-box { padding: 30px 0px 20px; } .services-section-four .service-list li { margin: 0 20px; } .services-section-three { padding-bottom: 70px; } .services-section-four { padding: 70px 0px; } .process-container .process-block .inner-box:before, .process-container .process-block .inner-box:after { display: none; } .portfolio-one-column { padding: 70px 0px 30px; } .gallery-block { margin-bottom: 40px; } .gallery-block .link-btn { right: 66px; opacity: 0; } .gallery-block:hover .link-btn { opacity: 1; } .gallery-block .title-box { text-align: left; } .gallery-block .title-box h4, .gallery-block-two .title-box h4, .gallery-block-four .lower-box h4 { font-size: 20px; } .portfolio-section, .masonry-news-section, .news-section-three { padding: 70px 0px; } .filter-gallery .filters { text-align: center; } .filter-gallery .filters li { margin: 0 5px 10px; } .contact-section { padding: 70px 0px 0px; } .contact-section .info-container { margin-bottom: 30px; } .time-counter .time-countdown .counter-column { margin: 0 25px 50px; } .news-block-five .image-column .image { margin-right: 0; } .news-block-five .content-column .inner { padding-top: 30px; } .news-block-five .content-column .content { padding-left: 80px; } .news-block-five .other-info { left: 0; top: 0; } .news-block-five .other-info:before { top: 0; bottom: 0; } .sidebar .archives .archive-block .inner, .sidebar .recent-posts .post, .sidebar .popular-tags .tags-list li a, .sidebar .insta-widget .insta-feeds { background: #f0f3f7; } } @media only screen and (max-width: 767px) { .header-style-one, .header-style-two { position: relative; background: #061138; } .banner-one { padding-top: 0; } .banner-two .banner-carousel .content-box { padding-top: 0px; } .header-style-one .logo-desktop { display: none; } .header-top-one .inner { height: auto; padding: 0px 0px; } .header-top-one .my-account, .main-header .header-top .top-right { position: relative; width: 100%; } .header-style-three .header-top-three .top-right { width: auto; } .header-style-one .header-upper .logo-box { width:50%; display: block; } .header-style-one .header-upper { background: #061138; } .header-style-one .other-links .book-btn, .header-style-three .header-upper .link-box { display: none; } .search-popup .search-form fieldset input[type="search"] { width: 100%; padding: 10px 30px; text-align: center; font-size: 20px; border-radius: 7px 7px 0px 0px; } .search-popup .search-form fieldset input[type="submit"] { position: relative; width: 100%; font-size: 16px; border-radius: 0px 0px 7px 7px; } .banner-carousel .content-box, .banner-three .banner-carousel .content-box { height: 500px; } .banner-carousel .content-box h1, .banner-two .banner-carousel .content-box h1, .banner-three .banner-carousel .content-box h1 { font-size: 40px; } .banner-carousel .content-box .text { font-size: 15px; } .main-footer .footer-bottom .bottom-links, .main-footer .footer-bottom .copyright { width: 100%; text-align: center; } .facts-section .facts-box .title { font-size: 30px; } .facts-section .facts-box .count { font-size: 48px; } .sec-title h2, .sec-title-two h2, .booking-section .title-box h2, .welcome-section .title-box h2, .services-section-four .title-box h2, .contact-container .sec-title h2 { font-size: 24px; } .footer-style-three .drop-link { float: right; } .footer-style-three .useful-links { width: 100%; margin: 30px 0px 0px; } .footer-style-three .useful-links .links-btn { text-align: center; } .page-banner h1 { font-size: 30px; } .activity-block-three .inner-box { position: relative; padding-left: 0; height: auto; max-width: 480px; margin: 0 auto; } .activity-block-three .image-box, .activity-block-three .image-box img { position: relative; left: 0; top: 0; width: 100%; height: auto; } .yacht-tours-container .lower-filter-row .filters { width: 100%; margin: 0 0; } .yacht-tours-container .lower-filter-row .filters .filter-box { width: 100%; margin: 0 0 10px; } .news-section .title-row .link-box { padding-top: 35px; } .sec-title h3 { font-size: 22px; } .service-block .lower-content h4, .features-section .feature-block h4 { font-size: 20px; } .main-footer .links-widget .widget-content { padding-left: 0; } .yacht-rental-section .title-row .filter-box { width: 100%; margin-top: 0; padding-top: 0; } .about-section-two .content-box { padding: 40px 25px; } .popular-packages .title-row .link-box, .news-section-two .title-row .link-box { padding-top: 0; width: 100%; } .package-block .content-box { padding-left: 25px; padding-right: 25px; } .attraction-block .lower-box { padding: 35px 20px; } .rent-buy-section .lower-filter-row .results-count, .rent-buy-section .lower-filter-row .filters { width: 100%; padding-top: 0; margin-bottom: 0; } .rent-buy-section .lower-filter-row .filters .filter-box { width: 100%; margin: 0 0 15px; } .rent-buy-section .form-tabs { position: relative; z-index: 3; } .rent-buy-section .form-tabs .tab-buttons { position: relative; left: 0; top: -50px; width: 100%; z-index: 1; } .rent-buy-section .form-tabs .tab-buttons .tab-btn { position: relative; line-height: 32px; padding: 10px 20px; text-align: center; min-width: 82px; width: 100%; background: #139FDD; color: #ffffff; font-size: 13px; text-transform: uppercase; font-weight: 600; margin-right: 2px; border-radius: 2px 2px 0px 0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .rent-buy-section .form-tabs .tab-buttons .active-btn { background: #ffffff; color: #061138; } .hidden-bar1 { position: fixed; top: 0; width: 100%; height: 100%; background: #f8f9fa; z-index: 9999; transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; -moz-transition: all 700ms ease; } .hidden-bar1 .mCSB_inside > .mCSB_container { margin-right: 10px; } .hidden-bar1.right-align { right: -1000px; } .hidden-bar1.right-align.visible-sidebar { right: 0px; } .hidden-bar1 .hidden-bar-closer { width: 40px; height: 40px; position: absolute; right: 10px; top: 10px; background: none; color: #ffffff; border-radius: 0px; text-align: center; line-height: 40px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; z-index: 999999; } .hidden-bar1 .hidden-bar-closer button { background: none; display: block; font-size: 16px; color: #000000; width: 40px; height: 40px; line-height: 40px; } .hidden-bar1 .hidden-bar-closer:hover button { color: #000000; } .hidden-bar1 .logo { padding: 0px 0px 30px; background: #1c1c1c; } .hidden-bar1 .logo img { display: inline-block; max-width: 100%; } .hidden-bar1 .content-box { position: relative; } .hidden-bar1 .content-box h3 { position: relative; font-size: 24px; color: #ffffff; font-weight: 700; margin-bottom: 20px; } .hidden-bar1 .content-box .text { position: relative; font-size: 14px; color: rgba(255,255,255,0.60); margin-bottom: 25px; } .hidden-bar1 .contact-info { position: relative; margin-top: 60px; margin-right: 10px; } .hidden-bar1 .contact-info h2 { position: relative; font-size: 18px; color: #ffffff; font-weight: 500; margin-bottom: 20px; } .hidden-bar-wrapper { height: 100%; padding: 5px; } .payment .form-tabs { position: relative; z-index: 3; margin-top: 60px; } .destinations-two .destinations-box .outer-box, .yacht-featured-images .outer-box { display: block; } .yacht-featured-images .outer-box .yacht-featured-image { display: block; } .yacht-featured-images .outer-box .yacht-featured-image, .yacht-featured-images .outer-box:hover .yacht-featured-image, .yacht-featured-images .outer-box .yacht-featured-image:hover, .destinations-two .destinations-box .outer-box .destination-block-two, .destinations-two .destinations-box .outer-box:hover .destination-block-two, .destinations-two .destinations-box .outer-box .destination-block-two:hover { width: 100%; } .yacht-featured-image .image-layer { display: none; } .yacht-featured-image .image-box .image { display: block; } .yacht-featured-image .inner-box { height: auto; } .team-block-two .image-box { padding-right: 0; } .team-block-two .inner { padding: 25px 20px 25px; } .activity-block-two .content-box { padding: 30px; } .activity-block-two .links-box { left: 30px; bottom: 30px; } .activity-block-two .content { left: 30px; top: 30px; } .activity-block-two .ratings { right: 30px; bottom: 30px; } .activity-block-two .pricing { right: 30px; top: 30px; } .activity-block-two .ratings .rate-text strong { font-size: 20px; } .page-banner .inner-container { padding-top: 100px; } .activity-block-three .ratings .rate-text strong { font-size: 20px; } .activity-block-three .content-box { padding-right: 25px; padding-left: 25px; } .tour-details .facilities .facility-box ul li { width: 50%; } .about-section-three .content-outer .content-inner { max-width: none; text-align: center; } .about-section-three .content-outer .video-link { display: none; } .services-section-four .service-list li { margin: 0px 15px; } .services-section-four .service-list li:nth-child(2):before, .services-section-four .service-list li:nth-child(2):after { display: none; } .services-section-three .left-col .info .phone { font-size: 20px; } .featured-block .inner-box, .services-section-three .left-col .inner { text-align: center; } .services-section-three .left-col .info { padding-left: 0; } .services-section-three .left-col .info:before { display: none; } .gallery-block .title-box h4 { font-size: 20px; } .contact-section .filter-box { width: 100%; max-width: none; padding-right: 0; } .contact-container .form-column .inner { padding: 40px 20px; } .comming-soon h1, .time-counter .time-countdown .counter-column .count { font-size: 40px; } .time-counter .time-countdown .counter-column { display: block; float: left; width: 50%; margin: 0 0 50px; } .time-counter .time-countdown .counter-column:after { display: none; } .comments-area { margin-bottom: 50px; } .group-title h4, .news-post-details .text h4, .team-block-two .inner .title h4, .team-block .lower-content h4 { font-size: 20px; } } @media only screen and (max-width: 599px) { .header-top-two .inner { margin-left: 0; padding-left: 0px; } .header-style-two .header-upper .inner { padding-left: 0; } .header-style-two .header-upper .logo-box { position: relative; float: left; left: 0; top: 0; height: auto; padding: 0; } .header-style-two .header-upper .nav-content { float: right; padding-top: 10px; } .header-top-two .my-account { width: 100%; margin: 0; text-align: center; } .header-top-two .my-account li { display: inline-block; vertical-align: middle; float: none; } .header-style-three .header-upper .search-btn { display: none; } .banner-carousel .links-box .discount-btn { padding-left: 0; display: block; } .banner-carousel .links-box .discount-btn .icon { display: none; } .banner-carousel .links-box .discount-btn .btn-title { text-align: center; } .banner-two .banner-carousel .content-box h1, .banner-three .banner-carousel .content-box h1 { font-size: 32px; } .yacht-featured-images .outer-box .yacht-featured-image, .yacht-featured-images .outer-box:hover .yacht-featured-image, .yacht-featured-images .outer-box .yacht-featured-image:hover, .destinations-two .destinations-box .outer-box .destination-block-two, .destinations-two .destinations-box .outer-box:hover .destination-block-two, .destinations-two .destinations-box .outer-box .destination-block-two:hover { width: 100%; } .page-banner h1 { font-size: 24px; } .about-section .left-col .upper-row { text-align: center; } .about-section .left-col .video-link { padding: 0; } .about-section .left-col .video-link .video-thumb, .about-section .left-col .upper-row .image-box { position: relative; display: inline-block; left: 0; top: 0; margin: 0 auto 10px; } .about-section .book-form-box { padding-left: 20px; padding-right: 20px; padding-bottom: 30px; } .service-block .lower-box { margin-left: 10px; margin-right: 10px; text-align: center; } .service-block .lower-content { padding-top: 70px; padding-left: 20px; padding-right: 20px; padding-bottom: 30px; } .service-block .lower-content .icon-box { left: 50%; right: auto; margin-left: -45px; } .activity-carousel .activity-block .ratings .rate-text strong, .process-container .process-block h4 { font-size: 20px; } .price-block .plan-header .price .amount { font-size: 40px; } .testimonial-block .inner-box { padding: 30px 20px; text-align: center; } .testimonial-block .content { padding-left: 0; min-height: 0; } .testimonial-block .content .image { position: relative; left: 0; top: 0; margin: 0 auto 20px; } .testimonial-block .content .info:before { left: 50%; margin-left: -35px; } .testimonial-block .rating { position: relative; left: 0; right: 0; top: 0; margin: 0 0 20px; text-align: center; } .testimonial-block .rating .curve, .testimonial-block .rating:before { display: none; } .testimonial-block .content .icon-box { right: -10px; top: -10px; left: auto; width: 50px; line-height: 50px; font-size: 30px; line-height: 50px; } .sec-title { position: relative; margin-bottom: 0px; padding: 0px 10px 10px 10px; } .news-section .title-row .sec-title { width: 100%; } .news-section .title-row .link-box { width: 100%; text-align: left; padding-top: 0; } .news-block .inner-box { padding-left: 0; } .news-block .image-box { position: relative; left: 0; top: 0; width: 250px; max-width: 100%; margin: 0 0 30px; } .news-block .image-box img { height: auto; width: 100%; } .news-block h4, .main-footer .widget-title h4 { font-size: 20px; } .activity-carousel .activity-block .links-box { margin-top: 30px; } .about-section .left-col .lower-content .text:first-letter { float: none; font-size: 18px; line-height: 1.6em; margin: 0px; } .price-block .inner-box { border-bottom-width: 3px; } .about-section-two .content-box .lower-row .info { width: 100%; margin-bottom: 20px; text-align: left; padding-left: 20px; padding-right: 0; } .about-section-two .content-box .lower-row .info:before { left: 0; right: auto; } .activity-block-two .pricing { display: none; } .activity-block-two .content, .activity-block-two .ratings { position: relative; left: 0; top: 0; right: 0; bottom: 0; margin-bottom: 20px; text-align: left; } .activity-block-two .links-box { position: relative; left: 0; bottom: 0; width: 100%; } .activity-block-two .image-layer:before { opacity: 0.70; } .activity-block-two.with-offer .content { padding-left: 0; } .activity-block-two.with-offer .content .off-price { display: none; } .activity-block-two .inner-box { min-height: 0; } .activity-block-two .content-box { position: relative; padding: 30px 20px; } .activity-block-two .info-btn-box .info-panel, .activity-block-three .info-btn-box .info-panel { left: auto; right: -20px; margin: 0 0 30px; bottom: 100%; } .tour-widget-title h4 { font-size: 18px; } .subscribe-section .title h4, .activity-block-two .content-box h4, .activity-block-three .content-box h4 { font-size: 20px; } .tour-details .facilities .facility-box ul li, .tour-details .info-title .left-info, .tour-details .info-title .rating-info { width: 100%; text-align: left; } .tour-details .tour-map .location-point .loc-title { display: none; } .tour-details .included-material .included-box { padding-top: 20px; } .tour-details .facilities .facility-box { padding: 30px 20px 10px; } .about-section-three .content-outer h2 { font-size: 24px; } .services-section-four .service-list { text-align: left; } .comming-soon h1, .time-counter .time-countdown .counter-column .count { font-size: 30px; } .news-block-five h3 { font-size: 20px; } .news-block-five .content .link-box { padding-top: 25px; } .news-block-six .content-box .inner { padding-left: 0; min-height: 0; } .news-block-six .other-info { display: none; } .news-block-six h3 { font-size: 20px; } .comments-area .comment.reply-comment { margin-left: 0; } .comments-area .comment { padding-left: 0; } .comments-area .comment-box .author-thumb { position: relative; left: 0; top: 0; margin: 0 0 20px; } .comments-area { margin-bottom: 40px; } .team-section .owl-theme .owl-nav { position: relative; top: 0; right: 0; width: 100%; text-align: center; } .team-section .owl-theme .owl-nav .owl-next, .team-section .owl-theme .owl-nav .owl-prev { margin: 0 7px; } .yacht-details .specs-column .title-box h4 { font-size: 20px; } } @media only screen and (max-width: 479px) { .header-style-one .other-links .max-nav-toggler, .header-style-two .language { display: none; } .main-header .header-top-three .top-left { display: none !important; } .main-header .header-top .top-right, .header-top-three .my-account { width: 100%; text-align: center; } .header-top-three .my-account li { display: inline-block; vertical-align: middle; float: none; } .footer-style-three .upper-row .logo-box { width: 100%; margin: 0 0 30px; padding: 0; text-align: center; } .footer-style-three .upper-row .logo-box:before, .activity-carousel .activity-block .add-to-fav { display: none; } .activity-carousel .activity-block .links-box .pricing { text-align: left; width: 100%; padding-bottom: 10px; } .activity-carousel .activity-block .btn-style-four .btn-title { padding-left: 25px; padding-right: 25px; } .subscribe-form-box { padding: 40px 20px; } .about-section-two .content-inner .video-link, .about-section-two .content-inner .video-link .video-thumb { width: 100%; height: auto; } .news-block-two .lower-content { padding-left: 0; } .news-block-two .other-links, .footer-style-three .drop-link { display: none; } .footer-style-three .upper-row .logo-box { margin-bottom: 0; } .yacht-details .basic-info .down-link, .yacht-details .basic-info .left-info { width: 100%; } .yacht-details .specs-column .title-box .options a:last-child { display: none; } .activity-block-two .btn-style-two .btn-title { padding-left: 25px; padding-right: 25px; } .offers-widget .post h5 { font-size: 16px; } .news-block-five .content-column .inner { min-height: 0; } .news-block-five .content-column .content, .news-block-five .content-column .inner { padding-left: 0; } .news-block-five .other-info { display: none; } } span.multiselect-native-select { position: relative } span.multiselect-native-select select { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px -1px -1px -3px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; left: 50%; top: 30px } .multiselect-container { position: absolute; list-style-type: none; margin: 0; padding: 0 } .multiselect-container .input-group { margin: 5px } .multiselect-container > li { padding: 0 } .multiselect-container > li > a.multiselect-all label { font-weight: 700 } .multiselect-container > li.multiselect-group label { margin: 0; padding: 3px 20px 3px 20px; height: 100%; font-weight: 700 } .multiselect-container > li.multiselect-group-clickable label { cursor: pointer } .multiselect-container > li > a { padding: 0 } .multiselect-container > li > a > label { margin: 0; height: 100%; cursor: pointer; font-weight: 400; padding: 3px 0 3px 30px } .multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox { margin: 0 } .multiselect-container > li > a > label > input[type=checkbox] { margin-bottom: 5px } .btn-group > .btn-group:nth-child(2) > .multiselect.btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px } .form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio { padding: 3px 20px 3px 40px } .form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] { margin-left: -20px; margin-right: 0 } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .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-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform: none; transform: none } } @keyframes jello { 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform: none; transform: none } } .jello{ -webkit-animation-name:jello; animation-name:jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInStable { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 33.333% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 66.666666% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes zoomInStable { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 33.333% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 66.666666% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .zoomInStable { -webkit-animation-name: zoomInStable; animation-name: zoomInStable; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-webkit-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-moz-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-o-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-ms-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @font-face { font-family: 'Flaticon'; src: url('../fonts/Flaticon.eot'); src: url('../fonts/Flaticon.eot#iefix') format('embedded-opentype'), url('../fonts/Flaticon.ttf') format('truetype'), url('../fonts/Flaticon.woff2') format('woff2'), url('../fonts/Flaticon.woff') format('woff'), url('../fonts/Flaticon.svg#Flaticon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("../fonts/Flaticon.svg#Flaticon") format("svg"); } } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: 'Flaticon' !important; speak: none; font-style: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .flaticon-cell-phone:before { content: "\f100"; } .flaticon-straight-quotes:before { content: "\f101"; } .flaticon-blocks-with-angled-cuts:before { content: "\f102"; } .flaticon-business:before { content: "\f103"; } .flaticon-technology:before { content: "\f104"; } .flaticon-graph-line-screen:before { content: "\f105"; } .flaticon-smartphone-call:before { content: "\f106"; } .flaticon-electric-light-bulb:before { content: "\f107"; } .flaticon-e-mail-envelope:before { content: "\f108"; } .flaticon-tool:before { content: "\f109"; } .flaticon-angle-arrow-pointing-to-right:before { content: "\f10a"; } .flaticon-chart-of-columns:before { content: "\f10b"; } .flaticon-quotation-mark:before { content: "\f10c"; } .flaticon-down-arrow:before { content: "\f10d"; } .flaticon-up-arrow-angle:before { content: "\f10e"; } .flaticon-right-arrow-angle:before { content: "\f10f"; } .flaticon-circle:before { content: "\f110"; } .flaticon-telephone:before { content: "\f111"; } .flaticon-three:before { content: "\f112"; } .flaticon-symbol:before { content: "\f113"; } .flaticon-line:before { content: "\f114"; } .flaticon-sign:before { content: "\f115"; } .flaticon-delete:before { content: "\f116"; } .flaticon-new-email-outline:before { content: "\f117"; } .flaticon-check-symbol:before { content: "\f118"; } .flaticon-round:before { content: "\f119"; } .flaticon-delete-cross:before { content: "\f11a"; } .flaticon-location:before { content: "\f11b"; } .flaticon-clipboard-with-a-list:before { content: "\f11c"; } .flaticon-shelter:before { content: "\f11d"; } .flaticon-technology-1:before { content: "\f11e"; } .flaticon-fax-with-phone:before { content: "\f11f"; } .flaticon-boat-anchor:before { content: "\f120"; } .flaticon-interface:before { content: "\f121"; } .flaticon-photo:before { content: "\f122"; } .flaticon-social-media:before { content: "\f123"; } .flaticon-layers:before { content: "\f124"; } .flaticon-edit-document:before { content: "\f125"; } .flaticon-people:before { content: "\f126"; } .flaticon-quote:before { content: "\f127"; } .flaticon-support:before { content: "\f128"; } .flaticon-arrow:before { content: "\f129"; } .flaticon-shape:before { content: "\f12a"; } .flaticon-cogwheel:before { content: "\f12b"; } .flaticon-heart:before { content: "\f12c"; } .flaticon-arrows:before { content: "\f12d"; } .flaticon-play-button:before { content: "\f12e"; } .flaticon-home:before { content: "\f12f"; } .flaticon-cross:before { content: "\f130"; } .flaticon-line-1:before { content: "\f131"; } .flaticon-right-arrow:before { content: "\f132"; } .flaticon-arrows-1:before { content: "\f133"; } .flaticon-time:before { content: "\f134"; } .flaticon-nature:before { content: "\f135"; } .flaticon-email:before { content: "\f136"; } .flaticon-light-bulb:before { content: "\f137"; } .flaticon-letter:before { content: "\f138"; } .flaticon-magnifying-glass:before { content: "\f139"; } .flaticon-multimedia:before { content: "\f13a"; } .flaticon-search:before { content: "\f13b"; } .flaticon-correct:before { content: "\f13c"; } .flaticon-video-camera:before { content: "\f13d"; } .flaticon-stats:before { content: "\f13e"; } .flaticon-arrows-2:before { content: "\f13f"; } .flaticon-arrows-3:before { content: "\f140"; } .flaticon-arrows-4:before { content: "\f141"; } .flaticon-arrows-5:before { content: "\f142"; } .flaticon-arrows-6:before { content: "\f143"; } .flaticon-checked:before { content: "\f144"; } .flaticon-line-2:before { content: "\f145"; } .flaticon-truck:before { content: "\f146"; } .flaticon-coin:before { content: "\f147"; } .flaticon-headphones:before { content: "\f148"; } .flaticon-shopping-bag:before { content: "\f149"; } .flaticon-money:before { content: "\f14a"; } .flaticon-money-1:before { content: "\f14b"; } .flaticon-garbage:before { content: "\f14c"; } .flaticon-placeholder:before { content: "\f14d"; } .flaticon-heart-1:before { content: "\f14e"; } .flaticon-settings:before { content: "\f14f"; } .flaticon-link:before { content: "\f150"; } .flaticon-printer:before { content: "\f151"; } .flaticon-house:before { content: "\f152"; } .flaticon-phone-call:before { content: "\f153"; } .flaticon-shopping-bag-1:before { content: "\f154"; } .flaticon-envelope:before { content: "\f155"; } .flaticon-bars:before { content: "\f156"; } .flaticon-remove:before { content: "\f157"; } .flaticon-time-1:before { content: "\f158"; } .flaticon-check:before { content: "\f159"; } .flaticon-link-1:before { content: "\f15a"; } .flaticon-check-1:before { content: "\f15b"; } .flaticon-add:before { content: "\f15c"; } .flaticon-menu:before { content: "\f15d"; } .flaticon-anchor:before { content: "\f15e"; } .flaticon-signs:before { content: "\f15f"; } .flaticon-menu-1:before { content: "\f160"; } .flaticon-comment:before { content: "\f161"; } .flaticon-comment-1:before { content: "\f162"; } .flaticon-arrows-7:before { content: "\f163"; } .flaticon-calendar:before { content: "\f164"; } .flaticon-picture:before { content: "\f165"; } .flaticon-play-button-1:before { content: "\f166"; } .flaticon-play-button-2:before { content: "\f167"; } .flaticon-success:before { content: "\f168"; } .flaticon-add-1:before { content: "\f169"; } .flaticon-placeholder-1:before { content: "\f16a"; } .flaticon-interface-1:before { content: "\f16b"; } .flaticon-up-arrow:before { content: "\f16c"; } .flaticon-arrows-8:before { content: "\f16d"; } .flaticon-arrows-9:before { content: "\f16e"; } .flaticon-arrows-10:before { content: "\f16f"; } .flaticon-close:before { content: "\f170"; } .flaticon-user:before { content: "\f171"; } .flaticon-bar-chart:before { content: "\f172"; } .flaticon-speech-bubble:before { content: "\f173"; } .flaticon-placeholder-2:before { content: "\f174"; } .flaticon-technology-2:before { content: "\f175"; } .flaticon-technology-3:before { content: "\f176"; } .flaticon-link-2:before { content: "\f177"; } .flaticon-trophy:before { content: "\f178"; } .flaticon-layers-1:before { content: "\f179"; } .flaticon-monitor:before { content: "\f17a"; } .flaticon-home-1:before { content: "\f17b"; } .flaticon-interface-2:before { content: "\f17c"; } .flaticon-bar-chart-1:before { content: "\f17d"; } .flaticon-message:before { content: "\f17e"; } .flaticon-maps-and-flags:before { content: "\f17f"; } .flaticon-delete-1:before { content: "\f180"; } .flaticon-cancel:before { content: "\f181"; } .flaticon-logout:before { content: "\f182"; } .flaticon-line-chart:before { content: "\f183"; } .flaticon-menu-2:before { content: "\f184"; } .flaticon-like:before { content: "\f185"; } .flaticon-bar-chart-2:before { content: "\f186"; } .flaticon-briefcase:before { content: "\f187"; } .flaticon-agenda:before { content: "\f188"; } .flaticon-technology-4:before { content: "\f189"; } .flaticon-arrows-11:before { content: "\f18a"; } .flaticon-menu-3:before { content: "\f18b"; } .flaticon-photo-1:before { content: "\f18c"; } .flaticon-settings-1:before { content: "\f18d"; } .flaticon-calendar-1:before { content: "\f18e"; } .flaticon-clipboard:before { content: "\f18f"; } .flaticon-heart-2:before { content: "\f190"; } .flaticon-login:before { content: "\f191"; } .flaticon-logout-1:before { content: "\f192"; } .flaticon-location-pin:before { content: "\f193"; } .flaticon-media-play-symbol:before { content: "\f194"; } .flaticon-user-1:before { content: "\f195"; } .flaticon-download-arrow:before { content: "\f196"; } .flaticon-quality:before { content: "\f197"; } .flaticon-quote-1:before { content: "\f198"; } .flaticon-right-quote:before { content: "\f199"; } .flaticon-hand-shake:before { content: "\f19a"; } .flaticon-suitcase:before { content: "\f19b"; } .flaticon-pie-chart:before { content: "\f19c"; } .flaticon-shield:before { content: "\f19d"; } .flaticon-security:before { content: "\f19e"; } .flaticon-save:before { content: "\f19f"; } .flaticon-leaf:before { content: "\f1a0"; } .flaticon-settings-2:before { content: "\f1a1"; } .flaticon-nuclear:before { content: "\f1a2"; } .flaticon-play-button-3:before { content: "\f1a3"; } .flaticon-play-button-4:before { content: "\f1a4"; } .flaticon-chat:before { content: "\f1a5"; } .flaticon-chat-1:before { content: "\f1a6"; } .flaticon-chat-2:before { content: "\f1a7"; } .flaticon-placeholder-3:before { content: "\f1a8"; } .flaticon-smartphone:before { content: "\f1a9"; } .flaticon-smartphone-1:before { content: "\f1aa"; } .flaticon-mail:before { content: "\f1ab"; } .flaticon-mail-1:before { content: "\f1ac"; } .flaticon-next:before { content: "\f1ad"; } .flaticon-back:before { content: "\f1ae"; } .flaticon-diagonal-arrow:before { content: "\f1af"; } .flaticon-next-1:before { content: "\f1b0"; } .flaticon-arrow-1:before { content: "\f1b1"; } .flaticon-telephone-1:before { content: "\f1b2"; } .flaticon-smartphone-2:before { content: "\f1b3"; } .flaticon-placeholder-4:before { content: "\f1b4"; } .flaticon-placeholder-5:before { content: "\f1b5"; } .flaticon-menu-4:before { content: "\f1b6"; } .flaticon-menu-5:before { content: "\f1b7"; } .flaticon-menu-6:before { content: "\f1b8"; } .flaticon-menu-7:before { content: "\f1b9"; } .flaticon-menu-8:before { content: "\f1ba"; } .flaticon-menu-9:before { content: "\f1bb"; } .flaticon-cancel-1:before { content: "\f1bc"; } .flaticon-cross-shaped-target:before { content: "\f1bd"; } .flaticon-targeting-cross:before { content: "\f1be"; } .flaticon-letter-x:before { content: "\f1bf"; } .flaticon-magnifying-glass-1:before { content: "\f1c0"; } .flaticon-photo-camera:before { content: "\f1c1"; } .flaticon-photo-camera-1:before { content: "\f1c2"; } .flaticon-help:before { content: "\f1c3"; } .flaticon-information:before { content: "\f1c4"; } .flaticon-password:before { content: "\f1c5"; } .flaticon-user-2:before { content: "\f1c6"; } .flaticon-surf:before { content: "\f1c7"; } .flaticon-surf-1:before { content: "\f1c8"; } .flaticon-jet-ski:before { content: "\f1c9"; } .flaticon-jet-ski-1:before { content: "\f1ca"; } .flaticon-surf-sea:before { content: "\f1cb"; } .flaticon-information-1:before { content: "\f1cc"; } .flaticon-user-3:before { content: "\f1cd"; } .flaticon-user-4:before { content: "\f1ce"; } .flaticon-stopwatch:before { content: "\f1cf"; } .flaticon-wall-clock:before { content: "\f1d0"; } .flaticon-scuba:before { content: "\f1d1"; } .flaticon-scuba-1:before { content: "\f1d2"; } .flaticon-boat-race:before { content: "\f1d3"; } .flaticon-wallet:before { content: "\f1d4"; } .flaticon-quotation:before { content: "\f1d5"; } .flaticon-circled:before { content: "\f1d6"; } .flaticon-yacht-facing-right:before { content: "\f1d7"; } .flaticon-sailboat:before { content: "\f1d8"; } .flaticon-surfer:before { content: "\f1d9"; } .flaticon-surfer-1:before { content: "\f1da"; } .flaticon-user-5:before { content: "\f1db"; } .flaticon-england:before { content: "\f1dc"; } .flaticon-boat:before { content: "\f1dd"; } .flaticon-boat-1:before { content: "\f1de"; } .flaticon-yacht:before { content: "\f1df"; } .flaticon-yacht-1:before { content: "\f1e0"; } .flaticon-ship:before { content: "\f1e1"; } .flaticon-link-3:before { content: "\f1e2"; } .flaticon-assistance:before { content: "\f1e3"; } .flaticon-right-arrow-1:before { content: "\f1e4"; } .flaticon-chat-comment-oval-speech-bubble-with-text-lines:before { content: "\f1e5"; } .flaticon-chat-3:before { content: "\f1e6"; } .flaticon-address:before { content: "\f1e7"; } .flaticon-smartphone-3:before { content: "\f1e8"; } .flaticon-email-1:before { content: "\f1e9"; } .flaticon-clock:before { content: "\f1ea"; } .flaticon-guitar:before { content: "\f1eb"; } .flaticon-meeting:before { content: "\f1ec"; } .flaticon-expand:before { content: "\f1ed"; } .flaticon-price:before { content: "\f1ee"; } .flaticon-technician:before { content: "\f1ef"; } .flaticon-double-arrow:before { content: "\f1f0"; } .flaticon-boat-2:before { content: "\f1f1"; } .flaticon-gas:before { content: "\f1f2"; } .flaticon-brochure:before { content: "\f1f3"; } .flaticon-share:before { content: "\f1f4"; } .flaticon-kitchen:before { content: "\f1f5"; } .flaticon-swimming-pool:before { content: "\f1f6"; } .flaticon-swimming-pool-1:before { content: "\f1f7"; } .flaticon-video:before { content: "\f1f8"; } .flaticon-cinema:before { content: "\f1f9"; } .flaticon-treadmill:before { content: "\f1fa"; } .flaticon-map:before { content: "\f1fb"; } .flaticon-map-1:before { content: "\f1fc"; } .flaticon-zoom-in:before { content: "\f1fd"; } @keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } @-webkit-keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } @-moz-keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } @-o-keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } .service-block .icon-bg, .theme-separator:before, .service-block-two .icon-bg{ -webkit-animation-name: rotateScale; -webkit-animation-duration: 20s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateScale; -moz-animation-duration: 20s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateScale; -ms-animation-duration: 20s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: rotateScale; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear; } @charset "UTF-8";body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-40px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}