/* Minification failed. Returning unminified contents.
(1520,1): run-time error CSS1019: Unexpected token, found '@import'
(1520,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800")'
(1521,1): run-time error CSS1019: Unexpected token, found '@import'
(1521,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Nunito:300,400,600,600i,700,800&subset=latin-ext")'
(1524,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1526,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5952,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(7346,45): run-time error CSS1046: Expect comma, found '0'
(7346,49): run-time error CSS1046: Expect comma, found '/'
(7347,37): run-time error CSS1046: Expect comma, found '0'
(7347,41): run-time error CSS1046: Expect comma, found '/'
(8420,28): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(8651,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8674,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10089,40): run-time error CSS1046: Expect comma, found '0'
(10089,44): run-time error CSS1046: Expect comma, found '/'
(10566,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(10569,17): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(13814,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13837,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15744,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(17237,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17238,10): run-time error CSS1035: Expected colon, found '{'
(17247,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17248,10): run-time error CSS1035: Expected colon, found '{'
(17363,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17375,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17689,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17709,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17729,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17730,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17743,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17757,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17774,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20682,57): run-time error CSS1046: Expect comma, found '0'
(20682,61): run-time error CSS1046: Expect comma, found '/'
(20683,49): run-time error CSS1046: Expect comma, found '0'
(20683,53): run-time error CSS1046: Expect comma, found '/'
(20798,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20799,10): run-time error CSS1035: Expected colon, found '{'
(20810,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20811,10): run-time error CSS1035: Expected colon, found '{'
(26197,35): run-time error CSS1046: Expect comma, found '227'
(26197,42): run-time error CSS1046: Expect comma, found '/'
(26201,34): run-time error CSS1046: Expect comma, found '71'
(26201,41): run-time error CSS1046: Expect comma, found '/'
(26507,31): run-time error CSS1046: Expect comma, found '161'
(26507,37): run-time error CSS1046: Expect comma, found '/'
(26923,28): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(27596,36): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(27871,21): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(29947,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(30553,32): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(30734,40): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(31476,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(31522,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31523,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(31588,12): run-time error CSS1038: Expected hex color, found '#ffff'
(31588,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(31716,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-line-size'
(32142,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-ocd-width'
(32143,21): run-time error CSS1039: Token not allowed after unary operator: '-mm-ocd-min-width'
(32144,21): run-time error CSS1039: Token not allowed after unary operator: '-mm-ocd-max-width'
(32181,36): run-time error CSS1039: Token not allowed after unary operator: '-mm-ocd-max-width'
(32181,74): run-time error CSS1039: Token not allowed after unary operator: '-mm-ocd-width'
(32181,108): run-time error CSS1039: Token not allowed after unary operator: '-mm-ocd-min-width'
(32225,27): run-time error CSS1039: Token not allowed after unary operator: '-mm-spn-line-height'
(32238,26): run-time error CSS1039: Token not allowed after unary operator: '-mm-spn-item-height'
(32291,29): run-time error CSS1039: Token not allowed after unary operator: '-mm-spn-item-height'
(32291,57): run-time error CSS1039: Token not allowed after unary operator: '-mm-spn-line-height'
(32291,89): run-time error CSS1039: Token not allowed after unary operator: '-mm-spn-item-indent'
(32311,37): run-time error CSS1039: Token not allowed after unary operator: '-mm-spn-item-height'
(32341,24): run-time error CSS1039: Token not allowed after unary operator: '-mm-spn-item-height'
(32342,21): run-time error CSS1039: Token not allowed after unary operator: '-mm-spn-item-indent'
(32370,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-spn-item-height'
(32371,30): run-time error CSS1039: Token not allowed after unary operator: '-mm-spn-item-indent'
(32372,27): run-time error CSS1039: Token not allowed after unary operator: '-mm-spn-item-height'
(32386,28): run-time error CSS1039: Token not allowed after unary operator: '-mm-spn-item-indent'
(32390,24): run-time error CSS1039: Token not allowed after unary operator: '-mm-spn-item-height'
(32426,32): run-time error CSS1039: Token not allowed after unary operator: '-mm-spn-item-indent'
(32430,35): run-time error CSS1039: Token not allowed after unary operator: '-mm-spn-item-height'
(32638,36): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(32642,36): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(33052,53): run-time error CSS1046: Expect comma, found '216'
(33052,61): run-time error CSS1046: Expect comma, found '/'
(33053,45): run-time error CSS1046: Expect comma, found '216'
(33053,53): run-time error CSS1046: Expect comma, found '/'
(33573,55): run-time error CSS1046: Expect comma, found '216'
(33573,63): run-time error CSS1046: Expect comma, found '/'
(33574,47): run-time error CSS1046: Expect comma, found '216'
(33574,55): run-time error CSS1046: Expect comma, found '/'
(33613,51): run-time error CSS1046: Expect comma, found '216'
(33613,59): run-time error CSS1046: Expect comma, found '/'
(33614,43): run-time error CSS1046: Expect comma, found '216'
(33614,51): run-time error CSS1046: Expect comma, found '/'
(33718,21): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(33747,43): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(33748,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(34158,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(34159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(34178,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(34179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(34389,21): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(34403,21): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(35052,26): run-time error CSS1039: Token not allowed after unary operator: '-second-color'
(35058,22): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(35133,30): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(35140,34): run-time error CSS1039: Token not allowed after unary operator: '-second-color'
(35421,29): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(35680,49): run-time error CSS1046: Expect comma, found '216'
(35680,57): run-time error CSS1046: Expect comma, found '/'
(35681,41): run-time error CSS1046: Expect comma, found '197'
(35681,49): run-time error CSS1046: Expect comma, found '/'
(37040,28): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(37142,36): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(37204,25): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(37362,19): run-time error CSS1030: Expected identifier, found 'a'
(37362,20): run-time error CSS1031: Expected selector, found ')'
(37362,20): run-time error CSS1025: Expected comma or open brace, found ')'
(37368,23): run-time error CSS1030: Expected identifier, found 'a'
(37368,24): run-time error CSS1031: Expected selector, found ')'
(37368,24): run-time error CSS1025: Expected comma or open brace, found ')'
(37384,23): run-time error CSS1030: Expected identifier, found 'a'
(37384,24): run-time error CSS1031: Expected selector, found ')'
(37384,24): run-time error CSS1025: Expected comma or open brace, found ')'
(37391,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(37456,29): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(37611,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(37621,36): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(37639,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(37648,36): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(37657,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(37667,36): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(37769,40): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(37791,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37792,10): run-time error CSS1035: Expected colon, found '{'
(37801,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37802,10): run-time error CSS1035: Expected colon, found '{'
(38051,21): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(38052,32): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(38064,36): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(38065,36): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(38160,32): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(38402,45): run-time error CSS1046: Expect comma, found '23'
(38402,51): run-time error CSS1046: Expect comma, found '/'
(38403,37): run-time error CSS1046: Expect comma, found '23'
(38403,43): run-time error CSS1046: Expect comma, found '/'
(38411,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(38856,40): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(38869,40): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(39253,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(39317,32): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(39843,40): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(40000,25): run-time error CSS1038: Expected hex color, found '#ffff'
(40227,58): run-time error CSS1046: Expect comma, found '197'
(40227,66): run-time error CSS1046: Expect comma, found '/'
(40228,50): run-time error CSS1046: Expect comma, found '197'
(40228,58): run-time error CSS1046: Expect comma, found '/'
(40417,62): run-time error CSS1046: Expect comma, found '197'
(40417,70): run-time error CSS1046: Expect comma, found '/'
(40418,54): run-time error CSS1046: Expect comma, found '197'
(40418,62): run-time error CSS1046: Expect comma, found '/'
(40770,32): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(41010,58): run-time error CSS1046: Expect comma, found '172'
(41010,66): run-time error CSS1046: Expect comma, found '/'
(41011,50): run-time error CSS1046: Expect comma, found '172'
(41011,58): run-time error CSS1046: Expect comma, found '/'
(41154,40): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(41205,62): run-time error CSS1046: Expect comma, found '197'
(41205,70): run-time error CSS1046: Expect comma, found '/'
(41206,54): run-time error CSS1046: Expect comma, found '197'
(41206,62): run-time error CSS1046: Expect comma, found '/'
(41365,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(41368,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(41380,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(41541,32): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(41580,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(41643,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(41669,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(41720,28): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(41738,36): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(41751,36): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(41947,40): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(41967,28): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(42129,32): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(42179,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(42482,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(42483,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(42491,36): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(42582,28): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(43885,29): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(44100,32): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(44154,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(44273,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(44702,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(44715,28): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(44819,29): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(45031,23): run-time error CSS1038: Expected hex color, found '#ffff'
(45367,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(45368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(45384,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(45385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(45452,64): run-time error CSS1046: Expect comma, found '197'
(45452,72): run-time error CSS1046: Expect comma, found '/'
(45453,56): run-time error CSS1046: Expect comma, found '197'
(45453,64): run-time error CSS1046: Expect comma, found '/'
(45565,40): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(45932,64): run-time error CSS1046: Expect comma, found '197'
(45932,72): run-time error CSS1046: Expect comma, found '/'
(45933,56): run-time error CSS1046: Expect comma, found '197'
(45933,64): run-time error CSS1046: Expect comma, found '/'
(46467,32): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(46484,28): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(46497,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(46595,32): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(46603,32): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(46614,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(46681,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(46829,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(46842,32): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(47292,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(47293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(47306,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(47307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(47897,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(47898,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(47907,28): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(48308,36): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(48646,45): run-time error CSS1046: Expect comma, found '23'
(48646,51): run-time error CSS1046: Expect comma, found '/'
(48647,37): run-time error CSS1046: Expect comma, found '23'
(48647,43): run-time error CSS1046: Expect comma, found '/'
(50173,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(50174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(50183,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(50184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(50193,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(50194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(50203,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(50204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(50314,32): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(50552,1): run-time error CSS1019: Unexpected token, found '}'
(50566,23): run-time error CSS1038: Expected hex color, found '#0006'
(50695,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(50699,36): run-time error CSS1039: Token not allowed after unary operator: '-my-orange'
(50733,40): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(50737,44): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(50909,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(51020,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(51147,36): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(51870,27): run-time error CSS1038: Expected hex color, found '#ffff'
(51908,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(51909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(51952,58): run-time error CSS1046: Expect comma, found '131'
(51952,66): run-time error CSS1046: Expect comma, found '/'
(52039,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(52040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(52064,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(52065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(53881,20): run-time error CSS1038: Expected hex color, found '#ffff'
 */
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:"Glyphicons Halflings";src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-right:-15px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover>.arrow{border-width:11px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}

/*!* Bootstrap v4.0.0-beta (https://getbootstrap.com)
* Copyright 2011-2017 The Bootstrap Authors
* Copyright 2011-2017 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)*/@media print{*,*::before,*::after{text-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#8a803e}mark.color{color:#fff}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*!Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css*/@media print{*,*:before,*:after{background:0 0!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#333;text-decoration:none;-webkit-transition:color .2s;transition:color .2s}a:hover,a:focus{text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:400;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#333}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 17px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media(min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:hover,a.text-primary:focus{color:#286090}.text-success{color:#3c763d}a.text-success:hover,a.text-success:focus{color:#2b542c}.text-info{color:#31708f}a.text-info:hover,a.text-info:focus{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover,a.text-warning:focus{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover,a.text-danger:focus{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover,a.bg-primary:focus{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:hover,a.bg-success:focus{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover,a.bg-info:focus{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover,a.bg-warning:focus{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover,a.bg-danger:focus{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px;padding-left:15px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media(min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17px;line-height:30px;color:#888;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media(min-width:768px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1240px){.container{width:1090px}}@media(min-width:1367px){.container{width:1210px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0%}@media(min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0%}}@media(min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0%}}@media(min-width:1260px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0%}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width;}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none!important}@media(max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media(max-width:767px){.visible-xs-block{display:block!important}}@media(max-width:767px){.visible-xs-inline{display:inline!important}}@media(max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media(min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media(min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media(min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media(min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media(min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}@media(min-width:1200px){.visible-lg-block{display:block!important}}@media(min-width:1200px){.visible-lg-inline{display:inline!important}}@media(min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media(max-width:767px){.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
/*!
 * Font Awesome Free 5.15.4 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,.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{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);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{-webkit-transform:scale(-1);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{-webkit-filter:none;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-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-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.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-biking:before{content:"\f84a"}.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-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.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-buy-n-large:before{content:"\f8a6"}.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-caravan:before{content:"\f8ff"}.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-cloudflare:before{content:"\e07d"}.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-alt:before{content:"\f422"}.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-cotton-bureau:before{content:"\f89e"}.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-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.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-disease:before{content:"\f7fa"}.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-edge-legacy:before{content:"\e078"}.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-alt:before{content:"\f424"}.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-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.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-firefox-browser:before{content:"\e007"}.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-pay:before{content:"\e079"}.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-guilded:before{content:"\e07e"}.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-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.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-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.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-hive:before{content:"\e07f"}.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-hospital-user:before{content:"\f80d"}.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-house-user:before{content:"\e065"}.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-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.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-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.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-house:before{content:"\e066"}.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-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.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-mdb:before{content:"\f8ca"}.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-microblog:before{content:"\e01a"}.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-mixer:before{content:"\e056"}.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:before{content:"\f8cc"}.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-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-octopus-deploy:before{content:"\e082"}.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-orcid:before{content:"\f8d2"}.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-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.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-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.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-pied-piper-square:before{content:"\e01e"}.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-plane-slash:before{content:"\e069"}.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-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.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-record-vinyl:before{content:"\f8d9"}.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-remove-format:before{content:"\f87d"}.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-rust:before{content:"\e07a"}.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-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.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-sink:before{content:"\e06d"}.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-soap:before{content:"\e06e"}.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-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.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-spell-check:before{content:"\f891"}.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-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.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-swift:before{content:"\f8e1"}.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-tiktok:before{content:"\e07b"}.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-toilet-paper-slash:before{content:"\e072"}.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-trailer:before{content:"\e041"}.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-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-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.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-unsplash:before{content:"\e07c"}.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-users-slash:before{content:"\e073"}.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-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.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-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.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-watchman-monitoring:before{content:"\e087"}.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-wodu:before{content:"\e088"}.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 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("./fonts/fa-solid-900.eot");
  src: url("./fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("./fonts/fa-solid-900.woff") format("woff"), url("./fonts/fa-solid-900.ttf") format("truetype"), url("./fonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

/* ----------------------------------------------------
   Revolution Slider Style
---------------------------------------------------- */

.rev_slider_wrapper {
	position: relative;
	z-index: 0;
}
.shop.rev_slider .slotholder:after, .home.rev_slider .slotholder:after {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-color: #303133;
	opacity: 0.60;
	z-index: 9999;
}
.shop.rev_slider .slotholder:after {
	opacity: 0.2;
}
.rev_slider {
	position: relative;
	overflow: hidden;
}
.tp-overflow-hidden {
	overflow: hidden;
}
.tp-simpleresponsive img, .rev_slider img {
	max-width: none !important;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border: none;
}
.rev_slider .no-slides-text {
	font-weight: bold;
	text-align: center;
	padding-top: 80px;
}
.rev_slider >ul, .rev_slider_wrapper >ul, .tp-revslider-mainul >li, .rev_slider >ul >li, .rev_slider >ul >li:before, .tp-revslider-mainul >li:before, .tp-simpleresponsive >ul, .tp-simpleresponsive >ul >li, .tp-simpleresponsive >ul >li:before, .tp-revslider-mainul >li, .tp-simpleresponsive >ul >li {
	list-style: none !important;
	position: absolute;
	margin: 0px !important;
	padding: 0px !important;
	overflow-x: visible;
	overflow-y: visible;
	list-style-type: none !important;
	background-image: none;
	background-position: 0px 0px;
	text-indent: 0em;
	top: 0px;
	left: 0px;
}
.tp-revslider-mainul >li, .rev_slider >ul >li, .rev_slider >ul >li:before, .tp-revslider-mainul >li:before, .tp-simpleresponsive >ul >li, .tp-simpleresponsive >ul >li:before, .tp-revslider-mainul >li, .tp-simpleresponsive >ul >li {
	visibility: hidden;
}
.tp-revslider-slidesli, .tp-revslider-mainul {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}
.rev_slider li.tp-revslider-slidesli {
	position: absolute !important;
}
.tp-caption .rs-untoggled-content {
	display: block;
}
.tp-caption .rs-toggled-content {
	display: none;
}
.rs-toggle-content-active.tp-caption .rs-toggled-content {
	display: block;
}
.rs-toggle-content-active.tp-caption .rs-untoggled-content {
	display: none;
}
.rev_slider .tp-caption, .rev_slider .caption {
	position: relative;
	visibility: hidden;
	white-space: nowrap;
	display: block;
}
.rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap *:last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap *:last-child {
	margin-bottom: 0;
}
.tp-carousel-wrapper {
	cursor: url(openhand.cur), move;
}
.tp-carousel-wrapper.dragged {
	cursor: url(closedhand.cur), move;
}
.tp-caption {
	z-index: 1111;
}
.tp-caption.centered {
	text-align: center;
}
.tp_inner_padding {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	max-height: none !important;
}
.tp-caption {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	position: absolute;
	-webkit-font-smoothing: antialiased !important;
}
.tp-caption.tp-layer-selectable {
	-moz-user-select: all;
	-khtml-user-select: all;
	-webkit-user-select: all;
	-o-user-select: all;
}
.tp-forcenotvisible, .tp-hide-revslider, .tp-caption.tp-hidden-caption {
	visibility: hidden !important;
	display: none !important
}
.rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video {
	max-width: none !important
}
.rev_slider_wrapper {
	height: 590px;
	width: 100%;
}
.fullwidthabanner {
	background-color: #f6f6f6;
}
.fullscreen-container {
	position: relative;
	padding: 0;
}
.fullwidthbanner-container {
	position: relative;
	padding: 0;
	overflow: hidden;
}
.fullwidthbanner-container .fullwidthabanner {
	width: 100%;
	position: relative;
}
.tp-static-layers {
	position: absolute;
	z-index: 505;
	top: 0px;
	left: 0px
}
.tp-caption .frontcorner {
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 0px solid transparent;
	border-top: 40px solid #00A8FF;
	position: absolute;
	left: -40px;
	top: 0px;
}
.tp-caption .backcorner {
	width: 0;
	height: 0;
	border-left: 0px solid transparent;
	border-right: 40px solid transparent;
	border-bottom: 40px solid #00A8FF;
	position: absolute;
	right: 0px;
	top: 0px;
}
.tp-caption .frontcornertop {
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 40px solid #00A8FF;
	position: absolute;
	left: -40px;
	top: 0px;
}
.tp-caption .backcornertop {
	width: 0;
	height: 0;
	border-left: 0px solid transparent;
	border-right: 40px solid transparent;
	border-top: 40px solid #00A8FF;
	position: absolute;
	right: 0px;
	top: 0px;
}
.tp-layer-inner-rotation {
	position: relative !important;
}
img.tp-slider-alternative-image {
	width: 100%;
	height: auto;
}
.noFilterClass {
	filter: none !important;
}
.rs-background-video-layer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	visibility: hidden;
	z-index: 0;
}
.tp-caption.coverscreenvideo {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
}
.caption.fullscreenvideo, .tp-caption.fullscreenvideo {
	left: 0px;
	top: 0px;
	position: absolute;
	width: 100%;
	height: 100%
}
.caption.fullscreenvideo iframe, .caption.fullscreenvideo video, .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video {
	width: 100% !important;
	height: 100% !important;
	display: none
}
.fullcoveredvideo video, .fullscreenvideo video {
	background: #000
}
.fullcoveredvideo .tp-poster {
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px
}
.videoisplaying .html5vid .tp-poster {
	display: none
}
.tp-video-play-button {
	background: #000;
	background: rgba(0,0,0,0.3);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #FFF;
	z-index: 3;
	margin-top: -25px;
	margin-left: -25px;
	line-height: 50px !important;
	text-align: center;
	cursor: pointer;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	z-index: 4;
	opacity: 0;
	-webkit-transition: opacity 300ms ease-out !important;
	-moz-transition: opacity 300ms ease-out !important;
	-o-transition: opacity 300ms ease-out !important;
	transition: opacity 300ms ease-out !important;
}
.tp-caption .html5vid {
	width: 100% !important;
	height: 100% !important;
}
.tp-video-play-button i {
	width: 50px;
	height: 50px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	line-height: 50px !important;
	font-size: 40px !important;
}
.tp-caption:hover .tp-video-play-button {
	opacity: 1;
}
.tp-caption .tp-revstop {
	display: none;
	border-left: 5px solid #fff !important;
	border-right: 5px solid #fff !important;
	margin-top: 15px !important;
	line-height: 20px !important;
	vertical-align: top;
	font-size: 25px !important;
}
.videoisplaying .revicon-right-dir {
	display: none
}
.videoisplaying .tp-revstop {
	display: inline-block
}
.videoisplaying .tp-video-play-button {
	display: none
}
.tp-caption:hover .tp-video-play-button {
	display: block
}
.fullcoveredvideo .tp-video-play-button {
	display: none !important
}
.fullscreenvideo .fullscreenvideo video {
	object-fit: contain !important;
}
.fullscreenvideo .fullcoveredvideo video {
	object-fit: cover !important;
}
.tp-video-controls {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
	background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, rgb(0,0,0)), color-stop(1, rgb(50,50,50)));
	display: table;
	max-width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.tp-caption:hover .tp-video-controls {
	opacity: .9;
}
.tp-video-button {
	background: rgba(0,0,0,.5);
	border: 0;
	color: #EEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	line-height: 12px;
	font-size: 12px;
	color: #fff;
	padding: 0px;
	margin: 0px;
	outline: none;
}
.tp-video-button:hover {
	cursor: pointer;
}
.tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap {
	padding: 0px 5px;
	display: table-cell;
}
.tp-video-seek-bar-wrap {
	width: 80%
}
.tp-video-vol-bar-wrap {
	width: 20%
}
.tp-volume-bar, .tp-seek-bar {
	width: 100%;
	cursor: pointer;
	outline: none;
	line-height: 12px;
	margin: 0;
	padding: 0;
}
.rs-fullvideo-cover {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	background: transparent;
	z-index: 5;
}
 .rs-background-video-layer video::-webkit-media-controls {
display:none !important;
}
.tp-dottedoverlay {
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3
}
.tp-dottedoverlay.twoxtwo {
	background: url(../assets/gridtile.png)
}
.tp-dottedoverlay.twoxtwowhite {
	background: url(../assets/gridtile_white.png)
}
.tp-dottedoverlay.threexthree {
	background: url(../assets/gridtile_3x3.png)
}
.tp-dottedoverlay.threexthreewhite {
	background: url(../assets/gridtile_3x3_white.png)
}
.tp-shadowcover {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	position: absolute;
	z-index: -1;
}
.tp-shadow1 {
	-webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);
	box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);
}
.tp-shadow2:before, .tp-shadow2:after, .tp-shadow3:before, .tp-shadow4:after {
	z-index: -2;
	position: absolute;
	content: "";
	bottom: 10px;
	left: 10px;
	width: 50%;
	top: 85%;
	max-width: 300px;
	background: transparent;
	-webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 15px 10px rgba(0,0,0,0.8);
	box-shadow: 0 15px 10px rgba(0,0,0,0.8);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.tp-shadow2:after, .tp-shadow4:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}
.tp-shadow5 {
	position: relative;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.tp-shadow5:before, .tp-shadow5:after {
	content: "";
	position: absolute;
	z-index: -2;
	-webkit-box-shadow: 0 0 25px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 25px 0px rgba(0,0,0,0.6);
	box-shadow: 0 0 25px 0px rgba(0,0,0,0.6);
	top: 30%;
	bottom: 0;
	left: 20px;
	right: 20px;
	-moz-border-radius: 100px / 20px;
	border-radius: 100px / 20px;
}
.tp-button {
	padding: 6px 13px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: 30px;
	cursor: pointer;
	color: #fff !important;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important;
	font-size: 15px;
	line-height: 45px !important;
	font-family: arial, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
}
.tp-button.big {
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
	font-weight: bold;
	padding: 9px 20px;
	font-size: 19px;
	line-height: 57px !important;
}
.purchase:hover, .tp-button:hover, .tp-button.big:hover {
	background-position: bottom, 15px 11px
}
.tp-button.green, .tp-button:hover.green, .purchase.green, .purchase:hover.green {
	background-color: #21a117;
	-webkit-box-shadow: 0px 3px 0px 0px #104d0b;
	-moz-box-shadow: 0px 3px 0px 0px #104d0b;
	box-shadow: 0px 3px 0px 0px #104d0b;
}
.tp-button.blue, .tp-button:hover.blue, .purchase.blue, .purchase:hover.blue {
	background-color: #1d78cb;
	-webkit-box-shadow: 0px 3px 0px 0px #0f3e68;
	-moz-box-shadow: 0px 3px 0px 0px #0f3e68;
	box-shadow: 0px 3px 0px 0px #0f3e68
}
.tp-button.red, .tp-button:hover.red, .purchase.red, .purchase:hover.red {
	background-color: #cb1d1d;
	-webkit-box-shadow: 0px 3px 0px 0px #7c1212;
	-moz-box-shadow: 0px 3px 0px 0px #7c1212;
	box-shadow: 0px 3px 0px 0px #7c1212
}
.tp-button.orange, .tp-button:hover.orange, .purchase.orange, .purchase:hover.orange {
	background-color: #ff7700;
	-webkit-box-shadow: 0px 3px 0px 0px #a34c00;
	-moz-box-shadow: 0px 3px 0px 0px #a34c00;
	box-shadow: 0px 3px 0px 0px #a34c00
}
.tp-button.darkgrey, .tp-button.grey, .tp-button:hover.darkgrey, .tp-button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey {
	background-color: #555;
	-webkit-box-shadow: 0px 3px 0px 0px #222;
	-moz-box-shadow: 0px 3px 0px 0px #222;
	box-shadow: 0px 3px 0px 0px #222
}
.tp-button.lightgrey, .tp-button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey {
	background-color: #888;
	-webkit-box-shadow: 0px 3px 0px 0px #555;
	-moz-box-shadow: 0px 3px 0px 0px #555;
	box-shadow: 0px 3px 0px 0px #555
}
.rev-btn, .rev-btn:visited {
	outline: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
	line-height: 44px;
	font-size: 17px;
	font-weight: 500;
	padding: 12px 35px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: "Roboto", sans-serif;
	cursor: pointer;
}
.rev-btn.rev-uppercase, .rev-btn.rev-uppercase:visited {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 15px;
	font-weight: 900;
}
.rev-btn.rev-withicon i {
	font-size: 15px;
	font-weight: normal;
	position: relative;
	top: 0px;
	-webkit-transition: all 0.2s ease-out !important;
	-moz-transition: all 0.2s ease-out !important;
	-o-transition: all 0.2s ease-out !important;
	-ms-transition: all 0.2s ease-out !important;
	margin-left: 10px !important;
}
.rev-btn.rev-hiddenicon i {
	font-size: 15px;
	font-weight: normal;
	position: relative;
	top: 0px;
	-webkit-transition: all 0.2s ease-out !important;
	-moz-transition: all 0.2s ease-out !important;
	-o-transition: all 0.2s ease-out !important;
	-ms-transition: all 0.2s ease-out !important;
	opacity: 0;
	margin-left: 0px !important;
	width: 0px !important;
}
.rev-btn.rev-hiddenicon:hover i {
	opacity: 1 !important;
	margin-left: 10px !important;
	width: auto !important;
}
.rev-btn.rev-medium, .rev-btn.rev-medium:visited {
	line-height: 36px;
	font-size: 14px;
	padding: 10px 30px;
}
.rev-btn.rev-medium.rev-withicon i {
	font-size: 14px;
	top: 0px;
}
.rev-btn.rev-medium.rev-hiddenicon i {
	font-size: 14px;
	top: 0px;
}
.rev-btn.rev-small, .rev-btn.rev-small:visited {
	line-height: 28px;
	font-size: 12px;
	padding: 7px 20px;
}
.rev-btn.rev-small.rev-withicon i {
	font-size: 12px;
	top: 0px;
}
.rev-btn.rev-small.rev-hiddenicon i {
	font-size: 12px;
	top: 0px;
}
.rev-maxround {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.rev-minround {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.rev-burger {
	position: relative;
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	padding: 22px 0 0 14px;
	border-radius: 50%;
	border: 1px solid rgba(51,51,51,0.25);
	tap-highlight-color: transparent;
	cursor: pointer;
}
.rev-burger span {
	display: block;
	width: 30px;
	height: 3px;
	background: #333;
	transition: .7s;
	pointer-events: none;
	transform-style: flat !important;
}
.rev-burger span:nth-child(2) {
	margin: 3px 0;
}
#dialog_addbutton .rev-burger:hover :first-child, .open .rev-burger :first-child, .open.rev-burger :first-child {
	transform: translateY(6px) rotate(-45deg);
	-webkit-transform: translateY(6px) rotate(-45deg);
}
#dialog_addbutton .rev-burger:hover :nth-child(2), .open .rev-burger :nth-child(2), .open.rev-burger :nth-child(2) {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	opacity: 0;
}
#dialog_addbutton .rev-burger:hover :last-child, .open .rev-burger :last-child, .open.rev-burger :last-child {
	transform: translateY(-6px) rotate(-135deg);
	-webkit-transform: translateY(-6px) rotate(-135deg);
}
.rev-burger.revb-white {
	border: 2px solid rgba(255,255,255,0.2);
}
.rev-burger.revb-white span {
	background: #fff;
}
.rev-burger.revb-whitenoborder {
	border: 0;
}
.rev-burger.revb-whitenoborder span {
	background: #fff;
}
.rev-burger.revb-darknoborder {
	border: 0;
}
.rev-burger.revb-darknoborder span {
	background: #333;
}
.rev-burger.revb-whitefull {
	background: #fff;
	border: none;
}
.rev-burger.revb-whitefull span {
	background: #333;
}
.rev-burger.revb-darkfull {
	background: #333;
	border: none;
}
.rev-burger.revb-darkfull span {
	background: #fff;
}
@-webkit-keyframes rev-ani-mouse {
 0% {
opacity: 1;
top: 29%;
}
 15% {
opacity: 1;
top: 50%;
}
 50% {
opacity: 0;
top: 50%;
}
 100% {
opacity: 0;
top: 29%;
}
}
@-moz-keyframes rev-ani-mouse {
 0% {
opacity: 1;
top: 29%;
}
 15% {
opacity: 1;
top: 50%;
}
 50% {
opacity: 0;
top: 50%;
}
 100% {
opacity: 0;
top: 29%;
}
}
@keyframes rev-ani-mouse {
 0% {
opacity: 1;
top: 29%;
}
 15% {
opacity: 1;
top: 50%;
}
 50% {
opacity: 0;
top: 50%;
}
 100% {
opacity: 0;
top: 29%;
}
}
.rev-scroll-btn {
	display: inline-block;
	position: relative;
	left: 0;
	right: 0;
	text-align: center;
	cursor: pointer;
	width: 35px;
	height: 55px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid white;
	border-radius: 23px;
}
.rev-scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.rev-scroll-btn > *:hover, .rev-scroll-btn > *:focus, .rev-scroll-btn > *.active {
	color: #ffffff;
}
.rev-scroll-btn > *:hover, .rev-scroll-btn > *:focus, .rev-scroll-btn > *:active, .rev-scroll-btn > *.active {
	filter: alpha(opacity=80);
}
.rev-scroll-btn.revs-fullwhite {
	background: #fff;
}
.rev-scroll-btn.revs-fullwhite span {
	background: #333;
}
.rev-scroll-btn.revs-fulldark {
	background: #333;
	border: none;
}
.rev-scroll-btn.revs-fulldark span {
	background: #fff;
}
.rev-scroll-btn span {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: white;
	border-radius: 50%;
	-webkit-animation: rev-ani-mouse 2.5s linear infinite;
	-moz-animation: rev-ani-mouse 2.5s linear infinite;
	animation: rev-ani-mouse 2.5s linear infinite;
}
.rev-scroll-btn.revs-dark {
	border-color: #333;
}
.rev-scroll-btn.revs-dark span {
	background: #333;
}
.rev-control-btn {
	position: relative;
	display: inline-block;
	z-index: 5;
	color: #FFF;
	font-size: 20px;
	line-height: 60px;
	font-weight: 400;
	font-style: normal;
	font-family: Raleway;
	text-decoration: none;
	text-align: center;
	background-color: #000;
	border-radius: 50px;
	text-shadow: none;
	background-color: rgba(0, 0, 0, 0.50);
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	cursor: pointer;
}
.rev-cbutton-dark-sr {
	border-radius: 3px;
}
.rev-cbutton-light {
	color: #333;
	background-color: rgba(255,255,255, 0.75);
}
.rev-cbutton-light-sr {
	color: #333;
	border-radius: 3px;
	background-color: rgba(255,255,255, 0.75);
}
.rev-sbutton {
	line-height: 37px;
	width: 37px;
	height: 37px;
}
.rev-sbutton-blue {
	background-color: #3B5998
}
.rev-sbutton-lightblue {
	background-color: #00A0D1;
}
.rev-sbutton-red {
	background-color: #DD4B39;
}
.tp-bannertimer {
	visibility: hidden;
	width: 100%;
	height: 5px;
	background: #fff;
	background: rgba(0,0,0,0.15);
	position: absolute;
	z-index: 200;
	top: 0px
}
.tp-bannertimer.tp-bottom {
	top: auto;
	bottom: 0px !important;
	height: 5px
}
.tp-simpleresponsive img {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.tp-caption img {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
	zoom: 1;
	height: auto !important;
}
.caption.slidelink a div, .tp-caption.slidelink a div {
	width: 3000px;
	height: 1500px;
	background: url(../assets/coloredbg.png) repeat
}
.tp-caption.slidelink a span {
	background: url(../assets/coloredbg.png) repeat
}
.tp-shape {
	width: 100%;
	height: 100%;
}
.tp-loader {
	top: 50%;
	left: 50%;
	z-index: 10000;
	position: absolute;
}
.tp-loader.spinner0 {
	width: 40px;
	height: 40px;
	background-color: #fff;
	background: url(../img/loading.gif) no-repeat center center;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	margin-top: -20px;
	margin-left: -20px;
	-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
	animation: tp-rotateplane 1.2s infinite ease-in-out;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.tp-loader.spinner1 {
	width: 40px;
	height: 40px;
	background-color: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	margin-top: -20px;
	margin-left: -20px;
	-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
	animation: tp-rotateplane 1.2s infinite ease-in-out;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.tp-loader.spinner5 {
	background: url(../img/loading.gif) no-repeat 10px 10px;
	background-color: #fff;
	margin: -22px -22px;
	width: 44px;
	height: 44px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
 @-webkit-keyframes tp-rotateplane {
 0% {
-webkit-transform: perspective(120px)
}
 50% {
-webkit-transform: perspective(120px) rotateY(180deg)
}
 100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
 @keyframes tp-rotateplane {
 0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
 50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
 100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.tp-loader.spinner2 {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	background-color: #ff0000;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	border-radius: 100%;
	-webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
	animation: tp-scaleout 1.0s infinite ease-in-out;
}
 @-webkit-keyframes tp-scaleout {
 0% {
-webkit-transform: scale(0.0)
}
 100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
 @keyframes tp-scaleout {
 0% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
 100% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
opacity: 0;
}
}
.tp-loader.spinner3 {
	margin: -9px 0px 0px -35px;
	width: 70px;
	text-align: center;
}
.tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 {
	width: 18px;
	height: 18px;
	background-color: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
	animation: tp-bouncedelay 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.tp-loader.spinner3 .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.tp-loader.spinner3 .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
 @-webkit-keyframes tp-bouncedelay {
 0%, 80%, 100% {
-webkit-transform: scale(0.0)
}
 40% {
-webkit-transform: scale(1.0)
}
}
 @keyframes tp-bouncedelay {
 0%, 80%, 100% {
transform: scale(0.0);
}
 40% {
transform: scale(1.0);
}
}
.tp-loader.spinner4 {
	margin: -20px 0px 0px -20px;
	width: 40px;
	height: 40px;
	text-align: center;
	-webkit-animation: tp-rotate 2.0s infinite linear;
	animation: tp-rotate 2.0s infinite linear;
}
.tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: tp-bounce 2.0s infinite ease-in-out;
	animation: tp-bounce 2.0s infinite ease-in-out;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}
.tp-loader.spinner4 .dot2 {
	top: auto;
	bottom: 0px;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
 @-webkit-keyframes tp-rotate {
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes tp-rotate {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg)
}
}
 @-webkit-keyframes tp-bounce {
 0%, 100% {
-webkit-transform: scale(0.0)
}
 50% {
-webkit-transform: scale(1.0)
}
}
 @keyframes tp-bounce {
 0%, 100% {
transform: scale(0.0);
}
 50% {
transform: scale(1.0);
}
}
.tp-thumbs.navbar, .tp-bullets.navbar, .tp-tabs.navbar {
	border: none;
	min-height: 0;
	margin: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.tp-tabs, .tp-thumbs, .tp-bullets {
	position: absolute;
	display: block;
	z-index: 1000;
	top: 0px;
	left: 0px;
}
.tp-tab, .tp-thumb {
	cursor: pointer;
	position: absolute;
	opacity: 0.5;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.tp-arr-imgholder, .tp-videoposter, .tp-thumb-image, .tp-tab-image {
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}
.tp-tab:hover, .tp-tab.selected, .tp-thumb:hover, .tp-thumb.selected {
	opacity: 1;
}
.tp-tab-mask, .tp-thumb-mask {
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important
}
.tp-tabs, .tp-thumbs {
	box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important
}
.tp-bullet {
	width: 15px;
	height: 15px;
	position: absolute;
	border: none !important;
	background: #fff;
	background: rgba(255,255,255,0.3);
	cursor: pointer;
}
.tp-bullet.selected, .tp-bullet:hover {
	background: #fff;
}
.tp-bannertimer {
	background: #000;
	background: rgba(0,0,0,0.15);
	height: 5px;
}
.dddwrappershadow {
	box-shadow: 0 45px 100px rgba(0, 0, 0, 0.4);
}
.hglayerinfo {
	position: fixed;
	bottom: 0px;
	left: 0px;
	color: #FFF;
	font-size: 12px;
	line-height: 20px;
	font-weight: 600;
	background: rgba(0, 0, 0, 0.75);
	padding: 5px 10px;
	z-index: 2000;
	white-space: normal;
}
.hginfo {
	position: absolute;
	top: -2px;
	left: -2px;
	color: #e74c3c;
	font-size: 12px;
	font-weight: 600;
	background: #000;
	padding: 2px 5px;
}
.indebugmode .tp-caption:hover {
	border: 1px dashed #c0392b !important;
}
.helpgrid {
	border: 2px dashed #c0392b;
	position: absolute;
	top: 0px;
	peft: 0px;
	z-index: 0
}
#revsliderlogloglog {
	padding: 15px;
	color: #fff;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 150px;
	background: rgba(0,0,0,0.7);
	z-index: 100000;
	font-size: 10px;
	overflow: scroll;
}
.custom-caption {
	color: #fff;
	padding: 45px;
	z-index: 5;
	background-color: rgba(34, 34, 34, 0.65);
	border-top: 3px solid #808080;
}
.utf_custom_caption {
	color: #fff;
	padding: 20px 0;
}
.tp-caption .caption-title {
	white-space: normal;
	text-transform: uppercase;
	font-size: 28px;
	letter-spacing: 1px;
	font-weight: 600;
	margin-bottom: 22px;
	z-index: 7;
}
.utf_item_title, .tp-caption .utf_custom_caption .caption-title h2, .tp-caption .utf_custom_caption .caption-title {
	text-transform: none;
	font-size: 42px;
	letter-spacing: 0px;
	line-height: 50px;
	color: #fff;
	font-weight: 600
}
.utf_custom_caption {
	color: #fff;
	padding: 20px 0;
}
.tp-caption .utf_rev_description_text {
	z-index: 7;
	white-space: normal;
	letter-spacing: 0;
	opacity: 0.85;
	font-size: 22px;
	line-height: 37px;
	color: #fff;
}
.tp-caption .button {
	-webkit-transition: all 0.2s ease-in-out!important;
	-moz-transition: all 0.2s ease-in-out!important;
	-ms-transition: all 0.2s ease-in-out!important;
	-o-transition: all 0.2s ease-in-out!important;
	transition: all 0.2s ease-in-out !important;
	margin-top: 28px;
}
.tp-caption .utf_custom_caption .button {
	margin-top: 37px;
	font-size: 16px;
	font-weight: 600;
	padding: 11px 26px;
	line-height: 26px;
}
.tp-caption .button:hover {
	background-color: #fff;
	color: #333;
}
.tp-bannertimer {
	display: none;
}
.tparrows {
	cursor: pointer;
	background: #000;
	background: rgba(0,0,0,0.5);
	width: 40px;
	height: 40px;
	position: absolute;
	display: block;
	z-index: 1000;
}
.tparrows:hover {
	background: #000;
}
.flex-next, .zeus.tparrows {
	cursor: pointer;
	width: 44px;
	height: 44px;
	position: absolute;
	display: block;
	z-index: 100;
	overflow: hidden;
	background: rgba(36,36,36,0.5)
}
.flex-next:before, .zeus.tparrows:before {
	font-family: "simple-line-icons";
	font-size: 18px;
	display: block;
	line-height:44px;
	text-align: center;
	z-index: 2;
	position: relative;
	color: #fff;
}
.zeus.tparrows.tp-leftarrow:before {
	content: '\e605';
	left: -1px;
}
.zeus.tparrows.tp-rightarrow:before {
	content: '\e606';
	right: -1px;
}
.zeus .tp-title-wrap {
	background: #f91942;
	width: 120%;
	height: 120%;
	top: 0;
	position: absolute;
	opacity: 0;
}
.zeus .tp-title-wrap, .tparrows:before {
	-webkit-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
	-o-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
	-ms-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
	transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
}
.tparrows:hover:before {
	color: #fff;
}
.zeus.tp-rightarrow.tparrows .tp-title-wrap {
	right: -110%;
}
.zeus.tp-leftarrow.tparrows .tp-title-wrap {
	left: -110%;
}
.zeus.tp-rightarrow.tparrows:hover .tp-title-wrap {
	right: 0px;
	opacity: 1;
}
.zeus.tp-leftarrow.tparrows:hover .tp-title-wrap {
	left: 0px;
	opacity: 1;
}
.zeus.tparrows.tp-leftarrow {
	border-radius: 6px;
}
.zeus.tparrows.tp-rightarrow {
	border-radius: 6px;
}
.zeus.alt.tparrows {
	background: rgba(255,255,255,0.2)
}
.zeus.alt.tparrows:before {
	color: #fff;
}
.hermes .tp-bullet {
	overflow: hidden;
	border-radius: 50%;
	width: 19px;
	height: 19px;
	background-color: rgba(0, 0, 0, 0);
	box-shadow: inset 0 0 0 2px #FFF;
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
	position: absolute;
}
.hermes .tp-bullet:hover {
	background-color: rgba(0, 0, 0, 0.2);
}
.hermes .tp-bullet:after {
	content: ' ';
	position: absolute;
	bottom: 0;
	height: 0;
	left: 0;
	width: 100%;
	background-color: #FFF;
	box-shadow: 0 0 1px #FFF;
	-webkit-transition: height 0.3s ease;
	transition: height 0.3s ease;
}
.hermes .tp-bullet.selected:after {
	height: 100%;
}
.hermes .tp-tab {
	opacity: 1;
	padding-right: 10px;
	box-sizing: border-box;
}
.hermes .tp-tab-image {
	width: 100%;
	height: 60%;
	position: relative;
}
.hermes .tp-tab-content {
	background: rgb(54,54,54);
	position: absolute;
	padding: 20px 20px 20px 30px;
	box-sizing: border-box;
	color: #fff;
	display: block;
	width: 100%;
	min-height: 40%;
	bottom: 0px;
	left: -10px;
}
.hermes .tp-tab-date {
	display: block;
	color: #888;
	font-weight: 600;
	font-size: 12px;
	margin-bottom: 10px;
}
.hermes .tp-tab-title {
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 19px;
}
.hermes .tp-tab.selected .tp-tab-title:after {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 30px 0 30px 10px;
	border-color: transparent transparent transparent rgb(54,54,54);
	content: " ";
	position: absolute;
	right: -9px;
	bottom: 50%;
	margin-bottom: -30px;
}
.hermes .tp-tab-mask {
	padding-right: 10px !important;
}
@media only screen and (max-width: 960px) {
.hermes .tp-tab .tp-tab-title {
	font-size: 14px;
	line-height: 16px;
}
.hermes .tp-tab-date {
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 10px;
}
.hermes .tp-tab-content {
	padding: 15px 15px 15px 25px;
}
}
@media only screen and (max-width: 768px) {
.hermes .tp-tab .tp-tab-title {
	font-size: 12px;
	line-height: 14px;
}
.hermes .tp-tab-date {
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 5px;
}
.hermes .tp-tab-content {
	padding: 10px 10px 10px 20px;
}
}
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

@charset "UTF-8";
/*Google Fonts*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,600,600i,700,800&subset=latin-ext");

:root {
    --light-green: #73c9ca;
    --dark-green: #5cb8b9;
    --my-orange: #faa517;
    --mm-ocd-width: 80%;
    --mm-ocd-min-width: 200px;
    --mm-ocd-max-width: 440px;
    --mm-spn-item-height: 50px;
    --mm-spn-item-indent: 20px;
    --mm-spn-line-height: 24px;
}

::-moz-selection {
    /* Code for Firefox */
    color: #fff;
    background: #73c9ca;
}

::selection {
    color: #fff;
    background: #73c9ca;
}

html {
    scroll-behavior: smooth;
}

body {
    color: #707070;
    font-size: 15px;
    line-height: 28px;
    background-color: #fff;
}

    body p {
        font-size: 16px;
        line-height: 30px;
        font-weight: 400;
    }

@media only screen and (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

#main_wrapper {
    background-color: #fff;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select,
input[type="button"],
input[type="submit"],
button,
#tiptip_content,
.map-box p,
.map-box div,
.numerical-rating .utf_counter_star_rating,
body .nav_responsive i.menu-trigger:after,
.utf_sec_title_item {
    font-family: iranyekan;
    text-transform: none;
}

.calendars-month a {
    font-family: iranyekan;
}

h1 {
    color: #323232;
    font-weight: 900;
}

h2,
h3,
h4,
h5,
h6 {
    color: #323232;
    font-weight: 700;
}

    h1.white,
    h2.white,
    h3.white,
    h4.white,
    h5.white,
    h6.white {
        color: #fff;
    }

    h2.headline_part,
    h3.headline_part {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 30px 0;
        font-weight: 700;
    }

        h2.headline_part span {
            font-size: 20px;
            line-height: 30px;
        }

input,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea,
select {
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    outline: none;
    font-size: 15px;
    color: #808080;
    max-width: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
    font-weight: 400;
    opacity: 1;
    border-radius: 4px;
}

select {
    padding: 10px 18px;
    cursor: pointer;
}

.main_input_search_part_item .utf_chosen_select {
    background: #fff;
    border: 0 #fff;
}

input {
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

    input:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    input[type="number"]:focus,
    textarea:focus {
        color: #808080;
        -webkit-transition: -webkit-box-shadow 0.2s !important;
        transition: -webkit-box-shadow 0.2s !important;
        -o-transition: box-shadow 0.2s !important;
        transition: box-shadow 0.2s !important;
        transition: box-shadow 0.2s, -webkit-box-shadow 0.2s !important;
        -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);
        border: 1px solid #d8d8d8;
        opacity: 1;
    }

    input[type="submit"] {
        border: none;
        padding: 11px 18px;
        width: auto;
    }

    input[type="checkbox"] {
        display: inline;
    }

    input[type="radio"] {
        width: 15px;
        height: 15px;
        cursor: pointer;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

::-webkit-input-placeholder {
    color: #888;
    opacity: 1;
}

:-moz-placeholder {
    color: #888;
    opacity: 1;
}

::-moz-placeholder {
    color: #888;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #888;
    opacity: 1;
}

textarea {
    height: auto;
    line-height: 24px;
    padding: 15px;
    min-height: 130px;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    min-width: 100%;
}

label,
legend {
    display: block;
    font-weight: bold;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 8px;
    font-weight: 400;
}

    label span,
    legend span {
        font-weight: normal;
        font-size: 14px;
        color: #444;
    }

fieldset {
    padding: 0;
    border: none;
}

mark.color {
    background-color: #ff2222;
}

a,
button {
    outline: none !important;
}

    a:focus,
    a:hover {
        text-decoration: none;
        color: #333;
    }

img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

/*==========
  Loader
============*/
#vfx_loader_block {
    background: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.vfx-loader-item {
    margin: 0 auto;
    position: relative;
    top: 50%;
    width: 100px;
}

#logo {
    display: inline-block;
    margin-top: 0px;
}

    #logo img {
        max-height: 38px;
        width: auto;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

img.footer-logo {
    max-height: 38px;
    width: auto;
}

/*==========
  Header
============*/
#header {
    position: relative;
    z-index: 999;
    padding: 23px 0 13px 0;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
    font-size: 16px;
}

.header_widget {
    position: relative;
    top: -1px;
    height: 54px;
}

    .header_widget .button,
    .header_widget .button.border {
        background: #73c9ca;
        border: 1px solid #fff;
        color: #fff;
        margin: 0 5px;
        min-width: 110px;
        text-align: center;
        position: relative;
        line-height: 26px;
        font-weight: 600;
        -webkit-transition: all 0.5s ease 0;
        -o-transition: all 0.5s ease 0;
        transition: all 0.5s ease 0;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

        .header_widget .button,
        .header_widget .button.border:hover {
            background: transparent;
            border: 1px solid #73c9ca;
            color: #73c9ca;
            -webkit-transition: all 0.5s ease 0;
            -o-transition: all 0.5s ease 0;
            transition: all 0.5s ease 0;
            -webkit-transition: all 0.5s ease 0s;
            -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
        }

            .header_widget .button.with-icon:last-child {
                margin-right: 0;
            }

            .header_widget .button.border i {
                font-size: 18px;
                padding: 0px 7px 0 0px;
                top: 1px;
                display: inline-block;
                position: relative;
            }

    .header_widget .sign-in {
        position: relative;
        color: #333;
        margin-right: 25px;
        top: 10px;
        display: inline-block;
        vertical-align: top;
    }

        .header_widget .sign-in i {
            padding-right: 4px;
            font-size: 15px;
        }

        .header_widget .sign-in:hover {
            color: #66676b;
        }

header.fullwidth_block .container {
    width: 100%;
    margin: 0;
    padding: 0 20px;
}

.fl_left {
    float: left;
}

.fl_right {
    float: right;
}

.utf_left_side {
    float: left;
    width: 65%;
    display: inline-block;
}

.utf_right_side {
    float: right;
    width: 35%;
    display: inline-block;
}

#logo,
#navigation {
    float: left;
}

#logo {
    margin-right: 40px;
}

.header_widget {
    text-align: right;
}

#header.cloned {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999;
}

#header.cloned {
    background-color: rgba(255, 255, 255, 0.98);
}

    #header.cloned #logo img {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        max-width: 140px;
        margin-top: 1px;
    }

#header.cloned {
    padding: 18px 0 7px 0;
}

.sticky-logo {
    display: none;
}

#header.cloned.unsticky {
    opacity: 1;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translate(0, -100%) scale(1);
    -ms-transform: translate(0, -100%) scale(1);
    transform: translate(0, -100%) scale(1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#header.cloned.sticky {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.header-one .search_container_block:before,
.search_container_block:before {
    background: rgba(48, 48, 48, 0.8);
/*    height:80vh !important;
*/    z-index:8;
}

/*==========
  Backto Top
============*/
#bottom_backto_top {
    position: fixed;
    right: 0;
    opacity: 0;
    visibility: hidden;
    bottom: 25px;
    margin: 0 25px 0 0;
    z-index: 9999;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

    #bottom_backto_top.visible {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    #bottom_backto_top a {
        text-decoration: none;
        border: 0 none;
        display: block;
        width: 46px;
        height: 46px;
        background-color: #ff2222;
        opacity: 1;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        border-radius: 50%;
        text-align: center;
        font-size: 26px;
    }

body #bottom_backto_top a {
    color: #fff;
}

div.datedropper .pick-m,
div.datedropper .pick-submit,
div.datedropper:before,
div.datedropper .pick-lg-h {
    background-color: #ff2222 !important;
}

div.datedropper .pick-btn,
div.datedropper .pick li span,
div.datedropper.primary .pick-lg-b .pick-wke {
    color: #ff2222 !important;
}

#bottom_backto_top a:after {
    content: "\f106";
    font-family: "FontAwesome";
    position: relative;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
}

/*==========
  Navigation
============*/
#navigation {
    position: relative;
    display: block;
}

    #navigation ul {
        list-style: none;
        position: relative;
        float: left;
        margin: 0;
        padding: 0;
    }

        #navigation ul a {
            display: block;
            text-decoration: none;
        }

        #navigation ul li {
            position: relative;
            float: left;
            margin: 0;
            padding: 0;
        }

            #navigation ul li ul {
                opacity: 0;
                visibility: hidden;
                position: absolute;
                top: 100%;
                left: 0;
                padding: 0;
                z-index: 99999;
            }

        #navigation ul ul li {
            float: none;
        }

        #navigation ul ul ul {
            top: -1px;
            left: 100%;
            margin: 0;
        }

        #navigation ul ul {
            margin: 6px 0 0 0px;
        }

        #navigation ul li ul:before {
            content: "";
            position: absolute;
            left: 25px;
            bottom: 100%;
            border-width: 10px;
            border-style: solid;
            border-color: transparent transparent #eaeaea;
        }

        #navigation ul li ul li ul:before {
            content: "";
            position: absolute;
            left: -20px;
            bottom: 100%;
            border-width: 10px;
            border-style: solid;
            border-color: transparent transparent #eaeaea transparent;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            top: 10px;
        }

        #navigation ul li:hover > ul {
            opacity: 1;
            visibility: visible;
        }

        #navigation ul li a:after,
        #navigation ul ul li a:after {
            font-family: "FontAwesome";
            opacity: 0.5;
        }

        #navigation ul li a:after {
            content: "\f101";
            padding-left: 7px;
            font-weight: 400;
        }

        #navigation ul ul li a:after {
            content: "\f101";
            position: absolute;
            right: 15px;
            top: 7px;
        }

        #navigation ul li a:only-child:after {
            content: "";
            padding: 0;
        }

        #navigation ul ul li a:only-child:after {
            content: "";
        }

        #navigation ul ul {
            background-color: #fff;
            -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
            border-radius: 4px;
            font-size: 15px;
            border: 1px solid rgba(0, 0, 0, 0.05);
        }

            #navigation ul ul li {
                border-radius: 4px;
            }

                #navigation ul ul li:last-child {
                    border-bottom: none;
                }

            #navigation ul li:hover ul a,
            #navigation ul ul a {
                line-height: 27px !important;
                padding: 8px 15px !important;
                line-height: 24px !important;
            }

                #navigation ul li:hover ul a,
                #navigation ul ul a:last-child {
                    border-bottom: 0;
                }

body #navigation ul ul {
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#navigation ul ul li {
    width: 220px;
}

    #navigation ul ul li:hover {
        border-radius: 0;
    }

    #navigation ul ul li:first-child {
        border-radius: 4px 4px 0 0;
    }

    #navigation ul ul li:last-child {
        border-radius: 0 0 4px 4px;
    }

#navigation ul ul {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
}

#navigation ul li:hover > ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#navigation.style_one .current {
    background-color: transparent;
    color: #ff2222;
}

#navigation.style_one {
    margin-top: 0px;
}

    #navigation.style_one .current:after {
        opacity: 1;
    }

    #navigation.style_one ul li {
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

        #navigation.style_one ul li a {
            color: #fff;
            cursor: pointer;
            background-color: #5cb8b9;
        }

        #navigation.style_one ul li:hover a {
            color: #2e3d40;
        }

    #navigation.style_one ul ul li a {
        color: #444 !important;
    }

        #navigation.style_one ul ul li a.active {
            color: #ff2222 !important;
        }

    #navigation.style_one ul ul li {
        opacity: 1;
    }

        #navigation.style_one ul ul li:hover {
            opacity: 1;
        }

    #navigation.style_one ul a {
        line-height: 32px;
        font-weight: 400;
        padding: 3px 7px 3px 7px;
    }

    #navigation.style_one ul li {
        margin: 0 8px;
    }

    #navigation.style_one ul ul li {
        margin: 0;
        border-radius: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    }

        #navigation.style_one ul ul li:last-child {
            border-bottom: 0;
        }

        #navigation.style_one ul ul li:first-child {
            border-radius: 4px 4px 0 0;
        }

        #navigation.style_one ul ul li:last-child {
            border-radius: 0 0 4px 4px;
        }

#navigation ul ul li a:after {
    opacity: 1;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
}

#navigation ul li ul li a:hover {
    color: #2e3d40 !important;
}

#navigation ul ul li:hover a:after {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

/*==========
  Footer
============*/
/*
#footer {
	padding:50px 0 0 0;
	background-color:#ececec;
	border-top:1px solid rgba(0, 0, 0, 0.05);
	font-size: 16px;
	position:relative;
    background: url(/Content/Website/img/Kite/footer-bg.png) no-repeat;
    background-size: cover;
}
#footer.footer_sticky_part {
	box-shadow: none;
}
#footer.dark {
	border-top: none;
}
#footer h4 {
	position:relative;
	color: #424242;
	font-size: 16px;
	font-weight:600;
	margin-bottom: 35px;
}
#footer h4:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: -10px;
    height: 2px;
    width: 30px;
    background-color: #73c9ca;
}
/*#footer:before {
    position: absolute;
    content: '';
    bottom: 0px;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: url(/Content/Website/img/Kite/footer-bg.png) no-repeat;
	background-size: cover;
    right:0;
}*/
/*
.footer-shadow {
	width: 100%;
	display: block;
	background: #fff;
	height: 200px;
	margin-top: -200px;
	position: relative;
	z-index: -1;
	box-shadow: 0 20px 40px -20px rgba(0,0,0,0.06);
}
.text-widget span {
	color: #707070;
}
.text-widget span.address {
	display: block;
	margin-bottom: 10px;
}
#footer a {
    color: #808080;
}
#footer .box_icon_two:hover a {
    color: #000;
}
#footer .utf_pagination_container_part {
    display: flex;
    justify-content: center;
}
#footer ul.social_footer_link {
    margin: 0 0 15px 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    float: left;
}
#footer .social_footer_link li {
	position: relative;
	list-style: none;
}
#footer .social_footer_link li a {
	padding: 0 0 10px 20px;
	display: inline-block;
	-webkit-transition: all .5s ease 0;
	transition: all .5s ease 0;
	transition: all 0.5s ease 0s;
	color: #707070;
	font-weight:400;
	line-height: 22px;
}
#footer .social_footer_link li a:hover {
	padding-left: 25px;
	color: #f87506;
	-webkit-transition: all .5s ease 0;
	transition: all .5s ease 0;
	transition: all 0.5s ease 0s;
}
#footer .social_footer_link li:before {
	font-family: "FontAwesome";
	font-size: 18px;
	content: "\f101";
	position: absolute;
	left: 0;
	top: 0px;
	padding: 0 7px 0 0;
	color: #999;
}
.footer_copyright_part {
	color: #707070;
	border-top: 1px solid rgba(0,0,0,0.09);
	margin-top: 60px;
	text-align: center;
	padding: 40px 0;
	display: inline-block;
	width: 100%;
	font-weight:400;
}
#footer.alt .footer_copyright_part {
	margin-top: 0;
	border: none;
	padding: 25px;
}
.footer_copyright_part a {
	color: #707070;
}
#footer.dark {
	background: #222;
	color: #aaa;
}
#footer.dark a, #footer.dark h4, #footer.dark a:hover {
	color: #fff;
}
#footer.dark .text-widget, #footer.dark .text-widget span, #footer.dark .social_footer_link li a {
	color: #aaa;
}
#footer.dark .social_footer_link li a:hover {
	color: #fff;
}
#footer.dark .social_footer_link li:before {
	color: #666;
}
#footer.dark .footer_copyright_part {
	color: #aaa;
	border-top: 1px solid rgba(255,255,255,0.09);
}
#footer .utf_social_icon li a {
	opacity: 0.8;
	transition: opacity 0.35s;
}
#footer .utf_social_icon li a:hover {
	opacity: 1;
}
#footer .col-md-2{
    float: right;
}
#footer .col-sm-3{
    float: right;
}
#footer .col-xs-6 {
    float: right;
}
*/
#footer {
    background-color: #383838;
    padding-top: 40px;
    padding-bottom: 20px;
}

    #footer .row {
        margin-right: 0;
        margin-left: 0;
    }

    #footer .info {
        background-color: #262626;
        padding: 10px 0 18px;
    }

        #footer .info > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            color: #fff;
            font-size: 18px;
            font-weight: bold;
        }

            #footer .info > div:nth-child(3) a {
                letter-spacing: 3px;
            }

            #footer .info > div a {
                color: #fff;
                font-size: 18px;
                font-weight: bold;
            }

            #footer .info > div h3 {
                color: #fff;
                font-size: 14px;
                font-weight: 500;
            }

            #footer .info > div > div {
                padding-left: 15px;
            }

                #footer .info > div > div:nth-child(1) {
                    padding-top: 12px;
                }

            #footer .info > div img {
                width: 50px;
            }

    #footer .content {
        margin-top: 40px;
    }

        #footer .content > div h4 a {
            color: #fff !important;
            font-size: 18px;
            font-weight: 800;
        }

        #footer .content p {
            font-size: 13px;
            font-weight: 300;
            text-align: justify;
            color: #bdbdbd !important;
        }

    #footer .social_footer_link {
        margin-top: 20px;
    }

        #footer .social_footer_link li {
            padding: 5px 0;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
        }

            #footer .social_footer_link li:hover {
                padding: 5px 5px 5px 0;
            }

            #footer .social_footer_link li a {
                color: #bdbdbd !important;
            }

            #footer .social_footer_link li:hover a {
                color: #73c9ca;
            }

    #footer .certificate {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 50px;
    }

        #footer .certificate li {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            width: 25%;
            cursor: pointer;
        }

    #footer .contact {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

        #footer .contact > div {
            background-color: #262626;
            padding: 10px 30px 18px !important;
            margin: 30px 0;
        }

            #footer .contact > div h4 {
                color: #bdbdbd;
                font-size: 16px;
                font-weight: 300;
                line-height: 2.25;
            }

            #footer .contact > div span {
                color: #fff;
            }

            #footer .contact > div .signUpNews {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-top: 25px;
                border-radius: 10px;
                overflow: hidden;
            }

                #footer .contact > div .signUpNews > div:nth-child(1) {
                    width: 75%;
                }

                    #footer .contact > div .signUpNews > div:nth-child(1) input {
                        margin: 0;
                        border-radius: 0;
                        background-color: #383838;
                        border: none;
                        color: #bdbdbd;
                    }

                        #footer
                        .contact > div
                        .signUpNews > div:nth-child(1)
                        input::-webkit-input-placeholder {
                            color: #bdbdbd;
                        }

                        #footer
                        .contact > div
                        .signUpNews > div:nth-child(1)
                        input:-ms-input-placeholder {
                            color: #bdbdbd;
                        }

                        #footer
                        .contact > div
                        .signUpNews > div:nth-child(1)
                        input::-ms-input-placeholder {
                            color: #bdbdbd;
                        }

                        #footer
                        .contact > div
                        .signUpNews > div:nth-child(1)
                        input::-webkit-input-placeholder {
                            color: #bdbdbd;
                        }

                        #footer
                        .contact > div
                        .signUpNews > div:nth-child(1)
                        input:-ms-input-placeholder {
                            color: #bdbdbd;
                        }

                        #footer
                        .contact > div
                        .signUpNews > div:nth-child(1)
                        input::-ms-input-placeholder {
                            color: #bdbdbd;
                        }

                        #footer
                        .contact > div
                        .signUpNews > div:nth-child(1)
                        input::-webkit-input-placeholder {
                            color: #bdbdbd;
                        }

                        #footer
                        .contact > div
                        .signUpNews > div:nth-child(1)
                        input:-ms-input-placeholder {
                            color: #bdbdbd;
                        }

                        #footer
                        .contact > div
                        .signUpNews > div:nth-child(1)
                        input::-ms-input-placeholder {
                            color: #bdbdbd;
                        }

                        #footer
                        .contact > div
                        .signUpNews > div:nth-child(1)
                        input::-webkit-input-placeholder {
                            color: #bdbdbd;
                        }

                        #footer
                        .contact > div
                        .signUpNews > div:nth-child(1)
                        input:-ms-input-placeholder {
                            color: #bdbdbd;
                        }

                        #footer
                        .contact > div
                        .signUpNews > div:nth-child(1)
                        input::-ms-input-placeholder {
                            color: #bdbdbd;
                        }

                        #footer
                        .contact > div
                        .signUpNews > div:nth-child(1)
                        input::-webkit-input-placeholder {
                            color: #bdbdbd;
                        }

                        #footer .contact > div .signUpNews > div:nth-child(1) input::-moz-placeholder {
                            color: #bdbdbd;
                        }

                        #footer
                        .contact > div
                        .signUpNews > div:nth-child(1)
                        input:-ms-input-placeholder {
                            color: #bdbdbd;
                        }

                        #footer
                        .contact > div
                        .signUpNews > div:nth-child(1)
                        input::-ms-input-placeholder {
                            color: #bdbdbd;
                        }

                        #footer .contact > div .signUpNews > div:nth-child(1) input::-webkit-input-placeholder {
                            color: #bdbdbd;
                        }

                        #footer .contact > div .signUpNews > div:nth-child(1) input::-moz-placeholder {
                            color: #bdbdbd;
                        }

                        #footer .contact > div .signUpNews > div:nth-child(1) input:-ms-input-placeholder {
                            color: #bdbdbd;
                        }

                        #footer .contact > div .signUpNews > div:nth-child(1) input::-ms-input-placeholder {
                            color: #bdbdbd;
                        }

                        #footer .contact > div .signUpNews > div:nth-child(1) input::placeholder {
                            color: #bdbdbd;
                        }

                #footer .contact > div .signUpNews > a {
                    width: 25%;
                    background-color: #125f60;
                    color: #fff !important;
                    text-align: center;
                    padding-top: 10px;
                    cursor: pointer;
                }

        #footer .contact .socialMedia {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-top: 25px;
        }

            #footer .contact .socialMedia li {
                background-color: #383838;
                border-radius: 5px;
                margin: 0 10px;
                padding: 10px;
                cursor: pointer;
            }

                #footer .contact .socialMedia li img {
                    width: 30px;
                }

                #footer .contact .socialMedia li:hover {
                    background-color: #125f60;
                }

    #footer .footer_copyright_part {
        text-align: center;
        font-size: 16px;
        font-weight: 300;
        color: #bdbdbd;
        margin-bottom: 0;
    }

    #footer .footer_developer_part {
        color: #787777;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 13px;
    }

        #footer .footer_developer_part a {
            color: #8d8b8b;
        }

@media only screen and (max-width: 992px) {
    #footer .content {
        margin-right: 50px;
        margin-left: 50px;
    }

    #footer .contact {
        text-align: center;
    }

        #footer .contact .socialMedia {
            margin-top: 0;
            margin-bottom: 10px;
            padding-left: 0;
        }

        #footer .contact > div .signUpNews {
            margin-top: 0;
            margin-bottom: 5px;
        }
}

@media only screen and (max-width: 768px) {
    #footer .info > div {
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
    }
    .header-one .search_container_block:before,
    .search_container_block:before {
        background: rgba(48, 48, 48, 0.8);
        z-index: 8;
    }
    #footer .contact {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

        #footer .contact > div {
            background-color: #262626;
            padding: 10px 0px 18px !important;
            margin: 30px 0;
        }

    #footer .certificate {
        background-color: #e4e4e4;
        padding-left: 0;
        border-radius: 5px;
    }
}

@media only screen and (max-width: 400px) {
    #footer .content {
        margin-right: 10px;
        margin-left: 10px;
    }
}

/*==========
  User Menu
============*/
.utf_user_menu {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
    top: 9px;
    vertical-align: top;
    padding-left: 25px;
    margin-left: 25px;
}

    .utf_user_menu ul:before {
        content: "";
        position: absolute;
        right: 25px;
        bottom: 100%;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #fff;
    }

    .utf_user_menu .utf_user_name {
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        text-align: left;
    }

        .utf_user_menu .utf_user_name:after {
            content: "\f0d7";
            font-family: "FontAwesome";
            -webkit-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
            display: inline-block;
            margin-left: 6px;
            color: #aaa;
        }

    .utf_user_menu.active .utf_user_name:after,
    .utf_user_menu:hover .utf_user_name:after,
    .utf_user_menu.active .utf_user_name,
    .utf_user_menu:hover .utf_user_name {
        color: #66676b;
    }

        .utf_user_menu.active .utf_user_name:after {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

.utf_user_name span img {
    width: 100%;
    display: inline-block;
    border-radius: 50%;
    border: 0;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

.utf_user_name span {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 50%;
    position: absolute;
    left: -26px;
    top: -5px;
}

.utf_user_menu ul {
    float: left;
    text-align: left;
    position: absolute;
    top: 55px;
    right: 0;
    list-style: none;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    display: inline-block;
    width: 190px;
    font-size: 15px;
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    visibility: hidden;
    opacity: 0;
    z-index: 110;
}

    .utf_user_menu ul li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

        .utf_user_menu ul li:last-child {
            border-bottom: none;
        }

        .utf_user_menu ul li a {
            padding: 7px 10px;
            line-height: 22px;
            display: inline-block;
            color: #696969;
            width: 100%;
            -webkit-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

            .utf_user_menu ul li a:hover {
                color: #ff2222;
            }

            .utf_user_menu ul li a i {
                width: 30px;
                position: relative;
                display: inline-block;
                margin-right: 10px;
                background: #efefef;
                height: 30px;
                padding: 5px;
                line-height: 20px;
                border-radius: 50%;
                text-align: center;
                color: #626262;
                font-size: 14px;
            }

.utf_user_menu.active ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.nav_responsive,
#utf_panel_menu {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .menu {
        max-height: none;
    }

    .utf_user_menu ul:before {
        content: "";
        position: absolute;
        left: 25px;
        bottom: 100%;
        border-width: 15px;
        border-style: solid;
        border-color: transparent transparent #fff;
        width: 26px;
    }

    #responsive {
        display: none;
    }

    #utf_panel_menu,
    .nav_responsive {
        display: block !important;
    }

    .nav_responsive {
        color: #777;
        display: block;
        float: left;
        position: relative;
        width: auto;
        margin: 0;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        border-radius: 4px;
    }

    #main-header {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .nav_responsive i {
        padding: 12px 14px;
        margin: 0;
        font-size: 20px;
        font-weight: 500;
        cursor: pointer;
        width: 100%;
        color: #fff;
        background: -o-linear-gradient( top, rgba(255, 255, 255, 0.07) 0%, transparent );
        background: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0.07)), to(transparent) );
        background: linear-gradient( to bottom, rgba(255, 255, 255, 0.07) 0%, transparent );
        background-color: #ff2222;
        border-radius: 30px;
        margin: 0px 0 20px 0;
    }

        .nav_responsive i.menu-trigger {
            width: 100%;
        }

    .responsive-search input:focus {
        border: none;
        color: #fff;
    }

    #logo {
        position: absolute;
        width: 100%;
        margin: 0 auto;
        margin-top: 5px;
        width: 40%;
        text-align: center;
        left: 0;
        right: 0;
    }

    #header_part.header-style-2 .utf_left_side,
    #header_part.header-style-2 .utf_right_side,
    .utf_right_side,
    .utf_left_side {
        width: 100%;
    }

    #top-bar .utf_right_side .utf_social_icon {
        float: left;
        position: relative;
        z-index: 9;
    }

    #header_part.header-style-2 .header_widget {
        float: left;
        margin-top: 35px;
        margin-bottom: -5px;
    }

    .header_widget {
        text-align: center;
        padding-top: 18px;
        border-top: 1px solid #d2d2d2;
    }

    ul.top-bar-menu {
        z-index: 99;
        position: relative;
    }

    .header-style-2 .nav_responsive {
        width: 750px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        padding: 0 15px;
    }

    #header_part.header-style-2 .header_widget {
        width: calc(100%);
        border-top: 1px solid #e0e0e0;
        padding-top: 30px;
    }
}
.ph-item{
    direction:rtl !important;
}
@media (max-width: 767px) {
    .header-style-2 .nav_responsive {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        float: none;
        padding: 0 15px;
    }

    #header_part.header-style-2 #header .container {
        width: 100%;
    }

    #header_part.header-style-2 .header_widget li .button {
        margin-left: 0;
    }

    #header_part.header-style-2 .header_widget li:after {
        display: none;
    }

    #header_part.header-style-2 .header_widget li {
        width: 100%;
        padding: 10px 0;
        margin: 0;
    }

        #header_part.header-style-2 .header_widget li i {
            width: 50px;
            margin: 0 0 0 0px;
            display: inline-block;
            text-align: left;
            top: 3px;
        }
}

.fa.fa-search.active:before {
    content: "\f00d";
}

body[data-menu-position="open"] .nav_responsive i.fa.fa-reorder:before {
    content: "\f00d";
}

body[data-menu-position="closed"] .nav_responsive i.fa.fa-reorder:before {
    content: "\f0c9";
}

#utf_panel_menu a.current:after,
#utf_panel_menu .with-ul:after {
    display: none;
}

body #utf_panel_menu li a {
    display: block;
    padding: 8px 20px;
    background-color: #ff2222;
    color: #eaeaea;
    font-weight: 600;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    outline: none;
    text-transform: none;
    text-shadow: none;
}

body #utf_panel_menu li li a {
    background-color: #363636;
    padding-left: 30px;
    text-transform: none;
    font-weight: 400;
}

body #utf_panel_menu li li li a {
    padding-left: 48px;
    position: relative;
}

/*==========
  Panel Menu Style
============*/
#utf_panel_menu li.cart-icon,
#utf_panel_menu li.search,
#utf_panel_menu .cart-counter,
#utf_panel_menu .hidden-on-mobile,
#utf_panel_menu .mega-headline_part {
    display: none;
}

#utf_panel_menu,
#utf_panel_menu ul {
    list-style: none;
    padding-left: 0;
}

    #utf_panel_menu li a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    #utf_panel_menu ul li a {
        border-bottom: 1px solid #525252;
    }

        #utf_panel_menu ul li a i {
            padding-right: 7px;
        }

    #utf_panel_menu .mega-content {
        display: inline-block;
    }

    #utf_panel_menu .mega-section {
        display: inline-block;
        float: none;
        width: 100%;
        border-right: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/*==========
  Search Container Block
============*/
.search_container_block {
    display: block;
    width: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 77vh;
    z-index: 9;
}

    .search_container_block:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        display: block;
        background: rgba(0, 0, 0, 0.6);
    }

    .search_container_block h1 {
        font-size: 42px;
        color: #fff;
        margin-bottom: 40px;
        font-weight: 700;
        text-align: center;
    }

    .search_container_block h4 span.typed-words {
        color: #ff2222;
    }

@media (max-width: 767px) {
    .typed-words {
        display: block !important;
        width: 100%;
        min-height: 46px;
    }
}

.search_container_block h4 {
    font-size: 22px;
    font-weight: 400;
    color: #ccc;
    line-height: 32px;
    text-align: center;
}

.utf_video_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    overflow: hidden;
}

.search_container_block video {
    top: 50%;
    -webkit-transform: translateY(-52%);
    -ms-transform: translateY(-52%);
    transform: translateY(-52%);
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -10;
    background-size: cover;
    -webkit-transition: 1s opacity;
    -o-transition: 1s opacity;
    transition: 1s opacity;
    position: absolute;
}

.search_container_block.overlay_dark_part:before {
    background: rgba(0, 0, 0, 0.7);
}

.search_container_block.overlay_dark_part h2 {
    color: #fff;
}

.search_container_block.overlay_dark_part h4 {
    color: rgba(255, 255, 255, 0.7);
}

/*==========
  Main Inner Search Block
============*/
.main_inner_search_block {
    position: relative;
    display: block;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-bottom: 30px;
}

    .main_inner_search_block select {
        border: none;
        padding-top: 2px;
        padding-bottom: 0;
        height: 44px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.main_input_search_part {
    margin-top: 50px;
    border-radius: 4px;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 6px;
    border: 3px solid rgba(0, 0, 0, 0.12);
    max-height: 70px;
    margin: 0 auto;
}

.main_input_search_part_tour {
    width: 50%;
}

.main_input_search_part_item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 2px;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
}

.main_input_search_part .main_input_search_part_item:nth-last-child(2) {
    border-right: none;
    padding-left: 15px;
    padding-right: 15px;
}

.main_input_search_part_item.location a {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #c0c0c0;
    padding: 10px 0;
    background: transparent;
}

    .main_input_search_part_item.location a i {
        font-weight: 600;
    }

    .main_input_search_part_item.location a:hover {
        color: #ff2222;
    }

.main_input_search_part input,
.main_input_search_part input:focus {
    font-size: 16px;
    border: none;
    background: #fff;
    margin: 0;
    padding: 0;
    height: 44px;
    line-height: 44px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.main_input_search_part button.button {
    font-size: 18px;
    font-weight: 400;
    padding: 0 40px;
    margin-right: 1px;
    height: 50px;
    outline: none;
}

.gray-style.main_input_search_part {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f7f7f7;
    top: -10px;
    position: relative;
}

    .gray-style .main_input_search_part_item.location a,
    .gray-style.main_input_search_part input,
    .gray-style.main_input_search_part input:focus {
        background: #f7f7f7;
    }

.gray-style .main_input_search_part_item {
    border-color: #e0e0e0;
}

.utf_listing_section .detail-video iframe {
    max-width: 100%;
    border: 3px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

/*==========
  Rangeslider Style
============*/
.rangeslider,
.utf_rangeslider_fill {
    display: block;
    border-radius: 10px;
}

.rangeslider {
    background: #e6e6e6;
    position: relative;
    margin: 25px 0;
}

.utf_rangeslider_horizontal {
    height: 6px;
    width: 100%;
}

.utf_rangeslider_vertical_part {
    width: 20px;
    min-height: 150px;
    max-height: 100%;
}

.utf_rangeslider_disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}

.utf_rangeslider_fill {
    background: #ff2222;
    position: absolute;
}

.utf_rangeslider_horizontal .utf_rangeslider_fill {
    top: 0;
    height: 100%;
}

.utf_rangeslider_vertical_part .utf_rangeslider_fill {
    bottom: 0;
    width: 100%;
}

.utf_rangeslider_handle {
    background: #ff2222;
    border: 2px solid #ff2222;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.utf_rangeslider_vertical_part .utf_rangeslider_handle {
    left: -10px;
    touch-action: pan-x;
    -ms-touch-action: pan-x;
}

input[type="range"]:focus + .rangeslider .utf_rangeslider_handle {
    -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
    box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

.utf_range_output {
    font-size: 20px;
    font-weight: 600;
    color: #666;
}

    .utf_range_output:after {
        content: "km";
    }

.data-radius-title {
    font-style: normal;
    font-size: 15px;
    color: #888;
    font-weight: 400;
    margin-top: 0;
    display: block;
}

/*==========
  Chosen Container Style
============*/
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .chosen-container * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .chosen-container .chosen-drop {
        position: absolute;
        top: 100%;
        left: 0;
        display: block;
        z-index: 990;
        width: 100%;
        border: 1px solid #dbdbdb;
        background-color: #fff;
        border-radius: 0px;
    }

    .chosen-container.chosen-with-drop .chosen-drop {
        left: 0;
    }

    .chosen-container a {
        cursor: pointer;
    }

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 15px;
    height: 51px;
    line-height: 50px;
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
    background-color: #fff;
    color: #888;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 500;
    border-radius: 4px;
}

.booking_widget_box .row.with-forms .chosen-container {
    margin-bottom: 15px;
}

.booking_widget_box .chosen-container-active.chosen-with-drop .chosen-single {
    border: 0px solid transparent;
}

.booking_widget_box .chosen-container-single .chosen-single {
    border: 0px solid transparent;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
}

    .booking_widget_box .chosen-container-single .chosen-single span {
        font-weight: 400;
        color: #888888;
    }

.chosen-container-active.chosen-with-drop .chosen-single {
    border-radius: 4px 4px 0 0;
}

.chosen-container-active .chosen-drop,
.chosen-container-single .chosen-drop {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.chosen-container-active.chosen-with-drop .chosen-drop {
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}

.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    color: #909090;
    font-weight: 400;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0px;
    float: right;
    display: block;
    width: 18px;
    height: 100%;
}

    .chosen-container-single .chosen-single div:after {
        content: "\f0d7";
        font-family: "FontAwesome";
        font-size: 14px;
        margin: 0;
        right: 20px;
        position: relative;
        width: auto;
        height: auto;
        display: inline-block;
        color: #c0c0c0;
        float: right;
        font-weight: normal;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }

.chosen-container-active.chosen-with-drop .chosen-single div:after {
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
    transform: translate3d(0, 0, 0) rotate(180deg);
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 8px;
    white-space: nowrap;
}

    .chosen-container-single .chosen-search input[type="text"] {
        margin: 1px 0;
        padding: 6px 20px 6px 15px;
        width: 100%;
        height: 42px;
        outline: 0;
        margin-bottom: 10px !important;
        border: 1px solid #ddd !important;
        background-color: #fbfbfb !important;
        display: block;
        position: relative;
        z-index: 9;
        border-radius: 4px;
        background-color: #fafafa;
        -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.04);
        box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.04);
    }

    .chosen-container-single .chosen-search:before {
        content: "\f002";
        font-family: "FontAwesome";
        font-size: 15px;
        margin: 0 15px 0 0;
        top: 12px;
        position: relative;
        width: 11px;
        height: 5px;
        display: inline-block;
        color: #aaa;
        float: right;
        font-weight: normal;
        z-index: 10;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
    }

.chosen-container-single .chosen-drop {
    margin-top: 4px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}

.chosen-container .chosen-results {
    color: #888;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    max-height: 300px;
}

#utf_rev_slider_block .chosen-container .chosen-results {
    height: 150px;
}

.chosen-container .chosen-results li:last-child {
    border-bottom: 0;
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 10px 15px;
    list-style: none;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    word-wrap: break-word;
    -webkit-touch-callout: none;
}

.chosen-container-multi .chosen-results li {
    padding: 10px 18px;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}

.chosen-container .chosen-results li:hover {
    color: #ff2222 !important;
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}

.chosen-container .chosen-results li.highlighted {
    background-color: transparent;
    border-radius: 0;
    color: #66676b;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.chosen-container .chosen-results li.no-results {
    color: #888;
    display: list-item;
    background-color: #fff;
}

.chosen-container-multi .chosen-results li.no-results {
    background-color: #fff;
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

.chosen-container-multi .chosen-choices {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 18px;
    height: auto;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    text-decoration: none;
    white-space: nowrap;
    line-height: 33px;
    cursor: pointer;
    margin: 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
}

.chosen-container-multi.chosen-with-drop .chosen-choices {
    border-radius: 4px 4px 0 0;
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}

    .chosen-container-multi .chosen-choices li.search-field {
        margin: 0;
        padding: 0;
        white-space: nowrap;
    }

        .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
            margin: 0;
            padding: 0;
            height: 49px;
            outline: 0;
            border: 0 !important;
            background: transparent !important;
            color: #888;
            line-height: normal;
            font-weight: 500;
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transition: none;
            -o-transition: none;
            transition: none;
        }

    .chosen-container-multi .chosen-choices li.search-choice {
        position: relative;
        margin: 10px 6px 0 -4px;
        padding: 0 25px 0 8px;
        max-width: 100%;
        background-color: #66676b;
        line-height: 29px;
        color: #fff;
        cursor: default;
        font-weight: 500;
        border-radius: 3px;
    }

        .chosen-container-multi .chosen-choices li.search-choice span {
            word-wrap: break-word;
        }

        .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
            position: absolute;
            top: -2px;
            right: 7px;
            display: block;
        }

            .chosen-container-multi
            .chosen-choices
            li.search-choice
            .search-choice-close:before {
                content: "\f00d";
                font-family: "FontAwesome";
                font-size: 13px;
                top: 1px;
                position: relative;
                width: 11px;
                height: 5px;
                display: inline-block;
                color: #fff;
                float: right;
                font-weight: normal;
            }

    .chosen-container-multi .chosen-choices li.search-choice-disabled {
        padding-right: 5px;
        border: 1px solid #ccc;
        background-color: #e4e4e4;
        color: #888;
    }

    .chosen-container-multi .chosen-choices li.search-choice-focus {
        background: #d4d4d4;
    }

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

.chosen-container.chosen-container-multi .chosen-drop {
    opacity: 0;
    visibility: hidden;
    padding: 10px 0;
}

.chosen-container.chosen-container-multi.chosen-with-drop.chosen-container-active
.chosen-drop {
    opacity: 1;
    visibility: visible;
}

.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices,
.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #e0e0e0;
}

    .chosen-container-active.chosen-with-drop .chosen-single div {
        border-left: none;
        background: transparent;
    }

    .chosen-container-active .chosen-choices li.search-field input[type="text"] {
        color: #888 !important;
    }

.chosen-drop ::-webkit-scrollbar {
    width: 10px;
}

.chosen-drop ::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}

.chosen-drop ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.2);
}

    .chosen-drop ::-webkit-scrollbar-thumb:hover {
        border-radius: 10px;
        background-color: rgba(0, 0, 0, 0.3);
    }

.input-with-icon {
    position: relative;
}

    .input-with-icon i {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        padding: 0 0 0 19px;
        color: #999;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        pointer-events: none;
    }

    .input-with-icon input {
        padding-left: 47px !important;
    }

    .input-with-icon.location input {
        padding-left: 20px !important;
    }

    .input-with-icon.location a i {
        position: absolute;
        right: 1px;
        left: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #999;
        padding: 15px 20px 15px 15px;
        background: transparent;
        pointer-events: all;
    }

        .input-with-icon.location a i:hover {
            color: #ff2222;
        }

/*==========
  Listing Filter Block
============*/
.listing_filter_block {
    padding: 15px 0px;
    background: #f9f9f9;
    border-radius: 4px;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

    .listing_filter_block .sort-by {
        top: 5px;
    }

    .listing_filter_block .utf_search_map_section ul {
        margin-bottom: 0;
    }

    .listing_filter_block .utf_search_map_section li {
        margin-bottom: 0;
    }

.sort-by {
    position: relative;
    top: 9px;
}

    .sort-by label,
    .sort-by .utf_sort_by_select_item {
        display: inline-block;
        float: right;
    }

.toursFilter {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

    .toursFilter label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        margin-top: 2px;
        margin-bottom: 2px;
        color: #000;
        line-height: 16px;
    }

.utf_sort_by_select_item .chosen-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.utf_dashboard_list_box .sort-by .utf_sort_by_select_item {
    margin-top: -10px;
    margin-right: -5px;
}

.utf_sort_by_select_item select {
    border-radius: 4px;
    color: #666;
    font-weight: 600;
    margin-bottom: 10px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #f3f3f3;
    height: auto;
    padding: 7px 7px 7px 15px;
    line-height: 22px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.listing_filter_block .utf_sort_by_select_item select {
    margin-bottom: 10px !important;
}

.sort_by_margin {
    margin-left: 7px;
}

#hotelsContent .slick-list {
    min-height: 135px;
}

/*.sort-by label {
	line-height: 40px;
	margin-top: 1px;
	padding: 0;
}*/
.defaultSort,
.l2h,
.h2l,
.ld2hd {
    background-color: transparent;
    color: #fff;
    border-radius: 30px;
    padding: 0px 8px;
    margin-top: -4px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    color: #5cb8b9;
    border: 1px solid #5cb8b9;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
}

    .defaultSort:hover,
    .l2h:hover,
    .h2l:hover,
    .ld2hd:hover {
        background-color: #ffa500;
        border: 1px solid #ffa500;
        color: #fff;
    }

    .defaultSort.active,
    .l2h.active,
    .h2l.active,
    .ld2hd.active {
        background-color: #ffa500;
        border: 1px solid #ffa500;
        color: #fff;
    }

.toursFilterRow {
    padding-bottom: 22px;
}

.sort-by .chosen-container-single .chosen-single {
    height: 40px;
    line-height: 38px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    background-color: #fcfcfc;
    width: 100%;
    display: inline-block;
    padding: 0 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #666;
    font-weight: 500;
    font-size: 14px;
    border-radius: 4px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
}

/*==========
  Search Map Section Block
============*/
.utf_search_map_section .lc-all-filter {
    padding-left: 0;
    margin-bottom: 0px;
}

.utf_search_map_section li {
    list-style: none;
    display: inline-block;
    margin-right: 0px;
    margin-bottom: 25px;
}

.utf_search_map_section .utf_common_button {
    font-size: 14.5px;
    height: 40px;
    line-height: 38px;
    padding-top: 0;
    font-weight: 600;
    color: #666;
}

    .utf_search_map_section .utf_common_button:hover {
        background: #ff2222;
        color: #fff;
    }

    .utf_search_map_section .utf_common_button i {
        margin-right: 7px;
    }

.utf_common_button {
    height: 45px;
    color: #666;
    font-weight: 500;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    line-height: 36px;
    border-radius: 4px;
    height: 36px;
    line-height: 34px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    background-color: #fcfcfc;
    padding: 0 15px;
    display: block;
}

/*==========
  Sort By Style
============*/
.sort-by .chosen-container-active .chosen-choices,
.sort-by .chosen-container-active.chosen-with-drop .chosen-single,
.sort-by .chosen-single:hover {
    background: #f3f3f3;
}

.utf_panel_dropdown.float-right a:hover {
    background: #f3f3f3;
}

.utf_panel_dropdown.float-right.active a,
.panel-dropdown a:hover {
    background: #f3f3f3;
}

.sort-by .chosen-container .chosen-drop {
    padding-top: 0px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    width: 240px;
    margin-left: 10px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
    z-index: 997;
}

.sort-by .chosen-container.chosen-with-drop .chosen-drop,
.sort-by .chosen-container .chosen-drop {
    left: auto;
    right: -1px;
    margin-top: -5px;
}

.sort-by .chosen-container-single .chosen-single div:after {
    color: #66676b;
    right: 0;
}

.sort-by .chosen-container-single .chosen-default {
    color: #66676b;
}

.sort-by .chosen-container-single .chosen-single span {
    margin-right: 0px;
    color: #666;
    font-weight: 600;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.sort-by .chosen-container-single .chosen-single div {
    position: relative;
    line-height: 38px;
    top: 0;
    margin-left: 0;
    display: inline-block;
}

.sort-by .chosen-container-single .chosen-single span {
    display: inline-block;
    margin-right: 0;
    vertical-align: top;
}

/*==========
  Main Input Search Style
============*/
.main_input_search_part_item .chosen-container-single .chosen-single,
.main_input_search_part_item .chosen-single.chosen-container-active {
    position: relative;
    display: block;
    overflow: visible;
    padding: 0 0 0 15px;
    height: 44px;
    line-height: 42px;
    border: 1px solid #fff;
    background-color: #fff;
    color: #888;
    border-radius: 4px;
    z-index: 100;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.main_input_search_part_item .chosen-container-active .chosen-single,
.main_input_search_part_item .chosen-container-active .chosen-choices {
    border: 1px solid #fff;
}

.main_input_search_part_item
.chosen-container-active.chosen-with-drop
.chosen-single {
    border: 1px solid #fff;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}

.main_input_search_part_item .chosen-container {
    font-size: 16px;
}

    .main_input_search_part_item .chosen-container .chosen-drop {
        border: none;
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
        font-size: 15px;
        padding-top: 0px;
        padding-bottom: 0px;
        z-index: 99;
    }

.slider_chosen_drop .chosen-container .chosen-drop {
    display: -ms-inline-grid;
    display: inline-grid;
    height: 150px;
}

.main_input_search_part_item .chosen-single:after {
    content: "";
    position: absolute;
    bottom: -5px;
    display: block;
    width: 100%;
    left: 0;
    height: 10px;
    background: #fff;
    z-index: 112;
    opacity: 1;
    tranition: all 0.3s;
}

.main_input_search_part_item .chosen-container-single .chosen-single span {
    display: inline-block;
    vertical-align: top;
}

.main_input_search_part .chosen-container-single .chosen-single div {
    display: inline-block;
    position: relative;
    top: 0px;
}

.main_input_search_part .chosen-container-single .chosen-search {
    padding: 3px 15px;
    margin-bottom: 5px;
}

    .main_input_search_part
    .chosen-container-single
    .chosen-search
    input[type="text"] {
        margin: 1px 0;
        padding: 6px 20px 6px 6px;
        width: 100%;
        height: 40px;
        outline: 0;
        border: 1px solid #e6e6e6;
        background-color: #fff;
        display: block;
        position: relative;
        z-index: 9;
        background-color: #fcfcfc;
        border-radius: 4px;
    }

.main_input_search_part_item .chosen-container .chosen-results {
    position: relative;
    z-index: 10000;
}

.gray-style
.main_input_search_part_item
.chosen-container-single
.chosen-single,
.gray-style
.main_input_search_part_item
.chosen-single.chosen-container-active {
    border: 1px solid #f7f7f7;
    background-color: #f7f7f7;
}

.main_input_search_part_item .chosen-container.chosen-with-drop {
    border-radius: 4px;
}

.gray-style .main_input_search_part_item .chosen-single::after {
    display: none;
}

.gray-style
.main_input_search_part_item
.chosen-container-active.chosen-with-drop
.chosen-single,
.gray-style .main_input_search_part_item .chosen-container .chosen-drop {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e0e0e0;
    background: #f7f7f7;
}

.gray-style .main_input_search_part_item .chosen-container .chosen-drop {
    border-top: none;
}

/*==========
  Select Option Style
============*/
.select-input {
    position: relative;
}

    .select-input input {
        position: relative;
        z-index: 101;
    }

    .select-input .select {
        position: absolute;
        top: -8px;
    }

.select-hidden {
    display: none;
    visibility: hidden;
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 15px;
    color: #fff;
    width: 100%;
    height: 51px;
}

.select-styled {
    opacity: 0;
}

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 990;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #e0e0e0;
    background-color: #fcfcfc;
    padding: 0 4px;
    padding-top: 8px;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.select-list-container {
    padding: 0 4px;
    max-height: 300px;
    overflow: auto;
    display: inline-block;
    width: 100%;
}

ul.select-options li {
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    color: #888;
    margin: 0;
    padding: 10px 10px;
    list-style: none;
    line-height: 15px;
    border-radius: 4px;
}

.select-options li:hover {
    color: #fff;
    background-color: #66676b;
}

.select-options li[rel="hide"] {
    display: none;
}

.select-options ::-webkit-scrollbar {
    width: 10px;
}

.select-options ::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}

.select-options ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.2);
}

    .select-options ::-webkit-scrollbar-thumb:hover {
        border-radius: 10px;
        background-color: rgba(0, 0, 0, 0.3);
    }

/*==========
  Panel Dropdown Style
============*/
.utf_panel_dropdown {
    position: relative;
    display: inline-block;
}

    .utf_panel_dropdown a {
        color: #666;
        font-weight: 600;
        font-size: 15px;
        border-radius: 50px;
        padding: 3px 14px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        display: inline-block;
    }

        .utf_panel_dropdown.active a,
        .utf_panel_dropdown a:hover {
            background: #f3f3f3;
        }

        .utf_panel_dropdown a:after {
            content: "\f0d7";
            font-family: "FontAwesome";
            font-size: 16px;
            color: #66676b;
            font-weight: 500;
            padding-left: 0;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            margin-left: 6px;
            display: inline-block;
        }

    .utf_panel_dropdown.active a:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .utf_panel_dropdown .utf_panel_dropdown-content {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        position: absolute;
        top: 44px;
        left: 0px;
        z-index: 110;
        background: #fff;
        border: 1px solid rgba(0, 0, 0, 0.18);
        border-radius: 4px;
        -webkit-box-shadow: 0 12px 35px 2px rgba(0, 0, 0, 0.12);
        box-shadow: 0 12px 35px 2px rgba(0, 0, 0, 0.12);
        padding: 20px;
        overflow-y: auto;
        white-space: normal;
        width: 350px;
    }

    .utf_panel_dropdown .utf_panel_dropdown-content {
        border: 4px solid rgba(0, 0, 0, 0.12);
        border-radius: 8px;
    }

    .utf_panel_dropdown.wide .utf_panel_dropdown-content {
        width: 570px;
    }

    .utf_panel_dropdown.active .utf_panel_dropdown-content {
        opacity: 1;
        visibility: visible;
    }

.listings-container {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.fs-inner-container.content.faded-out .listings-container {
    background: #f9f9f9;
    opacity: 0.1;
    pointer-events: none;
}

.fs-inner-container.content.faded-out {
    background-color: #fcfcfc;
}

.utf_panel_dropdown .checkboxes label {
    margin-bottom: 10px;
    display: block;
}

.utf_panel_dropdown-content.checkboxes {
    padding: 28px;
}

.utf_panel_dropdown .row {
    margin-left: -10px;
    margin-right: -10px;
}

button.panel-cancel,
button.panel-apply {
    background: none;
    padding: 5px 16px;
    display: block;
    outline: none;
    border: none;
    font-weight: 600;
    float: right;
    margin: 0;
    font-size: 15px;
    border-radius: 50px;
    background-color: #66676b;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.utf_panel_dropdown button.panel-apply {
    background: none;
    padding: 3px 15px;
    display: block;
    outline: none;
    border: none;
    font-weight: 500;
    float: right;
    margin: 0;
    font-size: 14px;
    border-radius: 4px;
    background-color: #ff2222;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

button.panel-apply:hover {
    opacity: 0.9;
}

button.panel-apply:active {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}

button.panel-cancel {
    float: left;
    background-color: #f0f0f0;
    color: #666;
    opacity: 1;
}

    button.panel-cancel:hover {
        background-color: #e9e9e9;
    }

    button.panel-cancel:active {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px);
    }

.panel-buttons {
    width: 100%;
    margin-top: 13px;
}

.utf_panel_dropdown.float-right {
    float: right;
}

    .utf_panel_dropdown.float-right a {
        height: 40px;
        line-height: 38px;
        border: 1px solid rgba(0, 0, 0, 0.07);
        background-color: #fcfcfc;
        width: 100%;
        display: inline-block;
        padding: 0 15px;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #666;
        font-weight: 600;
        font-size: 15px;
        border-radius: 4px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        display: inline-block;
    }

    .utf_panel_dropdown.float-right .utf_panel_dropdown-content {
        left: auto;
        right: 0;
    }

.fullwidth_block-filters .utf_panel_dropdown {
    margin-left: 3px;
}

.fullwidth_block-filters {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 15px;
}

    .fullwidth_block-filters .sort-by {
        top: -1px;
        right: -1px;
    }

/*==========
  More Search Style
============*/
.more-search-options.relative {
    position: relative;
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    display: none;
}

    .more-search-options.relative.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.more-search-options-trigger {
    background: #fff;
    color: #808080;
    font-weight: 400;
    font-size: 16px;
    border-radius: 6px;
    padding: 3px 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
    border: 1px solid #dbdbdb;
    height: 50px;
    line-height: 48px;
    padding: 0 20px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
}

    .more-search-options-trigger:before {
        content: attr(data-open-title);
    }

    .more-search-options-trigger.active:before {
        content: attr(data-close-title);
    }

    .more-search-options-trigger:after {
        content: "\f103";
        font-family: "FontAwesome";
        font-size: 16px;
        color: #66676b;
        font-weight: 500;
        padding-left: 0;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        margin-left: 10px;
        display: inline-block;
    }

    .more-search-options-trigger.active:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .more-search-options-trigger:hover {
        color: #808080;
    }

/*==========
  Navigation Layout Style
============*/
.utf_layout_nav a {
    width: 38px;
    height: 38px;
    background-color: #e7e7e7;
    display: inline-block;
    color: #8c8c8c;
    font-size: 14px;
    line-height: 38px;
    top: 5px;
    text-align: center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 50%;
    font-weight: 500;
    overflow: hidden;
    position: relative;
    margin-right: 5px;
}

    .utf_layout_nav a.active {
        color: #ff2222;
        background-color: #fff;
        border: 1px solid #ff2222;
        line-height: 38px;
    }

    .utf_layout_nav a i {
        position: relative;
        z-index: 11;
    }

    .utf_layout_nav a:hover {
        color: #fff;
        background-color: #ff2222;
    }

.fs-container {
    height: 100%;
    width: 100%;
}

    .fs-container #utf_map_container {
        position: relative;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 990;
        margin-bottom: 0px;
    }

.fs-content {
    max-height: 100%;
    padding: 0;
}

.fs-container div.search {
    padding: 40px;
    background-color: #f9f9f9;
}

.fs-inner-container .listing_filter_block {
    margin-bottom: 0;
}

.fs-inner-container .row.with-forms .chosen-container {
    margin-bottom: 0;
}

.fs-container .fs-listings {
    padding: 0 25px;
    margin: 0;
}

.fs-switcher {
    padding: 0 25px;
    margin: 0;
}

.fs-inner-container {
    width: 50%;
    float: left;
    display: inline-block;
}

    .fs-inner-container.content {
        width: 55%;
        background-color: #ffffff;
        z-index: 995;
        position: relative;
        padding-top: 0px;
        padding-bottom: 0;
    }

.fs-inner-container {
    width: 45%;
    background-color: #fff;
    z-index: 10;
}

.fs-container .footer_copyright_part {
    padding: 30px 0;
    font-size: 15px;
}

#header_part.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1100;
    background-color: #fff;
}

.fs-inner-container.map-fixed {
    height: 100vh;
    position: fixed;
    top: 0;
    padding-top: 90px;
}

button.fs-map-btn.button {
    position: relative;
    float: right;
    top: 6px;
    padding: 10px 40px;
    margin: 0;
}

.fs-container .more-search-options-trigger {
    position: relative;
    top: 10px;
}

.showing-results {
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    color: #666;
    text-align: center;
    font-weight: 400;
    margin: 5px 0 25px 0;
}

/*==========
  Listings Container Style
============*/
.listings-container.fs-listings {
    left: 0;
    width: 100%;
    position: relative;
}

    .listings-container.fs-listings.grid-layout {
        left: 0;
        width: 100%;
        position: relative;
    }

    .listings-container.fs-listings.list-layout {
        padding: 0 40px;
    }

        .listings-container.fs-listings.list-layout .listing-content {
            -webkit-box-flex: 4;
            -ms-flex: 4;
            flex: 4;
        }

        .listings-container.fs-listings.list-layout .listing-img-container {
            -webkit-box-flex: 0;
            -ms-flex: 0 auto;
            flex: 0 auto;
            max-width: 300px;
        }

@media (max-width: 1365px) {
    .listings-container.fs-listings.grid-layout .utf_listing_item {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .listings-container.fs-listings.grid-layout {
        padding: 0 40px;
    }

    .listings-container.fs-listings.list-layout .utf_listing_item {
        display: block;
    }

    .listings-container.fs-listings.list-layout .details.button.border {
        display: none;
    }

    .listings-container.fs-listings.list-layout .listing-img-container {
        max-width: 100%;
    }

    .fs-switcher .utf_layout_nav {
        display: none;
    }
}

/*==========
  Bootstrap Column Style
============*/
.col-fs-12,
.col-fs-11,
.col-fs-10,
.col-fs-9,
.col-fs-8,
.col-fs-7,
.col-fs-6,
.col-fs-5,
.col-fs-4,
.col-fs-3,
.col-fs-2,
.col-fs-1 {
    float: left;
    padding: 0 10px;
}

.col-fs-12 {
    width: 100%;
}

.col-fs-11 {
    width: 91.66666667%;
}

.col-fs-10 {
    width: 83.33333333%;
}

.col-fs-9 {
    width: 75%;
}

.col-fs-8 {
    width: 66.66666667%;
}

.col-fs-7 {
    width: 58.33333333%;
}

.col-fs-6 {
    width: 50%;
}

.col-fs-5 {
    width: 41.66666667%;
}

.col-fs-4 {
    width: 33.33333333%;
}

.col-fs-3 {
    width: 25%;
}

.col-fs-2 {
    width: 16.66666667%;
}

.col-fs-1 {
    width: 8.33333333%;
}

@media (max-width: 1599px) {
    .col-fs-12,
    .col-fs-11,
    .col-fs-10,
    .col-fs-9,
    .col-fs-8,
    .col-fs-7,
    .col-fs-6 {
        width: 100%;
    }

    .col-fs-5,
    .col-fs-4,
    .col-fs-3,
    .col-fs-2,
    .col-fs-1 {
        width: 50%;
    }
}

@media (max-width: 992px) {
    .col-fs-12,
    .col-fs-11,
    .col-fs-10,
    .col-fs-9,
    .col-fs-8,
    .col-fs-7,
    .col-fs-6,
    .col-fs-5,
    .col-fs-4,
    .col-fs-3,
    .col-fs-2,
    .col-fs-1 {
        width: 100%;
    }

    .overflow-hidden {
        overflow: hidden;
    }
}

.row.with-forms input,
.row.with-forms input[type="text"],
.row.with-forms input[type="password"],
.row.with-forms input[type="email"],
.row.with-forms input[type="number"],
.row.with-forms textarea,
.row.with-forms input,
.row.with-forms select,
.row.with-forms .chosen-container {
    margin-bottom: 18px;
}

.row.with-forms {
    margin-left: 0px;
    margin-right: 0px;
}

.with-forms .col-xs-1,
.with-forms .col-sm-1,
.with-forms .col-md-1,
.with-forms .col-lg-1,
.with-forms .col-xs-2,
.with-forms .col-sm-2,
.with-forms .col-md-2,
.with-forms .col-lg-2,
.with-forms .col-xs-3,
.with-forms .col-sm-3,
.with-forms .col-md-3,
.with-forms .col-lg-3,
.with-forms .col-xs-4,
.with-forms .col-sm-4,
.with-forms .col-md-4,
.with-forms .col-lg-4,
.with-forms .col-xs-5,
.with-forms .col-sm-5,
.with-forms .col-md-5,
.with-forms .col-lg-5,
.with-forms .col-xs-6,
.with-forms .col-sm-6,
.with-forms .col-md-6,
.with-forms .col-lg-6,
.with-forms .col-xs-7,
.with-forms .col-sm-7,
.with-forms .col-md-7,
.with-forms .col-lg-7,
.with-forms .col-xs-8,
.with-forms .col-sm-8,
.with-forms .col-md-8,
.with-forms .col-lg-8,
.with-forms .col-xs-9,
.with-forms .col-sm-9,
.with-forms .col-md-9,
.with-forms .col-lg-9,
.with-forms .col-xs-10,
.with-forms .col-sm-10,
.with-forms .col-md-10,
.with-forms .col-lg-10,
.with-forms .col-xs-11,
.with-forms .col-sm-11,
.with-forms .col-md-11,
.with-forms .col-lg-11,
.with-forms .col-xs-12,
.with-forms .col-sm-12,
.with-forms .col-md-12,
.with-forms .col-lg-12 {
    padding: 0 10px;
}

/*==========
  Titlebar Style
============*/
#titlebar.utf_listing_titlebar span a,
#titlebar.utf_listing_titlebar span {
    font-size: 15px;
    color: #888;
    margin-top: 0;
    font-weight: 400;
    display: inline-block;
}

#titlebar.utf_listing_titlebar .natureBreadcrumb span {
    font-size: 13px;
}

#titlebar.utf_listing_titlebar span.call_now {
    display: block;
    margin-bottom: 0;
}

    #titlebar.utf_listing_titlebar span.call_now i {
        color: #4e8e8e;
        margin-right: 0;
        vertical-align: sub;
    }

#titlebar.utf_listing_titlebar span a i {
    margin-right: 0;
    color: #4e8e8e;
    font-size: 16px;
    vertical-align: sub;
}

#titlebar.utf_listing_titlebar span a:hover {
    color: #666;
}

#titlebar.utf_listing_titlebar h1,
#titlebar.utf_listing_titlebar h2,
#titlebar.utf_listing_titlebar h1 {
    font-size: 26px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #323232;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    #titlebar.utf_listing_titlebar h2 span.listing-tag,
    #titlebar.utf_listing_titlebar h1 span.listing-tag {
        margin: 0;
        padding: 3px 7px;
        line-height: 15px;
        letter-spacing: 0.5px;
        border-radius: 4px;
        text-transform: uppercase;
        background-color: #ff2222;
        border: 1px solid #ff2222;
        color: #fff;
        font-size: 11px;
        font-weight: 600;
        position: relative;
        top: -2px;
        margin-left: 8px;
        vertical-align: middle;
    }

.utf_counter_star_rating a {
    color: #fff;
    line-height: 21px;
    vertical-align: top;
}

.utf_star_rating_section .utf_counter_star_rating a:hover {
    color: #66676b;
}

.numerical-rating .utf_counter_star_rating a:hover {
    color: #888;
}

#titlebar.utf_listing_titlebar .numerical-rating {
    display: block;
    margin: 2px 0 0 0;
}

#titlebar.utf_listing_titlebar {
    background: #fff;
    background-color: #fff;
    margin: 2px 0 0 0;
}

.utf_listing_titlebar .utf_listing_titlebar_title {
    background: #fff;
    padding:  17px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

    .utf_listing_titlebar .utf_listing_titlebar_title h2 {
        text-align: left !important;
    }

a.button.utf_add_review-btn {
    min-width: 160px;
    text-align: center;
}

    a.button.utf_add_review-btn i {
        font-size: 14px;
        position: relative;
        line-height: 0;
        top: 0;
        margin-right: 0;
        letter-spacing: 0;
    }

.back-to-listings {
    height: 60px;
    width: 60px;
    background-color: #eee;
    color: #a6a6a6;
    border-radius: 50%;
    display: inline-block;
    float: left;
    position: relative;
    top: 6px;
    margin: 0 25px 0 0;
    text-align: center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -5px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

    .back-to-listings:before {
        font-family: "simple-line-icons";
        content: "\e605";
        font-size: 20px;
        line-height: 60px;
        left: -1px;
        position: relative;
    }

    .back-to-listings:hover {
        color: #a6a6a6;
        -webkit-transform: translate(-4px, -50%);
        -ms-transform: translate(-4px, -50%);
        transform: translate(-4px, -50%);
    }

.titlebar-right-content {
    position: absolute;
    right: 15px;
    display: inline-block;
    top: 50%;
    -webkit-transform: translateY(-49%);
    -ms-transform: translateY(-49%);
    transform: translateY(-49%);
    text-align: right;
}

.utf_listing_slider .item {
    position: relative;
    background-size: cover;
    background-position: 50%;
    height: 40vh;
    min-height: 400px;
}

.utf_listing_slider,
.utf_listing_slider .item {
    height: 40vh;
    min-height: 400px;
}

a.utf_gallery {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

/*==========
  Listing Slider Style
============*/
.utf_listing_slider {
    background-color: #fff;
}

    .utf_listing_slider .slick-next:hover,
    .utf_listing_slider .slick-prev:hover,
    .utf_listing_slider .slick-next,
    .utf_listing_slider .slick-prev {
        background-color: rgba(20, 20, 20, 0.45);
        color: #fff;
        height: 44px;
        width: 44px;
        border-radius: 6px;
        text-align: center;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }

        .utf_listing_slider .slick-next:hover,
        .utf_listing_slider .slick-next {
            right: 7.5%;
            -webkit-transform: translate(50px, -50%);
            -ms-transform: translate(50px, -50%);
            transform: translate(50px, -50%);
        }

        .utf_listing_slider .slick-prev:hover,
        .utf_listing_slider .slick-prev {
            left: 7.5%;
            -webkit-transform: translate(-50px, -50%);
            -ms-transform: translate(-50px, -50%);
            transform: translate(-50px, -50%);
        }

    .utf_listing_slider:hover .slick-next {
        -webkit-transform: translate(60px, -50%);
        -ms-transform: translate(60px, -50%);
        transform: translate(60px, -50%);
    }

    .utf_listing_slider:hover .slick-prev {
        -webkit-transform: translate(-60px, -50%);
        -ms-transform: translate(-60px, -50%);
        transform: translate(-60px, -50%);
    }

    .utf_listing_slider .slick-next:hover:before,
    .utf_listing_slider .slick-prev:hover:before,
    .utf_listing_slider .slick-prev::before,
    .utf_listing_slider .slick-next::before {
        font-size: 18px;
        line-height: 44px;
        position: relative;
        color: #fff;
    }

    .utf_listing_slider .slick-prev::before {
        left: -1px;
    }

    .utf_listing_slider .slick-next::before {
        left: 1px;
    }

    .utf_listing_slider .slick-next:hover {
        -webkit-transform: translate(64px, -50%);
        -ms-transform: translate(64px, -50%);
        transform: translate(64px, -50%);
    }

    .utf_listing_slider .slick-prev:hover {
        -webkit-transform: translate(-64px, -50%);
        -ms-transform: translate(-64px, -50%);
        transform: translate(-64px, -50%);
    }

    .utf_listing_slider .item.slick-slide:before {
        position: absolute;
        height: 100%;
        width: 100%;
        display: block;
        content: "";
        background: #222;
        z-index: 100;
        visibility: visible;
        opacity: 0.1;
        -webkit-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

    .utf_listing_slider .item.slick-slide:hover:before,
    .utf_listing_slider .slick-next,
    .utf_listing_slider .slick-prev {
        opacity: 0;
        visibility: hidden;
    }

    .utf_listing_slider:hover .slick-next,
    .utf_listing_slider:hover .slick-prev {
        opacity: 1;
        visibility: visible;
    }

    .utf_listing_slider .slick-next:hover,
    .utf_listing_slider .slick-prev:hover {
        background-color: #ff2222;
        color: #fff;
    }

.utf_listing_detail_sidebar {
    padding: 0;
    list-style: none;
    font-size: 15px;
    margin-bottom: -5px;
    position: relative;
    display: block;
}

    .utf_listing_detail_sidebar li {
        display: block;
        position: relative;
        padding: 8px 0 8px 28px;
        line-height: 28px;
        color: #66676b;
        font-size: 15px;
        font-weight: 400;
        border-bottom: 1px solid #e8e8e8;
    }

        .utf_listing_detail_sidebar li a {
            color: #66676b;
            font-weight: 400;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            .utf_listing_detail_sidebar li a:hover {
                color: #5cb8b9;
                padding-left: 5px;
            }

        .utf_listing_detail_sidebar li i {
            position: absolute;
            left: 0;
            top: 14px;
            font-size: 16px;
            color: #888;
        }

    .utf_listing_detail_sidebar.social-profiles {
        margin-top: 10px;
    }

        .utf_listing_detail_sidebar.social-profiles li {
            line-height: 22px;
            padding-left: 25px;
        }

            .utf_listing_detail_sidebar.social-profiles li i {
                top: 13px;
            }

    .utf_listing_detail_sidebar li a.facebook-profile i,
    .utf_listing_detail_sidebar li a.facebook-profile {
        color: #3b5998;
    }

    .utf_listing_detail_sidebar li a.twitter-profile i,
    .utf_listing_detail_sidebar li a.twitter-profile {
        color: #1da1f2;
    }

    .utf_listing_detail_sidebar li a.gplus-profile i,
    .utf_listing_detail_sidebar li a.gplus-profile {
        color: #dd4b39;
    }

    .utf_listing_detail_sidebar li a.gplus-profile {
        padding-left: 4px;
    }

.utf_hosted_by_user_title {
    padding: 0 0px 18px 110px;
    margin: 0px 0 5px;
    display: block;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}

    .utf_hosted_by_user_title h4 {
        font-size: 18px;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        line-height: 28px;
        font-weight: 600;
        margin: 0;
        vertical-align: bottom;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 4px;
    }

        .utf_hosted_by_user_title h4 span {
            display: block;
            font-size: 14px;
            font-weight: 400;
            color: #888;
            margin-bottom: 2px;
        }

        .utf_hosted_by_user_title h4 #package-date {
            display: inline-block;
        }

        .utf_hosted_by_user_title h4 span {
            color: #888888;
        }

            .utf_hosted_by_user_title h4 span i {
                color: #ff2222;
                margin-right: 3px;
            }

.utf_hosted_by_avatar_listing {
    max-width: 150px;
    overflow: hidden;
    border-radius: 50px;
    border: 3px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 50%;
    image-rendering: -webkit-optimize-contrast;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
}

    .utf_hosted_by_avatar_listing.agenctTourDetail {
        -webkit-transform: translateY(-67%);
        -ms-transform: translateY(-67%);
        transform: translateY(-67%);
    }

    .utf_hosted_by_avatar_listing img {
        width: 50px;
        height: 50px;
    }

.utf_box_widget {
    background-color: #f9f9f9;
    border-radius: 4px;
    padding: 30px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 1;
}

    .utf_box_widget p {
        font-size: 15px;
        line-height: 26px;
    }

.booking_widget_box {
    zoom: 1;
    z-index: 2;
}

.add-review-photos {
    font-weight: 500;
    padding: 6px 10px;
    color: #666;
    background-color: #ededed;
    border-radius: 6px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    width: auto;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    line-height: 20px;
    float: right;
    top: -25px;
}

#utf_add_comment label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.photoUpload {
    position: relative;
    overflow: hidden;
    padding: 3px 12px;
    cursor: pointer;
}

.add-review-photos i {
    color: #ff2222;
    margin-left: 3px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-size: 16px;
    position: relative;
    top: 2px;
}

.photoUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.add-review-photos:hover,
.add-review-photos:hover i {
    background: #ff2222;
    color: #fff;
}

/*==========
  Box Widget Style
============*/
.utf_box_widget h3 {
    width: 100%;
    font-size: 19px;
    line-height: 40px;
    padding: 0 0 20px;
    margin: 5px 0 10px 0;
    display: block;
    font-weight: 600;
    text-align: left;
    border-bottom: 1px solid #e8e8e8;
}

.hotelDetailSidebar .utf_box_widget h3 {
    font-size: 17px;
}

    .hotelDetailSidebar .utf_box_widget h3 i {
        font-size: 20px;
    }

.hotelDetailSidebar .reserveRequest .row > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    padding-right: 0;
    padding-left: 0;
    background-color: #fff;
    float: right;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

    .hotelDetailSidebar .reserveRequest .row > div input {
        border: none;
        margin: 0;
        background-color: transparent;
    }

    .hotelDetailSidebar .reserveRequest .row > div button {
        width: 71px;
        line-height: 28px;
        height: 100%;
        padding: 10px 16px;
        border: none;
        background-color: transparent;
        color: #5cb8b9;
    }

        .hotelDetailSidebar .reserveRequest .row > div button span {
            position: relative;
            width: 100%;
            display: block;
        }

            .hotelDetailSidebar .reserveRequest .row > div button span:after {
                bottom: 0px;
                left: 0px;
                width: 100%;
                right: unset;
                background-color: #f87506;
            }

.utf_box_widget h3 i {
    margin-right: 10px;
    color: #fff;
    width: 40px;
    height: 40px;
    background: var(--dark-green);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
}

    .utf_box_widget h3 i.sl-icon-clock {
        position: relative;
        top: 1px;
    }

    .utf_box_widget h3 i.fa-calendar-check-o {
        position: relative;
        top: -1px;
    }

.utf_box_widget h5 {
    font-size: 18px;
    font-weight: 600;
    color: #525252;
    margin-bottom: 12px;
}

a.send-message-to-owner.button {
    font-size: 13px;
    font-weight: 500;
    padding: 4px 20px;
    margin-top: 20px;
    margin-bottom: -5px;
}

/*==========
  Verified Style
============*/
.verified-badge {
    background-color: #54ba1d;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 400;
    cursor: help;
    position: relative;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: block;
}

.error-badge {
    background-color: #ff3238 !important;
}

.verified-badge i {
    font-size: 22px;
    padding: 0 4px 0 0;
    position: relative;
    top: 3px;
}

.verified-badge .tip-content {
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    padding: 20px;
    border-radius: 4px;
    max-width: auto;
    top: 145px;
    bottom: auto;
}

.verified-badge:hover {
    background: #42a80b;
}

    .verified-badge:hover .tip-content {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
    }

.verified-badge .tip-content:after {
    font-family: "FontAwesome";
    content: "\f0d8";
    position: absolute;
    bottom: auto;
    top: -3px;
    left: 50%;
    font-size: 22px;
    color: #333;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*==========
  Opening Hours Style
============*/
.opening-hours {
    position: relative;
}

    .opening-hours ul {
        position: relative;
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .opening-hours ul::before {
            content: "";
            position: absolute;
            left: 50%;
            top: 0;
            height: 81%;
            background-color: #cccccc5e;
            width: 1px;
        }

        .opening-hours ul li {
            width: 48%;
            font-size: 14px;
            font-weight: 400;
            color: #66676b;
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            margin: 0;
            padding: 6px 0;
            -webkit-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
            cursor: default;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

.utf_listing_payment_section .opening-hours ul::before {
    background-color: transparent;
}

.utf_listing_payment_section .opening-hours ul li {
    width: 100%;
    border: none;
}

.opening-hours ul li:last-child {
    margin-bottom: 0;
}

.opening-hours ul li:hover {
    color: #fd972f;
}

.opening-hours ul li span {
    font-weight: 400;
    font-size: 14px;
}

/*==========
  Listing Share Style
============*/
.listing-share {
    text-align: center;
    position: relative;
}

    .listing-share .share-buttons li {
        margin: 0 3px 8px 0;
    }

    .listing-share.with-border {
        border-top: 1px solid #eee;
        padding-top: 35px;
    }

    .listing-share span {
        display: block;
        font-size: 16px;
        color: #707070;
    }

.utf_box_widget .like-button {
    margin-top: 10px;
    margin-bottom: 0;
}

.like-button {
    outline: none;
    border: none;
    color: #444;
    font-weight: 500;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 50px;
    padding: 10px 25px;
    line-height: 24px;
    margin-bottom: 9px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

    .like-button:hover {
        background-color: #fafafa;
        border: 1px solid #ddd;
    }

.listing-share .like-icon::before,
.listing-share .like-icon::after {
    top: 0;
}

.listing-share .utf_social_icon li {
    text-align: center;
    float: none;
    padding: 0;
    margin: 0;
}

.like-button .like-icon:hover,
.like-button .like-icon.liked {
    background-color: transparent;
    color: #ff2222;
}

.listing-share span.like-icon {
    top: -5px;
    left: 0;
}

.listing-share .like-button .like-icon {
    border: 2px solid transparent;
}

.like-button .like-icon {
    position: relative;
    height: 20px;
    display: inline-block;
    line-height: 30px;
    right: auto;
    bottom: 3px;
    background: transparent;
    color: #ff2222;
    font-weight: 500;
    float: left;
    width: 20px;
    margin-right: 8px;
    font-size: 18px;
}

/*==========
  Listing Nav Style
============*/
.listing-nav {
    width: 100%;
    padding: 0;
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 17px;
    font-weight: 400;
    background-color: #fff;
    margin-bottom: 35px;
}

.listing-nav-container.cloned {
    position: fixed;
    top: 0;
    margin: 0 auto;
    z-index: 1010;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    border-bottom: 1px solid #e0e0e0;
}

    .listing-nav-container.cloned.stick {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        background-color: #fff;
    }

    .listing-nav-container.cloned .listing-nav {
        border-bottom: none;
        margin: 0 auto;
    }

        .listing-nav-container.cloned .listing-nav a {
            padding: 15px 0;
        }

        .listing-nav-container.cloned .listing-nav li:first-child a {
            color: #666;
            border-color: #e0e0e0;
        }

.listing-nav li {
    display: inline-block;
    margin-right: 15px;
}

    .listing-nav li a {
        display: inline-block;
        border-bottom: 1px solid #e0e0e0;
        position: relative;
        bottom: -1px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        color: #666;
        padding-bottom: 15px;
    }

        .listing-nav-container.cloned .listing-nav li:first-child a.active,
        .listing-nav-container.cloned .listing-nav li:first-child a:hover,
        .listing-nav li:first-child a,
        .listing-nav li a.active,
        .listing-nav li a:hover {
            border-color: #66676b;
            color: #66676b;
        }

.utf_listing_headline_part {
    font-size: 22px;
    font-weight: 600;
    position: relative;
    margin-bottom: 30px;
    display: block;
}

    .utf_listing_headline_part:after {
        position: absolute;
        content: "";
        left: 0px;
        bottom: -10px;
        height: 2px;
        width: 40px;
        background-color: #73c9ca;
    }

    .utf_listing_headline_part span {
        color: #888;
        font-size: 18px;
    }

.utf_listing_section {
    display: inline-block;
    width: 100%;
}

    .utf_listing_section img {
        -o-object-fit: cover;
        object-fit: cover;
    }

    .utf_listing_section p {
        font-size: 15px;
        line-height: 27px;
    }

/*==========
  Pricing Info Style
============*/
.pricing_info {
    overflow: hidden;
    padding: 10px 0 30px;
}

    .pricing_info p {
        display: inline-block;
        line-height: 50px;
        margin: 0 auto;
        vertical-align: middle;
    }

.listing_price {
    font-size: 32px;
    color: #323232;
    font-weight: 600;
}

    .listing_price span {
        color: #ff2222;
    }

.listing_message {
    float: right;
    margin: 0 auto;
}

    .listing_message .btn {
        background-color: #ff2222;
        top: 0;
        padding: 10px 20px;
        color: #fff;
        position: relative;
        font-size: 15px;
        font-weight: 600;
        display: inline-block;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        cursor: pointer;
        margin-right: 6px;
        overflow: hidden;
        border: none;
        border-radius: 6px;
    }

        .listing_message .btn i {
            margin-right: 10px;
        }

ul.listing_item_social {
    margin-top: 15px;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    padding-left: 0;
    position: relative;
    z-index: 99;
}

.listing_item_social li {
    float: left;
    list-style: none;
    margin-right: 10px;
    overflow: hidden;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-bottom: 0px;
}

    .listing_item_social li a {
        padding: 2px 15px;
        display: inline-block;
        color: #888;
        font-size: 13px;
        font-weight: 600;
        border-radius: 4px;
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.1);
        text-decoration: none;
        line-height: 26px;
    }

    .listing_item_social li i {
        margin-right: 5px;
        color: #b5b5b5;
    }

    .listing_item_social li a:hover i {
        color: #fff;
    }

    .listing_item_social li a:hover {
        color: #fff;
        background: #ff2222;
        border-color: #ff2222;
    }

    .listing_item_social li a.now_open {
        color: #ffffff;
        background: #54ba1d;
        border-color: #54ba1d;
    }

        .listing_item_social li a.now_open:hover {
            color: #54ba1d;
            background: #ffffff;
            border-color: #54ba1d;
        }

    .listing_item_social li a.close_now {
        color: #ffffff;
        background: #e91721;
        border-color: #e91721;
    }

        .listing_item_social li a.close_now:hover {
            color: #e91721;
            background: #ffffff;
            border-color: #e91721;
        }

#utf_single_listingmap {
    height: 400px;
    border-radius: 3px;
}

#utf_single_listing_map_block {
    height: 410px;
    position: relative;
    padding-top: 5px;
    display: block;
}

.utf_listing_features {
    width: 100%;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    columns: 3;
    font-size: 16px;
    -webkit-columns: 3;
    -moz-columns: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .utf_listing_features.checkboxes li {
        color: #707070;
        font-weight: 400;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        margin: 0 0 0 20px !important;
        padding: 0 0 0 30px;
    }

    .utf_listing_features li:last-child {
        margin: 0;
    }

    .utf_listing_features li span,
    .utf_listing_features.checkboxes li {
        color: #707070;
        margin: 0;
    }

.tourItem .utf_listing_features.checkboxes li:before {
    top: 5px;
}

#hotelDetail .utf_listing_features.checkboxes li:before {
    top: 5px;
}

.utf_listing_features.checkboxes li:before {
    display: inline-block;
    width: 19px;
    height: 19px;
    position: relative;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    background-color: #5cb8b9;
    border: 2px solid transparent;
    -webkit-transition: border-color 0s;
    -o-transition: border-color 0s;
    transition: border-color 0s;
    border-radius: 12px;
    position: absolute;
    left: 0;
    top: 5px;
}

.db-tile h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 25px 30px;
    color: #333;
    background-color: #fff;
    display: block;
    border-bottom: 1px solid #eaeaea;
    border-radius: 4px 4px 0 0;
}

.dashboard-list-box {
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);
    border-radius: 6px;
}

    .dashboard-list-box .table thead th {
        vertical-align: bottom;
        border-bottom: 0.125rem solid #dee2e6;
    }

        .dashboard-list-box .table thead th.btn_booking_invoice {
            width: 145px;
        }

    .dashboard-list-box .table td,
    .dashboard-list-box .table th {
        padding: 10px 30px 10px 30px;
        vertical-align: middle;
    }

    .dashboard-list-box .button i {
        font-size: 16px;
        padding-right: 0px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

.badge-primary {
    color: #ffffff;
    background-color: #64bc36;
}

.btn-primary.focus,
.btn-primary:focus {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(94, 114, 228, 0.5);
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(94, 114, 228, 0.5);
}

.badge-danger {
    color: #ffffff;
    background-color: #61b2db;
}

.badge-canceled {
    color: #ffffff;
    background-color: #ee3535;
}

.dashboard-list-box .badge {
    display: inline-block;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
    border-radius: 4px;
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotate(90deg);
    transform: rotateZ(90deg);
}

.rounded-circle {
    border-radius: 30px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .utf_dashboard_list_box {
        display: -ms-inline-grid;
        display: inline-grid;
        width: 100%;
        overflow-x: auto;
        border: 0px;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .table-responsive {
        overflow: scroll;
        width: 100%;
        border: 0px;
        display: -ms-inline-grid;
        display: inline-grid;
    }

    .utf_hosted_by_avatar_listing {
        top: 0;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.utf_listing_titlebar .utf_room_detail {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .utf_listing_titlebar .utf_room_detail ul {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-top: 5px;
    }

        .utf_listing_titlebar .utf_room_detail ul li {
            display: inline-block;
            font-weight: 600;
            color: #888;
            position: relative;
            font-size: 13px;
            line-height: 16px;
            border-radius: 4px;
            padding: 8px 15px;
            margin-right: 6px;
            background: #ffffff;
            border: 1px solid rgba(0, 0, 0, 0.1);
        }

@media (max-width: 639px) {
    .utf_listing_titlebar .utf_room_detail ul li {
        margin-bottom: 10px;
    }

    .hotelDetailSidebar .utf_box_widget h3 {
        font-size: 15px;
    }
}

/*==========
  Pricing List Container Style
============*/
.utf_pricing_list_section h4 {
    color: #ffffff;
    background-color: #ff2222;
    border-bottom: 1px solid #ff2222;
    width: 100%;
    padding: 20px;
    border-radius: 4px 4px 0 0;
    position: relative;
    z-index: 10;
    font-size: 20px;
    margin: 0;
    display: block;
    font-weight: 600;
}

    .utf_pricing_list_section h4:after {
        width: 100%;
        height: 100%;
        border-radius: 4px 4px 0 0;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        background-color: #66676b;
        opacity: 0.05;
        z-index: 9;
    }

.utf_pricing_list_section {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

    .utf_pricing_list_section ul {
        list-style: none;
        padding: 0;
        background: #f9f9f9;
        margin-bottom: 35px;
    }

        .utf_pricing_list_section ul:last-child {
            margin-bottom: 0;
        }

        .utf_pricing_list_section ul li:last-child {
            border-bottom: 0;
        }

        .utf_pricing_list_section ul li {
            padding: 15px 20px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            padding-right: 70px;
            position: relative;
        }

            .utf_pricing_list_section ul li:hover {
                background: #fff;
            }

            .utf_pricing_list_section ul li:last-child {
                border-radius: 0 0 4px 4px;
            }

                .utf_pricing_list_section ul li:last-child span {
                    background: #54ba1d;
                    color: #fff;
                    border: 0;
                    font-size: 16px;
                    font-weight: 600;
                }

    .utf_pricing_list_section h5 strong {
        font-weight: 600;
    }

    .utf_pricing_list_section ul li:last-child span strong {
        font-weight: 600;
    }

    .utf_pricing_list_section p,
    .utf_pricing_list_section h5 {
        padding: 0;
        font-size: 15px;
        margin: 0;
        display: inline-block;
        width: 100%;
    }

    .utf_pricing_list_section h5 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 1px;
        font-weight: 600;
    }

    .utf_pricing_list_section p {
        color: #777;
        line-height: 24px;
        margin-top: 0px;
    }

        .utf_pricing_list_section p strong {
            font-weight: 600;
        }

    .utf_pricing_list_section sub.ppl-offer {
        padding: 3px 8px;
        font-size: 13px;
        line-height: 1.6;
        font-weight: 600;
        border-radius: 4px;
        position: relative;
        top: 0;
        margin-left: 0.8rem;
    }

    .utf_pricing_list_section .label-light-success {
        background-color: #e8fdeb;
        color: #27b737;
    }

    .utf_pricing_list_section .label-light-danger {
        background-color: #f9e7eb;
        color: #ff3838;
    }

    .utf_pricing_list_section span {
        position: absolute;
        right: 20px;
        top: 50%;
        font-weight: 600;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        font-size: 16px;
        color: #626262;
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.1);
        padding: 2px 12px;
        border-radius: 4px;
        vertical-align: middle;
        text-align: center;
    }

/*==========
  Show More Style
============*/
.show-more {
    height: 450px;
    overflow: hidden;
    position: relative;
    -webkit-transition: margin 0.4s;
    -o-transition: margin 0.4s;
    transition: margin 0.4s;
}

    .show-more:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 180px;
        display: block;
        background: -o-linear-gradient(rgba(255, 255, 255, 0), #fff 88%);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(88%, #fff));
        background: linear-gradient(rgba(255, 255, 255, 0), #fff 88%);
        z-index: 9;
        opacity: 1;
        visibility: visible;
        -webkit-transition: 0.8s;
        -o-transition: 0.8s;
        transition: 0.8s;
    }

    .show-more.visible {
        margin-bottom: 20px;
    }

        .show-more.visible:after {
            opacity: 0;
            visibility: hidden;
        }

.show-more-button {
    position: relative;
    font-weight: 500;
    font-size: 16px;
    left: 0;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    text-align: center;
    display: inline-block;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 5px 20px;
    color: #fff;
    background-color: #f38e26;
    border-radius: 4px;
    top: -10px;
    min-width: 130px;
}

    .show-more-button:hover,
    .show-more-button:focus {
        color: #fff;
    }

    .show-more-button:before {
        content: attr(data-more-title);
    }

    .show-more-button.active:before {
        content: attr(data-less-title);
    }

    .show-more-button i {
        margin-left: 6px;
        color: #fff;
        font-weight: 500;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .show-more-button.active i {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

/*==========
  Comments Style
============*/
.dashboard_review_item .utf_comment_content {
    padding-bottom: 0;
    border-bottom: 0;
}

.comments {
    margin: -10px 0 0 0;
}

    .comments h4 {
        margin-bottom: 25px;
        font-size: 20px;
        font-weight: 500;
        color: #333;
    }

        .comments h4 span {
            font-size: 18px !important;
            font-weight: 500;
            display: inline-block;
        }

.comment {
    font-size: 20px;
}

.comments .button {
    margin: 0 0 10px 0;
    padding: 7px 15px;
}

.comments.reviews .button {
    margin: 0;
}

.comments ul {
    padding-left: 0;
}

    .comments ul li {
        display: block;
        width: 100%;
    }

        .comments ul li,
        .comments ul li ul li,
        .comments ul li ul li ul li,
        .comments ul li ul li ul li {
            margin: 30px 0 0 0px;
        }

            .comments ul li ul {
                margin: 0 0 0 100px;
            }

.utf_comment_content p {
    margin: 0;
    line-height: 25px;
}

.utf_listing_section .utf_comment_content,
.comments .utf_comment_content {
    color: #666;
    padding: 0 0 0px 100px;
}

.utf_comment_content a.rate-review {
    position: absolute;
    right: 20px;
    top: 10px;
    font-weight: 600;
    margin-top: 10px;
}

.utf_dashboard_list_box .utf_comment_content {
    color: #666;
    padding: 0 0 0px 100px;
    border-bottom: 0;
}

.comments ul li {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 10px;
}

.utf_dashboard_list_box .utf_comment_content {
    color: #666;
    padding: 0 0 0px 100px;
    border-bottom: 0;
}

.comments ul li {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 20px;
    border-radius: 4px;
}

.utf_comment_content strong {
    padding-right: 5px;
    color: #666;
}

.utf_comment_content span {
    color: #888;
}

body .utf_comment_content p {
    padding: 5px 0;
    font-size: 15px;
    font-weight: 400;
}

.comments-amount {
    color: #888;
    font-weight: 500;
}

.avatar {
    display: inline-block;
    float: left;
    padding: 0 20px 0 20px;
    position: absolute;
    left: 0px;
}

.utf_listing_section .utf_listing_reviews .avatar {
    padding: 0 20px 0 20px;
}

.utf_listing_section .utf_comment_content a.rate-review {
    right: 20px;
    top: 10px;
}

.dashboard_review_item .avatar,
.utf_listing_reviews .avatar {
    padding: 0;
    width: 55px;
}

.dashboard_review_item .utf_by_comment,
.utf_listing_reviews .utf_by_comment {
    padding-top: 0;
}

.dashboard_review_item a.rate-review,
.utf_listing_reviews a.rate-review {
    right: 0;
    top: 0;
}

.avatar img {
    width: 35px;
    height: 35px;
    border-radius: 50px;
}

#viewWeblog .content .avatar img {
    width: 35px;
    height: 35px;
    border-radius: 50px;
}

.utf_by_comment {
    width: 100%;
    padding-bottom: 0;
    padding-top: 5px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    display: inline-block;
}

    .utf_by_comment h5 {
        margin: 0 0 7px 0;
    }

    .utf_by_comment a.reply,
    .utf_by_comment a.reply i {
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .utf_by_comment a.reply {
        display: inline;
        background-color: #f0f0f0;
        padding: 5px 12px;
        line-height: 22px;
        font-size: 12px;
        color: #333;
        font-weight: 600;
        position: absolute;
        right: 15px;
        top: 15px;
        border-radius: 4px;
    }

        .utf_by_comment a.reply i {
            font-size: 12px;
            margin-left: 4px;
        }

    .utf_by_comment .numerical-rating {
        margin: 4px 0 0 0;
    }

    .utf_by_comment .numerical-rating,
    .utf_by_comment .utf_star_rating_section {
        float: left;
        width: 100%;
    }

    .utf_by_comment .utf_star_rating_section {
        display: block;
        font-size: 14px;
    }

    .utf_by_comment a.reply:hover {
        background-color: #ff2222;
    }

        .utf_by_comment a.reply:hover,
        .utf_by_comment a.reply:hover i {
            color: #fff;
        }

    .utf_by_comment span.date {
        color: #888;
        font-size: 13px;
        font-weight: 600;
        margin: 0px 0 0 0;
        float: none;
        display: block;
        text-align: left;
    }

        .utf_by_comment span.date i {
            font-size: 14px;
            margin-right: 2px;
        }

/*==========
  Review Style
============*/
.review-images {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 5px;
}

    .review-images a {
        -webkit-box-flex: 4;
        -ms-flex: 4;
        flex: 4;
        width: 80px;
        height: 80px;
        float: left;
        margin-right: 15px;
        border-radius: 50px;
        margin-bottom: 10px;
        border: 3px solid rgba(0, 0, 0, 0.06);
    }

        .review-images a img {
            border-radius: 50px;
            min-height: 74px;
        }

.utf_add_review-box {
    border-radius: 4px;
    background-color: #f9f9f9;
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 70px;
    margin-top: 70px;
    display: inline-block;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.openCommentBox {
    margin-top: 9px;
    font-size: 14px;
    border: 1px solid #73c9ca;
    background-color: #fff;
    color: #73c9ca;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 17px;
    border-radius: 6px;
    height: 33px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .openCommentBox.rotate {
        background-color: #73c9ca;
        color: #fff;
    }

    .openCommentBox i {
        margin-right: 5px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .openCommentBox.rotate i {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.utf_add_review-box h3 {
    margin-top: 17px;
    margin-right: 0;
    line-height: 16px;
    font-size: 19px;
}

#frm_add_comment {
    display: block;
    padding-bottom: 0;
    width: 100%;
}

.utf_add_comment label span {
    color: #e24747;
}

.utf_add_comment input {
    margin: 0 0 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    font-size: 14px;
    font-weight: 300;
}

.utf_add_comment textarea,
.utf_add_comment input {
    -webkit-box-shadow: 0 0 5.8px 1.2px rgba(225, 225, 225, 0.57);
    box-shadow: 0 0 5.8px 1.2px rgba(225, 225, 225, 0.57);
}

.utf_add_comment textarea {
    margin: 0 0 30px 0;
    width: 100%;
    min-width: 100%;
    min-height: 130px;
    resize: vertical;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.utf_add_comment .button {
    min-width: 160px;
}

.utf_add_comment .button,
#contactform .submit {
    text-align: center;
    margin: 0 auto;
    display: block;
    border: 0;
}

.utf_leave_rating {
    height: 38px;
    float: left;
    background: #fff;
    padding: 9px 3px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 0px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px 0px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 3px 0px rgb(0 0 0 / 5%);
    border: 1px solid #dbdbdb;
    outline: none;
}


#mainContainerOfNatureDetail .utf_leave_rating:hover input[type="radio"]:checked ~ label,
.contentAgency .utf_leave_rating:hover input[type="radio"]:checked ~ label {
    color: #dadada;
}



.utf_leave_rating input[type="radio"] {
    display: none;
}


#mainContainerOfNatureDetail .utf_leave_rating input[type="radio"]:checked ~ label,
.contentAgency .utf_leave_rating input[type="radio"]:checked ~ label {
    color: #ffc600;
}


.utf_leave_rating label {
    font-size: 20px;
    float: left;
    color: #dddddd;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 0 2px;
}


#mainContainerOfNatureDetail .utf_leave_rating label:hover,
#mainContainerOfNatureDetail .utf_leave_rating label:hover ~ label,
.contentAgency .utf_leave_rating label:hover,
.contentAgency .utf_leave_rating label:hover ~ label {
    color: #ffc600 !important;
}



.utf_leave_rating_title {
    display: block;
    font-weight: 400;
    margin: 28px 0 10px;
}

.utf_add_review-photos {
    font-weight: 600;
    padding: 6px 7px;
    color: #666;
    background-color: #ededed;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    width: auto;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    line-height: 20px;
    float: right;
    top: -25px;
}

.photoUpload {
    position: relative;
    overflow: hidden;
    padding: 3px 12px;
    cursor: pointer;
}

    .photoUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.utf_add_review-photos:hover {
    color: #fff;
    background-color: #66676b;
}

.utf_add_review-photos i {
    color: #66676b;
    margin-right: 3px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-size: 16px;
    position: relative;
    top: 2px;
}

.utf_add_review-photos:hover i {
    color: #fff;
}

a.rate-review {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    font-size: 13px;
    color: #666;
    font-weight: 500;
    padding: 5px 15px;
    margin-top: 20px;
    display: inline-block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    a.rate-review span {
        border-left: 1px solid #e0e0e0;
        line-height: 20px;
        padding-left: 10px;
        margin-left: 5px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        color: #666;
    }

    a.rate-review i {
        padding-left: 5px;
        font-size: 15px;
        vertical-align: initial;
    }

    a.rate-review:hover span {
        border-color: #d0d0d0;
    }

    a.rate-review:hover {
        color: #fff;
        border-color: #ff2222;
        background-color: #ff2222;
    }

/*==========
  Pagination Style
============*/
.pagination {
    margin: 10px 0 0 0;
    text-align: center;
    overflow: hidden;
}

.pagination-next-prev {
    position: relative;
    top: -66px;
}

.pagination ul li {
    display: inline-block;
    margin: 0 2px;
    padding: 0;
}

    .pagination ul li a,
    .pagination-next-prev ul li a {
        padding: 12px 0;
        border-bottom: none;
        display: inline-block;
        color: #333;
        background-color: #73c9ca;
        font-weight: 600;
        margin: 0;
        line-height: 22px;
        -webkit-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        font-size: 16px;
        border: solid 1px #65b1b1;
    }

    .pagination ul li a {
        border-radius: 50%;
        width: 40px;
        height: 40px;
        padding: 0;
        font-weight: 700;
        line-height: 40px;
    }

        .pagination ul li a i {
            font-size: 12px;
            line-height: 40px;
            font-weight: 700;
        }

    .pagination ul li.blank {
        color: #a0a0a0;
        padding: 0 6px;
    }

    .pagination ul li a.current-page,
    .pagination .current,
    .pagination ul li a:hover,
    .pagination-next-prev ul li a:hover {
        background-color: #ff2222;
        color: #fff;
    }

.pagination-next-prev a.next {
    float: right;
}

.pagination-next-prev a.prev {
    float: left;
}

.pagination-next-prev ul li a {
    color: #333;
    padding: 12px 16px;
    text-transform: uppercase;
}

.pagination ul,
.pagination-next-prev ul {
    padding: 0;
    list-style-type: none;
}

.fs-listings .pagination ul li a,
.fs-listings .pagination-next-prev ul li a {
    background-color: transparent;
}

    .fs-listings .pagination ul li a.current-page,
    .fs-listings .pagination .current,
    .fs-listings .pagination ul li a:hover,
    .fs-listings .pagination-next-prev ul li a:hover {
        background-color: #e8e8e8;
        color: #333;
    }

/*==========
  Contact Style
============*/
#contact textarea {
    min-height: 160px;
    margin: 0px 0 25px 0;
}

#contact input {
    margin-bottom: 25px;
}

.loader {
    margin-left: 15px;
}

.submit.disabled:hover,
.submit.disabled {
    background-color: #e8e8e8;
    color: #333;
}

#contact {
    background-color: #f9f9f9;
    border-radius: 4px;
    padding: 30px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

    #contact h4 {
        width: 100%;
        font-size: 20px;
        line-height: 40px;
        padding: 0 0 20px;
        margin: 5px 0 30px 0;
        display: block;
        border-bottom: 1px solid #e8e8e8;
    }

        #contact h4 i {
            margin-right: 10px;
            color: #fff;
            width: 40px;
            height: 40px;
            background: #ff2222;
            padding: 10px;
            border-radius: 50%;
        }

    #contact input.button.submit {
        line-height: 18px;
        height: 46px;
        display: block;
        text-align: center;
        margin: 0 auto 10px auto;
        -webkit-transition: all 0.25s !important;
        -o-transition: all 0.25s !important;
        transition: all 0.25s !important;
    }

    #contact input[type="submit"].submit:hover {
        opacity: 0.92;
    }

.contact-sent {
    background-color: #ebf6e0;
    color: #5f9025;
    padding: 20px 26px;
    margin-bottom: 30px;
    border-radius: 3px;
}

.address-container {
    background-color: #2b2c30;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    width: 100%;
    position: relative;
    height: 100%;
}

    .address-container:before {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        background-color: #333;
        opacity: 0.7;
    }

.utf_contact_map {
    display: block;
}

    .utf_contact_map #utf_single_listing_map_block {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative;
        padding-top: 0;
    }

    .utf_contact_map .address-box-container {
        -webkit-box-flex: 0;
        -ms-flex: 0 auto;
        flex: 0 auto;
        width: 440px;
        height: auto;
    }

    .utf_contact_map #utf_single_listing_map_block #utf_single_listingmap {
        height: 100%;
        width: 100%;
    }

@media (min-width: 1680px) {
    .utf_contact_map .address-box-container {
        height: 480px;
    }
}

@media (max-width: 1440px) {
    .utf_contact_map .address-box-container {
        height: auto;
    }
}

/*==========
  Sidebar Style
============*/
.utf_sidebar_textbox {
    display: inline-block;
    width: 100%;
    padding-right: 0px;
}

    .utf_sidebar_textbox.color {
        background-color: #666;
        color: #fff;
    }

        .utf_sidebar_textbox.color h4 {
            color: #fff;
        }

    .utf_sidebar_textbox h4 {
        font-size: 16px;
        margin: 0;
        padding: 0;
        margin-bottom: 16px;
    }

    .utf_sidebar_textbox span {
        color: #666;
    }

    .utf_sidebar_textbox.color span {
        color: #fff;
    }

    .utf_sidebar_textbox ul.utf_contact_detail {
        list-style: none;
        padding: 5px 0 0 0;
        margin-bottom: 0;
    }

        .utf_sidebar_textbox ul.utf_contact_detail strong {
            font-weight: 500;
        }

        .utf_sidebar_textbox ul.utf_contact_detail li {
            text-align: left;
            position: relative;
            width: 100%;
            display: inline-block;
            padding: 10px 0;
            line-height: 28px;
            border-bottom: 1px solid #e8e8e8;
        }

            .utf_sidebar_textbox ul.utf_contact_detail li a {
                color: #ff2222;
            }

            .utf_sidebar_textbox ul.utf_contact_detail li strong {
                display: inline-block;
                color: #333;
                font-weight: 600;
            }

            .utf_sidebar_textbox ul.utf_contact_detail li i {
                height: 100%;
                position: absolute;
                left: 0;
                font-size: 22px;
                color: #333;
                top: 0px;
            }

/*==========
  Blog Post Style
============*/
.utf_blog_post {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    margin: 15px 0;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

section.fullwidth_block .utf_blog_post {
    margin: 5px 0 0 0;
}

.utf_post_img {
    position: relative;
    height: 100%;
    width: 100%;
    display: block;
}

    .utf_post_img img {
        width: 100%;
        border-radius: 4px 4px 0 0;
    }

    .utf_post_img:after {
        position: absolute;
        height: 100%;
        width: 100%;
        display: block;
        top: 0;
        left: 0;
        content: "";
        z-index: 9;
        opacity: 0.1;
        background: #333;
        -webkit-transition: opacity 0.4s;
        -o-transition: opacity 0.4s;
        transition: opacity 0.4s;
        border-radius: 4px 4px 0 0;
    }

    .utf_post_img:hover:after {
        opacity: 0.5;
    }

    .utf_post_img:hover:before {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.utf_post_content {
    padding: 38px;
}

    .utf_post_content p {
        margin: 15px 0 0;
        color: #848484;
        font-size: 15px;
        line-height: 27px;
    }

    .utf_post_content h3 {
        margin: 0;
        line-height: 34px;
        font-size: 22px;
        font-weight: 600;
    }

        .utf_post_content h3 a {
            color: #333;
        }

            .utf_post_content h3 a:hover {
                color: #ff2222;
            }

    .utf_post_content .meta-tags span {
        margin: 0 0 15px 0;
        display: inline-block;
        color: #888;
    }

    .utf_post_content a.read-more {
        color: #ff2222;
        margin: 22px 0 5px 0;
        font-weight: 500;
        display: inline-block;
    }

a.read-more i {
    font-size: 20px;
    position: relative;
    padding-left: 4px;
    top: 1px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

a.read-more:hover i {
    padding-left: 7px;
}

.utf_post_text_meta {
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
}

    .utf_post_text_meta li {
        display: inline-block;
        color: #999;
        font-size: 15px;
    }

        .utf_post_text_meta li:after {
            content: "";
            width: 1px;
            height: 12px;
            background: #d0d0d0;
            display: inline-block;
            position: relative;
            top: 0px;
            margin: 0 10px;
        }

        .utf_post_text_meta li:last-child:after {
            display: none;
        }

        .utf_post_text_meta li a {
            color: #ff2222;
        }

            .utf_post_text_meta li a:hover {
                color: #888;
            }

.blog-page .utf_blog_post {
    margin: 0 0 35px 0;
}

.blog-page h4.headline_part {
    font-size: 22px !important;
    font-weight: 500;
    position: relative;
}

    .blog-page h4.headline_part:after {
        position: absolute;
        content: "";
        left: 0px;
        bottom: -10px;
        height: 2px;
        width: 40px;
        background-color: #ff2222;
    }

.utf_search_blog_input {
    position: relative;
}

.utf_box_widget .utf_search_blog_input .input:before {
    content: "\e090";
    font-size: 17px;
    color: #a0a0a0;
    position: absolute;
    display: inline-block;
    font-family: "simple-line-icons";
    right: 18px;
    top: 13px;
    margin-bottom: 0;
    background-color: #fff;
    padding-left: 7px;
}

#contact textarea,
#contact input,
.widget .utf_search_blog_input input {
    -webkit-transition: -webkit-box-shadow 0.2s !important;
    transition: -webkit-box-shadow 0.2s !important;
    -o-transition: box-shadow 0.2s !important;
    transition: box-shadow 0.2s !important;
    transition: box-shadow 0.2s, -webkit-box-shadow 0.2s !important;
}

    #contact textarea:focus,
    #contact input:focus,
    .widget .utf_search_blog_input input:focus {
        -webkit-transition: -webkit-box-shadow 0.2s !important;
        transition: -webkit-box-shadow 0.2s !important;
        -o-transition: box-shadow 0.2s !important;
        transition: box-shadow 0.2s !important;
        transition: box-shadow 0.2s, -webkit-box-shadow 0.2s !important;
        -webkit-box-shadow: 0px 4px 12px 0px rgba(21, 128, 199, 0.3);
        box-shadow: 0px 4px 12px 0px rgba(21, 128, 199, 0.3);
    }

/*==========
  Widget Style
============*/
.utf_widget_tabs {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

    .utf_widget_tabs li {
        padding: 0 0 27px 0;
        margin: 24px 0 0 0;
        border-bottom: 1px solid #e0e0e0;
    }

.widget .tab_content {
    padding-bottom: 0;
}

.utf_widget_thum a img {
    display: block;
    width: 95px;
    height: 95px;
    float: left;
    border-radius: 50px;
    margin: 3px 22px 0 0;
}

.utf_widget_thum {
    width: 85px;
    margin-right: 20px;
}

.utf_widget_text h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 5px 0;
}

    .utf_widget_text h5 a {
        color: #4b4b4b;
        font-weight: 600;
    }

        .utf_widget_text h5 a:hover {
            color: #ff2222;
        }

.utf_widget_text span {
    color: #888;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    display: block;
}

    .utf_widget_text span i {
        font-size: 14px;
        margin-right: 2px;
        color: #ff2222;
    }

.utf_widget_thum {
    display: inline-block;
}

    .utf_widget_thum a img {
        width: 85px;
        height: 85px;
    }

.utf_widget_text {
    display: inline-block;
    width: 70%;
    padding: 0;
    position: relative;
    top: -2px;
}

.utf_widget_tabs .utf_widget_content {
    display: table;
}

    .utf_widget_tabs .utf_widget_content .utf_widget_text {
        display: table-cell;
        vertical-align: middle;
    }

.utf_widget_tabs li {
    padding: 0 0 10px 0;
    margin: 15px 0 0 0;
}

    .utf_widget_tabs li:first-child {
        padding: 0 0 10px 0;
        margin: 32px 0 0 0;
    }

    .utf_widget_tabs li:last-child {
        border: none;
        padding-bottom: 0;
    }

.widget h3 {
    background: #f2f2f2;
    padding: 15px 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 0;
    font-weight: 500;
    margin-bottom: 25px;
    border-radius: 10px;
    font-size: 20px;
}

/*==========
  Blog Single Post Style
============*/
.utf_search_blog_input div.input .search-field {
    margin-bottom: 0;
}

.utf_single_post p {
    margin: 20px 0;
}

    .utf_single_post p:last-child {
        margin-bottom: 0px;
    }

.utf_single_post .utf_post_img {
    border-radius: 4px 4px 0 0;
}

.blog-page .utf_blog_post .utf_post_content,
.utf_single_post .utf_post_content {
    padding: 30px;
}

.utf_post_content .social-contact {
    margin: 10px 0 0px 0;
    padding: 15px 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

    .utf_post_content .social-contact a.facebook-link {
        background-color: #3b5998;
    }

    .utf_post_content .social-contact a.twitter-link {
        background-color: #1da1f2;
    }

    .utf_post_content .social-contact a.instagram-link {
        background-color: #e1306c;
    }

    .utf_post_content .social-contact a.linkedin-link {
        background-color: #2877b5;
    }

    .utf_post_content .social-contact a.youtube-link {
        background-color: #f00125;
    }

    .utf_post_content .social-contact a i {
        margin-right: 5px;
    }

    .utf_post_content .social-contact a {
        color: #fff;
        display: inline-block;
        background-color: #e4e4e4;
        font-size: 14px;
        font-weight: 500;
        padding: 4px 15px;
        border-radius: 4px;
        margin-right: 3px;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

        .utf_post_content .social-contact a:hover {
            -webkit-transform: scale(1.04);
            -ms-transform: scale(1.04);
            transform: scale(1.04);
        }

.utf_about_author {
    margin: 10px 0 45px 0;
    padding: 20px 25px;
    border-radius: 4px;
    background: #fcfcfc;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

    .utf_about_author p {
        margin: 5px 0 5px 0;
        color: #848484;
        font-size: 15px;
        line-height: 27px;
    }

    .utf_about_author a {
        position: relative;
        top: -5px;
        font-size: 15px;
        color: #ff2222;
    }

        .utf_about_author a:hover {
            color: #66676b;
        }

    .utf_about_author h4 {
        margin-top: 4px;
        font-size: 22px;
        font-weight: 600;
        letter-spacing: 0;
    }

    .utf_about_author img {
        float: left;
        margin: 7px 5px 5px 5px;
        width: 100px;
        height: 100px;
        border-radius: 10px;
    }

.utf_about_description {
    margin: 2px 0 0 130px;
}

.blog_compact_part-container {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    background: transparent;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    margin-bottom: 30px;
}

    .blog_compact_part-container:hover {
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0);
    }

        .blog_compact_part-container:hover img {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
            -webkit-transition: -webkit-transform 0.35s ease-out;
            transition: -webkit-transform 0.35s ease-out;
            -o-transition: transform 0.35s ease-out;
            transition: transform 0.35s ease-out;
            transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
            -webkit-transition: all 0.55s;
            -o-transition: all 0.55s;
            transition: all 0.55s;
        }

.blog_compact_part {
    background: #ccc;
    border-radius: 4px;
    height: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 360px;
    z-index: 100;
    cursor: pointer;
}

.blog-page .blog_compact_part {
    height: 320px;
}

.blog_compact_part img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.5s ease 0;
    -o-transition: all 0.5s ease 0;
    transition: all 0.5s ease 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    border-radius: 4px;
}

.blog_compact_part:before {
    content: "";
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
    background: -o-linear-gradient( bottom, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0.6) 40%, rgba(22, 22, 23, 0) 80%, rgba(0, 0, 0, 0) 100% );
    background: -webkit-gradient( linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0.9)), color-stop(40%, rgba(0, 0, 0, 0.6)), color-stop(80%, rgba(22, 22, 23, 0)), to(rgba(0, 0, 0, 0)) );
    background: linear-gradient( to top, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0.6) 40%, rgba(22, 22, 23, 0) 80%, rgba(0, 0, 0, 0) 100% );
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    opacity: 0.95;
}

.blog_compact_part_content {
    position: absolute;
    bottom: 25px;
    left: 0;
    padding: 0 20px;
    width: 100%;
    z-index: 50;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .blog_compact_part_content h3 {
        color: #fff;
        font-size: 20px;
        padding: 5px 0;
        font-weight: 500;
        margin: 0px 0 5px 0;
        line-height: 30px;
    }

    .blog_compact_part_content span {
        font-size: 16px;
        font-weight: 300;
        display: inline-block;
        color: rgba(255, 255, 255, 0.7);
    }

    .blog_compact_part_content p {
        font-size: 15px;
        line-height: 24px;
        font-weight: 400;
        display: inline-block;
        color: rgba(255, 255, 255, 0.9);
        margin: 7px 0 0 0;
    }

span.blog-item-tag {
    text-transform: uppercase;
    font-size: 9.7px;
    letter-spacing: 2.5px;
    font-weight: 60;
    background: #66676b;
    border-radius: 4px;
    padding: 5px 16px;
    line-height: 20px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 9px;
    position: absolute;
    top: 30px;
    left: 32px;
    z-index: 110;
}

.blog_post_tag_part {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 0;
    opacity: 0.95;
}

    .blog_post_tag_part li {
        display: inline-block;
        margin-right: 5px;
        font-size: 13px;
        background: #ff2222;
        padding: 0px 12px;
        color: #fff;
        border-radius: 4px;
        font-weight: 500;
        margin-bottom: 5px;
    }

        .blog_post_tag_part li i {
            margin-right: 3px;
            font-weight: normal;
            display: inline-block;
        }

/*==========
  Button Style
============*/
button.button,
input[type="button"],
input[type="submit"],
a.button.border,
a.button {
    background-color: var(--my-orange);
    top: 0;
    padding: 10px 20px;
    color: #fff;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    margin-right: 6px;
    overflow: hidden;
    border: none !important;
    border-radius: 4px;
}

input[type="button"],
input[type="submit"] {
    line-height: 28px;
    height: auto;
    padding: 10px 20px;
}

button.button:before,
a.button:before {
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

button.button:hover:before,
a.button:hover:before {
    opacity: 0.1;
}

a.button.white {
    background-color: #fff;
    color: #333;
}

button.button {
    line-height: 26px;
}

a.button.border:before {
    display: none;
}

.centered_content a.button.border {
    background-color: #ff2222;
    color: #fff;
    -webkit-transition: all 0.5s ease 0;
    -o-transition: all 0.5s ease 0;
    transition: all 0.5s ease 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

    .centered_content a.button.border:hover {
        background-color: transparent;
        color: #ff2222;
        -webkit-transition: all 0.5s ease 0;
        -o-transition: all 0.5s ease 0;
        transition: all 0.5s ease 0;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

a.button.border {
    background-color: transparent;
    color: #57adae;
    border: 1px solid #57adae;
    padding: 8px 15px;
    -webkit-transition: all 0.5s ease 0;
    -o-transition: all 0.5s ease 0;
    transition: all 0.5s ease 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

    a.button.border:hover {
        background-color: #ff2222;
        color: #fff;
        opacity: 1;
        -webkit-transition: all 0.5s ease 0;
        -o-transition: all 0.5s ease 0;
        transition: all 0.5s ease 0;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

    a.button.border.white {
        border-color: #fff;
        color: #fff;
        -webkit-transition: all 0.5s ease 0;
        -o-transition: all 0.5s ease 0;
        transition: all 0.5s ease 0;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

        a.button.border.white:hover {
            background-color: #fff;
            color: #66676b;
            -webkit-transition: all 0.5s ease 0;
            -o-transition: all 0.5s ease 0;
            transition: all 0.5s ease 0;
            -webkit-transition: all 0.5s ease 0s;
            -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
        }

button.button.fullwidth_block,
a.button.fullwidth_block {
    width: 100%;
    text-align: center;
    -webkit-transition: all 0.5s ease 0;
    -o-transition: all 0.5s ease 0;
    transition: all 0.5s ease 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

a.button.white.border:hover {
    color: #333;
    -webkit-transition: all 0.5s ease 0;
    -o-transition: all 0.5s ease 0;
    transition: all 0.5s ease 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.button i {
    padding-right: 4px;
}

.centered_content {
    text-align: center;
}

    .centered_content .button {
        min-width: 130px;
    }

a.button.border {
    font-weight: 500;
}

.utf_progress_button {
    -webkit-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}

    .utf_progress_button span {
        position: relative;
        z-index: 11;
    }

/*==========
  Box Icon Style
============*/
.box_icon_two {
    text-align: center;
    margin-top: 30px;
    position: relative;
    background: #fff;
    padding: 40px 25px 20px 25px;
    -webkit-box-shadow: 0 0px 25px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0px 25px rgba(0, 0, 0, 0.12);
    margin-bottom: 20px;
    border-radius: 10px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

    .box_icon_two:hover {
        -webkit-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0px 30px rgba(0, 0, 0, 0.2);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        -webkit-transform: translate3d(0, -12px, 0);
        transform: translate3d(0, -12px, 0);
    }

        .box_icon_two:hover i {
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-backface-visibility: visible;
            backface-visibility: visible;
            -webkit-animation-name: flip;
            animation-name: flip;
        }

@-webkit-keyframes flip {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    50% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    50% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.box_icon_two i {
    width: 100px;
    height: 100px;
    background: #ff2222;
    border: 5px solid rgba(0, 0, 0, 0.12);
    border-radius: 50%;
    line-height: 100px;
    font-size: 44px;
    line-height: 90px;
    display: inline-block;
    margin-bottom: 10px;
    text-align: center;
    overflow: hidden;
    color: #fff !important;
    position: relative;
    z-index: 11;
}

.box_icon_two span {
    color: #666;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.box_icon_two h4 {
    margin: 4px 0;
    line-height: 26px;
}

.box_icon_two h3 {
    margin: 4px 0;
    line-height: 26px;
    font-size: 20px;
    font-weight: 600;
}

.box_icon_two p {
    margin-top: 20px;
    font-size: 16px;
    line-height: 28px;
    color: #808080;
}

.box_icon_two:hover p {
    color: #000;
}

.box_icon_two i.im-icon-Mail-withAtSign {
    font-size: 48px;
    top: 2px;
}

.icon-box-3 {
    text-align: left;
    padding-left: 90px;
    position: relative;
    width: 100%;
    display: inline-block;
    margin: 20px 0;
}

    .icon-box-3 h4 {
        font-size: 18px;
        font-weight: 600;
    }

    .icon-box-3 i {
        font-size: 54px;
        color: #333;
        height: 60px;
        margin: 10px 0;
        display: inline-block;
        height: 100%;
        position: absolute;
        left: 0;
    }

    .icon-box-3 p {
        color: rgba(51, 51, 51, 0.7);
        margin-top: 3px;
        display: inline-block;
    }

    .icon-box-1.rounded i,
    .box_icon_two.rounded i,
    .icon-box-3.rounded i {
        width: 110px;
        height: 110px;
        background-color: #666;
        border-radius: 50%;
        color: #fff;
        line-height: 110px;
        font-size: 50px;
        display: inline-block;
        margin-bottom: 20px;
        text-align: center;
        overflow: hidden;
    }

.rounded i:before {
    position: relative;
    z-index: 11;
}

.icon-box-1.rounded i,
.box_icon_two.rounded i,
.icon-box-3.rounded i {
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0) rotate(0);
    transform: translate3d(0, 0, 0) rotate(0);
}

body .icon-box-1.rounded:hover i,
body .box_icon_two.rounded:hover i,
body .icon-box-3.rounded:hover i {
    color: #fff;
}

.icon-box-1.rounded i:after,
.box_icon_two.rounded i:after,
.icon-box-3.rounded i:after {
    content: "";
    width: 120%;
    height: 0px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    z-index: 8;
    -webkit-transition: height 0.3s ease-in-out, opacity 0.3s ease-out;
    -o-transition: height 0.3s ease-in-out, opacity 0.3s ease-out;
    transition: height 0.3s ease-in-out, opacity 0.3s ease-out;
    opacity: 0;
    -webkit-transform: translate3d(50%, -50%, 0) scale(1) rotate(45deg);
    transform: translate3d(50%, -50%, 0) scale(1) rotate(45deg);
}

.icon-box-1.rounded:hover i:after,
.box_icon_two.rounded:hover i:after,
.icon-box-3.rounded:hover i:after {
    height: 145%;
    opacity: 0.1;
}

.icon-box-1.rounded.dark i,
.box_icon_two.rounded.dark i,
.icon-box-3.rounded.dark i {
    background-color: #222;
}

.icon-box-1.rounded.light i,
.box_icon_two.rounded.light i,
.icon-box-3.rounded.light i {
    color: #333;
    background-color: #f2f2f2;
}

.icon-box-3.rounded {
    padding-left: 120px;
}

    .icon-box-3.rounded i {
        width: 90px;
        height: 90px;
        font-size: 40px;
        line-height: 90px;
    }

body .white-text {
    color: #fff;
}

.white-text .icon-box-1 p,
.white-text .box_icon_two p,
.white-text .icon-box-3 p,
.white-text .icon-box-4 p {
    color: rgba(255, 255, 255, 0.85);
}

.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text .icon-box-1 h4,
.white-text .box_icon_two h4,
.white-text .icon-box-3 h4,
.white-text .icon-box-4 h4,
.white-text .icon-box-1 i,
.white-text .box_icon_two i,
.white-text .icon-box-3 i,
.white-text .icon-box-4 i {
    color: #fff;
}

@media (max-width: 1659px) {
    .icon-box-3.rounded {
        padding-left: 110px;
    }

        .icon-box-3.rounded i {
            width: 80px;
            height: 80px;
            font-size: 38px;
            line-height: 80px;
        }
}

table.basic-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: none;
    margin-bottom: 15px;
}

    table.basic-table th {
        background-color: #66676b;
        text-align: left;
        color: #fff;
        vertical-align: top;
        font-weight: 500;
    }

        table.basic-table th:first-child {
            border-radius: 4px 0 0 4px;
        }

        table.basic-table th:last-child {
            border-radius: 0 4px 4px 0;
        }

    table.basic-table th,
    table.basic-table td {
        padding: 15px 28px;
    }

    table.basic-table tr:nth-child(odd) {
        background-color: #f6f6f6;
    }

table.basic-table {
    margin-bottom: 0;
}

.share-buttons {
    padding: 0;
    list-style: none;
}

    .share-buttons li {
        display: inline-block;
        margin: 0 6px 8px 0;
    }

        .share-buttons li a {
            background: #fff;
            border: 1px solid #666;
            border-radius: 50px;
            font-weight: 500;
            font-size: 13px;
            padding: 7px 20px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            display: inline-block;
            line-height: 17px;
            font-weight: 500;
        }

            .share-buttons li a:hover {
                color: #fff;
            }

        .share-buttons li i {
            font-size: 16px;
            position: relative;
            right: 3px;
            top: 1px;
        }

        .share-buttons li a.fb-share:hover {
            background: #3b5998;
            color: #fff;
        }

        .share-buttons li a.fb-share {
            border-color: #3b5998;
            color: #3b5998;
        }

        .share-buttons li a.twitter-share:hover {
            background: #1da1f2;
            color: #fff;
        }

        .share-buttons li a.twitter-share {
            border-color: #1da1f2;
            color: #1da1f2;
        }

        .share-buttons li a.gplus-share:hover {
            background: #dd4b39;
            color: #fff;
        }

        .share-buttons li a.gplus-share {
            border-color: #dd4b39;
            color: #dd4b39;
        }

        .share-buttons li a.pinterest-share:hover {
            background: #bd081c;
            color: #fff;
        }

        .share-buttons li a.pinterest-share {
            border-color: #bd081c;
            color: #bd081c;
        }

/*==========
  Posts Nav Style
============*/
#posts-nav {
    padding: 0;
    list-style: none;
    width: 100%;
    position: relative;
    margin: 0;
    display: inline-block;
    min-height: 60px;
}

    #posts-nav li span {
        display: block;
        color: #888;
        font-size: 15px;
        margin-bottom: 1px;
        font-weight: 400;
    }

    #posts-nav li {
        position: absolute;
        font-size: 17px;
        font-weight: 500;
        width: 50%;
    }

        #posts-nav li a {
            -webkit-transition: color 0.3s 0s, -webkit-transform 0.3s;
            transition: color 0.3s 0s, -webkit-transform 0.3s;
            -o-transition: transform 0.3s, color 0.3s 0s;
            transition: transform 0.3s, color 0.3s 0s;
            transition: transform 0.3s, color 0.3s 0s, -webkit-transform 0.3s;
            color: #333;
            display: inline-block;
        }

            #posts-nav li a:hover {
                color: #66676b;
            }

        #posts-nav li.next-post {
            right: 0;
            text-align: right;
        }

        #posts-nav li.prev-post {
            left: 0;
        }

        #posts-nav li.next-post a {
            padding-right: 50px;
        }

        #posts-nav li.prev-post a {
            padding-left: 50px;
        }

            #posts-nav li.prev-post a:before,
            #posts-nav li.next-post a:before {
                font-family: "simple-line-icons";
                font-size: 20px;
                position: absolute;
                color: inherit;
                top: 50%;
                -webkit-transform: translate3d(0, -50%, 0);
                transform: translate3d(0, -50%, 0);
                -webkit-transition: -webkit-transform 0.3s;
                transition: -webkit-transform 0.3s;
                -o-transition: transform 0.3s;
                transition: transform 0.3s;
                transition: transform 0.3s, -webkit-transform 0.3s;
            }

        #posts-nav li.next-post a:before {
            right: 0;
            content: "\e606";
        }

        #posts-nav li.prev-post a:before {
            left: 0;
            content: "\e605";
        }

        #posts-nav li.next-post a:hover:before {
            -webkit-transform: translate3d(5px, -50%, 0);
            transform: translate3d(5px, -50%, 0);
        }

        #posts-nav li.prev-post a:hover:before {
            -webkit-transform: translate3d(-5px, -50%, 0);
            transform: translate3d(-5px, -50%, 0);
        }

/*==========
  Plan Featured Style
============*/
.utf_pricing_container_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
}

.plan {
    text-align: center;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.utf_price_plan {
    width: 100%;
    background: #f2e0f2;
    padding: 45px 30px;
    padding-top: 48px;
}

.plan .utf_price_plan {
    border-radius: 10px;
}

.utf_price_plan h3 {
    margin: 0;
    position: relative;
    color: #888;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

    .utf_price_plan h3::after {
        position: absolute;
        content: "";
        left: 0px;
        bottom: -15px;
        height: 2px;
        width: 40px;
        background-color: #fff;
        right: 0;
        text-align: center;
        margin: 0 auto;
    }

.plan.featured .listing-badge {
    background-color: #fff;
    color: #66676b;
}

.utf_price_plan .value {
    display: block;
    font-size: 36px;
    line-height: 30px;
    font-weight: 600;
    padding: 15px 0 0 0;
    color: #333;
}

.utf_price_plan .period {
    color: #888;
    margin-top: 0px;
    padding: 0;
    display: block;
}

.utf_price_plan_features {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 35px 30px;
    background: #fff;
    border-radius: 0 0 4px 4px;
    margin-bottom: 10px;
}

    .utf_price_plan_features ul {
        list-style: none;
        padding: 0;
    }

        .utf_price_plan_features ul li {
            padding: 6px 0;
            border-radius: 0;
            font-weight: 400;
            border-top: 1px dashed rgba(0, 0, 0, 0.15);
            margin-bottom: 0px;
        }

            .utf_price_plan_features ul li:last-child {
                border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
            }

    .utf_price_plan_features a.button {
        margin-top: 20px;
    }

.plan.featured {
    border-radius: 10px;
    z-index: 11;
}

    .plan.featured .utf_price_plan {
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
        background-color: #ff2222;
        padding: 40px 20px;
        border-radius: 10px 10px 0 0;
    }

        .plan.featured .utf_price_plan h3 {
            color: #fff;
        }

        .plan.featured .utf_price_plan .value {
            color: #fff;
            display: inline-block;
        }

        .plan.featured .utf_price_plan span.value span {
            font-size: 16px;
            font-weight: 400;
            display: inline-block;
        }

        .plan.featured .utf_price_plan .period {
            color: #fff;
            line-height: 24px;
            margin-top: 15px;
        }

.plan a.button {
    border-radius: 4px;
}

.plan.featured .listing-badges .featured {
    background: #fff;
    color: #66676b;
}

.list-4,
.list-3,
.list-2,
.list-1 {
    padding: 3px 0 0 0;
    font-size: 16px;
}

    .list-4 li,
    .list-3 li,
    .list-2 li,
    .list-1 li {
        list-style: none;
        margin: 14px 0;
        line-height: 27px;
        margin-left: 22px;
        position: relative;
    }

    .list-1.alt li {
        margin: 12px 0;
        margin-left: 22px;
    }

    .list-4 li:first-child,
    .list-3 li:first-child,
    .list-2 li:first-child,
    .list-1 li:first-child {
        margin-top: 0;
    }

    .list-4 li:before,
    .list-3 li:before,
    .list-2 li:before,
    .list-1 li:before {
        font-family: "FontAwesome";
        margin: 0;
        position: relative;
        color: #ff2222;
        float: left;
        margin-left: -22px;
        display: block;
    }

    .list-1.gray li:before {
        color: #777;
    }

    .list-4 li:before {
        content: "\f196";
        font-size: 14px;
        top: 1px;
    }

    .list-3 li:before {
        content: "\f059";
        font-size: 15px;
        top: 1px;
    }

    .list-2 li:before {
        content: "\f00b";
        font-size: 14px;
    }

    .list-1 li:before {
        content: "\f0c3";
        font-size: 14px;
    }

    .list-4 li {
        margin-left: 27px;
    }

        .list-4 li:before {
            margin-left: -27px;
        }

.numbered ol {
    counter-reset: li;
    list-style: none;
    padding: 0;
    margin-left: 18px;
    display: inline-block;
    font-size: 16px;
}

    .numbered ol li {
        display: inline-block;
        padding: 6px 0;
        width: 100%;
    }

    .numbered ol > li::before {
        content: counter(li);
        counter-increment: li;
        font-size: 16px;
        line-height: 33px;
        width: 36px;
        height: 36px;
        display: inline-block;
        border: 1px solid #ff2222;
        border-radius: 50%;
        text-align: center;
        margin: 0;
        margin-left: 0;
        font-weight: 500;
        color: #ff2222;
        position: relative;
        float: left;
        left: -18px;
        font-size: 15px;
        -webkit-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
        transform: translateY(-10%);
    }

.numbered.color ol > li::before {
    border: 1px solid #ff2222;
    color: #ff2222;
}

.numbered.color.filled ol > li::before {
    border: 1px solid #ff2222;
    color: #fff;
    background-color: #ff2222;
}

mark.color {
    background-color: #66676b;
    border-radius: 4px;
}

mark {
    border-radius: 4px;
}

.demo h1,
.demo h2,
.demo h3,
.demo h4,
.demo h5,
.demo h6 {
    line-height: 40px;
}

.info-box {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    border-radius: 3px;
    padding: 23px 27px;
    border-top: 2px solid #66676b;
    background: -o-linear-gradient( top, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.95) );
    background: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0.98)), to(rgba(255, 255, 255, 0.95)) );
    background: linear-gradient( to bottom, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.95) );
    background-color: #66676b;
    color: #66676b;
}

    .info-box.no-border {
        border: none;
        background: -o-linear-gradient( top, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.93) );
        background: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0.96)), to(rgba(255, 255, 255, 0.93)) );
        background: linear-gradient( to bottom, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.93) );
        background-color: #66676b;
    }

    .info-box h4 {
        margin: 0;
        font-size: 19px;
        color: #66676b;
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .info-box p {
        margin-bottom: 0;
        font-size: 15px;
        line-height: 26px;
    }

    .info-box.large {
        padding: 36px;
    }

#result .success,
.notification {
    line-height: 24px;
    margin-bottom: 15px;
    position: relative;
    padding: 15px 26px;
    padding-right: 50px;
    border-radius: 3px;
}

    .notification p {
        margin: 0;
        font-size: 15px;
    }

    #result .success,
    .notification.success {
        background-color: #ebf6e0;
    }

        #result .success,
        .notification.success,
        .notification.success a,
        .notification.success strong {
            color: #54ba1d;
        }

    .notification.error {
        background-color: #ffe9e9;
    }

        .notification.error,
        .notification.error a,
        .notification.error strong {
            color: #de5959;
            -webkit-box-shadow: 0 4px 0px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 0px 0 rgba(0, 0, 0, 0.1);
        }

    .notification.warning {
        background-color: #fbfadd;
        -webkit-box-shadow: 0 4px 0px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 4px 0px 0 rgba(0, 0, 0, 0.1);
    }

        .notification.warning,
        .notification.warning a,
        .notification.warning strong {
            color: #8f872e;
        }

    .notification.notice h4 {
        font-size: 19px;
        margin: 3px 0 15px 0;
    }

    .notification.notice h4,
    .notification.notice,
    .notification.notice a,
    .notification.notice strong {
        color: #3184ae;
    }

    .notification.notice {
        background-color: #e9f7fe;
        -webkit-box-shadow: 0 4px 0px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 4px 0px 0 rgba(0, 0, 0, 0.1);
    }

        .notification.notice.large {
            padding: 32px 36px;
        }

#dashboard .success {
    background-color: rgba(84, 186, 29, 0.1);
    border: 1px solid rgba(84, 186, 29, 0.3);
}

#dashboard .notice {
    background-color: #e1f3fc;
}

#dashboard .warning {
    background-color: #f6f4c9;
}

body .notification strong {
    border: none;
    font-weight: 600;
}

.notification.success .close,
.notification.error .close,
.notification.warning .close,
.notification.notice .close {
    padding: 0px 9px;
    position: absolute;
    right: 0;
    top: 18px;
    display: block;
    height: 8px;
    width: 8px;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.notification.notice p span i {
    font-weight: 500;
}

.notification a.button {
    float: right;
    color: #fff;
    margin-top: 3px;
}

.notification.notice a.button {
    background-color: #388fc5;
}

.notification.warning a.button {
    background-color: #dfbe51;
}

.notification.error a.button {
    background-color: #d34c4c;
}

.notification.success a.button {
    background-color: #79ba38;
}

.notification.closeable a.close:before {
    content: "\f00d";
    font-family: "FontAwesome";
    position: absolute;
    right: 25px;
    top: 0;
    cursor: pointer;
}

.img-box {
    height: 300px;
    display: inline-block;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 90;
    margin: 10px 0;
    border-radius: 15px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
}

.img-box-background {
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.55s;
    -o-transition: all 0.55s;
    transition: all 0.55s;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    -webkit-transition: -webkit-transform 0.35s ease-out;
    transition: -webkit-transform 0.35s ease-out;
    -o-transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
}

.img-box:hover .img-box-background {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.img-box:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background-color: #000;
    opacity: 0.5;
    z-index: 99;
    -webkit-transition: all 0.5s ease 0;
    -o-transition: all 0.5s ease 0;
    transition: all 0.5s ease 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.img-box:hover::after {
    visibility: visible;
    opacity: 1;
}

.img-box::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -ms-linear-gradient( 90deg, rgba(245, 84, 142, 0.5) 0, rgba(144, 58, 249, 0.5) 100% );
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease 0;
    -o-transition: all 0.5s ease 0;
    transition: all 0.5s ease 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.utf_img_content_box {
    position: absolute;
    z-index: 101;
    top: 82%;
    left: 25px;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    -webkit-transform: translate(0, -50.5%);
    -ms-transform: translate(0, -50.5%);
    transform: translate(0, -50.5%);
    border-left: 4px solid #ff2222;
    border-radius: 2px;
    padding-left: 20px;
}

    .utf_img_content_box h4 {
        font-size: 18px;
        line-height: 32px;
        font-weight: 600;
        color: #fff;
        margin: 0;
        margin-bottom: 5px;
    }

    .utf_img_content_box span {
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        opacity: 1;
        background: rgba(255, 34, 34, 0.5);
        padding: 2px 7px;
        border-radius: 4px;
    }

.img-box:hover .utf_img_content_box span {
    background: #ff2222;
}

/*==========
  Testimonial Style
============*/
.utf_testimonial_box {
    background: #ccc;
    border-radius: 10px;
    padding: 40px 50px;
    color: #222;
    position: relative;
    margin: 18px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    cursor: -webkit-grab;
    cursor: grab;
}

.utf_testimonial_carousel .slick-slide {
    margin: 0 20px 30px 20px;
    opacity: 0.5;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    pointer-events: all;
}

    .utf_testimonial_carousel .slick-slide.slick-active .utf_testimonial_box {
        background: #ff2222;
        color: #fff;
    }

    .utf_testimonial_carousel .slick-slide.slick-active .testimonial:before {
        color: #ff2222;
    }

.testimonial:before {
    position: absolute;
    margin: 0 auto;
    display: block;
    width: 100%;
    text-align: center;
    bottom: -10px;
    left: 0;
    content: "\f0dd";
    font-family: "FontAwesome";
    font-size: 42px;
    color: transparent;
    background-color: transparent;
    cursor: default;
}

.testimonial,
.testimonial p {
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
}

.utf_testimonial_author {
    display: block;
    width: 100%;
    padding: 20px 0 15px 0;
    text-align: center;
    margin: 0 auto;
}

    .utf_testimonial_author img {
        width: 120px;
        display: inline-block;
        text-align: center;
        height: auto;
        border-radius: 50%;
        border: 5px solid rgba(0, 0, 0, 0.1);
        margin: 0 auto;
    }

    .utf_testimonial_author h4 {
        display: block;
        width: 100%;
        font-size: 18px;
        padding-top: 5px;
        color: #333;
        font-weight: 600;
    }

        .utf_testimonial_author h4 span {
            display: block;
            color: #888;
            padding-top: 10px;
            font-weight: 400;
            font-size: 14px;
        }

.utf_testimonial_box .utf_star_rating_section {
    height: 30px;
    display: inline-block;
    margin-bottom: -10px;
    margin-top: 15px;
}

.info-banner {
    display: block;
    width: 100%;
    padding: 90px 0;
    color: #fff;
    margin: 0;
}

.info-banner-content {
    position: relative;
    z-index: 199;
}

.info-banner.centered {
    text-align: center;
}

.info-banner-content a.button {
    margin: 0 20px -15px 20px;
    position: relative;
}

.flip-banner h1,
.flip-banner h2,
.flip-banner h3,
.flip-banner h4,
.flip-banner h5,
.flip-banner h6,
.flip-banner a,
.info-banner-content h1,
.info-banner-content h2,
.info-banner-content h3,
.info-banner-content h4,
.info-banner-content h5,
.info-banner-content h6,
.info-banner-content a,
.info-banner-content {
    color: #fff;
    display: inline-block;
    margin: 0;
    position: relative;
}

.utf_text_content {
    background: rgba(0, 0, 0, 0.5);
    padding: 50px 0px 50px 0px;
    font-weight: 500;
    z-index: 999;
    position: relative;
}

    .utf_text_content.white-font {
        color: #fff;
        text-align: center;
    }

    .utf_text_content h1,
    .utf_text_content h2,
    .utf_text_content h3,
    .utf_text_content h4,
    .utf_text_content h5 {
        color: #fff;
    }

    .utf_text_content.white-font h1,
    .utf_text_content.white-font h2,
    .utf_text_content.white-font h3,
    .utf_text_content.white-font h4,
    .utf_text_content.white-font h5 {
        color: #fff;
    }

    .utf_text_content a.button {
        padding: 10px 25px;
        font-size: 16px;
        font-weight: 600;
    }

    .utf_text_content.white-font a.button:hover {
        background-color: #fff;
        color: #333;
    }

    .utf_text_content a.button:before {
        display: none;
    }

    .utf_text_content p {
        font-size: 18px;
        font-weight: 400;
        line-height: 30px;
        color: #d6d6d6;
    }

    .utf_text_content h2 {
        margin-bottom: 40px;
        line-height: 46px;
        font-size: 36px;
        font-weight: 600;
    }

.top-1 {
    position: relative;
    top: -1px;
}

.top-0 {
    position: relative;
}

.image-edge {
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden;
    margin: 35px 0 0 0;
    height: 50vw;
    max-height: 640px;
    overflow: hidden;
    padding: 0;
}

    .image-edge #googlemaps,
    .image-edge .google-utf_map_container {
        height: 100%;
    }

.image-edge-content {
    padding: 0;
    top: 50%;
    position: relative;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 50%;
    padding: 0 9%;
}

.image-edge.left .image-edge-content {
    padding-left: 6%;
}

.image-edge-content h3.headline_part {
    width: 100%;
    display: block;
    margin-top: 0;
}

.edge-bg {
    position: absolute;
    width: 50%;
    top: 0;
    right: 0px;
    height: 100%;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

    .edge-bg:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(34, 34, 34, 0.1);
    }

.image-edge.left .image-edge-content {
    left: 50%;
}

.image-edge.left .edge-bg {
    left: 0px;
}

.image-edge.left .container {
    -ms-transform: translateX(54%);
    transform: translateX(54%);
    -webkit-transform: translateX(54%);
}

.image-edge.dark {
    background-color: #282828;
    color: #fff;
}

    .image-edge.dark h1,
    .image-edge.dark h2,
    .image-edge.dark h3,
    .image-edge.dark h4,
    .image-edge.dark h5 {
        color: #fff;
    }

.presentation-content h2,
.image-edge h2 {
    line-height: 56px;
    font-weight: 600;
    font-size: 40px;
    letter-spacing: -0.5px;
}

.presentation-content p,
.image-edge p {
    font-size: 20px;
    color: #828282;
    line-height: 34px;
}

.image-edge.dark p {
    color: rgba(255, 255, 255, 0.8);
}

.image-edge-content ul {
    list-style: none;
    padding: 0;
}

    .image-edge-content ul li {
        margin-bottom: 30px;
    }

        .image-edge-content ul li:last-child {
            margin-bottom: 0px;
        }

.image-edge-content h4 i {
    position: relative;
    top: -1px;
    margin-right: 2px;
}

@media (max-width: 767px) {
    .edge-bg {
        position: relative;
        height: 400px;
        width: 100%;
        display: block;
        left: 0;
        right: 0;
    }

    #titlebar.utf_listing_titlebar span.listing-tag {
        margin-left: 0;
        margin-bottom: 10px;
    }

    .utf_listing_section .utf_listing_reviews .avatar {
        display: none;
    }

    .dashboard_review_item .avatar,
    .utf_listing_reviews .avatar {
        display: none;
    }

    .comments .avatar {
        display: none;
    }

    .utf_listing_section .utf_comment_content,
    .comments .utf_comment_content {
        padding-left: 0;
    }

    .comments .utf_comment_content {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        border-bottom: 1px solid rgb(0 0 0 / 56%);
    }

    .comments > ul > li > .utf_comment_content {
        border-bottom: none;
    }

    .comments > ul > li:last-child > .utf_comment_content {
        border-bottom: none;
    }

    .comments .review-images .utf_comment_content {
        border: none;
    }

    .utf_dashboard_list_box .utf_comment_content {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0px;
        border-bottom: 0;
    }

    .comments ul li,
    .comments ul li ul li {
        padding: 0;
        margin: 0;
        border: 0;
    }

    .utf_listing_section .utf_comment_content a.rate-review {
        right: 0;
        top: -5px;
    }

    .utf_by_comment a.reply {
        right: 0;
    }
}

/*==========
  Flip Banner Style
============*/
.flip-banner {
    display: block;
    width: 100%;
    height: 180px;
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 9999;
}

    .flip-banner:after {
        background-color: #000;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        display: block;
        z-index: 100;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
    }

    .flip-banner:hover:after {
        opacity: 0.6;
    }

.flip-banner-content {
    position: relative;
    top: 50%;
    z-index: 200;
}

.flip-banner h2 {
    font-size: 34px;
    font-weight: 600;
    line-height: 40px;
    position: relative;
    width: 100%;
    display: block;
}

.flip-banner-content .flip-visible,
.flip-banner-content .flip-hidden {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.45s cubic-bezier(0.87, -0.41, 0.19, 1.44);
    -o-transition: all 0.45s cubic-bezier(0.87, -0.41, 0.19, 1.44);
    transition: all 0.45s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}

.flip-banner:hover .flip-banner-content .flip-hidden,
.flip-banner-content .flip-visible {
    opacity: 1;
    visibility: visible;
}

.flip-banner i {
    padding: 0 10px;
}

.flip-banner .sl {
    position: relative;
    top: 1px;
    font-size: 26px;
}

@media (max-width: 767px) {
    .flip-banner .sl {
        font-size: 18px;
    }

    .flip-banner h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .search_categorie_block .col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }
}

/*==========
  Tabs Nav Style
============*/
.utf_tabs_nav {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .utf_tabs_nav li a i {
        padding-right: 5px;
        font-size: 16px;
        top: 1px;
        position: relative;
    }

    .utf_tabs_nav li {
        float: left;
        line-height: 45px;
        padding: 0;
        margin: 0 5px;
        position: relative;
        z-index: 8;
        width: 49%;
        text-align: center;
    }

        .utf_tabs_nav li a,
        .tab-reviews {
            -webkit-transition: all 0.25s ease-in-out;
            -o-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
        }

        .utf_tabs_nav li a {
            border: 2px solid transparent;
            color: #333;
            display: inline-block;
            outline: none;
            padding: 7px 15px;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 500;
            z-index: 11;
            position: relative;
            width: 100%;
        }

            .utf_tabs_nav li a:hover {
                border-color: #66676b;
            }

.tab-reviews {
    color: #aaa;
}

.utf_tabs_nav li.active .tab-reviews {
    color: #fff;
}

.utf_tabs_nav li a:hover,
.utf_tabs_nav li.active a {
    border-color: #66676b;
    color: #66676b;
    z-index: 11;
}

.tab_content {
    padding: 25px;
    position: relative;
    z-index: 10;
    display: inline-block;
    width: 100%;
}

.tab_container {
    overflow: hidden;
    width: 100%;
}

.style-1 .tab_container .tab_content {
    padding: 25px 0 0 0;
}

.element_tab .utf_tabs_nav li {
    width: auto;
}

    .element_tab .utf_tabs_nav li a {
        padding: 0px 12px;
        text-transform: none;
        border-radius: 6px;
        margin-bottom: 10px;
    }

    .element_tab .utf_tabs_nav li a {
        display: block;
        margin: 0 auto;
    }

        .element_tab .utf_tabs_nav li a .motionImages {
            position: relative;
            width: 200px;
            height: 200px;
            overflow: hidden;
        }

            .element_tab .utf_tabs_nav li a .motionImages > div {
                position: absolute;
                top: 0;
                right: 0;
            }

                .element_tab .utf_tabs_nav li a .motionImages > div.natureMotionIcon {
                    right: 36px;
                    -webkit-transition: 0.3s;
                    -o-transition: 0.3s;
                    transition: 0.3s;
                }

                .element_tab .utf_tabs_nav li a .motionImages > div.externalMotionIcon {
                    -webkit-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                    transform: rotate(0deg);
                    z-index: 3;
                }


    .element_tab .utf_tabs_nav li:hover a .motionImages > div.externalMotionIcon,
    .element_tab .utf_tabs_nav li.active a .motionImages > div.externalMotionIcon {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg);
        z-index: 3;
        -webkit-transition: all 0.8s;
        -o-transition: all 0.8s;
        transition: all 0.8s;
    }

    .element_tab .utf_tabs_nav li:hover a .motionImages > div.natureMotionIcon,
    .element_tab .utf_tabs_nav li.active a .motionImages > div.natureMotionIcon {
        -webkit-transform: rotate(365deg);
        -ms-transform: rotate(365deg);
        transform: rotate(365deg);
        z-index: 3;
        -webkit-transition: all 3s;
        -o-transition: all 3s;
        transition: all 3s;
    }

    .element_tab .utf_tabs_nav li:hover a .motionImages > div.internalMotionIcon,
    .element_tab .utf_tabs_nav li.active a .motionImages > div.internalMotionIcon {
        top: -18px;
        right: -18px;
        -webkit-transition: all 0.8s;
        -o-transition: all 0.8s;
        transition: all 0.8s;
    }

    .element_tab .utf_tabs_nav li:hover a .motionImages > div.pilgrimageMotionIcon,
    .element_tab .utf_tabs_nav li.active a .motionImages > div.pilgrimageMotionIcon {
        top: -8px;
        -webkit-transition: all 0.8s;
        -o-transition: all 0.8s;
        transition: all 0.8s;
    }

    .element_tab .utf_tabs_nav li:hover a .motionImages > div:nth-child(3) img,
    .element_tab .utf_tabs_nav li.active a .motionImages > div:nth-child(3) img {
        -webkit-transition: 0.1s;
        -o-transition: 0.1s;
        transition: 0.1s;
        -webkit-filter: invert(73%) sepia(84%) saturate(3040%) hue-rotate(360deg) brightness(102%) contrast(103%);
        filter: invert(73%) sepia(84%) saturate(3040%) hue-rotate(360deg) brightness(102%) contrast(103%);
    }

.element_tab .tab_container {
    border-top: 2px solid #d4d4d4;
    position:relative;
    z-index:1;
}

.tab_content p:last-child {
    margin-bottom: 0;
}

.style_one .tab_container .tab_content {
    padding: 20px 0 0 0;
}

.style-3 .utf_tabs_nav {
    text-align: center;
}

    .style-3 .utf_tabs_nav li {
        float: none;
        line-height: 32px;
        padding: 0;
        margin-right: 4px;
        position: relative;
        z-index: 12;
        display: inline-block;
        text-align: center;
    }

        .style-3 .utf_tabs_nav li a {
            border: none;
            color: #333;
            display: inline-block;
            outline: none;
            padding: 7px 24px;
            text-decoration: none;
            font-size: 14px;
            z-index: 11;
            position: relative;
            margin-bottom: -1px;
            background-color: #fff;
            border-radius: 3px;
            font-size: 13px;
        }

            .style-3 .utf_tabs_nav li a:hover,
            .style-3 .utf_tabs_nav li.active a {
                border-color: #66676b;
                background-color: #66676b;
                color: #fff;
                z-index: 11;
            }

.style-3 .tab_container .tab_content {
    border: none;
    padding: 30px 0 0 0;
}

.style-4 .utf_tabs_nav {
    width: 35%;
    display: table-cell;
}

.style-4 .tab_container {
    width: 65%;
    padding-left: 20px;
    display: table-cell;
    vertical-align: middle;
}

    .style-4 .tab_container .tab_content {
        border: none;
        padding: 10px 0 0 0;
    }

.style-4.tabs {
    display: table;
}

.style-4 .utf_tabs_nav li a {
    float: none;
    width: 90%;
    border: none;
    padding: 0;
    background-color: #fff;
    margin: 0 0 1px 0;
    border: none;
    padding: 9px 24px;
    line-height: 30px;
    border-radius: 3px;
}

.style-4 .utf_tabs_nav li.active a {
    background-color: #66676b;
    color: #fff;
}

.style-4 .utf_tabs_nav li {
    width: 100%;
}

.style-5 .utf_tabs_nav li {
    width: 33.33%;
}

.stytle-5 .tab_container .utf_widget_text {
    position: relative;
    top: 50px;
    -webkit-transform: transitionY(-50%);
    -ms-transform: transitionY(-50%);
    transform: transitionY(-50%);
    display: inline-block;
}

.style-5 .utf_tabs_nav {
    bottom: 5px;
    position: relative;
}

    .style-5 .utf_tabs_nav li a {
        border: none;
        background-color: #f2f2f2;
        color: #333;
        border-radius: 4px;
        padding: 0;
    }

    .style-5 .utf_tabs_nav li.active a {
        background-color: #66676b;
        color: #fff;
    }

.style-5 .tab_container .tab_content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 20px 0 0 0;
}

.rememberme {
    display: block;
    margin-top: 10px;
    cursor: pointer;
}

.utf_signin_form .tab_container {
    overflow: visible;
}

.utf_signin_form .utf_tabs_nav li {
    line-height: 15px;
}


.utf_tabs_nav li img {
    max-width: 200px;
    max-height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}
#installment .utf_tabs_nav li img {
    object-fit: fill !important;
}

.utf_tabs_nav .active .tourgrouptitle {
    color: var(--dark-green) !important;
}
.utf_tabs_nav .active .blackfriday .tourgrouptitle {
    color: var(--my-orange) !important;
}
.utf_signin_form .utf_tabs_nav li a {
    padding: 15px;
    color: #666;
    background: #f4f4f4;
    border-radius: 4px;
}

    .utf_signin_form .utf_tabs_nav li a:hover,
    .utf_signin_form .utf_tabs_nav li.active a {
        color: #66676b;
        width: 100%;
    }

.lis-relative {
    font-size: 16px;
    line-height: 24px;
    color: #707070;
}

    .lis-relative a {
        color: #ff2222;
        font-weight: 500;
    }

        .lis-relative a:hover {
            color: #707070;
        }

/*==========
  Accordion Toggles Style
============*/
.ui-accordion .ui-accordion-header,
.trigger a {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 0;
    line-height: 32px;
    outline: none;
    color: #333;
    font-size: 18px;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #fff;
    -webkit-transition: background-color 0.2s, color 0.2s;
    -o-transition: background-color 0.2s, color 0.2s;
    transition: background-color 0.2s, color 0.2s;
    padding: 20px;
    margin: -1px 0 0 0;
}

    .ui-accordion .ui-accordion-header i,
    .trigger a i {
        font-size: 18px;
        top: 1px;
        position: relative;
        padding-right: 3px;
    }

.style-2 .ui-accordion .ui-accordion-header i,
.style-2 .trigger a i {
    padding-right: 6px;
}

.style-2 .ui-accordion .ui-accordion-header:hover,
.style-2 .trigger a:hover {
    color: #66676b;
}

.trigger.active a,
.ui-accordion .ui-accordion-header-active:hover,
.ui-accordion .ui-accordion-header-active {
    background-color: #73c9ca;
    border-color: #73c9ca;
    color: #fff;
}

.ui-accordion .ui-accordion-header i,
.trigger a i {
    margin: 0 4px 0 0;
    position: relative;
}

.ui-accordion .ui-accordion-content,
.toggle-container {
    padding: 20px 22px;
    border: 1px solid #e0e0e0;
    border-top: none;
}

    .ui-accordion .ui-accordion-content p,
    .toggle-container p {
        margin: 0;
    }

.style-2 .ui-accordion .ui-accordion-header,
.style-2 .trigger a {
    border: none;
    margin: 0;
    padding: 25px 0;
    text-transform: none;
    font-size: 18px;
    font-weight: 500;
    background-color: transparent;
    color: #333;
    padding-right: 60px;
    font-weight: 400;
}

body .style-2 .ui-accordion .ui-accordion-header,
body .style-2 .trigger a {
    text-transform: none;
}

.style-2 .ui-accordion .ui-accordion-content,
.style-2 .toggle-container {
    padding: 0px 0 30px 0;
    border: none;
}

.style-2 .trigger.active a,
.style-2 .ui-accordion .ui-accordion-header-active:hover,
.style-2 .ui-accordion .ui-accordion-header-active {
    background-color: transparent;
    border-color: transparent;
    color: #66676b;
    -webkit-transition: color 0.1s;
    -o-transition: color 0.1s;
    transition: color 0.1s;
}

.style-2 .toggle-wrap:first-child {
    border-top: 1px solid #e0e0e0;
}

.style-2 .ui-accordion .ui-accordion-header,
.style-2 .ui-accordion .ui-accordion-content,
.style-2 .toggle-wrap {
    border-bottom: 1px solid #e0e0e0;
}

.style-2 .trigger a:hover {
    color: #ff2222;
}

.style-2 .trigger.active a {
    color: #ff2222;
}

.style-2 .ui-accordion .ui-accordion-header-active {
    border: none;
}

.accordion h3 .sl-icon-plus,
.trigger .sl-icon-plus {
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 24px;
    -webkit-transform: translate3d(0, -50%, 0) rotate(0);
    transform: translate3d(0, -50%, 0) rotate(0);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.accordion h3.ui-accordion-header-active .sl-icon-plus,
.trigger.active .sl-icon-plus {
    margin-top: 2px;
    -webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
    transform: translate3d(0, -50%, 0) rotate(45deg);
}

.style-2 .ui-accordion-header {
    border: none;
    margin: 0;
    padding: 20px 0;
    padding-right: 0px;
    text-transform: none;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    background-color: transparent;
    color: #333;
    padding-right: 60px;
    padding-left: 10px;
}

/*.style-2 .ui-accordion-header:first-child{
    border-top: 1px solid #e0e0e0;
}*/
.style-2 .ui-accordion-content {
    /*border-bottom: 1px solid #e0e0e0;*/
    border-bottom: none;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
    padding-bottom: 10px;
}

.style-2 .ui-accordion-header {
    /*border-bottom: 1px solid #e0e0e0;	*/
    margin-top: 20px;
    background-color: #fff;
}

.style-2 .ui-accordion-header-active {
    border: none;
}

.style-2 .ui-accordion-header {
    position: relative;
}

.style-2 .accordion h3 .sl-icon-plus {
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 26px;
    -webkit-transform: translate3d(0, -50%, 0) rotate(0);
    transform: translate3d(0, -50%, 0) rotate(0);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.style-2 .ui-accordion-header:hover,
.style-2 .ui-accordion-header-active {
    color: #73c9ca;
    cursor: pointer;
}

.style-2 .accordion h3.ui-accordion-header-active .sl-icon-plus {
    color: #ff2222;
    margin-top: 2px;
    -webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
    transform: translate3d(0, -50%, 0) rotate(45deg);
}

/*==========
  Login Block
============*/
.lost_password a {
    margin: 0;
    color: #666;
    font-size: 16px;
    font-weight: 400;
}

.lost_password:hover a {
    color: #ff2222;
}

.rememberme input {
    margin: 0 2px 0 0;
    display: inline-block;
    min-height: auto;
    width: auto;
}

.myaccount input.button {
    margin-bottom: 0;
}

.form_forgot_part {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    .form_forgot_part .checkboxes label {
        margin-right: 0;
        color: #666;
        font-size: 16px;
        font-weight: 400;
    }

.utf_signin_form label {
    position: relative;
    color: #666;
    font-weight: 500;
    font-size: 16px;
}

    .utf_signin_form label input {
        margin-top: 10px;
        padding-left: 15px;
        height: 50px;
    }

        .utf_signin_form label input[type="checkbox"] {
            height: auto;
        }

.utf_signin_form input {
    -webkit-transition: -webkit-box-shadow 0.2s !important;
    transition: -webkit-box-shadow 0.2s !important;
    -o-transition: box-shadow 0.2s !important;
    transition: box-shadow 0.2s !important;
    transition: box-shadow 0.2s, -webkit-box-shadow 0.2s !important;
}

    .utf_signin_form input:focus {
        -webkit-transition: -webkit-box-shadow 0.2s !important;
        transition: -webkit-box-shadow 0.2s !important;
        -o-transition: box-shadow 0.2s !important;
        transition: box-shadow 0.2s !important;
        transition: box-shadow 0.2s, -webkit-box-shadow 0.2s !important;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
    }

.utf_signin_form label i {
    font-size: 20px;
    color: #a0a0a0;
    position: absolute;
    left: 15px;
    bottom: 11px;
}

.utf_signin_form .button {
    line-height: 30px;
    height: auto;
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 0;
}

/*==========
  Social Icon Style
============*/
.utf_social_icon {
    width: 100%;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 0;
}

    .utf_social_icon li {
        display: inline;
        float: left;
        text-align: left;
        margin-right: 16px;
        margin-top: 10px;
        -ms-transform: scale(1.19);
        transform: scale(1.19);
        -webkit-transform: scale(1.19);
        -webkit-filter: blur(radius);
    }

        .utf_social_icon li a {
            width: 36px;
            height: 36px;
            display: inline-block;
            background-color: #ffffff;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            position: relative;
            overflow: hidden;
            border: 1px solid #f3f3f3;
        }

    .utf_social_icon.fixed li a {
        display: block;
    }

    .utf_social_icon li a i {
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        position: absolute;
        z-index: 20;
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -webkit-filter: blur(radius);
    }

    .utf_social_icon li a:hover,
    .utf_social_icon li a i {
        color: #fff;
    }

    .utf_social_icon li a i {
        top: -30px;
        opacity: 0;
    }

    .utf_social_icon li a:hover i {
        top: 0;
        opacity: 1;
    }

    .utf_social_icon.rounded li a {
        border-radius: 50%;
    }

    .utf_social_icon.border li a {
        background-color: #fff;
        border: 1px solid #e0e0e0;
    }

        .utf_social_icon.border li a:hover {
            border-color: transparent;
        }

    .utf_social_icon.color li a {
        border-color: transparent;
    }

        .utf_social_icon.color li a i,
        .utf_social_icon.color li a:hover i {
            top: 0;
            opacity: 1;
        }

    .utf_social_icon.color a:before {
        opacity: 0;
    }

    .utf_social_icon.fixed {
        position: fixed;
        left: 0;
        padding-left: 2px;
        top: 100px;
        width: 50px;
    }

        .utf_social_icon.fixed li {
            -ms-transform: scale(1.15);
            transform: scale(1.15);
            -webkit-transform: scale(1.15);
            margin-top: 7px;
        }

            .utf_social_icon.fixed li a {
                background-color: rgba(51, 51, 51, 0.35);
            }

                .utf_social_icon.fixed li a:before {
                    color: #fff;
                }

.twitter:before,
.wordpress:before,
.facebook:before,
.linkedin:before,
.steam:before,
.tumblr:before,
.github:before,
.delicious:before,
.instagram:before,
.xing:before,
.amazon:before,
.dropbox:before,
.paypal:before,
.lastfm:before,
.gplus:before,
.yahoo:before,
.pinterest:before,
.dribbble:before,
.flickr:before,
.reddit:before,
.vimeo:before,
.spotify:before,
.rss:before,
.youtube:before,
.blogger:before,
.appstore:before,
.digg:before,
.evernote:before,
.fivehundredpx:before,
.forrst:before,
.stumbleupon:before,
.dribbble:before {
    font-family: "fontello";
    font-size: 16px;
    line-height: 16px;
    color: #a0a0a0;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    position: absolute;
    z-index: 20;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.twitter:before,
.utf_social_icon li a.twitter i {
    font-size: 14px;
}

.twitter i,
.twitter:before {
    margin: 10px 0 0 8px;
}

.twitter:before {
    content: "\54";
    top: 0;
    opacity: 1;
}

.twitter:hover:before {
    top: 30px;
    opacity: 0;
}

.twitter:hover {
    background-color: #3bc1ed !important;
}

.twitter:hover,
.utf_social_icon.color .twitter,
.utf_social_icon.fixed .twitter:hover {
    background-color: #3bc1ed;
    border-color: #3bc1ed;
}

.dribbble i,
.dribbble:before {
    margin: 13px 0 0 13px;
}

.dribbble:before {
    content: "\44";
    top: 0;
    opacity: 1;
}

.dribbble:hover:before {
    top: 30px;
    opacity: 0;
}

.dribbble:hover {
    background-color: #ef5a92 !important;
}

.utf_social_icon.color .dribbble,
.utf_social_icon.fixed .dribbble:hover {
    background-color: #ef5a92;
    border-color: #ef5a92;
}

.facebook i,
.facebook:before {
    margin: 9px 0 0 12px;
}

.facebook:before {
    content: "\66";
    top: 0;
    opacity: 1;
}

.facebook:hover:before {
    top: 30px;
    opacity: 0;
}

.facebook:hover {
    background-color: #4a6d9d !important;
}

.utf_social_icon.color .facebook,
.utf_social_icon.fixed .facebook:hover {
    background-color: #4a6d9d;
    border-color: #4a6d9d;
}

.linkedin i,
.linkedin:before {
    margin: 9px 0 0 8px;
}

.linkedin:before {
    content: "\4c";
    top: 0;
    opacity: 1;
}

.linkedin:hover:before {
    top: 30px;
    opacity: 0;
}

.linkedin:hover {
    background-color: #0b7bb5 !important;
}

.utf_social_icon.color .linkedin,
.utf_social_icon.fixed .linkedin:hover {
    background-color: #0b7bb5;
    border-color: #0b7bb5;
}

.delicious i,
.delicious:before {
    margin: 9px 0 0 12px;
}

.delicious:before {
    content: "\23";
    top: 0;
    opacity: 1;
}

.delicious:hover:before {
    top: 30px;
    opacity: 0;
}

.delicious:hover {
    background-color: #3274d1 !important;
}

.utf_social_icon.color .delicious,
.utf_social_icon.fixed .delicious:hover {
    background-color: #3274d1;
    border-color: #3274d1;
}

.paypal i,
.paypal:before {
    margin: 9px 0 0 12px;
}

.paypal:before {
    content: "\24";
    top: 0;
    opacity: 1;
}

.paypal:hover:before {
    top: 30px;
    opacity: 0;
}

.utf_social_icon.color .paypal,
.utf_social_icon.fixed .paypal:hover {
    background-color: #2e689a;
    border-color: #2e689a;
}

.gplus i,
.gplus:before {
    margin: 9px 0 0 8px;
}

.gplus:before {
    content: "\f0d5";
    top: 0;
    opacity: 1;
}

.gplus:hover:before {
    top: 30px;
    opacity: 0;
}

.gplus:hover {
    background-color: #d53824 !important;
}

.utf_social_icon.color .gplus,
.utf_social_icon.fixed .gplus:hover {
    background-color: #d53824;
    border-color: #d53824;
}

.stumbleupon i,
.stumbleupon:before {
    margin: 9px 0 0 12px;
}

.stumbleupon:before {
    content: "\2f";
    top: 0;
    opacity: 1;
}

.stumbleupon:hover:before {
    top: 30px;
    opacity: 0;
}

.stumbleupon:hover {
    background-color: #eb4924 !important;
}

.utf_social_icon.color .stumbleupon,
.utf_social_icon.fixed .stumbleupon:hover {
    background-color: #eb4924;
    border-color: #eb4924;
}

.fivehundredpx i,
.fivehundredpx:before {
    margin: 9px 0 0 12px;
}

.fivehundredpx:before {
    content: "\30";
    top: 0;
    opacity: 1;
}

.fivehundredpx:hover:before {
    top: 30px;
    opacity: 0;
}

.fivehundredpx:hover {
    background-color: #444 !important;
}

.utf_social_icon.color .fivehundredpx,
.utf_social_icon.fixed .fivehundredpx:hover {
    background-color: #444;
    border-color: #444;
}

.pinterest i,
.pinterest:before {
    margin: 9px 0 0 12px;
}

.pinterest:before {
    content: "\31";
    top: 0;
    opacity: 1;
}

.pinterest:hover:before {
    top: 30px;
    opacity: 0;
}

.pinterest:hover {
    background-color: #cb1f25 !important;
}

.utf_social_icon.color .pinterest,
.utf_social_icon.fixed .pinterest:hover {
    background-color: #cb1f25;
    border-color: #cb1f25;
}

.forrst i,
.forrst:before {
    margin: 9px 0 0 12px;
}

.forrst:before {
    content: "\3a";
    top: 0;
    opacity: 1;
}

.forrst:hover:before {
    top: 30px;
    opacity: 0;
}

.forrst:hover {
    background-color: #40833e !important;
}

.utf_social_icon.color .forrst,
.utf_social_icon.fixed .forrst:hover {
    background-color: #40833e;
    border-color: #40833e;
}

.digg i,
.digg:before {
    margin: 9px 0 0 12px;
}

.digg:before {
    content: "\3b";
    top: 0;
    opacity: 1;
}

.digg:hover:before {
    top: 30px;
    opacity: 0;
}

.digg:hover {
    background-color: #205685 !important;
}

.utf_social_icon.color .digg,
.utf_social_icon.fixed .digg:hover {
    background-color: #205685;
    border-color: #205685;
}

.spotify i,
.spotify:before {
    margin: 9px 0 0 12px;
}

.spotify:before {
    content: "\3d";
    top: 0;
    opacity: 1;
}

.spotify:hover:before {
    top: 30px;
    opacity: 0;
}

.spotify:hover {
    background-color: #6ca405 !important;
}

.utf_social_icon.color .spotify,
.utf_social_icon.fixed .spotify:hover {
    background-color: #6ca405;
    border-color: #6ca405;
}

.reddit i,
.reddit:before {
    margin: 13px 0 0 12px;
}

.reddit:before {
    content: "\3e";
    top: 0;
    opacity: 1;
}

.reddit:hover:before {
    top: 30px;
    opacity: 0;
}

.reddit:hover {
    background-color: #404040 !important;
}

.utf_social_icon.color .reddit,
.utf_social_icon.fixed .reddit:hover {
    background-color: #404040;
    border-color: #404040;
}

.appstore i,
.appstore:before {
    margin: 13px 0 0 14px;
}

.appstore:before {
    content: "\41";
    top: 0;
    opacity: 1;
}

.appstore:hover:before {
    top: 30px;
    opacity: 0;
}

.appstore:hover {
    background-color: #c0c0c0 !important;
}

.utf_social_icon.color .appstore,
.utf_social_icon.fixed .appstore:hover {
    background-color: #c0c0c0;
    border-color: #c0c0c0;
}

.blogger i,
.blogger:before {
    margin: 13px 0 0 13px;
    font-size: 14px;
}

.blogger:before {
    content: "\42";
    top: 0;
    opacity: 1;
}

.blogger:hover:before {
    top: 30px;
    opacity: 0;
}

.blogger:hover {
    background-color: #ff6501 !important;
}

.utf_social_icon.color .blogger,
.utf_social_icon.fixed .blogger:hover {
    background-color: #ff6501;
    border-color: #ff6501;
}

.dribbble i,
.dribbble:before {
    margin: 13px 0 0 13px;
}

.dribbble:before {
    content: "\44";
    top: 0;
    opacity: 1;
}

.dribbble:hover:before {
    top: 30px;
    opacity: 0;
}

.dribbble:hover {
    background-color: #ef5a92 !important;
}

.utf_social_icon.color .dribbble,
.utf_social_icon.fixed .dribbble:hover {
    background-color: #ef5a92;
    border-color: #ef5a92;
}

.evernote i,
.evernote:before {
    margin: 13px 0 0 15px;
}

.evernote:before {
    content: "\45";
    top: 0;
    opacity: 1;
}

.evernote:hover:before {
    top: 30px;
    opacity: 0;
}

.evernote:hover {
    background-color: #6bb130 !important;
}

.utf_social_icon.color .evernote,
.utf_social_icon.fixed .evernote:hover {
    background-color: #6bb130;
    border-color: #6bb130;
}

.table-hover > tbody > tr:hover {
    background-color: #f9f9f9;
}

.flickr i,
.flickr:before {
    margin: 13px 0 0 13px;
}

.flickr:before {
    content: "\46";
    top: 0;
    opacity: 1;
}

.flickr:hover:before {
    top: 30px;
    opacity: 0;
}

.flickr:hover {
    background-color: #136dd5 !important;
}

.utf_social_icon.color .flickr,
.utf_social_icon.fixed .flickr:hover {
    background-color: #136dd5;
    border-color: #136dd5;
}

.rss i,
.rss:before {
    margin: 13px 0 0 14px;
    font-size: 14px;
}

.rss:before {
    content: "\52";
    top: 0;
    opacity: 1;
}

.rss:hover:before {
    top: 30px;
    opacity: 0;
}

.rss:hover {
    background-color: #fe8f00 !important;
}

.utf_social_icon.color .rss,
.utf_social_icon.fixed .rss:hover {
    background-color: #fe8f00;
    border-color: #fe8f00;
}

.youtube i,
.youtube:before {
    margin: 13px 0 0 14px;
    font-size: 18px;
}

.youtube:before {
    content: "\55";
    top: 0;
    opacity: 1;
}

.youtube:hover:before {
    top: 30px;
    opacity: 0;
}

.youtube:hover {
    background-color: #bf2f29 !important;
}

.utf_social_icon.color .youtube,
.utf_social_icon.fixed .youtube:hover {
    background-color: #bf2f29;
    border-color: #bf2f29;
}

.vimeo i,
.vimeo:before {
    margin: 13px 0 0 13px;
    font-size: 14px;
}

.vimeo:before {
    content: "\56";
    top: 0;
    opacity: 1;
}

.vimeo:hover:before {
    top: 30px;
    opacity: 0;
}

.vimeo:hover {
    background-color: #4c8ab0 !important;
}

.utf_social_icon.color .vimeo,
.utf_social_icon.fixed .vimeo:hover {
    background-color: #4c8ab0;
    border-color: #4c8ab0;
}

.xing i,
.xing:before {
    margin: 13px 0 0 14px;
}

.xing:before {
    content: "\58";
    top: 0;
    opacity: 1;
}

.xing:hover:before {
    top: 30px;
    opacity: 0;
}

.xing:hover {
    background-color: #036568 !important;
}

.utf_social_icon.color .xing,
.utf_social_icon.fixed .xing:hover {
    background-color: #036568;
    border-color: #036568;
}

.yahoo i,
.yahoo:before {
    margin: 13px 0 0 11px;
}

.yahoo:before {
    content: "\59";
    top: 0;
    opacity: 1;
}

.yahoo:hover:before {
    top: 30px;
    opacity: 0;
}

.yahoo:hover {
    background-color: #9251a2 !important;
}

.utf_social_icon.color .yahoo,
.utf_social_icon.fixed .yahoo:hover {
    background-color: #9251a2;
    border-color: #9251a2;
}

.amazon i,
.amazon:before {
    margin: 13px 0 0 12px;
}

.amazon:before {
    content: "\61";
    top: 0;
    opacity: 1;
}

.amazon:hover:before {
    top: 30px;
    opacity: 0;
}

.amazon:hover {
    background-color: #2f3842 !important;
}

.utf_social_icon.color .amazon,
.utf_social_icon.fixed .amazon:hover {
    background-color: #2f3842;
    border-color: #2f3842;
}

.steam i,
.steam:before {
    margin: 13px 0 0 11px;
}

.steam:before {
    content: "\62";
    top: 0;
    opacity: 1;
}

.steam:hover:before {
    top: 30px;
    opacity: 0;
}

.steam:hover {
    background-color: #383838 !important;
}

.utf_social_icon.color .steam,
.utf_social_icon.fixed .steam:hover {
    background-color: #383838;
    border-color: #383838;
}

.dropbox i,
.dropbox:before {
    margin: 13px 0 0 13px;
}

.dropbox:before {
    content: "\64";
    top: 0;
    opacity: 1;
}

.dropbox:hover:before {
    top: 30px;
    opacity: 0;
}

.dropbox:hover {
    background-color: #2c92dd !important;
}

.utf_social_icon.color .dropbox,
.utf_social_icon.fixed .dropbox:hover {
    background-color: #2c92dd;
    border-color: #2c92dd;
}

.github i,
.github:before {
    margin: 13px 0 0 13px;
}

.github:before {
    content: "\67";
    top: 0;
    opacity: 1;
}

.github:hover:before {
    top: 30px;
    opacity: 0;
}

.github:hover {
    background-color: #5c7381 !important;
}

.utf_social_icon.color .github,
.utf_social_icon.fixed .github:hover {
    background-color: #5c7381;
    border-color: #5c7381;
}

.lastfm i,
.lastfm:before {
    margin: 13px 0 0 11px;
}

.lastfm:before {
    content: "\6c";
    top: 0;
    opacity: 1;
}

.lastfm:hover:before {
    top: 30px;
    opacity: 0;
}

.lastfm:hover {
    background-color: #d21309 !important;
}

.utf_social_icon.color .lastfm,
.utf_social_icon.fixed .lastfm:hover {
    background-color: #d21309;
    border-color: #d21309;
}

.tumblr i,
.tumblr:before {
    margin: 13px 0 0 15px;
}

.tumblr:before {
    content: "\74";
    top: 0;
    opacity: 1;
}

.tumblr:hover:before {
    top: 30px;
    opacity: 0;
}

.tumblr:hover {
    background-color: #3d658d !important;
}

.utf_social_icon.color .tumblr,
.utf_social_icon.fixed .tumblr:hover {
    background-color: #3d658d;
    border-color: #3d658d;
}

.wordpress i,
.wordpress:before {
    margin: 13px 0 0 14px;
}

.wordpress:before {
    content: "\77";
    top: 0;
    opacity: 1;
}

.wordpress:hover:before {
    top: 30px;
    opacity: 0;
}

.wordpress:hover {
    background-color: #383838 !important;
}

.utf_social_icon.color .wordpress,
.utf_social_icon.fixed .wordpress:hover {
    background-color: #383838;
    border-color: #383838;
}

.instagram i,
.instagram:before {
    margin: 9px 0 0 9px;
}

.instagram:before {
    content: "\f31f";
    top: 0;
    opacity: 1;
}

.instagram:hover:before {
    top: 30px;
    opacity: 0;
}

.instagram:hover {
    background-color: #3f6f94 !important;
}

.utf_social_icon.color .instagram,
.utf_social_icon.fixed .instagram:hover {
    background-color: #3f6f94;
    border-color: #3f6f94;
}

@font-face {
    font-family: "fontello";
    src: url("../fonts/fontello.eot");
    src: url("../fonts/fontello.eot") format("embedded-opentype"), url("../fonts/fontello.woff") format("woff"), url("../fonts/fontello.ttf") format("truetype"), url("../fonts/fontello.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.utf_social_icon li i {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 16px;
    font-size: 16px;
    width: auto;
}

.icon-delicious:before {
    content: "\23";
}

.icon-paypal:before {
    content: "\24";
}

.icon-gplus:before {
    content: "\f0d5";
}

.icon-stumbleupon:before {
    content: "\2f";
}

.icon-fivehundredpx:before {
    content: "\30";
}

.icon-pinterest:before {
    content: "\31";
}

.icon-forrst:before {
    content: "\3a";
}

.icon-digg:before {
    content: "\3b";
}

.icon-spotify:before {
    content: "\3d";
}

.icon-reddit:before {
    content: "\3e";
}

.icon-appstore:before {
    content: "\41";
}

.icon-blogger:before {
    content: "\42";
}

.icon-dribbble:before {
    content: "\44";
}

.icon-evernote:before {
    content: "\45";
}

.icon-flickr:before {
    content: "\46";
}

.icon-linkedin:before {
    content: "\4c";
}

.icon-rss:before {
    content: "\52";
}

.icon-twitter:before {
    content: "\54";
}

.icon-youtube:before {
    content: "\55";
}

.icon-vimeo:before {
    content: "\56";
}

.icon-xing:before {
    content: "\58";
}

.icon-yahoo:before {
    content: "\59";
}

.icon-amazon:before {
    content: "\61";
}

.icon-steam:before {
    content: "\62";
}

.icon-dropbox:before {
    content: "\64";
}

.icon-facebook:before {
    content: "\66";
}

.icon-github:before {
    content: "\67";
}

.icon-lastfm:before {
    content: "\6c";
}

.icon-tumblr:before {
    content: "\74";
}

.icon-wordpress:before {
    content: "\77";
}

.icon-linkedin-rect:before {
    content: "\f31b";
}

.icon-instagram:before {
    content: "\f31f";
}

.utf_listing_section .social-contact {
    margin: 10px 0 20px 0;
    padding: 15px 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

    .utf_listing_section .social-contact a.facebook-link {
        background-color: #3b5998;
    }

    .utf_listing_section .social-contact a.twitter-link {
        background-color: #1da1f2;
    }

    .utf_listing_section .social-contact a.instagram-link {
        background-color: #e1306c;
    }

    .utf_listing_section .social-contact a.linkedin-link {
        background-color: #2877b5;
    }

    .utf_listing_section .social-contact a.youtube-link {
        background-color: #f00125;
    }

    .utf_listing_section .social-contact a i {
        margin-right: 5px;
    }

    .utf_listing_section .social-contact a {
        color: #fff;
        display: inline-block;
        background-color: #e4e4e4;
        font-size: 14px;
        font-weight: 500;
        padding: 4px 15px;
        border-radius: 4px;
        margin-right: 3px;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

        .utf_listing_section .social-contact a:hover {
            -webkit-transform: scale(1.04);
            -ms-transform: scale(1.04);
            transform: scale(1.04);
        }

.agent ul.utf_social_icon,
#footer ul.utf_social_icon,
.listing-share ul.utf_social_icon,
#top-bar ul.utf_social_icon {
    margin: 0;
    padding: 0;
}

#footer ul.utf_social_icon {
    padding-left: 10px;
}

.listing-share .utf_social_icon li a,
.agent .utf_social_icon li a,
#footer .utf_social_icon li a,
#top-bar .utf_social_icon li a {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    border-radius: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    margin-right: 0;
}

.listing-share .utf_social_icon li,
.agent .utf_social_icon li,
#footer .utf_social_icon li,
#top-bar .utf_social_icon li {
    border-radius: 0;
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
    -webkit-filter: blur(radius);
}

    .listing-share .utf_social_icon li a i,
    .listing-share .utf_social_icon li a:before,
    .agent .utf_social_icon li a i,
    .agent .utf_social_icon li a:before,
    #footer .utf_social_icon li a i,
    #footer .utf_social_icon li a:before,
    #top-bar .utf_social_icon li a i,
    #top-bar .utf_social_icon li a:before {
        -webkit-transform: scale(1.1) translateY(calc(-50% - 2px));
        transform: scale(1.1) translateY(calc(-50% - 2px));
        -moz-transform: scale(1.1) translateY(calc(-50% - 1px));
        -ms-transform: scale(1.1) translateY(-50%);
        left: 0;
        right: 0;
        margin: 0;
        text-align: center;
        margin-top: 58%;
    }

    .listing-share .utf_social_icon li a.twitter i,
    .listing-share .utf_social_icon li a.twitter:before,
    .agent .utf_social_icon li a.twitter i,
    .agent .utf_social_icon li a.twitter:before,
    #footer .utf_social_icon li a.twitter i,
    #footer .utf_social_icon li a.twitter:before,
    #top-bar .utf_social_icon li a.twitter i,
    #top-bar .utf_social_icon li a.twitter:before {
        -webkit-transform: scale(1.1) translateY(calc(-50% - 1px));
        -ms-transform: scale(1.1) translateY(calc(-50% - 1px));
        transform: scale(1.1) translateY(calc(-50% - 1px));
    }

#top-bar .utf_social_icon {
    float: right;
}

    .agent .utf_social_icon li,
    #footer .utf_social_icon li,
    #top-bar .utf_social_icon li {
        margin: 0;
        padding: 0;
        float: left;
        line-height: 0;
    }

        #top-bar .utf_social_icon li a:before,
        #top-bar .utf_social_icon li a i {
            font-size: 14px;
            color: #fff;
        }

        #top-bar .utf_social_icon li .twitter:before,
        #top-bar .utf_social_icon li .twitter i:before {
            font-size: 12px;
        }

        #top-bar .utf_social_icon li a:hover {
            background: #fff !important;
            border-color: transparent;
        }

            #top-bar .utf_social_icon li a:hover i {
                color: #66676b;
            }

        .listing-share .utf_social_icon li a,
        .agent .utf_social_icon li a,
        #footer .utf_social_icon li a {
            width: 44px;
            height: 44px;
            background-color: #ff2222;
            margin-right: 8px;
            border: 1px solid rgba(0, 0, 0, 0.05);
            border-radius: 50%;
        }

.agent .utf_social_icon,
#footer .utf_social_icon {
    position: relative;
    left: -13px;
}

    .agent .utf_social_icon li,
    #footer .utf_social_icon li {
        margin: 0;
        padding: 0;
        float: left;
        line-height: 0;
    }

        .listing-share .utf_social_icon li a i,
        .agent .utf_social_icon li a i {
            font-size: 15px;
            color: #a0a0a0;
        }

        #footer .utf_social_icon li a:before,
        .listing-share .utf_social_icon li a:before,
        .agent .utf_social_icon li a:before {
            font-size: 15px;
            color: #fff !important;
        }

        #footer .utf_social_icon li a i {
            font-size: 15px;
            color: #fff;
        }

        .listing-share .utf_social_icon li .twitter:before,
        .listing-share .utf_social_icon li .twitter i:before,
        .listing-share .utf_social_icon li .vimeo:before,
        .listing-share .utf_social_icon li .vimeo i:before,
        .agent .utf_social_icon li .twitter:before,
        .agent .utf_social_icon li .twitter i:before,
        .agent .utf_social_icon li .vimeo:before,
        .agent .utf_social_icon li .vimeo i:before,
        #footer .utf_social_icon li .twitter:before,
        #footer .utf_social_icon li .twitter i:before,
        #footer .utf_social_icon li .vimeo:before,
        #footer .utf_social_icon li .vimeo i:before {
            font-size: 13px;
        }

        .listing-share .utf_social_icon li a:hover,
        .agent .utf_social_icon li a:hover,
        #footer .utf_social_icon li a:hover {
            background-color: #ececec !important;
            border: 1px solid rgba(0, 0, 0, 0.05);
        }

            .listing-share .utf_social_icon li a:hover i,
            .agent .utf_social_icon li a:hover i,
            #footer .utf_social_icon li a:hover i {
                color: #ff2222;
            }

/*==========
  Check Box Style
============*/
.checkboxes {
    list-style: none;
    padding: 0;
}

.amenities_checkbox {
    width: 100%;
    display: inline-block;
}

    .amenities_checkbox ul {
        list-style-type: none;
        padding-left: 0;
    }

        .amenities_checkbox ul li {
            width: 33%;
            float: left;
        }

.checkboxes.in-row label {
    margin-top: 9px;
}

.checkboxes.one-in-row label {
    margin-top: 9px;
    width: 100%;
}

.checkboxes li {
    padding: 4px 0;
}

    .checkboxes li:last-child {
        margin-bottom: -8px;
    }

.checkboxes label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 28px;
    margin-right: 20px;
    margin-bottom: 0;
    line-height: 24px;
    font-size: 16px;
}

    .checkboxes label span {
        color: #909090;
    }

.checkboxes input[type="checkbox"] {
    display: none;
}

.checkboxes label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 3px;
    background-color: #fff;
    border: 2px solid #d0d0d0;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    font-family: "FontAwesome";
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 15px;
}

.checkboxes input[type="checkbox"]:checked + label:before {
    content: "\f00c";
    background-color: #ff2222;
    border: 2px solid #ff2222;
}

/*==========
  Listing Item Container Style
============*/
.utf_listing_item-container.list-layout {
    margin-bottom: 25px;
    padding: 5px;
    background: #ffffff;
    -webkit-box-shadow: 0px 5px 4px 2px #57c5c733;
    box-shadow: 0px 5px 4px 2px #57c5c733;
    border: 1px solid #57c5c773;
}

    .utf_listing_item-container.list-layout:hover {
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }

    .utf_listing_item-container.list-layout .utf_listing_item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: transparent;
        height: 250px;
    }

        .utf_listing_item-container.list-layout
        .utf_listing_item:hover > .utf_listing_item_content
        h3 {
            color: #ff2222;
        }

        .utf_listing_item-container.list-layout .utf_listing_item:before {
            display: none;
        }

        .utf_listing_item-container.list-layout .utf_listing_item img {
            border-radius: 0;
        }

    .utf_listing_item-container.list-layout .utf_listing_item_content {
        -webkit-box-flex: 5;
        -ms-flex: 5;
        flex: 5;
        position: relative;
        bottom: 0;
        left: 0;
        padding: 0;
        width: 100%;
        z-index: 50;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .utf_listing_item-container.list-layout .utf_listing_item-image {
        min-height: 250px;
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        height: 100%;
        overflow: hidden;
        border-radius: 4px 0 0 4px;
        position: relative;
    }

        .utf_listing_item-container.list-layout .utf_listing_item-image:before {
            position: absolute;
            right: 0;
            left: 0;
            top: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.1);
            -webkit-transition: all 0.6s ease-out 0s;
            -o-transition: all 0.6s ease-out 0s;
            transition: all 0.6s ease-out 0s;
        }

.listings-container .fs-listings .list-layout .utf_listing_item-image {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
}

.utf_listing_item-container.list-layout .utf_listing_item-image:before,
.utf_listing_item-container.list-layout .utf_listing_item-image:after {
    content: "";
}

.utf_listing_item-container.list-layout .utf_listing_item-image:hover:before {
    background-color: rgba(255, 255, 255, 0.2);
    right: 50%;
    left: 50%;
}

.utf_listing_item-container.list-layout .utf_listing_item-image:hover:after {
    background-color: rgba(255, 255, 255, 0.2);
    top: 50%;
    bottom: 50%;
}

.utf_listing_item-container.list-layout .utf_listing_item-image:after {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}

.utf_listing_item-container.list-layout span.like-icon {
    bottom: 15px;
    background-color: #ffffff;
    color: #e52d27;
    right: 15px;
}

    .utf_listing_item-container.list-layout span.like-icon.liked,
    .utf_listing_item-container.list-layout span.like-icon:hover {
        background-color: #e52d27;
        color: #fff;
    }

.utf_listing_item-container.list-layout .utf_listing_item-inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25px;
    padding-right: 20px;
}

.utf_listing_item-inner .utf_star_rating_section .utf_counter_star_rating {
    color: #fff;
}

.utf_listing_item-inner p {
    margin-bottom: 0;
    font-size: 15px;
}

.utf_listing_item-container.list-layout .utf_listing_item-inner h3 {
    color: #333;
    font-weight: 500;
}

.utf_listing_item-container.list-layout .utf_listing_item-inner span {
    color: #808080;
    display: block;
}

.utf_listing_item-container.list-layout .utf_star_rating_section {
    padding: 0px 0 8px 0;
}

.utf_listing_item-container.list-layout .numerical-rating {
    margin: 10px 0 5px 0;
    display: block;
}

.utf_listing_item-container.list-layout .utf_listing_item-details {
    position: absolute;
    bottom: 25px;
    right: 35px;
    left: auto;
    top: auto;
    padding: 0;
    width: auto;
    z-index: 50;
    color: #888;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 14px;
}

.utf_listing_item-container {
    background-color: #f6f6f6;
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 60px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

section.fullwidth_block .utf_listing_item-container,
.fs-content .utf_listing_item-container {
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07);
    background: #ffffff;
}

.fs-content a.utf_listing_item-container {
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
}

    .fs-content a.utf_listing_item-container:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform 0.35s ease-out;
        transition: -webkit-transform 0.35s ease-out;
        -o-transition: transform 0.35s ease-out;
        transition: transform 0.35s ease-out;
        transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
        -webkit-transition: all 0.55s;
        -o-transition: all 0.55s;
        transition: all 0.55s;
    }

section.fullwidth_block .utf_listing_item-container.list-layout {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.utf_listing_item-container:hover {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

.listing_grid_item .utf_listing_item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.35s ease-out;
    transition: -webkit-transform 0.35s ease-out;
    -o-transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
    -webkit-transition: all 0.55s;
    -o-transition: all 0.55s;
    transition: all 0.55s;
}

.listing_tow_column .utf_listing_item {
    height: 400px;
}

.utf_listing_item {
    background: #ccc;
    border-radius: 4px;
    height: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 300px;
    z-index: 100;
    cursor: pointer;
}

.utf_listing_item-container.list-layout .utf_listing_item-image:after {
    content: "";
}

.utf_listing_item-container.list-layout .utf_listing_item-image:hover:before {
    background-color: rgba(255, 255, 255, 0.2);
    right: 50%;
    left: 50%;
}

.utf_listing_item-container.list-layout .utf_listing_item-image:hover:after {
    background-color: rgba(255, 255, 255, 0.2);
    top: 50%;
    bottom: 50%;
}

.utf_listing_item-container.list-layout .utf_listing_item-image:after {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}

.utf_listing_item img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 4px 4px 0 0;
    -webkit-transition: -webkit-transform 0.35s ease-out;
    transition: -webkit-transform 0.35s ease-out;
    -o-transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
    -webkit-transition: all 0.55s;
    -o-transition: all 0.55s;
    transition: all 0.55s;
}

.slick-list .utf_listing_item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.35s ease-out;
    transition: -webkit-transform 0.35s ease-out;
    -o-transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
    -webkit-transition: all 0.55s;
    -o-transition: all 0.55s;
    transition: all 0.55s;
}

.utf_listing_item:before {
    content: "";
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
    background: -o-linear-gradient( bottom, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0.6) 40%, rgba(22, 22, 23, 0) 80%, rgba(0, 0, 0, 0) 100% );
    background: -webkit-gradient( linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0.9)), color-stop(40%, rgba(0, 0, 0, 0.6)), color-stop(80%, rgba(22, 22, 23, 0)), to(rgba(0, 0, 0, 0)) );
    background: linear-gradient( to top, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0.6) 40%, rgba(22, 22, 23, 0) 80%, rgba(0, 0, 0, 0) 100% );
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px 4px 0 0;
    opacity: 1;
}

.utf_listing_item_content {
    position: absolute;
    bottom: 45px;
    left: 0;
    padding: 0 20px;
    width: 100%;
    z-index: 50;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .utf_listing_item_content p {
        color: rgba(255, 255, 255, 0.9);
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        margin-bottom: 0;
    }

.list-layout .utf_listing_item_content p {
    color: #848484;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 0;
}

.utf_listing_item_content h3 {
    color: #fff;
    font-size: 20px;
    bottom: 2px;
    position: relative;
    font-weight: 400;
    margin: 0;
    line-height: 30px;
}

.utf_listing_prige_block .utp_approve_item {
    display: inline-block;
}

    .utf_listing_prige_block .utp_approve_item i.utf_approve_listing {
        display: inline-block;
        width: 18px;
        height: 18px;
        font-size: 18px;
        color: #10aa08;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        text-align: center;
        position: relative;
        top: -2px;
        margin-left: 4px;
    }

.utp_approve_item i.utf_approve_listing::before {
    content: "\f058";
    font-family: fontawesome;
    position: relative;
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.utp_approve_item i.utf_approve_listing::after {
    position: relative;
    z-index: 9;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    display: block;
    content: "";
    position: absolute;
    top: 2px;
    left: -1px;
    background-color: #fff;
}

.utf_listing_prige_block {
    margin-bottom: 10px;
    display: block;
}

    .utf_listing_prige_block .utf_meta_listing_price {
        background: rgba(255, 255, 255, 0.95);
        color: #525252;
        font-size: 13px;
        font-weight: 600;
        padding: 0px 8px;
        margin-right: 5px;
        border-radius: 4px;
    }

        .utf_listing_prige_block .utf_meta_listing_price i {
            font-size: 14px;
            color: #ff2222;
            padding-right: 0px;
            width: 16px;
            vertical-align: initial;
        }

.utf_half_list {
    position: absolute;
    left: 15px;
    bottom: 8px;
}

    .utf_half_list .utp_approve_item i.utf_approve_listing {
        top: 3px;
    }

    .utf_half_list .utf_meta_listing_price {
        padding: 7px 10px;
    }

.utf_listing_item span.utf_open_now {
    background-color: #54ba1d;
    float: left;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -45px;
    top: 15px;
    text-align: center;
    width: 150px;
    font-size: 12px;
    margin: 0;
    z-index: 999;
    color: #fff;
    font-weight: 600;
    line-height: 28px;
    border-radius: 0 20px 20px 0;
}

.utf_listing_item span.utf_closed {
    background: #e91721;
    float: left;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -45px;
    top: 15px;
    text-align: center;
    width: 150px;
    font-size: 12px;
    margin: 0;
    z-index: 999;
    color: #fff;
    font-weight: 600;
    line-height: 28px;
    border-radius: 0 20px 20px 0;
}

.utf_listing_prige_block span.utf_meta_listing_price {
    display: inline-block;
    padding: 0px 8px;
}

.utf_listing_item_content span {
    font-size: 14px;
    margin: 2px 0;
    font-weight: 400;
    display: block;
    color: rgba(255, 255, 255, 0.85);
}

    .utf_listing_item_content span.star {
        font-size: 14px;
    }

    .utf_listing_item_content span i {
        font-size: 15px;
        color: #ff2222;
        padding-right: 3px;
        width: 18px;
        font-weight: 600;
        display: inline-block;
        text-align: center;
        vertical-align: sub;
    }

.utf_listing_item span.tag i {
    font-size: 14px;
    margin-right: 2px;
}

.utf_listing_item span.tag {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 600;
    background: #ff2222;
    border-radius: 4px;
    padding: 1px 6px;
    line-height: 20px;
    color: #fff;
    border: 2px solid #ff2222;
    margin-bottom: 9px;
    position: absolute;
    z-index: 9999;
    top: 20px;
    right: 20px;
}

    .utf_listing_item span.tag:hover {
        background: #fff;
        color: #ff2222;
        border: 2px solid #fff;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

.utf_listing_item span.featured_tag {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 500;
    background: #2cafe3;
    border-radius: 4px;
    padding: 1px 10px;
    line-height: 20px;
    color: #fff;
    border: 2px solid #2cafe3;
    margin-bottom: 9px;
    position: absolute;
    z-index: 9999;
    top: 58px;
    right: 20px;
}

#titlebar.utf_listing_titlebar span.featured_tag {
    margin: 0;
    margin-left: 0px;
    padding: 1px 15px;
    line-height: 20px;
    letter-spacing: 1px;
    border-radius: 50px;
    text-transform: uppercase;
    background-color: #2cafe3;
    color: #fff;
    border: 1px solid #2cafe3;
    font-size: 11px;
    font-weight: 600;
    position: relative;
    top: 0;
    margin-left: 8px;
}

.utf_listing_item-container.list-layout span.tag {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 600;
    background: #ff2222;
    border-radius: 6px;
    padding: 4px 16px;
    line-height: 20px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 9px;
}

.utf_listing_item-container.list-layout span.tag {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 500;
    background: #ff2222 !important;
    border-radius: 4px;
    padding: 0px 5px;
    line-height: 20px;
    color: #fff;
    font-weight: 600;
    border: 2px solid #ff2222;
    margin-bottom: 9px;
    position: absolute;
    z-index: 9999;
    top: 20px;
    right: 20px;
}

    .utf_listing_item-container.list-layout span.tag:hover {
        background: #fff !important;
        border-color: #fff !important;
        color: #ff2222;
    }

.utf_listing_item-details {
    position: absolute;
    top: 24px;
    left: 0;
    padding: 0 32px;
    width: 100%;
    z-index: 50;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 15px;
}

    .utf_listing_item-details ul {
        margin: 0;
        list-style: none;
        padding: 0;
    }

        .utf_listing_item-details ul li {
            display: inline-block;
            margin-right: 6px;
            line-height: 20px;
        }

            .utf_listing_item-details ul li i {
                display: inline-block;
                margin: 0 3px 0 0;
                position: relative;
                top: 0px;
                font-size: 14px;
            }

.utf_layout_nav a:hover {
    color: #ffffff !important;
    border-color: #ff2222;
}

.utf_listing_item-container.compact .utf_listing_item {
    border-radius: 4px;
}

.utf_listing_item-container.compact .utf_star_rating_section {
    padding: 15px;
    z-index: 99999;
    position: absolute;
    background: #fff;
    width: auto;
    bottom: -25px;
    left: 20px;
    right: 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
}

.utf_listing_item-container.compact .utf_counter_star_rating {
    color: white;
}

.utf_listing_item-container.compact .utf_star_rating_section .star.empty:before,
.utf_listing_item-container.compact .utf_star_rating_section .star.half:before {
    color: rgba(0, 0, 0, 0.3);
}

.utf_listing_item-container.compact .utf_listing_item_content span.tag {
    background-color: #66676b;
}

.numerical-rating {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: center;
    line-height: 26px;
    height: 26px;
    width: 44px;
    display: inline-block;
    font-family: "Open Sans";
    position: relative;
    border-radius: 50px;
    letter-spacing: -0.5px;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 15px 32px;
}

.compact .numerical-rating {
    margin: 0 0 8px 0;
}

.numerical-rating:before {
    content: attr(data-rating);
}

.numerical-rating.high {
    background-color: #64bc36;
}

.numerical-rating.mid {
    background-color: #c0c52a;
}

.numerical-rating.low {
    background-color: #ee3535;
}

.infoBox .numerical-rating .utf_counter_star_rating,
.numerical-rating .utf_counter_star_rating {
    position: absolute;
    top: 0;
    left: 14px;
    width: auto;
    display: inline-block;
    font-weight: 400;
    font-size: 15px;
    width: 150px;
    color: #909090;
}

.infoBox .numerical-rating .utf_counter_star_rating {
    left: 12px;
}

.infoBox .numerical-rating {
    margin: 0;
    font-family: "Open Sans";
}

.utf_star_rating_section {
    display: block;
    font-size: 15px;
}

.list-layout .utf_listing_item-inner .utf_star_rating_section {
    padding: 0;
    z-index: 99999;
    position: relative;
    background: transparent;
    width: auto;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 7px;
}

.utf_listing_item-container .utf_star_rating_section {
    padding: 15px;
    z-index: 99999;
    position: absolute;
    background: #fff;
    width: auto;
    bottom: -25px;
    left: 20px;
    right: 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
}

.utf_star_rating_section .star {
    display: inline-block;
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 4px;
    position: relative;
}

.utf_list_box_listing_item_content .utf_counter_star_rating {
    color: #fff;
    font-weight: 600;
}

.utf_counter_star_rating {
    font-family: "Open Sans";
    color: #fff;
    padding: 1px 5px;
    display: inline-block;
    font-size: 11px;
    margin-left: 6px;
    background: #54ba1d;
    font-weight: 600;
    line-height: 18px;
    border-radius: 4px;
    vertical-align: middle;
}

.utf_listing_titlebar_title .utf_star_rating_section .utf_counter_star_rating {
    top: -2px;
}

.utf_dashboard_list_box .utf_counter_star_rating {
    line-height: 18px;
}

.utf_star_rating_section .utf_counter_star_rating {
    top: 0px;
    position: relative;
}

.infoBox .utf_star_rating_section .utf_counter_star_rating {
    font-size: 11px;
    top: -4px;
    color: #fff;
    font-weight: 700;
}

.utf_star_rating_section .star.half:after,
.utf_star_rating_section .star:before {
    font-family: "Font Awesome 5 Free";
    content: "\f005";
    display: block;
    color: #ffc600;
}

.utf_star_rating_section .star.empty:before {
    color: #999;
}

.rating:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.utf_star_rating_section .star.half:before {
    color: #999;
}

.utf_star_rating_section .star.half:after {
    color: #ffc600;
    position: absolute;
    top: 0;
    width: 50%;
    display: block;
    height: 100%;
    overflow: hidden;
}

.utf_view_count i {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.55);
    margin-right: 3px;
    text-align: center;
}

.utf_view_count {
    position: absolute;
    right: 65px;
    font-weight: 600;
    color: #626262;
    font-size: 14px;
    bottom: 15px;
}

span.like-icon {
    color: #ff2222;
    font-size: 18px;
    position: absolute;
    z-index: 101;
    right: 15px;
    bottom: 11px;
    cursor: normal;
    background-color: #f0f0f0;
    display: block;
    height: 36px;
    width: 36px;
    line-height: 37px;
    border-radius: 30px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.like-icon:before,
.like-icon:after {
    -webkit-transition: opacity 0.3s, -webkit-transform 0.4s cubic-bezier(0, -0.41, 0.19, 2.5);
    transition: opacity 0.3s, -webkit-transform 0.4s cubic-bezier(0, -0.41, 0.19, 2.5);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.4s cubic-bezier(0, -0.41, 0.19, 2.5);
    transition: opacity 0.3s, -webkit-transform 0.4s cubic-bezier(0, -0.41, 0.19, 2.5);
    -o-transition: opacity 0.3s, transform 0.4s cubic-bezier(0, -0.41, 0.19, 2.5);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.4s cubic-bezier(0, -0.41, 0.19, 2.5);
    transition: opacity 0.3s, -webkit-transform 0.4s cubic-bezier(0, -0.41, 0.19, 2.5);
    transition: opacity 0.3s, transform 0.4s cubic-bezier(0, -0.41, 0.19, 2.5);
    transition: opacity 0.3s, transform 0.4s cubic-bezier(0, -0.41, 0.19, 2.5), -webkit-transform 0.4s cubic-bezier(0, -0.41, 0.19, 2.5);
    transition: opacity 0.3s, transform 0.4s cubic-bezier(0, -0.41, 0.19, 2.5), -webkit-transform 0.4s cubic-bezier(0, -0.41, 0.19, 2.5);
    transition: opacity 0.3s, transform 0.4s cubic-bezier(0, -0.41, 0.19, 2.5), -webkit-transform 0.4s cubic-bezier(0, -0.41, 0.19, 2.5);
    font-family: "FontAwesome";
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    top: 0px;
}

.like-icon:before {
    content: "\f08a";
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.like-icon:after {
    content: "\f004";
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
}

.like-icon.liked:after {
    opacity: 1;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.like-icon:hover,
.like-icon.liked {
    background-color: #e52d27;
    color: #fff;
}

    .like-icon.liked:before {
        opacity: 0;
    }

.utf_listing_item {
    overflow: hidden;
}

.listing-badge {
    background-color: #333;
    float: left;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -64px;
    top: 22px;
    text-align: center;
    width: 200px;
    font-size: 12.5px;
    margin: 0;
    z-index: 999;
    color: #fff;
    font-weight: 500;
    line-height: 28px;
}

    .listing-badge.now-open {
        background-color: #54ba1d;
    }

    .listing-badge.now-closed {
        background-color: #e91721;
    }

/*==========
  Subscribe Newsletter Style
============*/
.utf_cta_area2_block {
    background-color: transparent;
    padding-bottom: 0;
    margin-bottom: -80px;
    z-index: 2;
}

.utf_cta_area_item {
    padding-top: 20px;
    padding-bottom: 80px;
    position: relative;
}

.utf_cta_area2_block {
    background-color: transparent;
    padding-bottom: 0;
    margin-bottom: 35px;
    z-index: 2;
}

    .utf_cta_area2_block .utf_subscribe_block {
        background-color: #282b42;
        border-radius: 8px;
        padding: 35px 35px 40px 35px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.4);
        box-shadow: 0 10px 40px rgba(82, 85, 90, 0.4);
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

        .utf_cta_area2_block
        .utf_subscribe_block
        .section-heading
        .utf_sec_title_item2 {
            margin-bottom: 12px;
        }

.section-heading .utf_sec_title_item {
    font-family: "IRANSansWeb", sans-serif;
    font-size: 36px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    padding-top: 5px;
}

.utf_cta_area_item .section-heading .utf_sec_meta {
    width: 100%;
}

.section-heading .utf_sec_meta {
    font-size: 20px;
    color: #808996;
    font-weight: 500;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 30px;
}

.section-heading .utf_sec_title_item::before {
    position: absolute;
    content: "\f006";
    font-family: "FontAwesome";
    top: -30px;
    left: 0;
    color: #ff2222;
    font-size: 20px;
}

.utf_cta_area2_block .utf_subscribe_block:before {
    content: "\f0f2";
}

.utf_cta_area2_block .utf_subscribe_block:before {
    position: absolute;
    top: 45px;
    left: 0;
    color: rgba(128, 137, 150, 0.2);
    font-family: "FontAwesome";
    font-size: 140px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: -1;
}

.utf_cta_area2_block .utf_subscribe_block:after {
    content: "\f040";
    left: auto;
    top: auto;
    right: 0;
    bottom: 15px;
    position: absolute;
    color: rgba(128, 137, 150, 0.2);
    font-family: "FontAwesome";
    font-size: 160px;
    z-index: -1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.utf_cta_area2_block .utf_subscribe_block .contact-form-action {
    margin-top: 38px;
}

    .utf_cta_area2_block .utf_subscribe_block .contact-form-action form {
        position: relative;
    }

        .utf_cta_area2_block .utf_subscribe_block .contact-form-action form span {
            position: absolute;
            top: 15px;
            left: 12px;
            color: #808996;
            font-size: 18px;
        }

        .utf_cta_area2_block
        .utf_subscribe_block
        .contact-form-action
        form
        .form-control {
            height: auto;
            padding: 11px 12px 11px 40px;
            color: #707070;
            font-weight: 400;
            border-radius: 4px;
            border: 0;
            line-height: inherit;
        }

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.utf_cta_area2_block
.utf_subscribe_block
.contact-form-action
form
.utf_theme_btn {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 0 4px 4px 0;
}

.utf_theme_btn,
.author-area .top-author-slider .top-author-item .topauthor__btn .author__btn,
.my-button-css {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    padding: 11px 25px;
    text-transform: capitalize;
    background-color: #ff2222;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    position: relative;
    display: inline-block;
    border-radius: 4px;
}

.utf_cta_area2_block .utf_subscribe_block .contact-form-action form span {
    position: absolute;
    top: 10px;
    left: 12px;
    color: #808996;
    font-size: 16px;
}

.la-envelope-o:before {
    font-family: "FontAwesome";
    content: "\f003";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .utf_cta_area2_block
    .utf_subscribe_block
    .contact-form-action
    form
    .utf_theme_btn {
        position: relative;
        right: 0;
        top: 0;
        border: 0;
        border-radius: 4px;
        display: block;
        margin: 0 auto;
    }
}

@media (max-width: 549px) {
    .utf_cta_area_item {
        text-align: center;
    }

    .utf_cta_area2_block .utf_subscribe_block {
        padding: 35px 20px 40px 20px;
    }

        .utf_cta_area2_block
        .utf_subscribe_block
        .contact-form-action
        form
        .form-control {
            margin-bottom: 5px;
            font-size: 15px;
        }

        .utf_cta_area2_block
        .utf_subscribe_block
        .contact-form-action
        form
        .utf_theme_btn {
            position: inherit;
            border-radius: 4px;
            margin-top: 10px;
        }

    .section-heading .utf_sec_title_item {
        font-size: 34px;
        line-height: 42px;
        font-weight: 600;
    }

    .section-heading .utf_sec_meta {
        font-size: 16px;
        line-height: 28px;
    }

}

/*==========
  Categories Box
============*/
.container_categories_box {
    width: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0 auto;
    text-align: center;
}

    .container_categories_box img {
        padding: 10px;
    }

.utf_category_small_box_part {
    float: left;
    border-radius: 4px;
    margin: 20px 0 0 20px;
    padding: 35px 20px;
    text-align: center;
    color: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    /*
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  */
    vertical-align: top;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.5s ease 0;
    -o-transition: all 0.5s ease 0;
    transition: all 0.5s ease 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

    .utf_category_small_box_part:hover {
        background-color: #66676b;
        color: #fff;
        /*
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.1);
  */
        -webkit-transition: all 0.5s ease 0;
        -o-transition: all 0.5s ease 0;
        transition: all 0.5s ease 0;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

    .utf_category_small_box_part:nth-child(1) {
        /*background:#1966b6;*/
        border: 0px solid rgba(255, 255, 255, 0.5);
    }

    .utf_category_small_box_part:nth-child(2) {
        background: #cc4300;
        border: 0px solid rgba(255, 255, 255, 0.5);
    }

    .utf_category_small_box_part:nth-child(3) {
        background: #04724d;
        border: 0px solid rgba(255, 255, 255, 0.5);
    }

    .utf_category_small_box_part:nth-child(4) {
        background: #d80a48;
        border: 0px solid rgba(255, 255, 255, 0.5);
    }

    .utf_category_small_box_part:nth-child(5) {
        background: #762acb;
        border: 0px solid rgba(255, 255, 255, 0.5);
    }

    .utf_category_small_box_part:nth-child(6) {
        background: #097784;
        border: 0px solid rgba(255, 255, 255, 0.5);
    }

    .utf_category_small_box_part:nth-child(7) {
        background: #2531d5;
        border: 0px solid rgba(255, 255, 255, 0.5);
    }

    .utf_category_small_box_part:nth-child(8) {
        background: #931674;
        border: 0px solid rgba(255, 255, 255, 0.5);
    }

    .utf_category_small_box_part:nth-child(9) {
        background: #d52f31;
        border: 0px solid rgba(255, 255, 255, 0.5);
    }

    .utf_category_small_box_part:nth-child(10) {
        background: #134b7e;
        border: 0px solid rgba(255, 255, 255, 0.5);
    }

    .utf_category_small_box_part:hover h4 {
        font-size: 17px;
    }

    .utf_category_small_box_part h4 {
        font-size: 16px;
        color: #333;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        line-height: 22px;
        margin-top: 15px;
    }

    .utf_category_small_box_part span {
        position: absolute;
        right: 15px;
        top: 15px;
        background: rgba(255, 255, 255, 0.15);
        padding: 2px 10px;
        border-radius: 4px;
        font-size: 12px;
        line-height: 18px;
        font-weight: 500;
    }

    .utf_category_small_box_part i {
        font-size: 36px;
        line-height: 70px;
        display: block;
        background: rgba(255, 255, 255, 0.12);
        border: 3px solid rgba(255, 255, 255, 0.05);
        width: 74px;
        height: 74px;
        border-radius: 50%;
        margin: 10px auto 0 auto;
        text-align: center;
    }

    .utf_category_small_box_part:hover i {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation-name: flip;
        animation-name: flip;
    }

@-webkit-keyframes flip {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    50% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    50% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.utf_category_small_box_part:hover h4 {
    color: #fff;
}

@media (max-width: 768px) {
    .utf_category_small_box_part {
        width: calc(100% * (1 / 2) - 20px);
    }
}

@media (min-width: 768px) {
    .utf_category_small_box_part {
        width: calc(100% * (1 / 3) - 20px);
    }
}

@media (max-width: 991px) {
    .utf_dashboard_content .col-lg-2 {
        width: calc(50% * (1 / 1) - 0px);
        float: left;
    }
}

@media only screen and (min-width: 480px) and (max-width: 991px) {
    .utf_dashboard_content .col-lg-3 {
        width: calc(50% * (1 / 1) - 0px);
        float: left;
    }
}

@media (min-width: 992px) {
    .utf_category_small_box_part {
        width: calc(100% * (1 / 3) - 20px);
    }
}

@media (min-width: 1240px) {
    .utf_category_small_box_part {
        width: calc(100% * (1 / 5) - 20px);
    }
}

/*==========
  Titlebar Style
============*/
#titlebar {
    background-color: #f8f8f8;
    position: relative;
    padding: 75px 0 20px;
    margin-bottom: 0px;
}

    #titlebar.gradient {
        position: relative;
        padding-top: 70px;
        padding-bottom: 70px;
        background-image: url(../images/page-title.jpg);
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
        height: 400px;
    }

        #titlebar.gradient::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            /*background: rgba(48, 48, 48, 1);*/
            /*opacity: .88;*/
            opacity: 1;
        }

.gradient nav#breadcrumbs ul li {
    color: #d9d9d9;
}

    .gradient nav#breadcrumbs ul li a {
        color: #d9d9d9;
    }

        .gradient nav#breadcrumbs ul li a:hover {
            color: #ff2222;
        }

#titlebar span a,
#titlebar span {
    font-size: 20px;
    color: #ccc;
    margin-bottom: 3px;
    margin-top: 6px;
    display: inline-block;
}

#titlebar #breadcrumbs span {
    font-size: 13px;
}

#titlebar h1,
#titlebar h2 {
    color: #fff;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    margin: 4px 0 10px 0;
}

#titlebar h2 {
    text-align: center;
}

/*==========
  Breadcrumbs Style
============*/
#breadcrumbs {
    position: relative;
    left: 0;
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #888;
    right: 0;
    text-align: center;
}

    #breadcrumbs ul {
        margin: 0;
        padding-left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #breadcrumbs ul li a {
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            color: #707070;
        }

            #breadcrumbs ul li a:hover {
                color: #ff2222;
            }

        #breadcrumbs ul li {
            display: inline-block;
            list-style: none;
            color: #707070;
            margin: 0 0 0 10px;
        }

            #breadcrumbs ul li:first-child {
                margin-left: 0;
            }

                #breadcrumbs ul li:first-child:before {
                    display: none;
                }

            #breadcrumbs ul li:before {
                content: "\f100";
                font-family: "Font Awesome 5 Free";
                color: #fff;
                font-size: 14px;
                margin-right: 10px;
            }

#titlebar.photo-bg #breadcrumbs ul li,
#titlebar.photo-bg #breadcrumbs ul li a,
#titlebar.photo-bg #breadcrumbs ul li:before {
    color: #fff;
}

.parallax #titlebar {
    background-color: transparent;
    position: relative;
    z-index: 999;
    padding: 90px 0;
}

    .parallax #titlebar h1,
    .parallax #titlebar h2,
    .parallax #titlebar #breadcrumbs ul li,
    .parallax #titlebar #breadcrumbs ul li a,
    .parallax #titlebar #breadcrumbs ul li::before {
        color: #fff;
    }

    .parallax #titlebar span a,
    .parallax #titlebar span {
        color: rgba(255, 255, 255, 0.7);
    }

/*==========
  Page Not Found Style
============*/
.notfound_mr_bottom {
    margin-bottom: 0 !important;
}

.not_found_block {
    position: relative;
    padding-top: 20px;
    padding-bottom: 10px;
    background-image: url(../images/error-page-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

#not-found {
    margin: 80px 0 80px 0;
}

    #not-found.center {
        text-align: center;
    }

    #not-found h2 {
        text-align: center;
        font-size: 150px;
        line-height: 110px;
        font-weight: 800;
        margin-bottom: 0;
        letter-spacing: -8px;
    }

    #not-found p {
        text-align: center;
        font-size: 30px;
        line-height: 48px;
        display: inline-block;
        margin-top: 10px;
        color: #999;
    }

    #not-found i {
        color: #e0e0e0;
        font-size: 190px;
        top: 16px;
        position: relative;
    }

.utf_error_description_part {
    margin: 5px 0 0;
}

.utf_ferror_description span {
    font-size: 16px;
    color: #8e8e8e;
    line-height: 1.2;
    display: block;
    text-align: center;
}

.utf_ferror_description strong {
    font-size: 22px;
    color: #6d7a83;
    font-weight: 500;
    line-height: 1.2;
    display: block;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    #breadcrumbs ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    #not-found h2 {
        font-size: 110px;
        line-height: 110px;
    }

    #not-found p {
        font-size: 20px;
        line-height: 38px;
    }

    #not-found i {
        font-size: 120px;
        top: 16px;
    }

    .amenities_checkbox ul li {
        width: 100%;
        float: left;
    }

    .listing_tow_column .utf_listing_item {
        height: 300px;
    }

    .checkboxes li:last-child {
        margin-bottom: 5px;
    }
}

/*==========
  Dashboard Content Style
============*/
#dashboard {
    background-color: #fbfbfb;
    min-height: 100vh;
    padding-top: 80px;
}

.utf_dashboard_content,
.utf_dashboard_navigation {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.utf_dashboard_content {
    padding: 25px;
    padding-bottom: 0;
    position: relative;
    z-index: 10;
    height: 100%;
    margin-left: 260px;
}

.utf_dashboard_navigation,
.dashboard #logo {
    min-width: 260px;
    max-width: 260px;
}

.utf_dashboard_navigation {
    position: fixed;
    min-height: 100vh;
    overflow: hidden;
}

.utf_dashboard_navigation_inner_block {
    height: 100%;
    width: 277px;
    overflow-y: scroll;
    position: relative;
    display: block;
    padding: 10px 0 25px 0;
}

.utf_dashboard_navigation_inner_block {
    height: calc(100vh - 71px);
    max-height: 900px;
    width: calc(100% + 17px);
    overflow-y: scroll;
    position: relative;
    display: block;
    padding: 0;
}

@media (max-width: 991px) {
    .utf_dashboard_navigation_inner_block {
        max-height: 100%;
        width: calc(100% + 0px);
        overflow-y: hidden;
        height: auto;
    }
}

header.fullwidth_block.dashboard .container {
    padding-left: 270px;
}

.dashboard #logo {
    display: block;
    background-color: #2a2a2a;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .dashboard #logo a {
        margin-left: 30px;
        display: inline-block;
        height: 100%;
    }

        .dashboard #logo a img {
            top: 50%;
            position: relative;
            -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
        }

#dashboard .footer_copyright_part {
    padding: 40px 0;
    margin: 20px 0 0 0;
    display: block;
    text-align: center;
}

.dashboard #logo a {
    display: none;
}

    .dashboard #logo a.dashboard-logo {
        display: inline-block;
    }

.utf_dashboard_navigation {
    background-color: #2a2a2a;
    display: block;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    z-index: 11;
}

a.utf_dashboard_nav_responsive {
    display: none;
}

.utf_dashboard_navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .utf_dashboard_navigation ul:first-child {
        margin-top: 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .utf_dashboard_navigation ul li {
        color: #eee;
        display: block;
        border-left: 5px solid transparent;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        line-height: 24px;
        font-size: 15px;
    }

        .utf_dashboard_navigation ul li a {
            color: #eee;
            display: block;
            padding: 12px 15px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            cursor: pointer;
            font-weight: 400;
        }

            .utf_dashboard_navigation ul li a i {
                margin-right: 12px;
                width: 20px;
                background: #fff;
                height: 30px;
                padding: 8px;
                line-height: 31px;
                border-radius: 50%;
                color: #ff2222;
            }

            .utf_dashboard_navigation ul li a:hover {
                color: #fff;
            }

        .utf_dashboard_navigation ul li span.nav-tag {
            background-color: rgba(255, 255, 255, 0.2);
            font-weight: 500;
            display: inline-block;
            font-size: 11px;
            line-height: 20px;
            color: #fff;
            padding: 0 8px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
            min-width: 20px;
            height: 20px;
            text-align: center;
            border-radius: 4px;
            margin-left: 5px;
        }

            .utf_dashboard_navigation ul li span.nav-tag.messages {
                top: -2px;
                position: relative;
            }

            .utf_dashboard_navigation ul li span.nav-tag.messages,
            .utf_dashboard_navigation ul li span.nav-tag.green {
                background-color: #1ec38b;
            }

            .utf_dashboard_navigation ul li span.nav-tag.yellow {
                background-color: #ffbb28;
            }

            .utf_dashboard_navigation ul li span.nav-tag.red {
                background-color: #ff2222;
            }

        .utf_dashboard_navigation ul li ul {
            padding: 0;
            margin: 0;
            visibility: hidden;
            max-height: 0;
            opacity: 0;
            line-height: 0;
            -webkit-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

        .utf_dashboard_navigation ul li.active ul {
            visibility: visible;
            padding: 10px 0 10px 0px;
            line-height: 24px;
            opacity: 1;
            max-height: 300px;
            background: #2a2a2a;
        }

        .utf_dashboard_navigation ul li ul li {
            color: #eee;
            background-color: transparent;
            border: none;
            padding-left: 63px;
            position: relative;
            margin: 0;
        }

            .utf_dashboard_navigation ul li ul li a {
                padding: 10px 0;
            }

            .utf_dashboard_navigation ul li ul li:hover {
                color: #fff;
                border: none;
                background-color: transparent;
            }

        .utf_dashboard_navigation ul li a:after {
            font-family: "FontAwesome";
            content: "\f0d7";
            right: 27px;
            font-size: 16px;
            position: absolute;
            -webkit-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
            color: rgba(255, 255, 255, 0.8);
            padding-top: 5px;
        }

        .utf_dashboard_navigation ul li.active a:after {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
            margin-top: 3px;
        }

        .utf_dashboard_navigation ul li ul:before,
        .utf_dashboard_navigation ul li a:only-child:after {
            content: "";
            display: none;
        }

        .utf_dashboard_navigation ul li ul li:hover a {
            padding-left: 0px;
        }

        .utf_dashboard_navigation ul li.active,
        .utf_dashboard_navigation ul li:hover {
            color: #fff;
            border-color: #fff;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            background-color: #ff2222;
        }

        .utf_dashboard_navigation ul li ul li.active,
        .utf_dashboard_navigation ul li ul li:hover {
            border-bottom: 0;
        }

.dashboard_gradient h2,
.dashboard_gradient span,
.dashboard_gradient nav ul li,
.dashboard_gradient nav ul li a {
    color: #323232;
}

    .dashboard_gradient nav ul li a:hover {
        color: #ff2222 !important;
    }

#dashboard #titlebar {
    padding: 15px 20px;
    border-radius: 4px;
    margin: 0 0 30px 0;
    display: block;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

    #dashboard #titlebar h2 {
        font-size: 26px;
        font-weight: 600;
        line-height: 32px;
        color: #323232;
    }

.utf_dashboard_stat {
    display: inline-block;
    padding: 0;
    height: 180px;
    background-color: #eeeeee;
    color: #2f2f2f;
    border-radius: 4px;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: default;
}

    .utf_dashboard_stat:hover {
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
        background-color: #73c9ca;
        color: #73c9ca;
    }

.utf_dashboard_stat_content {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
    width: 100%;
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
}

    .utf_dashboard_stat_content h4 {
        font-size: 18px;
        font-weight: 600;
        padding: 0;
        margin: 0;
        color: #4c4c4c;
        letter-spacing: 0px;
        margin-bottom: 7px;
    }

    .utf_dashboard_stat_content span {
        font-size: 14px;
        margin-top: 5px;
        line-height: 22px;
        font-weight: 400;
        opacity: 0.95;
        display: inline-block;
    }

.utf_dashboard_stat_icon {
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    top: 25%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    font-size: 80px;
    opacity: 7;
    margin-bottom: 10px;
}

    .utf_dashboard_stat_icon i,
    .utf_dashboard_ic_stat i {
        font-size: 30px;
        padding: 10px;
        border: 2px solid #73c9ca;
        display: inline-block;
        width: 60px;
        height: 60px;
        vertical-align: middle;
        margin: 0 auto;
        line-height: 35px;
        border-radius: 50%;
        color: #737373;
    }

.utf_dashboard_stat.color-1 {
    background-color: #ff2222;
    -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
}

.utf_dashboard_stat.color-2 {
    background-color: #18a4e1;
    -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
}

.utf_dashboard_stat.color-3 {
    background-color: #f1c40f;
    -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
}

.utf_dashboard_stat.color-4 {
    background-color: #f98925;
    -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
}

.utf_dashboard_stat.color-5 {
    background-color: #4f17ed;
    -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
}

.utf_dashboard_stat.color-6 {
    background-color: #ea3986;
    -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
}

#dashboard .pagination-next-prev ul li a {
    background-color: transparent;
}

    #dashboard .pagination .current,
    #dashboard .pagination-next-prev ul li a:hover {
        background-color: #fff;
    }

.utf_dashboard_list_box {
    margin: 30px 0 0 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}

    .utf_dashboard_list_box table.table-hover thead tr {
        background: #efefef;
    }

    .utf_dashboard_list_box table.table-hover tr th {
        font-weight: 600;
    }

    .utf_dashboard_list_box ul li strong a {
        background: #e1e1e1;
        padding: 3px 10px;
        border-radius: 4px;
        display: inline;
        font-size: 13px;
        font-weight: 600;
        margin: 0 2px;
        color: #595858;
    }

    .utf_dashboard_list_box .button {
        padding: 5px 10px;
        line-height: 20px;
        font-size: 12px;
        font-weight: 500;
        margin: 0;
    }

        .utf_dashboard_list_box .button.gray:before {
            display: none;
        }

        .utf_dashboard_list_box .button.gray {
            background-color: #f4f4f4;
            color: #666;
            font-weight: 500;
            padding: 4px 12px 4px 6px;
            border-radius: 4px;
            width: auto;
            height: auto;
            text-align: center;
            vertical-align: middle;
            line-height: 24px;
        }

    .utf_dashboard_list_box a.button.approve:hover {
        background-color: #54ba1d;
    }

        .utf_dashboard_list_box a.button.approve:hover i {
            color: #54ba1d;
        }

    .utf_dashboard_list_box .button.gray:hover {
        background-color: #ff2222;
        color: #fff;
    }

        .utf_dashboard_list_box .button.gray:hover i {
            color: #ff2222;
        }

.dashboard-list-block {
    background-color: #424242;
    border-bottom: 1px solid #eaeaea;
    border-radius: 4px 4px 0 0;
}

.utf_dashboard_list_box h4 {
    font-size: 20px;
    line-height: 40px;
    font-weight: 400;
    margin: 0;
    padding: 15px 25px;
    color: #fff;
    background-color: #424242;
    display: block;
    border-bottom: 1px solid #eaeaea;
    border-radius: 4px 4px 0 0;
}

    .utf_dashboard_list_box h4 i {
        margin-right: 10px;
        color: #fff;
        width: 40px;
        height: 40px;
        font-size: 18px;
        background: #ff2222;
        padding: 10px;
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
    }

    .utf_dashboard_list_box h4.gray {
        background-color: #424242;
    }

.utf_dashboard_list_box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
}

    .utf_dashboard_list_box ul li {
        padding: 20px 25px;
        border-bottom: 1px solid #eaeaea;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        position: relative;
    }

.utf_dashboard_list_box.with-icons ul li {
    padding-left: 75px;
}

    .utf_dashboard_list_box.with-icons ul li strong {
        font-weight: 700;
    }

.utf_dashboard_list_box ul li:last-child {
    border: none;
}

.utf_dashboard_list_box ul li:hover {
    background-color: #fbfbfb;
}

.utf_dashboard_list_box .numerical-rating {
    margin: 0 3px;
}

.utf_dashboard_list_box ul li i.utf_list_box_icon {
    height: 38px;
    width: 38px;
    color: #777;
    text-align: center;
    line-height: 37px;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: inline-block;
    background-color: #f0f0f0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
}

.utf_dashboard_list_box ul li:hover i.utf_list_box_icon {
    background-color: #eaeaea;
}

.utf_dashboard_list_box-static {
    padding: 30px;
    background-color: #fff;
}

    .utf_dashboard_list_box-static .button {
        padding: 8px 20px;
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 3px;
        font-weight: 500;
    }

a.close-list-item {
    background-color: #f4f4f4;
    width: 40px;
    height: 40px;
    line-height: 20px;
    padding: 10px;
    border-radius: 30px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    opacity: 1;
    color: #ff2222;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.utf_dashboard_list_box ul li:hover a.close-list-item {
    opacity: 1;
}

.utf_dashboard_list_box ul ul {
    background-color: transparent;
}

    .utf_dashboard_list_box ul ul li {
        padding: 0;
        border: none;
        font-weight: 400;
        font-size: 14px;
        color: #8d8d8d;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        background-color: transparent;
        display: inline-block;
    }

        .utf_dashboard_list_box ul ul li:hover {
            background-color: transparent;
        }

.utf_dashboard_list_box .sort-by {
    top: 16px;
    right: 26px;
}

.utf_dashboard_list_box .my_sort_by {
    top: 25px;
}

    .utf_dashboard_list_box .my_sort_by .chosen-single {
        background-color: #f3f3f3 !important;
        padding: 0 20px !important;
    }

.utf_dashboard_list_box .sort-by .chosen-container-single .chosen-single {
    background-color: transparent;
    padding: 0 4px;
}

.utf_dashboard_list_box.invoices li {
    padding: 20px;
}

.utf_dashboard_list_box.invoices ul li strong {
    color: #333;
}

    .utf_dashboard_list_box.invoices ul li strong span.unpaid {
        background: rgba(0, 0, 0, 0.08);
        padding: 2px 7px;
        border-radius: 4px;
        display: inline;
        font-size: 12px;
        font-weight: 700;
        color: #ee3535;
        margin-left: 2px;
        top: -1px;
        position: relative;
    }

    .utf_dashboard_list_box.invoices ul li strong span.paid {
        background: rgba(0, 0, 0, 0.08);
        padding: 2px 7px;
        border-radius: 4px;
        display: inline;
        font-size: 12px;
        font-weight: 700;
        color: #64bc36;
        margin-left: 2px;
        top: -1px;
        position: relative;
    }

    .utf_dashboard_list_box.invoices ul li strong span.list_hotel {
        background: #e1e1e1;
        padding: 2px 7px;
        border-radius: 4px;
        display: inline;
        font-size: 13px;
        font-weight: 600;
        margin-left: 3px;
        color: #595858;
    }

.utf_dashboard_list_box.invoices ul ul {
    line-height: 22px;
    padding-bottom: 2px;
    color: #909090;
}

    .utf_dashboard_list_box.invoices ul ul li {
        background: transparent;
        padding: 0;
        font-size: 13px;
        font-weight: 600;
    }

        .utf_dashboard_list_box.invoices ul ul li span {
            color: #666;
            font-weight: 700;
        }

        .utf_dashboard_list_box.invoices ul ul li:after {
            content: "";
            display: inline-block;
            width: 2px;
            height: 10px;
            background-color: #d5d5d5;
            position: relative;
            margin: 0 8px;
        }

        .utf_dashboard_list_box.invoices ul ul li:last-child:after {
            display: none;
        }

.utf_post_quote blockquote {
    background: rgba(0, 0, 0, 0.02);
    padding: 20px;
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 27px;
    color: #848484;
    border-left: 5px solid #eeeeee;
}

blockquote {
    background: rgba(0, 0, 0, 0.02);
    padding: 20px;
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 28px;
    color: #707070;
    border-left: 5px solid #eeeeee;
}

.paid {
    color: #64bc36;
    font-weight: 500;
}

.unpaid {
    color: #ee3535;
    font-weight: 500;
}

.buttons-to-right,
.utf_dashboard_list_box .button.to-right {
    position: absolute;
    right: 20px;
    top: 35%;
    -webkit-transform: translate3d(0, -49%, 0);
    transform: translate3d(0, -49%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    opacity: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-box-shadow: 0px 0px 10px 15px #fbfbfb;
    box-shadow: 0px 0px 10px 15px #fbfbfb;
}

.utf_dashboard_list_box .utf_approved_booking_listing .buttons-to-right,
.utf_dashboard_list_box .utf_canceled_booking_listing .buttons-to-right,
.utf_dashboard_list_box .utf_pending_booking_listing .buttons-to-right {
    position: relative;
    right: 20px;
    left: 0;
    -webkit-transform: translate3d(0, -49%, 0);
    transform: translate3d(0, -49%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-box-shadow: 0px 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px 0px transparent;
    text-align: right;
}

.invoices .buttons-to-right {
    top: 50% !important;
}

.utf_dashboard_list_box li .buttons-to-right,
.utf_dashboard_list_box li .button.to-right {
    opacity: 1;
}

.buttons-to-right {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .buttons-to-right .button {
        margin-left: 2px;
    }

.utf_inner_booking_listing_list
ul.utf_booking_listing_list
li.highlighted::after {
    display: none;
}

.utf_dashboard_list_box .button i {
    font-size: 14px;
    position: relative;
    top: 0px;
    background: #fff;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 30px;
    margin-right: 6px;
    padding: 0;
    float: left;
}

    .utf_dashboard_list_box .button i.fa-remove {
        padding-right: 1px;
    }

/*==========
  Bookings Wallet Style
============*/
.utf_dashboard_block_part {
    display: inline-block;
    padding: 0;
    min-height: 170px;
    background-color: #444;
    color: #fff;
    border-radius: 4px;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: default;
}

.utf_dashboard_content_part {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    left: 0;
    right: 0;
    margin-top: 15px;
}

    .utf_dashboard_content_part h4 {
        background: transparent;
        font-size: 32px;
        font-weight: 600;
        padding: 0;
        margin: 0;
        border-bottom: 0;
        color: #fff;
        letter-spacing: 0px;
    }

    .utf_dashboard_content_part span {
        font-size: 14px;
        margin-top: 5px;
        line-height: 28px;
        font-weight: 500;
        opacity: 0.95;
        display: inline-block;
    }

.utf_dashboard_block_part.color-1 {
    background-color: #ff2222;
    -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
    padding: 20px 10px;
}

.utf_dashboard_block_part.color-2 {
    background-color: #18a4e1;
    -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
    padding: 20px 10px;
}

.utf_dashboard_block_part.color-3 {
    background-color: #ea3986;
    -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
    padding: 20px 10px;
}

.utf_dashboard_block_part.color-4 {
    background-color: #f98925;
    -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
    padding: 20px 10px;
}

.utf_dashboard_ic_stat {
    font-size: 50px;
}

.utf_dashboard_ic_stat {
    font-size: 50px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
}

/*==========
  Bookings Payment Style
============*/
.utf_payment_tab_block.utf_payment_tab_block_active {
    max-height: 100%;
    background: #fff;
    border-radius: 4px;
}

.payment {
    border-radius: 4px;
    overflow: hidden;
}

/* .utf_listing_payment_section .opening-hours.summary li:first-child {
  padding-top: 0;
} */

.utf_listing_payment_section .opening-hours.summary li {
    color: #424242;
    border-bottom: 0;
    font-weight: 600;
}

.utf_listing_payment_section .opening-hours ul li span {
    float: right;
    font-weight: 400;
    color: #797979;
}

.utf_listing_payment_section .opening-hours.summary li.total-costs {
    font-size: 20px;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 15px;
    margin-top: 2px;
    padding-bottom: 0;
    padding-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

li.total-costs .col-md-8 {
    padding-left: 0;
    padding-right: 4px;
}

li.total-costs .col-md-4 {
    padding-right: 0;
    padding-left: 4px;
}

    li.total-costs .col-md-4 input {
        margin-right: 0;
        width: 100%;
    }

li.total-costs #couponCode,
li.total-costs .coupon_code {
    margin-bottom: 0;
}

.utf_listing_payment_section .opening-hours.summary li.total-costs span {
    color: #ea7d1f;
    font-size: 20px;
    font-weight: 600;
}

.utf_listing_payment_section
.opening-hours.summary
li.total-costs
#package-total-price {
    display: none;
}

.utf_payment_trigger_tab {
    padding: 0;
}

    .utf_payment_trigger_tab > input {
        position: absolute;
        visibility: hidden;
    }

input[type="radio"] {
    width: 15px;
    height: 15px;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.utf_payment_trigger_tab > label {
    cursor: pointer;
    display: block;
    position: relative;
    top: 0;
    padding: 15px 0;
    top: 1px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 10px;
    font-weight: 500;
}

.utf_payment_trigger_tab > input:checked ~ label::before {
    border-color: #ff2222;
}

.utf_payment_trigger_tab > label::before {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    content: "";
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 4px;
    width: 20px;
    height: 20px;
}

.utf_payment_trigger_tab > input:checked ~ label::after {
    background-color: #ff2222;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.utf_payment_trigger_tab > label::after {
    background: #fff;
    background-color: white;
    border-radius: 2px;
    content: "";
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 25px;
    width: 8px;
    height: 8px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.utf_payment_logo.paypal {
    height: 22px;
    top: 20px;
}

.utf_payment_logo.stripe {
    height: auto;
    top: 6px;
    max-width: 54px;
}

.utf_payment_logo {
    height: 24px;
    position: absolute;
    right: 19px;
    top: 18px;
    image-rendering: -webkit-optimize-contrast;
}

.utf_payment_tab_block.utf_payment_tab_block_active
.utf_payment_tab_block_content {
    visibility: visible;
    opacity: 1;
}

.card-label > label {
    background-color: #fff;
    display: inline-block;
    margin: 10px 0;
    font-size: 16px;
    padding: 0px 2px;
    color: #909090;
}

.utf_payment_tab_block {
    background: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 60px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    margin-bottom: 10px;
}

    .utf_payment_tab_block:last-child {
        margin-bottom: 0;
    }

.utf_booking_payment_option_form .utf_booking_confirmation_button {
    display: block;
    text-align: center;
}

.utf_payment_tab_block.utf_payment_tab_block_active
.utf_payment_tab_block_content {
    visibility: visible;
}

.card-label > input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 51px;
    margin: 0px auto 10px;
    padding: 0px 15px 0 15px;
    -webkit-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    transition: border-color 0.3s;
    width: 100%;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    text-decoration: none;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
}

.utf_payment_tab_block_content {
    padding: 10px 20px 20px 20px;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.utf_listing_payment_section .utf_booking_listing_item_container {
    position: relative;
}

.utf_listing_payment_section label {
    font-weight: 600;
    color: #707070;
    font-size: 16px;
    margin-bottom: 10px;
}

.input-with-icon.medium-icons i {
    font-size: 21px;
    color: #a0a0a0;
    position: absolute;
    left: -3px;
    bottom: 0px;
    top: auto;
}

.utf_listing_payment_section .listing-item::before {
    content: "";
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
    background: -o-linear-gradient( bottom, rgba(35, 35, 37, 0.9) 0%, rgba(35, 35, 37, 0.3) 100%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100% );
    background: -webkit-gradient( linear, left bottom, left top, from(rgba(35, 35, 37, 0.9)), color-stop(100%, rgba(35, 35, 37, 0.3)), color-stop(60%, rgba(22, 22, 23, 0)), to(rgba(0, 0, 0, 0)) );
    background: linear-gradient( to top, rgba(35, 35, 37, 0.9) 0%, rgba(35, 35, 37, 0.3) 100%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100% );
    background-color: rgba(0, 0, 0, 0);
    background-color: rgba(35, 35, 37, 0.2);
    border-radius: 4px 4px 0 0;
    opacity: 1;
}

.utf_listing_payment_section .listing-item img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 4px 4px 0 0;
}

.utf_listing_payment_section .utf_listing_item_content {
    position: absolute;
    bottom: 25px;
    left: 0;
    padding: 0 25px;
    width: 100%;
    z-index: 50;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.utf_listing_payment_section .numerical-rating.high {
    background-color: #64bc36;
}

.utf_listing_payment_section .utf_listing_item_content h3 {
    color: #fff;
    font-size: 20px;
    bottom: 2px;
    position: relative;
    font-weight: 500;
    margin: 0;
    line-height: 28px;
}

.utf_listing_payment_section .utf_listing_item_content span {
    font-size: 14px;
    font-weight: 400;
    margin: 1px 2px;
    display: inline-block;
    color: rgba(255, 255, 255, 0.85);
}

.utf_listing_item_content .utf_star_rating_section .utf_counter_star_rating {
    top: -1px;
    position: relative;
    margin-left: 6px;
}

.utf_listing_payment_section .boxed-widget {
    background-color: #fff;
    padding: 25px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 90;
    border: none;
    position: relative;
}

    .utf_listing_payment_section .boxed-widget.summary {
        border-radius: 0 0 4px 4px;
    }

    .utf_listing_payment_section .boxed-widget h3 {
        font-size: 20px;
        padding: 0 0 10px;
        margin: 0 0 5px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 600;
        border-bottom: 1px solid #e8e8e8;
    }

        .utf_listing_payment_section .boxed-widget h3 i.fa-info {
            position: relative;
            top: -1px;
            margin-left: 10px;
            color: #fff;
            width: 40px;
            height: 40px;
            background: #73c9ca;
            padding: 10px;
            border-radius: 50%;
            text-align: center;
        }

/*==========
  Bookings Style
============*/
.dashboard-list-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
}

    .dashboard-list-box ul li {
        padding: 23px 30px;
        border-bottom: 1px solid #eaeaea;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        position: relative;
    }

.bookings {
    margin: 10px 0 20px 0;
}

.utf_list_box_listing_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0;
    position: relative;
}

.utf_inner_booking_listing_list {
    line-height: 34px;
}

.bookings .utf_list_box_listing_item-img {
    max-width: 80px;
    max-height: 80px;
    overflow: hidden;
    margin-right: 5px;
    border: 3px solid rgba(0, 0, 0, 0.06);
    border-radius: 50px;
}

.utf_list_box_listing_item-img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 150px;
    position: relative;
}

.utf_list_box_listing_item_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 25px;
}

.bookings .utf_list_box_listing_item_content .inner {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.utf_list_box_listing_item_content .inner {
    position: relative;
    top: 14px;
    vertical-align: top;
}

.bookings .utf_list_box_listing_item_content .inner h3 {
    margin-bottom: 10px;
}

.utf_list_box_listing_item_content .inner h3 {
    font-size: 18px;
    bottom: -2px;
    position: relative;
    font-weight: 500;
    margin: 0;
    margin-bottom: 0px;
    line-height: 27px;
}

.utf_pending_booking_listing
.bookings
.inner
h3
span.utf_booking_listing_status {
    background-color: #61b2db;
}

.bookings .inner h3 span.utf_booking_listing_status {
    border-radius: 4px;
    line-height: 20px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    padding: 2px 7px;
    margin-left: 3px;
    position: relative;
    top: 0px;
    display: inline-block;
    vertical-align: top;
}

.utf_list_box_listing_item_content .inner span {
    font-size: 15px;
    font-weight: 300;
    display: inline-block;
}

.bookings .inner h3 span.utf_booking_listing_status.unpaid {
    background-color: #ee3535;
}

.utf_inner_booking_listing_list h5 {
    display: inline-block;
    font-weight: 600;
    margin: 0;
    color: #666;
}

.dashboard-list-box ul ul {
    background-color: transparent;
}

.utf_inner_booking_listing_list ul {
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
}

    .utf_inner_booking_listing_list ul li.highlighted {
        padding: 0px;
        line-height: 24px;
        font-weight: 400;
        font-size: 14px;
        color: #8d8d8d;
        display: inline-block;
    }

.dashboard-list-box ul li:last-child {
    border: none;
}

.utf_approved_booking_listing
.bookings
.inner
h3
span.utf_booking_listing_status {
    background-color: #64bc36;
}

.dashboard-list-box ul ul {
    background-color: transparent;
}

.utf_inner_booking_listing_list ul {
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
}

    .utf_inner_booking_listing_list ul li::after {
        content: "";
        display: inline-block;
        position: relative;
        margin: 0 8px;
        height: 12px;
        top: 2px;
        background-color: #ddd;
        width: 2px;
    }

.utf_canceled_booking_listing
.bookings
.inner
h3
span.utf_booking_listing_status {
    background-color: #ee3535;
}

.utf_list_box_listing_item_content
.utf_inner_booking_listing_list
ul.utf_booking_listing_list
li:last-child::after {
    display: none;
}

.dashboard-list-box ul li:last-child {
    border: none;
}

/*==========
  Bookings Confimation Style
============*/
.utf_booking_listing_section_form,
.utf_booking_payment_option_form {
    background-color: #f9f9f9;
    border-radius: 4px;
    padding: 30px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.utf_booking_listing_section_form {
    padding: 15px 20px;
}

    .utf_booking_listing_section_form h3,
    .utf_booking_payment_option_form h3 {
        width: 100%;
        font-size: 20px;
        font-weight: 600;
        line-height: 40px;
        padding: 0 0 20px;
        margin: 5px 0 10px 0;
        display: block;
        border-bottom: 1px solid #e8e8e8;
    }

.utf_booking_payment_option_form h3 {
    margin: 5px 0 0 0;
}

    .utf_booking_listing_section_form h3 i,
    .utf_booking_payment_option_form h3 i {
        margin-right: 10px;
        color: #fff;
        width: 40px;
        height: 40px;
        background: var(--dark-green);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
    }

.utf_booking_listing_confirmation_section {
    background-color: #f9f9f9;
    border-radius: 4px;
    padding: 50px 30px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.08);
    text-align: center;
}

    .utf_booking_listing_confirmation_section i {
        color: #54ba1d;
        font-size: 140px;
        margin-bottom: 20px;
        display: inline-block;
        font-weight: 800;
    }

    .utf_booking_listing_confirmation_section h2 {
        font-size: 40px;
        line-height: 54px;
        font-weight: 800;
        letter-spacing: 1px;
        margin-bottom: 15px;
        display: block;
        text-transform: uppercase;
    }

    .utf_booking_listing_confirmation_section p {
        font-size: 20px;
        display: block;
    }

/*==========
  Edit Profile Style
============*/
.edit-profile-photo img {
    border-radius: 50%;
    max-width: 200px;
    width: 100%;
    border: 10px solid rgba(0, 0, 0, 0.08);
}

.edit-profile-photo {
    position: relative;
    display: block;
    margin-bottom: 35px;
    text-align: center;
}

.change-photo-btn {
    font-weight: 600;
    padding: 5px;
    color: #333;
    background-color: #fff;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    font-size: 13px;
    width: auto;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    line-height: 20px;
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    width: 140px;
    margin: 0 auto;
}

.photoUpload {
    position: relative;
    overflow: hidden;
    padding: 3px 5px;
    cursor: pointer;
}

    .photoUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.change-photo-btn:hover {
    color: #fff;
    background-color: #ff2222;
}

.change-photo-btn i {
    margin-right: 2px;
}

.my-profile label {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #707070;
    margin-bottom: 9px;
}

.my-profile {
    display: block;
}

    .my-profile label i {
        margin-right: 3px;
    }

    .my-profile textarea {
        height: 200px;
    }

.utf_list_box_listing_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0;
    position: relative;
}

.utf_list_box_listing_item-img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 250px;
    position: relative;
}

    .utf_list_box_listing_item-img a {
        width: 100%;
        height: 100%;
        display: inline-block;
        overflow: hidden;
        position: relative;
        z-index: 10;
    }

        .utf_list_box_listing_item-img a:before {
            content: "";
            height: 100%;
            width: 100%;
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            background-color: rgba(22, 22, 22, 0.2);
            border-radius: 4px;
            z-index: 11;
        }

        .utf_list_box_listing_item-img a img {
            -o-object-fit: cover;
            object-fit: cover;
            height: 100%;
            width: 100%;
            border-radius: 4px;
        }

.utf_list_box_listing_item_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px;
}

    .utf_list_box_listing_item_content .inner {
        position: relative;
        top: 14px;
        vertical-align: top;
    }

        .utf_list_box_listing_item_content .inner h3 {
            font-size: 15px;
            bottom: 2px;
            position: relative;
            font-weight: 100;
            margin: 0;
            line-height: 25px;
        }

        .utf_list_box_listing_item_content .inner span {
            font-size: 14px;
            font-weight: 400;
            display: inline-block;
        }

.utf_dashboard_list_box .utf_list_box_listing_item_content .inner span {
    display: block;
    margin: 2px;
    vertical-align: sub;
    color: #808080;
}

    .utf_dashboard_list_box .utf_list_box_listing_item_content .inner span i {
        font-size: 16px;
        color: #ff2222;
        padding-right: 3px;
        width: 18px;
        display: inline-block;
        text-align: center;
        vertical-align: sub;
    }

.utf_list_box_listing_item_content .inner .numerical-rating,
.utf_list_box_listing_item_content .inner .utf_star_rating_section {
    margin: 5px 0 0 0;
    display: block;
}

.utf_list_box_listing_item_content p {
    margin-top: 5px;
    font-size: 15px;
    line-height: 25px;
    color: #848484;
}

/*==========
  Coming Soon Style
============*/
.utf_coming_soon_section {
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
}

    .utf_coming_soon_section .container {
        z-index: 15;
        position: relative;
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

@media (max-width: 992px) {
    .utf_coming_soon_section {
        min-height: 100vh;
        height: auto;
    }

        .utf_coming_soon_section .container {
            padding-top: 50px;
            padding-bottom: 50px;
            top: auto;
            -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
            transform: translateY(0%);
        }
}

.utf_coming_soon_section:before {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10;
    content: "";
    background-color: rgba(26, 26, 26, 0.8);
}

.utf_coming_soon_section h2,
.utf_coming_soon_section h3 {
    margin: 0;
    padding: 0;
}

.utf_coming_soon_section h2 {
    font-size: 46px;
    color: #fff;
}

.utf_coming_soon_section h3 {
    font-size: 38px;
    font-weight: 600;
    margin: 30px 0 25px 0;
    color: #f9f9f9;
}

.utf_coming_soon_section p {
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0 30px 0;
    color: #cbcbcb;
}

.utf_coming_soon_section .utf_coming_soon_search_input_section input {
    font-size: 16px;
    font-weight: 600;
}

.utf_coming_soon_section .gray-style.utf_coming_soon_search_input {
    max-width: 600px;
    margin: 0 auto;
}

.utf_coming_soon_section .utf_coming_soon_search_input button.button {
    font-size: 16px;
}

#utf_countdown {
    font-weight: 600;
    float: none;
    display: inline-block;
}

    #utf_countdown div {
        display: inline-block;
        margin: 0 8px;
        float: left;
    }

        #utf_countdown div:first-child i {
            border: none;
        }

    #utf_countdown span {
        background-color: #ff2222;
        font-size: 38px;
        color: #fff;
        width: 135px;
        height: 135px;
        display: inline-block;
        padding: 56px 0;
        font-weight: 600;
        letter-spacing: -1px;
        border-radius: 50%;
    }

    #utf_countdown i {
        display: block;
        font-style: normal;
        margin: 0;
        margin-top: 10px;
        text-transform: none;
        font-size: 16px;
        padding: 5px 0;
        font-weight: 400;
        letter-spacing: 0.5px;
        background-color: rgba(255, 255, 255, 0.2);
        color: #ffffff;
        border-radius: 30px;
    }

.utf_countdown-text {
    font-size: 24px;
    margin-top: 15px;
    line-height: 36px;
    font-weight: 300;
}

@media (max-width: 550px) {
    #utf_countdown span {
        color: #fff;
        width: 128px;
        height: 128px;
        padding: 50px 0;
    }

    #utf_countdown {
        float: none;
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

        #utf_countdown div {
            padding: 10px 0;
            text-align: center;
            display: inline-block;
        }
}

@media (max-width: 633px) {
    #utf_countdown div {
        padding: 10px;
        text-align: center;
        display: inline-block;
        margin: 0 auto;
        left: 0;
        right: 0;
        width: 50%;
    }
}

.utf_coming_soon_search_input {
    margin-top: 40px;
    border-radius: 3px;
    width: 100%;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px;
    max-height: 70px;
}

    .utf_coming_soon_search_input
    .utf_coming_soon_search_input_section:nth-last-child(2) {
        border-right: none;
        padding-left: 0px;
        padding-right: 10px;
    }

.gray-style.utf_coming_soon_search_input input {
    background: #fff;
}

.utf_coming_soon_section .utf_coming_soon_search_input_section input {
    font-size: 16px;
    font-weight: 400;
}

.utf_coming_soon_search_input input,
.utf_coming_soon_search_input input:focus {
    font-size: 16px;
    border: none;
    background: #fff;
    margin: 0;
    padding: 10px 15px 10px 20px;
    color: #808080;
    height: 50px;
    line-height: 50px;
    border-radius: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.utf_coming_soon_search_input button.button {
    font-size: 18px;
    font-weight: 500;
    padding: 0 40px;
    margin-right: 1px;
    height: 50px;
    border-radius: 30px;
    outline: none;
}

.utf_coming_soon_search_input_section {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

@media (max-width: 767px) {
    .utf_coming_soon_search_input_section,
    .utf_coming_soon_search_input
    .utf_coming_soon_search_input_section:nth-last-child(2) {
        padding: 0;
    }

    .utf_coming_soon_search_input_section {
        margin-bottom: 10px;
    }

    .gray-style.utf_coming_soon_search_input input,
    .gray-style.utf_coming_soon_search_input input:focus,
    .utf_coming_soon_search_input input,
    .utf_coming_soon_search_input input:focus {
        padding: 0 20px;
        height: 55px;
        line-height: 55px;
        border-radius: 4px;
        background: #fff;
        border: 1px solid #e0e0e0;
        -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
        box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
    }

        .gray-style.utf_coming_soon_search_input input,
        .gray-style.utf_coming_soon_search_input input:focus,
        .utf_coming_soon_search_input input,
        .utf_coming_soon_search_input input:focus {
            padding: 0 20px;
        }

    .utf_coming_soon_search_input button.button {
        margin-top: 10px;
    }

    .utf_coming_soon_section .utf_coming_soon_search_input button.button {
        font-size: 16px;
    }

    .gray-style.utf_coming_soon_search_input {
        background-color: transparent;
    }

    .utf_coming_soon_search_input {
        border-radius: 0;
        display: block;
        padding: 0;
        max-height: 100%;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.utf_listing_categorie {
    clear: both;
    margin: -15px 0;
    overflow: hidden;
}

.utf_listing_categorybox {
    width: 100%;
    float: left;
    margin: 15px 0;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.02);
    background: #f9f9f9;
    padding: 20px 10px;
    height: 415px;
}

.utf_listing_category_title {
    width: 100%;
    float: left;
}

    .utf_listing_category_title h3 {
        color: #323232;
        margin: 0;
        float: left;
        font-size: 18px;
        font-weight: 500;
        line-height: 40px;
        padding-left: 10px;
    }

.utf_listing_cateicon {
    background: #f38e26;
    width: 36px;
    height: 36px;
    color: #fff;
    float: left;
    margin-right: 5px;
    line-height: 36px;
    border-radius: 50%;
    text-align: center;
}

    .utf_listing_cateicon i {
        color: #fff;
        font-size: 20px;
        line-height: 36px;
        text-align: center;
    }

.utf_listing_categorybox ul {
    width: 100%;
    float: left;
    list-style: none;
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0px;
    height: 338px;
    overflow: auto;
}

    .utf_listing_categorybox ul li:first-child {
        border-top: 1px solid rgba(0, 0, 0, 0.05);
    }

    .utf_listing_categorybox ul li {
        width: 100%;
        float: left;
        padding: 12px 10px;
        line-height: inherit;
        list-style-type: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

        .utf_listing_categorybox ul li a {
            font-size: 15px;
            font-weight: 400;
            color: #626262;
            float: left;
            line-height: inherit;
            list-style-type: none;
            -webkit-transition: all 0.5s ease 0;
            -o-transition: all 0.5s ease 0;
            transition: all 0.5s ease 0;
            -webkit-transition: all 0.5s ease 0s;
            -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
            width: 100%;
        }

            .utf_listing_categorybox ul li a:hover {
                color: #f38e26;
                padding-left: 5px;
                -webkit-transition: all 0.5s ease 0;
                -o-transition: all 0.5s ease 0;
                transition: all 0.5s ease 0;
                -webkit-transition: all 0.5s ease 0s;
                -o-transition: all 0.5s ease 0s;
                transition: all 0.5s ease 0s;
            }

        .utf_listing_categorybox ul li span {
            font-size: 15px;
            font-weight: 400;
            float: right;
        }

.listing_tags_section a {
    border: 1px solid #e0e0e0;
    color: #707070;
    padding: 3px 15px;
    font-size: 15px;
    font-weight: 600;
    margin-right: 10px;
    border-radius: 4px;
    display: inline-block;
    margin-top: 8px;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
}

    .listing_tags_section a i {
        padding-right: 5px;
        opacity: 1;
        color: #b0b0b0;
        vertical-align: middle;
    }

    .listing_tags_section a:hover {
        background: #ff2222;
        color: #ffffff;
        border-color: #ff2222 !important;
    }

        .listing_tags_section a:hover i {
            color: #ffffff;
        }

/*==========
  Dashboard List Style
============*/
.utf_dashboard_list_box .comments.utf_listing_reviews li {
    margin: 19px 0 10px 0;
}

.utf_dashboard_list_box a.rate-review {
    border: none;
    color: #666;
    font-weight: 600;
    background-color: #f4f4f4;
    padding: 5px 15px;
}

    .utf_dashboard_list_box a.rate-review:hover {
        background-color: #ff2222;
        color: #fff;
    }

.utf_dashboard_list_box .utf_by_comment-listing {
    display: inline-block;
    color: #888;
    font-size: 14px;
    font-weight: 400;
}

    .utf_dashboard_list_box .utf_by_comment-listing.own-comment,
    .utf_dashboard_list_box .utf_by_comment-listing.own-comment a {
        color: #888;
        font-weight: 600;
    }

        .utf_dashboard_list_box .utf_by_comment-listing.own-comment a {
            color: #ff2222;
        }

    .utf_dashboard_list_box .utf_by_comment-listing a {
        color: #ff2222;
        font-size: 16px;
        font-weight: 600;
    }

        .utf_dashboard_list_box .utf_by_comment-listing a:hover {
            color: #888;
        }

.add_utf_listing_section label.switch {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 100;
}

.add_utf_listing_section {
    position: relative;
}

    .add_utf_listing_section .switcher-content {
        opacity: 1;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }

    .add_utf_listing_section.switcher-on .switcher-content {
        opacity: 1;
        pointer-events: all;
    }

label.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
    margin-top: 0;
    margin-bottom: 0px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    border-radius: 50px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 22px;
        width: 22px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        border-radius: 50px;
    }

input:checked + .slider {
    background-color: #66676b;
}

    input:checked + .slider:before {
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

.utf_submit_section h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
    color: #707070;
}

.add_utf_listing_section {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.08);
    padding: 0 30px 30px 30px;
    width: 100%;
    float: left;
}

.utf_add_listing_part_headline_part {
    width: calc(100% + 60px);
    left: -30px;
    position: relative;
    padding: 20px 25px;
    margin: 0 0 30px 0;
    border-radius: 4px 4px 0 0;
    background-color: #424242;
    border-bottom: 1px solid #eaeaea;
}

    .utf_add_listing_part_headline_part h3 {
        padding: 0;
        margin: 0;
        color: #fff;
        font-weight: 400;
        line-height: 34px;
        font-size: 20px;
        position: relative;
        top: 1px;
    }

#utf_add_listing_part h5 {
    font-size: 16px;
    font-weight: 600;
    color: #707070;
    margin-bottom: 15px;
}

    #utf_add_listing_part h5 span {
        color: #888;
        font-weight: 400;
    }

    #utf_add_listing_part h5 i {
        padding-right: 4px;
    }

.utf_add_listing_part_headline_part i {
    margin-right: 10px;
    color: #fff;
    width: 40px;
    height: 40px;
    font-size: 18px;
    background: #ff2222;
    padding: 10px;
    border-radius: 50%;
}

.button.preview {
    margin-top: 40px;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 20px;
    display: inline-block;
}

    .button.preview i {
        padding: 0;
        margin: 0 0 0 4px;
    }

.add_utf_listing_section .row.with-forms input,
.add_utf_listing_section .row.with-forms input[type="text"],
.add_utf_listing_section .row.with-forms input[type="password"],
.add_utf_listing_section .row.with-forms input[type="email"],
.add_utf_listing_section .row.with-forms input[type="number"],
.add_utf_listing_section .row.with-forms textarea,
.add_utf_listing_section .row.with-forms input,
.add_utf_listing_section .row.with-forms select,
.add_utf_listing_section .row.with-forms .chosen-container {
    margin-bottom: 22px;
}

.add_utf_listing_section textarea {
    min-height: 200px;
    margin-bottom: 35px;
}

#utf_add_listing_part h5.fb-input {
    color: #3b5998;
}

#utf_add_listing_part h5.twitter-input {
    color: #1da1f2;
}

#utf_add_listing_part h5.gplus-input {
    color: #dd4b39;
}

.tip {
    font-style: normal;
    position: relative;
    top: -1px;
    left: 2px;
    display: inline-block;
    cursor: help;
    color: #fff;
    font-size: 11px;
    line-height: 0;
    width: 18px;
    height: 18px;
    background: #66676b;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    padding: 0 !important;
    font-weight: 500;
}

.tip-content {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, calc(-100% - 20px));
    transform: translate(-50%, calc(-100% - 20px));
    -ms-transform: translate(-50%, -100%);
    background: #333;
    color: #fff;
    padding: 13px 15px;
    min-width: 200px;
    max-width: 200px;
    font-size: 14px;
    border-radius: 4px;
    line-height: 20px;
    pointer-events: none;
    z-index: 9;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.tip:hover .tip-content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, calc(-100% - 13px));
    transform: translate(-50%, calc(-100% - 13px));
    -ms-transform: translate(-50%, -115%);
}

.tip:after {
    font-family: "FontAwesome";
    content: "\f128";
    line-height: 19px;
    display: inline-block;
    position: relative;
    text-align: center;
    -moz-transform: translateY(-1px);
}

.tip-content:after {
    font-family: "FontAwesome";
    content: "\f0dd";
    position: absolute;
    bottom: 3px;
    left: 50%;
    font-size: 22px;
    color: #333;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.utf_opening_day {
    margin-bottom: 22px;
}

    .utf_opening_day h5 {
        margin-top: 17px;
        -webkit-transition: 0.15s;
        -o-transition: 0.15s;
        transition: 0.15s;
    }

    .utf_opening_day:hover h5 {
        color: #66676b !important;
    }

    .utf_opening_day .chosen-container .chosen-results {
        max-height: 200px;
    }

#utf_pricing_list_section {
    width: 100%;
    margin-top: 10px;
}

.pricing-list-item td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 5px;
}

    .pricing-list-item td .fm-input,
    .pricing-list-item td .fm-move,
    .pricing-list-item td .fm-close {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative;
    }

    .pricing-list-item td .fm-move,
    .pricing-list-item td .fm-close {
        max-width: 40px;
    }

    .pricing-list-item td .fm-move {
        cursor: move;
        line-height: 51px;
        color: #666;
        font-size: 17px;
    }

    .pricing-list-item td .fm-close {
        text-align: right;
    }

        .pricing-list-item td .fm-close a {
            background: #ff2222;
            padding: 0;
            width: 32px;
            height: 32px;
            line-height: 30px;
            border-radius: 50%;
            color: #fff;
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            margin-left: 10px;
            margin-top: 10px;
        }

    .pricing-list-item td .fm-input {
        margin-right: 20px;
    }

        .pricing-list-item td .fm-input.pricing-name {
            max-width: 350px;
        }

        .pricing-list-item td .fm-input.pricing-price {
            max-width: 150px;
            margin-right: 0;
        }

.pricing-submenu {
    display: block;
    padding-top: 20px;
}

    .pricing-submenu input {
        background-color: #ffffff;
    }

    .pricing-submenu.pricing-list-item td .fm-input {
        margin-right: 0;
    }

#utf_pricing_list_section
tbody
tr:first-child.pricing-list-item.pricing-submenu {
    padding-top: 0;
}

.data-unit {
    position: absolute;
    top: 12px;
    right: 19px;
    font-style: normal;
    color: #aaa;
    z-index: 110;
    background-color: transparent;
    outline: 0;
    border: 0;
    padding: 0 0 0 10px;
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    pointer-events: none;
    background-color: #fff;
}

.add-pricing-submenu.button:before,
.add-pricing-list-item.button:before {
    display: none;
}

.add-pricing-submenu.button,
.add-pricing-list-item.button {
    margin-top: 15px;
    margin-bottom: 5px;
    background-color: #ff2222;
    color: #fff;
    padding: 8px 22px;
    font-weight: 500;
}

    .add-pricing-submenu.button:hover,
    .add-pricing-list-item.button:hover {
        color: #fff;
        background-color: #999;
    }

.infoBox {
    border-radius: 4px;
}

/*==========
  Styles Switcher
============*/
#color_switcher_preview h3 {
    color: #fff;
    font-size: 13px;
    margin: 10px 0;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
}

#color_switcher_preview {
    background: #f9f9f9;
    width: 210px;
    position: fixed;
    top: 200px;
    z-index: 999;
    right: -210px;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5);
    border-radius: 0 0 0px 15px;
}

    #color_switcher_preview ul {
        list-style: none;
        padding: 0;
        margin-bottom: 15px;
    }

    #color_switcher_preview div {
        padding: 6px 18px;
    }

    #color_switcher_preview h2 {
        background: #323232;
        color: #fff;
        font-size: 15px;
        line-height: 50px;
        padding: 0;
        text-align: center;
        margin-top: 0;
        font-weight: 500;
        text-transform: capitalize;
    }

        #color_switcher_preview h2 a {
            background-color: #323232;
            display: block;
            height: 50px;
            position: absolute;
            left: -50px;
            top: 0;
            width: 50px;
            border-radius: 25px 0 0 25px;
            font-size: 22px;
            color: #fff;
            text-align: center;
        }

            #color_switcher_preview h2 a i {
                position: relative;
                top: 0px;
            }

.colors {
    list-style: none;
    margin: 0 0px 10px 0;
    overflow: hidden;
}

    .colors li {
        float: left;
        margin: 6px 3px 0 3px;
    }

        .colors li a {
            display: block;
            width: 50px;
            height: 50px;
            cursor: pointer;
        }

div.layout-style {
    padding: 0 !important;
}

.layout-style select {
    width: 164px;
    padding: 7px;
    color: #aaa;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin: 2px 0 25px 0px;
    background-color: #505050;
    border: 0;
    min-height: auto;
}

.stylesheet {
    background: #ff2222;
}

.stylesheet_1 {
    background: #ff7600;
}

.stylesheet_2 {
    background: #ff214f;
}

.stylesheet_3 {
    background: #f52084;
}

.stylesheet_4 {
    background: #5c37ec;
}

.stylesheet_5 {
    background: #1dc4ce;
}

.colors li a.active {
    -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.3) inset;
}

.colors li a {
    border-radius: 50px;
}

#reset {
    margin: -5px 0 15px 0px;
}

    #reset a.button {
        padding: 7px 14px;
        font-weight: 700;
        font-size: 13px;
    }

        #reset a.button:hover {
            color: #333;
            background-color: #fff;
        }

@media only screen and (max-width: 767px) {
    #color_switcher_preview {
        display: none;
    }

    .utf_booking_listing_section_form,
    .utf_booking_payment_option_form {
        padding: 6px 8px;
    }

    .utf_listing_payment_section .boxed-widget {
        padding: 10px;
    }

    .utf_hosted_by_user_title.newContent .utf_hosted_by_avatar_listing {
        top: 53%;
    }
}

/*==========
  Map Box Style
============*/
.map-box {
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
    position: relative;
}

    .map-box .listing-img-container img {
        width: 100%;
        border-radius: 4px 4px 0 0;
    }

    .map-box h4 {
        margin: 0;
        padding: 0;
    }

        .map-box h4 a {
            padding: 0 0 2px 0;
            font-size: 17px;
            line-height: 25px;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            display: inline-block;
        }

.listing-img-container {
    position: relative;
    height: 100%;
    display: block;
}

.map-box h4 a:hover {
    color: #66676b;
}

.map-box p {
    padding: 0;
    line-height: 25px;
    margin: 2px 0 0 0;
    font-size: 14px;
}

.map-box ul.listing-details {
    padding: 0;
    font-size: 14px;
    display: none;
}

.map-box .listing-title {
    padding: 5px 15px 2px;
    text-align: center;
}

.map-box .listing-img-content {
    padding: 18px 22px;
}

    .map-box .listing-img-content span {
        font-size: 21px;
    }

    .map-box .listing-img-content .utf_listing_price i {
        font-size: 15px;
        margin: -7px 0 0 0;
    }

.infoBox > img {
    position: absolute !important;
    right: 0px;
    top: 0px;
}

.map-box .utf_listing_item_content {
    position: relative;
    left: 0;
    margin: 20px 0 0 0;
    width: 100%;
    z-index: 50;
    padding: 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    bottom: 12px;
}

    .map-box .utf_listing_item_content h3 {
        color: #444;
        font-size: 17px;
        padding: 0;
        font-weight: 600;
        margin: 0;
        line-height: 28px;
    }

    .map-box .utf_listing_item_content span {
        font-size: 14px;
        font-weight: 500;
        display: inline-block;
        color: rgba(0, 0, 0, 0.5);
    }

.gm-style .gm-style-iw-c,
.gm-style-iw-t::before,
.gm-style .gm-style-iw-t::after {
    display: none;
}

.infoBox-close {
    position: absolute;
    top: 0px;
    right: 0px;
    display: inline-block;
    z-index: 99999;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    width: 30px;
    background-color: #fff;
    color: #000000;
    -webkit-transition: all 0.5s ease 0;
    -o-transition: all 0.5s ease 0;
    transition: all 0.5s ease 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    font-family: "FontAwesome";
    border-radius: 0 15px 0 10px;
}

.map-box .infoBox-close {
    border-radius: 4px;
}

.infoBox-close:hover {
    color: #fff;
    background-color: #ff2222;
    -webkit-text-stroke: 1px #ff2222;
}

.map-box-icon {
    height: 38px;
    width: 38px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #3685cf;
    display: block;
    color: #fff;
    font-size: 12px;
    z-index: 101;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
    visibility: hidden;
}

    .map-box-icon:before {
        content: "\f064";
        font-family: "FontAwesome";
        position: relative;
        top: 7px;
        display: block;
    }

.map-box-image:hover .map-box-icon {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.map-box-image {
    position: relative;
    overflow: hidden;
    display: block;
}

.infoBox {
    -webkit-animation: fadeIn 0.9s;
    animation: fadeIn 0.9s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.infoBox .utf_star_rating_section {
    font-size: 16px;
    text-align: left;
    margin-top: -10px;
}

    .infoBox .utf_star_rating_section span {
        margin-right: 3px;
    }

.infoBox .utf_counter_star_rating {
    position: relative;
    top: -1px;
}

.infoBox:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #fff;
}

#map {
    height: 100%;
    width: 100%;
    margin: 0;
    z-index: 990;
}

#utf_map_container {
    position: relative;
    top: 0;
    left: 0;
    height: 520px;
    width: 100%;
    z-index: 990;
    margin-bottom: 60px;
}

.gmnoprint {
    margin: 10px;
}

#utf_map_container.fullwidth_block-home-map {
    height: 620px;
    margin-bottom: 0;
}

    #utf_map_container.fullwidth_block-home-map .main_inner_search_block {
        position: absolute;
        display: block;
        bottom: 60px;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding-bottom: 0;
        z-index: 9999;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    #utf_map_container.fullwidth_block-home-map .main_input_search_part {
        margin-top: 0;
    }

.cluster img {
    display: none;
}

.cluster-visible {
    text-align: center;
    font-size: 15px !important;
    color: #fff !important;
    font-weight: 500;
    border-radius: 50%;
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    background-color: #ff2222;
}

    .cluster-visible:before {
        -webkit-box-shadow: inset 0 0 0 4px rgba(21, 128, 199, 0.3);
        box-shadow: inset 0 0 0 4px rgba(21, 128, 199, 0.3);
        content: "";
        position: absolute;
        border-radius: 50%;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-animation: cluster-animation 2.5s infinite;
        animation: cluster-animation 2.5s infinite;
    }

@-webkit-keyframes cluster-animation {
    0%, 100% {
        -webkit-transform: scale(1.3) rotate(0deg);
        transform: scale(1.3) rotate(0deg);
    }

    50% {
        -webkit-transform: scale(1.5) rotate(90deg);
        transform: scale(1.5) rotate(90deg);
    }
}

@keyframes cluster-animation {
    0%, 100% {
        -webkit-transform: scale(1.3) rotate(0deg);
        transform: scale(1.3) rotate(0deg);
    }

    50% {
        -webkit-transform: scale(1.5) rotate(90deg);
        transform: scale(1.5) rotate(90deg);
    }
}

.map-marker-container {
    position: absolute;
    margin-top: 10px;
    -webkit-transform: translate3d(-50%, -100%, 0);
    transform: translate3d(-50%, -100%, 0);
}

.marker-container {
    position: relative;
    margin: 10px auto;
    width: 40px;
    height: 40px;
    z-index: 1;
    border-radius: 50%;
    cursor: pointer;
    top: -5px;
}

#utf_single_listingmap .marker-container {
    cursor: default;
}

.marker-container {
    -webkit-perspective: 1000;
    perspective: 1000;
}

.marker-card {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: absolute;
    z-index: 1;
}

.marker-container:hover .marker-card,
.map-marker-container.clicked .marker-card {
    -webkit-transform: rotateY(180deg) translateY(-4px);
    transform: rotateY(180deg) translateY(-4px);
}

.marker-arrow {
    width: 0;
    content: "";
    height: 0;
    border-style: solid;
    border-width: 12px 6px 0;
    border-color: #ff2222 transparent transparent;
    top: 35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    border-radius: 50%;
    z-index: 1;
}

.face {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    border-radius: 30px;
    color: #fff;
    z-index: 100;
}

    .face i {
        line-height: 34px;
        font-size: 20px;
    }

    .face.front {
        background-color: #fff;
        border: 2px solid #ff2222;
        color: #ff2222;
        z-index: 100;
    }

    .face.back {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #ff2222;
        border-color: #ff2222;
        color: #fff;
    }

        .face.back i {
            trasform: scaleX(-1);
            line-height: 38px;
            font-size: 18px;
        }

        .face.back:after {
            content: "";
            display: block;
            width: 36px;
            height: 36px;
            top: 2px;
            left: 2px;
            border-radius: 50%;
            position: absolute;
        }

.btn_center_item {
    display: block !important;
    text-align: center;
    margin: 0 auto !important;
}

.custom-zoom-in,
.custom-zoom-out {
    background-color: #fff;
    color: #333;
    cursor: pointer;
    border-radius: 50%;
    margin: 5px 15px;
    -webkit-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
    -webkit-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.2);
    text-align: center;
    font-size: 15px;
    height: 34px;
    width: 34px;
}

    .custom-zoom-in:hover,
    .custom-zoom-out:hover {
        background-color: #66676b;
        color: #fff;
    }

    .custom-zoom-in:before,
    .custom-zoom-out:before {
        font-family: "FontAwesome";
        width: 100%;
        line-height: 35px;
        transition: -webkit-text-stroke 0.3s;
        -webkit-text-stroke: 1px #fff;
    }

.zoomControlWrapper {
    position: absolute;
    right: 0;
    right: auto;
    width: 70px;
}

.custom-zoom-in:before {
    content: "\f067";
}

.custom-zoom-out:before {
    content: "\f068";
}

.custom-zoom-in:hover:before,
.custom-zoom-out:hover:before {
    -webkit-text-stroke: 1px #66676b;
}

#mapnav-buttons {
    position: absolute;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    z-index: 999;
    font-size: 14px;
    display: inline-block;
    bottom: 20px;
    right: 20px;
    list-style: none;
    padding: 0;
}

    #mapnav-buttons.top {
        top: 20px;
        right: 20px;
        bottom: auto;
    }

    #mapnav-buttons li {
        float: left;
        margin-left: 4px;
        line-height: 20px;
    }

    #utf_street_view_btn,
    #geoLocation,
    #scrollEnabling,
    #mapnav-buttons a {
        color: #333;
        background-color: #fff;
        padding: 7px 18px;
        padding-top: 9px;
        font-weight: 500;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        border-radius: 4px;
        -webkit-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.2);
    }

button.gm-control-active {
    border-radius: 30px !important;
}

#geoLocation:hover,
#utf_street_view_btn:hover,
#scrollEnabling:hover,
#scrollEnabling.enabled,
#mapnav-buttons a:hover {
    background-color: #ff2222;
    color: #fff;
}

#prevpoint:before,
#nextpoint:after {
    font-family: "FontAwesome";
    position: relative;
    font-weight: 500;
    margin: 0 0 0 6px;
    font-size: 17px;
    top: 0px;
    line-height: 1px;
}

#prevpoint:before {
    content: "\f104";
    margin: 0 6px 0 0;
}

#nextpoint:after {
    content: "\f105";
    margin: 0 0 0 6px;
}

#utf_street_view_btn,
#geoLocation,
#scrollEnabling {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 999;
    font-size: 13px;
    line-height: 21px;
}

    #utf_street_view_btn:before,
    #geoLocation:before,
    #scrollEnabling:before {
        content: "\e015";
        font-family: "simple-line-icons";
        position: relative;
        top: 2px;
        margin: 0 6px 0 0;
        font-size: 15px;
        line-height: 1px;
    }

    #scrollEnabling:before {
        margin-left: -3px;
    }

    #utf_street_view_btn:before {
        content: "\f21d";
        font-family: "FontAwesome";
        font-size: 16px;
        top: 1px;
        margin-right: 8px;
    }

#geoLocation {
    right: auto;
    left: 20px;
    padding: 8px 11px;
}

    #geoLocation:before {
        content: "\f192";
        font-family: "FontAwesome";
        font-size: 16px;
        margin: 0;
        top: 2px;
    }

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*==========
  Dropzone Style
============*/
.dropzone,
.dropzone * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.dropzone {
    min-height: 150px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: white;
    padding: 20px 20px;
}

    .dropzone.dz-clickable {
        cursor: pointer;
    }

        .dropzone.dz-clickable * {
            cursor: default;
        }

        .dropzone.dz-clickable .dz-message,
        .dropzone.dz-clickable .dz-message * {
            cursor: pointer;
        }

    .dropzone.dz-started .dz-message {
        display: none;
    }

    .dropzone.dz-drag-hover {
        border-style: solid;
    }

        .dropzone.dz-drag-hover .dz-message {
            opacity: 0.5;
        }

    .dropzone .dz-preview {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 10px;
        min-height: 100px;
    }

        .dropzone .dz-preview:hover {
            z-index: 1000;
        }

            .dropzone .dz-preview:hover .dz-details {
                opacity: 1;
            }

        .dropzone .dz-preview.dz-file-preview .dz-image {
            border-radius: 3px;
            background: #999;
            background: -o-linear-gradient(top, #eee, #ddd);
            background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
            background: linear-gradient(to bottom, #eee, #ddd);
        }

        .dropzone .dz-preview.dz-file-preview .dz-details {
            opacity: 1;
        }

        .dropzone .dz-preview.dz-image-preview {
            background: white;
        }

            .dropzone .dz-preview.dz-image-preview .dz-details {
                -webkit-transition: opacity 0.2s linear;
                -o-transition: opacity 0.2s linear;
                transition: opacity 0.2s linear;
            }

        .dropzone .dz-preview .dz-remove {
            font-size: 14px;
            text-align: center;
            display: block;
            cursor: pointer;
            border: none;
        }

            .dropzone .dz-preview .dz-remove:hover {
                text-decoration: underline;
            }

        .dropzone .dz-preview:hover .dz-details {
            opacity: 1;
        }

        .dropzone .dz-preview .dz-details {
            z-index: 20;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            font-size: 13px;
            min-width: 100%;
            max-width: 100%;
            padding: 2em 1em;
            text-align: center;
            color: rgba(0, 0, 0, 0.9);
            line-height: 150%;
        }

            .dropzone .dz-preview .dz-details .dz-size {
                margin-bottom: 1em;
                font-size: 16px;
            }

            .dropzone .dz-preview .dz-details .dz-filename {
                white-space: nowrap;
            }

                .dropzone .dz-preview .dz-details .dz-filename:hover span {
                    border: 1px solid rgba(200, 200, 200, 0.8);
                    background-color: rgba(255, 255, 255, 0.8);
                }

                .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
                    overflow: hidden;
                    -o-text-overflow: ellipsis;
                    text-overflow: ellipsis;
                }

                    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
                        border: 1px solid transparent;
                    }

                .dropzone .dz-preview .dz-details .dz-filename span,
                .dropzone .dz-preview .dz-details .dz-size span {
                    background-color: rgba(255, 255, 255, 0.4);
                    padding: 0 0.4em;
                    border-radius: 3px;
                }

        .dropzone .dz-preview:hover .dz-image img {
            -webkit-transform: scale(1.05, 1.05);
            -ms-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
            -webkit-filter: blur(8px);
            filter: blur(8px);
        }

        .dropzone .dz-preview .dz-image {
            border-radius: 3px;
            overflow: hidden;
            width: 107px;
            height: 107px;
            position: relative;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            display: block;
            z-index: 10;
        }

            .dropzone .dz-preview .dz-image img {
                display: block;
                -webkit-filter: blur(0px);
                filter: blur(0px);
                -webkit-transition: all 0.4s;
                -o-transition: all 0.4s;
                transition: all 0.4s;
            }

        .dropzone .dz-preview.dz-success .dz-success-mark {
            -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
        }

        .dropzone .dz-preview.dz-error .dz-error-mark {
            opacity: 1;
            -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
        }

        .dropzone .dz-preview .dz-success-mark,
        .dropzone .dz-preview .dz-error-mark {
            pointer-events: none;
            opacity: 0;
            z-index: 500;
            position: absolute;
            display: block;
            top: 58%;
            left: 56%;
            margin-left: -27px;
            margin-top: -27px;
        }

            .dropzone .dz-preview .dz-success-mark svg,
            .dropzone .dz-preview .dz-error-mark svg {
                display: block;
                width: 40px;
                height: 40px;
            }

        .dropzone .dz-preview.dz-processing .dz-progress {
            opacity: 1;
            -webkit-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .dropzone .dz-preview.dz-complete .dz-progress {
            opacity: 0;
            -webkit-transition: opacity 0.4s ease-in;
            -o-transition: opacity 0.4s ease-in;
            transition: opacity 0.4s ease-in;
        }

        .dropzone .dz-preview:not(.dz-processing) .dz-progress {
            -webkit-animation: pulse 6s ease infinite;
            animation: pulse 6s ease infinite;
        }

        .dropzone .dz-preview .dz-progress {
            opacity: 1;
            z-index: 1000;
            pointer-events: none;
            position: absolute;
            height: 16px;
            left: 50%;
            top: 50%;
            margin-top: -8px;
            width: 80px;
            margin-left: -40px;
            background: rgba(255, 255, 255, 0.9);
            -webkit-transform: scale(1);
            border-radius: 8px;
            overflow: hidden;
        }

            .dropzone .dz-preview .dz-progress .dz-upload {
                background: #333;
                background: -o-linear-gradient(top, #666, #444);
                background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
                background: linear-gradient(to bottom, #666, #444);
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 0;
                -webkit-transition: width 300ms ease-in-out;
                -o-transition: width 300ms ease-in-out;
                transition: width 300ms ease-in-out;
            }

        .dropzone .dz-preview.dz-error .dz-error-message {
            display: block;
        }

        .dropzone .dz-preview.dz-error:hover .dz-error-message {
            opacity: 1;
            pointer-events: auto;
        }

        .dropzone .dz-preview .dz-error-message {
            pointer-events: none;
            z-index: 1000;
            position: absolute;
            display: block;
            display: none;
            opacity: 0;
            -webkit-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
            font-size: 13px;
            top: 130px;
            left: -10px;
            width: 140px;
            background: #ff2222;
            background: -o-linear-gradient(top, #ff2222, #ff2222);
            background: -webkit-gradient(linear, left top, left bottom, from(#ff2222), to(#ff2222));
            background: linear-gradient(to bottom, #ff2222, #ff2222);
            border-radius: 4px;
            padding: 10px 15px;
            line-height: 18px;
            color: white;
        }

            .dropzone .dz-preview .dz-error-message:after {
                content: "";
                position: absolute;
                top: -6px;
                left: 64px;
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #ff2222;
            }

.dropzone {
    position: relative;
    border: 2px dashed #d0d0d0;
    border-radius: 16px;
    background: #fcfcfc;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-bottom: 10px;
    margin-top: 5px;
    display: inline-block;
    width: 100%;
}

    .dropzone:hover {
        border: 2px dashed #ff2222;
        background: #fff;
        -webkit-transition: all 0.35s linear;
        -o-transition: all 0.35s linear;
        transition: all 0.35s linear;
    }

    .dropzone:before {
        position: absolute;
        height: 100%;
        width: 100%;
        content: "";
        top: 0;
        left: 0;
        background: -o-linear-gradient( top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9) );
        background: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.9)) );
        background: linear-gradient( to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9) );
        background-color: #59b02c;
        opacity: 0;
        z-index: 10;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        border-radius: 3px;
    }

    .dropzone:hover:before {
        opacity: 0.4;
    }

    .dropzone .dz-message {
        text-align: center;
        margin: 50px 0;
        font-size: 17px;
        color: #888;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        position: relative;
        z-index: 11;
    }

    .dropzone:hover .dz-message {
        color: #ff2222;
    }

        .dropzone:hover .dz-message i {
            border: 2px solid #ff2222;
            width: 80px;
            height: 80px;
            line-height: 36px;
            border-radius: 50px;
        }

.dz-message i {
    border: 2px solid #888;
    padding: 20px;
    display: block;
    font-size: 36px;
    margin-bottom: 15px;
    width: 80px;
    height: 80px;
    line-height: 36px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50px;
}

.dropzone.dz-clickable .dz-message span {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    text-align: center;
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    overflow: hidden;
    position: fixed;
    background: #000;
    opacity: 0.96;
}

.mfp-wrap {
    top: -10px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2001;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    height: 100%;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 505;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
    overflow-x: hidden;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #aaa;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 504;
}

    .mfp-preloader a {
        color: #cccccc;
    }

        .mfp-preloader a:hover {
            color: #fff;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

.mfp-s-loading .mfp-arrow {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 506;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    right: 0px;
    top: -40px;
}

.og-close,
button.mfp-close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -20px;
    display: block;
    right: -12px;
    cursor: pointer !important;
    z-index: 9999;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 6px;
    margin: 0px;
    background-color: rgba(255, 255, 255, 0.2);
    outline: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mfp-iframe-holder .mfp-close {
    top: -50px;
    right: -12px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.utf_gallery .mfp-close {
    right: 10px;
    left: 0;
    top: 17px;
    margin: 0 auto;
}

.utf_gallery .mfp-content .mfp-close {
    display: none;
}

.utf_gallery .mfp-close:after,
.utf_gallery .mfp-close:before {
    font-family: "Font Awesome 5 Free";
    font-size: 29px;
    top: 4px;
    left: 50%;
    position: absolute;
    height: 10px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.mfp-close::after,
.mfp-close::before {
    top: 0px;
}

.og-close {
    margin: 17px;
    right: 10px;
    background: transparent;
    color: #222;
}

    .mfp-close:hover,
    .og-close:hover {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .og-close:after,
    .og-close:before,
    .mfp-close:after,
    .mfp-close:before {
        font-family: "FontAwesome";
        font-size: 29px;
        top: 21px;
        left: 50%;
        position: absolute;
        height: 10px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .og-close:after,
    .og-close:before {
        top: 7px;
        font-size: 29px;
    }

    .og-close:after,
    .mfp-close:after {
        content: "\f106";
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(-50%, 60%);
        transform: translate(-50%, 60%);
    }

    .og-close:after {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(-50%, 60%);
        transform: translate(-50%, 60%);
    }

    .og-close:before,
    .mfp-close:before {
        content: "\f107";
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }

#small-dialog .mfp-close,
#dialog_signin_part,
.mfp-close,
.mfp-close:hover {
    color: #fff;
}

    #dialog_signin_part .mfp-close,
    #small-dialog .mfp-close {
        color: #ff2222;
        background-color: #fff;
        border-radius: 30px;
        top: 20px;
        right: 20px;
        width: 34px;
        height: 34px;
    }

        #dialog_signin_part .mfp-close:hover,
        #small-dialog .mfp-close:hover {
            color: #666;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            background-color: #e4e4e4 !important;
        }

        #dialog_signin_part .mfp-close::after,
        #dialog_signin_part .mfp-close::before,
        #small-dialog .mfp-close::after,
        #small-dialog .mfp-close::before {
            top: 0px;
            height: 9px;
            font-size: 21px;
            -webkit-transition: 0s;
            -o-transition: 0s;
            transition: 0s;
        }

.small-dialog-content input[type="submit"] {
    width: 100%;
    margin-top: 26px;
    margin-bottom: 10px;
}

.small-dialog-content .divider {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    padding-bottom: 0;
}

.small_dialog_header {
    font-size: 22px;
    width: calc(100% + 40px);
    position: relative;
    left: -20px;
    top: 0;
    border-radius: 4px 4px 0 0;
    display: inline-block;
    background-color: #ff2222;
    padding: 25px;
    margin-bottom: 20px;
}

    .small_dialog_header h3 {
        font-weight: 500;
        padding: 0;
        margin: 0;
        color: #fff;
        font-size: 20px;
    }

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #aaa;
    font-size: 13px;
    line-height: 18px;
}

.mfp-arrow {
    opacity: 1;
    margin: 0 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    width: 44px;
    height: 44px;
    position: absolute;
    display: block;
    z-index: 100;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    outline: none;
}

    .mfp-arrow:hover {
        background: #ff2222;
        color: #fff;
    }

    .mfp-arrow.mfp-arrow-left,
    .mfp-arrow.mfp-arrow-right {
        font-family: "simple-line-icons";
        font-size: 20px;
    }

    .mfp-arrow.mfp-arrow-right {
        right: 15px;
    }

    .mfp-arrow.mfp-arrow-left:before {
        font-family: "Font Awesome 5 Free";
        content: "\f053";
        left: -1px;
        top: 0px;
        position: relative;
    }

    .mfp-arrow.mfp-arrow-right:before {
        font-family: "Font Awesome 5 Free";
        content: "\f054";
        left: 1px;
        top: 0px;
        position: relative;
    }

.mfp-content:hover .mfp-arrow {
    opacity: 1;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 1180px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 54%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: black;
    }

#small-dialog .utf_message_reply_block,
#small-dialog .utf_message_reply_block button {
    text-align: center;
    margin-right: 0;
}

    #small-dialog .utf_message_reply_block button {
        line-height: 26px;
    }

#dialog_signin_part,
#small-dialog {
    background: #ffffff;
    padding: 30px 20px;
    padding-top: 0;
    text-align: left;
    max-width: 400px;
    margin: 20px auto;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}

#dialog_signin_part {
    max-width: 450px;
}

    #dialog_signin_part span.line,
    #small-dialog span.line {
        padding-top: 0;
    }

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

.my-mfp-zoom-in.mfp-bg {
    opacity: 0.001;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 40px auto;
    border-radius: 30px;
    border: 6px solid rgba(255, 255, 255, 0.2);
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 18px rgba(11, 11, 11, 0.6);
    box-shadow: 0 0 18px rgba(11, 11, 11, 0.6);
}

.mfp-figure {
    line-height: 0;
}

.mfp-bottom-bar {
    margin-top: -30px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-break: break-word;
    padding-right: 36px;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.utf_gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    .mfp-fade.mfp-bg.mfp-ready {
        opacity: 0.92;
        background-color: #111;
    }

    .mfp-fade.mfp-bg.mfp-removing {
        opacity: 0;
    }

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.parallax {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative;
    z-index: 99;
}

.fullscreen,
.content-a {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .fullscreen.overflow,
    .fullscreen.overflow .content-a {
        height: auto;
        min-height: 100%;
    }

.centered_content {
    position: relative;
    vertical-align: middle;
    text-align: center;
}

    .centered_content a.button.border {
        font-weight: 600;
        margin-right: 0;
    }

.parallax-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    background-color: #333;
    opacity: 0.4;
}

.parallax-content {
    position: relative;
    z-index: 999;
    padding: 105px 0;
}

/*==========
  Messages Style
============*/
.messages-container {
    margin: 0;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    background-color: #fff;
}

.messages-headline {
    font-size: 16px;
    margin: 0;
    padding: 22px 30px;
    color: #333;
    background-color: #fff;
    display: block;
    border-bottom: 1px solid #eaeaea;
    border-radius: 4px 4px 0 0;
    position: relative;
}

    .messages-headline h4 {
        font-size: 16px;
        color: #333;
        padding: 0;
        margin: 0;
        font-weight: 600;
        display: inline-block;
    }

.utf_dashboard_list_box a.message-action {
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    display: block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #fff;
    padding: 0;
    float: right;
    position: absolute;
    top: 28px;
    right: 40px;
}

    .utf_dashboard_list_box a.message-action i {
        margin-right: 3px;
        background: #ff2222;
        width: 28px;
        height: 28px;
        line-height: 28px;
        color: #fff;
        border-radius: 30px;
        text-align: center;
    }

.utf_dashboard_list_box .message-action:hover {
    color: #ff2222;
}

@media (max-width: 767px) {
    .utf_dashboard_list_box a.message-action {
        display: none;
    }
}

.utf_user_messages_block ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.utf_message_user img {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50px;
}

.utf_user_messages_block .online::after {
    background: #63c76a;
}

.utf_message_content_item .online::after {
    background: transparent;
}

.utf_message_content_item .utf_message_user::after {
    display: none;
}

.utf_message_user::after {
    background: #63c76a;
    content: "";
    display: block;
    height: 15px;
    width: 15px;
    background: #ccc;
    border: 2px solid #fff;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.utf_user_messages_block ul li a {
    position: relative;
    display: block;
    padding: 0px;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    .utf_user_messages_block ul li a:hover h5 {
        color: #ff2222;
        -webkit-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

.utf_user_messages_block ul li {
    border-bottom: 1px solid #eaeaea;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

    .utf_user_messages_block ul li:last-child {
        border-bottom: none;
    }

.utf_user_messages_block .utf_message_user {
    position: absolute;
    left: 0px;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 5px solid rgba(0, 0, 0, 0.06);
    border-radius: 50px;
}

.utf_user_messages_block .utf_message_headline_item {
    margin-left: 90px;
    font-size: 16px;
    color: #666;
}

    .utf_user_messages_block .utf_message_headline_item p {
        margin: 0;
        padding: 0;
        line-height: 25px;
        font-size: 15px;
        color: #666;
    }

.utf_message_headline_text h5,
.utf_message_headline_text span {
    display: block;
}

.utf_message_headline_text span {
    float: left;
    color: #888;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 24px;
}

    .utf_message_headline_text span i {
        color: #ff2222;
        font-size: 14px;
        margin-right: 2px;
    }

.utf_message_headline_text h5 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0 0 5px 0;
    padding: 0;
}

.utf_message_headline_text:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.utf_message_headline_item h5 i {
    background-color: #64bc36;
    border-radius: 4px;
    line-height: 20px;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    font-style: normal;
    padding: 3px 8px;
    margin-left: 3px;
}

.utf_messages_block_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .utf_messages_block_inner .utf_user_messages_block,
    .utf_messages_block_inner .utf_message_content_part {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .utf_messages_block_inner .utf_user_messages_block {
        overflow: hidden;
    }

        .utf_messages_block_inner .utf_user_messages_block ul {
            max-height: 800;
            overflow-y: scroll;
            width: 357px;
        }

            .utf_messages_block_inner .utf_user_messages_block ul::-webkit-scrollbar {
                width: 17px;
            }

    .utf_messages_block_inner .utf_message_content_part {
        padding: 30px;
    }

    .utf_messages_block_inner .utf_user_messages_block {
        max-width: 340px;
        border-right: 1px solid #eaeaea;
    }

        .utf_messages_block_inner
        .utf_user_messages_block
        .utf_message_headline_item
        p {
            height: 24px;
            max-width: 230px;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            font-size: 15px;
            color: #666;
        }

        .utf_messages_block_inner .utf_user_messages_block .utf_message_headline_item {
            margin-left: 90px;
        }

    .utf_messages_block_inner .utf_message_headline_text h5 {
        font-size: 16px;
        margin-bottom: 3px;
        max-width: 240px;
        line-height: 22px;
        display: block;
    }

    .utf_messages_block_inner .utf_message_headline_text span {
        font-size: 13px;
        position: relative;
        margin-bottom: 10px;
        line-height: 24px;
    }

.utf_message_content_item {
    display: block;
    position: relative;
    margin-bottom: 25px;
}

    .utf_message_content_item .utf_message_user {
        position: absolute;
        left: 0;
        top: 0;
        border: 5px solid rgba(0, 0, 0, 0.06);
        border-radius: 50px;
    }

        .utf_message_content_item .utf_message_user img {
            width: 50px;
            height: 50px;
        }

    .utf_message_content_item .utf_message_text {
        margin-left: 85px;
        background-color: transparent;
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 4px;
        padding: 20px;
        position: relative;
    }

        .utf_message_content_item .utf_message_text p {
            font-size: 15px;
            color: #666;
            padding: 0;
            margin: 0;
            line-height: 26px;
        }

        .utf_message_content_item .utf_message_text:before {
            position: absolute;
            top: 15px;
            left: -11px;
            content: "\f0d9";
            font-family: fontawesome;
            font-size: 30px;
            color: #eaeaea;
        }

    .utf_message_content_item.send_user .utf_message_user {
        left: auto;
        right: 0;
    }

    .utf_message_content_item.send_user .utf_message_text p {
        color: #666;
    }

    .utf_message_content_item.send_user .utf_message_text {
        margin-left: 0;
        margin-right: 85px;
        color: #ff2222;
        background-color: transparent;
        border: 1px solid #eaeaea;
    }

        .utf_message_content_item.send_user .utf_message_text:before {
            left: auto;
            right: -11px;
            content: "\f0da";
        }

.utf_message_reply_block {
    display: block;
    margin-top: 15px;
}

@media (max-width: 479px) {
    .utf_messages_block_inner .utf_message_content_part {
        padding: 20px 15px;
    }
}

.utf_message_reply_block .button {
    background-color: #ff2222;
    top: 0;
    padding: 6px 15px;
    color: #fff;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    line-height: 26px;
    overflow: hidden;
    border: none;
    border-radius: 4px;
    text-align: center;
    margin: 0 auto;
}

.utf_message_reply_block textarea {
    max-width: 100%;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    padding: 15px 20px;
}

.utf_message_reply_block button {
    border-radius: 4px;
    margin-top: 5px;
}

/*==========
  Slick Slider Style
============*/
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: "";
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

    .slick-slide img {
        display: block;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.utf_testimonial_part {
    position: relative;
    content: "";
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: #f9f9f9 url(../images/testimonial.png) no-repeat;
    background-size: contain;
}

.slick-arrow.slick-hidden {
    display: none;
}

.companie-logo-slick-carousel,
.utf_testimonial_carousel,
.simple_slick_carousel_block,
.simple-slick-carousel {
    display: none;
}

.slick-initialized.companie-logo-slick-carousel,
.slick-initialized.utf_testimonial_carousel,
.slick-initialized.simple_slick_carousel_block,
.slick-initialized.simple-slick-carousel {
    display: block;
}

.slick-initialized.simple_slick_carousel_block {
    margin-bottom: 30px;
}

.simple_slick_carousel_block .utf_carousel_item {
    padding: 10px 15px 0 15px;
}

.simple_slick_carousel_block {
    margin: 0;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    z-index: 100;
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.companie-logo-slick-carousel .slick-prev,
.companie-logo-slick-carousel .slick-next,
.simple-slick-carousel .slick-prev,
.simple-slick-carousel .slick-next {
    display: none !important;
}

.simple-slick-carousel.arrows-nav .slick-prev,
.simple-slick-carousel.arrows-nav .slick-next {
    display: block !important;
}

.slick-prev:hover,
.slick-next:hover {
    color: transparent;
    outline: none;
    background: transparent;
}

    .slick-prev:hover:before,
    .slick-next:hover:before {
        color: #999;
    }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-size: 32px;
    line-height: 1;
    opacity: 1;
    color: #aaa;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.white-nav .slick-prev:before,
.white-nav .slick-next:before {
    color: #fff;
}

.slick-prev {
    left: 3px;
    -webkit-transform: translate3d(-90px, -50%, 0);
    transform: translate3d(-90px, -50%, 0);
}

.slick-next {
    right: 3px;
    -webkit-transform: translate3d(90px, -50%, 0);
    transform: translate3d(90px, -50%, 0);
}

.slick-prev:before {
    content: "\f053";
}

.slick-next:before {
    content: "\f054";
}

.slick-dotted .slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.utf_testimonial_carousel .slick-dots {
    bottom: -5px;
}

.simple-slick-carousel .slick-dotted .slick-slider {
    margin-bottom: 0;
}

    .simple-slick-carousel .slick-dotted .slick-slider .utf_dots_nav {
        margin-bottom: 30px;
    }

.simple-slick-carousel .slick-dots {
    display: none !important;
}

.simple-slick-carousel.utf_dots_nav .slick-dots {
    display: block !important;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0 3px;
    cursor: pointer;
}

.slick-dots li {
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    position: relative;
    outline: none;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 4px;
    opacity: 1;
    border-radius: 30px;
    line-height: 0;
    -webkit-box-shadow: inset 0 0 0 2px #c0c0c0;
    box-shadow: inset 0 0 0 2px #c0c0c0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .slick-dots li.slick-active {
        -webkit-box-shadow: inset 0 0 0 6px #ff2222;
        box-shadow: inset 0 0 0 6px #ff2222;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .slick-dots li:after {
        display: block;
        height: auto;
        width: auto;
        content: "";
        position: absolute;
        top: 1px;
        left: 1px;
        background-color: transparent;
        border-radius: 50%;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 0;
        background-color: #ff2222;
    }

    .slick-dots li.slick-active:after {
        opacity: 1;
    }

.white-nav .slick-dots li {
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
}

    .white-nav .slick-dots li.slick-active {
        -webkit-box-shadow: inset 0 0 0 8px #fff;
        box-shadow: inset 0 0 0 8px #fff;
    }

.slick-dots li button {
    display: none;
}

    .slick-dots li button:hover,
    .slick-dots li button:focus {
        outline: none;
    }

.companie-logo-slick-carousel div.item {
    margin-bottom: 30px;
    text-align: center;
    display: inline-block;
}

    .companie-logo-slick-carousel div.item img {
        display: inline-block;
        border: 1px solid rgba(0, 0, 0, 0.05);
        border-radius: 6px;
        -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    }

.fullwidth_block-slick-carousel .slick-slide {
    margin: 0 15px 30px 15px;
    opacity: 0.2;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    pointer-events: none;
}

.slick-slide {
    outline: none;
}

.utf_testimonial_carousel .slick-slide.slick-active,
.fullwidth_block-slick-carousel .slick-slide.slick-active {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
    pointer-events: all;
}

.fullwidth_carousel_container_block {
    overflow: hidden;
    width: 100%;
}

input#date-picker {
    border: none;
    cursor: pointer;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
    font-size: 16px;
    font-weight: 400;
    height: auto;
    padding: 10px 16px;
    line-height: 30px;
    margin: 0 0 15px;
    position: relative;
    background-color: #fff;
    text-align: left;
    color: #888;
    -webkit-transition: color 0.3s !important;
    -o-transition: color 0.3s !important;
    transition: color 0.3s !important;
}

    input#date-picker:hover {
        color: #888;
    }

.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 14px;
    top: 100px;
    left: 20px;
    z-index: 990;
    display: none;
    font-size: 15px;
    line-height: 1em;
    -webkit-transition: opacity 0.4s, visibility 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, visibility 0.4s, -webkit-transform 0.4s;
    -o-transition: opacity 0.4s, transform 0.4s, visibility 0.4s;
    transition: opacity 0.4s, transform 0.4s, visibility 0.4s;
    transition: opacity 0.4s, transform 0.4s, visibility 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s, visibility 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s, visibility 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s, visibility 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s, visibility 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s, visibility 0.4s, -webkit-transform 0.4s;
    opacity: 0;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
}

    .daterangepicker.bordered-style {
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
        margin-top: 4px;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }

        .daterangepicker.bordered-style.opensleft:after {
            display: none;
        }

    .daterangepicker.calendar-animated {
        opacity: 0;
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    .daterangepicker.calendar-hidden {
        display: block !important;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    .daterangepicker.calendar-visible {
        opacity: 1;
        pointer-events: all;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .daterangepicker:before,
    .daterangepicker:after {
        position: absolute;
        display: inline-block;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: "";
    }

    .daterangepicker:after {
        top: -7px;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
    }

    .daterangepicker.opensleft:before {
        right: 9px;
    }

    .daterangepicker.opensleft:after {
        right: 50px;
    }

    .daterangepicker.openscenter:before {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .daterangepicker.openscenter:after {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .daterangepicker.opensright:before {
        left: 9px;
    }

    .daterangepicker.opensright:after {
        left: 50px;
    }

@media (min-width: 1366px) {
    .daterangepicker.opensleft:after {
        right: 154px;
    }

    .daterangepicker.single:before {
        content: "";
        height: auto;
        position: absolute;
        width: 100%;
        top: 0;
        background-color: #fff;
        left: 0;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .daterangepicker.single {
        width: 309px;
        border-radius: 6px;
        margin-top: 3px;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
    }

        .daterangepicker.single .drp-calendar {
            width: 100%;
            zoom: 1.08;
            margin: 3px 0 3px 5px;
        }

        .daterangepicker.single.opensleft:after {
            right: 50%;
            margin-right: -4px;
            display: none;
        }
}

.daterangepicker.drop-up {
    margin-top: -7px;
}

    .daterangepicker.drop-up:before {
        top: initial;
        bottom: -7px;
        border-bottom: initial;
        border-top: 7px solid #ccc;
    }

    .daterangepicker.drop-up:after {
        top: initial;
        bottom: -6px;
        border-bottom: initial;
        border-top: 6px solid #fff;
    }

.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
    float: none;
}

.daterangepicker.single .drp-selected {
    display: none;
}

.daterangepicker.show-calendar .drp-calendar {
    display: block;
}

.daterangepicker.show-calendar .drp-buttons {
    display: block;
}

.daterangepicker.auto-apply .drp-buttons {
    display: none;
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px;
}

    .daterangepicker .drp-calendar.left {
        padding: 12px 0 12px 12px;
    }

    .daterangepicker .drp-calendar.right {
        padding: 12px;
    }

    .daterangepicker .drp-calendar.single .calendar-table {
        border: none;
    }

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid #626262;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
}

.daterangepicker th.available.next:hover,
.daterangepicker th.available.prev:hover {
    background: #fff;
}

.daterangepicker .calendar-table .next span {
    margin-right: 6px;
}

.daterangepicker .calendar-table .next span {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
    font-weight: 500;
}

.daterangepicker .calendar-table td {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .daterangepicker .calendar-table td.available.in-range:hover {
        border-radius: 0 3px 3px 0;
    }

    .daterangepicker .calendar-table td.available.start-date:hover {
        border-radius: 3px 0 0 3px;
    }

.daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff;
}

    .daterangepicker .calendar-table table {
        width: 100%;
        margin: 0;
        border-spacing: 0;
        border-collapse: collapse;
    }

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #ff2222;
    border-color: transparent;
    color: #fff;
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999;
}

.daterangepicker td.in-range {
    background-color: rgba(102, 103, 107, 0.08);
    border-color: transparent;
    color: #ff2222;
    border-radius: 0;
}

.daterangepicker td.start-date {
    border-radius: 6px 0 0 6px;
}

.daterangepicker td.end-date {
    border-radius: 0 6px 6px 0;
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #ff2222;
    border-color: transparent;
    color: #fff;
}

.daterangepicker th.month {
    width: auto;
    background: #ff2222;
    color: #fff;
    font-weight: 500;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
    background: #f4f4f4;
    border: 1px solid #fff;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}

.daterangepicker td.end-date.in-range.available {
    color: #fff;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px;
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0;
    line-height: 30px;
    position: relative;
}

    .daterangepicker .calendar-time select.disabled {
        color: #ccc;
        cursor: not-allowed;
    }

.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 14px;
    min-height: 63px;
    display: block;
    border-top: 1px solid #eaeaea;
    display: none;
    line-height: 12px;
    vertical-align: middle;
}

.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 14px;
    padding-right: 8px;
    font-weight: 500;
}

@media (max-width: 570px) {
    .daterangepicker .drp-selected {
        width: 100%;
        margin-bottom: 10px;
    }
}

.daterangepicker .drp-buttons button.applyBtn,
.daterangepicker .drp-buttons button.cancelBtn {
    background: 0 0;
    padding: 6px 14px;
    display: inline-block;
    outline: none;
    line-height: 20px;
    border: none;
    font-weight: 500;
    margin: 0;
    font-size: 14px;
    border-radius: 50px;
    background-color: #ff2222;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0 3px;
}

.daterangepicker .drp-buttons button.cancelBtn {
    background-color: #f4f4f4;
    color: #888;
}

    .daterangepicker .drp-buttons button.cancelBtn:hover {
        background-color: #eaeaea;
        color: #2d2d2d;
    }

.daterangepicker .drp-buttons button.applyBtn {
    background-color: #ff2222;
}

    .daterangepicker .drp-buttons button.applyBtn:hover {
        opacity: 0.95;
    }

.daterangepicker.show-ranges .drp-calendar.left {
    border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0;
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px;
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.booking-requests-filter {
    position: relative;
    float: right;
    top: 14px;
    right: 25px;
    background: #fff;
    border-radius: 4px;
}

.dashboard-list-box .booking-requests-filter .sort-by {
    right: 0;
    top: 0;
    float: left;
}

#booking-date-range {
    float: right;
    background: #fff;
    border-radius: 3px;
    cursor: pointer;
    padding: 6px;
    display: inline-block;
    position: relative;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    font-weight: 600;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background-color: #fff;
    margin-left: 15px;
    top: -2px;
}

@media (max-width: 768px) {
    .booking-requests-filter {
        display: none;
    }
}

#booking-date-range:hover {
    color: #66676b;
}

#booking-date-range span {
    padding-right: 7px;
}

    #booking-date-range span:after {
        content: "\f107";
        font-family: fontawesome;
        font-size: 18px;
        margin: 0;
        right: 0;
        position: relative;
        width: auto;
        height: auto;
        display: inline-block;
        color: #66676b;
        float: right;
        font-weight: 400;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }

#booking-date-range i {
    color: #999;
}

.daterangepicker .ranges li {
    font-size: 13px;
    padding: 8px 12px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .daterangepicker .ranges li:hover {
        background-color: #f4f4f4;
    }

    .daterangepicker .ranges li.active {
        background-color: #66676b;
        color: #fff;
    }

@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }

        .daterangepicker .ranges ul {
            width: 140px;
        }

        .daterangepicker.single .ranges ul {
            width: 100%;
        }

        .daterangepicker.single .drp-calendar.left {
            clear: none;
        }

        .daterangepicker.single.ltr .ranges,
        .daterangepicker.single.ltr .drp-calendar {
            float: left;
        }

        .daterangepicker.single.rtl .ranges,
        .daterangepicker.single.rtl .drp-calendar {
            float: right;
        }

        .daterangepicker.ltr {
            direction: ltr;
            text-align: left;
        }

            .daterangepicker.ltr .drp-calendar.left {
                clear: left;
                margin-right: 0;
            }

                .daterangepicker.ltr .drp-calendar.left .calendar-table {
                    border-right: none;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                }

            .daterangepicker.ltr .drp-calendar.right {
                margin-left: 0;
            }

                .daterangepicker.ltr .drp-calendar.right .calendar-table {
                    border-left: none;
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0;
                }

            .daterangepicker.ltr .drp-calendar.left .calendar-table {
                padding-right: 8px;
            }

            .daterangepicker.ltr .ranges,
            .daterangepicker.ltr .drp-calendar {
                float: left;
            }

        .daterangepicker.rtl {
            direction: rtl;
            text-align: right;
        }

            .daterangepicker.rtl .drp-calendar.left {
                clear: right;
                margin-left: 0;
            }

                .daterangepicker.rtl .drp-calendar.left .calendar-table {
                    border-left: none;
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0;
                }

            .daterangepicker.rtl .drp-calendar.right {
                margin-right: 0;
            }

                .daterangepicker.rtl .drp-calendar.right .calendar-table {
                    border-right: none;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                }

            .daterangepicker.rtl .drp-calendar.left .calendar-table {
                padding-left: 12px;
            }

            .daterangepicker.rtl .ranges,
            .daterangepicker.rtl .drp-calendar {
                text-align: right;
                float: right;
            }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
    }

    .daterangepicker.ltr .ranges {
        float: left;
    }

    .daterangepicker.rtl .ranges {
        float: right;
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important;
    }
}

.booking_widget_box .panel-dropdown .panel-dropdown-content.padding-reset {
    padding: 0;
}

.panel-dropdown-scrollable {
    max-height: 273px;
    overflow: auto;
    padding: 0 10px;
    margin: 22px 6px 16px;
}
.tarvelPalnText {
    color: black;
    font-weight: 700 !important;
    margin-bottom: 6px !important;
}

.panel-dropdown-scrollable::-webkit-scrollbar {
    width: 6px;
}

    .panel-dropdown-scrollable::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 6px;
    }

    .panel-dropdown-scrollable::-webkit-scrollbar-thumb {
        border-radius: 6px;
        background-color: rgba(0, 0, 0, 0.2);
    }

        .panel-dropdown-scrollable::-webkit-scrollbar-thumb:hover {
            border-radius: 6px;
            background-color: rgba(0, 0, 0, 0.3);
        }

.panel-dropdown .panel-dropdown-content {
    pointer-events: none;
}

.panel-dropdown.active .panel-dropdown-content {
    pointer-events: all;
}

.time-slot {
    display: block;
}

    .time-slot label {
        border-radius: 3px;
        border: none;
        background-color: #f6f6f6;
        width: 100%;
    }

    .time-slot input:empty {
        display: none;
    }

    .time-slot label i {
        position: relative;
        font-size: 18px;
        top: 2px;
        margin-right: 2px;
    }

    .time-slot input:empty ~ label {
        position: relative;
        float: left;
        padding: 10px 15px;
        text-align: left;
        cursor: pointer;
        margin-bottom: 10px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-radius: 4px;
        color: #777;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        overflow: hidden;
        font-size: 15px;
    }

    .time-slot:last-child label {
        margin-bottom: 0;
    }

    .time-slot input ~ label:hover {
        color: #ffffff;
        background-color: #5cb8b9;
    }

    .time-slot input:checked ~ label:hover {
        color: #fff;
    }

    .time-slot input:checked ~ label {
        color: #fff;
        background-color: #5cb8b9;
    }

        .time-slot input:checked ~ label span {
            color: #fff;
            opacity: 0.8;
        }

    .time-slotinput:empty ~ label:after,
    .time-slot input:empty ~ label:before {
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        text-align: center;
        border-radius: 4px;
        background: 0 0;
        z-index: 100;
        opacity: 0;
    }

    .time-slot label span,
    .time-slot label strong {
        font-weight: 400;
        display: block;
        padding: 0;
        margin: 0;
        line-height: 24px;
    }

.time-slot label strong span {
    float: left;
    display: inline-block;
    background: #d6d1d0;
    height: 24px;
    font-weight: 500;
    border-radius: 20px;
    text-align: center;
    margin-right: 5px;
    color: #777;
    padding: 2px;
}

    .time-slot input:checked ~ label strong span {
        background: #ffffff;
        color: #5cb8b9;
        opacity: 1;
    }

    .time-slot input ~ label:hover strong span {
        background: #ffffff;
        color: #5cb8b9;
        opacity: 1;
    }

    .time-slot label span {
        font-weight: 400;
        opacity: 0.6;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .time-slot label:hover span {
        color: #ffffff;
        opacity: 0.8;
    }

.boxed-widget {
    background-color: #f9f9f9;
    border-radius: 3px;
    padding: 32px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 90;
    position: relative;
}

    .boxed-widget h3 {
        font-size: 20px;
        padding: 0 0 25px;
        margin: 0 0 25px;
        display: block;
        border-bottom: 1px solid #e8e8e8;
    }

        .boxed-widget h3 i {
            margin-right: 4px;
        }

            .boxed-widget h3 i.sl-icon-clock {
                position: relative;
                top: 1px;
            }

            .boxed-widget h3 i.fa-calendar-check-o {
                position: relative;
                top: -1px;
            }

.booking_widget_box {
    z-index: 100;
}

    .booking_widget_box .panel-dropdown .panel-dropdown-content {
        border: none;
        overflow: visible;
        padding: 20px;
        -webkit-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
    }

    .booking_widget_box .panel-dropdown {
        width: 100%;
    }

        .booking_widget_box .panel-dropdown .panel-dropdown-content:before {
            content: "";
            height: 8px;
            position: absolute;
            width: 100%;
            top: 0px;
            background-color: #fff;
            left: 0;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            border-bottom: 1px solid #eee;
        }

        .booking_widget_box .panel-dropdown.active .panel-dropdown-content:before {
            opacity: 1;
            visibility: visible;
        }

        .booking_widget_box .panel-dropdown a {
            border: none;
            cursor: pointer;
            border-radius: 5px;
            -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
            font-size: 16px;
            font-weight: 400;
            height: auto;
            padding: 10px 16px;
            line-height: 30px;
            margin: 0 0 15px;
            position: relative;
            background-color: #fff;
            text-align: left;
            color: #888;
            display: block;
            width: 100%;
            -webkit-transition: color 0.3s;
            -o-transition: color 0.3s;
            transition: color 0.3s;
        }

            .booking_widget_box .panel-dropdown a#btnselectpassengers {
                border: 1px solid #dbdbdb !important;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03) !important;
            }


            .booking_widget_box .panel-dropdown a.error {
                -webkit-box-shadow: 0 1px 6px 0 rgb(255 0 0 / 48%);
                box-shadow: 0 1px 6px 0 rgb(255 0 0 / 48%);
            }

            .booking_widget_box .panel-dropdown a:hover {
                color: #444;
            }

            .booking_widget_box .panel-dropdown a:after {
                font-size: 15px;
                color: silver;
                margin-left: 0;
                position: absolute;
                right: 20px;
            }

.qtyButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 13px;
}

.panel-dropdown-content .qtyButtons:first-child {
    margin-top: 8px;
}

.panel-dropdown-content .qtyButtons:last-child {
    margin-bottom: 3px;
}

.qtyButtons input {
    outline: 0;
    font-size: 18px;
    text-align: center;
    width: 80px;
    height: 40px;
    color: #333;
    font-weight: 500;
    line-height: 40px;
    margin: 0 5px !important;
    padding: 10px 5px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    display: inline-block;
    background: #f2f2f2;
    border-radius: 4px;
}

.qtyTitle {
    font-size: 15px;
    font-weight: 500;
    line-height: 36px;
    width: 110px;
    padding-right: 15px;
    display: block;
}

.qtyInc,
.qtyDec {
    width: 50px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background-color: #f2f2f2;
    -webkit-text-stroke: 1px #f2f2f2;
    color: #333;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    font-family: fontawesome;
}

    .qtyInc:hover,
    .qtyDec:hover {
        background: #5cb8b9;
        color: #fff;
        font-weight: 500;
    }

    .qtyInc:before {
        font-family: "Font Awesome 5 Free";
        content: "\f067";
    }

    .qtyDec:before {
        font-family: "Font Awesome 5 Free";
        content: "\f068";
    }

.qtyTotal {
    background-color: #5cb8b9;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    position: relative;
    top: -1px;
    left: 2px;
    height: 18px;
    width: 18px;
}

.rotate-x {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: rotate-x;
    animation-name: rotate-x;
}

@-webkit-keyframes rotate-x {
    from {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes rotate-x {
    from {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

.booking-estimated-cost {
    display: block;
    margin-top: 15px;
    margin-bottom: -5px;
    padding-top: 15px;
    border-top: 1px solid #e8e8e8;
    font-weight: 16px;
}

    .booking-estimated-cost strong,
    .booking-estimated-cost span {
        display: inline;
        font-weight: 600;
    }

    .booking-estimated-cost span {
        text-align: right;
        float: right;
        color: #66676b;
        font-size: 16px;
        position: relative;
    }

.booking_widget_box h3 {
    position: relative;
}

.panel-dropdown .checkboxes label {
    margin-bottom: 10px;
    display: block;
}

.panel-dropdown-content.checkboxes {
    padding: 28px;
}

.panel-dropdown .row {
    margin-left: -10px;
    margin-right: -10px;
}

button.panel-cancel,
button.panel-apply {
    background: 0 0;
    padding: 5px 16px;
    display: block;
    outline: none;
    border: none;
    font-weight: 600;
    float: right;
    margin: 0;
    font-size: 15px;
    border-radius: 50px;
    background-color: #66676b;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    button.panel-apply:hover {
        opacity: 0.9;
    }

    button.panel-apply:active {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px);
    }

button.panel-cancel {
    float: left;
    background-color: #f0f0f0;
    color: #666;
    opacity: 1;
}

    button.panel-cancel:hover {
        background-color: #e9e9e9;
    }

    button.panel-cancel:active {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px);
    }

.panel-buttons {
    width: 100%;
    margin-top: 13px;
}

.panel-dropdown.float-right {
    float: right;
}

    .panel-dropdown.float-right .panel-dropdown-content {
        left: auto;
        right: 0;
    }

.fullwidth-filters .panel-dropdown {
    margin-left: 3px;
}

.fullwidth-filters {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 15px;
}

    .fullwidth-filters .sort-by {
        top: -1px;
        right: -1px;
    }

@media only screen and (max-width: 359px) {
    .qtyButtons input {
        width: 50px;
    }

    .daterangepicker .drp-selected {
        display: inline-block;
        font-size: 14px;
        padding-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1239px) {
    .companie-logo-slick-carousel div.item {
        padding: 0 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1239px) {
    .qtyButtons input {
        width: 40px;
    }
}

.panel-dropdown {
    position: relative;
    display: inline-block;
}

    .panel-dropdown a {
        color: #666;
        font-weight: 600;
        font-size: 15px;
        border-radius: 50px;
        padding: 3px 14px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        display: inline-block;
    }

        .panel-dropdown.active a,
        .panel-dropdown a:hover {
            background: #ffffff;
        }

        .panel-dropdown a:after {
            content: "\f103";
            font-family: "Font Awesome 5 Free";
            font-size: 15px;
            color: #66676b;
            font-weight: 500;
            padding-left: 0;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            margin-left: 6px;
            display: inline-block;
        }

    .panel-dropdown.active a:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .panel-dropdown .panel-dropdown-content {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        position: absolute;
        top: 44px;
        left: 0;
        z-index: 110;
        background: #fff;
        border: 1px solid rgba(0, 0, 0, 0.18);
        border-radius: 4px;
        -webkit-box-shadow: 0 12px 35px 2px rgba(0, 0, 0, 0.12);
        box-shadow: 0 12px 35px 2px rgba(0, 0, 0, 0.12);
        padding: 20px 24px;
        overflow-y: auto;
        white-space: normal;
        width: 100%;
    }

    .panel-dropdown.wide .panel-dropdown-content {
        width: 100%;
    }

    .panel-dropdown.active .panel-dropdown-content {
        opacity: 1;
        visibility: visible;
    }

.text-theme {
    color: #ff2222;
}

.review-avg-wrapper .rating-avg-wrapper .rating-avg {
    font-size: 40px;
    font-weight: 600;
    line-height: 0.8;
    float: left;
    padding-right: 5px;
}

.review-avg-wrapper .rating-avg-wrapper .rating-after {
    margin-top: 12px;
    float: left;
}

.review-avg-wrapper .rating-avg-wrapper .rating-mode {
    font-size: 16px;
    font-weight: 500;
}

.review-avg-wrapper .rating-avg-wrapper .rating-text {
    font-size: 14px;
    font-weight: 400;
}

.review-avg-wrapper .ratings-avg-wrapper {
    margin-top: 15px;
}

    .review-avg-wrapper .ratings-avg-wrapper .ratings-avg-item {
        margin-bottom: 5px;
        display: inline-block;
        margin-right: 12px;
        font-weight: 500;
        font-size: 12px;
    }

        .review-avg-wrapper .ratings-avg-wrapper .ratings-avg-item .rating-label {
            font-size: 13px;
            font-weight: 600;
        }

        .review-avg-wrapper .ratings-avg-wrapper .ratings-avg-item .rating-value {
            font-size: 16px;
            font-weight: 500;
            line-height: 20px;
            background: #ece2e2;
            padding: 3px 5px;
            border-radius: 4px;
            display: inline-block;
        }

        .review-avg-wrapper .ratings-avg-wrapper .ratings-avg-item:last-child {
            margin-right: 0;
        }

@media (max-width: 360px) {
    .review-avg-wrapper .ratings-avg-wrapper .ratings-avg-item {
        margin-right: 6px;
    }
}

/*==========
  Categorie Item Style
============*/
.search_categorie_block {
    display: block;
    position: relative;
}

.category_container_item_part {
    position: relative;
    height: 100%;
    margin-bottom: 30px;
}

    .category_container_item_part a:hover {
        -webkit-transform: translate3d(0, -8px, 0);
        transform: translate3d(0, -8px, 0);
        overflow: hidden;
        -webkit-transition: all 0.5s ease 0;
        -o-transition: all 0.5s ease 0;
        transition: all 0.5s ease 0;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

        .category_container_item_part a:hover::after {
            visibility: visible;
            opacity: 1;
        }

    .category_container_item_part a::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: -ms-linear-gradient( 45deg, rgba(245, 84, 142, 0.9) 0, rgba(144, 58, 249, 0.9) 100% );
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.5s ease 0;
        -o-transition: all 0.5s ease 0;
        transition: all 0.5s ease 0;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

.category_item_box:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.35s ease-out;
    transition: -webkit-transform 0.35s ease-out;
    -o-transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
    -webkit-transition: all 0.55s;
    -o-transition: all 0.55s;
    transition: all 0.55s;
}

.category_item_box {
    background: #ccc;
    border-radius: 4px;
    height: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    overflow: hidden;
    cursor: pointer;
    -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.5s ease 0;
    -o-transition: all 0.5s ease 0;
    transition: all 0.5s ease 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

    .category_item_box:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 9;
        background: #000;
        opacity: 0.5;
    }

    .category_item_box:hover .category_content_box_part span {
        background: #ff2222;
        -webkit-transition: all 0.5s ease 0;
        -o-transition: all 0.5s ease 0;
        transition: all 0.5s ease 0;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

.category_item_box_btn {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 111;
    font-size: 14px;
    font-weight: 500;
    background-color: #fff;
    color: #ff2222;
    padding: 2px 15px;
    text-align: center;
    width: auto;
    border-radius: 4px;
    -webkit-transition: all 0.5s ease 0;
    -o-transition: all 0.5s ease 0;
    transition: all 0.5s ease 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

    .category_item_box_btn:hover {
        background-color: #ff2222;
        color: #fff;
        border-radius: 4px;
        -webkit-transition: all 0.5s ease 0;
        -o-transition: all 0.5s ease 0;
        transition: all 0.5s ease 0;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

.category_content_box_part {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 0;
    text-align: left;
    width: calc(90% - 0px);
    z-index: 50;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .category_content_box_part h3 {
        color: #fff;
        font-size: 22px;
        padding: 3px 0;
        margin: 0;
        font-weight: 500;
        line-height: 32px;
    }

    .category_content_box_part span {
        font-size: 12px;
        line-height: 24px;
        font-weight: 400;
        display: inline-block;
        color: #fff;
        letter-spacing: 0.5px;
        background: rgba(255, 34, 34, 0.5);
        padding: 0px 10px;
        text-transform: capitalize;
        border-radius: 4px;
    }

.category-box-background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    -webkit-transition: -webkit-transform 0.35s ease-out;
    transition: -webkit-transform 0.35s ease-out;
    -o-transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    image-rendering: -webkit-optimize-contrast;
}

.category-box-container.half {
    height: calc(50% - 15px);
    margin-bottom: 30px;
}

.category-box {
    background: #ccc;
    border-radius: 50%;
    height: 100%;
    display: block;
    margin-bottom: 20px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    overflow: hidden;
    cursor: pointer;
}

    .category-box:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 9;
        background: -o-linear-gradient( bottom, rgba(35, 35, 37, 0.85) 0%, rgba(35, 35, 37, 0.8) 35%, rgba(22, 22, 23, 0) 100%, rgba(0, 0, 0, 0) 100% );
        background: -webkit-gradient( linear, left bottom, left top, from(rgba(35, 35, 37, 0.85)), color-stop(35%, rgba(35, 35, 37, 0.8)), color-stop(100%, rgba(22, 22, 23, 0)), to(rgba(0, 0, 0, 0)) );
        background: linear-gradient( to top, rgba(35, 35, 37, 0.85) 0%, rgba(35, 35, 37, 0.8) 35%, rgba(22, 22, 23, 0) 100%, rgba(0, 0, 0, 0) 100% );
    }

.fullwidth_block-slick-carousel.category-carousel .slick-slide {
    height: 450px;
}

    .fullwidth_block-slick-carousel.category-carousel
    .slick-slide.utf_carousel_review_part {
        height: auto;
    }

.category-box-content {
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    text-align: center;
    width: calc(100% - 0px);
    z-index: 50;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .category-box-content h3 {
        color: #fff;
        font-size: 24px;
        padding: 5px 0;
        margin: 0;
    }

    .category-box-content span {
        font-size: 18px;
        font-weight: 300;
        display: inline-block;
        color: rgba(255, 255, 255, 0.7);
    }

.category-box-btn {
    position: absolute;
    left: 30px;
    top: 120px;
    z-index: 111;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    padding: 5px 0px;
    text-align: center;
    min-width: 110px;
    border-radius: 30px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .category-box-btn:hover {
        background-color: #66676b;
        border-color: #66676b;
    }

.utf_carousel_item {
    position: relative;
    height: 100%;
}

.category-box-background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    -webkit-transition: -webkit-transform 0.35s ease-out;
    transition: -webkit-transform 0.35s ease-out;
    -o-transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    image-rendering: -webkit-optimize-contrast;
}

.category-box:hover .category-box-background {
    -webkit-transform: translate3d(0, 0, 0) scale(1.25);
    transform: translate3d(0, 0, 0) scale(1.25);
}

.simple-slick-carousel {
    height: auto;
    width: calc(100% + 30px);
    left: -10px;
}

    .simple-slick-carousel .category-box-container {
        height: 100%;
        display: block;
    }

    .simple-slick-carousel .slick-slide {
        padding: 10px 15px;
    }

.headline_part span {
    font-size: 17px;
    line-height: 30px;
    margin-top: 10px;
    color: #888;
    font-weight: 400;
    display: block;
}

    .headline_part span i {
        color: #66676b;
        font-style: normal;
    }

h4.headline_part {
    font-size: 24px;
    line-height: 32px;
    margin: -5px 0 30px 0;
}

.margin-bottom-30 h4.headline_part {
    font-size: 22px;
    line-height: 32px;
    margin: -5px 0 30px 0;
    font-weight: 500;
}

.row h4.headline_part {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
}

.margin-bottom-30 p {
    font-size: 15px;
}

.headline_part.centered {
    text-align: center;
}

    .headline_part.centered b {
        font-weight: 500;
    }

.border-top {
    border-top: 1px solid #e8e8e8;
}

.border-bottom {
    border-bottom: 1px solid #e8e8e8;
}

.container_icon {
    overflow: hidden;
}

mark {
    font-weight: 500;
}

.utf_glooph {
    font-size: 16px;
    width: 23%;
    margin: 10px 9px;
    display: inline-block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

h4 span.headline_part-detail {
    font-size: 15px;
    margin-top: 5px;
}

.mls {
    font-size: 15px;
    top: -6px;
    position: relative;
}

.utf_fs1 {
    font-size: 28px;
}

.pbs .im {
    display: inline-block;
    margin-right: 5px;
    background: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
}

.unit,
.unitRight,
.fs0 {
    display: none;
}

.pbs {
    background: #f2f2f2;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 0 7px 15px;
    border-radius: 10px;
    width: 100%;
    display: inline-block;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

    .pbs:hover {
        background-color: #f4f4f4;
    }

.sl-icons-demo .col-md-3 {
    background: #f2f2f2;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
    width: 24%;
    margin: 5px;
}

/*=========
	Typography List
=========*/
.fa-icons-demo .col-md-4 {
    background: #f2f2f2;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
    width: 31%;
    margin: 12px;
}

    .fa-icons-demo .col-md-4 i {
        margin-right: 5px;
        background: #fff;
        width: 36px;
        height: 36px;
        line-height: 36px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 50%;
    }

    .fa-icons-demo .col-md-4 .text-muted {
        line-height: 36px;
    }

.fa-list-icon .col-md-4 {
    background: #f2f2f2;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.sl-icons-demo i {
    display: inline-block;
    top: 1px;
    position: relative;
    margin-right: 5px;
    background: #fff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
}

.icons .fa.fa-fw {
    margin-right: 3px;
    font-size: 14px;
}

.icons .text-muted {
    display: none;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-1 {
    margin-top: 1px !important;
}

.margin-top-2 {
    margin-top: 2px !important;
}

.margin-top-3 {
    margin-top: 3px !important;
}

.margin-top-4 {
    margin-top: 4px !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-6 {
    margin-top: 6px !important;
}

.margin-top-7 {
    margin-top: 7px !important;
}

.margin-top-8 {
    margin-top: 8px !important;
}

.margin-top-9 {
    margin-top: 9px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-25 {
    margin-top: 25px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-35 {
    margin-top: 35px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-45 {
    margin-top: 45px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-top-55 {
    margin-top: 55px !important;
}

.margin-top-60 {
    margin-top: 60px !important;
}

.margin-top-65 {
    margin-top: 65px !important;
}

.margin-top-70 {
    margin-top: 70px !important;
}

.margin-top-75 {
    margin-top: 75px !important;
}

.margin-top-80 {
    margin-top: 80px !important;
}

.margin-top-85 {
    margin-top: 85px !important;
}

.margin-top-90 {
    margin-top: 90px !important;
}

.margin-top-95 {
    margin-top: 95px !important;
}

.margin-top-100 {
    margin-top: 100px !important;
}

.margin-top-105 {
    margin-top: 105px !important;
}

.margin-top-110 {
    margin-top: 110px !important;
}

.margin-top-115 {
    margin-top: 115px !important;
}

.margin-top-120 {
    margin-top: 120px !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-35 {
    margin-bottom: 35px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-45 {
    margin-bottom: 45px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-55 {
    margin-bottom: 55px !important;
}

.margin-bottom-55 {
    margin-bottom: 55px !important;
}

.margin-bottom-55 {
    margin-bottom: 55px !important;
}

.margin-bottom-55 {
    margin-bottom: 55px !important;
}

.margin-bottom-60 {
    margin-bottom: 60px !important;
}

.margin-bottom-65 {
    margin-bottom: 65px !important;
}

.margin-bottom-70 {
    margin-bottom: 70px !important;
}

.margin-bottom-75 {
    margin-bottom: 75px !important;
}

.margin-bottom-80 {
    margin-bottom: 80px !important;
}

.margin-bottom-85 {
    margin-bottom: 85px !important;
}

.margin-bottom-90 {
    margin-bottom: 90px !important;
}

.margin-bottom-95 {
    margin-bottom: 95px !important;
}

.margin-bottom-100 {
    margin-bottom: 100px !important;
}

.margin-left-0 {
    margin-left: 0 !important;
}

.margin-left-1 {
    margin-left: 1px !important;
}

.margin-left-2 {
    margin-left: 2px !important;
}

.margin-left-3 {
    margin-left: 3px !important;
}

.margin-left-4 {
    margin-left: 4px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-6 {
    margin-left: 6px !important;
}

.margin-left-7 {
    margin-left: 7px !important;
}

.margin-left-8 {
    margin-left: 8px !important;
}

.margin-left-9 {
    margin-left: 9px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-25 {
    margin-left: 25px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-35 {
    margin-left: 35px !important;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.margin-left-45 {
    margin-left: 45px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.margin-left-55 {
    margin-left: 55px !important;
}

.margin-left-60 {
    margin-left: 60px !important;
}

.margin-left-65 {
    margin-left: 65px !important;
}

.margin-left-70 {
    margin-left: 70px !important;
}

.margin-left-75 {
    margin-left: 75px !important;
}

.margin-left-80 {
    margin-left: 80px !important;
}

.margin-left-85 {
    margin-left: 85px !important;
}

.margin-left-90 {
    margin-left: 90px !important;
}

.margin-left-95 {
    margin-left: 95px !important;
}

.margin-left-100 {
    margin-left: 100px !important;
}

.margin-right-0 {
    margin-right: 0 !important;
}

.margin-right-1 {
    margin-right: 1px !important;
}

.margin-right-2 {
    margin-right: 2px !important;
}

.margin-right-3 {
    margin-right: 3px !important;
}

.margin-right-4 {
    margin-right: 4px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-6 {
    margin-right: 6px !important;
}

.margin-right-7 {
    margin-right: 7px !important;
}

.margin-right-8 {
    margin-right: 8px !important;
}

.margin-right-9 {
    margin-right: 9px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-25 {
    margin-right: 25px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-35 {
    margin-right: 35px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.margin-right-45 {
    margin-right: 45px !important;
}

.margin-right-50 {
    margin-right: 50px !important;
}

.margin-right-55 {
    margin-right: 55px !important;
}

.margin-right-60 {
    margin-right: 60px !important;
}

.margin-right-65 {
    margin-right: 65px !important;
}

.margin-right-70 {
    margin-right: 70px !important;
}

.margin-right-75 {
    margin-right: 75px !important;
}

.margin-right-80 {
    margin-right: 80px !important;
}

.margin-right-85 {
    margin-right: 85px !important;
}

.margin-right-90 {
    margin-right: 90px !important;
}

.margin-right-95 {
    margin-right: 95px !important;
}

.margin-right-100 {
    margin-right: 100px !important;
}

.padding-top-0 {
    padding-top: 0 !important;
}

.padding-top-1 {
    padding-top: 1px !important;
}

.padding-top-2 {
    padding-top: 2px !important;
}

.padding-top-3 {
    padding-top: 3px !important;
}

.padding-top-4 {
    padding-top: 4px !important;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-top-6 {
    padding-top: 6px !important;
}

.padding-top-7 {
    padding-top: 7px !important;
}

.padding-top-8 {
    padding-top: 8px !important;
}

.padding-top-9 {
    padding-top: 9px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-15 {
    padding-top: 15px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-25 {
    padding-top: 25px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-35 {
    padding-top: 35px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-top-45 {
    padding-top: 45px !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-top-55 {
    padding-top: 55px !important;
}

.padding-top-60 {
    padding-top: 60px !important;
}

.padding-top-65 {
    padding-top: 65px !important;
}

.padding-top-70 {
    padding-top: 70px !important;
}

.padding-top-75 {
    padding-top: 75px !important;
}

.padding-top-80 {
    padding-top: 80px !important;
}

.padding-top-85 {
    padding-top: 85px !important;
}

.padding-top-90 {
    padding-top: 90px !important;
}

.padding-top-95 {
    padding-top: 95px !important;
}

.padding-top-100 {
    padding-top: 100px !important;
}

.padding-top-105 {
    padding-top: 105px !important;
}

.padding-top-110 {
    padding-top: 110px !important;
}

.padding-top-115 {
    padding-top: 115px !important;
}

.padding-top-120 {
    padding-top: 120px !important;
}

.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-15 {
    padding-bottom: 15px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-25 {
    padding-bottom: 25px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-35 {
    padding-bottom: 35px !important;
}

.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.padding-bottom-45 {
    padding-bottom: 45px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px !important;
}

.padding-bottom-55 {
    padding-bottom: 55px !important;
}

.padding-bottom-55 {
    padding-bottom: 55px !important;
}

.padding-bottom-55 {
    padding-bottom: 55px !important;
}

.padding-bottom-55 {
    padding-bottom: 55px !important;
}

.padding-bottom-60 {
    padding-bottom: 60px !important;
}

.padding-bottom-65 {
    padding-bottom: 65px !important;
}

.padding-bottom-70 {
    padding-bottom: 70px !important;
}

.padding-bottom-75 {
    padding-bottom: 75px !important;
}

.padding-bottom-80 {
    padding-bottom: 80px !important;
}

.padding-bottom-85 {
    padding-bottom: 85px !important;
}

.padding-bottom-90 {
    padding-bottom: 90px !important;
}

.padding-bottom-95 {
    padding-bottom: 95px !important;
}

.padding-bottom-100 {
    padding-bottom: 100px !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-right-15 {
    padding-right: 15px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-right-25 {
    padding-right: 25px !important;
}

.padding-right-30 {
    padding-right: 30px !important;
}

.padding-right-35 {
    padding-right: 35px !important;
}

.padding-right-40 {
    padding-right: 40px !important;
}

.padding-right-45 {
    padding-right: 45px !important;
}

.padding-right-50 {
    padding-right: 50px !important;
}

.padding-right-55 {
    padding-right: 55px !important;
}

.padding-right-55 {
    padding-right: 55px !important;
}

.padding-right-55 {
    padding-right: 55px !important;
}

.padding-right-55 {
    padding-right: 55px !important;
}

.padding-right-60 {
    padding-right: 60px !important;
}

.padding-right-65 {
    padding-right: 65px !important;
}

.padding-right-70 {
    padding-right: 70px !important;
}

.padding-right-75 {
    padding-right: 75px !important;
}

.padding-right-80 {
    padding-right: 80px !important;
}

.padding-right-85 {
    padding-right: 85px !important;
}

.padding-right-90 {
    padding-right: 90px !important;
}

.padding-right-95 {
    padding-right: 95px !important;
}

.padding-right-100 {
    padding-right: 100px !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-left-15 {
    padding-left: 15px !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-25 {
    padding-left: 25px !important;
}

.padding-left-30 {
    padding-left: 30px !important;
}

.padding-left-35 {
    padding-left: 35px !important;
}

.padding-left-40 {
    padding-left: 40px !important;
}

.padding-left-45 {
    padding-left: 45px !important;
}

.padding-left-50 {
    padding-left: 50px !important;
}

.padding-left-55 {
    padding-left: 55px !important;
}

.padding-left-55 {
    padding-left: 55px !important;
}

.padding-left-55 {
    padding-left: 55px !important;
}

.padding-left-55 {
    padding-left: 55px !important;
}

.padding-left-60 {
    padding-left: 60px !important;
}

.padding-left-65 {
    padding-left: 65px !important;
}

.padding-left-70 {
    padding-left: 70px !important;
}

.padding-left-75 {
    padding-left: 75px !important;
}

.padding-left-80 {
    padding-left: 80px !important;
}

.padding-left-85 {
    padding-left: 85px !important;
}

.padding-left-90 {
    padding-left: 90px !important;
}

.padding-left-95 {
    padding-left: 95px !important;
}

.padding-left-100 {
    padding-left: 100px !important;
}

@media (max-width: 1600px) {
    .category-box-btn {
        left: 32%;
        right: 32%;
    }

    .category-box-container.half {
        height: 100%;
    }

    .utf_carousel_item .category-box-container.half:first-child {
        display: none;
    }

    .fullwidth_block-slick-carousel.category-carousel .slick-slide {
        height: 350px;
    }

    .utf_dashboard_stat_icon {
        font-size: 66px;
    }
}

@media only screen and (max-width: 1366px) and (min-width: 1240px) {
    .input-with-icon.location a i {
        padding: 15px 18px 15px 10px;
    }

    .data-radius-title {
        margin-top: 7px;
        line-height: 24px;
    }

    #utf_map_container.fullwidth_block-home-map {
        height: 605px;
    }

    .fs-content .search .row.with-forms .col-fs-6 {
        width: 50%;
    }
}

/*=========
	Responsive Style
=========*/
@media (max-width: 1366px) {
    .fullwidth_block-slick-carousel.category-carousel .slick-slide {
        height: 320px;
    }

    .utf_dashboard_stat_icon {
        font-size: 40px;
    }

/*    .search_container_block {
        height: 575px;
    }*/
}

@media only screen and (max-width: 1365px) {
    header.fullwidth_block.dashboard .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        padding: 0 40px;
        width: 100%;
    }

    .dashboard #logo {
        background: transparent;
        position: absolute;
        width: 100%;
        margin: 0 auto;
        margin-top: 28px;
        width: 40%;
        top: 0;
        text-align: center;
        left: 0;
        right: 0;
    }

    .utf_dashboard_navigation,
    .dashboard #logo {
        min-width: auto;
        max-width: auto;
    }

        .dashboard #logo a {
            margin-left: 0;
            display: inline-block;
            height: 100%;
        }

            .dashboard #logo a.dashboard-logo {
                display: none;
            }

            .dashboard #logo a img {
                top: 0;
                position: relative;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
            }

    .utf_user_menu {
        margin: 0 25px 0 25px;
    }

        .utf_user_menu ul {
            left: -25px;
            right: auto;
        }
}

@media (max-width: 1239px) {
    #navigation.style_one {
        margin: 25px 0 5px -5px;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 0;
        position: relative;
    }

        #navigation.style_one:before {
            position: absolute;
            width: 100%;
            height: 1px;
            display: block;
            top: 0;
            left: 5px;
            content: "";
            background: #e8e8e8;
            width: 940px;
        }

    .utf_inner_booking_listing_list {
        line-height: 30px;
    }

    .fullwidth_block #navigation.style_one:before {
        background: -o-linear-gradient(left, #e8e8e8 90%, #fff);
        background: -webkit-gradient(linear, left top, right top, color-stop(90%, #e8e8e8), to(#fff));
        background: linear-gradient(to right, #e8e8e8 90%, #fff);
    }

    .utf_listing_item-container.list-layout .utf_listing_item-image {
        -webkit-box-flex: 3;
        -ms-flex: 3;
        flex: 3;
    }

    .utf_listing_slider,
    .utf_listing_slider .item {
        height: 30vh;
        min-height: 400px;
        max-height: 400px;
    }

    #header.cloned {
        display: none;
        height: 0;
    }
}

@media (max-width: 1024px) {
    #navigation.style_one {
        margin: 0;
        padding-top: 0;
    }

        #navigation.style_one:before {
            display: none;
        }

    .header_widget {
        margin-bottom: 5px;
        height: 64px;
    }

    .utf_testimonial_box {
        border-radius: 6px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1365px) {
    .utf_user_menu ul {
        right: -25px;
        left: auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1239px) {
    .fs-inner-container.map-fixed {
        padding-top: 165px;
    }

    .header_item_half {
        position: fixed;
        z-index: 999;
        float: left;
        width: 100%;
        background: #fff;
    }

    .utf_listing_item-container.compact .utf_star_rating_section,
    .utf_listing_item-container .utf_star_rating_section {
        padding: 15px 10px;
        left: 10px;
        right: 10px;
    }
}

@media only screen and (min-width: 1260px) and (max-width: 1360px) {
    .utf_listing_item-container .utf_star_rating_section {
        padding: 15px 10px;
        left: 10px;
        right: 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1239px) {
    .listing_item_social li {
        margin-bottom: 8px;
    }
}

@media (max-width: 991px) {
    .visaHome .lastVisa #visaContainer {
        grid-template-columns: 1fr 1fr 1fr !important;
    }

    .search_container_block {
        height: 680px;
    }


    .main_inner_search_block {
        top: 53%;
    }

    .main_popular_categories_list {
        padding-left: 0;
    }

    .main_popular_categories {
        margin-top: 10px !important;
    }

    .main_input_search_part select,
    .main_input_search_part select:focus {
        font-size: 16px;
        border: 1px solid #e0e0e0;
        -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
        box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
        background: #fff;
        height: 55px;
        padding: 12px 18px;
        border-radius: 4px;
    }

    .slick_carousel_slider {
        overflow: hidden;
    }

    li.total-costs .col-md-8 {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 15px;
    }

    li.total-costs .col-md-4 {
        padding-right: 0;
        padding-left: 0;
    }

    #dashboard {
        padding-top: 0 !important;
    }

    .utf_dashboard_navigation {
        min-width: 90%;
        max-width: 90%;
        margin: 0 5%;
        border-radius: 6px;
        position: relative;
        min-height: auto;
        opacity: 1;
        visibility: hidden;
        max-height: 0;
        padding: 0;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

        .utf_dashboard_navigation.active {
            margin-top: 10px;
        }

            .utf_dashboard_navigation.active ul {
                margin-top: 0;
            }

            .utf_dashboard_navigation.active ul,
            .utf_dashboard_navigation.active {
                opacity: 1;
                visibility: visible;
                max-height: 900px;
            }

                .utf_dashboard_navigation ul,
                .utf_dashboard_navigation.active ul li ul,
                .utf_dashboard_navigation ul li ul {
                    visibility: hidden;
                    opacity: 0;
                    max-height: 0;
                    -webkit-transition: all 0.3s;
                    -o-transition: all 0.3s;
                    transition: all 0.3s;
                }

                .utf_dashboard_navigation.active ul li.active ul {
                    visibility: visible;
                    opacity: 1;
                    max-height: 300px;
                }

    #header_part.fixed {
        position: relative;
        top: 0;
        width: 100%;
    }

    .utf_dashboard_content {
        padding: 30px 5%;
        padding-bottom: 0;
        height: auto;
        margin-left: 0px;
    }

    header.fullwidth_block.dashboard .container {
        padding: 0 5%;
    }

    .main_inner_search_block {
        -webkit-transform: translate(0, -51%);
        -ms-transform: translate(0, -51%);
        transform: translate(0, -51%);
    }

    a.utf_dashboard_nav_responsive {
        width: 90%;
        margin: 0 5%;
        margin-top: 40px;
        background-color: #333;
        border-radius: 30px;
        color: #fff;
        text-align: center;
        padding: 16px 30px;
        font-weight: 400;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        display: block;
    }

        a.utf_dashboard_nav_responsive i {
            margin-right: 5px;
        }

    .utf_messages_block_inner {
        display: block;
    }

        .utf_messages_block_inner .utf_user_messages_block {
            max-width: 100%;
            width: 100%;
            border-right: none;
            display: none;
        }

    .main_input_search_part .button {
        text-align: center;
        width: 100%;
    }

    .main_input_search_part {
        border-radius: 10px;
        display: block;
        padding: 20px;
        max-height: 100%;
        background-color: rgba(255, 255, 255, 0.25);
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
    }

    .gray-style.main_input_search_part {
        background-color: #f7f7f7;
    }

    .gray-style .main_input_search_part_item,
    .main_input_search_part_item {
        border-color: transparent;
    }

        .gray-style
        .main_input_search_part_item
        .chosen-container-active.chosen-with-drop
        .chosen-single,
        .gray-style .main_input_search_part_item .chosen-container .chosen-drop {
            background: #fff;
        }

    .main_input_search_part button.button {
        margin-top: 0px;
        border-radius: 4px;
    }

    .main_input_search_part_item {
        margin-bottom: 10px;
    }

    .main_input_search_part_item,
    .main_input_search_part .main_input_search_part_item:nth-last-child(2) {
        padding: 0;
    }

        .main_input_search_part_item .chosen-container-single .chosen-single,
        .main_input_search_part_item .chosen-single.chosen-container-active,
        .gray-style
        .main_input_search_part_item
        .chosen-container-single
        .chosen-single,
        .gray-style
        .main_input_search_part_item
        .chosen-single.chosen-container-active,
        .gray-style.main_input_search_part input,
        .gray-style.main_input_search_part input:focus,
        .main_input_search_part input,
        .main_input_search_part input:focus {
            padding: 0 20px;
            height: 55px;
            line-height: 55px;
            border-radius: 4px;
            background: #fff;
            border: 0;
            -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
        }

            .gray-style.main_input_search_part input,
            .gray-style.main_input_search_part input:focus,
            .main_input_search_part input,
            .main_input_search_part input:focus {
                padding: 0 20px;
            }

    .gray-style .main_input_search_part_item.location a {
        background: #fff;
    }

    .gray-style .main_input_search_part_item .chosen-single {
        border-bottom: 1px solid #e0e0e0;
        -webkit-transition: border 0s;
        -o-transition: border 0s;
        transition: border 0s;
    }

    .main_input_search_part_item .chosen-container-single .chosen-single,
    .main_input_search_part_item
    .chosen-container-active.chosen-with-drop
    .chosen-single {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s;
    }

    .main_input_search_part_item
    .chosen-container-active.chosen-with-drop
    .chosen-single {
        border-bottom: 0;
    }

    .main_input_search_part_item .chosen-container .chosen-drop {
        border: 1px solid #e0e0e0;
        border-top: 0;
        border-radius: 0 0 4px 4px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .gray-style
    .main_input_search_part_item
    .chosen-container-active.chosen-with-drop
    .chosen-single {
        border: none;
    }

    .main_input_search_part_item .chosen-single::after {
        display: none;
    }

    .simple-slick-carousel .slick-dotted .slick-slider {
        margin-bottom: 0;
        width: 100%;
        left: 0;
    }

    .box_icon_two.box_icon_with_line::before {
        display: none;
    }

    .container .row div.padding-right-30 {
        padding-right: 15px !important;
    }

    .utf_listing_item-container.list-layout:hover {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .utf_listing_item-container.list-layout .utf_listing_item-inner {
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 30px;
        left: 0;
    }

    .utf_listing_item-container.list-layout .utf_listing_item {
        display: block;
        height: auto;
        padding: 0;
    }

        .utf_listing_item-container.list-layout .utf_listing_item .listing-badge {
            display: none;
        }

    .utf_listing_item-container.list-layout .utf_listing_item-image {
        min-height: auto;
    }

    .utf_listing_item-container.list-layout .utf_listing_item-details {
        position: relative;
        bottom: auto;
        right: auto;
        left: 0;
        top: -15px;
        margin: 0px 30px 15px 30px;
        padding: 5px 20px;
        background-color: #eee;
        border-radius: 50px;
        font-size: 14px;
        width: auto;
        display: inline-block;
    }

    #titlebar {
        padding: 40px 0 20px;
        margin-bottom: 60px;
    }

    .utf_panel_dropdown {
        margin-right: 4px;
        display: block;
        width: 100%;
    }

    .fullwidth_block-filters .sort-by {
        display: block;
        width: 100%;
    }

        .fullwidth_block-filters .sort-by label,
        .fullwidth_block-filters .sort-by .utf_sort_by_select_item {
            float: left;
            margin-top: 10px;
        }

    .utf_panel_dropdown {
        margin-top: 0;
        float: left;
        width: auto;
    }

        .utf_panel_dropdown a,
        .fullwidth_block-filters .sort-by .chosen-container-single .chosen-single {
            background: #f3f3f3;
        }

        .utf_panel_dropdown .utf_panel_dropdown-content,
        .fullwidth_block-filters
        .utf_panel_dropdown.float-right
        .utf_panel_dropdown-content {
            left: 0;
            right: auto;
            width: 400px;
            max-width: 70vw;
        }

    .fullwidth_block-filters
    .sort-by
    .chosen-container.chosen-with-drop
    .chosen-drop,
    .fullwidth_block-filters .sort-by .chosen-container .chosen-drop {
        left: 0;
        right: auto;
        margin-left: 0;
    }

    .fs-inner-container.map-fixed {
        height: 500px;
        position: relative;
        top: 0;
        padding-top: 0 !important;
        width: 100%;
    }

    .fs-inner-container.content {
        width: 100%;
        padding-top: 0 !important;
        overflow: hidden;
    }

    .buttons-to-right,
    .utf_dashboard_list_box .button.to-right {
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0;
        margin: 10px 0 0 0;
        opacity: 1;
        right: auto;
    }

    .utf_list_box_listing_item-img {
        max-width: 168px;
    }

    .utf_add_review-photos {
        float: left;
        top: 0;
    }

    .utf_add_review-box {
        border-radius: 4px;
        background-color: #f9f9f9;
        padding: 36px;
        padding-bottom: 40px;
        margin-bottom: 30px;
        margin-top: 70px;
        display: inline-block;
        width: 100%;
        position: relative;
    }

    .utf_listing_slider .slick-next:hover,
    .utf_listing_slider .slick-next {
        right: 100px;
    }

    .utf_listing_slider .slick-prev:hover,
    .utf_listing_slider .slick-prev {
        left: 100px;
    }

    .utf_listing_slider,
    .utf_listing_slider .item {
        height: 30vh;
        min-height: 400px;
        max-height: 400px;
    }

    .listing-nav-container.cloned .listing-nav {
        display: none;
    }

    .utf_opening_day .chosen-container {
        vertical-align: initial;
    }

    .utf_dashboard_content .utf_dashboard_list_box-static {
        margin-bottom: 20px;
    }

    #googlemaps {
        height: 30vh !important;
        padding-bottom: 0 !important;
    }

    .utf_contact_map {
        display: block;
    }

        .utf_contact_map #utf_single_listing_map_block {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            position: relative;
            padding-top: 0;
            display: block;
            height: 300px;
        }

        .utf_contact_map .address-box-container {
            width: 100%;
        }
}

@media (max-width: 527px) {
    .utf_panel_dropdown {
        margin-bottom: 10px;
    }
    .visaHome .lastVisa #visaContainer {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 991px) {
    .utf_listing_item-container.list-layout .utf_listing_item-inner {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .utf_listing_features {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    #dialog_signin_part .mfp-close::after,
    #dialog_signin_part .mfp-close::before,
    #small-dialog .mfp-close::after,
    #small-dialog .mfp-close::before {
        top: 3px;
    }

    .slick-dots {
        bottom: -30px;
    }

    .utf_payment_logo {
        display: none;
    }

    .fs-container .fs-listings,
    .fs-switcher {
        padding: 0;
    }

    .fs-container div.search {
        padding: 40px 20px;
    }

    .listing_item_social li {
        margin-bottom: 8px;
    }

    .simple_slick_carousel_block {
        margin-left: 15px;
        margin-right: 15px;
    }

    .slick_carousel_slider {
        overflow: hidden;
    }

    .messages-headline_part h4 {
        display: block;
    }

    .message-action {
        display: inline-block;
        float: none;
        margin-top: 15px;
        background-color: #f2f2f2;
        border-radius: 50px;
        padding: 4px 20px;
        text-align: center;
    }

    .utf_glooph {
        width: 100%;
        margin: 5px 0;
    }

    .utf_add_listing_part_headline_part h3 {
        font-size: 18px;
    }

    .utf_add_listing_part_headline_part {
        padding: 20px;
        width: calc(100% + 40px);
        left: -20px;
    }

    .utf_dashboard_list_box-static {
        padding: 20px;
    }

    .utf_opening_day {
        margin-bottom: 10px;
    }

    .add_utf_listing_section {
        padding: 0 20px 20px 20px;
    }

    #bottom_backto_top {
        display: block;
        margin-bottom: 40px;
        margin-right: 15px;
    }

    .small_dialog_header {
        width: calc(100% + 60px);
        left: -30px;
        padding: 20px;
    }

    #dialog_signin_part,
    #small-dialog {
        background: #fff;
        padding: 30px;
        padding-top: 0;
    }

        #dialog_signin_part .mfp-close,
        #small-dialog .mfp-close {
            top: 15px;
            right: 20px;
            width: 40px;
            height: 40px;
        }

    .utf_list_box_listing_item {
        display: block;
    }

    .utf_list_box_listing_item_content .inner {
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        display: inline-block;
    }

    .header_widget {
        height: auto;
    }

    .utf_list_box_listing_item-img {
        max-width: 100%;
    }

    .utf_list_box_listing_item_content {
        padding-left: 0;
        padding-top: 10px;
    }

    .pricing_info {
        overflow: hidden;
        padding: 10px 0 20px;
    }

    #titlebar {
        padding: 40px 0 20px;
        margin-bottom: 40px;
    }

    #utf_map_container.fullwidth_block-home-map .zoomControlWrapper {
        top: 15px !important;
    }

    .utf_pricing_container_block {
        display: block;
    }

    .plan.featured {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    #breadcrumbs {
        position: relative;
        display: block;
        margin-top: 15px;
        text-align: right;
        padding-right: 10px;
        margin-bottom: 20px;
    }

        #breadcrumbs ul li {
            margin: 0 10px 0 0;
        }

    .utf_by_comment .numerical-rating,
    .utf_by_comment .utf_star_rating_section {
        position: relative;
        right: 0;
        top: 7px;
        display: block;
        width: 100%;
        float: none;
        height: 30px;
    }

    .avatar {
        display: block;
    }

    .utf_comment_content {
        padding: 0;
    }

    .small_dialog_header h3 {
        padding: 0;
        margin: 0;
        font-size: 22px;
        padding-right: 80px;
        line-height: 30px;
    }

    #dialog_signin_part,
    #small-dialog {
        max-width: 90vw;
    }

    .listing-nav li a {
        border-bottom: 1px solid #e0e0e0;
        padding: 15px;
        width: 100%;
        display: block;
        padding-left: 0;
        border-color: #e8e8e8;
    }

    .listing-nav li {
        margin-right: 0;
        display: block;
    }

    .listing-nav-container .listing-nav li:first-child a {
        padding-top: 0;
    }

    .listing-nav-container.cloned .listing-nav li:first-child a.active,
    .listing-nav-container.cloned .listing-nav li:first-child a:hover,
    .listing-nav li:first-child a,
    .listing-nav li a.active,
    .listing-nav li a:hover {
        border-color: #e8e8e8;
    }

    .utf_dashboard_content .checkboxes label {
        width: 100%;
    }

    .pricing-list-item td {
        display: block;
        width: 100%;
        position: relative;
    }

        .pricing-list-item td .fm-input,
        .pricing-list-item td .fm-input.pricing-price,
        .pricing-list-item td .fm-input.pricing-name {
            max-width: 100%;
            margin-right: 0;
        }

        .pricing-list-item td .fm-close {
            text-align: left;
            position: absolute;
            top: 4px;
            right: 0;
        }

    .utf_about_author img {
        width: 70px;
        height: 70px;
    }

    .utf_about_description {
        margin: 2px 0 0 100px;
    }

    #posts-nav li {
        position: relative;
        width: 100%;
    }

        #posts-nav li a {
            padding: 0 !important;
        }

            #posts-nav li a::before {
                display: none;
            }

        #posts-nav li.next-post {
            text-align: left;
            margin-bottom: 30px;
        }

    .comments ul li ul {
        margin: 0;
    }

    .avatar img {
        max-width: 80px;
    }

    .utf_comment_content {
        padding: 0 0 0 85px;
    }

    .comments ul li ul li::before {
        top: 25px;
    }

    .comments ul li,
    .comments ul li ul li,
    .comments ul li ul li ul li,
    .comments ul li ul li ul li {
        margin-top: 10px;
    }

    .utf_comment_content {
        padding: 0 0 20px 0;
    }

    .testimonial::after {
        display: none;
    }

    .utf_testimonial_box {
        padding: 20px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1239px) {
    #navigation.style_one ul a {
        line-height: 32px;
        padding: 5px 10px 15px 10px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 979px) {
    .utf_user_menu {
        display: block;
    }

    .utf_glooph {
        width: 47%;
    }
}

@media (max-width: 979px) {
    .main_input_search_part_item.location a {
        padding: 10px 0;
    }

    .utf_price_plan_features {
        margin-bottom: 30px;
    }

    .utf_booking_payment_option_form {
        margin-bottom: 40px;
    }

    .sidebar-search {
        margin-bottom: 25px;
        margin-top: 30px !important;
    }

    .chosen-container-single .chosen-single div {
        right: 0px;
    }

    #utf_add_listing_part .chosen-container-single .chosen-single div {
        right: 20px;
    }

    .main_input_search_part_item .chosen-container-single .chosen-single div {
        right: 0px;
    }

    .utf_user_menu {
        display: block;
        margin: 0px 0 30px 25px;
    }

    #contact {
        margin-bottom: 30px !important;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
    .dashboard #logo {
        background: transparent;
        position: relative;
        width: 100%;
        margin: 0;
        margin-top: 0;
        width: 100%;
        top: 0;
        text-align: left;
        left: 0;
        right: 0;
    }
}

@media only screen and (min-width: 1240px) and (max-width: 1365px) {
    .dashboard #logo {
        min-width: 240px;
        max-width: 240px;
    }
}

@media only screen and (min-width: 1240px) and (max-width: 1366px) {
    header.fullwidth_block.dashboard .container {
        padding-left: 270px;
    }

    .dashboard #logo {
        display: block;
        background-color: #2a2a2a;
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        margin: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dashboard #logo a.dashboard-logo {
            display: block;
        }

        .dashboard #logo a {
            display: none;
            margin-left: 30px;
        }

    .utf_left_side {
        float: left;
        width: 65%;
        display: inline-block;
    }

    .utf_right_side {
        float: right;
        width: 35%;
        display: inline-block;
    }

    .dashboard #logo a img {
        top: 50%;
        position: relative;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }
}

@media only screen and (min-width: 1367px) and (max-width: 1700px) {
    .utf_left_side {
        float: left;
        width: 65%;
        display: inline-block;
    }

    .utf_right_side {
        float: right;
        width: 35%;
        display: inline-block;
    }
}

@media (max-width: 767px) {
    .header_widget {
        margin-bottom: 0px;
    }

    .search_categorie_block {
        display: block;
    }

    .add-review-photos {
        float: left;
        top: -5px;
    }

    .utf_dashboard_list_box .sort-by .utf_sort_by_select_item {
        display: none;
    }

    a.close-list-item {
        opacity: 0;
    }

    .utf_dashboard_list_box ul li:hover a.close-list-item {
        opacity: 0;
    }

    .category_container_item_part a img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        height: 300px;
    }

    .utf_box_widget {
        padding: 20px;
    }

    #footer ul.social_footer_link {
        min-height: 180px;
    }

    .search_container_block h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .search_container_block h4 {
        font-size: 18px;
        line-height: 30px;
    }

    .headline_part span {
        font-size: 16px;
        line-height: 28px;
    }

    h2.headline_part,
    h3.headline_part {
        font-size: 26px;
        line-height: 36px;
    }

    .sl-icons-demo .col-md-3 {
        width: 100%;
        margin: 5px 0;
    }

    .box_icon_two {
        margin-top: 10px;
    }

    .utf_text_content h2 {
        margin-bottom: 30px;
        line-height: 38px;
        font-size: 26px;
    }

    .utf_text_content p {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
    }

    .recent_booking {
        display: none;
    }
}

@media (max-width: 609px) {
    .tp-caption .utf_rev_description_text {
        line-height: 26px !important;
        margin-top: -5px !important;
        font-size: 17px !important;
    }

    .rev_slider .tp-mask-wrap :last-child {
        margin-top: 5px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 510px) {
    .utf_signin_form ul.utf_tabs_nav li {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width: 479px) {
    .header_widget {
        margin-bottom: 0px;
    }

    .utf_box_widget h3 {
        font-size: 18px;
    }

        .utf_box_widget h3 i {
            width: 34px;
            height: 34px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            font-size: 16px;
            margin-right: 5px;
        }

    .utf_text_content {
        padding: 80px 0;
    }

    .utf_dashboard_list_box a.rate-review {
        padding: 3px 10px;
        margin-top: 60px;
    }

    .add-pricing-submenu.button,
    .add-pricing-list-item.button {
        padding: 7px 13px;
    }

    .utf_listing_item-container.compact .utf_star_rating_section {
        padding: 15px 10px;
        bottom: -25px;
        left: 10px;
        right: 10px;
    }

    .utf_listing_item-container .utf_star_rating_section {
        padding: 15px 10px;
        left: 10px;
        right: 10px;
    }

    .lost_password,
    .form_forgot_part .checkboxes {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }

    .tp-caption .utf_rev_description_text {
        line-height: 25px !important;
        margin-top: -5px !important;
        font-size: 16px !important;
    }

    .rev_slider .tp-mask-wrap :last-child {
        margin-top: 20px !important;
        font-size: 14px !important;
    }

    .listing_message {
        float: left;
        margin: 0 auto;
        margin-top: 20px;
    }

    .utf_pricing_list_section span {
        right: 10px;
        font-weight: 600;
        font-size: 13px;
        padding: 2px 15px;
        border-radius: 30px;
    }
}

@media (max-width: 359px) {
    .utf_right_side .header_widget a.button.border {
        padding: 8px 15px;
    }
}

@media (max-width: 480px) {
    .utf_tabs_nav.blog li,
    .utf_tabs_nav.blog li a,
    .utf_tabs_nav li,
    .utf_tabs_nav li a {
        width: 100%;
        padding: 0;
        border-radius: 3px;
        text-align: center;
        border-bottom: none;
    }

    .utf_about_author img {
        display: none;
    }

    .utf_about_description {
        margin: 0;
    }

    .utf_user_menu {
        margin: 10px 0 20px 25px;
        top: 0;
        display: block;
    }

    .header_widget .sign-in {
        position: relative;
        display: block;
        top: 0px;
        margin-bottom: 10px;
        margin-right: 25px;
    }
}

.main_popular_categories {
    display: inline-block;
    margin: 15px auto 0 auto;
    width: 100%;
}

    .main_popular_categories h3 {
        font-size: 18px;
        font-weight: 400;
        color: #fff;
        text-align: center;
        margin: 10px 0 20px 0;
    }

ul.main_popular_categories_list {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-left: 0;
}

    ul.main_popular_categories_list li {
        margin: 5px;
        list-style: none;
        display: inline-block;
        text-align: center;
    }

        ul.main_popular_categories_list li a {
            background: rgba(255, 255, 255, 0.07);
            position: relative;
            width: 150px;
            height: 105px;
            display: block;
            overflow: hidden;
            color: #ffffff !important;
            border-radius: 6px;
            padding: 7px;
            -webkit-transition: all 0.25s ease-in-out;
            -o-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
        }

            ul.main_popular_categories_list li a:hover {
                background: #4e8e8e;
                color: #fff;
            }

.utf_box {
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    padding-top: 16px;
    text-align: center;
    font-weight: 600;
    box-shadow: 0px 0px 16px 0px rgba(2, 2, 2, 0.1);
    -webkit-box-shadow: 0px 0px 16px 0px rgba(2, 2, 2, 0.1);
}

    .utf_box i {
        font-size: 26px;
        margin-bottom: 5px;
    }

@media only screen and (max-width: 2600px) and (min-width: 1400px) {
    .utf_testimonial_part {
        background-size: cover;
    }

    .parallax {
        background-size: 100%;
    }

    .utf_left_side {
        float: left;
        width: 65%;
        display: inline-block;
    }

    .utf_right_side {
        float: right;
        width: 35%;
        display: inline-block;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 980px) {
    .utf_search_map_section li {
        margin-right: 10px;
    }

    .utf_common_button {
        padding: 0 10px !important;
    }

    .listing_filter_block .utf_search_map_section ul {
        padding-left: 10px;
    }
}

@media only screen and (max-width: 1239px) and (min-width: 980px) {
    ul.main_popular_categories_list {
        padding-left: 0;
    }

        ul.main_popular_categories_list li a {
            width: 140px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .utf_dashboard_list_box {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 979px) and (min-width: 768px) {
    ul.main_popular_categories_list li a {
        width: 105px;
    }

        ul.main_popular_categories_list li a p {
            font-size: 14px;
        }

    ul.main_popular_categories_list {
        padding-left: 0;
    }

    .utf_glooph {
        width: 46%;
    }

    .sl-icons-demo .col-md-3 {
        width: 48%;
    }

    .fa-icons-demo .col-md-4 {
        width: 47%;
    }

    .utf_category_small_box_part {
        padding: 55px 20px;
    }

    .chosen-container-single .chosen-single div:after {
        right: 0;
    }
}

body.home-2 .banner p {
    color: #fff;
    opacity: 0.92;
    margin: 0 auto 15px;
    font-weight: 300;
    text-transform: capitalize;
    line-height: 1.9;
}

h4.headline {
    font-size: 22px;
    line-height: 32px;
    margin: -5px 0 30px 0;
    margin-top: -5px;
}

@media (max-width: 767px) {
    .utf_category_small_box_part {
        padding: 30px 10px;
        border-radius: 4px;
    }

        .utf_category_small_box_part span {
            top: 10px;
            right: 10px;
        }

    .utf_listing_categorybox {
        margin: 10px 0;
    }

    .utf_listing_categorie .col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .simple_slick_carousel_block .utf_carousel_item {
        padding: 10px 0px 0 0px;
    }

    .utf_listing_section .social-contact a,
    .utf_post_content .social-contact a {
        margin-bottom: 10px;
    }

    .utf_dashboard_list_box ul li {
        padding: 20px 10px 20px 10px;
    }

    .utf_search_map_section li {
        margin-right: 0;
        margin-bottom: 15px !important;
    }

    .chosen-container-single .chosen-single div:after {
        right: 0;
    }

    .utf_add_review-box {
        padding: 10px 8px;
    }

    #titlebar.utf_listing_titlebar h1,
    #titlebar.utf_listing_titlebar h2,
    #titlebar.utf_listing_titlebar h1 {
        font-size: 21px;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .fa-icons-demo .col-md-4 {
        width: 100%;
        margin: 10px 0;
    }
}

@media (max-width: 639px) {
    .search_container_block {
        height: 1000px;
    }

    .main_search_block {
        height: 680px;
    }

    ul.main_popular_categories_list li a {
        width: 130px;
        height: 100px;
    }

    .utf_box p {
        font-size: 14px;
    }

    .search_container_block:before {
        height: 98%;
    }

    .main_search_block:before {
        height: 100%;
    }

    .main_popular_categories {
        margin-top: 20px;
    }

    .main_inner_search_block {
        top: 51%;
    }

    ul.main_popular_categories_list {
        padding-left: 0;
    }
}

.utf_coupon_widget {
    border-radius: 4px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: block;
}

.utf_coupon_overlay {
    background-color: #000;
    position: absolute;
    border-radius: 4px;
    opacity: 0.8;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.utf_coupon_widget a.utf_coupon_top {
    padding: 30px;
    position: relative;
    z-index: 10;
    text-align: center;
    cursor: default;
    display: block;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.07);
}

    .utf_coupon_widget a.utf_coupon_top h3 {
        font-size: 22px;
        line-height: 30px;
        text-align: center;
        margin: 0;
        font-weight: 500;
        color: #fff;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

.utf_coupon_widget .utf_coupon_bottom {
    margin: 0;
    position: relative;
    z-index: 10;
    text-align: center;
    padding: 15px;
    border-radius: 0 0 4px 4px;
}

.utf_coupon_expires_date {
    background-color: #ff2222;
    display: inline-block;
    border-radius: 4px;
    padding: 5px 15px;
    line-height: 20px;
    font-weight: 500;
    font-size: 14px;
    margin-top: 15px;
    color: #fff;
}

.utf_coupon_used {
    padding: 0 20px;
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
    color: rgba(255, 255, 255, 0.85);
}

    .utf_coupon_used strong {
        font-weight: 600;
    }

.utf_coupon_bottom p {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 10px;
}

.utf_coupon_code {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    display: inline-block;
    padding: 2px 15px;
    border-radius: 4px;
    position: relative;
    z-index: 11;
    text-transform: uppercase;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border: 2px dashed rgba(255, 255, 255, 0.4);
}

.header-button .dashboard_header_button_item:first-child {
    padding-left: 15px;
    margin-right: 25px;
}

.header-button .dashboard_header_button_item {
    cursor: pointer;
}

.dashboard_header_button_item i {
    position: relative;
    font-size: 20px;
    line-height: 30px;
}

.dashboard_header_button_item:hover i {
    color: #323232;
}

.dashboard_header_button_item {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 9px 10px 11px 10px;
    margin-top: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f9f9f9;
    border-radius: 30px;
    margin-right: 30px;
    width: 46px;
    height: 46px;
    vertical-align: middle;
    text-align: center;
}

.header-button .dashboard_header_button_item > i {
    vertical-align: middle;
    font-size: 28px;
    margin-top: 10px;
}

.has-noti > i::after {
    content: "";
    height: 8px;
    width: 8px;
    background: #ff2222;
    position: absolute;
    border-radius: 100%;
    top: -5px;
    right: -5px;
}

.header-button .dashboard_header_button_item > i {
    font-size: 28px;
}

.header-button .dashboard_header_button_item .dashboard_notifi_dropdown {
    top: 60px;
    left: auto;
    right: -68px;
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.dashboard_notifi_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px;
    border-bottom: 1px solid #f2f2f2;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.dashboard_notifi_dropdown,
.setting-dropdown {
    position: absolute;
    z-index: 9999;
    min-width: 250px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    border-radius: 4px;
    top: 100%;
    left: 0;
}

.dashboard_notifi_title {
    padding: 22px;
    border-bottom: 1px solid #f2f2f2;
    cursor: default;
    text-align: left;
}

    .dashboard_notifi_title p {
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 600;
        color: #808080;
    }

.dashboard_notifi_item .content {
    width: calc(100% - 55px);
    text-align: left;
    font-size: 14px;
}

.pad-tb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.bg-c1.red i {
    background: #ff2222;
}

.dashboard_notify_bottom a:hover {
    color: #ff2222;
}

.dashboard_notify_bottom a {
    color: #666;
    font-weight: 600;
}

.dashboard_notifi_item .content p {
    color: #555;
    line-height: 1.5;
    padding-top: 5px;
    margin-bottom: 0px;
}

    .dashboard_notifi_item .content p b {
        font-weight: 600;
    }

.dashboard_notifi_item .content .date {
    font-size: 13px;
    font-weight: 500;
    color: #999;
}

.dashboard_notifi_item:hover {
    background: #f7f7f7;
}

.bg-c1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
}

    .bg-c1.green i {
        background: #54ba1d;
    }

    .bg-c1 i {
        font-size: 18px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        line-height: 40px;
        display: inline-block;
        text-align: center;
        margin-right: 15px;
        color: #fff !important;
    }

.header-button .dashboard_header_button_item .dashboard_notifi_dropdown {
    top: 60px;
    left: auto;
    right: -68px;
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.show-dropdown .js-dropdown {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.dashboard_notifi_dropdown {
    left: -300px;
    top: 61px;
}

    .dashboard_notifi_dropdown::before {
        content: "";
        position: absolute;
        right: 12px;
        bottom: 100%;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #fff;
    }

@media only screen and (max-width: 1024px) {
    .utf_user_menu {
        display: block;
        margin: 0px 0 30px 100px;
    }

    .dashboard_header_button_item {
        position: relative;
        display: inline-block;
        cursor: pointer;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        float: left;
    }

    .dashboard_notifi_dropdown {
        right: -300px;
        left: 0;
        top: 62px;
    }

        .dashboard_notifi_dropdown::before {
            content: "";
            position: absolute;
            right: 0;
            width: 26px;
            left: 10px;
            bottom: 100%;
            border-width: 10px;
            border-style: solid;
            border-color: transparent transparent #fff;
        }

    .dashboard_notifi_dropdown,
    .setting-dropdown {
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
    }
}

@media only screen and (max-width: 767px) {
    .utf_user_menu {
        top: 9px;
    }

    .dashboard_notifi_dropdown {
        right: -300px;
    }

    .home_main_search_part {
        height: 850px;
    }
}

@media only screen and (max-width: 479px) {
    .home_main_search_part {
        height: 80vh;
    }
    .search-tour-container{
        top:20% !important;
    }
}

@media only screen and (max-width: 365px) {
    .dashboard_notifi_dropdown {
        right: -240px;
    }
}

a.social_bt.facebook_btn {
    background-color: #3b5998;
}

a.social_bt.google_btn {
    background-color: #dc4e41;
}

    a.social_bt.facebook_btn i,
    a.social_bt.google_btn i {
        text-align: left;
        padding-left: 10px;
        float: left;
    }

a.social_bt:hover {
    -webkit-filter: brightness(115%);
    filter: brightness(115%);
}

a.social_bt {
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
    display: block;
    padding: 15px;
    line-height: 1;
    border-radius: 4px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.booking_widget_box h3 .price {
    float: right;
    position: relative;
}

    .booking_widget_box h3 .price > div:nth-child(1) {
        position: absolute;
        top: -25px;
    }

    .booking_widget_box h3 .price > span {
        font-size: 24px;
        font-weight: 600;
    }

        .booking_widget_box h3 .price > span > small {
            font-size: 13px;
            font-weight: 500;
            padding-left: 4px;
            color: #707070;
        }

.add_to_wishlist {
    width: 220px;
    font-size: 16px;
    font-weight: 400;
    margin: 0 auto;
    display: block;
}

.reviews-container {
    margin-top: 30px;
    margin-bottom: 30px;
}

#review_summary {
    text-align: center;
    color: #fff;
    padding: 20px 10px;
    border-radius: 4px;
}

#review_summary,
.reviews-container .progress-bar {
    background-color: #0054a6;
}

    #review_summary strong {
        font-size: 42px;
        display: block;
        line-height: 1;
        font-weight: 700;
    }

    #review_summary em {
        font-style: normal;
        font-weight: 600;
        display: block;
    }

    #review_summary small {
        font-size: 86%;
        font-weight: 400;
    }

.review_progres_title small {
    margin-top: -5px;
    display: block;
    font-size: 90%;
}

    .review_progres_title small strong {
        font-weight: 600;
    }

.reviews-container .progress {
    margin-bottom: 14px;
}

.progress {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: 16px;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 30px;
}

#review_summary,
.reviews-container .progress-bar {
    background-color: #ff2222;
}

.booking_widget_box .select_date_box {
    position: relative;
}

    .booking_widget_box .select_date_box i {
        position: absolute;
        top: 37%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 28px;
        z-index: 10;
        color: #999;
    }

.unique_search_block:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.4);
}

.search-input-icon {
    width: 330px;
    padding: 0 0px 0 20px;
    position: relative;
    margin-top: 3px;
}

    .search-input-icon input {
        padding-right: 30px;
        background: #fff;
    }

    .search-input-icon i {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 21px;
        z-index: 10;
        color: #999;
    }

.option-set {
    text-align: center;
    display: inline-block;
    padding: 15px 0px;
    background: #f9f9f9;
    border-radius: 10px;
    margin-bottom: 30px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

    .option-set li {
        display: inline-block;
        margin-right: 2px;
    }

        .option-set li a {
            padding: 5px 16px;
            display: block;
            outline: none;
            border: 1px solid rgba(0, 0, 0, 0.07);
            font-weight: 500;
            margin: 0;
            font-size: 15px;
            border-radius: 6px;
            background-color: #ffffff;
            color: #666;
            line-height: 26px;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
        }

            .option-set li a.selected {
                color: #fff;
                background-color: #ff2222;
            }

            .option-set li a:hover {
                color: #fff;
                background-color: #ff2222;
            }

.category_container_item_part a .featured {
    color: #fff;
    background-color: #f12c15;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    padding: 50px 0 15px;
    position: absolute;
    left: -130px;
    text-align: center;
    text-transform: uppercase;
    top: -75px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: right top 0;
    -ms-transform-origin: right top 0;
    transform-origin: right top 0;
    width: 180px;
    z-index: 99;
}

@media (max-width: 991px) {
    .search-input-icon {
        width: 100%;
        padding: 0;
    }

    .isotope-wrapper .col-md-12 {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .option-set li a {
        margin-bottom: 10px;
    }

    .option-set li:last-child a {
        margin-bottom: 0;
    }
}

@media (max-width: 1259px) {
    .reviews-container {
        margin-top: 30px;
        margin-bottom: 30px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e0e0e0;
    }

    .review_progres_title {
        margin-top: 10px;
        float: left;
    }

    .reviews-container .col-lg-9 {
        margin-top: 10px;
    }

        .reviews-container .col-lg-9 .col-lg-2 {
            -ms-flex: 0 0 20%;
            -webkit-box-flex: 0;
            flex: 0 0 20%;
            width: 100px;
        }

        .reviews-container .col-lg-9 .col-lg-9 {
            -ms-flex: 0 0 70%;
            -webkit-box-flex: 0;
            flex: 0 0 70%;
            width: 72%;
            margin-top: 10px;
            float: left;
        }

        .reviews-container .col-lg-9 .col-lg-1 {
            -ms-flex: 0 0 10%;
            -webkit-box-flex: 0;
            flex: 0 0 10%;
            width: 80px;
            margin-top: 10px;
            float: left;
        }
}

@media (max-width: 320px) {
    .header_widget .button,
    .header_widget .button.border {
        min-width: 110px;
    }
}

@media (max-width: 639px) {
    .reviews-container .col-lg-9 .col-lg-2 {
        -ms-flex: 0 0 20%;
        -webkit-box-flex: 0;
        flex: 0 0 20%;
        width: 90px;
    }

    .reviews-container .col-lg-9 .col-lg-9 {
        -ms-flex: 0 0 70%;
        -webkit-box-flex: 0;
        flex: 0 0 70%;
        width: 48%;
        margin-top: 10px;
        float: left;
    }

    .reviews-container .col-lg-9 .col-lg-1 {
        -ms-flex: 0 0 10%;
        -webkit-box-flex: 0;
        flex: 0 0 10%;
        width: 70px;
        margin-top: 10px;
        float: left;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1239px) {
    .utf_dashboard_content {
        margin-top: 95px;
    }

    .utf_dashboard_navigation {
        margin-top: 75px;
    }

    .utf_dashboard_list_box h4 {
        font-size: 15px;
        line-height: 40px;
    }

    .utf_dashboard_list_box ul li {
        padding: 15px;
        line-height: 24px;
    }

    .utf_dashboard_list_box .utf_sort_by_select_item select {
        width: 140px;
    }

    .booking_widget_box h3 .price > span {
        font-size: 18px;
    }

    .utf_box_widget h3 {
        font-size: 18px;
    }

        .utf_box_widget h3 i {
            margin-right: 5px;
        }

    .utf_social_icon li {
        margin-right: 8px;
    }

    .utf_box_widget {
        padding: 20px 15px;
    }
}

@media only screen and (max-width: 1365px) and (min-width: 1240px) {
    .dashboard #logo {
        min-width: 247px;
        max-width: 247px;
    }
}

/* ---------------------------------- */
/* Bootstrap-select
------------------------------------- */
select.bs-select-hidden,
select.selectpicker {
    display: none !important;
}

.bootstrap-select .btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bootstrap-select > .dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1;
}

    .bootstrap-select > .dropdown-toggle.bs-placeholder,
    .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
    .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
    .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
        color: #808080;
    }

.bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
}

    .bootstrap-select > select.mobile-device {
        top: 0;
        left: 0;
        display: block !important;
        width: 100% !important;
        z-index: 2;
    }

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

    .bootstrap-select.form-control:not([class*="col-"]) {
        width: 100%;
    }

    .bootstrap-select.form-control.input-group-btn {
        z-index: auto;
    }

        .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
            border-radius: 0;
        }

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
}

    .bootstrap-select.btn-group.dropdown-menu-right,
    .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
    .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
        float: right;
    }

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.checkbox .bootstrap-select.btn-group {
    margin-bottom: 0;
}

.checkbox-lg .bootstrap-select.btn-group.form-control,
.checkbox-sm .bootstrap-select.btn-group.form-control {
    padding: 0;
}

    .checkbox-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,
    .checkbox-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
        height: 100%;
        font-size: inherit;
        line-height: inherit;
        border-radius: inherit;
    }

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%;
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
    cursor: not-allowed;
}

    .bootstrap-select.btn-group.disabled:focus,
    .bootstrap-select.btn-group > .disabled:focus {
        outline: none !important;
    }

.bootstrap-select.btn-group.bs-container {
    position: absolute;
    height: 0 !important;
    padding: 0 !important;
}

    .bootstrap-select.btn-group.bs-container .dropdown-menu {
        z-index: 1060;
    }

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    overflow: hidden;
    width: 100%;
    line-height: 48px;
    text-align: left;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 90%;
    float: left;
    height: 48px;
    display: block;
}

.bootstrap-select.btn-group .dropdown-menu li.hidden {
    display: none;
}

.language-switcher.bootstrap-select.btn-group .dropdown-toggle .filter-option,
.sort-by .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    max-width: 100%;
    float: left;
}

.sort-by .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    line-height: 20px;
    height: auto;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -2px;
    vertical-align: middle;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.bootstrap-select.open .dropdown-toggle .caret {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
}

    .bootstrap-select.btn-group .dropdown-menu.inner {
        position: static;
        float: none;
        border: 0;
        padding: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .bootstrap-select.btn-group .dropdown-menu li {
        position: relative;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

        .bootstrap-select.btn-group .dropdown-menu li:last-child {
            border-bottom: 0px solid rgba(0, 0, 0, 0.05);
            margin-bottom: 0px;
        }

        .bootstrap-select.btn-group .dropdown-menu li.disabled {
            opacity: 0.75;
        }

        .bootstrap-select.btn-group .dropdown-menu li.active small {
            color: #fff;
        }

        .bootstrap-select.btn-group .dropdown-menu li.disabled a {
            cursor: not-allowed;
        }

        .bootstrap-select.btn-group .dropdown-menu li a {
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .bootstrap-select.btn-group .dropdown-menu li a span.text {
                display: inline-block;
            }

        .bootstrap-select.btn-group .dropdown-menu li small {
            padding-left: 7px;
            opacity: 0.8;
        }

    .bootstrap-select.btn-group .dropdown-menu .notify {
        position: absolute;
        bottom: 5px;
        width: calc(100% - 20px);
        margin: 0;
        min-height: 26px;
        padding: 3px 5px;
        pointer-events: none;
        padding: 5px 10px;
        background: #333;
        color: #fff;
        margin: 5px;
        margin-bottom: 5px;
        border-radius: 4px;
        white-space: nowrap;
        font-size: 14px;
        border: none;
    }

.bootstrap-select.btn-group .no-results {
    padding: 5px 10px;
    background: #f6f6f6;
    margin: 5px 0;
    margin-bottom: 0;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 14px;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    white-space: normal;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
    z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
    display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
    padding: 0 5px;
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    margin-bottom: 10px;
    margin-top: -5px;
}

    .bs-actionsbox div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.bootstrap-select.btn-group .bs-actionsbox div button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #f6f6f6;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px;
    height: 36px;
    font-size: 14px;
    color: #777;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .bootstrap-select.btn-group .bs-actionsbox div button:first-child {
        border-radius: 4px 0 0 4px;
        background-color: #f0f0f0;
    }

    .bootstrap-select.btn-group .bs-actionsbox div button:last-child {
        border-radius: 0 4px 4px 0;
    }

    .bootstrap-select.btn-group .bs-actionsbox div button:hover {
        background: #66676b;
        color: #fff;
    }

.bs-actionsbox .btn-group button {
    width: 50%;
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .bs-donebutton .btn-group button {
        width: 100%;
    }

.bs-searchbox + .bs-actionsbox {
    padding: 0;
}

.bs-searchbox .form-control:focus,
.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f4f4f4;
    margin: 0px 0 8px 0;
    height: 38px;
    line-height: 38px;
    padding: 10px;
    padding-right: 40px;
}

.bs-searchbox {
    position: relative;
}

    .bs-searchbox:after {
        font-family: "Font Awesome 5 Free";
        content: "\f002";
        font-size: 20px;
        width: 20px;
        height: 20px;
        line-height: 0;
        display: inline-block;
        position: absolute;
        margin: 0;
        color: #a0a0a0;
        right: 15px;
        top: 18px;
    }

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 5px dashed;
    border-top: 5px solid #aaa;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    padding: 0px;
    margin: 0;
    font-size: 15px;
    text-align: left;
    list-style: none;
    background-color: #ffffff;
    border: none;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12);
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        display: none;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 8px 15px;
        padding-right: 35px;
        clear: both;
        font-weight: normal;
        line-height: 22px;
        color: #808080;
        border-radius: 0px;
    }

.bootstrap-select:before {
    content: "";
    position: absolute;
    z-index: 2100;
    bottom: 0px;
    left: 0;
    height: 8px;
    width: 100%;
    background-color: #ffffff;
    display: block;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.bootstrap-select.open:before {
    opacity: 1;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover {
    color: #66676b;
    text-decoration: none;
    background-color: rgba(102, 103, 107, 0.07);
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover {
    color: #777;
}

    .dropdown-menu > .disabled > a:hover {
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent;
        background-image: none;
    }

.dropdown-menu.inner::-webkit-scrollbar {
    width: 5px;
}

.dropdown-menu.inner::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 12px;
}

.dropdown-menu.inner::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-color: #d8d8d8;
}

    .dropdown-menu.inner::-webkit-scrollbar-thumb:hover {
        border-radius: 12px;
        background-color: #c8c8c8;
    }

.bootstrap-select .dropdown-menu {
    opacity: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: block;
    pointer-events: none;
    visibility: hidden;
    cursor: default;
}

.bootstrap-select.open .dropdown-menu {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    padding-bottom: 10px;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-header {
    display: block;
    padding: 8px 15px;
    line-height: 20px;
    white-space: nowrap;
    background: #f6f6f6;
    color: #777;
    border-radius: 0px;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: 100%;
    bottom: auto;
    margin-bottom: 2px;
}

@media (min-width: 767px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }

    #login-register-page button {
        margin-top: 10px;
    }
}

.bootstrap-select.btn-group {
    position: relative;
}

    .bootstrap-select.btn-group button {
        position: relative;
        display: inline-block;
        height: 48px;
        line-height: 0;
        padding: 0 15px;
        margin: 0;
        outline: none;
        font-size: 16px;
        color: #808080;
        max-width: 100%;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        background-color: #ffffff;
        font-weight: 400;
        opacity: 1;
        border-radius: 4px;
        border: none;
    }

.hide-tick .check-mark {
    display: none !important;
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    line-height: 0;
    width: 20px;
    height: 20px;
    text-align: center;
}

.bootstrap-select.btn-group .dropdown-menu li span.check-mark:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-size: 18px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    top: 50%;
    right: 0;
    position: absolute;
    margin: 0;
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

.bootstrap-select.btn-group .dropdown-menu li.selected span.check-mark:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.35s cubic-bezier(0.3, -0.41, 0.19, 2), opacity 0.3s;
    -o-transition: all 0.35s cubic-bezier(0.3, -0.41, 0.19, 2), opacity 0.3s;
    transition: all 0.35s cubic-bezier(0.3, -0.41, 0.19, 2), opacity 0.3s;
}

.bootstrap-select .dropdown-menu li.selected a span.check-mark:before,
.bootstrap-select .dropdown-menu li.selected:hover a span.check-mark:before {
    color: #66676b;
}

.bootstrap-select .glyphicon:not(.check-mark) {
    font-size: 17px;
    line-height: 0;
    position: relative;
    top: 1px;
    margin-right: 3px;
}

.bootstrap-select .filter-option .glyphicon {
    position: relative;
    top: 1px;
}

.with-border .dropdown-menu,
.with-border.bootstrap-select.btn-group button {
    background: #fbfdff;
    border: 1px solid #dde6ef;
    -webkit-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05);
}

.with-border.bootstrap-select:before {
    width: calc(100% - 2px);
    left: 1px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover {
    background-color: rgba(255, 138, 0, 0.07);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a,
.bootstrap-select .dropdown-menu li.selected a span.check-mark:before {
    color: #ff2222;
}

@media (max-width: 991px) {
    .main_input_search_part .bootstrap-select.btn-group button {
        height: 55px;
    }
}

.utf-chosen-cat-single {
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
    background-color: #fff;
    margin-bottom: 20px;
}

    .utf-chosen-cat-single .bootstrap-select .dropdown-menu {
        width: 100%;
        border: 1px solid #dbdbdb;
        background-color: #fff;
        border-radius: 0px;
        margin-top: 4px;
    }

#utf_rev_slider_block .bootstrap-select.btn-group .dropdown-menu.inner {
    height: 150px;
}

#header_part {
    background-color: #73c9ca;
}

.bloggroup-left {
    position: absolute;
    left: -80px;
    right: auto;
    top: 50%;
}

.bloggroup-right {
    position: absolute;
    right: -80px;
    left: auto;
    top: 50%;
}

.kite-bg {
    background-color: #73c9ca;
    height: 770px;
}

.slide-btn {
    position: absolute;
    margin: 0 auto;
    background: orange;
    padding: 5px 30px 5px 30px;
    bottom: 50px;
    left: 29%;
    width: 200px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .slide-btn:hover {
        background: #fff;
    }

#footer a.button.border {
    background-color: transparent;
    color: #57adae;
    border: 1px solid #57adae;
}

.footer-line {
    width: 100%;
    text-align: center;
}

    .footer-line .line1 {
        background-color: #e0e0e0;
        width: auto;
        height: 3px;
        display: block;
        margin: 0 auto;
        margin-top: 20px;
    }

#footer .box_icon_two {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 10px;
    color: #777777 !important;
}

    #footer .box_icon_two:hover {
        color: #000 !important;
    }

    #footer .box_icon_two h3 {
        color: #757777;
    }

    #footer .box_icon_two:hover h3 {
        color: #000;
    }

    #footer .box_icon_two i {
        background-color: #73c9ca;
    }

.pagination ul li a:hover {
    background-color: #2860fa;
}

@media (max-width: 767px) {
    .slide-btn {
        left: 29%;
        bottom: 13px;
    }
}

.fotter-logo {
    padding: 10px 15px;
    background-color: #e4e4e4;
    border-radius: 10px;
    display: inline-block;
}

    .fotter-logo img {
        width: 45px;
        height: 45px !important;
    }

.header_widget .button.border:hover {
    background: #ffffff;
    border: 1px solid #73c9ca;
    color: #a3c5c5;
}

.badge-warning {
    background-color: #f87506;
    color: white;
    z-index: 9;
    position: relative;
}
.badge-warning-blue {
    background-color: #1777fa;
    color: white;
    z-index: 9;
    position: relative;
}

.dashboard-list-box .badge-warning {
    position: absolute;
    right: 0px;
}

.agency-title {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
    line-height: 22px;
}

.supplier-title i {
    color: #73c9ca;
}

.supplier-title {
    text-align: right;
    display: block;
}

.breadcrumb {
    background-color: transparent;
}

.packagelist h3 {
    font-size: 18px;
}

.packagelist .tourdetail-image {
    width: auto;
    display: inline-block;
}

.tourType {
    padding-right: 12px;
    padding-left: 12px;
}

.supplierTitle {
    text-align: right;
    margin-right: 25px;
}

.agencyTitle {
    text-align: right;
    margin-right: 25px;
}

.typeOfTrip {
    width: 79px;
}

.utf_listing_item-content {
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.packagelist .tourdetail-image img {
    width: 64px;
}

.packagelist .utf_listing_titlebar .utf_listing_titlebar_title {
    text-align: right;
}

.btnCollapse {
    color: #4e8e8e;
    font-size: 14px;
    border: solid 2px;
    background-color: white;
    padding: 9px 16px;
}

    .btnCollapse:hover {
        color: white;
        font-size: 14px;
        border: solid 2px #4e8e8e;
        background-color: #4e8e8e;
    }

    .btnCollapse:focus {
        color: #4e8e8e;
        border: solid 2px;
        background-color: white;
    }

    .btnCollapse[aria-expanded="true"] {
        color: white;
        font-size: 14px;
        border: solid 2px #4e8e8e;
        background-color: #4e8e8e;
    }

.btnViewPackage {
    background-color: #4e8e8e !important;
    color: white !important;
    padding: 7px 8px !important;
}

    .btnViewPackage:hover {
        background-color: #faa517 !important;
        color: #fff !important;
        padding: 7px 8px !important;
    }

.beforeprice {
    font-size: 14px;
    display: inline-block;
}

.afterprice {
    font-size: 14px;
    display: inline-block;
}

.packageprice {
    color: #f87506;
    font-size: 18px;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
    display: inline-block;
}

.packagepriceD.discount {
    position: relative;
    color: #7d807d;
    font-size: 18px;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
    display: inline-block;
}

    .packagepriceD.discount::before {
        content: "";
        position: absolute;
        height: 2px;
        width: 100%;
        background-color: #eb0000;
        -webkit-transform: rotate(-11deg);
        -ms-transform: rotate(-11deg);
        transform: rotate(-11deg);
        top: 11px;
    }
.main_inner_search_block{
    z-index:998 !important;
}
.package-source {
    margin-left: 50px;
    float: left;
}

.package-middle {
    padding: 5px;
    width: 60%;
    margin: 0 auto;
}

    .package-middle img {
        width: 36px;
        margin-top: -45px;
    }

/* .package-dest {
  margin-right: 50px;
  float: right;
} */

.dash-line {
    border-top: dotted 2px #aeaeae;
    margin: 3px 0;
    margin: 10px 0 !important;
}

#headertitle {
    min-height: 130px;
    width: 100%;
    background-color: orange;
    margin-bottom: 0;
}

    #headertitle h1 {
        margin-top: 0px;
        color: white;
        text-align: center;
        padding-top: 20px;
        font-weight: 800;
        font-size: 25px;
    }

    #headertitle ul li a {
        color: white;
    }

.tourListTagsWrapper {
    position: absolute;
    top: -7px;
    right: -6px;
}

.tourItem .tourListTagsWrapper .special-agency {
    /*
  position: absolute;
  right: -6px;
  top: -7px;
  */
    width: max-content;
    border-radius: 0 5px 0px 5px;
    height: 20px;
    font-size: 12px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ec0000;
    margin-bottom: 5px;
    column-gap: 0.75rem;
}

.tourItem .tourListTagsWrapper .installment-tour {
    /*
  position: absolute;
  right: -6px;
  top: 24px;
  */
    width: 58px;
    border-radius: 0 5px 0px 5px;
    height: 20px;
    font-size: 12px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 5px;
}

.hotelTours .installment-tour {
    /*top: -7px;*/
}

.tourItem .tourListTagsWrapper .discount-tour {
    /*
  position: absolute;
  right: -6px;
  top: 55px;
  */
    width: 58px;
    border-radius: 0 5px 0px 5px;
    height: 20px;
    font-size: 12px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ec0000;
    margin-bottom: 5px;
}

.tourItem .package-content .tags-at-bottom-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    display: flex;
    column-gap: 3px;
}

    .tourItem .package-content .tags-at-bottom-img .reservation-online {
        z-index: 8;
        color: #fbfbfb;
        padding: 2px 10px;
        font-size: 12px;
        border-top-left-radius: 8px;
        background-color: rgb(117 227 72 / 85%);
    }

    .tourItem .package-content .tags-at-bottom-img .no-entry-fee {
        background-color: rgb(88 71 225 / 85%);
        color: #fff;
        flex: 1;
        padding: 2px 10px;
        text-align: center;
        font-size: 12px;
    }

    .tourItem .package-content .tags-at-bottom-img .reservation-online + .no-entry-fee {
        border-top-right-radius: 8px;
    }

.special-norouz {
    /*
  position: absolute;
  right: 0px;
  top: 174px;
  */
    padding-top: 180px;
    width: 85px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
}

.ad-text {
    text-align: center;
    padding: 10px;
}

.typeOfMoneyMobile {
    display: none;
}

@media (max-width: 768px) {
    .typeOfMoneyMobile {
        display: block;
    }
}

@media (max-width: 767px) {
    #headertitle {
        min-height: unset;
    }

        #headertitle h1 {
            font-size: 20px;
            text-align: right;
            line-height: 2.05;
            padding: 20px 20px 0 20px;
            font-weight: 900;
        }

    .agency-title {
        font-size: 16px;
        text-align: right;
        margin-right: 0;
    }

    .supplier-title {
        text-align: right;
        margin-right: 0;
    }

    .container_categories_box {
        width: auto;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .element_tab .utf_tabs_nav li {
        width: 32%;
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: right;
    }

    .container-fluid {
        padding-left: 150px !important;
        padding-right: 150px !important;
    }
}

@media (max-width: 992px) {
    .row {
        margin-right: 0;
        margin-left: 0;
    }

    .tourItems > div {
        margin-top: 20px;
        height: 56px;
    }

        .tourItems > div:nth-child(4) {
            padding-right: 15px !important;
        }

        .tourItems > div i {
            font-size: 28px;
        }

    .tourType img {
        height: 100%;
        width: auto;
    }

    .tourItems > div:nth-child(1) {
        margin-top: 0;
    }

    .tourItems > div:nth-child(6) {
        height: auto;
        padding: 0;
    }

    .tourItems .btnViewPackage {
        margin-left: 5px;
    }

    .tourItems > div:nth-child(5) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.collapse.in {
    display: inline-block;
}

#gmap iframe,
#wheather iframe {
    width: 100% !important;
}

.packageStuff {
    padding: 10px 19px;
    background-color: #fff;
    padding-bottom: 20px;
    border-radius: 10px;
}

.package-content {
    padding: 10px 22px;
    background-color: #eee;
    padding-bottom: 20px;
    border-radius: 10px;
}

.dailyplan-icon {
    color: #73c9ca;
    font-size: 16px;
    padding: 3px 14px;
    background-color: white;
    border-radius: 50%;
    margin-left: 10px;
}

.error {
    color: #e79494 !important;
    padding-right: 5px;
}

.coupon_code {
    background-color: white;
    border: solid 1px #4e8e8e;
    color: #4e8e8e;
    width: 100%;
    padding: 10px;
    border-radius: 5px 0px 0px 5px;
}

.ui-autocomplete {
    z-index: 9;
    background-color: white;
}

.ui-autocomplete {
    background-color: #fff;
    float: left;
    font-size: 13px;
    list-style: none;
    min-width: 160px;
    position: absolute;
    z-index: 1000;
    padding: 10px;
    direction: rtl;
    max-height: 0;
    overflow-x: hidden;
    width: 219px !important;
    display: block;
    padding: 0;
    -webkit-transition: max-height 0.3s;
    -o-transition: max-height 0.3s;
    transition: max-height 0.3s;
}

    .ui-autocomplete.active {
        max-height: 220px;
        -webkit-transition: max-height 0.3s;
        -o-transition: max-height 0.3s;
        transition: max-height 0.3s;
    }

@media only screen and (max-width: 1390px) {
    .ui-autocomplete {
        width: 219px !important;
    }
}

@media only screen and (max-width: 720px) {
    .ui-autocomplete {
        width: 329px !important;
    }
}

.ui-menu .ui-menu-item:hover {
    background-color: #e9ebeb !important;
    color: white;
    cursor: pointer;
    border: 0;
}

.ui-menu .ui-menu-item a {
    clear: both;
    color: #555;
    cursor: pointer;
    display: block;
    font-weight: 400;
    line-height: 1.428571429;
    min-height: 0;
    padding: 0 10px;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
}

.ui-menu .ui-menu-item {
    padding: 7px;
}

    .ui-menu .ui-menu-item:hover {
        background-color: #73c9ca !important;
        color: white;
        border: 0;
    }

    .ui-menu .ui-menu-item a.ui-state-focus {
        border: 0;
    }

    .ui-menu .ui-menu-item a:hover {
        color: white;
    }

    .ui-menu .ui-menu-item:hover a {
        color: white;
    }

        .ui-menu .ui-menu-item:hover a i {
            color: white !important;
        }

.ui-helper-hidden-accessible {
    display: none;
}

.type-buttons .toggle-btn {
    border-radius: 6px;
    padding: 3px 10px;
    margin-bottom: 8px;
    background-color: rgba(255, 255, 255, 0.08);
    color: white;
    border:none;
}
#buttons .active {
    background-color: rgb(255 161 0 / 45%) !important;
}

.flightbox .main_input_search_part {
    padding: 0px;
    border: none;
    position: relative;
    margin:0;
}

    .flightbox .main_input_search_part .source-and-dest {
        display: flex;
        position: relative;
    }

        .flightbox .main_input_search_part .source-and-dest .xchange-searchbox {
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid silver;
            border-radius: 4px;
            width: 25px;
            height: 25px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 5;
            cursor: pointer;
            background-color: #fff;
        }

    .flightbox .main_input_search_part #flightSearchLoader {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: #5959594d;
    }

    .flightbox .main_input_search_part input {
        padding: 10px 20px;
        height: 65px;
        width: 100%;
    }

    .flightbox .main_input_search_part input[readonly] {
        background: #fff;
    }


.flightbox .main_input_search_part .main_input_search_part_item {
    padding: 0px;
    margin-top: 0px;
}

.flightbox .panel-dropdown {
    width: 100%;
    height: 62px;
    padding: 13px;
    background-color: white;
}

    .flightbox .panel-dropdown a:after {
        margin-right: 15px !important;
        margin-left: auto;
        float: left;
    }

.flightbox .main_input_search_part button.button {
    margin-top: 8px;
    margin-left: 10px;
}

.flightbox .qtyButtons input {
    height: 40px !important;
}

.flightbox .custom-radio {
    float: right;
    margin: 13px;
}

    .flightbox .custom-radio label {
        float: right;
    }

    .flightbox .custom-radio input {
        height: 20px;
        width: 35px;
        float: left;
    }

.flightbox .panel-dropdown .panel-dropdown-content {
    top: 63px !important;
    padding: 10px;
}

::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #6b6b6b;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/* width */
#CheapestInternalFlights ::-webkit-scrollbar {
    width: 5px;
}

/* Track */
#CheapestInternalFlights ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
#CheapestInternalFlights ::-webkit-scrollbar-thumb {
    background: #6b6b6b;
}

    /* Handle on hover */
    #CheapestInternalFlights ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.contactHead {
    height: auto !important;
    color: white;
    position: relative;
}

    .contactHead a {
        color: white;
    }

    .contactHead h1 {
        text-align: right !important;
        font-size: 25px;
        font-weight: 700;
        padding-top: 0 !important;
    }

    .contactHead i {
        font-size: 150px;
        color: #eee;
    }

    .contactHead > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        direction: rtl;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 25px 0;
    }

    .contactHead .status {
        color: #eee;
    }

.contactContent {
    padding-top: 50px;
}

    .contactContent .informations {
        text-align: right;
        padding-top: 30px;
    }

    .contactContent .title {
        font-size: 16px;
        font-weight: 700;
        color: black;
        margin-bottom: 10px;
    }

    .contactContent .detail {
        margin-bottom: 20px;
        font-style: normal;
        line-height: 1.42857143;
    }

        .contactContent .detail a {
            color: #707070;
        }

    .contactContent .map {
    }

.messageForm {
    float: left !important;
    direction: rtl;
    padding: 20px 0;
    border: 2px solid #eee;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 24px 0 rgba(174, 174, 174, 0.21);
    box-shadow: 0px 3px 24px 0 rgba(174, 174, 174, 0.21);
}

    .messageForm .title h2 {
        font-size: 25px;
        padding-bottom: 20px;
        padding-right: 15px;
    }

    .messageForm label {
        margin-bottom: 5px;
    }

    .messageForm > div {
        float: left !important;
    }

    .messageForm textarea {
        resize: none;
    }

.contactMessage {
    padding: 75px;
    position: relative;
}

    .contactMessage .name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .contactMessage .name > div {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            .contactMessage .name > div:nth-child(1) {
                margin-left: 5px;
            }

            .contactMessage .name > div:nth-child(2) {
                margin-right: 5px;
            }

    .contactMessage .socials {
        position: absolute;
        right: 130px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #56c9cb;
        height: 415px;
        border-radius: 5px;
    }

    .contactMessage .sendBtn {
        float: left;
        margin-left: 15px;
        width: 100px;
        height: 50px;
        margin-top: 10px;
    }

        .contactMessage .sendBtn input {
            padding: 8px 36px;
            background-color: #56c9cb;
            border: 1px solid #3f9496;
        }

            .contactMessage .sendBtn input:disabled {
                background-color: #ccc;
            }

    .contactMessage .socials {
        text-align: center;
    }

        .contactMessage .socials .title {
            padding: 40px 0;
            color: white;
            font-size: 20px;
            font-weight: 700;
            text-align: center;
        }

        .contactMessage .socials .icon {
            color: #3f9496;
            font-size: 50px;
            width: 45px;
            margin: 0 auto 10px;
        }

        .contactMessage .socials .item a:nth-child(2) div {
            color: white;
            font-size: 15px;
            margin-bottom: 10px;
        }

@media only screen and (max-width: 992px) {
    .hotelDetailSidebar .select_date_box:nth-child(1),
    .hotelDetailSidebar .select_date_box:nth-child(2) {
        padding: 0px !important;
    }
    .contactMessage {
        padding: 15px;
    }

        .contactMessage .socials {
            position: unset;
            right: unset;
            top: unset;
            -webkit-transform: unset;
            -ms-transform: unset;
            transform: unset;
            margin-top: 10px;
        }

    .contactContent {
        padding-top: 0px;
    }

    .contactMessage .socials {
        height: 229px;
    }

    .contactMessage .name {
        display: block;
    }
}

/******** AgencyRequests *********/
.agencyHead {
    height: auto !important;
    color: white;
    position: relative;
}

    .agencyHead h1 {
        font-size: 28px;
        font-weight: 900;
        text-align: right !important;
        padding-top: 0 !important;
    }

    .agencyHead a {
        color: white;
        font-size: 32px;
        font-weight: 800;
    }

    .agencyHead i {
        font-size: 150px;
        color: #eee;
    }

    .agencyHead .status {
        font-size: 16px;
        font-weight: normal;
        text-align: justify;
        padding: 0;
        padding-top: 10px;
        color: white;
    }

    .agencyHead > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        direction: rtl;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 50px 0;
    }

.AgencyRequest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
}

.AgencyRequestTable .downloadBtn {
    width: 100px;
    background-color: var(--my-orange);
    padding: 20px 0;
    margin: 20px auto;
    border-radius: 10px;
    color: #fff;
}

    .AgencyRequestTable .downloadBtn a {
        color: #fff;
    }

.AgencyRequestTable .downloadBtn,
.AgencyRequestTable .close {
    text-align: center;
}

.AgencyRequest .titleBox {
    width: 312px;
    height: 47px;
    padding: 9px 22px 11px 23px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 3px 24px 0 #aeaeae;
    box-shadow: 0px 3px 24px 0 #aeaeae;
    background-color: #73c9ca;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0%;
    text-align: center;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .AgencyRequest .titleBox .title {
        font-size: 1.2em;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        color: #137677;
    }

.AgencyRequest .messageForm {
    padding: 35px 0 10px;
    position: relative;
}

    .AgencyRequest .messageForm .sendBtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-left: 0;
    }

        .AgencyRequest .messageForm .sendBtn input {
            width: 129px;
            height: 42px;
            margin: 0px auto 0 auto;
        }

    .AgencyRequest .messageForm .labelFile {
        height: 50px;
        line-height: 50px;
        padding: 0 15px;
        outline: none;
        font-size: 15px;
        color: #808080;
        margin: 0 0 16px 0;
        max-width: 100%;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        background-color: #fff;
        border: 1px solid #dbdbdb;
        -webkit-box-shadow: 0 4px 8px 0 #00000008;
        box-shadow: 0 4px 8px 0 #00000008;
        font-weight: 400;
        opacity: 1;
        border-radius: 4px;
    }

        .AgencyRequest .messageForm .labelFile i {
            padding-left: 5px;
        }

    .AgencyRequest .messageForm .hideInput {
        width: 0.1px;
        height: 0.1px;
        overflow: hidden;
        margin: 0;
        border: none !important;
    }

.AgencyRequest .removeLogo {
    display: none;
    cursor: pointer;
    color: #faa517;
    position: absolute;
    left: 32px;
    top: 44px;
}

.AgencyRequest .removeContract {
    display: none;
    cursor: pointer;
    color: #faa517;
    position: absolute;
    left: 32px;
    top: 44px;
}

.AgencyRequest .removeLinsence {
    display: none;
    cursor: pointer;
    color: #faa517;
    position: absolute;
    left: 32px;
    top: 44px;
}

.AgencyRequest .file-upload-wrapper .ezdz-dropzone {
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
    min-height: 50px;
    height: auto;
    border-radius: 4px;
    width: 100%;
    line-height: 47px;
    font-size: 15px;
    color: #808080;
    font-family: iranyekan;
    font-weight: 400;
    text-align: right;
    padding: 0 15px;
}

.AgencyRequest .file-upload-wrapper {
    margin-bottom: 16px !important;
}

.AgencyRequest .messageForm .fakeLabel {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 400;
}

@media only screen and (max-width: 595px) {
    .agencyHead > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .agencyHead > div * {
            text-align: center !important;
        }
}

@media only screen and (max-width: 993px) {
    .AgencyRequest .titleBox {
        top: 9%;
    }

    .textMessageContent {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.hotelsDetailHeader {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: -13px;
}

.hotelsDetailHeaderStn {
    font-size: 13px;
}

.hotelsDetail .btnCollapse {
    padding: 5px;
    margin: 0;
    width: 32px;
    float: left;
}

.hotelsDetail .supplier-title {
    text-align: right;
}

.tourHotelMain .TourHotel .hotelsBox .hotelsDetail .headTitle {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tourHotelMain .TourHotel .hotelsBox .hotelsDetail .tourDetailHotelHead {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .tourHotelMain
    .TourHotel
    .hotelsBox
    .hotelsDetail
    .tourDetailHotelHead
    .title
    a {
        font-size: 22px;
    }

    .tourHotelMain
    .TourHotel
    .hotelsBox
    .hotelsDetail
    .tourDetailHotelHead > .image {
        width: 115px;
        height: 95px;
        border-radius: 8px;
        overflow: hidden;
        margin-left: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .tourHotelMain
        .TourHotel
        .hotelsBox
        .hotelsDetail
        .tourDetailHotelHead > .image
        img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .tourHotelMain
        .TourHotel
        .hotelsBox
        .hotelsDetail
        .tourDetailHotelHead > .image
        i {
            font-size: 71px;
        }

    .tourHotelMain
    .TourHotel
    .hotelsBox
    .hotelsDetail
    .tourDetailHotelHead > .title {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

.tourHotelMain .TourHotel .hotelsBox .hotelsDetail .headTitle .additionals {
    margin: 0;
}

    .tourHotelMain
    .TourHotel
    .hotelsBox
    .hotelsDetail
    .headTitle
    .additionals
    .item {
        margin: 0 3px 0 0;
        font-size: 15px;
        padding: 2px 10px;
    }

.tourHotelMain .TourHotel .hotelsBox .hotelsDetail .packagelist {
    width: 100%;
    border-top: 1px dashed #ccc;
    padding-top: 15px;
    padding-bottom: 0;
    margin-top: 0 !important;
}

.tourHotelMain .TourHotel .hotelsBox .hotelsDetail .priceContent > div {
    margin: 0;
}

.tourHotelMain .TourHotel .hotelsBox .hotelsDetail .hotelTours {
    margin-bottom: 20px;
}

    .tourHotelMain
    .TourHotel
    .hotelsBox
    .hotelsDetail
    .hotelTours
    .package-content {
        padding: 10px 0 18px;
    }

.hotelsDetailHeadertitle {
    padding-right: 0px;
    padding-left: 0px;
}

    .hotelsDetailHeadertitle .agency-title {
        text-align: right;
    }

.hotels-image-slick-carousel .slick-prev {
    left: -10px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.hotels-image-slick-carousel .slick-next {
    right: -8px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.hotels-image-slick-carousel .slick-slide {
    padding: 0 10px;
}

    .hotels-image-slick-carousel .slick-slide img {
        width: 100% !important;
        height: 135px !important;
        -o-object-fit: cover;
        object-fit: cover;
    }

.hotels-image-slick-carousel .slick-prev {
    color: #000;
    border-radius: 50%;
    padding: 7px 10px;
    background-color: #fff;
}

    .hotels-image-slick-carousel .slick-prev:hover {
        color: #000;
        background-color: #eee;
    }

.hotels-image-slick-carousel .slick-next {
    color: #000;
    border-radius: 50%;
    padding: 7px 10px;
    background-color: #fff;
}

    .hotels-image-slick-carousel .slick-next:hover {
        color: #000;
        background-color: #eee;
    }

.hotels-services .title {
    direction: rtl;
    text-align: right;
}

    .hotels-services .title #hotelsServicesTitle {
        margin-top: 0;
    }

.hotels-services .services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .hotels-services .services .item {
        font-size: 16px;
        line-height: 27px;
        font-weight: 300;
    }

    .hotels-services .services > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: right;
    }

.hotelsDetail .packagelist > div:nth-child(1) {
    padding: 0;
    text-align: center;
}

.hotelsDetail .packagelist > div.advancedInstallment {
    float: none;
}

.hotelsDetail .packagelist .rightHoteldetail,
.hotelsDetail .packagelist .leftHoteldetail {
    padding: 0 8px;
}

.hotelsDetail .packagelist > div:nth-child(2) > div:nth-child(1) {
    padding-left: 5px;
    padding-right: 0px;
    background-color: #f9fafe;
    padding-bottom: 15px;
}

.hotelsDetail .rightHoteldetail .package-content {
    min-height: 150px;
}

.hotelsDetail .hotelImages {
    overflow: hidden;
    margin-top: 20px;
    max-height: 150px;
}

    .hotelsDetail .hotelImages.havePicture {
        min-height: 150px;
    }

.hotelsDetail .packagelist > div:nth-child(2) > div:nth-child(2) {
    padding-left: 0px;
    padding-right: 5px;
}

.leftHoteldetail > div {
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

@media only screen and (min-width: 500px) {
}

.makeMapBig {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    background-color: #e8a729;
    color: #fff;
    padding: 0 10px;
    font-size: 12px;
    line-height: 23px;
    border-radius: 2px 10px 4px 10px;
    font-weight: 700;
    cursor: pointer;
}

.mapOfModal iframe {
    width: 100%;
    height: 64vh;
}

.tourDetailHead {
    margin-top: -11px;
}

    .tourDetailHead div {
        text-align: center;
        direction: rtl;
    }

    .tourDetailHead h1 {
        text-align: center !important;
        direction: rtl;
    }

    .tourDetailHead span {
        padding: 0 3px;
    }

.hotelsDetailHeader .detailTitle {
    font-weight: bold;
    display: none;
}

.hotelsDetailHeader .afterprice {
    display: block;
}

.tourDetailHead > div > div:nth-child(2) {
    margin-top: 20px;
}

.hotelsDetail .star i {
    color: #fac917;
    font-size: 13px;
}

.hotelDetailSidebar .utf_box_widget {
    padding: 15px;
    -webkit-box-shadow: -4.4px 4.1px 8.8px 0.2px #acacac3b;
    box-shadow: -4.4px 4.1px 8.8px 0.2px #acacac3b;
    background-color: #fff;
    float: right;
    width: 100%;
}

.TourHotel .utf_box_widget {
    border-radius: 7px;
}

.hotelDetailSidebar.sticky .utf_box_widget {
    padding: 15px;
    -webkit-box-shadow: -4.4px 4.1px 8.8px 0.2px #acacac3b;
    box-shadow: -4.4px 4.1px 8.8px 0.2px #acacac3b;
    background-color: #fff;
    float: none;
    width: 100%;
}

.hotelDetailSidebar.sticky .goTopOnStick {
    -webkit-transform: translateY(-34px);
    -ms-transform: translateY(-34px);
    transform: translateY(-34px);
    margin-top: 7px !important;
}

.hotelDetailSidebar .firstStep .detail > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    padding: 5px 10px 10px;
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: 0 4px 8px 0 #00000008;
    box-shadow: 0 4px 8px 0 #00000008;
    border-radius: 4px;
    margin-bottom: 10px;
}

    .hotelDetailSidebar .firstStep .detail > div > div {
        width: 47%;
        margin-bottom: 0px;
        font-size: 14px;
    }

        .hotelDetailSidebar .firstStep .detail > div > div.room-item {
            margin-top: 10px;
        }

        .hotelDetailSidebar .firstStep .detail > div > div:nth-child(1) {
            width: 100%;
            margin-bottom: 10px;
            color: #000;
            font-size: 16px;
            font-weight: 600;
        }

        .hotelDetailSidebar .firstStep .detail > div > div:nth-child(3) {
            direction: ltr;
        }

            .hotelDetailSidebar .firstStep .detail > div > div:nth-child(3) input {
                height: 27px;
                width: 40px;
                padding: 0;
                font-size: 15px;
            }

.hotelDetailSidebar .secondStep {
    display: none;
}

    .hotelDetailSidebar .secondStep > div:nth-child(1) .image {
        width: 100%;
        height: 150px;
        position: relative;
    }

        .hotelDetailSidebar .secondStep > div:nth-child(1) .image img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 4px;
        }

    .hotelDetailSidebar .secondStep > div:nth-child(1) .details {
        margin-top: 15px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 50px;
    }

        .hotelDetailSidebar .secondStep > div:nth-child(1) .details::before {
            content: "";
            height: 28px;
            width: 18px;
            border-bottom-right-radius: 90px;
            border-top-right-radius: 90px;
            background-color: #f6f6f6;
            position: absolute;
            bottom: -40px;
            left: -16px;
            border-right: 1px solid #d6d5d5;
            border-top: 1px solid #d6d5d5;
            border-bottom: 1px solid #d6d5d5;
            z-index: 2;
        }

        .hotelDetailSidebar .secondStep > div:nth-child(1) .details::after {
            content: "";
            height: 28px;
            width: 18px;
            border-bottom-left-radius: 90px;
            border-top-left-radius: 90px;
            background-color: #f6f6f6;
            position: absolute;
            bottom: -40px;
            right: -16px;
            border-left: 1px solid #d6d5d5;
            border-top: 1px solid #d6d5d5;
            border-bottom: 1px solid #d6d5d5;
            z-index: 2;
        }

        .hotelDetailSidebar .secondStep > div:nth-child(1) .details > div:nth-child(1) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
        }

        .hotelDetailSidebar .secondStep > div:nth-child(1) .details .title {
            color: #000;
            font-size: 22px;
            font-weight: 600;
            margin-left: 10px;
        }

        .hotelDetailSidebar .secondStep > div:nth-child(1) .details .duration {
            background-color: var(--my-orange);
            color: #fff;
            padding: 0 10px;
            border-radius: 5px;
            font-size: 12px;
            margin-top: 6px;
        }

    .hotelDetailSidebar .secondStep > div:nth-child(1) #txt_name2::before {
        content: "";
        height: 1px;
        width: 100%;
        position: absolute;
        bottom: -26px;
        left: 0;
        right: 0;
        background-image: url("../../img/NewKite/Icons/download.svg");
        border-radius: 6px;
    }

    .hotelDetailSidebar .secondStep > div:nth-child(1) #txt_name2 {
        direction: ltr;
        max-height: 126px;
        overflow: auto;
        white-space: nowrap;
        margin-top: 20px;
        padding-right: 5px;
    }

        .hotelDetailSidebar
        .secondStep > div:nth-child(1)
        #txt_name2::-webkit-scrollbar-track {
            border: none;
            padding: 2px 0;
            background-color: #ccc;
            height: 1px;
        }

        .hotelDetailSidebar
        .secondStep > div:nth-child(1)
        #txt_name2::-webkit-scrollbar {
            width: 2px;
        }

        .hotelDetailSidebar
        .secondStep > div:nth-child(1)
        #txt_name2::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px #ccc;
            box-shadow: inset 0 0 6px #ccc;
            background-color: #737272;
            border: 1px solid #000;
            height: 1px;
        }

        .hotelDetailSidebar .secondStep > div:nth-child(1) #txt_name2 .roomDetail {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 7px 0;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
        }

            .hotelDetailSidebar
            .secondStep > div:nth-child(1)
            #txt_name2
            .roomDetail > div:nth-child(2) {
                direction: rtl;
            }

            .hotelDetailSidebar .secondStep > div:nth-child(1) #txt_name2 .roomDetail i {
                padding-left: 4px;
            }

            .hotelDetailSidebar .secondStep > div:nth-child(1) #txt_name2 .roomDetail span {
                padding-right: 5px;
            }

#reservePage {
    margin-top: 40px;
}

    #reservePage > div {
        margin-bottom: 15px;
        background-color: #fff;
        border: 1px solid #d6d5d5;
        padding: 15px;
        border-radius: 4px;
    }

        #reservePage > div:nth-child(1) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            #reservePage > div:nth-child(1) .title {
                width: 100%;
                font-size: 18px;
                font-weight: 600;
                position: relative;
                margin-bottom: 20px;
            }

                #reservePage > div:nth-child(1) .title::before {
                    content: "";
                    height: 3px;
                    width: 220px;
                    background-color: #faa517;
                    position: absolute;
                    bottom: -7px;
                    right: 0;
                }

            #reservePage > div:nth-child(1) .field {
                width: 49%;
            }

    #reservePage .secondTitle {
        width: 100%;
        font-size: 18px;
        font-weight: 600;
        position: relative;
        margin-bottom: 20px;
        margin-top: 12px;
    }

        #reservePage .secondTitle::before {
            content: "";
            height: 3px;
            width: 220px;
            background-color: #faa517;
            position: absolute;
            bottom: -7px;
            right: 0;
        }

    #reservePage .eachRoom:not(:nth-child(1)) {
        border-top: 1px dashed #ccc;
        padding: 17px 0;
        margin-top: 20px;
    }

    #reservePage .eachRoom > div:nth-child(1) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        #reservePage .eachRoom > div:nth-child(1) > div {
            padding-left: 10px;
        }

    #reservePage .eachRoom .passengers {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
    }

        #reservePage .eachRoom .passengers > div:nth-child(1) {
            width: 100%;
            position: relative;
        }

            #reservePage .eachRoom .passengers > div:nth-child(1)::before {
                content: "";
                width: 4px;
                height: 2px;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 0;
            }

        #reservePage .eachRoom .passengers .field {
            width: 49%;
        }

            #reservePage .eachRoom .passengers .field input {
                height: 40px;
            }

            #reservePage .eachRoom .passengers .field select {
                height: 40px;
            }

        #reservePage .eachRoom .passengers .birthday {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            #reservePage .eachRoom .passengers .birthday label {
                width: 100%;
            }

            #reservePage .eachRoom .passengers .birthday input {
                height: 40px;
                width: 22%;
                font-size: 12px;
            }

            #reservePage .eachRoom .passengers .birthday select {
                padding: 3px 8px;
                height: 40px;
                width: 23%;
                font-size: 12px;
            }

            #reservePage .eachRoom .passengers .birthday span {
                margin: 0 3px 12px;
            }

.hotelDetailSidebar #btnSave {
    display: none;
}

.hotelDetailSidebar #btnSave,
.hotelDetailSidebar #btnReserve {
    width: 60%;
}

.hotelDetailSidebar #ChangeSearch,
.hotelDetailSidebar #return {
    width: 38%;
}

.hotelDetailSidebar #ChangeSearch {
    font-size: 16px;
}

.hotelDetailSidebar .secondStep .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: right;
    padding: 10px 15px;
}

    .hotelDetailSidebar .secondStep .price > div:nth-child(1) {
        font-weight: 600;
        font-size: 16px;
        color: #000;
    }

    .hotelDetailSidebar .secondStep .price > div:nth-child(2) {
        font-weight: 600;
        font-size: 16px;
        color: var(--my-orange);
    }

.hotelDetailSidebar .select_date_box:nth-child(1) {
    padding-right: 0;
}

.hotelDetailSidebar .select_date_box:nth-child(2) {
    padding-left: 0;
}

.hotelDetailSidebar #btnReserve,
.hotelDetailSidebar #return,
.hotelDetailSidebar #ChangeSearch,
.hotelDetailSidebar #btnReserve {
    display: none;
}

.hotelDetailSidebar #txt_name {
    padding: 0;
}

#hotelDetail .reservePage {
    display: none;
}

#hotelDetail .btnCollapse {
    color: #4e8e8e;
    font-size: 14px;
    border: none;
    background-color: white;
    padding: 9px 16px;
}

#hasNotPicture {
    width: 100% !important;
    text-align: center;
}

.packagelist .tourinfoLeft {
    text-align: right;
}

    .packagelist .tourinfoLeft > div:last-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.typeOfTrip {
    padding: 0;
}

.packagelist .tourinfoLeft > div > span {
    font-size: 14px;
    font-weight: 400;
}

    .packagelist .tourinfoLeft > div > span:nth-child(2) {
        color: black;
    }

.packagelist .tourinfoLeft > div:last-child .package-middle {
    width: 66%;
    height: 35px;
}

.packagelist .tourinfoLeft > div:last-child .package-dest {
    margin-right: 0;
    color: black;
}

.packagelist .tourinfoLeft > div:last-child .package-source {
    margin-right: 10px;
    color: black;
}

.packagelist .tourinfoRight > div:nth-child(2) {
    padding: 0;
    text-align: right;
}

    .packagelist .tourinfoRight > div:nth-child(2) > div:nth-child(1) {
        font-size: 14px;
        font-weight: 400;
    }

    .packagelist .tourinfoRight > div:nth-child(2) > div:nth-child(2) {
        color: black;
        font-weight: 500;
    }

.line-horizontal {
    position: relative;
    background: #aaa;
    width: 22px;
    margin: 13px 8px 0 13px;
    height: 1px;
}

.arrow-left:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border: 5px solid transparent;
}

.arrow-left:after {
    top: -4px;
}

.arrow-left:after {
    left: -11px;
    border-right: 7px solid #aaa;
}

.servicesWrap.checkboxes {
    min-height: 20px;
}

.packagelist .tourinfoRight > div:nth-child(1) img {
    border: 1px solid #e8e8e8;
    border-radius: 3px;
}

@media only screen and (max-width: 992px) {
    .natureIcon img {
        height: 100%;
        width: auto;
    }

    .leftHoteldetail {
        margin-top: 15px;
    }

    .hotelsDetail .packagelist > div:nth-child(2) > div {
        padding-left: 0px !important;
        padding-right: 0px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .hotelsDetail .packagelist .hotelContentDetail {
        padding-left: 0px !important;
        padding-right: 0px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .hotelsDetailHeadertitle {
        padding-right: 15px;
        margin-left: 0;
        text-align: center;
    }

        .hotelsDetailHeadertitle .agency-title {
            text-align: center;
        }

    .hotelsDetailHeader .detailTitle {
        display: block;
    }

    .hotelsDetail .supplier-title {
        text-align: center;
        margin-right: 0;
    }

    .hotelsDetailHeader {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        margin-right: 0;
        margin: 10px 0;
    }

    .hotelsDetailHeadertitle .afterprice {
        display: inline;
    }

    .hotelsDetailHeader .after {
        display: inline;
    }

    .hotelsBox {
        margin-top: 20px !important;
    }

    .hotelsDetail .btnCollapse {
        float: none;
    }

    .tourItems .packagelist > div > div {
        padding: 2px;
    }

        .tourItems .packagelist > div > div .col-xs-12 {
            padding: 2px 0;
        }

    .tourItems .vehicle-image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .notShowMobile {
        display: none;
    }

    .rm {
        margin-top: 0 !important;
    }

    .vc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .rp {
        padding-right: 0;
        padding-left: 0;
    }

    .packagelist .utf_listing_titlebar .utf_listing_titlebar_title {
        padding: 10px 0px 20px 5px;
    }

    .packagelist h3 {
        font-size: 14px;
        margin: 5px;
    }

    .typeOfPlace {
        min-height: 136px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .tourDetailHead > div > div:nth-child(2) {
        margin-top: 0;
    }
}

@media only screen and (max-width: 768px) {
    .hotelsDetail .packagelist > div:nth-child(1) {
        padding: 20px;
    }

    #hotelDetail .mainpage {
        padding-left: 0;
        padding-right: 0;
    }

    .hotelDetailSidebar .goTopOnStick {
        display: none;
    }

    .natureToueDetailPage #titlebar {
        padding: 0 0 15px !important;
    }

    .hotels-services .services .item {
        font-size: 13px;
        line-height: 21px;
    }

    .packagelist .tourinfoRight > div:nth-child(1) {
        text-align: right;
    }

    .tourHotelMain .TourHotel .hotelsBox .hotelsDetail .headTitle {
        position: relative;
        min-height: 147px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 12px;
    }

        .tourHotelMain .TourHotel .hotelsBox .hotelsDetail .headTitle .additionals {
            padding: 0;
            position: absolute;
            bottom: 0;
            right: 0;
        }

            .tourHotelMain
            .TourHotel
            .hotelsBox
            .hotelsDetail
            .headTitle
            .additionals > .item {
                margin: 0 0 3px 0;
            }

                .tourHotelMain
                .TourHotel
                .hotelsBox
                .hotelsDetail
                .headTitle
                .additionals > .item:nth-child(1) {
                    margin: 0 0 5px 10px;
                }

    .TourHotel .prices {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 461px) {
    .contactHead > div {
        display: block;
        direction: rtl;
        padding: 20px 0;
        position: relative;
        min-height: 216px;
    }

    .contactHead .during {
        position: absolute;
        bottom: 10px;
        right: 0px;
    }

    .contactHead .type {
        position: absolute;
        bottom: 10px;
        left: 0px;
    }

    .tourDetailHead > div > div:nth-child(2) {
        margin-top: 0;
    }

    .hotels-services .services {
        display: block;
        padding: 0 6px;
    }

    .hotelsDetail .rightHoteldetail {
        padding-left: 0;
        padding-right: 0;
    }

    .hotelsDetail .leftHoteldetail {
        padding-left: 0;
        padding-right: 0;
    }
}

.AgencyHead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .AgencyHead h1 {
        font-weight: 500;
    }

.agencyDetail {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .agencyDetail .star {
        color: #fac917;
    }

        .agencyDetail .star.emptyStart {
            color: #ccc;
        }

    .agencyDetail .title {
        color: #6c6c6c;
        margin-left: 10px;
    }

    .agencyDetail > div {
        float: right;
    }

    .agencyDetail .details > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 8px;
        color: black;
    }

        .agencyDetail .details > div .rateOfBox {
            display: flex;
            margin-right: 15px;
        }

/*********** tab contentAgency ***************/
.contentAgency code {
    background: #f8f8f8;
    color: #d64f9b;
    border: 1px solid #eee;
    padding: 2px;
    border-radius: 3px;
}

.contentAgency article {
    min-height: 50vh;
    margin-bottom: 50px;
}

.contentAgency .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: #e9e9e9;
    margin-bottom: 0;
}

    .contentAgency .tab a {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 20px 30px;
        color: #6c6c6c;
        text-decoration: none;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        font-size: 18px;
    }

        .contentAgency .tab a:hover,
        .tab a:focus {
            color: #5cb8b9;
        }

        .contentAgency .tab a.active {
            color: black;
        }

.headOfTours {
    background-color: #eee;
    margin-bottom: 15px;
    padding: 5px 0;
    border-radius: 5px;
    -webkit-box-shadow: -7px 6px 13px #afafaf96, -8px -8px 13px #fff;
    box-shadow: -7px 6px 13px #afafaf96, -8px -8px 13px #fff;
}

@media only screen and (max-width: 992px) {
    .agencyDetail {
        display: block;
    }
}

#paymentRecipent .success {
    margin: 50px 0;
}

    #paymentRecipent .success .successImagePayment {
        width: 50%;
        max-width: 200px;
        margin: 0 auto 50px;
    }

    #paymentRecipent .success .message .title {
        font-size: 25px;
        font-weight: 800;
        color: #359e9e;
        margin-bottom: 30px;
        padding-right: 0;
        text-align: center;
    }

#paymentRecipent .header {
    border: solid 1.5px #dbdbdb;
    padding: 10px 0;
    margin-bottom: 30px;
}

    #paymentRecipent .header > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #paymentRecipent .header > div .title {
            padding: 0 10px;
            color: #9e9e9e;
        }

        #paymentRecipent .header > div > div:nth-child(2) {
            color: #359e9e;
        }

#paymentRecipent .infoDetails {
    margin-bottom: 30px;
}

    #paymentRecipent .infoDetails > div > div.title {
        font-size: 20px;
        font-weight: 800;
        color: #359e9e;
        margin-bottom: 10px 0;
    }

    #paymentRecipent .infoDetails .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 5px 0;
    }

        #paymentRecipent .infoDetails .item .title {
            padding: 0 0 0 10px;
            color: #9e9e9e;
        }

#paymentRecipent .ticketDetails {
    border: solid 2px #e7e7e7;
    margin-bottom: 30px;
}

    #paymentRecipent .ticketDetails > div:nth-child(1) {
        border-left: solid 2px #e7e7e7;
        min-height: 198px;
        padding: 27px;
    }

        #paymentRecipent .ticketDetails > div:nth-child(1) div {
            padding: 5px 0;
        }

        #paymentRecipent .ticketDetails > div:nth-child(1) > div.title {
            font-size: 22px;
            font-weight: 800;
            color: #359e9e;
            margin-bottom: 19px;
        }

        #paymentRecipent .ticketDetails > div:nth-child(1) .hotel i {
            color: #359e9e;
        }

.pl-10 {
    padding-left: 10px;
}

#paymentRecipent .ticketDetails > div:nth-child(2) {
    padding: 10px 20px;
}

    #paymentRecipent .ticketDetails > div:nth-child(2) div {
        padding: 10px 0;
    }

    #paymentRecipent .ticketDetails > div:nth-child(2) button {
        height: 44px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #fff;
        color: #359e9e;
        border: 1px solid #359e9e;
    }

        #paymentRecipent .ticketDetails > div:nth-child(2) button:hover {
            background-color: #359e9e;
            color: #fff;
        }

        #paymentRecipent .ticketDetails > div:nth-child(2) button > div:nth-child(1) {
            text-align: right;
            font-size: 18px;
        }

        #paymentRecipent .ticketDetails > div:nth-child(2) button > div:nth-child(2) {
            padding: 0;
            font-size: 30px;
        }

        #paymentRecipent
        .ticketDetails > div:nth-child(2)
        button:hover > div:nth-child(2)
        img {
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
        }

#paymentRecipent .ticketDetails span {
    color: #9e9e9e;
}

    #paymentRecipent .ticketDetails span:nth-child(1) {
        padding-left: 5px;
    }

    #paymentRecipent .ticketDetails span img {
        width: 20px;
    }

#paymentRecipent .ticketDetails .date {
    color: black;
}

#paymentRecipent .ticketDetails .provider {
    color: black;
}

#paymentRecipent .box > div > div {
    border: 1px solid #359e9e;
    border-radius: 10px;
    min-height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#paymentRecipent .box > div:nth-child(1) {
    padding-left: 5px;
    padding-right: 0;
}

#paymentRecipent .box > div:nth-child(2) {
    padding-right: 5px;
    padding-left: 0;
}

#paymentRecipent .box > div > div > div:nth-child(1) {
    font-size: 60px;
    padding: 0;
}

#paymentRecipent .box .title {
    font-size: 15px;
    margin-bottom: 15px;
}

#paymentRecipent
.box > div:nth-child(2) > div > div:nth-child(2) > div > span:nth-child(1) {
    color: #9e9e9e;
}

#paymentRecipent .box button {
    border: solid 2px #ce8f1b;
    background-color: #ffa500;
    color: #fff;
}

#paymentRecipent .failed .message {
    text-align: center;
    margin: 30px 0;
}

    #paymentRecipent .failed .message img {
        width: 30%;
    }

    #paymentRecipent .failed .message .title {
        color: red;
        margin-top: 30px;
        font-size: 25px;
        font-weight: 800;
    }

#paymentRecipent .failed .header > div {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
}

@media only screen and (max-width: 1239px) {
    #paymentRecipent .box button {
        font-size: 13px;
    }
}

@media only screen and (max-width: 992px) {
    #paymentRecipent .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: right;
    }

    #paymentRecipent .box > div:nth-child(1) {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 10px;
    }

    #paymentRecipent .box .title {
        margin-top: 15px;
    }

    #paymentRecipent .box > div:nth-child(2) {
        padding-right: 0;
        padding-left: 0;
    }

    .replyImage {
        width: 20px;
        height: 20px;
        margin-bottom: 10px;
        margin-right: 0 !important;
    }

        .replyImage img {
            width: 100%;
        }
}

@media only screen and (max-width: 768px) {
    #paymentRecipent .header > div {
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
    }

        #paymentRecipent .ticketDetails .dateRow {
        display: block;
    }

    #paymentRecipent .box > div > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 20px;
        text-align: center;
    }
}

/************** weblog *********************/
#weblog .container {
    padding: 0 70px;
}

#weblog .header {
    margin: 20px 0;
    border-bottom: 3px solid #faa517;
}

    #weblog .header .title h1 {
        color: black;
        font-size: 20px;
        font-weight: 900;
    }

    #weblog .header .breadcrumb a {
        color: #6f6f71 !important;
    }

    #weblog .header .tb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 96%;
    }

        #weblog .header .tb > .td {
            width: 100%;
        }

    #weblog .header .search {
        width: 100%;
        height: 52px;
        margin: 15px 0;
        border-radius: 20px;
        direction: rtl;
        -webkit-box-shadow: 0px 3px 11px #73c9ca6e, -14px -12px 6px 6px #fff;
        box-shadow: 0px 3px 11px #73c9ca6e, -14px -12px 6px 6px #fff;
        border: 1px solid #73c9ca38;
        overflow: hidden;
        position: relative;
    }

        #weblog .header .search:hover {
            border: 2px solid #fff;
        }

        #weblog .header .search input[type="text"] {
            width: 100%;
            height: 50px;
            font-size: 12px;
            line-height: 1;
            border: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            direction: rtl;
            margin: 0;
        }

            #weblog .header .search input[type="text"]::-webkit-input-placeholder {
                color: #bdbdbd;
            }

            #weblog .header .search input[type="text"]:-ms-input-placeholder {
                color: #bdbdbd;
            }

            #weblog .header .search input[type="text"]::-ms-input-placeholder {
                color: #bdbdbd;
            }

            #weblog .header .search input[type="text"]::-moz-placeholder {
                color: #bdbdbd;
            }

            #weblog .header .search input[type="text"]::placeholder {
                color: #bdbdbd;
            }

        #weblog .header .search .sButton {
            width: 1px;
        }

            #weblog .header .search .sButton button {
                position: absolute;
                display: block;
                width: 40px;
                height: 50px;
                cursor: pointer;
                background: transparent;
                border: none;
                left: 0;
            }

        #weblog .header .search .s-circle {
            position: relative;
            top: -4px;
            left: -12px;
            width: 17px;
            height: 17px;
            margin-top: 0;
            border-width: 2.5px;
            border: 2.5px solid #bdbdbd;
            background-color: transparent;
            border-radius: 50%;
            -webkit-transition: 0.5s ease all;
            -o-transition: 0.5s ease all;
            transition: 0.5s ease all;
        }

        #weblog .header .search button span {
            position: absolute;
            top: 29px;
            left: 22px;
            display: block;
            width: 11px;
            height: 3px;
            background-color: transparent;
            border-radius: 10px;
            -webkit-transform: rotateZ(52deg);
            -ms-transform: rotate(52deg);
            transform: rotateZ(52deg);
            -webkit-transition: 0.5s ease all;
            -o-transition: 0.5s ease all;
            transition: 0.5s ease all;
        }

            #weblog .header .search button span:before,
            #weblog .header .search button span:after {
                content: "";
                position: absolute;
                bottom: 0;
                right: 0;
                width: 11px;
                height: 2px;
                background-color: #bdbdbd;
                border-radius: 10px;
                -webkit-transform: rotateZ(0);
                -ms-transform: rotate(0);
                transform: rotateZ(0);
                -webkit-transition: 0.5s ease all;
                -o-transition: 0.5s ease all;
                transition: 0.5s ease all;
            }

        #weblog .header .search .sButton:hover .s-circle {
            top: -1px;
            width: 17px;
            height: 2px;
            border-width: 0;
            background-color: #bdbdbd;
            border-radius: 20px;
            left: -4px;
        }

        #weblog .header .search .sButton:hover span {
            top: 50%;
            left: 4px;
            width: 26px;
            margin-top: 0;
            -webkit-transform: rotateZ(0);
            -ms-transform: rotate(0);
            transform: rotateZ(0);
        }

        #weblog .header .search .sButton:hover button span:before {
            bottom: 7px;
            -webkit-transform: rotateZ(140deg);
            -ms-transform: rotate(140deg);
            transform: rotateZ(140deg);
        }

        #weblog .header .search .sButton:hover button span:after {
            bottom: -1px;
            -webkit-transform: rotateZ(-140deg);
            -ms-transform: rotate(-140deg);
            transform: rotateZ(-140deg);
        }

        #weblog .header .search .sButton:hover button span:before,
        #weblog .header .search .sButton:hover button span:after {
            right: 0;
            width: 11px;
            background-color: #bdbdbd;
        }

#weblog .content .suggestion > div .post {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

#weblog .content .suggestion > div:nth-child(1) .post {
    height: 390px;
}

#weblog .content .suggestion > div .post .image {
    height: 100%;
}

    #weblog .content .suggestion > div .post .image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: 0.7s ease-in-out;
        -o-transition: 0.7s ease-in-out;
        transition: 0.7s ease-in-out;
    }

#weblog .content .suggestion > div .post:hover .image img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

#weblog .content .suggestion > div .post .tag {
    min-width: 110px;
    padding: 5px;
    font-size: 15px;
    background-color: #faa517;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

#weblog .content .suggestion > div .post .details {
    position: absolute;
    bottom: -32px;
    width: 100%;
    background-color: #00000054;
    padding: 15px 10px 5px;
    color: white;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

    #weblog .content .suggestion > div .post .details span {
        padding: 0 5px;
    }

#weblog .content .suggestion > div .post:hover .details {
    bottom: 0px;
}

#weblog .content .suggestion > div:nth-child(1) .post .details .title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

#weblog .content .suggestion > div .post .details > div:nth-child(2) {
    color: #ccc;
}

#weblog .content .suggestion > div:nth-child(2) .post {
    height: 190px;
}

    #weblog .content .suggestion > div:nth-child(2) .post:nth-child(1) {
        margin-bottom: 10px;
    }

#weblog .content .lastPost {
    margin-top: 30px;
    margin-bottom: 30px;
}

    #weblog .content .lastPost .title {
        margin-bottom: 30px;
    }

        #weblog .content .lastPost .title h2 {
            font-size: 20px;
            font-weight: 800;
            border-bottom: 2px solid #faa517;
            padding-bottom: 10px;
            display: inline;
        }

    #weblog .content .lastPost ul li {
        width: 20%;
        text-align: center;
        float: right;
        font-size: 18px;
    }

        #weblog .content .lastPost ul li img {
            width: 40px;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
        }

        #weblog .content .lastPost ul li:hover img {
            -webkit-filter: grayscale(1) brightness(0.5) saturate(0) contrast(1.1);
            filter: grayscale(1) brightness(0.5) saturate(0) contrast(1.1);
        }

    #weblog .content .lastPost .nav-tabs > li.active img {
        -webkit-filter: grayscale(1) brightness(0.5) saturate(0) contrast(1.1);
        filter: grayscale(1) brightness(0.5) saturate(0) contrast(1.1);
    }

    #weblog .content .lastPost .nav-tabs {
        border-bottom: none;
        margin-bottom: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        gap: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }


        #weblog .content .lastPost .nav-tabs > li > a {
            background-color: #fff;
            text-align: center;
            -webkit-box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
            box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
            border-radius: 4px;
            font-size: 14px;
            color: #6c6c6c;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 11px;
        }

        #weblog .content .lastPost .nav-tabs > li.active > a {
            color: #fff;
            background: #73c9ca !important;
            border-color: #73c9ca !important;
            border-radius: 4px;
            -webkit-box-shadow: -4px 3px 13px #73c9ca, -8px -8px 13px #fff;
            box-shadow: -4px 3px 13px #73c9ca, -8px -8px 13px #fff;
        }

        #weblog .content .lastPost .nav-tabs > li:hover > a {
            color: #fff;
            background: #73c9ca !important;
            border-color: #73c9ca !important;
            border-radius: 4px;
            -webkit-box-shadow: -4px 3px 13px #73c9ca, -8px -8px 13px #fff;
            box-shadow: -4px 3px 13px #73c9ca, -8px -8px 13px #fff;
        }

        #weblog .content .lastPost .nav-tabs > li.active > a img {
            -webkit-filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(289deg) brightness(107%) contrast(101%);
            filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(289deg) brightness(107%) contrast(101%);
        }

        #weblog .content .lastPost .nav-tabs > li:hover > a img {
            -webkit-filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(289deg) brightness(107%) contrast(101%);
            filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(289deg) brightness(107%) contrast(101%);
        }

    #weblog .content .lastPost .tab-content .post {
        min-height: 150px;
        margin-bottom: 50px;
        position: relative;
        overflow: hidden;
        padding-left: 0;
        -webkit-box-shadow: -8px 8px 13px #c4d8e780, -8px -8px 13px #fff;
        box-shadow: -8px 8px 13px #c4d8e780, -8px -8px 13px #fff;
        width: 98%;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        #weblog .content .lastPost .tab-content .post:hover {
            -webkit-transform: translateY(-3px);
            -ms-transform: translateY(-3px);
            transform: translateY(-3px);
        }

        #weblog .content .lastPost .tab-content .post .image {
            height: 160px;
        }

            #weblog .content .lastPost .tab-content .post .image img {
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }

        #weblog .content .lastPost .tab-content .post .decription {
            display: block;
            color: black;
            font-size: 16px;
            font-weight: 400;
            line-height: 19px;
            margin-top: 3px;
        }

        #weblog .content .lastPost .tab-content .post .title {
            font-size: 14px;
            font-weight: 300;
            margin-bottom: 0;
            display: block;
        }

        #weblog .content .lastPost .tab-content .post span img {
            width: 15px;
        }

        #weblog .content .lastPost .tab-content .post .date {
            position: absolute;
            bottom: 5px;
            font-size: 14px;
        }

        #weblog .content .lastPost .tab-content .post > div:nth-child(2) {
            position: relative;
            height: 160px;
        }

            #weblog .content .lastPost .tab-content .post > div:nth-child(2) .icon {
                padding-left: 5px;
            }

        #weblog .content .lastPost .tab-content .post:hover > div:nth-child(2) {
            background-color: transparent;
        }

        #weblog .content .lastPost .tab-content .post > div:nth-child(1) {
            padding-left: 0;
            padding-right: 0;
        }

        #weblog .content .lastPost .tab-content .post .author {
            position: absolute;
            bottom: 30px;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

        #weblog .content .lastPost .tab-content .post .decription a {
            line-height: 22px;
        }

        #weblog .content .lastPost .tab-content .post:hover .decription a {
            color: #5cb8b9;
        }

        #weblog .content .lastPost .tab-content .post .line {
            position: absolute;
            height: 2px;
            width: 100%;
            bottom: 0px;
            margin: 0;
            background-color: #5cb8b9;
            -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        #weblog .content .lastPost .tab-content .post:hover .line {
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
        }

    #weblog .content .lastPost .tab-content .button {
        font-size: 18px;
        padding: 8px 15px !important;
        background-color: transparent !important;
        border: 2px solid #5cb8b9 !important;
        color: #5cb8b9 !important;
    }

        #weblog .content .lastPost .tab-content .button:hover {
            background-color: #5cb8b9 !important;
            border: 2px solid #5cb8b9 !important;
            color: #fff !important;
        }

    #weblog .content .lastPost .tab-content .btnViewPackage {
        padding: 0 !important;
        background-color: transparent !important;
        color: unset !important;
        border: unset !important;
    }

#weblog .content .visaGuide {
    margin-bottom: 50px;
}

    #weblog .content .visaGuide .title {
        margin-bottom: 20px;
    }

        #weblog .content .visaGuide .title h2 {
            font-size: 20px;
            font-weight: 800;
            border-bottom: 2px solid #faa517;
            padding-bottom: 10px;
            display: inline;
        }

    #weblog .content .visaGuide .description {
        font-size: 18px;
        margin-bottom: 30px;
    }

    #weblog .content .visaGuide .visaLists > div {
        margin-bottom: 20px;
    }

        #weblog .content .visaGuide .visaLists > div span {
            padding: 0 5px;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
        }

            #weblog .content .visaGuide .visaLists > div span i {
                color: #5cb8b9;
            }

            #weblog .content .visaGuide .visaLists > div span a {
                color: #707070;
                text-transform: uppercase;
            }

        #weblog .content .visaGuide .visaLists > div:hover span a {
            color: #5cb8b9;
        }

        #weblog .content .visaGuide .visaLists > div:hover > span:nth-child(2) {
            margin-right: 5px;
        }

    #weblog .content .visaGuide .button {
        font-size: 18px;
        padding: 8px 15px !important;
        background-color: transparent !important;
        border: 2px solid #5cb8b9 !important;
        color: #5cb8b9 !important;
    }

        #weblog .content .visaGuide .button:hover {
            background-color: #5cb8b9 !important;
            border: 2px solid #5cb8b9 !important;
            color: #fff !important;
        }

#weblog .mostVisit > div.row {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
}

    #weblog .mostVisit > div.row .slick-list {
        overflow: visible;
    }

#weblog .mostVisit .boxShadow {
    position: absolute;
    top: 0px;
    /*left: -1px;*/
    height: 100%;
    width: 14%;
    z-index: 10;
    /*background: linear-gradient(90deg, rgba(255,255,255,1) 42%, rgba(255,255,255,0.7514356084230567) 74%, rgba(255,255,255,0) 100%);*/
}

#weblog .mostVisit .shadowLeft {
    left: 0px;
    background: -o-linear-gradient(left, #fff, #fff 10%, rgba(255, 255, 255, 0));
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(10%, #fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, #fff, #fff 10%, rgba(255, 255, 255, 0));
}

#weblog .mostVisit .shadowRight {
    right: 0px;
    background: -o-linear-gradient(right, #fff, #fff 10%, rgba(255, 255, 255, 0));
    background: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(10%, #fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(270deg, #fff, #fff 10%, rgba(255, 255, 255, 0));
}

#weblog .mostVisit .row .title {
    margin-bottom: 35px;
    padding: 0 0;
}

    #weblog .mostVisit .row .title h2 {
        font-size: 20px;
        font-weight: 800;
        border-bottom: 2px solid #faa517;
        padding-bottom: 10px;
        display: inline;
    }

#weblog .mostVisit .slick-initialized .slick-slide {
    padding: 0 10px;
}

#weblog .mostVisit .item .image {
    height: 225px;
}

    #weblog .mostVisit .item .image img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 5px;
    }

#weblog .mostVisit .item .title {
    font-size: 16px;
    margin: 10px 0 20px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    height: 56px;
}

#weblog .mostVisit .item:hover .title h4 {
    color: #5cb8b9;
}

#weblog .mostVisit .item:hover .title a {
    color: #5cb8b9;
}

#weblog .mostVisit .item .details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    #weblog .mostVisit .item .details img {
        width: 20px;
        height: 20px;
    }

    #weblog .mostVisit .item .details > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        #weblog .mostVisit .item .details > div > span:nth-child(2) {
            padding-left: 5px;
            font-size: 14px;
            font-weight: 300;
            white-space: nowrap;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

        #weblog .mostVisit .item .details > div.author > span:nth-child(2) {
            padding-right: 5px;
        }

    #weblog .mostVisit .item .details .date {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        direction: ltr;
    }

#weblog .mostVisit .item .tags {
    margin: 10px 0;
    white-space: nowrap;
    overflow: hidden;
}

    #weblog .mostVisit .item .tags span {
        border-radius: 3px;
        border: solid 1.5px #bdbdbd;
        padding: 0 5px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        line-height: 31px;
    }

        #weblog .mostVisit .item .tags span:hover {
            background-color: #6c6c6c;
            border: solid 1.5px #6c6c6c;
        }

        #weblog .mostVisit .item .tags span a {
            font-size: 14px;
            color: #bdbdbd;
        }

        #weblog .mostVisit .item .tags span:hover a {
            color: #fff;
        }

#weblog .mostVisit .item .title h4 {
    line-height: 23px;
}

@media only screen and (max-width: 1239px) {
    #weblog .mostVisit .item .tags span a {
        font-size: 10px;
    }
}

@media only screen and (min-width: 992px) {
    #weblog .content .lastPost .tab-content .post {
        width: 48%;
    }
}

@media only screen and (max-width: 992px) {
    #weblog .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    #weblog .content .suggestion > div:nth-child(1) {
        margin-bottom: 10px;
    }

    #weblog .content .lastPost .tab-content .post .decription {
        font-size: 13px;
        line-height: 14px;
        padding-top: 0;
    }
}

@media only screen and (min-width: 768px) {
    #weblog .content .lastPost .tab-content .post {
        width: 48%;
    }
}

@media only screen and (max-width: 768px) {
    #weblog .breadcrumb {
        margin-bottom: 0;
    }

    #weblog .content .lastPost ul li {
        text-align: center;
    }

        #weblog .content .lastPost ul li span {
            font-size: 10px;
            font-weight: 800;
        }

    #weblog .content .visaGuide .description {
        padding: 0 15px;
    }
}

@media only screen and (min-width: 768px) {
    #weblog .content .lastPost .title {
        padding: 0;
    }

    #weblog .content .visaGuide .title {
        padding: 0;
    }

    #weblog .mostVisit .title {
        padding: 0;
    }
}

@media only screen and (max-width: 650px) {
    #weblog .content .suggestion > div:nth-child(1) .post {
        height: 330px;
    }

    #weblog .mostVisit .shadowLeft {
        left: 0px;
        background: -o-linear-gradient( left, #fff, #fff 10%, rgba(255, 255, 255, 0) );
        background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(10%, #fff), to(rgba(255, 255, 255, 0)));
        background: -o-linear-gradient(left, #fff, #fff 10%, rgba(255, 255, 255, 0));
        background: linear-gradient(90deg, #fff, #fff 10%, rgba(255, 255, 255, 0));
    }
}

@media only screen and (max-width: 479px) {
    #weblog .mostVisit .item .image {
        height: 180px;
    }

    #weblog .mostVisit .item .title {
        font-size: 13px;
        margin: 10px 0 8px;
    }

        #weblog .mostVisit .item .title h4 {
            font-size: 13px;
        }

    #weblog .mostVisit .item .details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #weblog .mostVisit .item .tags span a {
        font-size: 12px;
    }

    #weblog .mostVisit .shadowRight {
        display: none;
    }

    #weblog .mostVisit > div.row .slick-list {
        overflow: hidden;
    }

    #weblog .mostVisit .item .details .date {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

/********** viewWeblog ***********/
#viewWeblog .container-fluid {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

    #viewWeblog .container-fluid.scroll {
        margin-top: 116px;
    }

#viewWeblog #sidebar .inner-wrapper-sticky {
    left: unset !important;
    width: 22vw !important;
}

@media only screen and (max-width: 1400px) and (min-width: 1200px) {
    #viewWeblog #sidebar .inner-wrapper-sticky {
        width: 280px !important;
    }
}

#viewWeblog {
    margin-bottom: 0px;
}

#viewWeblogHeader {
    margin: 20px 0 0;
    border-bottom: 3px solid #faa517;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: white;
    top: 0;
}

.viewWeblogMainContent {
    background-color: #f6f6f6;
    padding-top: 20px;
}

#viewWeblogHeader.scroll {
    position: fixed;
    top: 79px;
    z-index: 995;
    background: white;
    width: 100%;
    margin: 0;
    -webkit-transition: top 1s;
    -o-transition: top 1s;
    transition: top 1s;
    border: none;
    -webkit-box-shadow: 0px 7px 31px 1px #5cb8b93d;
    box-shadow: 0px 7px 31px 1px #5cb8b93d;
}

#viewWeblog .scroll .bread-title {
    display: none;
}

#viewWeblog .header .title h1 {
    color: black;
    font-size: 20px;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 20px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#viewWeblog .header .breadcrumb {
    padding: 8px 0;
}

    #viewWeblog .header .breadcrumb a {
        color: #bdbdbd;
    }

#viewWeblog .header .categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 2vw;
}

    #viewWeblog .header .categories .items {
        overflow: auto;
        white-space: nowrap;
        padding-bottom: 10px;
    }

        #viewWeblog .header .categories .items a {
            display: inline-block;
        }

    #viewWeblog .header .categories .item {
        display: inline;
    }

    #viewWeblog .header .categories > div {
        margin: 0 5px;
        margin-top: 20px;
        font-size: 14px;
        color: #6c6c6c;
    }

        #viewWeblog .header .categories > div:nth-child(1) {
            margin-top: 20px;
            width: 113px;
        }

            #viewWeblog .header .categories > div:nth-child(1) i {
                font-size: 17px;
            }

    #viewWeblog .header .categories div.item {
        font-size: 14px;
        font-weight: 300;
        border-radius: 8px;
        border: solid 1px #bdbdbd;
        padding: 0 5px;
    }

#viewWeblog .content img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

#viewWeblog .content .preContent .details {
    font-size: 16px;
    font-weight: 300;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    #viewWeblog .content .preContent .details > span {
        padding-left: 20px;
        display: inline-block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        #viewWeblog .content .preContent .details > span.date > span:nth-child(2) {
            margin-top: 2px;
        }

        #viewWeblog .content .preContent .details > span > span:nth-child(1) {
            padding-left: 5px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            #viewWeblog .content .preContent .details > span > span:nth-child(1) svg {
                width: 20px;
                height: 20px;
                fill: #6c6c6c;
            }

    #viewWeblog .content .preContent .details span img {
        width: 20px;
    }

#viewWeblog .content .tags .side-bar-heading {
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    color: #6c6c6c;
    margin-left: 20px;
}

    #viewWeblog .content .tags .side-bar-heading img {
        width: 20px;
    }

#viewWeblog .content .blog-post-detail {
    padding: 0px 15px 20px;
}

    #viewWeblog .content .blog-post-detail table {
        border-style: hidden !important;
        border-collapse: collapse;
        -webkit-box-shadow: 0 0 0 1px #52575c;
        box-shadow: 0 0 0 2px #52575c;
        border-radius: 8px;
        overflow: hidden;
    }

    #viewWeblog .content .blog-post-detail p {
        line-height: 37px;
        font-weight: 400;
    }


    /* #viewWeblog .content .blog-post-detail li * {
  display: inline-block;
} */

    #viewWeblog .content .blog-post-detail ul {
        padding-right: 20px;
    }

    #viewWeblog .content .blog-post-detail .tags ul {
        padding-right: 0;
    }

    #viewWeblog .content .blog-post-detail .tags li {
        list-style: none;
        border-radius: 3px;
        border: solid 1px #73c9ca;
        background-color: #ffffff;
        margin: 2px 0;
    }

    #viewWeblog .content .blog-post-detail .tags .list-inline {
        margin-top: 5px;
    }

    #viewWeblog .content .blog-post-detail .tags li:hover {
        background-color: #73c9ca;
    }

    #viewWeblog .content .blog-post-detail .tags li a {
        color: #6c6c6c;
        font-size: 12px;
    }

    #viewWeblog .content .blog-post-detail .tags li:hover a {
        color: #fff;
    }

#viewWeblog .content .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    #viewWeblog .content .tags .tag {
        font-size: 14px;
        font-weight: 300;
        padding: 2px 10px;
        color: #6c6c6c;
        border: solid 1px #73c9ca;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

        #viewWeblog .content .tags .tag:hover {
            background-color: #73c9ca;
            color: #fff;
        }

#viewWeblog .sidebar .categories > div {
    margin: 0 0 20px;
    padding: 25px 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    width: 48%;
    display: inline-block;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    border-radius: 4px;
}

    #viewWeblog .sidebar .categories > div:nth-child(odd) {
        margin: 0 0 20px 4.4px;
    }

#viewWeblog .mobileSideBar .categories > div {
    margin: 0 4px 20px;
}

#viewWeblog .sidebar .categories > div .title {
    padding-top: 8px;
    line-height: 1;
    font-size: 14px;
    color: #6c6c6c;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.viewWeblogMainContent .MainSidebar {
    padding: 0 30px;
}

#viewWeblog .sidebar .categories > div:hover .title {
    color: #fff;
}

#viewWeblog .sidebar .categories > div a {
    color: #6c6c6c;
}

#viewWeblog .sidebar .categories > div > div:nth-child(2) {
    margin-top: 5px;
}

#viewWeblog .sidebar .categories > div img {
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#viewWeblog .sidebar .categories > div:hover {
    background-color: #73c9ca;
    color: white;
    border-color: #73c9ca;
}

    #viewWeblog .sidebar .categories > div:hover a {
        color: #fff;
    }

    #viewWeblog .sidebar .categories > div:hover img {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }

#viewWeblog .sidebar .seprator {
    height: 2px;
    background-color: #faa517;
    width: 50%;
    margin: 0 auto;
}

#viewWeblog .sidebar .suggestions {
    border-radius: 7px;
    display: block;
    margin: 20px 3px 10px;
}

    #viewWeblog .sidebar .suggestions > div {
        height: 90px;
        padding: 0;
        margin-bottom: 15px;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        cursor: pointer;
        background-color: #fff;
        -webkit-box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
        box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    }

        #viewWeblog .sidebar .suggestions > div > a {
            font-size: 16px;
            font-weight: 800;
            color: #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            height: 100%;
            width: 100%;
        }

        #viewWeblog .sidebar .suggestions > div .black-layer {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #00000047;
        }

        #viewWeblog .sidebar .suggestions > div:hover {
            /* padding: 50px 30px 30px; */
        }

        #viewWeblog .sidebar .suggestions > div > a > div:nth-child(1) {
            -webkit-box-flex: 2;
            -ms-flex: 2;
            flex: 2;
            height: 100%;
        }

        #viewWeblog .sidebar .suggestions > div > a > div:nth-child(2) {
            -webkit-box-flex: 3;
            -ms-flex: 3;
            flex: 3;
            color: #767676;
            font-weight: 500;
            padding: 5px;
            font-size: 14px;
            line-height: 22px;
        }

        #viewWeblog .sidebar .suggestions > div:hover > a > div:nth-child(2) {
            color: var(--dark-green);
        }

        #viewWeblog .sidebar .suggestions > div > a > div img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 0;
        }

#viewWeblog .buttons {
    margin: 25px 0 17px 0;
}

    #viewWeblog .buttons > div {
        margin: 0;
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }

        #viewWeblog .buttons > div img {
            width: 25px;
        }

        #viewWeblog .buttons > div:hover img {
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
        }

        #viewWeblog .buttons > div a {
            width: 100%;
            border-radius: 4px;
            padding: 10px 0px !important;
            background-color: white !important;
            color: #6c6c6c !important;
            font-size: 16px;
            font-weight: 500;
        }

        #viewWeblog .buttons > div:hover a {
            background-color: #73c9ca !important;
            color: #fff !important;
        }

.banners > div.tgm-insta,
.banners > div.tgm-telegram {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 300;
    margin: 20px 0;
    padding: 10px 0;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    border-radius: 4px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.banners > div.tgm-insta {
    -webkit-box-shadow: -1px 3px 20px #fdb9c0a6, -8px -8px 13px #fff;
    box-shadow: -1px 3px 20px #fdb9c0a6, -8px -8px 13px #fff;
}

    .banners > div.tgm-insta:hover {
        -webkit-box-shadow: -1px 3px 20px #fdb9c0, -8px -8px 13px #fff;
        box-shadow: -1px 3px 20px #fdb9c0, -8px -8px 13px #fff;
    }

.banners > div.tgm-telegram {
    -webkit-box-shadow: -1px 3px 20px #99d3f0, -8px -8px 13px #fff;
    box-shadow: -1px 3px 20px #99d3f0, -8px -8px 13px #fff;
}

    .banners > div.tgm-insta a,
    .banners > div.tgm-telegram a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        font-weight: 300;
        width: 100%;
        color: #6c6c6c;
        position: relative;
    }

.banners > div.tgm-insta {
    border: solid 1.5px #fee9eb;
}

.banners > div.tgm-telegram {
    border: solid 1.5px #e7f5fc;
}

    .banners > div.tgm-insta img,
    .banners > div.tgm-telegram img {
        width: auto;
        height: 40px;
        -o-object-fit: contain;
        object-fit: contain;
        margin-right: 10px;
    }

.banners > div > a > span {
    padding: 0 5px;
}

    .banners > div > a > span:nth-child(1) {
        padding: 0 0 0 5px;
    }

    .banners > div > a > span:nth-child(2) {
        padding: 0 15px 0 0;
        text-align: right;
    }

    .banners > div > a > span:nth-child(3) {
        border-radius: 50%;
        width: 29px;
        height: 29px;
        padding: 3px 4px 0 0;
        margin-left: 10px;
        margin-right: 10px;
        position: absolute;
        left: 2px;
    }

    .banners > div > a > span.instaBtn {
        background-color: #fee9eb;
        color: #fb636f;
    }

    .banners > div > a > span.telBtn {
        background-color: #e7f5fc;
        color: #5ebae8;
    }

    .banners > div > a > span .insta {
        color: #fb636f;
        font-weight: bold;
    }

    .banners > div > a > span .tel {
        color: #5ebae8;
        font-weight: bold;
    }

#viewWeblog .searchBox {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin: 20px 0;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    border-radius: 4px;
}

#viewWeblog .searchBoxMobile {
    display: none;
}

/*
#viewWeblog .searchBox:hover{
  	border: solid 1.5px #5cb8b9;
}
*/
#viewWeblog .searchBox .title {
    font-size: 16px;
    font-weight: bold;
    color: #6c6c6c;
    text-align: center;
    margin-top: 13px;
}

#viewWeblog .searchBox .tb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 82%;
}

#viewWeblog .searchBox .search {
    width: 100%;
    height: 42px;
    margin: 15px 0;
    border-radius: 20px;
    direction: rtl;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    -webkit-box-shadow: 0px 3px 11px #73c9ca6e, -14px -12px 6px 6px #fff;
    box-shadow: 0px 3px 11px #73c9ca6e, -14px -12px 6px 6px #fff;
    border: 1px solid #73c9ca38;
}

    #viewWeblog .searchBox .search:hover {
        border: solid 1.5px #5cb8b9;
    }

    #viewWeblog .searchBox .search input[type="text"] {
        width: 100%;
        height: 40px;
        font-size: 13px;
        line-height: 1;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        direction: rtl;
        margin: 0;
    }

        #viewWeblog .searchBox .search input[type="text"]::-webkit-input-placeholder {
            color: #bdbdbd;
        }

        #viewWeblog .searchBox .search input[type="text"]:-ms-input-placeholder {
            color: #bdbdbd;
        }

        #viewWeblog .searchBox .search input[type="text"]::-ms-input-placeholder {
            color: #bdbdbd;
        }

        #viewWeblog .searchBox .search input[type="text"]::-moz-placeholder {
            color: #bdbdbd;
        }

        #viewWeblog .searchBox .search input[type="text"]::placeholder {
            color: #bdbdbd;
        }

    #viewWeblog .searchBox .search .sButton {
        width: 1px;
    }

        #viewWeblog .searchBox .search .sButton button {
            position: absolute;
            left: 0;
            display: block;
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: #fff;
            border: none;
        }

    #viewWeblog .searchBox .search .s-circle {
        position: relative;
        top: -4px;
        left: -12px;
        width: 17px;
        height: 17px;
        margin-top: 0;
        border-width: 2.5px;
        border: 2.5px solid #bdbdbd;
        background-color: transparent;
        border-radius: 50%;
        -webkit-transition: 0.5s ease all;
        -o-transition: 0.5s ease all;
        transition: 0.5s ease all;
    }

    #viewWeblog .searchBox .search button span {
        position: absolute;
        top: 25px;
        left: 22px;
        display: block;
        width: 11px;
        height: 3px;
        background-color: transparent;
        border-radius: 10px;
        -webkit-transform: rotateZ(52deg);
        -ms-transform: rotate(52deg);
        transform: rotateZ(52deg);
        -webkit-transition: 0.5s ease all;
        -o-transition: 0.5s ease all;
        transition: 0.5s ease all;
    }

        #viewWeblog .searchBox .search button span:before,
        #viewWeblog .searchBox .search button span:after {
            content: "";
            position: absolute;
            bottom: 0;
            right: 0;
            width: 11px;
            height: 2px;
            background-color: #bdbdbd;
            border-radius: 10px;
            -webkit-transform: rotateZ(0);
            -ms-transform: rotate(0);
            transform: rotateZ(0);
            -webkit-transition: 0.5s ease all;
            -o-transition: 0.5s ease all;
            transition: 0.5s ease all;
        }

    #viewWeblog .searchBox .search .sButton:hover .s-circle {
        top: -1px;
        width: 18px;
        height: 2px;
        border-width: 0;
        background-color: #bdbdbd;
        border-radius: 20px;
        left: -4px;
    }

    #viewWeblog .searchBox .search .sButton:hover span {
        top: 50%;
        left: 4px;
        width: 26px;
        margin-top: 0;
        -webkit-transform: rotateZ(0);
        -ms-transform: rotate(0);
        transform: rotateZ(0);
    }

    #viewWeblog .searchBox .search .sButton:hover button span:before {
        bottom: 7px;
        -webkit-transform: rotateZ(140deg);
        -ms-transform: rotate(140deg);
        transform: rotateZ(140deg);
    }

    #viewWeblog .searchBox .search .sButton:hover button span:after {
        bottom: -1px;
        -webkit-transform: rotateZ(-140deg);
        -ms-transform: rotate(-140deg);
        transform: rotateZ(-140deg);
        right: 1px;
    }

    #viewWeblog .searchBox .search .sButton:hover button span:before,
    #weblog .header .search .sButton:hover button span:after {
        right: 1px;
        width: 11px;
        background-color: #bdbdbd;
    }

#viewWeblog #rightSidebar {
    float: right;
    position: sticky;
    top: 80px;
    margin-bottom: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    #viewWeblog #rightSidebar .inner-wrapper-sticky {
        width: 225.83px !important;
        left: unset !important;
    }

#viewWeblog .utf_add_review-box {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    background-color: #fff;
    border: none;
}

#viewWeblog #weblog .content .lastPost .tab-content .post {
    min-height: 100px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    #viewWeblog #weblog .content .lastPost .tab-content .post > div:nth-child(2) {
        height: 100px;
    }

    #viewWeblog #weblog .content .lastPost .tab-content .post .image {
        height: 100px;
    }

        #viewWeblog #weblog .content .lastPost .tab-content .post .image img {
            border-radius: 10px;
        }

#viewWeblog #weblog .content .lastPost {
    margin-bottom: 0;
}

    #viewWeblog #weblog .content .lastPost .tab-content .post {
        margin-bottom: 40px;
        margin-top: 10px;
    }

@media only screen and (max-width: 1500px) and (min-width: 1200px) {
    #viewWeblog #rightSidebar .inner-wrapper-sticky {
        width: 186.83px !important;
    }
}

#rightSidebarContent {
    padding: 10px;
    color: #6c6c6c;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
}

#contentViewWeblog {
    padding: 0;
}

    #contentViewWeblog > div {
        border-radius: 5px;
        background-color: #fff;
        -webkit-box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
        box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
        padding: 0 15px;
        float: right;
        width: 100%;
        margin-bottom: 20px;
    }

        #contentViewWeblog > div.preContent {
            padding: 15px 15px 0;
        }

.listOfVisaContent h4 {
    font-size: 16px;
    font-weight: 800;
}

#rightSidebarContent li {
    padding: 3px 0;
    text-align: right;
}

#rightSidebarContent h2,
#rightSidebarContent h3,
#rightSidebarContent h4,
#rightSidebarContent h5 {
    font-size: 14px;
    color: #938f8f;
}

#rightSidebarContent a {
    color: #262626;
}

    #rightSidebarContent a.active {
        color: #000;
    }

    #rightSidebarContent a::before {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-left: 5px;
        color: #6c6c6c;
        font-size: 8px;
    }

    #rightSidebarContent a.active::before {
        color: #73c9ca;
        font-size: 11px;
    }

#rightSidebarContent ul {
    padding-left: 0;
}

#viewWeblog .mobileSideBar {
    display: none;
}

.hotelDetailSidebar {
    top: -30px;
    position: sticky;
    margin-bottom: 20px;
}

#viewWeblog #toc {
    display: none;
    padding: 10px 0;
    background-color: #f5efef;
    border-radius: 10px;
}

@media only screen and (min-width: 1240px) {
    .hotelDetailSidebar.sticky .numberOfCustomers {
        width: 60%;
        float: right;
    }

        .hotelDetailSidebar.sticky
        .numberOfCustomers
        .panel-dropdown
        .panel-dropdown-content {
            right: 0;
            top: 52px;
            width: 100%;
            padding: 8px;
        }

            .hotelDetailSidebar.sticky
            .numberOfCustomers
            .panel-dropdown
            .panel-dropdown-content
            .qtyTitle {
                padding-right: 0;
            }

    .hotelDetailSidebar.sticky .reserveRequest .utf_progress_button {
        width: 37%;
        float: left;
        font-size: 14px;
        -webkit-transform: translateY(-67px);
        -ms-transform: translateY(-67px);
        transform: translateY(-67px);
        -webkit-transition: all 0.8s;
        -o-transition: all 0.8s;
        transition: all 0.8s;
        padding: 10px 15px;
    }

    .hotelDetailSidebar .reserveRequest .utf_progress_button {
        float: left;
    }
}

.wysywyg h1,
.wysywyg h2,
.wysywyg h3,
.wysywyg h4,
.wysywyg h5,
.wysywyg h6 {
    line-height: 3rem;
}

.wysywyg h1 {
    font-weight: 500;
    letter-spacing: 0;
    font-size: 27px;
    position: relative;
    margin-bottom: 19px;
}

    .wysywyg h1::before {
        content: "";
        position: absolute;
        bottom: -10px;
        height: 2px;
        width: 50px;
        background-color: #73c9ca;
    }

.wysywyg h3,
.wysywyg h2 {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

    .wysywyg h3::before,
    .wysywyg h2::before {
        content: "";
        position: absolute;
        bottom: -10px;
        height: 2px;
        width: 50px;
        background-color: #73c9ca;
    }

    .wysywyg h1.centerHeading::before,
    .wysywyg h3.centerHeading::before,
    .wysywyg h2.centerHeading::before {
        width: 200px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .wysywyg h1.leftHeading::before,
    .wysywyg h3.leftHeading::before,
    .wysywyg h2.leftHeading::before {
        left: 0;
    }

    .wysywyg h2::before {
        background-color: var(--my-orange);
    }

.wysywyg h2 {
    font-size: 2.2rem;
}

.wysywyg h3 {
    font-size: 2rem;
}

.wysywyg h4 {
    font-size: 1.8rem;
}

.wysywyg h5 {
    font-size: 1.6rem;
}

.wysywyg h6 {
    font-size: 1.4rem;
}

@media only screen and (max-width: 1240px) {
    .hotelDetailSidebar .reserveRequest .row > div {
        width: 100%;
    }
}

.hotelDetailSidebar > .reserveRequest {
    padding-bottom: 28px;
    float: right;
}

    .hotelDetailSidebar > .reserveRequest .row {
        margin-left: 0;
        margin-right: 0;
    }

.hotelDetailSidebar.sticky .reserveRequest {
    padding-bottom: 10px;
    float: none;
}

@media only screen and (max-width: 1239px) {
    #viewWeblog .scroll {
        top: 0 !important;
    }
}

@media only screen and (max-width: 992px) {
    #viewWeblog .breadcrumb {
        margin-bottom: 0;
    }

    #viewWeblog .header .titleWrap {
        padding-left: 0;
        padding-right: 0;
    }

    #viewWeblog .header .categories {
        margin-bottom: 20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        #viewWeblog .header .categories > div.item {
            text-align: center;
        }

    #viewWeblog .scroll .categories {
        display: none;
    }

    #viewWeblog .content .blog-post-detail {
        padding: 15px;
    }

    #viewWeblog .content .tags {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #viewWeblog .mobileSideBar {
        display: block;
        background-color: transparent;
        margin: 20px 0;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
    }

    #viewWeblog .searchBoxMobile {
        display: block;
        padding: 10px;
    }

    #viewWeblog .searchBoxDesktop {
        display: none;
    }

    .hotelDetailSidebar {
        top: unset;
        position: unset;
        margin-bottom: 10px;
    }

    #viewWeblog #toc.sticky {
        position: fixed;
        top: 55px;
        z-index: 1036;
        width: 100%;
        left: 0;
        padding: 0px 0;
        background-color: white;
        display: block !important;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    #viewWeblog #toc.hideTocOnOver {
        top: 13px;
        z-index: 994;
    }

    #viewWeblog #toc.hideTocOnOverVisa {
        top: -54px !important;
        z-index: 994;
    }

    #viewWeblog #toc {
        display: block;
    }

        #viewWeblog #toc.sticky {
            padding: 0;
        }

        #viewWeblog #toc h2,
        #viewWeblog #toc h3,
        #viewWeblog #toc h4,
        #viewWeblog #toc h5,
        #viewWeblog #toc h6 {
            display: none;
        }

        #viewWeblog #toc.sticky ul {
            height: 56px;
            overflow: auto;
            white-space: nowrap;
            padding: 10px 0;
            border-top: 1px solid #ccc;
        }

    #toc.sticky li {
        display: inline-block;
        margin-left: 15px;
    }

        #toc.sticky li a {
            -webkit-transition: none;
            -o-transition: none;
            transition: none;
        }

            #toc.sticky li a.active {
                background-color: var(--light-green);
                color: #fff;
                padding: 2px 10px;
                border-radius: 10px;
            }

    #viewWeblog #toc.sticky ul::-webkit-scrollbar-track {
        border: none;
        padding: 2px 0;
        background-color: #ccc;
        height: 1px;
    }

    #viewWeblog #toc.sticky ul::-webkit-scrollbar {
        width: 10px;
        height: 1px;
    }

    #contentViewWeblog.sticky {
        margin-top: 400px;
        -webkit-transition: 0.5 s;
        -o-transition: 0.5 s;
        transition: 0.5 s;
    }

    #viewWeblog #toc.sticky ul::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #737272;
        border: 1px solid #000;
        height: 1px;
    }

    #viewWeblog .content .preContent .details {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        #viewWeblog .content .preContent .details > span {
            width: 50%;
        }

            #viewWeblog .content .preContent .details > span:last-child {
                width: 100%;
            }
}

@media only screen and (max-width: 768px) {
    #viewWeblog #weblog .content .lastPost .tab-content .post {
        padding-right: 0;
        width: 100%;
    }

    #viewWeblog .sidebar .suggestions > div {
        height: 105px;
    }
}

@media only screen and (max-width: 765px) {
    #viewWeblog .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #viewWeblog .content .blog-post-detail table {
        width: 100% !important;
    }

    .banners > div > a > span:nth-child(1) {
        width: 20%;
    }

    #viewWeblog .sidebar .categories > div {
        width: 47.5%;
    }
}

.hotelDetailSidebar.sticky .reserveRequest .verified-badge {
    margin-bottom: 0 !important;
}

.hotelDetailSidebar.sticky .opening-hours {
    margin-top: 3px !important;
    margin-bottom: 0 !important;
}

.hotelDetailSidebar .opening-hours .vehicle {
    padding: 6px 0;
}

    .hotelDetailSidebar .opening-hours .vehicle span {
        padding-right: 6px;
        text-align: right;
        color: #1c1b1b;
    }

.mobileboxSideBar .vehicle {
    padding: 6px 0;
}

    .mobileboxSideBar .vehicle span {
        padding-right: 6px;
        text-align: right;
        color: #1c1b1b;
    }
/******************* NewHeader *****************/
#header_part.scroll {
    background-color: white;
    position: fixed;
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid #56c9cb;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#NewHeader .navbar .dropdown-menu div[class*="col"] {
    margin-bottom: 10px;
    margin-top: 5px;
}

#NewHeader .navbar .dropdown-menu {
    border: none;
    background-color: #5cb8b9 !important;
}

#NewHeader .navbar {
    border-radius: unset;
    border: none;
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
    /* remove the padding from the navbar so the dropdown hover state is not broken */
    #NewHeader .navbar {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0;
    }
        /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
        #NewHeader .navbar .nav-item {
            padding: 13px 1.5rem;
            margin: 0 0.25rem;
        }

    #header_part.scroll #NewHeader .navbar .nav-item {
        padding: 13px 1.5rem;
    }
    /* makes the dropdown full width  */
    #NewHeader .navbar .dropdown {
        position: static;
    }

    #NewHeader .navbar .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
        top: 53.49px;
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: visibility 0s, opacity 0s linear;
        -o-transition: visibility 0s, opacity 0s linear;
        transition: visibility 0s, opacity 0s linear;
    }

    #header_part.scroll #NewHeader .navbar .dropdown-menu {
        top: 54px;
    }

    #NewHeader .navbar-nav > li {
        float: right;
    }
    /* shows the dropdown menu on hover */
    #NewHeader .navbar .dropdown:hover .dropdown-menu,
    .navbar .dropdown .dropdown-menu:hover {
        display: block;
        visibility: visible;
        opacity: 1;
        -webkit-transition: visibility 0s, opacity 0s linear, height 0.4s linear;
        -o-transition: visibility 0s, opacity 0s linear, height 0.4s linear;
        transition: visibility 0s, opacity 0s linear, height 0.4s linear;
        height: auto;
    }

    #NewHeader .navbar .dropdown-menu {
        border: 1px solid rgba(0, 0, 0, 0.15);
        background-color: #fff;
    }
}

#NewHeader .navbar-nav {
    float: right;
    margin: 0;
}

#NewHeader .navbar {
    background-color: white;
/*    -webkit-box-shadow: 0px 20px 31px 6px #5cb8b93d;
    box-shadow: 0px 20px 31px 6px #5cb8b93d;*/
}

#NewHeader .navbar-brand {
    float: right;
    height: 54px;
    padding: 6px 30px;
}

#header_part.scroll #NewHeader .navbar-brand {
    height: 54px;
    padding: 7px 30px;
}

#NewHeader .header_widget {
    width: 210px;
    float: left;
    top: 0px;
    margin-left: 20px;
    height: 54px;
}

#header_part.scroll #NewHeader .header_widget {
    top: 2px;
    height: 54px;
}

#NewHeader .header_widget .text {
    font-size: 13px;
    font-weight: normal;
    display: block;
    text-align: right;
    color: #6f6f71;
    width: 128px;
    margin-top: -8px;
}

#NewHeader .header_widget:hover .text {
    color: #5cb8b9;
    position: relative;
}

    #NewHeader .header_widget:hover .text .down {
        display: none;
    }

#NewHeader .header_widget .text .up {
    display: none;
}

#NewHeader .header_widget:hover .text .up {
    display: inline;
    position: absolute;
    bottom: -5px;
    left: 9px;
}

#NewHeader .header_widget .number a {
    font-size: 17px;
    font-weight: 800;
    color: #6f6f71;
    letter-spacing: 1px;
    padding-left: 5px;
}

#NewHeader .header_widget:hover .number a {
    color: #73c9ca;
}

#NewHeader .header_widget .icon {
    font-size: 46px;
    text-align: center;
    color: #6f6f71;
}

    #NewHeader .header_widget .icon svg {
        fill: #6f6f71;
        height: 31px;
    }

#NewHeader .header_widget:hover .icon {
    color: #5cb8b9;
}

    #NewHeader .header_widget:hover .icon svg {
        fill: #5cb8b9;
    }

#NewHeader .nav-item > a {
    font-size: 17px;
    font-weight: 500;
    color: #6c6c6c;
    position: relative;
    padding: 15px 10px 13px;
}

    #NewHeader .nav-item > a.nav-expand-link > span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 5px;
    }


    #NewHeader .nav-item > a i {
        margin-left: 5px;
    }

#NewHeader .nav-item:hover > a {
    color: #5cb8b9;
}

#NewHeader .nav-item:last-child > a {
    color: #9a1032;
}

#NewHeader .nav-item:last-child:hover > a {
    color: #9a1032;
}

#NewHeader .header_widget .dropdown-menu {
    -webkit-box-shadow: 0px 10px 15.5px 0.5px #5cb8b93d;
    box-shadow: 0px 10px 15.5px 0.5px #5cb8b93d;
    background-color: #ffffff !important;
    text-align: right;
    border: none;
    border-radius: 5px;
}

    #NewHeader .header_widget .dropdown-menu li a {
        color: #6c6c6c;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 13px;
        font-size: 13px;
    }

    #NewHeader .header_widget .dropdown-menu li:nth-child(1) a {
        text-align: center;
        padding: 20px 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        font-size: 14px;
    }

        #NewHeader .header_widget .dropdown-menu li:nth-child(1) a::after {
            content: "";
            width: 90%;
            height: 2px;
            position: absolute;
            bottom: 0;
            background-color: #73c9ca;
        }

    #NewHeader .header_widget .dropdown-menu li a:hover {
        color: #000;
        background-color: #c4e8e8;
    }

    #NewHeader .header_widget .dropdown-menu li a img {
        margin-left: 10px;
        width: 18px;
    }

    #NewHeader .header_widget .dropdown-menu li a svg {
        width: 20px;
        fill: #6c6c6c;
        margin-left: 10px;
    }

#header_part.scroll #NewHeader .nav-item > a {
    padding: 15px 10px 13px;
}

#NewMenu .nav-item > a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    display: block;
    bottom: -3.4px;
    left: 0;
    background: #faa517;
    transition: opacity 0.4s, -webkit-transform 0.4s;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    -o-transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
}

#NewMenu .nav-item:last-child > a:after {
    background: #9a1032;
}

#NewMenu .nav-item:hover > a:after,
#NewMenu .nav-item:last-child > a:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
}

/************* mega menu ***************/
/*.cloned #navigation .dropdown-content{
	top: 62px;
}*/
#NewMenu .dropdown-content {
    position: absolute;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 10px 0;
}

    #NewMenu .dropdown-content.open {
        display: block;
        visibility: visible;
        opacity: 1;
        -webkit-transition: visibility 0s, opacity 0.3s linear, height 0.4s linear;
        -o-transition: visibility 0s, opacity 0.3s linear, height 0.4s linear;
        transition: visibility 0s, opacity 0.3s linear, height 0.4s linear;
        height: auto;
    }

    #NewMenu .dropdown-content.close {
        height: 0;
    }

#header .container {
    width: 100%;
}

#NewMenu ul li.dropdown {
    position: unset;
}

#NewMenu .tourType {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
}

#NewMenu .tourTypes {
    -webkit-transform: translateX(328px);
    -ms-transform: translateX(328px);
    transform: translateX(328px);
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

#NewMenu .nav-item:hover .tourTypes {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

#NewMenu .dropdown-content.open .nav-item:hover .tourTypes {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

#NewMenu .tourType > div {
    padding-left: 5px;
    text-align: center;
}

#NewMenu svg {
    fill: #fff;
}

#NewMenu .tourType > div:nth-child(2) {
    width: 108px;
}

    #NewMenu .tourType > div:nth-child(2) a {
        color: #fff;
    }

    #NewMenu .tourType > div:nth-child(2) > div:nth-child(1) {
        font-size: 20px;
        font-weight: 500;
    }

    #NewMenu .tourType > div:nth-child(2) > a > div:nth-child(1) {
        font-size: 20px;
        font-weight: 500;
        color: #fff;
    }

    #NewMenu .tourType > div:nth-child(2) > div:nth-child(2) {
        font-size: 16px;
        font-weight: 300;
    }

        #NewMenu .tourType > div:nth-child(2) > div:nth-child(2) a.all {
            color: #fff;
            font-size: 16px;
            font-weight: 300;
            position: relative;
            z-index: 5;
        }

#NewMenu .tourType > div > div > a.tabChange {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

#NewMenu .tourType > div:nth-child(3) {
    margin-right: 10px;
    background-color: #60bfc0;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 9px;
}

#NewMenu .vertical-line {
    height: 80%;
    width: 4px;
    border-radius: 2px;
    background-color: #60bfc0;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#NewMenu .tourTypes .nav-tabs {
    border: none;
}

#NewMenu ul li.dropdown .dropdown-content a:after {
    content: "";
}

#NewMenu.style_one ul .dropdown-content a {
    background-color: transparent;
}

/*#NewMenu.style_one ul li.dropdown:hover .dropdown-content a {
    color: #fff;
}*/
#NewMenu .dropdown-content .tourItem {
    border-radius: 6px;
    border: solid 1px #60bfc0;
    background-color: #73c9ca;
    display: inline-block;
    text-align: center;
    margin: 10px 9px;
    font-size: 18px;
    font-weight: 300;
    padding: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    #NewMenu .dropdown-content .tourItem a {
        color: white;
        padding: 5px 11px;
        display: block;
    }

#NewMenu #visaTabs {
    direction: rtl;
    float: right;
    text-align: right;
}

    #NewMenu #visaTabs > div:nth-child(1) .head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px;
    }

        #NewMenu #visaTabs > div:nth-child(1) .head .image {
            margin-left: 15px;
        }

        #NewMenu #visaTabs > div:nth-child(1) .head .title {
            font-size: 14px;
            font-weight: 400;
            color: #0a5c5d;
        }

            #NewMenu #visaTabs > div:nth-child(1) .head .title h3 {
                margin: 0;
                font-size: 28px;
                font-weight: 800;
                color: #fff;
            }

    #NewMenu #visaTabs > div:nth-child(1) .item {
        display: inline-block;
        margin: 0 0 15px 15px;
        border-radius: 6px;
        background-color: #73c9ca;
        overflow: hidden;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        #NewMenu #visaTabs > div:nth-child(1) .item:hover {
            background-color: #3a9b9c;
        }

        #NewMenu #visaTabs > div:nth-child(1) .item > div {
            display: inline-block;
            vertical-align: middle;
        }

            #NewMenu #visaTabs > div:nth-child(1) .item > div:nth-child(2) {
                padding: 5px 5px 5px 10px;
            }

                #NewMenu #visaTabs > div:nth-child(1) .item > div:nth-child(2) a {
                    color: #fff;
                    font-size: 18px;
                    font-weight: 500;
                    padding: 5px 5px 5px 10px;
                }

        #NewMenu #visaTabs > div:nth-child(1) .item .image {
            width: 50px;
        }

            #NewMenu #visaTabs > div:nth-child(1) .item .image img {
                height: 39px;
            }

    #NewMenu #visaTabs > div:nth-child(2) .guideVisa .head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        #NewMenu #visaTabs > div:nth-child(2) .guideVisa .head .title {
            font-size: 14px;
            font-weight: 400;
            color: #0a5c5d;
            margin-right: 10px;
        }

        #NewMenu #visaTabs > div:nth-child(2) .guideVisa .head h3 {
            margin: 0;
            font-size: 28px;
            font-weight: 700;
            color: #fff;
        }

    #NewMenu #visaTabs > div:nth-child(2) .item:nth-child(2) {
        margin-top: 30px;
    }

    #NewMenu #visaTabs > div:nth-child(2) .content {
        margin: 15px 0 10px;
    }

        #NewMenu #visaTabs > div:nth-child(2) .content .title > a > div {
            border-radius: 6px;
            background-color: #73c9ca;
            display: inline-block;
            padding: 4px 26px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            margin: 0 7px;
        }

            #NewMenu #visaTabs > div:nth-child(2) .content .title > a > div:hover {
                background-color: #3a9b9c;
            }

        #NewMenu #visaTabs > div:nth-child(2) .content .title > a {
            font-weight: 300;
            font-size: 18px;
            color: #fff;
        }

    #NewMenu #visaTabs.nav-tabs {
        border: none;
    }

@-webkit-keyframes example {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 10%;
    }

    20% {
        opacity: 20%;
    }

    30% {
        opacity: 30%;
    }

    40% {
        opacity: 40%;
    }

    50% {
        opacity: 50%;
    }

    60% {
        opacity: 60%;
    }

    70% {
        opacity: 70%;
    }

    80% {
        opacity: 80%;
    }

    90% {
        opacity: 90%;
    }

    100% {
        opacity: 100%;
    }
}

@keyframes example {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 10%;
    }

    20% {
        opacity: 20%;
    }

    30% {
        opacity: 30%;
    }

    40% {
        opacity: 40%;
    }

    50% {
        opacity: 50%;
    }

    60% {
        opacity: 60%;
    }

    70% {
        opacity: 70%;
    }

    80% {
        opacity: 80%;
    }

    90% {
        opacity: 90%;
    }

    100% {
        opacity: 100%;
    }
}

#NewMenu .dropdown-content .tab_container {
    opacity: 0;
    -webkit-transition: opacity 3s;
    -o-transition: opacity 3s;
    transition: opacity 3s;
    width: 75%;
}

#NewMenu .nav-item:hover .dropdown-content .tab_container {
    -webkit-animation-name: example;
    animation-name: example;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

#NewMenu .dropdown-content .tourItem:hover {
    color: #ffff !important;
    border: solid 1px #3a9b9c;
    background-color: #3a9b9c !important;
}

#NewMenu .dropdown-content .banners {
    border-radius: 6px;
    width: 100%;
    height: 95px;
    position: relative;
    margin: 10px auto 0;
    overflow: hidden;
}

    #NewMenu .dropdown-content .banners > div {
        position: absolute;
        width: 100%;
        height: 100%;
        color: white;
    }

        #NewMenu .dropdown-content .banners > div:nth-child(1) img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

        #NewMenu .dropdown-content .banners > div:nth-child(1) {
            /*top: 0;
	right: 0;*/
            z-index: 1;
        }

        #NewMenu .dropdown-content .banners > div:nth-child(2) {
            z-index: 2;
            background-color: #00000063;
        }

    #NewMenu .dropdown-content .banners.ghorban > div:nth-child(2) {
        z-index: 2;
        background-color: #00000000;
    }

    #NewMenu .dropdown-content .banners > div:nth-child(3) {
        z-index: 3;
        top: 82%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
        font-size: 20px;
        font-weight: 800;
    }

#NewMenu .dropdown-content .tourType {
    border-radius: 6px;
    width: 70%;
    height: 95px;
    margin: 15px auto;
    overflow: hidden;
    background-color: #73c9ca !important;
    color: white;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}

#NewMenu .dropdown-content .tourTypes a:hover .tourType {
    background-color: #2f8788 !important;
}

#NewMenu .dropdown-content .tourTypes .buttonTourType.active .tourType {
    background-color: #3a9b9c !important;
}

/*
#NewMenu .dropdown-content .tourItems ul{
	position: unset;
	opacity: 1;
	visibility: visible;
}*/
#NewMenu .dropdown-content .internalTour {
    display: block;
}

    #NewMenu .dropdown-content .internalTour > div {
        width: 17%;
        padding: 0;
        background-color: #73c9ca;
        font-size: 18px;
        font-weight: 300;
        color: #fff;
        border-radius: 6px;
        text-align: center;
        margin: 10px 10px;
        overflow: hidden;
        font-size: 16px;
        font-weight: 300;
        line-height: 40px;
        display: block;
    }

        #NewMenu .dropdown-content .internalTour > div > div {
            /*background-color: #73c9ca;
	font-size: 18px;
  	font-weight: 300;
	color: #fff;
	border-radius: 6px;
	text-align: center;
	margin: 10px 0;
	overflow: hidden;
	font-size: 16px;
	font-weight: 300;
	line-height: 40px;*/
        }

    #NewMenu .dropdown-content .internalTour .item a {
        color: white;
        position: relative;
    }

        #NewMenu .dropdown-content .internalTour .item a:after {
            content: "";
            width: 100%;
            background-color: #3a9b9c;
            position: absolute;
            height: var(--btn-line-size, 2px);
            display: block;
            bottom: -4px;
            right: 0;
            float: unset;
            direction: rtl;
            margin-right: 0;
            -webkit-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
            transition: opacity 0.4s, -webkit-transform 0.4s;
            -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
            -o-transition: transform 0.4s, opacity 0.4s;
            transition: transform 0.4s, opacity 0.4s;
            transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
            -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: center left;
            -ms-transform-origin: center left;
            transform-origin: center left;
        }

        #NewMenu .dropdown-content .internalTour .item a:hover:after {
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transform-origin: center right;
            -ms-transform-origin: center right;
            transform-origin: center right;
        }

    #NewMenu .dropdown-content .internalTour > div > div:nth-child(1) {
        background-color: #3a9b9c;
        font-size: 18px;
        font-weight: 300;
    }

    #NewMenu .dropdown-content .internalTour > div > div > div a {
        display: inline;
        position: relative;
        color: white;
    }

        #NewMenu .dropdown-content .internalTour > div > div > div a:after {
            content: "";
            width: 100%;
            background-color: #3a9b9c;
            content: "";
            position: absolute;
            height: 2px;
            display: block;
            bottom: 0;
            right: 0;
            float: unset;
            direction: rtl;
            margin-right: 0;
            transition: opacity 0.4s, -webkit-transform 0.4s;
            -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
            -o-transition: transform 0.4s, opacity 0.4s;
            transition: transform 0.4s, opacity 0.4s;
            transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
            -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: center left;
            -ms-transform-origin: center left;
            transform-origin: center left;
        }

    #NewMenu .dropdown-content .internalTour > div > div > div:hover a:after {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: center right;
        -ms-transform-origin: center right;
        transform-origin: center right;
    }

    #NewMenu .dropdown-content .internalTour > div > div > div:hover a {
        color: #3a9b9c !important;
    }

    #NewMenu
    .dropdown-content
    .internalTour > div > div > div:nth-child(1):hover
    a {
        color: #fff !important;
        border-bottom: none;
    }

#NewMenu .dropdown-content .tourItems > div:nth-child(1) {
    text-align: right;
}

#NewHeader .header_widget > li {
    height: 100%;
}

    #NewHeader .header_widget > li .nav-last {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        height: 100%;
        padding-left: 29px;
    }

        #NewHeader .header_widget > li .nav-last > div {
            padding: 0;
        }

#NewHeader .hamburger {
    display: none;
}

#NewHeader .extraBtnMnuVisa {
    background-color: #3a9b9c;
    height: 50px;
    width: 22em;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 25px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    #NewHeader .extraBtnMnuVisa:hover {
        background-color: #faa517;
    }

    #NewHeader .extraBtnMnuVisa a {
        color: #fff;
        width: 100%;
        height: 100%;
        line-height: 49px;
        font-size: 19px;
        font-weight: 700;
    }

/************ mobile menu ************/
/*
.nav-drill {
  margin-top: 0px;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.nav-is-toggled .nav-drill {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  right: 0;
}

.nav-is-toggled::after {
  opacity: 1;
  visibility: visible;
}

.nav-drill {
  display: block;
  position: fixed;
  z-index: 1000;
  top: 0px;
  right: -250px;
  width: 75%;
  height: 101vh;
  background-color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

#header_part.scroll .nav-drill {
  top: 7px;
}

.nav-drill .nav-items {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-left: 0;
}

.nav-drill .nav-item:not(:last-child) {
  border-bottom: solid 1px #daf9f4;
}

.nav-drill .nav-link {
  display: block;
  padding: 0.875em 1em;
  background-color: #fff;
  color: #20b49c;
  font-size: 1rem;
  line-height: 1.5em;
  font-weight: 300;
}

.nav-drill .nav-expand-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  visibility: hidden;
  display: none;
}

.nav-drill .nav-expand-content .nav-item:not(:last-child) {
  border-bottom: solid 1px #ccc;
}

.nav-drill .nav-expand-content .nav-link {
  background-color: #fff;
}

.nav-drill .nav-expand-content .nav-back-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #a1a2a2 !important;
  color: #fff !important;
}

.nav-drill .nav-expand-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-drill .nav-expand-link::after {
  content: "chevron_right";
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  font-family: "Material Icons";
}

.nav-drill .nav-expand.active > .nav-expand-content {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  z-index: 1;
  padding: 0;
  display: block;
}


.nav-drill .nav-expand .nav-expand-content {
  background-color: #fff;
}

.nav-drill .nav-expand .nav-expand-content .nav-link {
  background-color: #fff;
}

.nav-drill .nav-expand .nav-expand-content .nav-expand-content {
  background-color: #fff;
}

.nav-drill .nav-expand .nav-expand-content .nav-expand-content .nav-link {
  background-color: #fff;
}

.nav-drill
  .nav-expand
  .nav-expand-content
  .nav-expand-content
  .nav-expand-content {
  background-color: #fff;
}

.nav-drill
  .nav-expand
  .nav-expand-content
  .nav-expand-content
  .nav-expand-content
  .nav-link {
  background-color: #fff;
}

.nav-drill
  .nav-expand
  .nav-expand-content
  .nav-expand-content
  .nav-expand-content
  .nav-expand-content {
  background-color: #59e1cb;
}

.nav-drill
  .nav-expand
  .nav-expand-content
  .nav-expand-content
  .nav-expand-content
  .nav-expand-content
  .nav-link {
  background-color: #59e1cb;
}
*/
@media only screen and (max-width: 992px) {
    .navbar {
        margin-bottom: 0;
        height: 55px;
    }
    /*
  .nav-drill {
    position: relative;
  }
  */
    #NewHeader .navbar-brand {
        float: left;
    }

    #NewHeader .header_widget {
        display: none;
    }

    #NewHeader .navbar-nav {
        display: none;
    }

    #NewHeader .hamburger {
        display: block;
        float: right;
        font-size: 32px;
        top: 12px;
        right: 9px;
        position: absolute;
        color: #afaeae;
    }

    #header_part.scroll #NewHeader .hamburger {
        top: 11px;
    }

    #header_part {
        height: 55px;
        z-index: 1000;
    }
}

/****************  new mobile menu  *********************/

.mm-ocd {
    direction: rtl;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    height: calc(100vh - 55px);
    width: 0%;
    z-index: 9999999;
    overflow: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    background: rgba(0, 0, 0, 0);
    -webkit-transition-property: width, bottom, background-color;
    -o-transition-property: width, bottom, background-color;
    transition-property: width, bottom, background-color;
    -webkit-transition-duration: 0s, 0.3s;
    -o-transition-duration: 0s, 0.3s;
    transition-duration: 0s, 0.3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0.45s, 0.15s;
    -o-transition-delay: 0.45s, 0.15s;
    transition-delay: 0.45s, 0.15s;
    -webkit-overflow-scrolling: touch;
}

.mm-ocd--open {
    bottom: 0;
    top: 55px;
    width: 100%;
    background: rgba(0, 0, 0, 0.25);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.mm-ocd__content {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: var(--mm-ocd-width);
    min-width: var(--mm-ocd-min-width);
    max-width: var(--mm-ocd-max-width);
    background: #fff;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.mm-ocd--left .mm-ocd__content {
    right: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.mm-ocd--right .mm-ocd__content {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.mm-ocd--open .mm-ocd__content {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mm-ocd__backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    width: clamp( calc(100% - var(--mm-ocd-max-width)), calc(100% - var(--mm-ocd-width)), calc(100% - var(--mm-ocd-min-width)) );
    background: rgba(3, 2, 1, 0);
}

.mm-ocd--left .mm-ocd__backdrop {
    left: 0;
}

.mm-ocd--right .mm-ocd__backdrop {
    left: 0;
}

.mm-spn,
.mm-spn a,
.mm-spn li,
.mm-spn span,
.mm-spn ul {
    display: block;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mm-spn {
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

    .mm-spn ul {
        -webkit-overflow-scrolling: touch;
        position: fixed;
        top: 0;
        right: 100%;
        bottom: 0;
        z-index: 2;
        width: 100%;
        padding-right: 0;
        line-height: var(--mm-spn-line-height);
        overflow: visible;
        overflow-y: auto;
        background: inherit;
        -webkit-transition: right 0.3s ease 0s;
        -o-transition: right 0.3s ease 0s;
        transition: right 0.3s ease 0s;
        cursor: default;
    }

        .mm-spn ul:after {
            content: "";
            display: block;
            height: var(--mm-spn-item-height);
        }

    .mm-spn > ul {
        right: 0;
    }

    .mm-spn ul.mm-spn--open {
        right: 0;
    }

    .mm-spn ul.mm-spn--parent {
        overflow-y: hidden;
    }

    .mm-spn li {
        position: relative;
        background: inherit;
        cursor: pointer;
    }

        .mm-spn li:before {
            content: "";
            display: block;
            position: absolute;
            left: 22px;
            top: 32%;
            z-index: 0;
            width: 10px;
            height: 10px;
            border-top: 2px solid;
            border-right: 2px solid;
            -webkit-transform: rotate(225deg) translate(0, -50%);
            -ms-transform: rotate(225deg) translate(0, -50%);
            transform: rotate(225deg) translate(0, -50%);
            opacity: 0.4;
        }
    /*
.mm-spn li:after {
  content: "";
  display: block;
  margin-left: var(--mm-spn-item-indent);
  border-top: 1px solid;
  opacity: 0.15;
  position: absolute;
  bottom: -1px;
  width: 100%;
}
*/
    .mm-spn a,
    .mm-spn span {
        position: relative;
        z-index: 1;
        padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height)) / 2) var(--mm-spn-item-indent);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
    }

    .mm-spn a {
        text-decoration: none;
        background: inherit;
    }

        .mm-spn a img {
            width: 30px;
        }

        .mm-spn a:not(:last-child) {
            width: calc(100% - var(--mm-spn-item-height));
        }

.mm-spn--open {
    padding-bottom: 60px !important;
}

.mm-spn a:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-right: 1px solid;
    opacity: 0.15;
}

.mm-spn span {
    background: 0 0;
}

.mm-spn.mm-spn--navbar {
    cursor: pointer;
}

    .mm-spn.mm-spn--navbar:before {
        content: "";
        display: block;
        position: absolute;
        top: calc(var(--mm-spn-item-height) / 2);
        right: var(--mm-spn-item-indent);
        width: 10px;
        height: 10px;
        margin-top: 2px;
        border-top: 2px solid;
        border-left: 2px solid;
        -webkit-transform: rotate(130deg) translate(-23%, 64%);
        -ms-transform: rotate(130deg) translate(-23%, 64%);
        transform: rotate(130deg) translate(-23%, 64%);
        opacity: 0.4;
    }

    .mm-spn.mm-spn--navbar.mm-spn--main {
        cursor: default;
    }

        .mm-spn.mm-spn--navbar.mm-spn--main:before {
            content: none;
            display: none;
        }

    .mm-spn.mm-spn--navbar:after {
        content: attr(data-mm-spn-title);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: var(--mm-spn-item-height);
        padding: 0 calc(var(--mm-spn-item-indent) * 2);
        line-height: var(--mm-spn-item-height);
        opacity: 1;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        font-family: iranyekan;
        font-size: 20px;
        font-weight: 700;
        color: #75cacb;
    }

    .mm-spn.mm-spn--navbar.mm-spn--main:after {
        padding-left: var(--mm-spn-item-indent);
    }

    .mm-spn.mm-spn--navbar ul {
        top: calc(var(--mm-spn-item-height) + 1px);
    }

        .mm-spn.mm-spn--navbar ul:before {
            content: "";
            display: block;
            position: fixed;
            top: inherit;
            z-index: 2;
            width: 100%;
            border-top: 1px solid currentColor;
            opacity: 0.15;
        }

.mm-spn.mm-spn--light {
    color: #444;
    background: #fff;
}

.mm-spn.mm-spn--dark {
    color: #ddd;
    background: #333;
}

.mm-spn.mm-spn--vertical {
    overflow-y: auto;
}

    .mm-spn.mm-spn--vertical ul {
        width: 100%;
        padding-right: 0;
        position: static;
    }

        .mm-spn.mm-spn--vertical ul ul {
            display: none;
            padding-left: var(--mm-spn-item-indent);
        }

            .mm-spn.mm-spn--vertical ul ul:after {
                height: calc(var(--mm-spn-item-height) / 2);
            }

        .mm-spn.mm-spn--vertical ul.mm-spn--open {
            display: block;
        }

    .mm-spn.mm-spn--vertical li.mm-spn--open:before {
        -webkit-transform: rotate(135deg) translate(-50%, 0);
        -ms-transform: rotate(135deg) translate(-50%, 0);
        transform: rotate(135deg) translate(-50%, 0);
    }

    .mm-spn.mm-spn--vertical ul ul li:last-child:after {
        content: none;
        display: none;
    }

.stayingTime {
    background: red;
    border-radius: 3px;
    padding: 0px 6px;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 25px;
    margin-right: 5px;
}

.accessories > div {
    padding-left: 0;
    padding-right: 0;
    float: none;
}

.natureBreadcrumb {
    font-size: 10px;
    text-align: right;
    padding: 0;
}

.infoDetailsNature li {
    list-style: none;
}

.providerIcon {
    background-color: #5cb8b9;
    padding: 7px 10px;
    border-radius: 100%;
    margin-left: 5px;
}

    .providerIcon img {
        width: 19px;
        height: 23px;
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }

.servicesWrap {
    text-align: right;
}

    .servicesWrap li {
        display: inline-block;
        text-align: right;
    }

.codeDiscount {
    opacity: 0;
    height: 0;
    width: 100%;
    overflow: hidden;
    background-color: white;
    border: none;
    margin-top: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.codeDiscountQuestion {
    font-size: 14px;
    color: #ea7f23;
    cursor: pointer;
}

.codeDiscount #txtDiscount {
    width: 80%;
    border: none;
    margin-bottom: 0;
    box-shadow: none;
}

.codeDiscount .coupon_code {
    width: 20%;
    border: none;
}

    .codeDiscount .coupon_code span {
        color: #5cb8b9 !important;
        font-size: 16px !important;
        position: relative;
    }

        .codeDiscount .coupon_code span:after {
            width: 100%;
            background-color: orange;
        }

/****************** Weblog list ***************/
.weblogList .header .icon {
    padding: 0;
}

    .weblogList .header .icon img {
        margin-top: 20px;
        margin-bottom: 10px;
        /*filter: brightness(100%) invert(1);*/
    }

#weblog.weblogList .header {
    margin: 0 0 20px;
    background-color: #fff;
    color: #fff;
    padding: 15px 0;
}

    #weblog.weblogList .header .title h1 {
        color: #6f6f71;
        font-weight: 900;
        font-size: 20px;
    }

    #weblog.weblogList .header .content p {
        font-size: 16px;
        font-weight: 100;
        line-height: 1.69;
        text-align: justify;
    }

    #weblog.weblogList .header .search {
        background-color: white;
    }

#weblog.weblogList .content .lastPost .tab-content .post .image {
    height: 154px;
    position: relative;
}


    #weblog.weblogList .content .lastPost .tab-content .post .image img {
        width: 100%;
    }

    #weblog.weblogList .content .lastPost .tab-content .post .image .blogInfo img {
        width: 15px;
        margin-bottom: 4px;
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }

#weblog.weblogList .content .lastPost .tab-content .post .blogInfo {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    width: 100%;
    background-color: #00000091;
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#weblog.weblogList .content .lastPost .tab-content .post:hover .blogInfo {
    opacity: 1;
}

#weblog.weblogList .content .lastPost .tab-content .post .image .blogTags {
    position: absolute;
    top: 0;
    color: #fff;
    font-size: 10px;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
}


    #weblog.weblogList .content .lastPost .tab-content .post .image .blogTags a {
        padding: 0 5px;
        border-radius: 5px;
        color: #fff;
    }

        #weblog.weblogList .content .lastPost .tab-content .post .image .blogTags a.nationalKite {
            background-color: var(--light-green);
        }

        #weblog.weblogList .content .lastPost .tab-content .post .image .blogTags a.iranKite {
            background-color: var(--my-orange);
        }

        #weblog.weblogList .content .lastPost .tab-content .post .image .blogTags a.foodKite {
            background-color: #d52626;
        }

        #weblog.weblogList .content .lastPost .tab-content .post .image .blogTags a.newsKite {
            background-color: #6842c3;
        }

        #weblog.weblogList .content .lastPost .tab-content .post .image .blogTags a.technoKite {
            background-color: #1616bf;
        }

        #weblog.weblogList .content .lastPost .tab-content .post .image .blogTags a.defaultGroup {
            background-color: #4e4646;
        }

#weblog.weblogList .content .lastPost .tab-content .post .blogInfo > div {
    position: unset;
    bottom: unset;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 5px;
}

    #weblog.weblogList .content .lastPost .tab-content .post .blogInfo > div span {
        font-size: 13px;
        font-weight: 800;
    }

        #weblog.weblogList
        .content
        .lastPost
        .tab-content
        .post
        .blogInfo > div
        span.icon {
            margin-left: 5px;
        }

#weblog.weblogList .content .lastPost .tab-content .post > div:nth-child(2) {
    padding-left: 15px;
    padding-right: 15px;
    height: auto;
}

#weblog.weblogList .content .lastPost .tab-content .post .decription {
    font-size: 16px;
    font-weight: 800;
    margin: 10px 0;
    line-height: 25px;
}

#weblog.weblogList .content .lastPost .tab-content .post .details p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.64;
    color: #6c6c6c;
    text-align: justify;
    padding-left: 10px;
    margin-bottom: 10px;
}

#weblog.weblogList .content .lastPost .tab-content .post {
    border-radius: 7px;
    padding-right: 0;
    min-height: unset;
    height: auto;
    overflow: hidden;
    width: unset;
}

#weblog.weblogList .content .lastPost .tab-content .grid-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: margin 0.3s;
    -o-transition: margin 0.3s;
    transition: margin 0.3s;
}

#weblog.weblogList .content .lastPost .tab-content .post {
    /*
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  */
    width: 30.2%;
    margin: 15px 15px;
    background-color: #fff;
}

#weblog.weblogList .content .lastPostContainer {
    background-color: #f9f9f9;
    padding: 30px 0;
    margin-top: 30px;
}

#weblog.weblogList .content .lastPost .tab-content .post .moreDetail a {
    color: #3f9e9f;
    padding-right: 15px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#weblog.weblogList .content .lastPost .tab-content .post .moreDetail {
    margin: 0 0 10px;
}

#weblog.weblogList .content .lastPost .tab-content .post .moreDetail {
    position: relative;
}

    #weblog.weblogList .content .lastPost .tab-content .post .moreDetail a::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 2px;
        background-color: #3f9e9f;
        position: absolute;
        top: 13px;
        right: 0;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    #weblog.weblogList
    .content
    .lastPost
    .tab-content
    .post
    .moreDetail:hover
    a::before {
        width: 20px;
        background-color: #faa517;
    }

    #weblog.weblogList .content .lastPost .tab-content .post .moreDetail:hover a {
        color: #faa517;
        padding-right: 25px;
    }

#weblog.weblogList .content .lastPost .tab-content {
    padding: 0px;
}

    #weblog.weblogList
    .content
    .lastPost
    .tab-content
    .post:hover > div:nth-child(2) {
        background-color: #fff;
    }

    #weblog.weblogList .content .lastPost .tab-content .post:hover {
        box-shadow: 2px 2px 11px 5px rgba(63, 158, 159, 0.44);
        -webkit-box-shadow: 2px 11px 44px -1px rgba(63, 158, 159, 0.3);
        -moz-box-shadow: 2px 2px 11px 5px rgba(63, 158, 159, 0.44);
    }

@media only screen and (max-width: 992px) {
    #weblog.weblogList .content .lastPost .tab-content .post {
        width: 47%;
    }

    .main_popular_categories {
        position: absolute;
        top: -117px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    ul.main_popular_categories_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0;
    }

        ul.main_popular_categories_list li {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            ul.main_popular_categories_list li a {
                width: 46px;
                height: 51px;
                overflow: visible;
            }

    .main_popular_categories .utf_box {
        padding: 4px 0;
    }

        .main_popular_categories .utf_box p {
            font-size: 0.7em;
            padding-top: 8px;
            line-height: 14px;
        }

    .search_container_block h4 {
        margin-top: 15px;
    }

    .search_container_block h1 {
        font-size: 23px;
        line-height: 36px;
        margin: 15px 0 10px;
    }

    .main_inner_search_block {
        top: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        padding-top: 100px;
    }
}

@media only screen and (max-width: 600px) {
    #weblog.weblogList .content .lastPost .tab-content .post {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .swiper-container .swiper-wrapper .swiper-slide .slider-image img {
        height: 300px !important;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .indexMag {
        padding: 0;
    }

    .img-box {
        height: 195px;
    }

    .indexToursItem {
        padding: 0 11px;
    }
}

.utf_listing_features.checkboxes li.nodata {
    width: 92%;
    display: block !important;
    text-align: right;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 !important;
    position: absolute !important;
    left: 0;
    right: 0;
}

    .utf_listing_features.checkboxes li.nodata::before {
        display: none;
    }

.relatedPosts .utf_list_box_listing_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.relatedPosts .utf_list_box_listing_item_content .inner {
    top: 0;
}

.utf_list_box_listing_item_content .inner h3 {
    border: none;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 300;
}

.utf_list_box_listing_item_content .inner span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.relatedPosts .utf_list_box_listing_item_content .inner {
    border-bottom: 1px solid #e8e8e8;
}

.utf_list_box_listing_item_content {
    padding-right: 0 !important;
}

.call-button {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 37px;
    background-color: #ffa500d9;
    z-index: 999;
    text-align: center;
    color: #fff;
}

    .call-button i {
        color: #fff;
        font-size: 30px;
        padding-top: 5px;
    }

@media only screen and (max-width: 600px) {
    .call-button {
        display: block;
    }
}

/******************** installment ***************/
#installment .header {
    padding-bottom: 50px;
}

    #installment .header > div:nth-child(1) .title h1 {
        text-align: right;
        color: #5cb8b9;
        font-size: 38px;
        font-weight: 800;
        line-height: 1.68;
        margin-top: 50px;
        margin-bottom: 25px;
    }

    #installment .header > div:nth-child(1) .brief p {
        text-align: right;
        color: #000000;
        line-height: 1.69;
        font-size: 16px;
        font-weight: 300;
    }

    #installment .header > div:nth-child(2) img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        margin-top: 50px;
    }

#installment .insCalRow {
    background-color: #f6fafd;
    padding: 50px 0;
}

.insCal > div:nth-child(1) .title h2 {
    line-height: 1.68;
    text-align: right;
    color: #5cb8b9;
    font-size: 38px;
    font-weight: 800;
    margin-bottom: 30px;
    margin-top: 0;
}

.insCal > div:nth-child(1) > div > .title {
    font-size: 24px;
    font-weight: 500;
    text-align: right;
    color: #6c6c6c;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.insCal > div:nth-child(2) {
    padding: 40px 40px;
    border-radius: 20px;
    -webkit-box-shadow: -13.2px 21.2px 31.2px 3.9px rgba(196, 216, 231, 0.64);
    box-shadow: -13.2px 21.2px 31.2px 3.9px rgba(196, 216, 231, 0.64);
    background-color: #ffffff;
}

.insCal2 > div:nth-child(2) {
    display: none;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    margin: 0 15px;
    float: none;
    width: auto;
    -webkit-box-shadow: -4px 3px 19px 3.9px rgb(196 216 231 / 64%);
    box-shadow: -4px 3px 19px 3.9px rgb(196 216 231 / 64%);
    background-color: #ffffff;
    padding: 15px 40px 27px;
    margin-bottom: 0;
}

.insCal2.packagelist .advancedInstallmentDetails {
    overflow: auto;
}

.insCal2 > div:nth-child(2) .item {
    width: 35%;
}

.insCal > div:nth-child(2) #count {
    visibility: hidden;
    height: 1px;
    overflow: hidden !important;
    padding: 0;
    margin: 0;
}

.insCal > div:nth-child(2) #price {
    visibility: hidden;
    height: 1px;
    overflow: hidden !important;
    padding: 0;
    margin: 0;
}

.insCal > div:nth-child(2) > .title {
    text-align: right;
    color: #5cb8b9;
    font-size: 28px;
    font-weight: 500;
}

.insCal > div:nth-child(2) .perInstall {
    text-align: left;
    margin-top: 30px;
}

    .insCal > div:nth-child(2) .perInstall .install {
        color: #faa517;
        font-size: 45px;
        font-weight: 800;
    }

    .insCal > div:nth-child(2) .perInstall > span:nth-child(2) {
        color: #5cb8b9;
        font-size: 24px;
        font-weight: 300;
    }

.insCal > div:nth-child(2) .item {
    margin-top: 50px;
}

.insCal2 > div:nth-child(2) .item {
    margin-top: 0;
}

.insCal > div:nth-child(2) .item > .title {
    color: #6c6c6c;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    line-height: 2.91;
}

.insCal2 > div:nth-child(2) .item > .title {
    text-align: right;
    font-size: 18px;
    font-weight: 700;
    line-height: 2.91;
    color: #73c9ca;
}

.insCal > div:nth-child(2) .item > div:nth-child(2) {
    color: #5cb8b9;
    font-size: 30px;
    font-weight: 800;
    text-align: center;
}

.insCal2 > div:nth-child(2) .item > div:nth-child(2) {
    display: inline-block;
    color: #f9a619;
}

.insCal > div:nth-child(2) .item > div:nth-child(3) {
    color: #6c6c6c;
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    line-height: 1.5;
}

.insCal2 > div:nth-child(2) .item > div:nth-child(3) {
    display: inline-block;
}

.insCal .installmentCount {
    padding-left: 100px;
}

.insCal2 .installmentCount {
    padding-left: 0;
}

.insCal .priceOfTour {
    padding-left: 100px;
    padding-top: 30px;
}

.insCal .guideAdvanceInstall {
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 50%;
    font-size: 13px;
    background-color: #f9a619;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 1px;
    margin-right: 10px;
}

.insCal.packagelist .guideAdvanceInstall {
    width: 14px;
    height: 14px;
    font-size: 9px;
}

.insCal .contentGuideAdvanceInstall {
    display: none;
    height: auto;
    background-color: #666b6df7;
    font-size: 13px;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px;
    border-radius: 5px;
    margin-right: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    top: 32px;
    z-index: 1000;
}

.insCal .guideAdvanceInstall:hover ~ .contentGuideAdvanceInstall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
}

.insCal .ui-widget.ui-widget-content {
    border-radius: 1.5px;
    background-color: #bdbdbd;
    border: none;
    height: 5px;
    margin-bottom: 10px;
    z-index: 2;
    cursor: pointer;
}

.insCal .ui-slider-horizontal .ui-slider-range {
    border-radius: 1.5px;
    background-color: #5cb8b9;
}

.insCal .keyframes .bullet {
    position: absolute;
    width: 11px;
    height: 11px;
    background-color: #b5d9d9;
    border-radius: 100%;
    top: -18px;
    left: -4px;
    z-index: 0;
}

.insCal .keyframes .status {
    position: absolute;
    left: -13px;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
}

.insCal .priceOfTour .keyframes .status {
    left: -18px;
}

.insCal .ui-slider-handle {
    border: none;
    width: 12px;
    height: 12px;
    background-color: #5cb8b9;
    border-radius: 100%;
}

#installment .selection {
    height: 50px;
}

#installment .guide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 50px 0;
}

    #installment .guide > div {
        border-radius: 10px;
        -webkit-box-shadow: -11px 12px 13px rgba(196, 216, 231, 0.5), -8px -8px 13px #fff;
        box-shadow: -11px 12px 13px rgba(196, 216, 231, 0.5), -8px -8px 13px #fff;
        background-color: #f6f6f6;
        width: 48%;
        padding: 0 20px 30px;
    }

        #installment .guide > div:nth-child(1) {
            margin-left: 1.5em;
        }

        #installment .guide > div:nth-child(2) {
            margin-right: 1.5em;
        }

        #installment .guide > div .title h3 {
            color: #5cb8b9;
            font-size: 24px;
            font-weight: bold;
            line-height: 2.67;
            margin: 0;
        }

        #installment .guide > div .items .item {
            position: relative;
            padding: 10px 0;
        }

            #installment .guide > div .items .item > span:nth-child(1) {
                position: relative;
                top: 3px;
            }

            #installment .guide > div .items .item > span:nth-child(2) {
                position: relative;
                right: 5px;
                text-align: right;
                color: #000000;
                font-size: 18px;
                font-weight: 300;
            }

            #installment .guide > div .items .item .sample {
                color: #faa517;
                cursor: pointer;
                font-weight: 800;
            }

#installment .modal-header .close {
    margin-top: 3px;
}

#installment .modal-title {
    padding-right: 20px;
}

/*#installment .guide>div .items .item #exampleModal{
	position: fixed;
	top: 51%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	width: 70%;
	margin: 0 auto;
	height: 510px;
	overflow: scroll;
	background-color: #fff;
	z-index: 2000;
	box-shadow: -11px 12px 13px rgb(196 216 231 / 50%), -8px -8px 13px #fff;
	border-radius: 10px;
	display: none;
}
#installment .guide>div .items .item #exampleModal img{
	width: 100%;
}*/
#installment .guide > div .items .item i {
    color: #32bea6;
    font-size: 20px;
}

#installment .container-fluid {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

#installment .steps {
    padding: 30px 0;
    background-color: #f6fafd;
}

    #installment .steps .head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 10px;
    }

        #installment .steps .head .image img {
            height: 70px;
            -o-object-fit: contain;
            object-fit: contain;
        }

        #installment .steps .head .detail {
            padding-right: 10px;
        }

            #installment .steps .head .detail .title {
                font-size: 20px;
                font-weight: bold;
                color: #000000;
            }

            #installment .steps .head .detail .step {
                font-size: 15px;
                font-weight: 300;
                color: #000000;
            }

    #installment .steps .description {
        font-size: 13px;
        font-weight: 300;
        text-align: justify;
        padding: 0 10px;
        overflow: hidden;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        height: 0;
    }

    #installment .steps .more {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #installment .steps .morebtnStep {
        text-align: center;
        margin-top: 20px;
        cursor: pointer;
        width: 100px;
    }

        #installment .steps .morebtnStep > span {
            cursor: pointer;
            padding-right: 5px;
        }

    #installment .steps .morebtnClose {
        display: none;
    }

#installment .tourReq {
    border-radius: 7px;
    -webkit-box-shadow: -6.4px 10.2px 31.2px 3.9px rgba(92, 184, 185, 0.53);
    box-shadow: -6.4px 10.2px 31.2px 3.9px rgba(92, 184, 185, 0.53);
    background-color: #5cb8b9;
    margin-bottom: 70px;
    padding: 0 50px;
}

    #installment .tourReq .title {
        font-size: 28px;
        font-weight: 800;
        text-align: right;
        color: #ffffff;
        padding: 35px 0 25px;
    }

    #installment .tourReq .detail {
        font-size: 18px;
        font-weight: 300;
        text-align: right;
        color: #ffffff;
        padding: 0 0 25px;
    }

    #installment .tourReq .tourForm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-bottom: 20px;
    }

        #installment .tourReq .tourForm .submit {
            width: 118px;
            height: 50px;
        }

        #installment .tourReq .tourForm input {
            width: 25%;
            height: 50px;
            border-radius: 5px;
            background-color: #78c9ca;
            border: none;
            color: #fff;
        }

            #installment .tourReq .tourForm input::-webkit-input-placeholder {
                color: #fff;
            }

            #installment .tourReq .tourForm input:-ms-input-placeholder {
                color: #fff;
            }

            #installment .tourReq .tourForm input::-ms-input-placeholder {
                color: #fff;
            }

            #installment .tourReq .tourForm input::-moz-placeholder {
                color: #fff;
            }

            #installment .tourReq .tourForm input::placeholder {
                color: #fff;
            }

            #installment .tourReq .tourForm input:nth-child(2) {
                margin: 0 10px;
                width: 20%;
            }

#installment .style-2 .ui-accordion-content {
    border: none;
    padding-bottom: 5px;
}

#installment .faq {
    background-color: #f6fafd;
    padding: 50px 0;
}

    #installment .faq > div.container {
        padding-bottom: 20px;
    }

#installment .pageWysy,
#worldCupLanding .pageWysy {
    height: 200px;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    #installment .pageWysy img,
    #worldCupLanding .pageWysy img {
        width: 100%;
        height: auto;
    }

#installment .moretextClose,
#worldCupLanding .moretextClose {
    display: none;
}

#installment .moretxt,
#worldCupLanding .moretxt {
    text-align: center;
    width: 150px;
    margin: 0 auto 20px;
    cursor: pointer;
    background-color: #faa517;
    color: white;
    border-radius: 5px;
    padding: 7px 0;
}

    #installment .moretxt span,
    #worldCupLanding .moretxt span {
        padding-right: 10px;
    }

.insCal .advancedInstallment .priceOfTour {
    /*flex-grow: 3;*/
    padding-left: 20px;
    padding-top: 0;
    display: inline-block;
}

    .insCal .advancedInstallment .priceOfTour input {
        -webkit-box-shadow: -4px 4px 13px 1px rgb(196 216 231 / 64%);
        box-shadow: -4px 4px 13px 1px rgb(196 216 231 / 64%);
        background-color: #ffffff;
        border-radius: 5px;
        border: none;
    }

        .insCal .advancedInstallment .priceOfTour input::-webkit-input-placeholder {
            font-size: 13px;
        }

.insCal .advancedInstallment .title {
    font-size: 18px !important;
    width: 100%;
}

.insCal.packagelist .advancedInstallment .title {
    font-size: 14px !important;
    text-align: right;
}

.insCal .advancedInstallment .title h2 {
    font-size: 22px !important;
    margin-bottom: 10px !important;
}

.insCal .advancedInstallment .installmentCount > div:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: -4px 4px 13px 1px rgb(196 216 231 / 64%);
    box-shadow: -4px 4px 13px 1px rgb(196 216 231 / 64%);
    background-color: #ffffff;
    border-radius: 5px;
    height: 50px;
}

.insCal.packagelist .advancedInstallment .installmentCount > div:nth-child(2) {
    height: 32px;
}

    .insCal.packagelist
    .advancedInstallment
    .installmentCount > div:nth-child(2)
    .value-button {
        font-size: 14px;
    }

    .insCal.packagelist
    .advancedInstallment
    .installmentCount > div:nth-child(2)
    input {
        font-size: 17px;
    }

.insCal.packagelist .advancedInstallmentButton {
    padding-bottom: 0;
}

    .insCal.packagelist .advancedInstallmentButton button {
        height: 31px;
    }

.insCal
.advancedInstallment
.installmentCount > div:nth-child(2)
#amountOfPrePay {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
    text-align: left;
    padding: 0 15px;
    color: #b3b0ab;
    font-size: 13px;
}

.insCal .advancedInstallment .installmentCount > div:nth-child(2) input {
    width: 45px;
    height: 50px;
    padding: 3px 0 0px;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    border: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #73c9ca;
    font-size: 20px;
    font-weight: 700;
}

.insCal
.advancedInstallment
.installmentCount > div:nth-child(2)
.value-button {
    font-size: 17px;
    height: 50px;
    width: 45px;
    color: #000;
    text-align: center;
    padding-top: 0;
    border-radius: 5px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .insCal
    .advancedInstallment
    .installmentCount > div:nth-child(2)
    .value-button.disable {
        opacity: 0.2;
    }

        .insCal
        .advancedInstallment
        .installmentCount > div:nth-child(2)
        .value-button.disable:hover {
            color: #000;
        }

    .insCal
    .advancedInstallment
    .installmentCount > div:nth-child(2)
    .value-button:hover {
        color: var(--my-orange);
    }
/*
#installment .insCal .advancedInstallment > div:last-child {
  margin-top: 38px;
}

#installment .insCal .advancedInstallment > div:last-child button {
  background-color: #73c9ca;
  border: none;
  border-radius: 5px;
  color: #fff;
  padding: 12px 55px;
}
*/
.insCal2 {
    height: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    padding-top: 0;
}

    .insCal2.packagelist {
        height: auto;
    }

        .insCal2.packagelist a {
            border-bottom: 2px solid var(--my-orange);
            color: var(--dark-green);
        }

        .insCal2.packagelist .advancedInstallmentDetails {
            background-color: transparent;
            border-radius: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            padding: 0;
            margin: 25px 0 0;
        }

.hotelsDetail .packagelist > div:nth-child(2) > div.rowInstallContainer {
    padding: 15px;
}

.insCal2.packagelist .advancedInstallmentDetails .rowInstallContainer {
    width: 100%;
}

.insCal2.packagelist .advancedInstallmentDetails .rowInstall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: right;
}

    .insCal2.packagelist .advancedInstallmentDetails .rowInstall:nth-child(1) {
        margin-bottom: 10px;
        font-size: 14px;
        border-bottom: 1px solid #ccc;
        line-height: 20px;
        padding-bottom: 10px;
    }

    .insCal2.packagelist .advancedInstallmentDetails .rowInstall > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

.insCal2 .advancedInstallment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#installment .openAdvanceInstall {
    margin-top: 70px;
    text-align: center;
}

#installment .closeAdvanceInstall {
    text-align: center;
    margin-top: 20px;
}

#installment .closeAdvanceInstall {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
}

    #installment .openAdvanceInstall button,
    #installment .closeAdvanceInstall button {
        width: 212px;
        border: 1px solid #73a9d2;
        background-color: transparent;
        color: #73a9d2;
        padding: 5px 0;
        border-radius: 6px;
        margin: 0 auto;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        #installment .openAdvanceInstall button:hover,
        #installment .closeAdvanceInstall button:hover {
            background-color: #73a9d2;
            color: #fff;
        }

.installmentTourMenuItem {
    width: 140px;
}

.advancedInstallmentButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    padding-bottom: 15px;
    margin-right: 20px;
}

    .advancedInstallmentButton button {
        padding: 0px 4em;
        height: 57%;
        border: none;
        background-color: #5cb8b9;
        color: #fff;
        border-radius: 5px;
    }

.insCal2 > div:nth-child(2) table {
    width: 100%;
}

    .insCal2 > div:nth-child(2) table tr {
        border-bottom: 1px solid #ccc;
        height: 44px;
    }

@media only screen and (min-width: 768px) {
    .insCal .advancedInstallment > div:nth-child(2) {
        width: 30%;
    }

    .insCal.packagelist .advancedInstallment > div:nth-child(2) {
        width: 178px;
    }
}

@media only screen and (max-width: 1226px) {
    .installmentTourMenuItem {
        width: 88px !important;
    }

    #NewMenu .tourType > div:nth-child(2) > div:nth-child(1) {
        font-size: 15px;
    }
}

@media only screen and (max-width: 992px) {
    .insCal .advancedInstallment > div:nth-child(4) {
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .insCal2 > div:nth-child(2) .item {
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .insCal2.packagelist .advancedInstallmentDetails {
        padding: 22px 15px 0;
    }

    .stayingTime {
        width: 78px;
        text-align: center;
        height: 31px;
        padding-top: 3px;
        font-size: 15px !important;
    }

    .insCal2.packagelist .advancedInstallment .priceOfTour {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .insCal2.packagelist > div:nth-child(1) > div > .title {
        width: auto;
    }

    .insCal2.packagelist .installmentCount {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 10px;
    }

    .insCal2.packagelist
    .advancedInstallment
    .installmentCount > div:nth-child(2)
    input {
        width: 21px;
    }

    .insCal2.packagelist .advancedInstallment {
        margin-bottom: 0;
    }

    .insCal2.packagelist .advancedInstallmentDetails .rowInstall {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

        .insCal2.packagelist .advancedInstallmentDetails .rowInstall > div {
            width: 33.3%;
            -webkit-box-flex: unset;
            -ms-flex: unset;
            flex: unset;
            line-height: 19px;
            margin-top: 7px;
        }

            .insCal2.packagelist
            .advancedInstallmentDetails
            .rowInstall > div:nth-child(1) {
                width: 100%;
                font-weight: 800;
            }

    .insCal2 > div:nth-child(2) table {
        width: 500px;
    }

    #installment .openAdvanceInstall {
        margin-top: 50px;
        text-align: center;
    }

    .advancedInstallmentButton {
        margin-top: 20px;
        margin-right: 0;
        width: 100%;
    }

        .advancedInstallmentButton button {
            padding: 5px 4em;
            height: 100%;
            width: 100%;
        }

    .insCal .advancedInstallment .priceOfTour {
        padding-left: 0;
    }

    .insCal .installmentCount {
        padding-left: 0;
    }

    .insCal .advancedInstallment > div:nth-child(4) {
        margin-top: 20px;
        margin-bottom: 0;
        width: 48%;
    }

        .insCal .advancedInstallment > div:nth-child(4) .title {
            font-size: 13px !important;
        }

    .insCal .advancedInstallment > div:nth-child(3) {
        margin-top: 20px;
        margin-bottom: 0;
        width: 100%;
    }

    #installment .insCal .advancedInstallment > div:nth-child(3) {
        width: 50%;
    }

    .insCal .advancedInstallment > div:nth-child(3) .title {
        font-size: 13px !important;
    }

    .insCal2 {
        padding-bottom: 0 !important;
    }

    .insCal .priceOfTour {
        padding-left: 15px;
        margin-bottom: 40px;
    }

    #installment .guide {
        padding: 50px 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        #installment .guide > div {
            width: 100%;
        }

            #installment .guide > div:nth-child(1) {
                margin-left: 0;
                margin-bottom: 25px;
            }

            #installment .guide > div:nth-child(2) {
                margin-right: 0;
            }

    #installment .steps > div {
        margin-bottom: 10px;
    }

    #installment .container_categories_box {
        width: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #installment .tourReq {
        padding: 0 15px;
        width: 90%;
    }

    .insCal .advancedInstallment {
        margin-bottom: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .insCal .advancedInstallment .priceOfTour {
            width: 100%;
            margin-bottom: 0;
        }
}

@media only screen and (max-width: 478px) {
    #installment .header > div:nth-child(1) .title h1 {
        margin-top: 10px;
        font-size: 30px;
        font-weight: 800;
    }

    #installment .insCalRow {
        padding: 20px 0;
    }

    .insCal > div:nth-child(2) {
        padding: 40px 15px;
    }

    .insCal2 > div:nth-child(2) {
        padding: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 10px;
    }

    .insCal > div:nth-child(2) .perInstall .install {
        font-size: 40px;
        border-radius: 15px;
    }

    .insCal > div:nth-child(2) .item > div:nth-child(2) {
        font-size: 21px;
    }

    .insCal > div:nth-child(1) .title h2 {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .insCal > div:nth-child(2) .item {
        margin-top: 10px;
    }

    .insCal2 > div:nth-child(2) .item {
        width: 100%;
        margin-top: 0;
    }

    #installment .tourReq .title {
        font-size: 21px;
        padding: 30px 0 25px;
    }

    #installment .tourReq .tourForm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        #installment .tourReq .tourForm input {
            width: 100% !important;
        }

            #installment .tourReq .tourForm input:nth-child(2) {
                margin: 0;
            }

        #installment .tourReq .tourForm .submit {
            margin-top: 20px;
            height: 50px;
        }
}

@-webkit-keyframes tourModal {
    0% {
        background-color: #457b9d;
        -webkit-box-shadow: 0px 0px 13px 6px rgba(69, 123, 157, 0.3);
        box-shadow: 0px 0px 13px 6px rgba(69, 123, 157, 0.3);
    }

    50% {
        background-color: #e63946;
        -webkit-box-shadow: 0px 0px 13px 6px rgba(230, 57, 70, 0.61);
        box-shadow: 0px 0px 13px 6px rgba(230, 57, 70, 0.61);
    }

    100% {
        background-color: #457b9d;
        -webkit-box-shadow: 0px 0px 13px 6px rgba(69, 123, 157, 0.3);
        box-shadow: 0px 0px 13px 6px rgba(69, 123, 157, 0.3);
    }
}

@keyframes tourModal {
    0% {
        background-color: #457b9d;
        -webkit-box-shadow: 0px 0px 13px 6px rgba(69, 123, 157, 0.3);
        box-shadow: 0px 0px 13px 6px rgba(69, 123, 157, 0.3);
    }

    50% {
        background-color: #e63946;
        -webkit-box-shadow: 0px 0px 13px 6px rgba(230, 57, 70, 0.61);
        box-shadow: 0px 0px 13px 6px rgba(230, 57, 70, 0.61);
    }

    100% {
        background-color: #457b9d;
        -webkit-box-shadow: 0px 0px 13px 6px rgba(69, 123, 157, 0.3);
        box-shadow: 0px 0px 13px 6px rgba(69, 123, 157, 0.3);
    }
}

.tourDetailModalBtn {
    -webkit-animation-name: tourModal;
    animation-name: tourModal;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.utf_listing_payment_section {
    position: sticky;
    top: 35px;
}

@media only screen and (max-width: 992px) {
    .utf_listing_payment_section {
        top: unset;
        position: unset !important;
    }
}

.AgencyRequestTable {
    padding: 40px 70px;
    position: absolute;
    top: 0;
    z-index: 9;
    display: block;
    right: -300%;
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
}

    .AgencyRequestTable.open {
        left: 0;
        right: 0;
    }

    .AgencyRequestTable > div {
        margin: 0 auto;
        float: none;
    }

    .AgencyRequestTable .close {
        text-align: center;
        float: none;
        opacity: 1;
        font-weight: 500;
        position: absolute;
        right: 0;
        bottom: 80px;
        padding: 10px;
        background-color: #dde4f1;
        height: 50px;
        width: 50px;
        font-size: 31px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 50%;
        padding: 0 13px;
        color: #3e64af;
        cursor: pointer;
    }

.AgencyRequestDesc {
    padding: 0;
}

.tourDetailModal .modal-dialog li {
    font-size: 15px;
    line-height: 23px;
    color: black;
}

    .tourDetailModal .modal-dialog li i {
        color: #32bea6;
        font-size: 20px;
        margin-left: 5px;
        position: relative;
        top: 3px;
    }

.tourDetailModal .modal-header .close {
    font-size: 35px;
    margin-top: -5px;
    margin-left: 10px;
}

.darkLayer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    z-index: 10;
    display: none;
}

@media only screen and (min-width: 768px) {
    .tourDetailModal .modal-dialog {
        width: 80%;
        margin: 30px auto;
    }
}

/************* Agency Home **************/
.AgencyHome .post {
    width: 43%;
    margin: 0 1.72em 20px;
    padding: 15px;
    /*box-shadow: -11px 12px 13px rgb(196 216 231 / 50%), -8px -8px 13px #fff;*/
    border: 1px solid #cccccc61;
    border-radius: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .AgencyHome .post:hover {
        border: 1px solid transparent;
        -webkit-box-shadow: 0 0 13px 8px #c4d8e730, -8px -8px 13px #fff;
        box-shadow: 0 0 13px 8px #c4d8e730, -8px -8px 13px #fff;
    }

    .AgencyHome .post > div > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .AgencyHome .post > div > div.image {
            border-radius: 5px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 56%;
        }

        .AgencyHome .post > div > div.decription {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 26px;
            font-weight: 700;
            margin-top: 15px;
            line-height: 44px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            .AgencyHome .post > div > div.decription .star {
                color: #fac917;
                font-size: 18px;
            }

    .AgencyHome .post:hover > div > div.decription a {
        color: var(--light-green);
    }

    .AgencyHome .post > div > div > span:nth-child(1) {
        padding-left: 5px;
    }

    .AgencyHome .post > div.more {
        text-align: center;
        margin-top: 25px;
        font-weight: 700;
    }

    .AgencyHome .post:hover > div.more a {
        color: var(--my-orange);
    }

.AgencyHome .signUp {
    border: 1px solid #cccccc61;
    border-radius: 5px;
    padding-bottom: 20px;
}

    .AgencyHome .signUp h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .AgencyHome .signUp a {
        color: #fff;
    }

@media only screen and (max-width: 1240px) {
    .AgencyHome .post {
        margin: 0 1.5em 20px;
    }
}

@media only screen and (max-width: 992px) {
    .AgencyHome .post {
        margin: 0 1.6em 20px;
        width: 43%;
    }
}

@media only screen and (max-width: 762px) {
    .AgencyHome .post {
        margin: 0 auto 20px;
        width: 100%;
    }
}

/************** visa detail ****************/
.visaDetail .header {
    height: 80vh;
    position: relative;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

    .visaDetail .header .darkOverlay {
        background-color: black;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.8;
    }

    .visaDetail .header .title h1 {
        color: #fefefe;
        font-size: 42px;
        font-weight: 800;
        width: 70%;
        margin: 125px auto 149px;
        line-height: 60px;
        text-align: center;
    }

    .visaDetail .header .brief p {
        width: 70%;
        font-size: 20px;
        font-weight: 300;
        margin: 0 auto;
        color: #fefefe;
        text-align: center;
    }

    .visaDetail .header .breadcrumb {
        text-align: center;
        margin-top: 30px;
    }

        .visaDetail .header .breadcrumb a {
            color: #fefefe;
        }

    .visaDetail .header .detailBox {
        height: 90px;
        width: 45%;
        margin: 0 auto;
        border-radius: 5px;
        -webkit-box-shadow: 0px 20px 31.2px 3.9px #5cb8b987;
        box-shadow: 0px 20px 31.2px 3.9px #5cb8b987;
        background-color: #ffffff;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        bottom: -41px;
        z-index: 2;
        position: absolute;
        left: 0;
        right: 0;
        display: none;
    }

        .visaDetail .header .detailBox.sticky {
            width: 53%;
            margin-left: 27%;
        }

.visaDetail .content {
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 0;
}

.visaDetail .main-content > .content > div {
    border: 1px solid #0000000d;
    background-color: #fff;
    -webkit-box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    border-radius: 4px;
    display: block;
    width: 100%;
    float: right;
}

.visaDetail .content .faq {
    padding: 20px 15px;
    margin: 20px 0 0;
    background-color: #f6fafd;
}

.visaDetail .content #opinions {
    margin-top: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: transparent;
}

.visaDetail .content .comment {
    margin-top: 20px;
}

.visaDetail .content .comments {
    padding-bottom: 15px;
}

.visaDetail #viewWeblog {
    background-color: #f6f6f6;
    padding-top: 25px;
}

.visaDetail .utf_box_widget {
    border-radius: 5px;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    border-radius: 4px;
}

#rightSidebarContent.visaDetailSidebar {
    background-color: #fff;
    -webkit-box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
}

    #rightSidebarContent.visaDetailSidebar h4 {
        font-size: 14px;
    }

.visaDetail .utf_box_widget .image {
    width: 50%;
    margin: 0 auto;
}

.visaDetail .visaDetail .utf_box_widget .image img {
    width: 100%;
}

.visaDetail .utf_box_widget h3 {
    color: #000000;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.visaDetail .utf_box_widget p {
    font-size: 13px;
    font-weight: 300;
    color: #6c6c6c;
    text-align: justify;
}

.visaDetail .utf_box_widget #txtTourSubscribeMobile,
.visaDetail .utf_box_widget #txtTourSubscribeMobile1 {
    border-radius: 5px;
    background-color: #fff;
    color: #6c6c6c;
    text-align: center;
    font-size: 16px;
    letter-spacing: 8px;
}

    .visaDetail .utf_box_widget #txtTourSubscribeMobile::-webkit-input-placeholder {
        color: #6c6c6c;
        font-size: 16px;
        letter-spacing: 5px;
    }

    .visaDetail .utf_box_widget #txtTourSubscribeMobile:-ms-input-placeholder {
        color: #6c6c6c;
        font-size: 16px;
        letter-spacing: 5px;
    }

    .visaDetail .utf_box_widget #txtTourSubscribeMobile::-ms-input-placeholder {
        color: #6c6c6c;
        font-size: 16px;
        letter-spacing: 5px;
    }

    .visaDetail .utf_box_widget #txtTourSubscribeMobile::-moz-placeholder {
        color: #6c6c6c;
        font-size: 16px;
        letter-spacing: 5px;
    }

    .visaDetail .utf_box_widget #txtTourSubscribeMobile::placeholder {
        color: #6c6c6c;
        font-size: 16px;
        letter-spacing: 5px;
    }

.visaDetail .utf_box_widget #btnTourSubscribe {
    border-radius: 5px;
    background-color: #50adae;
}

.visaDetail .relatedPost {
    margin-top: 30px;
}

    .visaDetail .relatedPost > div {
        border-radius: 5px;
        border: solid 1px #0000000d;
        background-color: #fff;
        padding: 15px 10px;
        position: relative;
        margin-bottom: 30px;
        -webkit-box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
        box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
        border-radius: 4px;
    }

        .visaDetail .relatedPost > div .text {
            font-size: 16px;
            color: #000000;
            margin-top: 5px;
        }

/* .visaDetail #viewWeblog .banners > div {
  background-color: #fff !important;
  -webkit-box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
  box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
} */

#viewWeblog .banners > div:nth-child(1):hover {
    -webkit-box-shadow: -4px 3px 13px #fdb9c0, -8px -8px 13px #fff;
    box-shadow: -4px 3px 13px #fdb9c0, -8px -8px 13px #fff;
}

#viewWeblog .banners > div:nth-child(2):hover {
    -webkit-box-shadow: -4px 3px 13px #99d3f0, -8px -8px 13px #fff;
    box-shadow: -4px 3px 13px #99d3f0, -8px -8px 13px #fff;
}

.visaDetail #viewWeblog .buttons > div a {
    background-color: #fff;
    -webkit-box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    border-radius: 4px;
}

    .visaDetail #viewWeblog .buttons > div a:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.visaDetail .relatedPost > div .image {
    position: absolute;
    width: 50px;
    height: 30px;
    top: -15px;
    right: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .visaDetail .relatedPost > div .image img {
        height: 35px;
        -o-object-fit: cover;
        object-fit: cover;
    }

.visaDetail .relatedPost > div:hover .image {
    right: -4px;
}

@media only screen and (max-width: 1300px) {
    .visaDetail .header .detailBox.sticky {
        margin-left: 22em;
    }
}

@media only screen and (max-width: 1240px) {
    .visaDetail .header .title h1 {
        width: 90%;
        text-align: center;
        margin: 30px auto 20px;
    }

    .visaDetail .header {
        height: auto;
    }

        .visaDetail .header .breadcrumb {
            margin-bottom: 80px;
        }
}

@media only screen and (max-width: 1200px) {
    .visaDetail .header .detailBox {
        width: 80%;
    }

        .visaDetail .header .detailBox.sticky {
            margin-left: auto;
            width: 85%;
        }
}

@media only screen and (max-width: 768px) {
    .visaDetail .header .title h1 {
        font-size: 35px;
        margin: 20px auto 20px;
    }

    .visaDetail .header .brief p {
        font-size: 16px;
        line-height: 43px;
    }
}

@media only screen and (max-width: 478px) {
    .visaDetail .header .title h1 {
        font-size: 25px;
    }

    .visaDetail .header .brief p {
        width: 100%;
    }
}

/***************** Visa Home **************/
.visaHome .page-h1 h1 {
    font-size: 20px;
    font-weight: 900;
    color: #000000;
    margin-top: 50px;
    line-height: 30px;
}

.visaHome .title {
    font-size: 20px;
    font-weight: 800;
    color: #000000;
    margin-bottom: 20px;
}

.visaHome .container-fluid {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.visaHome .bread-title,
.visaHome .breadcrumb,
.visaHome .breadcrumb a {
    padding: 0;
    color: #6c6c6c;
    font-size: 12px;
    font-weight: 500;
}

.visaHome .headerSlider {
    padding-left: 0 !important;
}

    .visaHome .headerSlider .mainImage img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .visaHome .headerSlider .item {
        padding: 30px 0;
    }

        .visaHome .headerSlider .item > div:nth-child(1) .title h2 {
            font-size: 32px;
            font-weight: 800;
            color: #73c9ca;
        }

        .visaHome .headerSlider .item > div:nth-child(1) .description {
            margin-top: 50px;
        }

            .visaHome .headerSlider .item > div:nth-child(1) .description p {
                font-size: 18px;
                font-weight: 300;
                color: #6c6c6c;
            }

        .visaHome .headerSlider .item > div:nth-child(1) .more {
            margin-top: 50px;
        }

            .visaHome .headerSlider .item > div:nth-child(1) .more a {
                color: #faa517;
                font-size: 20px;
                font-weight: bold;
                border-bottom: 1px solid #faa517;
            }

    /*.visaHome .headerSlider .item>div:nth-child(2){
	padding: 0;
}*/
    .visaHome .headerSlider .item {
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .visaHome .headerSlider .slick-dots {
        position: unset;
        padding: 0 15px;
        text-align: right;
    }

        .visaHome .headerSlider .slick-dots li {
            background-color: #94d7d8;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .visaHome .headerSlider .slick-dots li.slick-active {
                background-color: #44a2a3;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

.visaHome .headerSlider {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #faa517;
    margin-bottom: 20px;
}

#chartdiv {
    width: 100%;
    height: 83vh;
    direction: ltr;
    padding: 40px 0;
}

.visaHome .countries {
    padding: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .visaHome .countries > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 15px 0;
        cursor: pointer;
        text-align: right;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        float: none;
    }

        .visaHome .countries > div:hover {
            padding-right: 22px;
        }

            .visaHome .countries > div:hover a {
                color: #44a2a3;
            }

        .visaHome .countries > div > div:nth-child(1) {
            padding: 0;
        }

        .visaHome .countries > div .image img {
            height: auto;
            width: 100%;
        }

.visaHome .services {
    background-color: #f6fafd;
    padding: 50px 0 35px;
}

    .visaHome .services .items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .visaHome .services .box {
        border-radius: 5px;
        -webkit-box-shadow: 0px 25px 31.2px 3.9px rgba(196, 216, 231, 0.64);
        box-shadow: 0px 25px 31.2px 3.9px rgba(196, 216, 231, 0.64);
        background-color: #ffffff;
        width: 17em;
        margin: 0 10px 15px;
        display: inline-block;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .visaHome .services .box > div:nth-child(1) {
            float: right;
            padding: 20px 17px 13px 29px;
        }

        .visaHome .services .box:hover {
            -webkit-box-shadow: 0px 25px 31.2px 3.9px #c4d8e7;
            box-shadow: 0px 25px 31.2px 3.9px #c4d8e7;
        }

        .visaHome .services .box h4 {
            font-size: 18px;
            font-weight: 800;
            color: #000000;
        }

        .visaHome .services .box .desc {
            font-size: 14px;
            font-weight: 300;
            color: #6c6c6c;
            margin: 10px 0;
        }

        .visaHome .services .box .more {
            margin-bottom: 15px;
        }

            .visaHome .services .box .more a {
                color: #5cb8b9;
                font-size: 16px;
                font-weight: bold;
                border-bottom: 1px solid #5cb8b9;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

        .visaHome .services .box:hover .more a {
            color: #faa517;
            border-bottom: 1px solid #faa517;
        }

.visaHome .banner {
    width: 100%;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    padding: 30px 0px 35px;
}

    .visaHome .banner .title > h3:nth-child(1) {
        font-size: 22px;
        font-weight: 900;
        letter-spacing: 27.28px;
        color: #6c6c6c;
        text-align: right;
        margin-right: -20px;
    }

    .visaHome .banner .title > h3:nth-child(2) {
        font-size: 48px;
        font-weight: 900;
        color: #e8292c;
    }

    .visaHome .banner .desc {
        font-size: 20px;
        font-weight: 300;
        color: #6c6c6c;
        width: 50%;
        padding: 13px 0 28px;
    }

    .visaHome .banner .image {
        display: none;
    }

    .visaHome .banner .more a {
        font-size: 16px;
        font-weight: bold;
        color: #e8292c;
        border-bottom: 1px solid #e8292c;
    }

.visaHome .lastVisa {
    background-color: #f6fafd;
    padding: 50px 0;
}
.blogmorebtn {
    text-align: center;
    margin: 25px 25px;
}
.blogmorebtnlink:hover {
        background: var(--second-color);
    }
.blogmorebtnlink {
    color: white;
    margin: 25px auto;
    padding: 7px 25px;
    background: var(--first-color);
    border-radius: 5px;
}
    .visaHome .lastVisa .most-visited-slick-carousel {
    padding-left: 50px;
    padding-right: 50px;
}

    .visaHome .lastVisa .item > div {
        width: 80%;
        margin: 10px auto 30px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 6px 29.2px 1.9px #c4d8e7;
        box-shadow: 0px 6px 29.2px 1.9px #c4d8e7;
        background-color: #ffffff;
        overflow: hidden;
    }

        .visaHome .lastVisa .item > div .title h3 {
            font-size: 16px;
            font-weight: 500;
            min-height: 60px;
            padding: 0 15px;
            line-height: 25px;
        }

        .visaHome .lastVisa .item > div .image a img {
            aspect-ratio: 2 / 1.2;
            object-fit: cover;
        }

        .visaHome .lastVisa .item > div .tags {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0 15px 15px;
        }

            .visaHome .lastVisa .item > div .tags > span:nth-child(1) {
                width: 10%;
                margin-left: 5px;
            }

            .visaHome .lastVisa .item > div .tags img {
                width: 100%;
            }

    .visaHome .lastVisa .slick-dots {
        position: relative;
    }

        .visaHome .lastVisa .slick-dots li {
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: #ccc;
            border-radius: 4px;
            height: 4px;
        }

            .visaHome .lastVisa .slick-dots li.slick-active {
                background-color: #faa517;
            }

    .visaHome .lastVisa .content-more-btn {
        text-align: center;
        margin:25px auto;
    }

        .visaHome .lastVisa .content-more-btn button {
            color: white;
            margin: 25px auto;
            padding: 7px 25px;
            background: var(--first-color);
            border-radius: 5px;
            transition: 0.2s;
            cursor: pointer;
            border: none;
        }
            .visaHome .lastVisa .content-more-btn button:hover {
                background: var(--second-color);
            }


    .visaHome #weblog {
        padding: 50px 0 0;
    }

    .visaHome #weblog .content .lastPost {
        margin-top: 0;
        margin-bottom: 0;
    }

        .visaHome #weblog .content .lastPost .tab-content .post {
            width: 33%;
        }

        .visaHome #weblog .content .lastPost .tab-content .post {
            min-height: 130px;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .visaHome #weblog .content .lastPost .tab-content .post .image {
                height: 130px;
            }

            .visaHome #weblog .content .lastPost .tab-content .post > div:nth-child(2) {
                height: 130px;
            }

            .visaHome #weblog .content .lastPost .tab-content .post .decription {
                font-size: 14px;
            }

            .visaHome #weblog .content .lastPost .tab-content .post .image img {
                border-radius: 5px;
            }

            .visaHome
            #weblog
            .content
            .lastPost
            .tab-content
            .post:hover > div:nth-child(2) {
                background-color: transparent;
            }

.visaHome .faq {
    padding: 50px 0;
    background-color: #f6fafd;
}

    .visaHome .faq .title {
        margin-bottom: 10px;
    }

    .visaHome .faq #utf_listing_faq {
        /*background-color: white;*/
        padding-bottom: 20px;
        /*box-shadow: -13.2px 21.2px 31.2px 3.9px rgb(196 216 231 / 64%);*/
        border-radius: 7px;
        padding-top: 20px;
    }

@media only screen and (max-width: 992px) {
    .visaHome .page-h1 h1 {
        font-weight: 800;
    }

    .visaHome .bread-title,
    .visaHome .breadcrumb,
    .visaHome .breadcrumb a {
        margin-bottom: 0;
        font-size: 15px;
    }

    .visaHome .headerSlider .mainImage {
        display: block;
    }

    .visaHome .headerSlider .item {
        background-image: unset !important;
        padding: 0;
    }

        .visaHome .headerSlider .item > div:nth-child(1) .title h2 {
            font-size: 25px;
            font-weight: 800;
            line-height: 35px;
        }

    .visaHome .banner .desc {
        padding: 0px 0 28px;
        width: 100%;
    }

    .visaHome .countries > div > div:nth-child(2) {
        padding: 0;
    }

    .visaHome .headerSlider .item > div:nth-child(1) .more {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .visaHome .headerSlider .item > div:nth-child(1) .description {
        margin-top: 20px;
    }

    .visaHome .countries > div .image img {
        width: 35px;
    }

    .visaHome .countries > div > div:nth-child(1) {
        margin-left: 5px;
    }

    .visaHome .countries {
        padding: 20px 0;
    }

    .visaHome #weblog .content .lastPost .tab-content .post {
        width: 50%;
    }

    .visaHome .banner {
        background-image: unset !important;
        height: auto;
    }

        .visaHome .banner .image {
            display: block;
        }

    .visaHome .services .container {
        padding: 0;
    }

        .visaHome .services .container .title {
            padding-right: 15px;
        }

    .visaHome .services .box {
        width: 11.5em;
        margin: 0 5px 15px;
        -webkit-box-shadow: 0px 0px 12px 1px #c4d8e7;
        box-shadow: 0px 0px 12px 1px #c4d8e7;
    }
}

@media only screen and (max-width: 590px) {
    #chartdiv {
        height: 312px;
    }

    .visaHome #weblog .content .lastPost .tab-content .post {
        width: 100%;
    }

    .visaHome .lastVisa .most-visited-slick-carousel {
        padding: 0;
    }
}

/******************* visa ****************/
.visa .header {
    padding: 30px 0;
}

    .visa .header h1 {
        font-size: 31px;
        font-weight: 800;
        color: #73c9ca;
        line-height: 50px;
    }

    .visa .header .breadcrumb {
        padding: 8px 0;
    }

    .visa .header #description p {
        font-size: 18px;
        font-weight: 300;
        color: #6c6c6c;
    }

.visa .suggest {
    background-color: #f6fafd;
    padding: 50px 0 80px;
}

    .visa .suggest > div {
        position: relative;
        padding: 0 70px;
    }

        .visa .suggest > div > div:nth-child(2) {
            padding: 20px 20px 20px 14em;
            background-color: #fff;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(4%);
            -ms-transform: translateY(4%);
            transform: translateY(4%);
            -webkit-box-shadow: 0px 6px 29.2px 1.9px #c4d8e7;
            box-shadow: 0px 6px 29.2px 1.9px #c4d8e7;
        }

        .visa .suggest > div > div:nth-child(1) {
            position: absolute;
            left: 5%;
            top: 9%;
            -webkit-transform: translateX(2%);
            -ms-transform: translateX(2%);
            transform: translateX(2%);
            z-index: 2;
            height: 89%;
        }

            .visa .suggest > div > div:nth-child(1) img {
                width: auto;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }

    .visa .suggest h2 {
        line-height: 37px;
        margin-bottom: 30px;
        font-weight: 800;
        font-size: 24px;
    }

    .visa .suggest p {
        text-align: justify;
        height: 112px;
        overflow: hidden;
    }

    .visa .suggest .more a {
        color: #73c9ca;
        font-weight: 700;
        font-size: 18px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .visa .suggest .more a:hover {
            color: #faa517;
            padding-right: 5px;
        }

.visa .posts {
    padding: 20px 0;
    background-color: #f9f9f9;
}

    .visa .posts .post {
        margin: 40px 0;
        background-color: #fff;
        padding: 20px;
        border-radius: 10px;
    }

        .visa .posts .post .image img {
            height: 250px;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 5px;
        }

        .visa .posts .post h3 {
            margin-top: 0;
            font-weight: 600;
            font-size: 24px;
            line-height: 40px;
        }

            .visa .posts .post h3:hover a {
                color: var(--light-green);
            }

        .visa .posts .post .description {
            margin: 36px 0px;
            min-height: 118px;
        }

.visa .post .more a {
    color: #73c9ca;
    font-weight: 700;
    font-size: 18px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.visa .wysy {
    padding: 35px 15px 15px;
    background-color: #f9f9f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.visa .post:hover .more a {
    color: #faa517;
}

.visa .faq {
    padding: 50px 0 0;
}

.visa .utf_add_review-box {
    background-color: #fff;
    border: none;
    margin-top: 25px;
    padding-right: 0;
}

.visa .faq .title {
    font-size: 20px;
    font-weight: 800;
    color: #000000;
    margin-bottom: 10px;
}

.visa .rightSideBar {
    float: none;
}

.visa #rightSidebarContent {
    padding: 10px;
    color: #6c6c6c;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px 1px #e8e8e8;
    box-shadow: 0px 0px 6px 1px #e8e8e8;
    background-color: #fff;
    position: sticky;
    top: 12px;
}

.visaHome .lastVisa .slick-slide .image img {
    height: 12em;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 1240px) {
    .visa .suggest > div > div:nth-child(2) {
        padding: 20px 20px 20px 11em;
    }

    .visa .suggest > div {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 992px) {
    .visa .suggest > div > div:nth-child(2) {
        padding: 20px 20px 20px 3em;
    }

    .visa .suggest h2 {
        font-size: 20px;
        margin: 10px 0;
    }

    .visa .rightSideBar {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .visa .posts .post {
        padding: 15px 5px;
    }

    .visa .suggest > div > div:nth-child(2) {
        padding: 20px 20px 20px 20px;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }

    .visa .suggest > div {
        padding: 0 15px;
    }

        .visa .suggest > div > div:nth-child(1) {
            position: unset;
            left: unset;
            top: unset;
            -webkit-transform: unset;
            -ms-transform: unset;
            transform: unset;
            padding: 0;
        }

    .visa .suggest h2 {
        margin: 0 0 10px;
        font-size: 20px;
    }

    .visa .header h1 {
        font-size: 25px;
        line-height: 41px;
        margin: 0px;
    }

    .visa .header .breadcrumb {
        margin-bottom: 5px;
    }

    .visa .suggest {
        padding: 20px 0 20px;
    }

    .visa .posts .post .description {
        margin: 10px 0;
        font-size: 16px;
    }

    .visa .posts .post h3 {
        font-size: 20px;
        margin: 10px 0;
    }

    .visa .posts .post .image img {
        height: 185px;
    }
}

/*************** About ************/
.aboutUsHead > div {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.aboutUsHead .aboutTitle {
    font-size: 35px;
    font-weight: 800;
}

.aboutUsHead .status {
    color: #fff;
}

.aboutUsHead {
    padding: 30px 0;
}

.about-sec1 {
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
    border-radius: 5px;
    padding: 50px 0;
}

    .about-sec1 .details {
        padding: 10px 0;
        max-width: 916px;
        margin: 0 auto;
    }

.about-sec2 {
    padding: 20px;
    background-color: #f6fafd;
    margin-bottom: 20px;
}

    .about-sec2 .title h2 {
        text-align: center;
        font-size: 30px;
        font-weight: 700;
        color: #5cb8b9;
    }

    .about-sec2 .image img {
        width: 50%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .about-sec2 .services {
        width: 70%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
    }

        .about-sec2 .services > div {
            text-align: center;
            margin: 20px 0;
        }

    .about-sec2 .description {
        margin: 10px 0 0;
    }

.about-sec3 .title h2 {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #5cb8b9;
}

.about-sec3 .certificate {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}

.about-sec3 .box {
    width: 100%;
    margin: 0px;
    border-radius: 5px;
    -webkit-box-shadow: -11px 12px 13px rgb(196 216 231 / 50%), -8px -8px 13px #fff;
    box-shadow: -11px 12px 13px rgb(185 197 207 / 50%), -8px -8px 13px #fff;
    background-color: #f6fafd;
    float: right;
    padding: 15px;
}

    .about-sec3 .box > div.image,
    .about-sec3 .box > a > div.image {
        width: 175px;
        height: 175px;
    }

        .about-sec3 .box > div.image img,
        .about-sec3 .box > a > div.image img {
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain;
        }

    .about-sec3 .box .detail {
        margin-top: 0;
        padding: 0;
        float: right;
    }

        .about-sec3 .box .detail img {
            border-radius: 100%;
            overflow: hidden;
        }

        .about-sec3 .box .detail > div:nth-child(2) {
            padding: 0;
        }

            .about-sec3 .box .detail > div:nth-child(2) .title {
                color: #000;
                font-size: 17px;
                font-weight: 700;
                cursor: pointer;
            }

            .about-sec3 .box .detail > div:nth-child(2) .company {
                font-weight: 600;
                cursor: pointer;
            }

.about-sec4 {
    margin-top: 30px;
    padding: 20px 0 40px;
    background-color: #f6fafd;
}

    .about-sec4 .title h2 {
        text-align: center;
        font-size: 30px;
        font-weight: 700;
        color: #5cb8b9;
    }

    .about-sec4 .services {
        margin-top: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
    }

        .about-sec4 .services .box {
            -webkit-box-shadow: -11px 12px 13px rgba(196, 216, 231, 0.5), -8px -8px 13px #fff;
            box-shadow: -11px 12px 13px rgba(196, 216, 231, 0.5), -8px -8px 13px #fff;
            background-color: #fff;
            border-radius: 5px;
            float: right;
            margin: 0 auto;
            width: 100%;
            padding: 13px 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            gap: 10px;
        }

            .about-sec4 .services .box .image img {
                width: 133px;
            }

            .about-sec4 .services .box .description {
                padding-top: 0;
            }

            .about-sec4 .services .box img {
                width: 80%;
            }

.about-sec5 {
    padding: 50px 0;
    position: relative;
}

    .about-sec5 .image {
        position: absolute;
        left: 7em;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
    }

    .about-sec5 .detail {
        padding-left: 14em;
        text-align: justify;
        -webkit-box-shadow: 11px 9px 13px #c4d8e780, -8px -8px 13px #fff;
        box-shadow: 11px 9px 13px #c4d8e780, -8px -8px 13px #fff;
        background-color: #f6f6f6;
    }

.about-sec6 {
    padding: 20px 0 40px;
}

    .about-sec6 .title h2 {
        text-align: center;
        font-size: 30px;
        font-weight: 700;
        color: #5cb8b9;
    }

    .about-sec6 .share {
        position: relative;
        border-radius: 80px;
        margin: 15px 0 0px;
        text-align: center;
        height: 56px;
        width: 285px;
    }

        .about-sec6 .share span {
            display: inline-block;
            font-weight: 700;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            opacity: 1;
            -webkit-transition: opacity 0.3s ease-in-out;
            -webkit-transition: opacity 0.4s ease-in-out;
            -o-transition: opacity 0.4s ease-in-out;
            transition: opacity 0.4s ease-in-out;
            cursor: pointer;
            border-radius: 32px;
            color: #fff;
            padding-top: 14px;
            pointer-events: none;
        }

        .about-sec6 .share nav {
            font-size: 0;
        }

        .about-sec6 .share a {
            line-height: 29px;
            padding: 12px 0 12px 0;
            padding-top: 12px;
            width: 56px;
            text-align: center;
            display: inline-block;
            background-color: #125f60;
            color: #fff;
            overflow: hidden;
            opacity: 1;
            -webkit-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
            margin: 0 -16px;
            margin-left: -16px;
            height: 56px;
            padding-top: 11px;
        }

            .about-sec6 .share a:hover {
                background-color: #5cb8b9;
            }

            .about-sec6 .share a img {
                width: 0px;
                height: 0px;
                -o-object-fit: contain;
                object-fit: contain;
            }

        .about-sec6 .share:hover a img {
            width: 30px;
            height: 30px;
        }

        .about-sec6 .share a:nth-child(4) {
            border-top-left-radius: 50%;
            border-bottom-left-radius: 50%;
            margin-left: 0;
        }

        .about-sec6 .share a:nth-child(1) {
            border-top-right-radius: 50%;
            border-bottom-right-radius: 50%;
            margin-right: 0;
        }

        .about-sec6 .share:hover span {
            opacity: 0;
            pointer-events: none;
        }

        .about-sec6 .share.hover a,
        .share:hover a {
            border-radius: 50%;
            margin: 0 5px;
            color: #fff;
            font-size: 25px;
            display: inline-block;
        }

.utf_cta_area2_block
.utf_subscribe_block
.contact-form-action
form
.utf_theme_btn.installment {
    top: -25px;
}

.utf_cta_area2_block
.utf_subscribe_block
.contact-form-action
form
.utf_theme_btn.ezpay {
    top: 35px;
}

@media only screen and (max-width: 992px) {
    .about-sec4 .services > div {
        margin-bottom: 15px;
    }

    .about-sec3 .box {
        margin-bottom: 15px;
    }

    .about-sec5 .detail {
        padding-left: 15px;
    }

    .about-sec5 .image {
        position: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }

    .about-sec6 {
        padding: 20px 0 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .about-sec6 .share a,
        .share a {
            border-radius: 50%;
            border-top-right-radius: 50%;
            border-bottom-right-radius: 50%;
            margin: 0 5px;
            margin-right: 5px;
            color: #fff;
            font-size: 25px;
            display: inline-block;
        }

        .about-sec6 .share:hover a img {
            width: 30px;
            height: 30px;
        }
}

@media only screen and (max-width: 768px) {
    #headertitle.aboutUsHead .aboutTitle {
        padding: 0;
        margin-top: 0;
        font-size: 25px;
        font-weight: 700;
    }

    .aboutUsHead .status > div {
        font-size: 12px;
    }

    .about-sec2 .services {
        width: 100%;
    }

    .about-sec3 .box {
        margin-bottom: 15px;
    }

        .about-sec3 .box .detail > div {
            float: right;
        }

    .about-sec4 .services > div {
        margin-bottom: 15px;
    }

    .about-sec5 {
        padding: 20px 0;
    }

    .utf_cta_area2_block
    .utf_subscribe_block
    .contact-form-action
    form
    .utf_theme_btn.ezpay {
        top: -24px;
    }

    .about-sec3 .certificate .item {
        width: 46%;
    }

    .about-sec3 .box > div.image,
    .about-sec3 .box > a > div.image {
        width: 100%;
        height: 100%;
    }
}

.tourDetailModal .modal-footer {
    text-align: left;
}

/************ hotel detail *********/
#hotelDetail {
    background-color: #f6f6f6;
    margin-top: -12px;
}

    #hotelDetail #titlebar {
        padding: 40px 0 20px;
    }

        #hotelDetail #titlebar.utf_listing_titlebar {
            background-color: transparent;
            margin: 0;
        }

    #hotelDetail .utf_box_widget {
        background-color: #fff;
        border: 1px solid #d6d5d5;
    }

        #hotelDetail .utf_box_widget .relatedLink {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            #hotelDetail .utf_box_widget .relatedLink span {
                margin-right: 5px;
                color: #4e8e8e;
                font-weight: 700;
                font-size: 17px;
            }

            #hotelDetail .utf_box_widget .relatedLink i {
                font-size: 19px;
            }

    #hotelDetail .utf_listing_New #accordion .card {
        -webkit-box-shadow: 0px 2px 20px 13px #f6f6f6;
        box-shadow: 0px 2px 20px 13px #f6f6f6;
    }

    #hotelDetail .utf_listing_titlebar .utf_listing_titlebar_title {
        border-radius: 5px;
        -webkit-box-shadow: 0 0 6.4px 0.6px rgba(172, 172, 172, 0.41);
        box-shadow: 0 0 6.4px 0.6px rgba(172, 172, 172, 0.41);
        background-color: #fff;
    }

    #hotelDetail .breadcrumb {
        padding: 0;
        margin-bottom: 5px;
        overflow: auto;
        white-space: nowrap;
    }

        #hotelDetail .breadcrumb::-webkit-scrollbar-track {
            border: none;
            padding: 2px 0;
            background-color: #ccc;
            height: 1px;
        }

        #hotelDetail .breadcrumb::-webkit-scrollbar {
            width: 10px;
            height: 1px;
        }

        #hotelDetail .breadcrumb::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: #737272;
            border: 1px solid #000;
            height: 1px;
        }

    #hotelDetail #titlebar.utf_listing_titlebar span a,
    #hotelDetail #titlebar.utf_listing_titlebar span {
        font-size: 14px;
        font-weight: 500;
    }

    #hotelDetail #titlebar .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        #hotelDetail #titlebar .title .utf_star_rating_section {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 10px;
        }

    #hotelDetail #titlebar.utf_listing_titlebar span a i {
        margin-top: 0;
        margin-right: 0;
        color: #000;
        font-size: 19px;
        padding-top: 0;
    }

    #hotelDetail .listing_item_social li a:hover {
        border: solid 1px #e6e6e6;
        background-color: #54ba1d;
    }

    #hotelDetail .listing_item_social li a.active {
        border: solid 1px #e6e6e6;
        background-color: #54ba1d;
        color: #fff;
    }

        #hotelDetail .listing_item_social li a.active i {
            color: #fff;
        }

    #hotelDetail .utf_listing_section {
        border-radius: 5px;
        background-color: #fff;
        margin: 20px 0;
        padding: 15px;
        -webkit-box-shadow: 0 0 6.4px 0.6px #acacac69;
        box-shadow: 0 0 6.4px 0.6px #acacac69;
    }

    #hotelDetail .utf_listing_New {
        padding: 40px 15px;
    }

    #hotelDetail .utf_pricing_list_section,
    #hotelDetail .utf_pricing_list_section span {
        border: none;
    }

        #hotelDetail .utf_pricing_list_section span {
            left: auto;
        }

        #hotelDetail .utf_pricing_list_section > .row {
            margin: 0;
        }

        #hotelDetail .utf_pricing_list_section .item {
            border-radius: 7px;
            border: solid 1px #e6e6e6;
            background-color: #ffffff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 6px 0;
            margin-bottom: 10px;
            overflow: hidden;
            cursor: pointer;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            #hotelDetail .utf_pricing_list_section .item:hover {
                -webkit-box-shadow: 0 0 6.4px 0.6px rgba(172, 172, 172, 0.41);
                box-shadow: 0 0 6.4px 0.6px rgba(172, 172, 172, 0.41);
                background-color: #fdfdfd;
            }

            #hotelDetail .utf_pricing_list_section .item > div:last-child {
                padding: 0;
            }

                /*#hotelDetail .utf_pricing_list_section .item > div:last-child>div{
	padding: 15px 0;
	background-color: #60bfc0;
	width: 70%;
	float: left;
	text-align: center;
	color: #fff;
	transition: 0.3s;
}*/
                #hotelDetail .utf_pricing_list_section .item > div:last-child:hover > div {
                    background-color: #faa517;
                }

            #hotelDetail .utf_pricing_list_section .item .roomName,
            #hotelDetail .utf_pricing_list_section .item .cpacity {
                font-size: 14px;
                font-weight: 300;
                padding: 0;
            }

                #hotelDetail .utf_pricing_list_section .item .roomName .typeOfRoom {
                    padding: 2px 5px;
                    font-size: 13px;
                    text-align: right;
                }

            #hotelDetail .utf_pricing_list_section .item .roomCounter {
                padding: 0;
            }

                #hotelDetail .utf_pricing_list_section .item .roomCounter .qtyTitle {
                    width: auto;
                    margin-left: 10px;
                    padding: 0;
                    font-size: 13px;
                }

            #hotelDetail .utf_pricing_list_section .item .roomName {
                padding-right: 5px;
            }

            #hotelDetail .utf_pricing_list_section .item .cpacity img {
                margin-left: 5px;
                height: 34px;
                width: auto;
                margin-bottom: 5px;
            }

            #hotelDetail .utf_pricing_list_section .item .roomName img {
                margin-left: 5px;
                height: 25px;
                width: auto;
                margin-bottom: 0px;
            }

    #hotelDetail .incDecBtn {
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #hotelDetail .inc,
    #hotelDetail .dec {
        width: 27px;
        height: 27px;
        line-height: 32px;
        font-family: fontawesome;
        font-size: 14px;
        background-color: #f2f2f2;
        -webkit-text-stroke: 1px #f2f2f2;
        color: #333;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        border-radius: 4px;
        cursor: pointer;
    }

    #hotelDetail .incDecBtn input {
        font-size: 14px;
        font-weight: 300;
        width: 32px;
        height: 27px;
        margin: 0 5px;
        text-align: center;
        padding: 0;
    }

    #hotelDetail .inc::before {
        font-family: "Font Awesome 5 Free";
        content: "\f067";
        font-size: 12px;
        font-weight: 300;
    }

    #hotelDetail .dec::before {
        font-family: "Font Awesome 5 Free";
        content: "\f068";
        font-size: 12px;
        font-weight: 300;
    }

    #hotelDetail .dec.delete::before {
        font-family: "Font Awesome 5 Free";
        content: "\f2ed";
        font-size: 12px;
        font-weight: 300;
    }

    #hotelDetail .qtyTitle {
        font-size: 14px;
        font-weight: 300;
    }

    #hotelDetail .utf_pricing_list_section h5 {
        font-size: 16px;
    }

    #hotelDetail #utf_single_listing_map_block iframe {
        width: 100%;
        height: 100%;
    }

    #hotelDetail .utf_add_review-box {
        margin-top: 0;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 6.4px 0.6px #acacac69;
        box-shadow: 0 0 6.4px 0.6px #acacac69;
        background-color: #fdfdfd;
    }

    #hotelDetail .utf_box_widget h3 i {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #hotelDetail ul.listing_item_social {
        z-index: 8;
    }

    #hotelDetail .verified-badge:hover .tip-content {
        z-index: 500;
    }

.blackLayerHotelDetail {
    width: 100%;
    height: 100%;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    background: #0000002b;
    z-index: 10;
    display: none;
}

    .blackLayerHotelDetail.show {
        display: block;
    }

#hotelDetail .select_date_box input {
    font-size: 13px;
}

#hotelDetail .sidebar-search {
    position: sticky;
    top: 0px;
    bottom: 20px;
    z-index: 11;
}

#hotelDetail .verified-badge i {
    padding-left: 4px;
}

#hotelDetail .ds-sub-menu {
    display: none;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 1000 !important;
}

#hotelDetail .listing_item_social_mobile {
    background: #fff;
    margin: 0;
    padding: 10px 0;
    overflow: auto;
    white-space: nowrap;
}

#hotelDetail .ds-sub-menu.sticky {
    position: fixed;
}

#hotelDetail .listing_item_social_mobile li {
    margin-right: 0;
    margin-left: 10px;
    display: inline;
    margin-bottom: 0;
    float: none;
}

#hotelDetail .listing_item_social_mobile::-webkit-scrollbar-track {
    border: none;
    padding: 2px 0;
    background-color: #ccc;
    height: 1px;
}

#hotelDetail .listing_item_social_mobile::-webkit-scrollbar {
    width: 10px;
    height: 1px;
}

#hotelDetail .listing_item_social_mobile::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #737272;
    border: 1px solid #000;
    height: 1px;
}

@media only screen and (max-width: 992px) {
    #hotelDetail .sidebar-search {
        position: unset;
    }

    #hotelDetail .utf_pricing_list_section .item > div {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 5px 0;
    }

        #hotelDetail .utf_pricing_list_section .item > div:last-child > div {
            width: 38%;
            padding: 5px 0;
            border-radius: 7px;
        }
}

@media only screen and (max-width: 768px) {
    #hotelDetail .utf_pricing_list_section .item .roomCounter {
        padding: 0 15px;
    }

    #hotelDetail .utf_pricing_list_section .item > div {
        text-align: right;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
    }

    #hotelDetail .utf_pricing_list_section .item .roomName,
    #hotelDetail .utf_pricing_list_section .item .cpacity {
        padding-right: 15px;
    }

    #hotelDetail .utf_pricing_list_section .item .roomName {
        padding-right: 15px;
    }

    #hotelDetail .utf_pricing_list_section .item > div:last-child {
        padding: 0;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        text-align: left;
        direction: ltr;
    }

        #hotelDetail .utf_pricing_list_section .item > div:last-child > div {
            margin-right: 15px;
            width: 40%;
            display: block;
            margin-left: 41px;
        }

    #hotelDetail .utf_pricing_list_section .item {
        padding: 15px 0;
    }

    #hotelDetail .qtyTitle {
        padding-right: 0;
    }

    #hotelDetail .ds-sub-menu.sticky {
        display: block;
    }

    #hotelDetail .listing_item_social_desktop {
        display: none;
    }
}

/***************** faq **************/
.utf_listing_New #accordion .card {
    background-color: #fff;
    padding: 1px 10px;
    -webkit-box-shadow: 0px 2px 31.2px 3.9px #c4d8e7;
    box-shadow: 0px 2px 31.2px 3.9px #c4d8e7;
    margin-top: 25px;
    border-radius: 5px;
}

    .utf_listing_New #accordion .card:hover {
        -webkit-box-shadow: #c4d8e7 0px 2px 31.2px 8.9px;
        box-shadow: #c4d8e7 0px 2px 31.2px 8.9px;
    }

    .utf_listing_New #accordion .card .btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .utf_listing_New #accordion .card .btn i {
            font-size: 16px;
            color: #5cb8b9;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        .utf_listing_New #accordion .card .btn[aria-expanded="true"] .fa-caret-down {
            /*content: "\f0d8";*/
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .utf_listing_New #accordion .card .btn > div:nth-child(1) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            text-align: right;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .utf_listing_New #accordion .card .btn > div:nth-child(2) {
            padding-top: 10px;
            margin-left: 10px;
        }

        .utf_listing_New #accordion .card .btn > div span {
            display: inline-block;
        }

            .utf_listing_New #accordion .card .btn > div span:nth-child(1) {
                width: 40px;
            }

            .utf_listing_New #accordion .card .btn > div span:nth-child(2) {
                margin-right: 20px;
                font-size: 18px;
                font-weight: bold;
                color: #6c6c6c;
                white-space: normal;
            }

    .utf_listing_New
    #accordion
    .card:hover
    .btn > div:nth-child(1)
    span:nth-child(2) {
        color: #5cb8b9;
    }

    .utf_listing_New #accordion .card .btn > div span img {
        width: 40px;
        height: auto;
    }

    .utf_listing_New #accordion .card .card-body {
        padding: 0px 70px 15px 30px;
        font-size: 16px;
        font-weight: 300;
        color: #6c6c6c;
    }

.utf_listing_New .headFaq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .utf_listing_New .headFaq > div:nth-child(1) {
        margin-left: 20px;
    }

        .utf_listing_New .headFaq > div:nth-child(1) img {
            width: 60px !important;
            height: auto;
        }

.utf_listing_New .mobileIcon {
    display: none;
}

.utf_listing_New .headFaq .title {
    font-size: 20px;
    font-weight: 800;
    color: #000000;
    margin-bottom: 10px;
}

.faqWithShadow {
    border: solid 2px #eee;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px 1px #e8e8e8;
    box-shadow: 0px 0px 6px 1px #e8e8e8;
    margin: 20px 0;
    padding: 30px 15px;
}

@media only screen and (max-width: 768px) {
    .utf_listing_New #accordion .card .btn > div:nth-child(1) {
        white-space: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .utf_listing_New #accordion .card .btn {
        position: relative;
        padding: 0;
    }

        .utf_listing_New #accordion .card .btn > div:nth-child(2) {
            position: absolute;
            left: 7px;
            bottom: 2px;
        }

    .utf_listing_New #accordion .card .card-body {
        padding: 0px 5px 5px 5px;
        font-size: 13px;
        line-height: 22px;
    }

    .utf_listing_New #accordion .card .card-header h5 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .utf_listing_New .mobileIcon {
        display: inline-block;
    }

    .utf_listing_New #accordion .card .btn > div span:nth-child(1) {
        display: none;
    }

    .utf_listing_New #accordion .card .btn > div span:nth-child(2) {
        line-height: 25px;
        font-size: 14px;
        margin-top: 5px;
    }

    .utf_listing_New #accordion .card .btn > div span img {
        margin-left: 2px;
        margin-top: -7px;
        width: 22px;
    }

    .utf_listing_New #accordion .card .btn > div span:nth-child(2) {
        margin-right: 0;
    }

    .utf_listing_New #accordion .card .btn > div:nth-child(2) {
        display: none;
    }

    .listing_filter_block .sort-by > div:nth-child(1) {
        width: 100%;
    }

    .defaultSort,
    .l2h,
    .h2l,
    .ld2hd {
        margin-top: 4px;
        margin-bottom: 2px;
    }
}

.bannersRmP {
    padding: 15px 0 0;
}

.replyImage {
    width: 20px;
}

.intenalFlightFaq {
    padding: 50px 0;
    background-color: #f6fafd;
    margin-top: 30px;
}

#mobileBanner {
    display: none;
}

    #mobileBanner > div {
        padding: 0;
    }

@media only screen and (max-width: 992px) {
    .toursContainer .sideBarTours .sidebar {
        position: relative !important;
        display: block;
        float: right;
        width: 100% !important;
        left: unset !important;
        bottom: unset !important;
        top: unset !important;
        background-color: transparent;
    }
}

@media only screen and (max-width: 768px) {
    #mobileBanner {
        display: block;
    }

    .itemNatureTour {
        margin-right: -15px;
        margin-left: -15px;
    }
}

#btnselectpassengers #Passengers_AdultCount {
    margin-left: 5px;
}

#btnselectpassengers::after {
    position: absolute;
    top: 41%;
    left: 24px;
}

#btnselectpassengers:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
}

.hotel-dropdown-content {
    padding: 15px !important;
    height: 285px;
}

    .hotel-dropdown-content select {
        height: auto;
    }

    .hotel-dropdown-content .package_passenger-room h4 {
        font-size: 15px;
        font-weight: 400;
        color: #000;
        text-align: right;
        margin: 0;
    }

    .hotel-dropdown-content .package_passenger-room .qtyTitle {
        padding-right: 0;
        margin-left: 15px;
    }

    .hotel-dropdown-content .package_passenger-room .qtyButtons {
        margin: 0 0 5px;
    }

        .hotel-dropdown-content .package_passenger-room .qtyButtons input {
            width: 34%;
        }

    .hotel-dropdown-content .package_passenger-room .inc,
    .hotel-dropdown-content .package_passenger-room .dec {
        width: 30px;
        height: 28px;
        font-size: 14px;
        background-color: #f2f2f2;
        color: #333;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        border-radius: 4px;
        cursor: pointer;
        font-family: fontawesome;
        border: 1px solid #ccc;
        padding: 0;
    }

        .hotel-dropdown-content .package_passenger-room .inc:hover,
        .hotel-dropdown-content .package_passenger-room .dec:hover {
            background: #5cb8b9;
            color: #fff;
            font-weight: 500;
        }

        .hotel-dropdown-content .package_passenger-room .inc:after {
            content: "\f067";
            position: absolute;
            top: 0px;
            right: 10px;
            margin-right: 0 !important;
            margin-left: 0 !important;
            float: none !important;
        }

        .hotel-dropdown-content .package_passenger-room .inc:hover:after {
            color: #fff;
        }

        .hotel-dropdown-content .package_passenger-room .dec:after {
            content: "\f068";
            position: absolute;
            top: 0px;
            right: 9px;
            margin-right: 0 !important;
            margin-left: 0 !important;
            float: none !important;
        }

        .hotel-dropdown-content .package_passenger-room .dec:hover:after {
            color: #fff;
        }

    .hotel-dropdown-content .package_passenger-room .no-padding {
        padding: 0;
    }

    .hotel-dropdown-content .number-spinner input {
        width: 30px;
        height: 30px;
        padding: 0;
    }


.utf_listing_payment_section
.opening-hours.summary
li.total-costs
#package-price.changeCredit {
    font-weight: 400;
    color: #797979;
    font-size: 17px;
    position: relative;
}

    .utf_listing_payment_section
    .opening-hours.summary
    li.total-costs
    #package-price.changeCredit::before {
        content: "";
        position: absolute;
        top: 14px;
        left: 0;
        width: 104%;
        height: 2px;
        background-color: #ea7f23;
        -webkit-transform: rotate(13deg);
        -ms-transform: rotate(13deg);
        transform: rotate(13deg);
    }

@media only screen and (max-width: 992px) {
    .tourOpinions {
        padding: 0;
    }

        .tourOpinions .utf_add_review-box {
            margin-top: 35px;
        }

    .opinionsStar,
    .opinionsInput {
        padding: 0;
    }

    .hotelDetailSidebar > .reserveRequest {
        padding-bottom: 20px;
        margin-top: 30px;
        float: none;
    }

    .hotelDetailSidebar {
        padding-left: 0;
        padding-right: 0;
    }

    .natureToueDetailPage .package-book-state .utf_listing_payment_section {
        padding-left: 0;
        padding-right: 0;
    }
}

.mellatPayments {
    border: none;
}

.otherPayments {
    border: none;
}

.utf_payment_tab_block_content {
    height: 0;
    padding: 0;
}

.otherPayments.utf_payment_tab_block_active .utf_payment_tab_block_content {
    height: 100%;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
}

.closeDropDown {
    background-color: #faa517;
    color: #fff;
    width: 100%;
    float: right;
    text-align: center;
    padding: 5px 0;
    border-radius: 5px;
    display: none;
}

@media only screen and (max-width: 768px) {
    .flightbox .panel-dropdown .panel-dropdown-content {
        position: fixed;
        height: unset;
        max-height: 500px;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 11;
        top: unset !important;
        bottom: 0;
        border-radius: 30px 30px 0 0;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .closeDropDown {
        display: block;
    }

    .hotel-dropdown-content .package_passenger-room .no-padding {
        float: right;
    }

    .roomsNumberHotel > div {
        float: right;
    }

        .roomsNumberHotel > div:nth-child(1) {
            padding-top: 10px !important;
        }

    .darkLayerMobile {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #0000009e;
        z-index: 10;
        display: none;
    }
}

.sampleOfRequest::before {
    content: "";
    width: 136px;
    height: 2px;
    background-color: var(--my-orange);
    position: absolute;
    bottom: 1px;
}

#SpecialHotels .section-title {
    margin: 40px 0 0;
}

    #SpecialHotels .section-title h1 {
        font-weight: 700;
    }

#SpecialHotels .folio-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000045;
    height: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#SpecialHotels .portfolio-title {
    color: #000;
    background-color: #fff;
    width: 80%;
    margin: 0 auto;
    padding: 8px 0;
    border-radius: 40px;
    font-size: 20px;
    font-weight: 700;
    position: relative;
}

#SpecialHotels .links {
    color: #fac917;
    font-size: 17px;
}

#SpecialHotels .location {
    color: white;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    top: 0;
}

#SpecialHotels .cbp-item:hover .folio-overlay {
    height: 291px;
}

#SpecialHotels .cbp-item:hover .location {
    display: block;
    top: -30px;
    z-index: 1;
}

.portfolio-wrap {
    position: absolute;
    bottom: 13px;
    left: 0;
    right: 0;
}

.internalHotels {
    background-color: #fff;
    padding: 30px 0;
}

    .internalHotels .title {
        margin-bottom: 20px;
    }

        .internalHotels .title h2 {
            font-size: 22px;
            font-weight: 800;
            margin-top: 30px;
        }

    .internalHotels .status {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        font-weight: 700;
        margin-top: -10px;
    }

        .internalHotels .status .line {
            width: 90px;
            height: 2px;
            background-color: var(--my-orange);
            margin-left: 10px;
        }

    .internalHotels .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: white;
        border-radius: 5px;
        -webkit-box-shadow: -4px 4px 9px #c4d8e780, -8px -8px 13px #fff;
        box-shadow: -4px 4px 9px #c4d8e780, -8px -8px 13px #fff;
        background-color: #f6fafd;
        margin-bottom: 30px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .internalHotels .item:hover {
            -webkit-transform: translateY(-2px);
            -ms-transform: translateY(-2px);
            transform: translateY(-2px);
        }

        .internalHotels .item .image {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin-left: 10px;
            padding: 10px;
            border-radius: 30px 0 0 30px;
        }

        .internalHotels .item img {
            width: 94%;
            height: auto;
        }

        .internalHotels .item .content {
            -webkit-box-flex: 3;
            -ms-flex: 3;
            flex: 3;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            .internalHotels .item .content > div:nth-child(1) {
                font-weight: 800;
            }

            .internalHotels .item .content > div:nth-child(2) {
                font-weight: 400;
                color: #858080;
                letter-spacing: 9px;
            }

        .internalHotels .item:hover .content {
            color: var(--my-orange);
        }

.hotelServicesHome .services .box {
    width: 17.5em;
}

.hotelHomeFaq {
    padding: 50px 0;
}

.hotelServicesHome .services .box > div:nth-child(1) {
    text-align: center;
}

    .hotelServicesHome .services .box > div:nth-child(1) img {
        width: 40%;
    }

.hotelServicesHome .services .box > div:nth-child(2) {
    text-align: center;
}

.hotelServicesHome .services .box > div:nth-child(3) {
    text-align: center;
}

.hotelServicesHome .services .box {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}

    .hotelServicesHome .services .box:hover {
        -webkit-box-shadow: -1px 5px 31.2px 3.9px #c9dae6;
        box-shadow: -1px 5px 31.2px 3.9px #c9dae6;
        background-color: white;
    }

.main_inner_search_block #txtDate_Hotel_FilterEnd::-webkit-input-placeholder,
.main_inner_search_block #txtDate_Hotel_Filter::-webkit-input-placeholder {
    color: #999999;
    font-size: 18px;
}

.main_inner_search_block #txtDate_Hotel_FilterEnd:-ms-input-placeholder,
.main_inner_search_block #txtDate_Hotel_Filter:-ms-input-placeholder {
    color: #999999;
    font-size: 18px;
}

.main_inner_search_block #txtDate_Hotel_FilterEnd::-ms-input-placeholder,
.main_inner_search_block #txtDate_Hotel_Filter::-ms-input-placeholder {
    color: #999999;
    font-size: 18px;
}

.main_inner_search_block #txtDate_Hotel_FilterEnd::-webkit-input-placeholder,
.main_inner_search_block #txtDate_Hotel_Filter::-webkit-input-placeholder {
    color: #999999;
    font-size: 18px;
}

.main_inner_search_block #txtDate_Hotel_FilterEnd::-moz-placeholder,
.main_inner_search_block #txtDate_Hotel_Filter::-moz-placeholder {
    color: #999999;
    font-size: 18px;
}

.main_inner_search_block #txtDate_Hotel_FilterEnd:-ms-input-placeholder,
.main_inner_search_block #txtDate_Hotel_Filter:-ms-input-placeholder {
    color: #999999;
    font-size: 18px;
}

.main_inner_search_block #txtDate_Hotel_FilterEnd::-ms-input-placeholder,
.main_inner_search_block #txtDate_Hotel_Filter::-ms-input-placeholder {
    color: #999999;
    font-size: 18px;
}

.main_inner_search_block #txtDate_Hotel_FilterEnd::-webkit-input-placeholder, .main_inner_search_block #txtDate_Hotel_Filter::-webkit-input-placeholder {
    color: #999999;
    font-size: 18px;
}

.main_inner_search_block #txtDate_Hotel_FilterEnd::-moz-placeholder, .main_inner_search_block #txtDate_Hotel_Filter::-moz-placeholder {
    color: #999999;
    font-size: 18px;
}

.main_inner_search_block #txtDate_Hotel_FilterEnd:-ms-input-placeholder, .main_inner_search_block #txtDate_Hotel_Filter:-ms-input-placeholder {
    color: #999999;
    font-size: 18px;
}

.main_inner_search_block #txtDate_Hotel_FilterEnd::-ms-input-placeholder, .main_inner_search_block #txtDate_Hotel_Filter::-ms-input-placeholder {
    color: #999999;
    font-size: 18px;
}

.main_inner_search_block #txtDate_Hotel_FilterEnd::placeholder,
.main_inner_search_block #txtDate_Hotel_Filter::placeholder {
    color: #999999;
    font-size: 18px;
}

.main_inner_search_block #txtDate_Hotel_FilterEnd:-ms-input-placeholder,
.main_inner_search_block #txtDate_Hotel_Filter:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999999;
    font-size: 18px;
}

.main_inner_search_block #txtDate_Hotel_FilterEnd:-ms-input-placeholder,
.main_inner_search_block #txtDate_Hotel_Filter::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #999999;
    font-size: 18px;
}

.bgBlue {
    background-color: #f6fafd;
}

.internalHotels.bgBlue .item {
    background-color: white;
}

.panel-dropdown #txtAdult,
.panel-dropdown #txtChild,
.panel-dropdown #txtAdult,
.panel-dropdown #txtInfant {
    width: 36%;
}

.hotelDetailSidebar.sticky .panel-dropdown #txtAdult,
.hotelDetailSidebar.sticky .panel-dropdown #txtChild,
.hotelDetailSidebar.sticky .panel-dropdown #txtAdult,
.hotelDetailSidebar.sticky .panel-dropdown #txtInfant {
    width: 29%;
}

.hotelDetailSidebar.sticky .qtyTitle {
    width: 66px;
}

.hotelDetailSidebar.sticky .qtyInc,
.hotelDetailSidebar.sticky .qtyDec {
    width: 35px;
    height: 35px;
    line-height: 36px;
}

.wysywyg a:not(ul a) {
    color: var(--my-orange);
    position: relative;
    display: inline-block;
}

    .wysywyg a:not(ul a)::before {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0;
        height: 2px;
        width: 100%;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        background-color: var(--my-orange);
    }

    .wysywyg a:not(ul a):hover::before {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
    }

#weblogdetailbanner {
    background-color: var(--dark-green);
    padding: 15px;
    border-radius: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    #weblogdetailbanner > div:nth-child(2) {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }

    #weblogdetailbanner > div:nth-child(3) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    #weblogdetailbanner h2 {
        font-weight: 700;
        font-size: 22px;
        color: #fff;
        margin-top: 0;
        margin-bottom: 20px;
    }

    #weblogdetailbanner .image {
        margin-left: 20px;
    }

        #weblogdetailbanner .image img {
            width: 70px;
        }

    #weblogdetailbanner .description {
        font-size: 15px;
        font-weight: 400;
        color: #f9f9f9;
    }

    #weblogdetailbanner .veiwlogBannerWysyBtn {
        width: 100%;
    }

        #weblogdetailbanner .veiwlogBannerWysyBtn a {
            background-color: transparent;
            color: #fff;
            border: 2px solid #fff;
            padding: 10px 50px;
            border-radius: 23px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            #weblogdetailbanner .veiwlogBannerWysyBtn a:hover {
                text-decoration: none;
                background-color: #fff;
                color: var(--dark-green);
            }

@media only screen and (max-width: 768px) {
    #weblogdetailbanner > div:nth-child(3) {
        margin-top: 20px;
    }
}

.ui-slider-pips .ui-slider-line {
    background: transparent !important;
    left: -34% !important;
    width: 36px !important;
}

#slider1.ui-slider-pips .ui-slider-line {
    width: 33px !important;
}

.ui-slider-pips [class*="ui-slider-pip-selected"] .ui-slider-line,
.ui-slider-pips .ui-slider-pip-inrange .ui-slider-line {
    background: transparent !important;
}

.ui-slider-pips .ui-slider-pip .ui-slider-line:before {
    font-size: 14px;
}

#slider.ui-slider-pips .ui-slider-pip:nth-child(3) .ui-slider-line:before {
    content: "10 میلیون";
    font-family: iranyekan;
}

#slider.ui-slider-pips .ui-slider-pip:nth-child(4) .ui-slider-line:before {
    content: "20 میلیون";
    font-family: iranyekan;
}

#slider.ui-slider-pips .ui-slider-pip:nth-child(5) .ui-slider-line:before {
    content: "30 میلیون";
    font-family: iranyekan;
}

#slider.ui-slider-pips .ui-slider-pip:nth-child(6) .ui-slider-line:before {
    content: "50 میلیون";
    font-family: iranyekan;
}

#slider.ui-slider-pips .ui-slider-pip .ui-slider-line:after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    background-color: #b5d9d9;
    border-radius: 100%;
    top: -23px;
    left: 12px;
    z-index: 0;
}

#slider1.ui-slider-pips .ui-slider-pip .ui-slider-line:after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    background-color: #b5d9d9;
    border-radius: 100%;
    top: -23px;
    left: 12px;
    z-index: 0;
}

#slider.ui-slider-pips .ui-slider-pip:nth-child(7) .ui-slider-line:before {
    content: "70 میلیون";
    font-family: iranyekan;
}

#slider.ui-slider-pips .ui-slider-pip:nth-child(8) .ui-slider-line:before {
    content: "100 میلیون";
    font-family: iranyekan;
    text-align: center;
}

#slider1.ui-slider-pips .ui-slider-pip:nth-child(3) .ui-slider-line:before {
    content: "4 قسط";
    font-family: iranyekan;
}

#slider1.ui-slider-pips .ui-slider-pip:nth-child(4) .ui-slider-line:before {
    content: "5 قسط";
    font-family: iranyekan;
}

#slider1.ui-slider-pips .ui-slider-pip:nth-child(5) .ui-slider-line:before {
    content: "6 قسط";
    font-family: iranyekan;
}

#slider1.ui-slider-pips .ui-slider-pip:nth-child(6) .ui-slider-line:before {
    content: "7 قسط";
    font-family: iranyekan;
}

#slider1.ui-slider-pips .ui-slider-pip:nth-child(7) .ui-slider-line:before {
    content: "8 قسط";
    font-family: iranyekan;
}

#slider1.ui-slider-pips .ui-slider-pip:nth-child(8) .ui-slider-line:before {
    content: "9 قسط";
    font-family: iranyekan;
    text-align: center;
}

#slider1.ui-slider-pips .ui-slider-pip:nth-child(9) .ui-slider-line:before {
    content: "10 قسط";
    font-family: iranyekan;
    text-align: center;
}

#slider1.ui-slider-pips .ui-slider-pip:nth-child(10) .ui-slider-line:before {
    content: "11 قسط";
    font-family: iranyekan;
    text-align: center;
}

#slider1.ui-slider-pips .ui-slider-pip:nth-child(11) .ui-slider-line:before {
    content: "12 قسط";
    font-family: iranyekan;
    text-align: center;
}

.installmentBanner {
    background-color: #f6fafd;
}

.installmentBanner {
    text-align: center;
    margin-bottom: 0;
}

    .installmentBanner .box {
        background-image: url("../../img/NewKite/Icons/map.jpg");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 30px 0;
        min-height: 480px;
    }

    .installmentBanner .utf_sec_title_item {
        margin-bottom: 50px;
        font-weight: 800;
        display: inline-block;
        position: relative;
        color: var(--dark-green);
    }

        .installmentBanner .utf_sec_title_item::before {
            content: "";
            position: absolute;
            bottom: -15px;
            left: 0;
            width: 100%;
            height: 3px;
            background-color: var(--my-orange);
        }

    .installmentBanner .utf_sec_meta {
        width: 80%;
        margin: 0 auto 108px;
        font-size: 18px;
        font-weight: 400;
        color: black;
        line-height: 50px;
    }

    .installmentBanner .installment {
        border-radius: 7px;
        -webkit-box-shadow: -4px 4px 14px 5px #bfd5e6, -8px -8px 13px #fff;
        box-shadow: -4px 4px 14px 5px #bfd5e6, -8px -8px 13px #fff;
        padding: 10px 20px;
        color: white;
        background-color: var(--dark-green);
        font-size: 17px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        margin-left: 0;
    }

        .installmentBanner .installment:hover {
            background-color: var(--my-orange);
        }

    .installmentBanner .ezpay {
        position: relative;
        border-radius: 7px;
        -webkit-box-shadow: -4px 4px 14px 5px #bfd5e6a8, -8px -8px 13px #fff;
        box-shadow: -4px 4px 14px 5px #bfd5e6a8, -8px -8px 13px #fff;
        padding: 10px 20px;
        color: var(--dark-green);
        background-color: #eff8ff;
        font-size: 17px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .installmentBanner .ezpay:hover {
            color: white;
            background-color: var(--my-orange);
        }

/*.agencyBanner {
  width: 200px;
  -webkit-box-shadow: 0 0 4px rgb(24 23 24 / 20%);
  box-shadow: 0 0 4px rgb(24 23 24 / 20%);
  margin: 5px auto;
  border-radius: 6px;
}
*/

@media only screen and (max-width: 992px) {
    .installmentBanner .utf_sec_meta {
        width: 90%;
        margin: 0 auto 30px;
        line-height: 35px;
    }
    /* .installmentBanner .installment,
  .installmentBanner .ezpay {
    display: block;
  } */
    .installmentBanner .installment {
        margin-bottom: 20px;
    }

    .agencyBanner {
        width: 100%;
    }

    .ui-slider-pips .ui-slider-pip .ui-slider-line:before {
        font-size: 12px;
    }
}

/********** mobile menu **********/
.nav-drill {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .nav-drill .tab {
        overflow: hidden;
        border: 1px solid #ccc;
        background-color: #f1f1f1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: auto;
        white-space: nowrap;
    }

        .nav-drill .tab::-webkit-scrollbar {
            height: 3px;
        }

        .nav-drill .tab::-webkit-scrollbar-track {
            background-color: rgba(0, 0, 0, 0.05);
            border-radius: 10px;
        }

        .nav-drill .tab::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background-color: rgba(0, 0, 0, 0.2);
        }

            .nav-drill .tab::-webkit-scrollbar-thumb:hover {
                border-radius: 10px;
                background-color: rgba(0, 0, 0, 0.3);
            }

        /* Style the buttons that are used to open the tab content */
        .nav-drill .tab button {
            background-color: #fff;
            float: left;
            border: none;
            outline: none;
            cursor: pointer;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            background-color: white;
            margin: 10px 5px;
            border-radius: 5px;
        }

            .nav-drill .tab button a {
                background-color: transparent;
                font-size: 17px;
                font-weight: 400;
                padding: 5px 15px;
            }

            /* Change background color of buttons on hover */
            .nav-drill .tab button:hover {
                background-color: #ddd;
            }

            /* Create an active/current tablink class */
            .nav-drill .tab button.active {
                background-color: var(--dark-green);
                color: #fff;
            }

                .nav-drill .tab button.active a {
                    color: #fff;
                }

    /* Style the tab content */
    .nav-drill .tabcontent {
        display: none;
        padding: 6px 12px;
        border-top: none;
        -webkit-animation: fadeEffect 1s;
        animation: fadeEffect 1s;
        /* Fading effect takes 1 second */
    }

    .nav-drill #mnuTour.tabcontent {
        display: block;
    }

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.flightSuggestions {
    padding: 50px 0 0;
}

    .flightSuggestions .box {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        background-color: #eeeeee73;
    }

    .flightSuggestions .col-md-5 .box,
    .flightSuggestions .col-md-3 .box {
        height: 370px;
    }

    .flightSuggestions .col-md-4 .box {
        height: 180px;
        margin-bottom: 10px;
    }

    .flightSuggestions .box .image {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    .flightSuggestions .box img {
        height: auto;
        width: auto;
        -o-object-fit: contain;
        object-fit: contain;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .flightSuggestions .box:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .flightSuggestions .blackLayer {
        position: absolute;
        background-color: transparent;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }

    .flightSuggestions .detail {
        position: absolute;
        top: 0;
        right: 0;
        width: 55%;
        z-index: 3;
        color: white;
        padding: 15px;
    }

    .flightSuggestions .col-md-5 .detail {
        padding: 30px;
    }

        .flightSuggestions .col-md-5 .detail .title {
            font-size: 30px;
            line-height: 35px;
        }

    .flightSuggestions .detail .title {
        font-size: 20px;
        font-weight: 700;
        color: black;
    }

    .flightSuggestions .detail .description {
        color: black;
        margin-top: 30px;
        font-size: 15px;
    }

.flightSearched .title {
    position: relative;
    display: inline-block;
    margin-bottom: 50px;
}

    .flightSearched .title h2 {
        position: relative;
        display: inline-block;
        font-size: 25px;
    }

        .flightSearched .title h2::before {
            content: "";
            position: absolute;
            bottom: -18px;
            height: 4px;
            width: 100%;
            background-color: #5db9ba;
        }

    .flightSearched .title .image {
        position: absolute;
        left: -25px;
        bottom: -20px;
    }

        .flightSearched .title .image img {
            height: 25px;
            width: auto;
        }

.flightSearched {
    padding: 50px 0;
}

    .flightSearched .box {
        border-radius: 7px;
        text-align: center;
        position: relative;
        -webkit-box-shadow: 0 0 42.8px 4.2px rgba(176, 203, 233, 0.41);
        box-shadow: 0 0 42.8px 4.2px rgba(176, 203, 233, 0.41);
        background-color: #ffffff;
        float: right;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 22px;
    }

        .flightSearched .box > div:nth-child(2) {
            border-top: 1px dashed #cccccc70;
        }

        .flightSearched .box > div > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 84px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .flightSearched .box > div > div:nth-child(1) {
                -webkit-box-pack: right;
                -ms-flex-pack: right;
                justify-content: right;
            }

            .flightSearched .box > div > div:nth-child(3) {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
            }

    .flightSearched .dataFilght h3 {
        font-size: 16px;
        font-weight: bold;
        margin: 5px 0 0;
    }

    .flightSearched .logoFilghtAgancy {
        background-color: #fff;
        padding: 0;
        border: 1px solid #ccc;
        width: 50px;
        height: 50px;
        border-radius: 100%;
    }

    .flightSearched .dataFilght {
        text-align: center;
        margin-right: 15px;
    }

        .flightSearched .dataFilght > div:nth-child(2) {
            font-size: 14px;
            font-weight: 300;
        }

    .flightSearched .date {
        margin: 0 10px;
    }

        .flightSearched .date .iconFlightDate {
            width: 30px;
            height: 19px;
        }

        .flightSearched .date .timeDate {
            font-size: 13px;
        }

    .flightSearched .source span,
    .flightSearched .destination span {
        margin: 0 20px;
        font-size: 16px;
        font-weight: bold;
        color: black;
    }

    .flightSearched .flightPrice {
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: 700;
        color: #5cb8b9;
    }

    .flightSearched .purchase {
        position: absolute;
        bottom: 0px;
        left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .flightSearched .purchaseBtn {
        background-color: #fff;
        color: var(--my-orange);
        border: 1px solid var(--my-orange);
        padding: 0px 40px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        font-size: 18px;
        font-weight: normal;
    }

        .flightSearched .purchaseBtn:hover {
            background-color: var(--dark-green);
            border: 1px solid var(--dark-green);
            color: #fff;
        }

.sideBarFilghtContainer {
    position: sticky;
    top: 0;
}

.flightSearched .sideBarFilght {
    text-align: center;
    position: relative;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 42.8px 4.2px rgba(176, 203, 233, 0.41);
    box-shadow: 0 0 42.8px 4.2px rgba(176, 203, 233, 0.41);
    background-color: #faa517;
    float: right;
    width: 100%;
    padding: 15px;
    position: sticky;
}

    .flightSearched .sideBarFilght .title {
        margin-bottom: 0;
    }

        .flightSearched .sideBarFilght .title h3 {
            font-size: 24px;
            font-weight: 800;
            width: 70%;
            line-height: 1.96;
            text-align: right;
            color: white;
            margin: 10px 0 20px;
        }

    .flightSearched .sideBarFilght .description {
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.88;
        text-align: right;
        position: relative;
        z-index: 2;
    }

    .flightSearched .sideBarFilght .image {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
    }

.flightMostTravel {
    overflow: hidden;
}

    .flightMostTravel .most-visited-slick-carousel {
        /*width: 90%;*/
        overflow: visible;
        margin-left: auto;
        margin-right: auto;
    }

    .flightMostTravel .slick-initialized .slick-slide {
        padding: 0 10px;
        cursor: pointer;
    }

    .flightMostTravel > .title,
    .flightWysywyg > .title {
        text-align: center;
        margin-bottom: 85px;
    }

.flightWysywyg > .title {
    margin-bottom: 30px;
}

.flightMostTravel .title h2,
.flightWysywyg .title h2 {
    font-size: 26px;
    font-weight: bold;
    position: relative;
    display: inline-block;
}

    .flightMostTravel .title h2::before,
    .flightWysywyg .title h2::before {
        content: "";
        position: absolute;
        bottom: -15px;
        width: 120%;
        height: 3px;
        left: -20px;
        background-color: var(--my-orange);
    }

.flightMostTravel .slick-list {
    width: 100%;
    overflow: visible;
    margin: 0 auto;
}

.flightMostTravel .slick-prev {
    top: -50px;
    left: 164px;
    font-family: fontawesome;
}

.flightMostTravel .slick-next {
    top: -50px;
    left: -62px;
    right: unset;
    font-family: fontawesome;
}

    .flightMostTravel .slick-prev:before,
    .flightMostTravel .slick-next:before {
        /*box-shadow: 0 0 6.9px 1.1px rgba(63, 169, 170, 0.86);*/
        background-color: #73c9ca;
        border-radius: 100%;
        color: #267c7d;
        font-size: 20px;
        opacity: 1;
    }

.flightMostTravel .slick-prev:before {
    padding: 7px 13px 7px 14px;
}

.flightMostTravel .slick-next:before {
    padding: 7px 15px 7px 13px;
}

.flightMostTravel .slick-prev[aria-disabled="true"]:before,
.flightMostTravel .slick-next[aria-disabled="true"]:before {
    /*box-shadow: 0 0 6.9px 1.1px rgba(212, 212, 212, 0.86);*/
    background-color: #e6e6e6;
    color: #9e9e9e;
}

.flightMostTravel .slick-prev:before {
    content: "\f105";
}

.flightMostTravel .slick-next:before {
    content: "\f104";
}

.flightMostTravel .slick-prev:hover:before,
.flightMostTravel .slick-next:hover:before {
    /*box-shadow: 0 0 6.9px 1.1px rgba(63, 169, 170, 0.86);*/
    background-color: #73c9ca;
    color: #267c7d;
    opacity: 1;
}

.flightMostTravel .item .title {
    background-color: #f5f5f5;
    padding: 15px 5px;
}

    .flightMostTravel .item .title h3 {
        font-size: 16px;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

.flightMostTravel .slick-slide img {
    width: 210px;
    height: 158px;
}

.flightDate {
    font-size: 14px;
    font-weight: bold;
    color: black;
    line-height: 12px;
    margin-top: 10px;
}

.dayOflight {
    font-size: 13px;
    font-weight: bold;
    color: #6c6c6c;
}

.flightWysywyg {
    padding: 50px 0 0;
}

.flightWysywygContent {
    font-size: 26px;
    font-weight: 100;
    color: #6c6c6c;
    line-height: 1.42;
    height: 182px;
    overflow: hidden;
    margin-bottom: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media only screen and (max-width: 992px) {
    .flightSuggestions .box {
        margin-bottom: 20px;
    }

    .flightSuggestions .col-md-4 .box {
        margin-bottom: 20px;
    }

    .flightSuggestions .col-md-3 .box {
        height: 200px;
    }

    .flightSuggestions .col-md-4 .box {
        height: 160px;
    }

    .flightSuggestions .detail {
        width: 100%;
    }

        .flightSuggestions .detail .description {
            margin-top: 15px;
        }

    .flightSearched {
        padding: 15px 0;
    }

        .flightSearched .sideBarFilght {
            float: none;
            position: relative;
        }

    .sideBarFilghtContainer {
        position: relative;
        margin-bottom: 20px;
    }

    .flightSearched .purchase {
        position: relative;
    }

    .flightSearched .box > div > div:nth-child(1) {
        float: right;
    }
}

.TourHotel .package-content {
    margin-right: 0;
    margin-left: 0;
}

.TourHotel .prices {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
}

.TourHotel .pricesLabel > div {
    color: #6c6c6c;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 300;
    position: relative;
    text-align: right;
}

    .TourHotel .pricesLabel > div::before {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 10px;
        width: 50px;
        height: 2px;
        background-color: #ededed;
    }

.TourHotel .priceContent > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 5px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 300;
    color: #6c6c6c;
    text-align: right;
}

    .TourHotel .priceContent > div .price {
        color: #faa517;
        font-size: 18px;
        font-weight: 800;
    }

    .TourHotel .priceContent > div .ph-picture {
        height: 28px;
        border-radius: 4px;
        background-color: #f6f6f6;
        margin-top: 5px;
    }

.TourHotel .hotelsBox .package-content {
    border-radius: 10px;
    -webkit-box-shadow: -4.4px 4.1px 8.8px 0.2px rgba(172, 172, 172, 0.23);
    box-shadow: -4.4px 4.1px 8.8px 0.2px rgba(172, 172, 172, 0.23);
    background-color: #fff;
    position: relative;
    padding: 10px 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.TourHotel .hotelsBox .loadingHotelTours .tourHotelItem {
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    .TourHotel .hotelsBox .package-content:hover {
        -webkit-box-shadow: 0 0 40px rgb(24 23 24 / 20%);
        box-shadow: 0 0 40px rgb(24 23 24 / 20%);
        -webkit-transform: scale(1.009);
        -ms-transform: scale(1.009);
        transform: scale(1.009);
    }
}

.TourHotel .hotelsBox .tourDetails > div > span:nth-child(1) {
    color: var(--dark-green);
}

.TourHotel .hotelsBox .tourDetails > div > span:nth-child(2) {
    color: #9e9d9d;
    font-size: 14px;
}

#utf_listing_faq.tourHotel {
    background-color: #f6fafd;
    padding: 50px 100px;
}

.tourHotelMain {
    background-color: #f6f6f6;
}

    .tourHotelMain .TourHotel {
        padding: 30px 0;
    }

        .tourHotelMain .TourHotel .hotelDetailSidebar {
            margin-bottom: 250px;
            top: 11px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        .tourHotelMain
        .TourHotel
        .hotelsBox
        .hotelsDetail
        .hotelTours
        .package-content {
            padding: 10px 15px 30px;
        }

        .tourHotelMain .TourHotel .hotelsBox .headTitle {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-bottom: 15px;
            padding: 0;
        }

            .tourHotelMain .TourHotel .hotelsBox .headTitle > div:nth-child(2) {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

            .tourHotelMain .TourHotel .hotelsBox .headTitle .title {
                margin-left: 10px;
            }

                .tourHotelMain .TourHotel .hotelsBox .headTitle .title a {
                    margin-left: 10px;
                }

                .tourHotelMain .TourHotel .hotelsBox .headTitle .title h3 {
                    font-size: 18px;
                    font-weight: bold;
                    color: #000;
                    margin-top: 7px;
                }

                    .tourHotelMain
                    .TourHotel
                    .hotelsBox
                    .headTitle
                    .title
                    h3 > div:not(:first-child) {
                        margin-top: 10px;
                    }

        .tourHotelMain
        .TourHotel
        .hotelsBox
        .hotelsDetail
        .hotelTours
        .hotels-services {
            background-color: #f6f6f6;
            padding-right: 10px;
        }

        .tourHotelMain .TourHotel .hotelsBox .headTitle .airlineLogo {
            width: 46px;
            height: 46px;
            margin-left: 10px;
            padding: 5px;
        }

            .tourHotelMain .TourHotel .hotelsBox .headTitle .airlineLogo img {
                width: 100%;
                height: 100%;
                -o-object-fit: contain;
                object-fit: contain;
            }

        .tourHotelMain .TourHotel .hotelsBox .headTitle .agency {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 5px;
            background-color: #f6f6f6;
            margin-left: 10px;
            padding: 8px 20px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            .tourHotelMain .TourHotel .hotelsBox .headTitle .agency .logo {
                width: 30px;
                height: 30px;
                margin-left: 10px;
            }

                .tourHotelMain .TourHotel .hotelsBox .headTitle .agency .logo img {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                    object-fit: cover;
                }

        .tourHotelMain .TourHotel .hotelsBox .headTitle .duration {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 8px;
            background-color: #f6f6f6;
            padding: 8px 20px;
        }

            .tourHotelMain .TourHotel .hotelsBox .headTitle .duration .icon {
                width: 25px;
                margin-left: 10px;
            }

                .tourHotelMain .TourHotel .hotelsBox .headTitle .duration .icon img {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                    object-fit: cover;
                }

        .tourHotelMain .TourHotel .hotelsBox .additionals {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 20px;
            padding: 0 0 0 22px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .tourHotelMain .TourHotel .hotelsBox .additionals.ph-item {
                border: none;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
            }

            .tourHotelMain .TourHotel .hotelsBox .additionals .item.ph-picture {
                height: 34px;
                width: 120px;
                -webkit-box-flex: unset;
                -ms-flex: unset;
                flex: unset;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-flow: unset;
                flex-flow: unset;
            }

                .tourHotelMain .TourHotel .hotelsBox .additionals .item.ph-picture .icon {
                    display: none;
                }

            .tourHotelMain .TourHotel .hotelsBox .additionals .item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin: 0 0 0 20px;
                border-radius: 5px;
                background-color: #f6f6f6;
                padding: 7px 20px;
                font-size: 17px;
                font-weight: 500;
            }

                .tourHotelMain .TourHotel .hotelsBox .additionals .item .icon {
                    height: 23px;
                    width: 19px;
                    margin-bottom: 5px;
                    margin-left: 5px;
                }

                    .tourHotelMain .TourHotel .hotelsBox .additionals .item .icon img {
                        height: 23px;
                        width: 19px;
                        -o-object-fit: contain;
                        object-fit: contain;
                        margin-bottom: 4px;
                    }

        .tourHotelMain .TourHotel .hotelsBox .priceContent {
            margin-bottom: 21px;
        }

        .tourHotelMain .TourHotel .hotelsBox .tourDetails {
            padding-bottom: 0px;
            background-color: #f9fafe;
            margin-top: 30px;
            margin-bottom: 25px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            .tourHotelMain .TourHotel .hotelsBox .tourDetails .utf_tabs_nav {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                position: absolute;
                top: -42px;
                right: -5px;
            }

                .tourHotelMain .TourHotel .hotelsBox .tourDetails .utf_tabs_nav li {
                    width: auto;
                    line-height: 24px;
                }

                    .tourHotelMain .TourHotel .hotelsBox .tourDetails .utf_tabs_nav li a {
                        background: #f9fafe;
                        border-color: #f9fafe;
                        color: #ccc;
                        font-size: 16px;
                        font-weight: normal;
                    }

                        .tourHotelMain .TourHotel .hotelsBox .tourDetails .utf_tabs_nav li a:hover,
                        .tourHotelMain .TourHotel .hotelsBox .tourDetails .utf_tabs_nav li.active a {
                            background: #f9fafe !important;
                            border-color: #f9fafe !important;
                            color: #000 !important;
                            font-size: 16px;
                            font-weight: normal;
                        }

            .tourHotelMain
            .TourHotel
            .hotelsBox
            .tourDetails
            .tourInfo > div > span:nth-child(1) {
                color: #6c6c6c;
                font-size: 16px;
                font-weight: 300;
            }

            .tourHotelMain
            .TourHotel
            .hotelsBox
            .tourDetails
            .tourInfo > div > span:nth-child(2) {
                font-weight: normal;
                color: #000;
                font-size: 16px;
            }

            .tourHotelMain .TourHotel .hotelsBox .tourDetails .description {
                padding: 0px 20px 30px;
            }

        .tourHotelMain .TourHotel .hotelsBox .more {
            width: 200px;
            margin: 0 auto;
            overflow: hidden;
            text-align: center;
            height: 25px;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            /*z-index: 2;*/
            cursor: pointer;
        }

            .tourHotelMain .TourHotel .hotelsBox .more .buttons {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

                .tourHotelMain .TourHotel .hotelsBox .more .buttons #bg {
                    width: 20px;
                    height: 25px;
                    overflow: hidden;
                    position: relative;
                    margin-left: -10px;
                }

                    .tourHotelMain .TourHotel .hotelsBox .more .buttons #bg.left {
                        -webkit-transform: rotateY(180deg);
                        transform: rotateY(180deg);
                        margin-left: 0;
                        margin-right: -10px;
                    }

                .tourHotelMain .TourHotel .hotelsBox .more .buttons #bg-bottom {
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    width: 100%;
                    height: 50%;
                    background-color: #73c9ca;
                }

                .tourHotelMain .TourHotel .hotelsBox .more .buttons #bottom {
                    position: absolute;
                    background: #fff;
                    top: 0px;
                    left: 10px;
                    width: 15px;
                    height: 25px;
                    border-radius: 0 0 0 10px;
                    -webkit-transition: 0.4s;
                    -o-transition: 0.4s;
                    transition: 0.4s;
                }

                .tourHotelMain .TourHotel .hotelsBox .more .buttons .main {
                    background-color: #73c9ca;
                    height: 25px;
                    width: 200px;
                    border-radius: 5px 5px 0 0;
                    color: #fff;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    font-size: 13px;
                }

        .tourHotelMain .TourHotel .hotelsBox #utf_single_listing_map_block iframe {
            width: 100%;
            height: 100%;
        }

        .tourHotelMain .TourHotel .hotelsBox .utf_listing_features.checkboxes li {
            padding: 0 30px 0 0;
            line-height: 36px;
        }

            .tourHotelMain
            .TourHotel
            .hotelsBox
            .utf_listing_features.checkboxes
            li.nodata {
                width: 100%;
                left: 0;
                top: 12px;
                right: 0;
            }

.hotelTours .tab_content {
    padding: 25px 0;
}

#headertitle.TourHotelHead {
    margin-bottom: 0;
}

    #headertitle.TourHotelHead .breadcrumb {
        margin-bottom: 0;
    }

.policyHeader {
    margin-bottom: 0 !important;
}

.containerPolicy {
    background-color: #f9f9f9;
}

.contentPolicy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
}

    .contentPolicy > div:nth-child(1) {
        -webkit-box-flex: 3;
        -ms-flex: 3;
        flex: 3;
        margin-left: 30px;
        padding: 15px;
        position: sticky;
        height: 395px;
        top: 40px;
        border-radius: 5px;
        background-color: #fff;
        -webkit-box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
        box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    }

        .contentPolicy > div:nth-child(1) a {
            display: block;
            position: relative;
            padding-right: 25px;
        }

            .contentPolicy > div:nth-child(1) a::before {
                content: "";
                width: 13px;
                height: 13px;
                border-radius: 50%;
                background-color: var(--light-green);
                position: absolute;
                top: 7px;
                right: 0px;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

            .contentPolicy > div:nth-child(1) a.active::before {
                width: 20px;
                height: 12px;
                border-radius: 10px;
                background-color: var(--dark-green);
            }

    .contentPolicy > div:nth-child(2) {
        -webkit-box-flex: 9;
        -ms-flex: 9;
        flex: 9;
        padding: 15px;
        border-radius: 5px;
        background-color: #fff;
        -webkit-box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
        box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    }

@media only screen and (max-width: 992px) {
    .contentPolicy > div:nth-child(1) {
        height: 400px;
    }
}

@media only screen and (max-width: 692px) {
    .contentPolicy {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
    }

        .contentPolicy > div:nth-child(1) {
            width: 100%;
            height: 37px;
            padding: 3px 10px;
            overflow: auto;
            white-space: nowrap;
            -webkit-transition: 0.58s;
            -o-transition: 0.58s;
            transition: 0.58s;
        }

            .contentPolicy > div:nth-child(1)::-webkit-scrollbar {
                height: 3px;
            }

            .contentPolicy > div:nth-child(1)::-webkit-scrollbar-track {
                background-color: rgba(0, 0, 0, 0.05);
                border-radius: 10px;
            }

            .contentPolicy > div:nth-child(1)::-webkit-scrollbar-thumb {
                border-radius: 10px;
                background-color: rgba(0, 0, 0, 0.2);
            }

                .contentPolicy > div:nth-child(1)::-webkit-scrollbar-thumb:hover {
                    border-radius: 10px;
                    background-color: rgba(0, 0, 0, 0.3);
                }

            .contentPolicy > div:nth-child(1) a {
                display: inline;
                margin-left: 10px;
                font-size: 13px;
            }

                .contentPolicy > div:nth-child(1) a::before {
                    top: 4px;
                    right: 2px;
                    width: 10px;
                    height: 10px;
                }

                .contentPolicy > div:nth-child(1) a.active::before {
                    height: 9px;
                }

        .contentPolicy > div:nth-child(2) {
            margin-top: 20px;
        }

    #ds-mobile-sub-menu.sticky {
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        background-color: #fff;
    }

    .weblogList .tab_container {
        padding: 0 15px;
    }

    #weblog.weblogList .content .lastPost .tab-content .post .image {
        height: 200px;
    }

    #weblog.weblogList .content .lastPost .tab-content .post > div:nth-child(2) {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.installBannerOnTourPage {
    padding: 10px;
    margin-bottom: 20px;
}

#headertitle.tourDetailHead {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.slick-prev:before,
.slick-next:before {
    font-size: 19px;
}

.tourHotelMain .TourHotel .hotelsBox .detailTitle {
    display: none;
}

.tourHotelMain .utf_add_review-box {
    margin-top: 0;
    -webkit-box-shadow: -4.4px 4.1px 8.8px 0.2px #acacac3b;
    box-shadow: -4.4px 4.1px 8.8px 0.2px #acacac3b;
    background-color: #fff;
    border-radius: 10px;
}

.imageOfModalSlider {
    height: 70vh;
    text-align: center;
}

    .imageOfModalSlider .slick-prev,
    .imageOfModalSlider .slick-next {
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        background-color: #00000069;
        border-radius: 50%;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .imageOfModalSlider .slick-prev:hover,
        .imageOfModalSlider .slick-next:hover {
            background-color: #000;
        }

    .imageOfModalSlider .slick-prev {
        padding: 8px 13px 9px 11px;
        left: 0;
    }

    .imageOfModalSlider .slick-next {
        right: 0;
        padding: 8px 11px 9px 13px;
    }

        .imageOfModalSlider .slick-prev::before,
        .imageOfModalSlider .slick-next::before {
            color: #fff;
        }

    .imageOfModalSlider img {
        height: 100%;
        width: auto;
    }

@media only screen and (max-width: 768px) {
    .TourHotel .pricesLabel {
        display: none;
    }

    .TourHotel .priceContent > div {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        width: 50%;
        text-align: center;
    }

    .tourHotelMain .TourHotel .hotelDetailSidebar {
        margin-bottom: 15px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .tourHotelMain .tourDetailContent .hotelDetailSidebar {
        margin-top: 0 !important;
    }

    .tourHotelMain .TourHotel .hotelsBox .headTitle .title {
        margin-bottom: 0;
    }

        .tourHotelMain .TourHotel .hotelsBox .headTitle .title a {
            display: block;
            margin-bottom: 8px;
        }

    .tourHotelMain .TourHotel .hotelsBox .detailTitle {
        display: block;
        font-size: 14px;
        font-weight: 300;
    }

    .imageOfModalSlider img {
        height: auto;
        width: 100%;
    }

    .imageOfModalSlider {
        height: auto;
    }

    .tourHotelMain .TourHotel .hotelsBox .additionals {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
    }

    .tourHotelMain .TourHotel .hotelsBox .headTitle {
        padding: 0;
        margin-bottom: 0;
    }

        .tourHotelMain .TourHotel .hotelsBox .headTitle > div:nth-child(2) {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .tourHotelMain .TourHotel .hotelsBox .headTitle > div:nth-child(2) > div {
                margin-bottom: 10px;
            }

    .hotelTours .tab_content {
        padding: 10px 0;
        min-height: 55px;
    }

    .tourHotelMain .TourHotel .hotelsBox .tourDetails .utf_tabs_nav {
        top: -10px;
        position: relative;
    }

        .tourHotelMain .TourHotel .hotelsBox .tourDetails .utf_tabs_nav li a {
            padding: 5px;
        }

    .hotelTours .tab_content > div {
        padding-left: 0;
        padding-right: 0;
    }

    .tourDetailModal .modal.in .modal-dialog {
        -webkit-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
        transform: translate(0, 50%);
    }

    .tourDetailModal .slick-prev,
    .tourDetailModal .slick-next {
        background-color: #eae5e5;
        border-radius: 50%;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }

    .tourDetailModal .slick-prev {
        left: -13px;
        padding: 6px 7px 6px 3px;
    }

    .tourDetailModal .slick-next {
        right: -13px;
        padding: 6px 3px 6px 7px;
    }

    .tourHotelMain .TourHotel .hotelsBox .additionals .item {
        margin: 0 0 0 9px;
        padding: 8px 20px;
    }
}

#viewWeblog #rightSidebarContent ul {
    width: 100% !important;
}

.imageOfModalSlider .slick-list {
    height: 100%;
}

.imageOfModalSlider .slick-slide img {
    margin: 0 auto;
}

/********** hotel country ************/
.hotelCountry .TourHotel .hotelsBox .hotelTours .package-content {
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .hotelCountry .TourHotel .hotelsBox .hotelTours .package-content .image {
        -webkit-box-flex: 1.5;
        -ms-flex: 1.5;
        flex: 1.5;
        max-height: 201px;
    }

        .hotelCountry .TourHotel .hotelsBox .hotelTours .package-content .image img {
            height: 100%;
        }

    .hotelCountry .TourHotel .hotelsBox .hotelTours .package-content .detail {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        padding: 20px;
    }

.hotelCountry .hotelsBox .package-content .detail .title {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.hotelCountry .hotelsBox .package-content .detail .rating {
    margin-bottom: 10px;
}

.hotelCountry .hotelsBox .package-content .detail .address {
    font-size: 12px;
    font-weight: 300;
    color: #6c6c6c;
    height: 28px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .hotelCountry .hotelsBox .package-content .detail .address > span:nth-child(2) {
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: 359px;
    }

    .hotelCountry .hotelsBox .package-content .detail .address i {
        font-size: 13px;
    }

.hotelCountry .hotelsBox .package-content .detail .locationTag {
    height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
    background-color: var(--dark-green);
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    padding: 0 10px;
}

.hotelCountry .hotelsBox .package-content .detail .moreDetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 0px;
}

    .hotelCountry .hotelsBox .package-content .detail .moreDetail .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 10px;
    }

        .hotelCountry .hotelsBox .package-content .detail .moreDetail .content .label {
            font-size: 10px;
            font-weight: 300;
            color: #a1a1a1;
        }

        .hotelCountry .hotelsBox .package-content .detail .moreDetail .content .price {
            font-size: 12px;
            font-weight: 300;
            color: #6c6c6c;
        }

            .hotelCountry
            .hotelsBox
            .package-content
            .detail
            .moreDetail
            .content
            .price
            span {
                color: #faa517;
                font-size: 20px;
                font-weight: 800;
                margin-left: 5px;
            }

    .hotelCountry .hotelsBox .package-content .detail .moreDetail .moreBtn {
        width: 139px;
        height: 39px;
        border-radius: 5px;
        background-color: var(--my-orange);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 16px;
        font-weight: normal;
        position:relative !important;
    }

        .hotelCountry .hotelsBox .package-content .detail .moreDetail .moreBtn a {
            color: #fff;
        }

.tourDetailModal {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.modal-dialog {
    margin: 0;
}

.openInstallConditionMobile {
    display: none;
}

.openInstallConditionDesk {
    display: block;
}

.tourDetailHead > div {
    padding: 4px 0;
}

    .tourDetailHead > div h1 {
        font-weight: 600;
    }

.mobileboxSideBar {
    display: none;
}

@media only screen and (max-width: 992px) {
    .hotelCountry
    .hotelsBox
    .package-content
    .detail
    .address > span:nth-child(2) {
        width: 270px;
    }

    .mobileboxSideBar {
        display: block;
    }

    .mobileboxSideBarHide {
        display: none;
    }

    .mainContentNature {
        padding: 0;
    }

    .hotelDetailSidebar .utf_box_widget {
        float: none;
        margin-top: 0;
    }

    #tourHotelMain #utfListingOpinions {
        margin-bottom: 0 !important;
    }
}

.modal-footer.installment {
    display: none;
}

.tourHotelMain .TourHotel .hotelsBox .more .main > button {
    width: 80px;
    border: none;
    background-color: transparent;
    height: 100%;
}

    .tourHotelMain .TourHotel .hotelsBox .more .main > button:nth-child(1):before {
        content: "جزئیات";
        font-size: 13px;
        color: #fff;
    }

    .tourHotelMain .TourHotel .hotelsBox .more .main > button:nth-child(2) {
        border-right: 1px solid #fff;
    }

        .tourHotelMain .TourHotel .hotelsBox .more .main > button:nth-child(2):before {
            content: "اقساط";
            font-size: 13px;
            color: #fff;
        }

.tourHotelMain .TourHotel .hotelsBox .more[aria-expanded="true"] .main {
    background-color: #faa517;
}

.tourHotelMain
.TourHotel
.hotelsBox
.more[aria-expanded="true"]
.buttons
#bg-bottom {
    background-color: #faa517;
}

.tourHotelMain
.TourHotel
.hotelsBox
.more
.main > button[aria-expanded="true"]:nth-child(1)::before {
    content: "بستن";
}

.tourHotelMain
.TourHotel
.hotelsBox
.more
.main > button[aria-expanded="true"]:nth-child(2)::before {
    content: "بستن";
}

@media only screen and (max-width: 500px) {
    .hotelCountry .TourHotel .hotelsBox .hotelTours .package-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .hotelCountry .TourHotel .hotelsBox .hotelTours .package-content .image {
            -webkit-box-flex: unset;
            -ms-flex: unset;
            flex: unset;
            width: 100%;
        }

        .hotelCountry .TourHotel .hotelsBox .hotelTours .package-content .detail {
            -webkit-box-flex: unset;
            -ms-flex: unset;
            flex: unset;
            width: 100%;
        }

    .hotelCountry .hotelsBox .package-content .detail .moreDetail {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .hotelCountry .hotelsBox .package-content .detail .address {
        font-size: 16px;
    }

    .hotelCountry .hotelsBox .package-content .detail .locationTag {
        height: 26px;
        font-size: 15px;
    }

    .tourHotelMain .TourHotel .hotelsBox .hotelsDetail .packagelist {
        position: fixed;
        top: 0;
        background-color: #fff;
        left: 0;
        right: 0;
        margin: 0 !important;
        padding: 20px 0;
        z-index: 1200;
        height: 100%;
    }

        .tourHotelMain .TourHotel .hotelsBox .hotelsDetail .packagelist.collapse.in {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            padding-top: 0;
            overflow: auto;
            padding-bottom: 100px !important;
        }

    .insCal2.packagelist {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .tourHotelMain .TourHotel .hotelsBox .hotelsDetail .packagelist .hotelImages {
        margin-top: 20px;
        min-height: 180px;
    }

    .tourHotelMain
    .TourHotel
    .hotelsBox
    .more[aria-expanded="true"]
    button::before {
        content: "بازگشت";
        bottom: 4px;
        font-size: 17px;
    }

    .tourHotelMain .TourHotel .hotelsBox .more[aria-expanded="true"] .left,
    .tourHotelMain .TourHotel .hotelsBox .more[aria-expanded="true"] .right {
        background-color: transparent;
    }

    .tourHotelMain .TourHotel .hotelsBox .more[aria-expanded="true"]::before {
        background-color: transparent;
    }

    .hotels-image-slick-carousel .slick-slide img {
        height: 180px !important;
    }

    #SliderModal {
        display: none !important;
    }

    .mobileNoneModal {
        display: none;
    }

    .tourHotelMain .TourHotel {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .openInstallConditionMobile {
        display: block;
        margin-bottom: 15px;
        background-color: #fff;
        -webkit-box-shadow: -4.4px 4.1px 8.8px 0.2px #acacac3b;
        box-shadow: -4.4px 4.1px 8.8px 0.2px #acacac3b;
    }

    .openInstallConditionDesk {
        display: none;
    }

    .tourHotelMain .sidebar-search {
        margin-top: 15px !important;
    }

    .tourDetailModal .modal-body {
        height: 85vh;
        overflow-y: auto;
        padding-bottom: 75px;
    }

    /* .tourDetailModal {
    overflow-y: hidden !important;
  } */
    .tourDetailModal .modal-footer {
        display: none;
    }

    .modal-footer.installment {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #fff;
        -webkit-overflow-scrolling: touch;
        z-index: 2000;
        text-align: left;
        padding-bottom: 50px;
    }

    .hotelsDetail .packagelist .rightHoteldetail,
    .hotelsDetail .packagelist .leftHoteldetail {
        margin-bottom: 0;
    }

    .tourDetailHead h1 {
        line-height: 1.05;
    }

    .tourDetailHead > div {
        min-height: 106px;
    }

    .TourHotelHead > div {
        min-height: 55px;
    }

    .tourDetailHead div.bread-title {
        width: 100%;
    }

        .tourDetailHead div.bread-title .breadcrumb {
            padding: 8px 0px;
        }

            .tourDetailHead div.bread-title .breadcrumb span {
                padding: 0px;
                font-size: 11px;
                font-weight: 800;
            }
}

.natureToueDetailPage {
    background-color: #f6f6f6;
    margin-top: -11px;
}

    .natureToueDetailPage .package-book-state {
        padding-bottom: 20px;
    }

    .natureToueDetailPage #titlebar {
        padding: 30px 0 20px;
    }

        .natureToueDetailPage #titlebar.utf_listing_titlebar {
            background-color: transparent;
        }

.boxNewSlide {
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
}

.natureToueDetailPage .utf_add_review-box {
    margin-top: 0;
    background-color: #fff;
}

.commentBoxForm .utf_leave_rating {
    float: none;
    display: inline-flex;
}

.natureToueDetailPage .utf_dashboard_stat.boxNewSlide:hover {
    background-color: #73c9ca;
}

    .natureToueDetailPage .utf_dashboard_stat.boxNewSlide:hover * {
        color: #fff;
    }

    .natureToueDetailPage
    .utf_dashboard_stat.boxNewSlide:hover
    .utf_dashboard_stat_icon
    i,
    .natureToueDetailPage
    .utf_dashboard_stat.boxNewSlide:hover
    .utf_dashboard_ic_stat
    i {
        border: 2px solid #fff;
    }

.utf_dashboard_stat_content h4.kochikbeshe {
    font-size: 15px;
}

.tourMainPage {
    background-color: #f6f6f6;
    margin-top: -20px;
}

.toursMainContent .tourItem {
    border-radius: 7px;
    -webkit-box-shadow: -3.6px 3.5px 7.8px 0.2px rgba(197, 197, 197, 0.24);
    box-shadow: -3.6px 3.5px 7.8px 0.2px rgba(197, 197, 197, 0.24);
    background-color: #fff;
    margin: 20px 0;
    padding: 5px 0 0;
    position: relative;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .toursMainContent .tourItem.hasDiscount {
        border: 1px solid #eb0000;
    }

    .toursMainContent .tourItem.hasSpecialClass {
        border: 3px solid #eb0000;
    }

    .toursMainContent .tourItem .package-content {
        background-color: #fff;
        padding: 0 5px 5px;
        border-radius: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .toursMainContent .tourItem .package-content .image {
            width: 33%;
            border-radius: 3px;
            overflow: hidden;
            max-height: 221px;
        }

            .toursMainContent .tourItem .package-content .image img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }

        .toursMainContent .tourItem .package-content .detail {
            width: 66%;
            margin-right: 15px;
            margin-bottom: 10px;
        }

    .toursMainContent .tourItem .firstRow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 10px;
        gap: 10px;
    }

        .toursMainContent .tourItem .firstRow .title h3 {
            font-size: 18px;
            font-weight: bold;
            color: #000;
        }

        .toursMainContent .tourItem .firstRow .veihicle {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 5px;
            background-color: #f6f6f6;
            color: #000;
            padding: 5px 10px;
            font-size: 14px;
            font-weight: 400;
            margin: 5px 0 0 5px;
        }

            .toursMainContent .tourItem .firstRow .veihicle > i {
                margin-left: 5px;
            }

            .toursMainContent .tourItem .firstRow .veihicle > img {
                margin-left: 5px;
            }

            .toursMainContent .tourItem .firstRow .veihicle span:nth-child(1) {
                margin-left: 5px;
            }

    .toursMainContent .tourItem .secondRow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 10px;
    }

        .toursMainContent .tourItem .secondRow .agency {
            border-radius: 5px;
            background-color: #f6f6f6;
            color: #7e5e5e;
            padding: 4px;
            font-size: 14px;
            font-weight: 300;
        }

            .toursMainContent .tourItem .secondRow .agency.hasSpecialClass {
                background-color: var(--my-orange);
            }

                .toursMainContent .tourItem .secondRow .agency.hasSpecialClass a {
                    color: #fff;
                }

            .toursMainContent .tourItem .secondRow .agency img {
                width: 27px;
                height: 27px;
                border-radius: 50%;
            }

                .toursMainContent .tourItem .secondRow .agency img.default {
                    width: 20px;
                    height: 20px;
                    border-radius: unset;
                }

        .toursMainContent .tourItem .secondRow .numberOfDays {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 5px;
            background-color: #f6f6f6;
            color: #000;
            padding: 5px 10px;
            font-size: 14px;
            font-weight: 400;
            margin-left: 5px;
            margin-top: -13px;
        }

            .toursMainContent .tourItem .secondRow .numberOfDays span:nth-child(1) {
                margin-left: 5px;
            }

    .toursMainContent .tourItem .package-content .detail .moreDetail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .toursMainContent
        .tourItem
        .package-content
        .detail
        .moreDetail
        .contentleft
        .price {
            margin-top: 0;
            margin-left: 10px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        .toursMainContent
        .tourItem
        .package-content
        .detail
        .moreDetail
        .contentRight
        .item
        span:nth-child(1) {
            color: #6c6c6c;
            font-size: 14px;
            font-weight: 300;
        }

        .toursMainContent
        .tourItem
        .package-content
        .detail
        .moreDetail
        .contentRight
        .item
        span:nth-child(2) {
            font-size: 14px;
            font-weight: 500;
            color: #000;
        }

        .toursMainContent
        .tourItem
        .package-content
        .detail
        .moreDetail
        .contentRight
        .item.hasSpecialClass
        span:nth-child(2) {
            color: #ec0000;
        }

    .toursMainContent .tourItem .contentleft .price span.mainPrice {
        font-size: 20px;
        font-weight: 800;
    }

    .toursMainContent .tourItem .contentleft .price span.mainPriceWithDiscount {
        color: #eb0000;
    }

    .toursMainContent .tourItem .contentleft .price span:nth-child(2) {
        font-size: 14px;
        font-weight: 300;
    }

    .toursMainContent .tourItem .contentleft .buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index:2;
        -webkit-overflow-scrolling: touch;
    }

        .toursMainContent .tourItem .contentleft .buttons #bg {
            width: 40px;
            height: 40px;
            overflow: hidden;
            position: relative;
            margin-left: -20px;
        }

            .toursMainContent .tourItem .contentleft .buttons #bg::before {
                content: "";
                height: 1px;
                background-color: #73c9ca;
                width: 5px;
                position: absolute;
                bottom: 0;
                right: -5px;
            }

        .toursMainContent .tourItem .contentleft .buttons #bg-bottom {
            position: absolute;
            bottom: 0px;
            left: -5px;
            width: 100%;
            height: 50%;
            background-color: #73c9ca;
        }

        .toursMainContent .tourItem .contentleft .buttons #bottom {
            position: absolute;
            background: #ffff;
            top: 0px;
            left: 20px;
            width: 60px;
            height: 40px;
            border-radius: 20px;
            -webkit-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
        }

        .toursMainContent
        .tourItem
        .contentleft
        .buttons
        #bg[aria-expanded="false"]
        #bottom {
            background: #fff;
        }

        .toursMainContent .tourItem .contentleft .buttons .moreBtn {
            background-color: #faa517;
            padding: 6px 12px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            color: #fff;
            cursor: pointer;
            border-radius: 0px 0px 0px 5px;
        }

        .toursMainContent .tourItem .contentleft .buttons a {
            color: #fff;
        }

        .toursMainContent .tourItem .contentleft .buttons .collapseButton {
            background-color: #73c9ca;
            padding: 6px 12px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border-radius: 0 5px 0 0;
            position: relative;
            color: #fff;
            cursor: pointer;
            min-width: 130px;
            border-left: 1px solid #fff;
        }

    .toursMainContent
    .tourItem
    .moreDetail
    .contentleft
    .buttons
    .collapseButton
    a {
        color: #fff;
    }

    .toursMainContent .tourItem .packagelist {
        background-color: #f9fafe;
    }

        .toursMainContent .tourItem .packagelist > div:nth-child(1),
        .toursMainContent .tourItem .packagelist > div:nth-child(2) .detail {
            display: none;
        }

        .toursMainContent .tourItem .packagelist .firstRowInfo {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: distribute;
            -webkit-box-pack: right;
            justify-content: right;
            padding: 30px 15px 0;
            width:70%;
        }

            .toursMainContent .tourItem .packagelist .firstRowInfo > div {
                margin-left: 30px;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                text-align: center;
            }

                .toursMainContent .tourItem .packagelist .firstRowInfo > div:nth-child(1) {
                    text-align: right;
                }

        .toursMainContent .tourItem .packagelist .secondRowInfo {
            padding-bottom: 40px;
        }

            .toursMainContent
            .tourItem
            .packagelist
            .secondRowInfo
            .utf_listing_titlebar_title {
                border: none;
                background-color: transparent;
            }

    .toursMainContent
    .tourItem
    .notNature
    .firstRowInfo
    .utf_listing_titlebar_title {
        padding: 0 15px 55px !important;
        background-color: transparent;
        border: none;
    }

    .toursMainContent .tourItem .notNature > div:nth-child(1) {
        padding: 0;
        width: 100%;
        height: 200px;
    }

        .toursMainContent .tourItem .notNature > div:nth-child(1) img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .toursMainContent .tourItem .notNature > div:nth-child(4) {
        padding: 30px 25px 60px;
    }

    .toursMainContent
    .tourItem
    .notNature > div:nth-child(1)
    .utf_listing_titlebar_title {
        background: transparent;
        border: none;
        width: 100%;
    }

    .toursMainContent
    .tourItem
    .packagelist > div:nth-child(1)
    div
    span:nth-child(1) {
        font-size: 16px;
        font-weight: 300;
        color: #6c6c6c;
    }

    .toursMainContent
    .tourItem
    .packagelist > div:nth-child(1)
    div
    span:nth-child(2) {
        font-weight: 500;
        color: #000;
    }

    .toursMainContent .tourItem .packagelist > div:nth-child(2) .detail {
        padding: 0 0 40px;
    }

    .toursMainContent .tourItem .packagelist .contentleft {
        display: none;
    }

    /*.toursMainContent .tourItem .packagelist > div:nth-child(2) .utf_listing_titlebar_title {
  background-color: transparent;
  border: none;
  border-radius: unset;
  padding: 0 25px 20px;
}*/

    .toursMainContent
    .tourItem
    .packagelist > div:nth-child(2)
    .utf_listing_titlebar_title
    h3 {
        text-align: right;
    }

    .toursMainContent .tourItem .collapse {
        margin: 0;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

        .toursMainContent .tourItem .collapse.in {
            display: block;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }

.toursMainContent .whiteBack {
    background-color: white;
    border-radius: 7px;
    -webkit-box-shadow: -3.6px 3.5px 7.8px 0.2px #c5c5c53d;
    box-shadow: -3.6px 3.5px 7.8px 0.2px #c5c5c53d;
}

.toursMainContent .comments {
    margin-top: 20px;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.toursMainContent .utf_add_review-box {
    margin-top: 20px;
    background-color: #fff;
    margin-bottom: 20px;
    -webkit-box-shadow: -3.6px 3.5px 7.8px 0.2px rgb(197 197 197 / 24%);
    box-shadow: -3.6px 3.5px 7.8px 0.2px rgb(197 197 197 / 24%);
}

.tourHotelMain .tripPlan {
    margin-bottom: 20px;
}

    .tourHotelMain .tripPlan .toggle-wrap {
        background-color: #fff;
        border-radius: 7px;
        -webkit-box-shadow: -3.6px 3.5px 7.8px 0.2px #c5c5c53d;
        box-shadow: -3.6px 3.5px 7.8px 0.2px #c5c5c53d;
        margin-bottom: 10px;
    }

        .tourHotelMain .tripPlan .toggle-wrap .trigger.active {
            background-color: #fff;
        }

        .tourHotelMain .tripPlan .toggle-wrap .trigger a {
            background-color: #fff;
            border: none;
        }

        .tourHotelMain .tripPlan .toggle-wrap .toggle-container {
            border: none;
        }

        .tourHotelMain .tripPlan .toggle-wrap .trigger.active a {
            background-color: #fff;
            border: none;
        }

            .tourHotelMain .tripPlan .toggle-wrap .trigger.active a i {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

@media only screen and (min-width: 768px) {
    .toursMainContent .isotope-grid .tourItem:hover {
        -webkit-box-shadow: 0 0 40px rgba(24, 23, 24, 0.2);
        box-shadow: 0 0 40px rgba(24, 23, 24, 0.2);
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    }
}

@media only screen and (max-width: 992px) {
    .toursMainContent .tourItem .package-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .toursMainContent .tourItem .package-content .image {
            width: 100%;
        }

        .toursMainContent .tourItem .package-content .detail {
            width: 100%;
            margin-right: 0;
            margin-bottom: 10px;
            margin-left: 0;
            padding: 6px 0 18px;
        }

            .toursMainContent
            .tourItem
            .package-content
            .detail
            .moreDetail
            .contentleft
            .price {
                margin-top: 0;
            }

    .toursMainContent .tourItem .secondRow .numberOfDays {
        margin-top: 0;
    }

    .toursMainContent .tourItem .firstRow {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: inherit;
    }

        .toursMainContent .tourItem .firstRow .title {
            margin-bottom: 5px;
        }

    .toursMainContent .tourItem .secondRow .agency {
        margin-left: 5px;
    }

    .toursMainContent .tourItem .secondRow {
        margin-bottom: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
    }

        .toursMainContent .tourItem .secondRow > div {
            margin-bottom: 10px;
        }

    .toursMainContent .tourItem .package-content .detail .moreDetail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: inherit;
    }

        .toursMainContent
        .tourItem
        .package-content
        .detail
        .moreDetail
        .contentleft {
            width: 100%;
            text-align: left;
            margin-bottom: 10px;
        }

    .toursMainContent .tourItem .packagelist > div:nth-child(1) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        padding: 0;
        margin-bottom: 20px;
    }

    .toursMainContent .tourItem .notNature > div:nth-child(1) {
        padding: 0;
        width: 100%;
    }

    .toursMainContent
    .tourItem
    .notNature
    .firstRowInfo
    .utf_listing_titlebar_title {
        padding: 0 !important;
        margin-top: 15px;
    }

    .utf_listing_features.checkboxes li.nodata {
        width: 100%;
        text-align: right !important;
        right: 15px;
    }

    .toursContainer .sideBarTours .sticky-spacer {
        height: unset !important;
    }
}

.sideBarTours {
    margin-top: 20px;
}

    .sideBarTours .utf_box_widget {
        background-color: #fff;
    }

    .sideBarTours .utf_box_widget {
        padding: 14px;
        float: right;
        width: 100%;
        -webkit-box-shadow: -3.6px 3.5px 7.8px 0.2px rgb(197 197 197 / 24%);
        box-shadow: -3.6px 3.5px 7.8px 0.2px rgb(197 197 197 / 24%);
    }

.multifilter-gallery-nav .dropDownFilter {
    overflow: hidden;
    direction: ltr;
    position: relative !important;
    width: 104%;
    float: none;
    left: 4px !important;
    -webkit-transform: unset !important;
    -ms-transform: unset !important;
    transform: unset !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 4px;
}

    .multifilter-gallery-nav .dropDownFilter.in {
        overflow: auto;
        height: auto;
    }

.sideBarTours .utf_box_widget:nth-child(2) .utf_sort_by_select_item {
    margin-bottom: 20px;
}

.sideBarTours .multifilter-gallery-nav > li {
    border-radius: 5px;
    padding: 0 5px;
    margin-bottom: 10px;
}

    .sideBarTours .multifilter-gallery-nav > li::before {
        content: "";
        position: absolute;
        bottom: -3px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 65%;
        background-color: #ccc;
        height: 0.5px;
    }

    .sideBarTours .multifilter-gallery-nav > li span {
        cursor: pointer;
        display: block;
        line-height: 35px;
    }

        .sideBarTours .multifilter-gallery-nav > li span.openFilter {
            font-size: 14px;
        }

.sideBarTours .multifilter-gallery-button {
    cursor: pointer;
    direction: rtl;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 5px;
    font-size: 12px;
    font-weight: 400;
}

    .sideBarTours .multifilter-gallery-button input {
        width: 17px;
        background-color: transparent;
        height: 17px;
        margin-top: 0;
        margin-left: 10px;
    }

.sideBarTours #filter_0 .multifilter-gallery-button input[type="checkbox"],
.sideBarTours #filter_1 .multifilter-gallery-button input[type="checkbox"],
.sideBarTours #filter_2 .multifilter-gallery-button input[type="checkbox"],
.sideBarTours #filter_4 .multifilter-gallery-button input[type="checkbox"],
.sideBarTours #filter_5 .multifilter-gallery-button input[type="checkbox"] {
    position: relative;
    opacity: 0.1;
    width: 1px;
    height: 1px;
    background-color: transparent;
    margin-top: 0;
    margin-left: 17px;
}

.sideBarTours #filter_0 .multifilter-gallery-button,
.sideBarTours #filter_1 .multifilter-gallery-button,
.sideBarTours #filter_2 .multifilter-gallery-button,
.sideBarTours #filter_4 .multifilter-gallery-button,
.sideBarTours #filter_5 .multifilter-gallery-button {
    position: relative;
}

    .sideBarTours #filter_0 .multifilter-gallery-button::before,
    .sideBarTours #filter_1 .multifilter-gallery-button::before,
    .sideBarTours #filter_2 .multifilter-gallery-button::before,
    .sideBarTours #filter_4 .multifilter-gallery-button::before,
    .sideBarTours #filter_5 .multifilter-gallery-button::before {
        content: "";
        width: 17px;
        height: 17px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: transparent;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-top: 0;
        margin-left: 10px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

.sideBarTours #filter_0 .active::before,
.sideBarTours #filter_1 .active::before,
.sideBarTours #filter_2 .active::before,
.sideBarTours #filter_4 .active::before,
.sideBarTours #filter_5 .active::before {
    content: "✔";
    background-color: #73c9ca;
    border-color: #73c9ca;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 3px;
    color: #fff;
}

.hotelNameModal {
    padding: 0 15px;
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 600;
    display: inline-block;
    display: none;
}

@media only screen and (max-width: 768px) {
    .toursMainContent .comments {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    .toursMainContent .tourItem .packagelist > div:nth-child(1) {
        height: 30vh;
        overflow: hidden;
        background-color: #ccc;
    }

        .toursMainContent .tourItem .packagelist > div:nth-child(1) img {
            -o-object-fit: cover;
            object-fit: cover;
            height: 100%;
        }

    .hotelNameModal {
        display: inline-block;
    }

        .hotelNameModal a {
            display: block;
            font-size: 17px;
            text-align: right;
        }

    .toursMainContent .tourItem .collapse.in {
        position: fixed;
        bottom: 0;
        height: 100vh;
        background-color: #fff;
        z-index: 100000000;
        width: 100vw;
        left: 0;
        right: 0;
        top: 0;
        padding: 15px;
        -webkit-transition: 0.1s;
        -o-transition: 0.1s;
        transition: 0.1s;
        /*-webkit-overflow-scrolling: touch;*/
    }

        .toursMainContent .tourItem .collapse.in .contentleft .buttons {
            position: fixed;
        }

    .toursMainContent .tourItem .packagelist > div:nth-child(2) {
        padding: 0 0 100px;
        overflow: auto;
        height: 58vh;
    }

        .toursMainContent .tourItem .packagelist > div:nth-child(2)::-webkit-scrollbar {
            width: 2px;
        }

    .toursMainContent .tourItem .packagelist .secondRowInfo {
        padding-bottom: 0;
    }

    .toursMainContent .tourItem .packagelist .firstRowInfo {
        padding: 0 0 10px 0;
    }

    .toursMainContent .tourItem .mobileModalButton .buttons .moreBtn {
        padding: 6px 50px;
    }

    .toursMainContent .tourItem .mobileModalButton .buttons .collapseButton {
        padding: 6px 65px;
    }

    .toursContainer .sideBarTours {
        float: right;
        width: 100%;
        background-color: transparent;
        padding: 0;
        margin: 10px 0 0;
    }

        .toursContainer .sideBarTours .openInstallConditionDesk {
            display: block;
        }

        .toursContainer .sideBarTours .sidebar {
            position: relative !important;
            display: block;
            float: right;
            width: 100% !important;
            left: unset !important;
            bottom: unset !important;
            top: unset !important;
            background-color: transparent;
        }

            .toursContainer .sideBarTours .sidebar .utf_box_widget {
                background-color: #fff;
                border-radius: 4px;
                border: none;
            }

    .toursMainContent .tourItem .packagelist .firstRowInfo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

        .toursMainContent .tourItem .packagelist .firstRowInfo span:nth-child(2) {
            color: #000;
        }

    .toursMainContent .tourItem .packagelist .contentleft {
        display: block;
    }

    .toursMainContent .tourItem .packagelist > div:nth-child(1),
    .toursMainContent .tourItem .packagelist > div:nth-child(2) .detail {
        display: block;
    }

    .toursMainContent .tourItem .packagelist > div:nth-child(2) .detail {
        padding: 0;
    }

    .toursMainContent
    .tourItem
    .notNature
    .firstRowInfo
    .utf_listing_titlebar_title {
        background-color: transparent;
        border: none;
    }

    .packagelist .utf_listing_titlebar .utf_listing_titlebar_title {
        width: 100%;
    }

    .utf_add_review-box {
        display: none;
    }

    .toursMainContent .utf_add_review-box {
        margin-top: 0;
    }

    .toursMainContent #utf_listing_faq {
        padding-left: 0;
        padding-right: 0;
    }

    .tourHotelMain
    .TourHotel
    .hotelsBox
    .more[aria-expanded="true"]
    .buttons
    #bg {
        display: none;
    }

    .tourHotelMain .TourHotel .hotelsBox .more[aria-expanded="true"] .main {
        margin-right: 0;
        width: 100%;
        border-radius: unset;
        height: 50px;
    }

    .tourHotelMain .TourHotel .hotelsBox .more button[aria-expanded="true"] {
        position: fixed;
        bottom: 0;
        z-index: 10000002;
        margin: 0;
        height: 50px;
        width: 100%;
        -webkit-overflow-scrolling: touch;
        background-color: var(--my-orange);
    }

    .tourHotelMain
    .TourHotel
    .hotelsBox
    .more[aria-expanded="true"]
    .main::before {
        font-size: 20px;
    }

    .tourHotelMain
    .TourHotel
    .hotelsBox
    .hotelsDetail
    .hotelTours
    .package-content {
        padding: 10px 10px 7px;
    }

    .tourHotelMain .collapse.in .moredetailsModal {
        max-height: 57vh;
        overflow: auto;
        padding-bottom: 20px;
        margin-top: 5px !important;
    }

        .tourHotelMain .collapse.in .moredetailsModal::-webkit-scrollbar {
            width: 1px;
        }
}

@media only screen and (max-width: 359px) {
    .toursMainContent .tourItem .mobileModalButton .buttons .collapseButton {
        padding: 6px 0;
        width: 130px;
    }

    .toursMainContent .tourItem .mobileModalButton .buttons .moreBtn {
        padding: 6px 0;
        width: 150px;
    }

    .toursMainContent .tourItem .packagelist > div:nth-child(2) {
        padding: 0 0 30px;
    }
}

.openHotelStats > span:nth-child(2) {
    display: none;
}

@media only screen and (max-width: 768px) {
    .tourHotelMain .TourHotel .hotelsBox .hotelsDetail .tourDetailHotelHead .title a {
        font-size: 17px;
    }

    .hotelStatOnMobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .hotelNameModal .openHotelStats > span:nth-child(2) {
        font-size: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 4px;
    }

        .hotelNameModal .openHotelStats > span:nth-child(2) > span {
            padding: 0 3px;
        }

    .utf_add_review-box h3 {
        line-height: 27px;
        margin-bottom: 26px !important;
        margin-top: 5px;
    }

    .openCommentBox {
        width: 100%;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 0;
        height: 43px;
    }

        .openCommentBox.rotate {
            background-color: #979292;
            color: #fff;
            border: none;
            text-align: center;
            padding-top: 9px;
        }
}

.currencyItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
}

    .currencyItem > div {
        height: 35px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0 6px;
    }

        .currencyItem > div:nth-child(1) {
            color: #000;
            border-bottom: 1px solid #ccc;
        }

#utf_listing_faq.utf_listing_section {
    background-color: #fff;
    padding: 30px 15px;
    border-radius: 5px;
}

@media only screen and (max-width: 768px) {
    .currencyItem {
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset;
        border-bottom: 1px solid #ccc;
        padding-top: 10px;
    }

    .makeMapBig {
        top: 0;
        right: 0;
        bottom: unset;
        left: unset;
    }

    .currencyItem > div:nth-child(1) {
        border-bottom: none;
    }

    .toursContainer {
        padding-left: 10px;
        padding-right: 10px;
    }

    #utf_listing_faq.utf_listing_section {
        padding: 30px 10px;
    }

    .utf_listing_New #accordion .card {
        padding: 3px 9px 7px;
    }
}

.instaBannerTours {
    display: none;
}

@media only screen and (max-width: 768px) {
    .instaBannerTours {
        display: block;
    }
}

.sideBarTours .tourDetailModalBtn {
    font-size: 13px;
}

.sideBarTours #rightSidebarContent {
    display: none;
}

.toursMainContent
.tourItem
.package-content
.detail
.moreDetail
.contentRight
.itemRoadTours {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .toursMainContent
    .tourItem
    .package-content
    .detail
    .moreDetail
    .contentRight
    .itemRoadTours
    span:nth-child(1) {
        margin-left: 5px;
    }

    .toursMainContent
    .tourItem
    .package-content
    .detail
    .moreDetail
    .contentRight
    .itemRoadTours
    span:nth-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

#tourHotelMain #utfListingOpinions {
    background-color: #fff;
    -webkit-box-shadow: -4.4px 4.1px 8.8px 0.2px rgb(172 172 172 / 23%);
    box-shadow: -4.4px 4.1px 8.8px 0.2px rgb(172 172 172 / 23%);
    border-radius: 10px;
    padding-bottom: 5px;
}

.comments ul li {
    border: none;
}

.utf_listing_payment_section .opening-hours.summary li.newContent {
    position: relative;
    width: 46%;
    font-size: 12px;
    border-bottom: 1px solid #cccccc5e;
}

.utf_listing_payment_section .opening-hours.summary li.FullnewContent {
    position: relative;
    width: 100%;
    font-size: 12px;
    border-bottom: 1px solid #cccccc5e;
}

    .utf_listing_payment_section
    .opening-hours.summary
    li.FullnewContent:last-child {
        border-bottom: none;
    }

.utf_listing_payment_section
.opening-hours.summary
li.newContent:nth-child(odd) {
    margin: 0 0 0 10px;
}

    .utf_listing_payment_section
    .opening-hours.summary
    li.newContent:nth-child(odd)::before {
        content: "";
        position: absolute;
        left: -11px;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: #cccccc5e;
    }

.utf_hosted_by_user_title.newContent h4 {
    margin-top: 0;
}

.utf_hosted_by_user_title.newContent .utf_hosted_by_avatar_listing {
    top: 38%;
}

.utf_add_comment textarea,
.utf_add_comment input {
    display: block;
    border: none;
    color: #707070;
    border-radius: 5px;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 0 5.8px 1.2px rgba(225, 225, 225, 0.57);
    box-shadow: 0 0 5.8px 1.2px rgba(225, 225, 225, 0.57);
    background-color: #fff;
}

.utf_leave_rating {
    -webkit-box-shadow: 0 0 5.8px 1.2px rgba(225, 225, 225, 0.57);
    box-shadow: 0 0 5.8px 1.2px rgba(225, 225, 225, 0.57);
    border: none;
    color: #6f6cde;
    background-color: #fff;
}

.mobileButtonComment {
    display: none;
}

@media only screen and (max-width: 768px) {
    .utf_by_comment {
        font-size: 16px;
    }

    body .utf_comment_content p {
        font-size: 14px;
    }

    .utf_add_review-box.mobileFull {
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: #fff !important;
        z-index: 30000001;
        display: block;
        margin: 0;
        padding: 0 0 70px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

        .utf_add_review-box.mobileFull::-webkit-scrollbar {
            width: 1px;
        }

    #viewWeblog .utf_add_review-box {
        margin-top: 0;
    }

    .utf_add_review-box.mobileFull .button {
        width: 100%;
    }

    #mapModal {
        top: 0%;
        bottom: 0;
        height: 100vh;
        background-color: #fff;
        z-index: 1210;
    }

        #mapModal .modal-content {
            height: 100vh;
        }

        #mapModal .modal-body {
            height: auto;
            overflow-y: auto;
        }

        #mapModal .modal-footer {
            display: block;
        }

            #mapModal .modal-footer button {
                position: relative;
                top: 8px;
                left: 0;
                right: 0;
                width: 100%;
                height: 47px;
                background-color: var(--dark-green);
                color: #fff;
                border-radius: 10px;
                -webkit-overflow-scrolling: touch;
                margin: 0 auto;
            }

    .comments .utf_listing_headline_part {
        font-size: 17px;
        display: inline-block;
        padding-top: 0 !important;
    }

    .mobileButtonComment {
        display: inline-block;
        text-align: center;
        float: none;
        margin-top: 14px;
        border: 1px solid #faa517;
        padding: 5px 10px;
        margin-top: 10px;
        margin-bottom: 0;
        border-radius: 5px;
        color: #fff;
        width: 100%;
        background-color: #faa517;
    }

    .comments.fullMobile .mobileButtonComment {
        margin: 0;
        width: 100%;
        position: fixed;
        bottom: 38px;
        left: 0;
        z-index: 1000;
        border-radius: 0;
        text-align: center;
        padding: 4px 0;
        cursor: pointer;
        color: #fff;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        background-color: #73c9ca;
        border: 1px solid #73c9ca;
    }

    .comments > ul > li {
        background-color: #f9f9f9;
        padding: 10px;
        border-radius: 5px;
        -webkit-box-shadow: -3.6px 3.5px 7.8px 0.2px rgb(197 197 197 / 24%);
        box-shadow: -3.6px 3.5px 7.8px 0.2px rgb(197 197 197 / 24%);
        margin-bottom: 15px;
    }

    .openCommentBox.hideOnMobile {
        height: 0;
    }
}

.comments.fullMobile {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    margin: 0;
    padding-bottom: 86px !important;
    z-index: 10000000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.isotope-grid {
    display: none;
}

.agencySideBar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.agencySideBarTitle {
    padding: 0 0 24px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
}

    .agencySideBarTitle > div:nth-child(1) {
        width: 70px;
        height: 70px;
        margin-left: 10px;
    }

    .agencySideBarTitle > div:nth-child(2) {
        min-height: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }

.contentAgency .toursContainer {
    padding-bottom: 20px;
}

.nothingToShow {
    border: solid 2px #eee;
    -webkit-box-shadow: 0px 0px 6px 1px #e8e8e8;
    box-shadow: 0px 0px 6px 1px #e8e8e8;
    border-radius: 5px;
    margin-top: 20px;
    background-color: #fff;
    color: #f8a608;
    text-align: center;
    overflow: hidden;
    min-height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 5px 0 40px;
}

.nothingToShowTourHotelContent {
    padding: 30px 0;
    min-height: 440px;
}

.nothingToShow p {
    font-size: 19px;
    font-weight: 800;
    color: #6c6c6c;
}

    .nothingToShow p.desc {
        font-weight: 400;
        font-size: 16px;
    }

.nothingToShowTourHotelContent p {
    font-weight: 600;
}

.nothingToShow .subscribeTourForCall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    width: 50%;
    margin-top: 20px;
}

    .nothingToShow .subscribeTourForCall input {
        -webkit-box-flex: 3;
        -ms-flex: 3;
        flex: 3;
        height: 40px;
    }

    .nothingToShow .subscribeTourForCall button {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-bottom: 16px;
        height: 40px;
        padding: 7px 20px;
        background-color: #5cb8b9;
        color: #fff;
        border-radius: 4px;
    }

.nothingToShow .nothingToShowTourHotel {
    color: #6c6c6c;
    line-height: 30px;
}

    .nothingToShow .nothingToShowTourHotel a {
        color: #000;
        font-weight: 800;
    }

.nothingToShow button {
    border: 2px solid var(--dark-green);
    outline: none;
    background-color: #fff;
    color: var(--dark-green);
    padding: 5px 50px;
    border-radius: 7px;
    margin-bottom: 20px;
    font-family: iranYekan;
    font-weight: 700;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .nothingToShow button:hover {
        background-color: var(--dark-green);
        color: #fff;
    }

.nothingToShow img {
    width: 24%;
}

.nothingToShow i {
    font-size: 31px;
    margin-top: 10px;
}

.contentAgency {
    background-color: #f9f9f9;
}

.hotelDetailSidebar.sticky .noTourBox {
    float: none;
    margin-bottom: 40px !important;
}

.showMoreComment {
    width: 165px;
    background-color: #fff;
    border: 1px solid #73c9ca;
    margin: 16px auto 0;
    text-align: center;
    padding: 4px 0;
    border-radius: 5px;
    cursor: pointer;
    color: #73c9ca;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.comments.fullMobile .showMoreComment {
    margin: 0;
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    border-radius: 0;
}

    .comments.fullMobile .showMoreComment:hover {
        background-color: #fff;
        color: #73c9ca;
    }

.showMoreComment:hover {
    background-color: #73c9ca;
    color: #fff;
}

.VisaDetailCommentBtn {
    margin-top: 32px;
}

#contentViewWeblog .comments {
    padding-bottom: 20px;
}

#contentViewWeblog #opinions {
    padding: 0;
}

.tourHotelMain
.TourHotel
.hotelsBox
.more
.main[aria-expanded="true"] > button:nth-child(1)::before {
    content: "بستن";
}

.tourHotelMain .TourHotel .hotelsBox .priceContent {
    border: none;
}

    .tourHotelMain .TourHotel .hotelsBox .priceContent .doubleRoom,
    .tourHotelMain .TourHotel .hotelsBox .priceContent .singleRoom,
    .tourHotelMain .TourHotel .hotelsBox .priceContent .child,
    .tourHotelMain .TourHotel .hotelsBox .priceContent .childNoBed {
        display: none;
    }

.moreDetailTourHotelOnMobile {
    display: none;
}

@media only screen and (max-width: 768px) {
    .nothingToShow .subscribeTourForCall {
        width: 88%;
    }

    .nothingToShow img {
        width: 70%;
    }

    .tourHotelMain .TourHotel .hotelsBox .priceContent .doubleRoom,
    .tourHotelMain .TourHotel .hotelsBox .priceContent .singleRoom,
    .tourHotelMain .TourHotel .hotelsBox .priceContent .child,
    .tourHotelMain .TourHotel .hotelsBox .priceContent .childNoBed {
        display: block;
        font-size: 14px;
        font-weight: 400;
    }

    .moreDetailTourHotelOnMobile {
        display: block;
    }

    .tourHotelMain .TourHotel .hotelsBox .tourDetails.in {
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        z-index: 1000;
        margin: 0;
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-start;
        padding-bottom: 50px;
        -webkit-overflow-scrolling: touch;
    }

    .tourHotelMain .TourHotel .hotelsBox .priceContent {
        margin-bottom: 15px;
    }

    .tourHotelMain .TourHotel .hotelsBox .tourDetails.in .tab_container {
        overflow: auto;
    }

    .tourHotelMain
    .TourHotel
    .hotelsBox
    .more
    .buttons
    .main[aria-expanded="true"] {
        position: fixed;
        bottom: 0;
        z-index: 2000;
        width: 100%;
        left: 0;
        right: 0;
        height: 50px;
        -webkit-overflow-scrolling: touch;
        background-color: var(--my-orange);
    }

    .tourHotelMain
    .TourHotel
    .hotelsBox
    .more
    .main[aria-expanded="true"] > button:nth-child(1)::before {
        font-size: 20px;
    }

    .tourHotelMain .TourHotel .hotelsBox .tourDetails .utf_tabs_nav li {
        width: 50%;
    }

        .tourHotelMain .TourHotel .hotelsBox .tourDetails .utf_tabs_nav li a {
            color: #73c9ca !important;
        }

        .tourHotelMain .TourHotel .hotelsBox .tourDetails .utf_tabs_nav li.active a {
            color: #fff !important;
            background-color: #73c9ca !important;
            border-color: none !important;
        }

    .tourHotelMain .TourHotel .hotelsBox .tourDetails.in .title {
        margin-bottom: 10px;
    }

    #utf_single_listing_map_block {
        height: 205px;
    }
}

.tourHotelNumbers {
    display: none;
}

.hoverOnLinkTourHotel:hover {
    color: var(--dark-green);
}

.tourHotelMain
.TourHotel
.hotelsBox
.headTitle
.agency.hoverOnBoxTourHotel:hover {
    background-color: #e3e3e3;
}

.tourDetailHead .breadcrumb {
    margin-bottom: 0;
}

.dontShowFrom {
    display: none;
}

.package-book-state.show,
.package-info-state.show {
    display: block !important;
}

.package-book-state.dontShow,
.package-info-state.dontShow {
    display: none !important;
}

.utf_booking_listing_section_form .card-header h2 {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .utf_booking_listing_section_form .card-header h2 .btn {
        padding-right: 0;
        color: #707070;
        font-size: 17px;
        text-decoration: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .utf_booking_listing_section_form .card-header h2 .btn[aria-expanded="true"] {
            color: var(--dark-green);
        }

        .utf_booking_listing_section_form .card-header h2 .btn .icon {
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        .utf_booking_listing_section_form
        .card-header
        h2
        .btn[aria-expanded="true"]
        .icon {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

    .utf_booking_listing_section_form .card-header h2 > i {
        padding-bottom: 8px;
        font-size: 22px;
    }

    .utf_booking_listing_section_form .card-header h2 .btn:hover {
        text-decoration: none;
        color: var(--dark-green);
    }

.stepCounterProgress,
#nextStep2,
#colseReservation,
#nextStep3,
#returnStep1,
#paymentBtn,
#returnStep2 {
    display: none;
}

.showOnMobileCollapse {
    display: none !important;
}

.showOnDesktopNotCollapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.utf_listing_payment_section .opening-hours.summary li.detailOfSignPassengers {
    display: none;
}

.utf_listing_payment_section
.opening-hours.summary
li.total-costs
#detailOfSignPassengers
span {
    color: #8b8987;
    line-height: 40px;
    font-size: 15px;
}

#showingReserveButton {
    position: fixed;
    bottom: 0;
    left: 0;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 79%;
    height: 71px;
    border-radius: 0 15px 0 0;
    background-color: var(--my-orange);
    color: #fff;
    -webkit-overflow-scrolling: touch;
    z-index: 1000000;
}

    #showingReserveButton #bg {
        width: 50px;
        height: 50px;
        overflow: hidden;
        position: absolute;
        right: -30px;
        bottom: 0;
    }

        #showingReserveButton #bg::before {
            content: "";
            height: 1px;
            background-color: var(--my-orange);
            width: 5px;
            position: absolute;
            bottom: 0;
            right: -5px;
        }

        #showingReserveButton #bg #bg-bottom {
            position: absolute;
            bottom: 0px;
            left: -5px;
            width: 100%;
            height: 60%;
            background-color: var(--my-orange);
        }

        #showingReserveButton #bg #bottom {
            position: absolute;
            background: #fff;
            top: 0px;
            left: 20px;
            width: 40px;
            height: 50px;
            border-radius: 20px;
            -webkit-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
        }


#showingReserveButtonLink {
    color: #fff;
    font-size: 21px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    #showingReserveButtonLink span {
        font-size: 19px;
    }

#darkLayerReserveButton,
#darkLayerReserveButton2 {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1001;
    height: 100vh;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(0, 0, 0, 0.288);
    display: none;
}

#mobileDatePicker {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    z-index: 10000001;
    overflow: hidden;
    height: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#numberOfCustomersMobile {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    z-index: 10000002;
    overflow: hidden;
    height: 0;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    border-radius: 20px 20px 0 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#mobileDatePicker.openDatePicker {
    height: 100vh;
    padding: 0.5rem;
}

#mobileDatePicker > div:nth-child(1) {
    display: none;
}

#mobileDatePicker.openDatePicker > div:nth-child(1) {
    height: 10vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 5px 14px;
    margin-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    #mobileDatePicker.openDatePicker > div:nth-child(1) #closeDatePicker {
        width: 30px;
        height: 30px;
        color: #aaaaaa;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 28px;
    }

    #mobileDatePicker.openDatePicker > div:nth-child(1) > div:nth-child(2) {
        padding-top: 5px;
    }

#mobileDatePicker.openDatePicker > div:nth-child(2) {
    height: 89vh;
    margin: 0;
    padding: 0 10px;
}

#numberOfCustomersMobile.openDatePicker {
    height: 30vh;
    padding: 2rem 2.5rem 3rem;
}

    #numberOfCustomersMobile.openDatePicker > .title {
        font-size: 18px;
        font-weight: 800;
        margin-bottom: 10px;
        color: #000;
    }

    #numberOfCustomersMobile.openDatePicker .qtyButtons {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #numberOfCustomersMobile.openDatePicker .qtyButtons > div:nth-child(2) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
        }

        #numberOfCustomersMobile.openDatePicker .qtyButtons input {
            background-color: transparent;
            width: 36px;
            height: 30px;
            padding: 0;
            display: -webkit-box;
            display: flex;
            display: -ms-flexbox;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #000;
        }

        #numberOfCustomersMobile.openDatePicker .qtyButtons .qtyInc,
        #numberOfCustomersMobile.openDatePicker .qtyButtons .qtyDec {
            background-color: #d4f1f1;
            color: #73c9ca;
            font-weight: 500;
            width: 32px;
            height: 30px;
            line-height: 29.5px;
            -webkit-text-stroke: unset;
            border: 1px solid #b6e1e1;
        }

            #numberOfCustomersMobile.openDatePicker .qtyButtons .qtyInc.active,
            #numberOfCustomersMobile.openDatePicker .qtyButtons .qtyDec.active {
                border: 1px solid #28b3b5;
                background-color: var(--light-green);
                color: #fff;
            }

        #numberOfCustomersMobile.openDatePicker .qtyButtons .qtyTitle {
            width: auto;
            padding: 0;
            font-size: 16px;
            color: #000;
        }

            #numberOfCustomersMobile.openDatePicker .qtyButtons .qtyTitle span {
                color: #6c7680;
            }

#confirmNumberOfPassengers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background-color: var(--my-orange);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
    border-radius: 5px;
    color: #fff;
}

.passengerForm {
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .utf_hosted_by_user_title.newContent .utf_hosted_by_avatar_listing {
        top: 0;
    }

    #reserveRequest.focusReserve {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100vh;
        z-index: 10000000;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-overflow-scrolling: touch;
    }

        #reserveRequest.focusReserve button {
            display: none;
        }


        #reserveRequest.focusReserve .verified-badge {
            display: none;
        }

    #showingReserveButton.showButton {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #showingReserveButton.hideShowButton {
        display: none;
    }

    .utf_listing_payment_section
    .opening-hours.summary
    li.detailOfSignPassengers {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        display:block;
    }

        .utf_listing_payment_section
        .opening-hours.summary
        li.detailOfSignPassengers
        #detailOfSignPassengers {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 100%;
        }

    .utf_listing_payment_section
    .opening-hours.summary
    li.select-gate-mobile {
        margin-bottom: 100px;
        display: block;
    }

        .utf_listing_payment_section
        .opening-hours.summary
        li.select-gate-mobile .gate-list-mobile .utf_payment_tab_block label {
            padding: 0;
        }

            .utf_listing_payment_section
            .opening-hours.summary
            li.select-gate-mobile .gate-list-mobile .utf_payment_tab_block label::after {
                top: calc(50% - 5px);
            }

    .utf_listing_payment_section
    .opening-hours.summary
    li.gate-list-mobile {
        margin-bottom: 100px
    }

    .showOnMobileCollapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .showOnDesktopNotCollapse {
        display: none !important;
    }

    .package-book-state.show,
    .package-info-state.show {
        display: block !important;
    }

    .package-book-state.show {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 2000000;
        margin: 0;
        padding: 0;
        background-color: #fff;
        -webkit-overflow-scrolling: touch;
    }

        .package-book-state.show .dontShow {
            display: none;
        }

        .package-book-state.show .boxNewSlide {
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 1px solid #ccc;
        }

    .package-info-state.dontShow {
        display: block !important;
    }

    .package-book-state.dontShow {
        display: none !important;
    }

    .nextStepButton {
        position: fixed;
        bottom: 0;
        left: 0;
        height: 50px;
        width: 75%;
        background-color: var(--my-orange);
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 24px;
        -webkit-overflow-scrolling: touch;
        border-radius: 5px;
        margin: 10px;
        border: none;
    }

    .returnStepButton {
        position: fixed;
        bottom: 0;
        right: 0;
        height: 50px;
        width: 18%;
        background-color: #a7b3b3;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 24px;
        border-left: 1px solid #fff;
        -webkit-overflow-scrolling: touch;
        border-radius: 5px;
        margin: 10px;
    }

    .colseReserveButton {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50px;
        width: 100%;
        background-color: #fff;
        color: var(--dark-green);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 24px;
        -webkit-overflow-scrolling: touch;
    }

    .stepCounterProgress {
        display: block;
        height: 10vh;
        margin-bottom: 0 !important;
    }

    #nextStep2,
    #colseReservation,
    #nextStep3,
    #returnStep1,
    #paymentBtn,
    #returnStep2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #paymentBtn,
    #returnStep2,
    #nextStep2,
    #colseReservation {
        display: none;
        z-index: 10000000;
    }

    .natureToueDetailPage .package-book-state .utf_listing_payment_section {
        margin-top: 0 !important;
    }

    #step1Form,
    #passenger-container,
    #paymentStep {
        height: 90vh;
    }

    #paymentStep {
        display: none;
        margin: 0;
        position: fixed !important;
        top: 65px;
        bottom: 0;
        left: 0;
        right: 0;
        height: 91vh;
        z-index: 2000001;
        -webkit-overflow-scrolling: touch;
        overflow: auto;
        background-color: #fff;
    }

        #paymentStep .boxed-widget {
            height: 100%;
            overflow: auto;
        }

            #paymentStep .boxed-widget::-webkit-scrollbar {
                width: 3px;
            }

    .utf_booking_confirmation_button {
        display: none !important;
    }

    .passengerForm {
        width: 100%;
    }

    #passenger-container {
        overflow: auto;
        padding: 15px;
    }

        #passenger-container::-webkit-scrollbar {
            width: 1px;
        }

    .booking_widget_box .panel-dropdown .panel-dropdown-content {
        padding: 0;
    }

    .natureToueDetailPage #passenger-container .passengerRowForm > div {
        padding-left: 0;
        padding-right: 0;
        min-height: 53px;
    }
}

.comments > ul > li {
    border-bottom: 1px solid #efefef;
}

#weblog .content .lastPost .tab-content .toursTourHotel {
    /* display: flex;
  flex-wrap: wrap;
  justify-content: space-between; */
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 12px;
}

.tourMainPage #weblog .utf_listing_headline_part {
    margin-right: 9px;
}

#weblog .content .lastPost .tab-content .toursTourHotel .post {
    width: 100%;
    min-height: 80px;
    padding: 5px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 8px;
    margin-top: 8px;
    -webkit-box-shadow: -6px 4px 13px #c4d8e7, -5px 4px 13px #fff;
    box-shadow: -6px 4px 13px #c4d8e7, -5px 4px 13px #fff;
}

    #weblog .content .lastPost .tab-content .toursTourHotel .post .image {
        height: 70px;
        border-radius: 5px;
        overflow: hidden;
    }

    #weblog
    .content
    .lastPost
    .tab-content
    .toursTourHotel
    .post
    a > div:nth-child(2) {
        height: 70px;
        padding: 5px 10px 5px 5px;
    }

    #weblog
    .content
    .lastPost
    .tab-content
    .toursTourHotel
    .post
    a > div:nth-child(1) {
        padding-left: 0;
        padding-right: 0;
    }

#headertitle.tourHotelHead {
    margin-top: 0;
    min-height: 75px;
}

.HotelCountrySearch {
    height: 306px;
}

    .HotelCountrySearch h1 {
        font-size: 31px;
    }

@media only screen and (max-width: 768px) {
    #weblog .content .lastPost .tab-content .toursTourHotel {
        -ms-grid-columns: 48% 48%;
        grid-template-columns: 48% 48%;
    }

    .HotelCountrySearch {
        height: 564px;
    }

    #weblog .content .lastPost .tab-content .toursTourHotel .post {
        width: 100%;
    }

        #weblog .content .lastPost .tab-content .toursTourHotel .post .image {
            height: 100px;
        }

    .cbp-l-filters-alignCenter {
        margin: 10px 0 35px;
        height: 40px;
        overflow: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 3px;
    }

        .cbp-l-filters-alignCenter::-webkit-scrollbar {
            height: 1px;
        }

        .cbp-l-filters-alignCenter::-webkit-scrollbar-track {
            background-color: rgba(0, 0, 0, 0.05);
            border-radius: 10px;
        }

        .cbp-l-filters-alignCenter::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background-color: rgba(0, 0, 0, 0.2);
        }

            .cbp-l-filters-alignCenter::-webkit-scrollbar-thumb:hover {
                border-radius: 10px;
                background-color: rgba(0, 0, 0, 0.3);
            }
}

.tourHotelSidebarContent .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .tourHotelSidebarContent .title h2 {
        margin: 0;
        font-size: 22px;
    }

    .tourHotelSidebarContent .title .utf_star_rating_section {
        margin-right: 10px;
    }

#goToTop {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 24px;
    z-index: 100;
    font-size: 19px;
    border: none;
    outline: none;
    background-color: #86c9cb;
    color: white;
    cursor: pointer;
    padding: 9px 13px 5px;
    border-radius: 100%;
    border: 3px solid #fff;
}

    #goToTop:hover {
        background-color: #555;
    }

@media only screen and (max-width: 560px) {
    #goToTop {
        bottom: 20px;
        left: 15px;
        padding: 9px 13px 5px;
    }
}

.numberOfPassengerInEachRoom {
    display: none;
}

#reservePage .eachRoom .passengers .chooseCountry,
#reservePage .eachRoom .passengers .passportNumber,
#reservePage .eachRoom .passengers .passportDate {
    display: none;
}

.tourDetailModal .modal-header {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tourDetailModal .modal-body h3 {
    margin: 7px 0 3px;
    font-size: 17px;
}

.tourDetailModal .wrapOfInstallmentModal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .tourDetailModal .wrapOfInstallmentModal > div {
        padding: 5px 10px;
        background-color: #fff;
        color: var(--dark-green);
        border: 1px solid var(--dark-green);
        margin-left: 20px;
        border-radius: 5px;
        font-size: 15px;
        cursor: pointer;
    }

        .tourDetailModal .wrapOfInstallmentModal > div.active {
            background-color: var(--dark-green);
            color: #fff;
        }

.tourDetailModal #conditionsByEzpay {
    display: none;
}

@media only screen and (max-width: 768px) {
    .tourDetailModal .wrapOfInstallmentModal > div {
        font-size: 11px;
    }
}

/************* panel login ************/
#panelLogin {
    min-height: 100vh;
    padding: 50px 0;
}

#loginSection {
    display: block;
}

#signUpSection {
    display: none;
}

#forgetSection {
    display: none;
}

#panelLogin .login {
    width: 400px;
    margin: 0 auto;
    padding: 10px 20px 14px 23px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 17.3px 0.7px rgba(187, 187, 187, 0.5);
    box-shadow: 0 0 17.3px 0.7px rgba(187, 187, 187, 0.5);
    background-color: #fff;
    position: relative;
    left: 0;
    right: 0;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

    #panelLogin .login .mobileStep,
    #panelLogin .login .emailStep {
        display: none;
    }

    #panelLogin .login .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

        #panelLogin .login .title > span:nth-child(1) {
            display: inline-block;
            font-size: 21px;
            font-weight: 500;
            position: relative;
            margin-bottom: 25px;
        }

        #panelLogin .login .title > span:nth-child(2) {
            cursor: pointer;
        }

#panelLogin #timer {
    cursor: pointer;
    font-size: 13px;
    margin-top: 5px;
    color: #a5a4a4;
}

#panelLogin .login .title > span:nth-child(1)::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -5px;
    height: 3px;
    width: 100%;
    background-color: var(--my-orange);
}

#panelLogin .login .caption {
    font-size: 14px;
    font-weight: 300;
    color: #6c6c6c;
    margin-bottom: 15px;
}

#panelLogin .login .inputFirst input::-webkit-input-placeholder {
    font-size: 12px;
}

#panelLogin .login .inputFirst input::-moz-placeholder {
    font-size: 12px;
}

#panelLogin .login .inputFirst input:-ms-input-placeholder {
    font-size: 12px;
}

#panelLogin .login .inputFirst input::-ms-input-placeholder {
    font-size: 12px;
}

#panelLogin .login .inputFirst input::placeholder {
    font-size: 12px;
}

#panelLogin .login .inputFirst input::-webkit-input-placeholder {
    font-size: 12px;
}

#panelLogin .login .inputFirst input::-ms-input-placeholder {
    font-size: 12px;
}

.inputFirst .code-input {
    width: 50px;
    text-align: center;
}

.mobileStep .inputFirst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.emailStep .inputFirst {
    position: relative;
}

    .emailStep .inputFirst input {
        text-align: left;
    }

        .emailStep .inputFirst input::-webkit-input-placeholder {
            text-align: right;
        }

        .emailStep .inputFirst input::-moz-placeholder {
            text-align: right;
        }

        .emailStep .inputFirst input:-ms-input-placeholder {
            text-align: right;
        }

        .emailStep .inputFirst input::-ms-input-placeholder {
            text-align: right;
        }

        .emailStep .inputFirst input::placeholder {
            text-align: right;
        }

        .emailStep .inputFirst input::-webkit-input-placeholder {
            text-align: right;
        }

        .emailStep .inputFirst input::-ms-input-placeholder {
            text-align: right;
        }

    .emailStep .inputFirst .showPass {
        display: none;
        position: absolute;
        right: 10px;
        bottom: 9px;
    }

#panelLogin .login .confirmNext button {
    border-radius: 5px;
    background-color: #f6a60a;
    color: #fff;
    border: none;
    width: 100%;
    padding: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    #panelLogin .login .confirmNext button i {
        margin-left: 5px;
    }

#panelLogin .login .confirWithGoogle {
    margin-top: 15px;
}

    #panelLogin .login .confirWithGoogle button {
        border-radius: 5px;
        background-color: #4285f4;
        color: #fff;
        border: none;
        width: 100%;
        padding: 8px 0;
    }

#panelLogin .login .registrationWrap {
    font-size: 12px;
    font-weight: 300;
    color: #6c6c6c;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

    #panelLogin .login .registrationWrap span {
        color: #4285f4;
        font-weight: 500;
        position: relative;
        cursor: pointer;
    }

        #panelLogin .login .registrationWrap span::before {
            content: "";
            position: absolute;
            bottom: -3px;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #4285f4;
        }

#panelLogin .login .privacy {
    font-size: 11px;
    font-weight: 300;
    color: #6c6c6c;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

    #panelLogin .login .privacy a {
        color: #646464;
        font-weight: 500;
        position: relative;
    }

        #panelLogin .login .privacy a::before {
            content: "";
            position: absolute;
            bottom: -3px;
            width: 100%;
            height: 1px;
            background-color: #646464;
            left: 0;
        }

#panelLogin .forgetPass {
    font-size: 12px;
    margin-top: 10px;
    cursor: pointer;
}

@media only screen and (max-width: 768px) {
    #panelLogin .login {
        width: 90%;
    }
}

/********* dashboard *************/
#dashboard {
    padding: 20px 15px !important;
}

    #dashboard .dashboardSidebar .box {
        border-radius: 5px;
        -webkit-box-shadow: 0 0 17.3px 0.7px rgba(187, 187, 187, 0.5);
        box-shadow: 0 0 17.3px 0.7px rgba(187, 187, 187, 0.5);
        background-color: #fff;
        margin-bottom: 20px;
    }

        #dashboard .dashboardSidebar .box.nav {
            padding: 5px 10px;
        }

            #dashboard .dashboardSidebar .box.nav .nav-link,
            #dashboard .dashboardSidebar .box.nav .exit {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                color: #6c6c6c;
                font-size: 14px;
                line-height: 50px;
                position: relative;
                cursor: pointer;
                display:block;
            }

                #dashboard .dashboardSidebar .box.nav .nav-link.active {
                    color: #000;
                }

                #dashboard .dashboardSidebar .box.nav .nav-link img,
                #dashboard .dashboardSidebar .box.nav .exit img {
                    width: 25px;
                    height: 24px;
                    margin-left: 7px;
                }

                #dashboard .dashboardSidebar .box.nav .nav-link.active img {
                    filter: brightness(0%);
                    -webkit-filter: brightness(0%);
                }

    #dashboard .dashboardSidebar .userDetailsWrap img {
        width: 70px;
        height: 70px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 50%;
    }

    #dashboard .dashboardSidebar .userDetailsWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

        #dashboard .dashboardSidebar .userDetailsWrap .userDetails {
            margin-right: 10px;
            margin-top: 10px;
        }

            #dashboard .dashboardSidebar .userDetailsWrap .userDetails .name {
                font-size: 16px;
                font-weight: 500;
                color: #313048;
            }

            #dashboard .dashboardSidebar .userDetailsWrap .userDetails .moreDetail {
                font-size: 14px;
                font-weight: 400;
                color: #6c6c6c;
            }

    #dashboard .tab-content > .tab-pane {
        border-radius: 5px;
        border: solid 2px #eee;
        background-color: #fff;
        padding: 10px 20px 10px;
    }

    #dashboard #report_contract .package-content {
        position: relative;
        border-radius: 5px;
        background-color: #fff;
        padding: 0;
        border: 2px solid #eee;
        margin-bottom: 20px;
    }

        #dashboard #report_contract .package-content.modalExtract {
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            overflow: auto;
            z-index: 5000000;
        }

            #dashboard #report_contract .package-content.modalExtract::-webkit-scrollbar {
                width: 0px;
            }

        #dashboard #report_contract .package-content .headerWrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            text-align: right;
            padding: 10px 15px 40px;
            border-radius: 5px;
        }

            #dashboard
            #report_contract
            .package-content
            .headerWrap > div > label:nth-child(1) {
                font-size: 14px;
                font-weight: 300;
                color: #6c6c6c;
                margin-bottom: 5px;
            }

            #dashboard
            #report_contract
            .package-content
            .headerWrap > div > label:nth-child(2) {
                font-size: 16px;
                font-weight: 400;
                color: #000;
            }

                #dashboard
                #report_contract
                .package-content
                .headerWrap > div > label:nth-child(2).price {
                    color: #6c6c6c;
                    font-size: 16px;
                    font-weight: 300;
                }

                    #dashboard
                    #report_contract
                    .package-content
                    .headerWrap > div > label:nth-child(2).price
                    span {
                        font-size: 22px;
                        font-weight: 700;
                        color: #73c9ca;
                    }

                #dashboard
                #report_contract
                .package-content
                .headerWrap > div > label:nth-child(2).status {
                    border-radius: 5px;
                    color: #818181;
                    font-size: 15px;
                    padding: 0 5px;
                }

                #dashboard
                #report_contract
                .package-content
                .headerWrap > div > label:nth-child(2).lightGreen {
                    background-color: #d1fae5;
                    color: #059669;
                }

                #dashboard
                #report_contract
                .package-content
                .headerWrap > div > label:nth-child(2).Green {
                    background-color: #6ee7b7;
                    color: #064e3b;
                }

                #dashboard
                #report_contract
                .package-content
                .headerWrap > div > label:nth-child(2).darkGreen {
                    background-color: #34d399;
                    color: #065f46;
                }

                #dashboard
                #report_contract
                .package-content
                .headerWrap > div > label:nth-child(2).red {
                    background-color: #f8e1e1;
                    color: #b91c1c;
                }

                #dashboard
                #report_contract
                .package-content
                .headerWrap > div > label:nth-child(2).blueLight {
                    background-color: #bfdbfe;
                    color: #1d4ed8;
                }

                #dashboard
                #report_contract
                .package-content
                .headerWrap > div > label:nth-child(2).serviceType {
                    border-radius: 5px;
                    background-color: #fbdfb3;
                    color: #a4690e;
                    font-size: 15px;
                    padding: 0 5px;
                }

    #dashboard #report_contract .buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 200px;
        margin: 0 auto;
        overflow: hidden;
        text-align: center;
        height: 25px;
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        z-index: 2;
        cursor: pointer;
    }

        #dashboard #report_contract .buttons #bg {
            width: 20px;
            height: 25px;
            overflow: hidden;
            position: relative;
            margin-left: -10px;
        }

            #dashboard #report_contract .buttons #bg #bg-bottom {
                position: absolute;
                bottom: 0px;
                left: 0px;
                width: 100%;
                height: 50%;
                background-color: #73c9ca;
            }

            #dashboard #report_contract .buttons #bg #bottom {
                position: absolute;
                background: #fff;
                top: 0px;
                left: 10px;
                width: 15px;
                height: 25px;
                border-radius: 0 0 0 10px;
                -webkit-transition: 0.4s;
                -o-transition: 0.4s;
                transition: 0.4s;
            }

        #dashboard #report_contract .buttons .main {
            background-color: #73c9ca;
            height: 25px;
            width: 200px;
            border-radius: 5px 5px 0 0;
            color: #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            font-size: 13px;
        }

            #dashboard #report_contract .buttons .main > button {
                width: 80px;
                border: none;
                background-color: transparent;
                height: 100%;
            }

            #dashboard #report_contract .buttons .main button:nth-child(1):before {
                content: "بیشتر";
                font-size: 13px;
                color: #fff;
            }

        #dashboard
        #report_contract
        .buttons[aria-expanded="true"]
        .main
        button:nth-child(1)::before {
            content: "بستن";
        }

        #dashboard #report_contract .buttons #bg.left {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
            margin-left: 0;
            margin-right: -10px;
        }

    #dashboard .panel-body .operations > div {
        width: 100%;
    }

    #dashboard .panel-body .operations .operationButtons {
        border-radius: 5px;
        background-color: #eef0f5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin-bottom: 10px;
        height: 38px;
        color: #6c6c6c;
        font-size: 14px;
        font-weight: 500;
    }

    #dashboard .panel-body .operations .operationButtonPrice {
        background-color: #f6a60a;
        border: none;
        color: #fff;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    #dashboard .panel-body .operations .dropdown-menu {
        min-width: auto;
    }

    #dashboard .panel-body .contentOfContractDetail {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
        grid-column-gap: 15px;
        grid-row-gap: 25px;
    }

        #dashboard .panel-body .contentOfContractDetail > div {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
            -webkit-box-pack: right;
            -ms-flex-pack: right;
            justify-content: right;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            #dashboard .panel-body .contentOfContractDetail > div > label:nth-child(1) {
                margin-left: 10px;
                color: #6c6c6c;
                font-size: 13px;
                font-weight: 300;
            }

            #dashboard .panel-body .contentOfContractDetail > div > label:nth-child(2) {
                color: #000;
                font-size: 15px;
                font-weight: 500;
            }

    #dashboard .packagelist.in {
        border-radius: 5px;
        width: 100%;
        padding-bottom: 50px;
    }

    #dashboard .bhoechie-tab-content .flightRow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
        position: relative;
        padding: 0 0 30px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 23px;
    }

        #dashboard .bhoechie-tab-content .flightRow:last-child {
            margin-bottom: 0;
            border-bottom: none;
        }

        #dashboard .bhoechie-tab-content .flightRow > div:nth-child(1) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100%;
        }

        #dashboard .bhoechie-tab-content .flightRow .flightDetail {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0 0 0 20px;
            width: 20%;
        }

        #dashboard .bhoechie-tab-content .flightRow .flightContent {
            width: 80%;
        }

            #dashboard .bhoechie-tab-content .flightRow .flightContent > div:nth-child(1) {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: right;
                -ms-flex-pack: right;
                justify-content: right;
                margin-bottom: 10px;
            }

                #dashboard
                .bhoechie-tab-content
                .flightRow
                .flightContent > div:nth-child(1) > div {
                    margin-left: 10px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -ms-flex-pack: distribute;
                    justify-content: space-around;
                    padding: 0px 8px;
                    background-color: #73c9ca;
                    color: #fff;
                    border-radius: 5px;
                    font-size: 11px;
                }

                    #dashboard
                    .bhoechie-tab-content
                    .flightRow
                    .flightContent > div:nth-child(1) > div > span:nth-child(1) {
                        margin-left: 5px;
                    }

            #dashboard .bhoechie-tab-content .flightRow .flightContent > div:nth-child(2) {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                align-items: baseline;
                -ms-flex-pack: distribute;
                justify-content: space-around;
                margin-bottom: 10px;
                max-width: 420px;
                margin-top: 15px;
            }

            #dashboard .bhoechie-tab-content .flightRow .flightContent > div:nth-child(3) {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                font-size: 13px;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: end;
                position: absolute;
                left: 0;
                bottom: 40px;
            }

            #dashboard .bhoechie-tab-content .flightRow .flightContent > div .source {
                text-align: center;
            }

                #dashboard
                .bhoechie-tab-content
                .flightRow
                .flightContent > div
                .source > div:nth-child(1) {
                    font-weight: 900;
                    font-size: 20px;
                    color: #000;
                }

                #dashboard
                .bhoechie-tab-content
                .flightRow
                .flightContent > div
                .source > div:nth-child(2) {
                    font-weight: 400;
                    font-size: 13px;
                    position: relative;
                }

                    #dashboard
                    .bhoechie-tab-content
                    .flightRow
                    .flightContent > div
                    .source > div:nth-child(2)
                    span:nth-child(1) {
                        cursor: pointer;
                    }

                    #dashboard
                    .bhoechie-tab-content
                    .flightRow
                    .flightContent > div
                    .source > div:nth-child(2)
                    span:nth-child(2) {
                        position: absolute;
                        top: 26px;
                        right: 0;
                        text-align: center;
                        line-height: 15px;
                        font-size: 9px;
                        background-color: #f6a60a;
                        color: #fff;
                        border-radius: 5px;
                        padding: 2px 5px;
                        width: 100%;
                        display: none;
                    }

                    #dashboard
                    .bhoechie-tab-content
                    .flightRow
                    .flightContent > div
                    .source > div:nth-child(2):hover
                    span:nth-child(2) {
                        display: block;
                    }

            #dashboard .bhoechie-tab-content .flightRow .flightContent > div .arrow {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                align-items: baseline;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                position: relative;
            }
                /* #dashboard .bhoechie-tab-content .flightRow .flightContent>div .arrow .arrive{
  font-size: 18px;
  transform: rotateY(180deg);
  position: absolute;
  left: 8px;
  border: 1px solid #e1dede;
  border-radius: 50%;
  display: block;
  width: 13px;
  height: 13px;
  background-color: #000;
  top: 7px;
  opacity: 1;
} */
                #dashboard .bhoechie-tab-content .flightRow .flightContent > div .arrow i {
                    color: #fff;
                    font-size: 10px;
                    display: -webkit-box;
                    display: flex;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    border: 1px solid #e1dede;
                    border-radius: 50%;
                    font-size: 12px;
                }

                #dashboard .bhoechie-tab-content .flightRow .flightContent > div .arrow .line {
                    width: 150px;
                    height: 1.5px;
                    position: relative;
                    bottom: 3px;
                    background-color: #e1dede;
                }

                #dashboard
                .bhoechie-tab-content
                .flightRow
                .flightContent > div
                .arrow
                .depart {
                    width: 23px;
                    top: -2px;
                    position: relative;
                }

                #dashboard
                .bhoechie-tab-content
                .flightRow
                .flightContent > div
                .arrow
                .lineDetails {
                    position: absolute;
                    width: 126px;
                    margin: 0 auto;
                    left: 0;
                    right: 0;
                    bottom: -26px;
                    text-align: center;
                }

                    #dashboard
                    .bhoechie-tab-content
                    .flightRow
                    .flightContent > div
                    .arrow
                    .lineDetails > div {
                        font-size: 12px;
                        line-height: 16px;
                    }

        #dashboard
        .bhoechie-tab-content
        .flightRow > div:nth-child(2)
        .source > div:nth-child(1) {
            color: #6c6c6c;
            font-weight: 800;
            font-size: 18px;
            text-align: center;
        }

        #dashboard
        .bhoechie-tab-content
        .flightRow > div:nth-child(2)
        .source > div:nth-child(2) {
            color: #000;
            font-weight: 400;
            font-size: 14px;
            text-align: center;
        }

        #dashboard .bhoechie-tab-content .flightRow .flightDetail {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 14rem;
        }

            #dashboard .bhoechie-tab-content .flightRow .flightDetail > div {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

            #dashboard .bhoechie-tab-content .flightRow .flightDetail span {
                color: #6c6c6c;
                font-size: 12px;
            }

                #dashboard .bhoechie-tab-content .flightRow .flightDetail span:nth-child(1) {
                    font-weight: 800;
                    color: #000;
                    margin-top: 3px;
                }

        #dashboard .bhoechie-tab-content .flightRow .source {
            width: 13rem;
        }

        #dashboard .bhoechie-tab-content .flightRow .flightDetail .image {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            overflow: hidden;
            border: 1px solid #cccccc73;
            padding: 5px;
        }

    #dashboard .bhoechie-tab-content .passengerDetailRow {
        margin-left: -9px;
        margin-right: -9px;
        border: 2px solid #f3f4f7;
    }

        #dashboard .bhoechie-tab-content .passengerDetailRow + .passengerDetailRow {
            margin-top: 15px;
        }

        #dashboard .bhoechie-tab-content .passengerDetailRow > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            #dashboard .bhoechie-tab-content .passengerDetailRow > div:nth-child(1) {
                padding: 8px 11px;
                background-color: #f3f4f7;
            }

                #dashboard
                .bhoechie-tab-content
                .passengerDetailRow > div:nth-child(1) > div:nth-child(1) {
                    background-color: #fff;
                    color: #000;
                    border-radius: 5px;
                    width: 20px;
                    height: 20px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    font-weight: 700;
                }

                #dashboard
                .bhoechie-tab-content
                .passengerDetailRow > div:nth-child(1) > div:nth-child(2) {
                    font-size: 16px;
                    font-weight: bold;
                    color: #000;
                }

                #dashboard
                .bhoechie-tab-content
                .passengerDetailRow > div:nth-child(1) > div:nth-child(3) {
                    font-size: 14px;
                    font-weight: 500;
                    color: #000;
                }

                #dashboard
                .bhoechie-tab-content
                .passengerDetailRow > div:nth-child(1) > div:nth-child(4) {
                    font-size: 14px;
                    font-weight: 300;
                    color: #6c6c6c;
                }

                    #dashboard
                    .bhoechie-tab-content
                    .passengerDetailRow > div:nth-child(1) > div:nth-child(4)
                    span {
                        font-size: 16px;
                        font-weight: 500;
                        color: #000;
                    }

                #dashboard
                .bhoechie-tab-content
                .passengerDetailRow > div:nth-child(1) > div:nth-child(5)
                a {
                    color: #0a328d;
                    font-size: 12px;
                    font-weight: 300;
                    position: relative;
                    width: 29px;
                    display: block;
                }

                    #dashboard
                    .bhoechie-tab-content
                    .passengerDetailRow > div:nth-child(1) > div:nth-child(5)
                    a::before {
                        content: "";
                        position: absolute;
                        left: 0;
                        bottom: -8px;
                        width: 100%;
                        height: 1px;
                        background-color: #0a328d;
                    }

                    #dashboard
                    .bhoechie-tab-content
                    .passengerDetailRow > div:nth-child(1) > div:nth-child(5)
                    a::after {
                        content: "بیشتر";
                        position: absolute;
                        left: 0;
                        bottom: -11px;
                        width: 100%;
                        text-align: center;
                    }

                    #dashboard
                    .bhoechie-tab-content
                    .passengerDetailRow > div:nth-child(1) > div:nth-child(5)
                    a[aria-expanded="true"]::after {
                        content: "کمتر";
                    }

            #dashboard
            .bhoechie-tab-content
            .passengerDetailRow > div:nth-child(2)
            .card-body > div > div:nth-child(1) {
                color: #6c6c6c;
                font-size: 12px;
                font-weight: 300;
            }

            #dashboard
            .bhoechie-tab-content
            .passengerDetailRow > div:nth-child(2)
            .card-body > div > div:nth-child(2) {
                font-weight: bold;
                color: #000;
                font-size: 12px;
            }

            #dashboard .bhoechie-tab-content .passengerDetailRow > div .card-body {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                padding: 8px;
            }

            #dashboard
            .bhoechie-tab-content
            .passengerDetailRow > div
            .transactionBody > div {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                #dashboard
                .bhoechie-tab-content
                .passengerDetailRow > div
                .transactionBody > div > div:nth-child(1) {
                    margin-left: 5px;
                }

            #dashboard .bhoechie-tab-content .passengerDetailRow > div .collapse {
                width: 100%;
            }

            #dashboard .bhoechie-tab-content .passengerDetailRow > div .collapsing {
                width: 100%;
            }

.bhoechie-tab-menu > .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    border: solid 2px #eee;
    border-radius: 5px;
}

    .bhoechie-tab-menu > .box > a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        color: #6c6c6c;
        font-size: 14px;
        font-weight: 300;
        line-height: 35px;
        padding: 0 8px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .bhoechie-tab-menu > .box > a i {
            margin-left: 5px;
        }

        .bhoechie-tab-menu > .box > a.active {
            color: #000;
            font-weight: 400;
            position: relative;
            padding: 0 8px;
        }

            .bhoechie-tab-menu > .box > a.active::before {
                content: "";
                position: absolute;
                right: 0;
                top: 0;
                width: 4px;
                height: 100%;
                background-color: #73c9ca;
                border-radius: 5px;
            }

#dashboard .hotelRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    #dashboard .hotelRow > div:nth-child(1) {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        #dashboard .hotelRow > div:nth-child(1) span {
            background-color: #eef0f5;
            color: #000;
            border-radius: 5px;
            width: 20px;
            height: 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

    #dashboard .hotelRow > div:nth-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #dashboard .hotelRow .image {
        width: 140px;
        height: 90px;
        border-radius: 5px;
        overflow: hidden;
    }

        #dashboard .hotelRow .image img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    #dashboard .hotelRow .hotelDetails {
        padding: 10px;
    }

        #dashboard .hotelRow .hotelDetails > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            #dashboard .hotelRow .hotelDetails > div:nth-child(2) {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }

            #dashboard .hotelRow .hotelDetails > div > div {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

        #dashboard .hotelRow .hotelDetails > .content > div {
            width: 33%;
        }

            #dashboard .hotelRow .hotelDetails > .content > div:nth-child(4) {
                width: 65%;
            }

        #dashboard .hotelRow .hotelDetails .head {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            #dashboard .hotelRow .hotelDetails .head .title {
                font-size: 18px;
                font-weight: 700;
                color: #000;
            }

            #dashboard .hotelRow .hotelDetails .head .stars {
                color: var(--my-orange);
                font-size: 12px;
                padding: 0 5px;
            }

                #dashboard .hotelRow .hotelDetails .head .stars i {
                    padding: 0 2px;
                }

            #dashboard .hotelRow .hotelDetails .head .city {
                font-size: 13px;
            }

    #dashboard .hotelRow .content > div > div:nth-child(1) {
        font-size: 12px;
        margin-left: 5px;
    }

    #dashboard .hotelRow .content > div > div:nth-child(2) {
        font-size: 13px;
        font-weight: 500;
        color: #000;
    }

#dashboard .visaRow {
    padding: 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    border: 2px solid #eee;
    border-radius: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    #dashboard .visaRow > div:nth-child(1) {
        width: 20px;
        height: 20px;
        border-radius: 5px;
        background-color: #eef0f5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 10px;
        display: none;
    }

    #dashboard .visaRow > div:nth-child(2) {
        -webkit-box-flex: 10;
        -ms-flex: 10;
        flex: 10;
    }

    #dashboard .visaRow > div:nth-child(3) {
        -webkit-box-flex: 10;
        -ms-flex: 10;
        flex: 10;
    }

#dashboard #v-pills-messages > div {
    float: none;
}

#dashboard .siteProfile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    #dashboard .siteProfile > div {
        width: 32%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 15px;
        position: relative;
        margin-bottom: 30px;
    }

        #dashboard .siteProfile > div.full {
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            #dashboard .siteProfile > div.full > label {
                width: auto;
                position: absolute;
                top: -17px;
                right: 12px;
                z-index: 3;
                background-color: #fff;
                padding: 0px 8px;
                border-radius: 5px;
                font-size: 10px;
                color: #898989;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

        #dashboard .siteProfile > div input {
            border-radius: 5px;
            padding: 16px 17px 6px;
            background-color: #fff;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            min-height: 46px;
            color: #808080;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        #dashboard .siteProfile > div select {
            border-radius: 5px;
            padding: 7px 15px 5px;
            background-color: #fff;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            height: 45px;
        }

        #dashboard .siteProfile > div input:focus {
            z-index: 1;
        }

        #dashboard .siteProfile > div:last-child {
            width: 100%;
            -webkit-box-pack: left;
            -ms-flex-pack: left;
            justify-content: left;
        }

    #dashboard .siteProfile.panel-body:before {
        display: none;
    }

#dashboard #frmPersonalInfoPage > .siteProfile > div:last-child {
    width: 100%;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

#dashboard .siteProfile > div > label {
    width: 90%;
    position: absolute;
    z-index: 3;
    right: 13px;
    top: 9px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#dashboard .siteProfile > div > div {
    width: 100%;
}

    #dashboard .siteProfile > div > div .input-group {
        display: block;
    }

#dashboard #frmPersonalInfoPageOne .siteProfile {
    padding-bottom: 0;
}

    #dashboard #frmPersonalInfoPageOne .siteProfile input[readonly="readonly"],
    #dashboard .siteProfile > div select[disabled="disabled"] {
        background-color: #e7e7e7;
        cursor: no-drop;
    }

#dashboard .siteProfile > div.full > label.disableForm {
    /*background-color: #f7f7f7;*/
    border-top: 1px solid #ccc;
}

#dashboard #frmPersonalInfoPage .siteProfile {
    padding-top: 0;
}

#dashboard .miniProfileInfo h2 {
    text-align: right;
    font-size: 19px;
    position: relative;
    display: inline-block;
}

    #dashboard .miniProfileInfo h2::before {
        content: "";
        position: absolute;
        bottom: -8px;
        right: 0;
        background-color: var(--my-orange);
        height: 2px;
        width: 100%;
    }

#dashboard #btnPersonalInfoSave,
#dashboard #btnPersonalInfoCancel {
    display: none;
    padding: 7px 25px;
    font-size: 14px;
    border: none;
}

#dashboard #btnPersonalInfoCancel {
    background-color: #dc2626;
    margin-left: 10px;
}

#dashboard #btnPersonalInfoSave {
    background-color: #10b981;
}

#dashboard #btnPersonalInfoEdit,
#dashboard #myBtn {
    padding: 7px 25px;
    font-size: 14px;
    border: none;
    margin-right: 10px;
}

#dashboard #btnPersonalInfoEdit {
    background-color: #3b82f6;
}

#dashboard #myBtn {
    background-color: #9ca3af;
}

#dashboard .headerPart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 15px;
    margin-bottom: 12px;
}

    #dashboard .headerPart button {
        padding: 5px 15px;
        background-color: var(--dark-green);
    }

#frmChangePassPage > div {
    background-color: #fff;
}

.tourDetailModal .modal-dialog input {
    border-radius: 5px;
    width: 100%;
}

.tourDetailModal .modal-dialog .input-group {
    width: 100%;
}

.tourDetailModal #btnPasswordSave {
    padding: 6px 10px;
    font-size: 16px;
}

#hotelDetail .listing_item_social li i {
    margin-right: 0;
    margin-left: 4px;
}

#dashboard .emptyMessages {
    width: 100%;
    height: 66vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    #dashboard .emptyMessages img {
        width: 250px;
        margin-bottom: 20px;
    }

#hotelDetail .tourHotelBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
}

    #hotelDetail .tourHotelBox img {
        width: 40%;
        border-radius: 5px;
    }

    #hotelDetail .tourHotelBox a {
        padding: 0 15px;
    }

#hotelDetail #selectGetway {
    padding: 15px 15px 0;
}

    #hotelDetail #selectGetway h3 {
        margin-bottom: 0;
        padding-bottom: 5px;
        line-height: 24px;
        font-size: 15px;
        font-weight: 500;
    }

    #hotelDetail #selectGetway .payment {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #hotelDetail #selectGetway .utf_payment_tab_block {
        margin-bottom: 0;
    }

#dashboard .packagelist .bhoechie-tab-menu {
    padding-left: 0;
}

#dashboard .fakePlaceHolder #bg #bg-bottom {
    background-color: #e6e9ec !important;
}

#dashboard .fakePlaceHolder .main {
    background-color: #ced4da82 !important;
}

    #dashboard .fakePlaceHolder .main button:nth-child(1):before {
        content: "" !important;
    }

#dashboard .fakeContent {
    opacity: 0.3;
}

#dashboard .dashboardSidebar .box.nav .nav-link.active::before {
    content: "";
    position: absolute;
    bottom: 0px;
    right: -10px;
    width: 4px;
    height: 100%;
    background-color: var(--dark-green);
}

#dashboard .dashboardSidebar .box.nav::before,
#dashboard .dashboardSidebar .box.nav::after {
    display: none;
}

@media only screen and (min-width: 768px) {
    .dashboardModal .modal-dialog {
        width: 40%;
        margin: 0 auto;
        top: 17%;
    }
}

@media only screen and (max-width: 768px) {
    #dashboard .emptyMessages img {
        width: 178px;
    }

    #dashboard .dashboardSidebar .box.nav .exit span {
        display: none;
    }

    #dashboard .packagelist.in {
        padding-bottom: 170px;
    }

    #dashboard .hotelRow .hotelDetails > .content > div:nth-child(4) {
        width: 100%;
    }

    #dashboard
    .bhoechie-tab-content
    .flightRow
    .flightContent > div:nth-child(3) {
        top: -9px;
        line-height: 18px;
        font-size: 10px;
        bottom: unset;
    }

    #dashboard .bhoechie-tab-content .flightRow .flightContent > div .arrow {
        top: -13px;
    }

    #dashboard .bhoechie-tab-content .passengerDetailRow {
        margin-left: -2px;
        margin-right: -2px;
    }

        #dashboard
        .bhoechie-tab-content
        .passengerDetailRow > div:nth-child(1) > div:nth-child(1) {
            display: none;
        }

    #dashboard .hotelRow > div:nth-child(1) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #dashboard
    .bhoechie-tab-content
    .flightRow
    .flightContent > div
    .arrow
    .line {
        width: 100px;
    }

    #dashboard
    .bhoechie-tab-content
    .flightRow
    .flightContent > div:nth-child(3) {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 7px;
    }

    #dashboard .bhoechie-tab-content .flightRow .flightDetail .image {
        width: 40px;
        height: 40px;
    }

    #dashboard
    .bhoechie-tab-content
    .flightRow
    .flightContent > div:nth-child(1) > div {
        font-size: 9px;
        padding: 0px 7px;
        margin-right: 3px;
    }

    #dashboard .packagelist .bhoechie-tab-menu {
        padding-left: 15px;
    }

    #dashboard #report_contract .modalExtract .buttons {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 50px;
    }

        #dashboard #report_contract .modalExtract .buttons #bg {
            display: none;
        }

        #dashboard #report_contract .modalExtract .buttons .main {
            width: 100%;
            height: 100%;
            padding-bottom: 10px;
        }

            #dashboard
            #report_contract
            .modalExtract
            .buttons
            .main
            button:nth-child(1):before {
                font-size: 24px;
            }

    #dashboard .dashboardSidebar .box.nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        #dashboard .dashboardSidebar .box.nav .nav-link.active::before {
            bottom: -5px;
            left: 0;
            right: 0;
            width: 100%;
            height: 4px;
        }

    #dashboard .panel-body .operations {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #dashboard .panel-body .operations > div {
            width: 48%;
        }

    #dashboard .dashboardSidebar .box.nav .nav-link span {
        display: none;
    }

    #dashboard .dashboardSidebar .box.nav .nav-link.active span {
        display: block;
    }

    #dashboard .siteProfile > div {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        #dashboard .siteProfile > div > label {
            width: 100%;
        }

        #dashboard .siteProfile > div > div {
            width: 100%;
        }

    #dashboard .dashboardContent,
    #dashboard .dashboardSidebar {
        padding-left: 0;
        padding-right: 0;
    }

    #dashboard .tab-content > .tab-pane {
        padding: 10px 10px 10px;
    }

    #dashboard .panel-body .contentOfContractDetail {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    }

    #dashboard .hotelRow > div:nth-child(2) {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #dashboard .hotelRow .hotelDetails .head {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #dashboard .hotelRow .hotelDetails > .content > div {
        width: 100%;
    }

    #dashboard .hotelRow .hotelDetails > div:nth-child(2) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #dashboard .bhoechie-tab-content .flightRow > div:nth-child(2) {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 100%;
        margin-top: 30px;
    }

    #dashboard .bhoechie-tab-content .flightRow .source {
        width: unset;
    }

    #dashboard .bhoechie-tab-content .flightRow .flightDetail {
        width: unset;
        padding-left: 5px;
    }

    #dashboard .bhoechie-tab-content .flightRow {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #dashboard .bhoechie-tab-content .flightRow {
        padding: 0 0 10px;
    }

    #dashboard .panel-body .operations .operationButtonPrice {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #dashboard .bhoechie-tab .tab-content {
        margin-top: 10px;
    }

    #dashboard .bhoechie-tab-content .passengerDetailRow > div:nth-child(1) {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

        #dashboard
        .bhoechie-tab-content
        .passengerDetailRow > div:nth-child(1) > div:nth-child(2),
        #dashboard
        .bhoechie-tab-content
        .passengerDetailRow > div:nth-child(1) > div:nth-child(3) {
            width: 100%;
        }

    #dashboard
    .bhoechie-tab-content
    .transactionDetailRow > div:nth-child(1) > div:nth-child(5)
    a {
        height: 17px;
        margin: 0 auto 10px;
    }

    #dashboard
    .bhoechie-tab-content
    .passengerDetailRow > div:nth-child(1) > div:nth-child(5) {
        text-align: center;
    }

    #dashboard
    .bhoechie-tab-content
    .passengerDetailRow > div
    .card-body > div:nth-child(1),
    #dashboard
    .bhoechie-tab-content
    .passengerDetailRow > div
    .card-body > div:nth-child(2),
    #dashboard
    .bhoechie-tab-content
    .passengerDetailRow > div
    .card-body > div:nth-child(3),
    #dashboard
    .bhoechie-tab-content
    .passengerDetailRow > div
    .card-body > div:nth-child(4) {
        width: 50%;
    }

    #dashboard
    .bhoechie-tab-content
    .transactionDetailRow > div:nth-child(1) > div {
        width: auto !important;
    }

        #dashboard
        .bhoechie-tab-content
        .transactionDetailRow > div:nth-child(1) > div:nth-child(4),
        #dashboard
        .bhoechie-tab-content
        .transactionDetailRow > div:nth-child(1) > div:nth-child(5) {
            width: 100% !important;
        }

    .bhoechie-tab-menu > .box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .bhoechie-tab-menu > .box > a {
            padding: 8px;
        }

            .bhoechie-tab-menu > .box > a > span {
                display: none;
            }

            .bhoechie-tab-menu > .box > a.active {
                padding: 8px;
            }

                .bhoechie-tab-menu > .box > a.active > span {
                    display: block;
                }

                .bhoechie-tab-menu > .box > a.active::before {
                    bottom: 0;
                    width: 100%;
                    height: 4px;
                    top: unset;
                }

    .toursMainContent .tourItem .collapse.in .contentleft .buttons #bg {
        display: none;
    }

    .toursMainContent .tourItem .collapse.in .contentleft .buttons {
        width: 100%;
    }

    .toursMainContent
    .tourItem
    .collapse.in
    .mobileModalButton
    .buttons
    .collapseButton {
        width: 50%;
        padding: 8px 50px 24px;
    }

    .toursMainContent .tourItem .collapse.in .contentleft .buttons a {
        width: 50%;
    }

    .toursMainContent
    .tourItem
    .collapse.in
    .mobileModalButton
    .buttons
    .moreBtn {
        padding: 8px 50px 24px;
    }

    #dashboard .visaRow {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    #dashboard .dashboardSidebar .userDetailsWrap {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

        #dashboard .dashboardSidebar .userDetailsWrap .userDetails .name {
            font-size: 18px;
        }

    #logout.dashboardModal .modal-body {
        height: auto;
        overflow-y: auto;
        padding-bottom: 20px;
    }
}

.natureToueDetailPage .pageWysy {
    height: 150px;
    overflow: hidden;
}

    .natureToueDetailPage .pageWysy h2 {
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 19px;
    }

.natureToueDetailPage .moretextClose {
    display: none;
}

.natureToueDetailPage .moretxt {
    width: 141px;
    padding: 4px 0;
    background-color: var(--dark-green);
    border-radius: 5px;
    color: #fff;
    text-align: center;
    margin: 29px auto 0;
    cursor: pointer;
}

    .natureToueDetailPage .moretxt span {
        margin-right: 5px;
    }

.natureToueDetailPage .startReserveNature {
    background-color: var(--my-orange);
}

.natureToueDetailPage .inputWrapPassenger {
    position: relative;
}

    .natureToueDetailPage .inputWrapPassenger label {
        position: absolute;
        top: 10px;
        right: 30px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .natureToueDetailPage .inputWrapPassenger label.error {
            top: 46px;
            right: 15px;
            font-size: 11px;
        }

    .natureToueDetailPage .inputWrapPassenger.full label.error {
        top: 46px;
        right: 15px;
        font-size: 11px;
        background-color: transparent;
    }

    .natureToueDetailPage .inputWrapPassenger.full input.error {
        color: #808080 !important;
    }

    .natureToueDetailPage .inputWrapPassenger.full label {
        background-color: #fff;
        top: -13px;
        padding: 0 6px;
        border-radius: 5px;
    }

.natureToueDetailPage .passengerRowForm > div {
    margin-top: 20px;
}

.natureToueDetailPage .mobileStepStatus {
    display: none;
    position: fixed;
    bottom: 60px;
    right: 0;
    left: 0;
    padding: 15px;
    background-color: #fff;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
}

    .natureToueDetailPage .mobileStepStatus > #moreDetailStepStatus {
        height: 0;
        overflow: hidden;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .natureToueDetailPage .mobileStepStatus > #moreDetailStepStatus > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .natureToueDetailPage .mobileStepStatus > #moreDetailStepStatus.opened {
            padding-top: 8px;
            height: 58px;
            color: #959191;
        }

    .natureToueDetailPage .mobileStepStatus > div:nth-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 18px;
        padding: 0;
    }

        .natureToueDetailPage .mobileStepStatus > div:nth-child(2) > div:nth-child(2) {
            font-size: 15px;
            color: #b1a8a8;
        }

            .natureToueDetailPage
            .mobileStepStatus > div:nth-child(2) > div:nth-child(2)
            span {
                color: var(--my-orange);
                font-size: 20px;
                font-weight: bold;
            }

.natureToueDetailPage #moreBtnMobileStep {
    text-align: center;
    font-size: 20px;
    color: #ccc;
}

    .natureToueDetailPage #moreBtnMobileStep::before {
        content: "\f077";
        font-family: "Font Awesome 5 Free";
    }

    .natureToueDetailPage #moreBtnMobileStep.opened::before {
        content: "\f078";
        font-family: "Font Awesome 5 Free";
    }

#wrap_txtMobile input,
#wrap_txtEmail input {
    text-align: left;
    direction: ltr;
}

#logout.dashboardModal .modal-dialog {
    width: 395px;
    top: 33%;
}

.dashboardModal .logoutText {
    margin-bottom: 20px;
}

.dashboardModal .logoutWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

    .dashboardModal .logoutWrap > button,
    .dashboardModal .logoutWrap > a {
        width: 26%;
        height: 41px;
        border: none;
        border-radius: 5px;
    }

        .dashboardModal .logoutWrap > a button {
            width: 100%;
            height: 100%;
            border: none;
            background-color: transparent;
        }

    .dashboardModal .logoutWrap .closeModal {
        background-color: #9ca3af;
        color: #fff;
        margin-left: 10px;
    }

    .dashboardModal .logoutWrap .logout {
        background-color: #dc2626;
        color: #fff;
    }

@media only screen and (max-width: 768px) {
    #weblog
    .content
    .lastPost
    .tab-content
    .toursTourHotel
    .post
    a > div:nth-child(2) {
        min-height: 64px;
    }

    .natureToueDetailPage .mobileStepStatus {
        display: block;
    }

    .natureToueDetailPage .inputWrapPassenger.full label {
        top: -19px;
        font-size: 13px;
        padding: 0px 8px;
        border-radius: 5px;
    }

    #logout.dashboardModal .modal-dialog {
        width: 80%;
        margin: 0 auto;
    }

    #dashboard
    .bhoechie-tab-content
    .flightRow
    .flightContent > div
    .source > div:nth-child(2)
    span:nth-child(2) {
        width: 89px;
        right: -27px;
    }

    #dashboard .siteProfile > div:last-child {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #dashboard #btnPersonalInfoEdit,
    #dashboard #myBtn {
        margin-right: 0;
        width: 47%;
    }

    #dashboard #btnPersonalInfoSave,
    #dashboard #btnPersonalInfoCancel {
        margin-left: 0;
        width: 47%;
    }

    .element_tab .utf_tabs_nav li a {
        padding: 0;
    }

    .container_categories_box img {
        padding: 0;
    }
}

.noticeInstall {
    background-color: #aef2f3;
    padding: 9px 6px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 39px;
    color: #145a5b;
}

.noticeInstall-red {
    background-color: #ffc5c5;
    padding: 9px 6px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 39px;
    color: #690a0a;
}

.userLogAction {
    display: none;
    position: absolute;
    right: 52px;
    top: 9px;
    font-size: 33px;
    color: #707070;
}

    .userLogAction.active {
        display: block;
        color: #707070;
    }

#nameOfUser2 > span {
    font-size: 15px;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #f3f3f3;
}

.toursMainContent #toc {
    display: none !important;
}

.codeDiscount.opened {
    height: 80px;
    opacity: 1;
}

.codeDiscountBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
}

.codeDiscountRemove {
    color: red;
    font-size: 1.25rem;
    float: right;
    cursor: pointer;
    background: none;
    border: none;
    display: none;
}


.codeDiscount.errorDiscountCode {
    border: 2px solid #ff3737;
    height: inherit;
    z-index: 999 !important;
}
.tooltip-text {
    position: absolute;
    background-color: #ffff;
    border-radius: 4px;
    padding: 3px 8px;
    display: none;
    transition: 0.5s;
    z-index: 9;
    right: 0;
}
    .tooltip-text p{
        font-size:12px;
        color:#444 !important;
        text-align:justify;
        margin:0;
    }
    .tooltip-item1:hover .tooltip-text {
        display: block;
        transition: 0.5s;
    }


@media only screen and (min-width: 768px) {
    .utf_booking_listing_section_form .card-header h2 .btn > span:nth-child(2) {
        display: none;
    }
}

.sideBarTours .multifilter-gallery-nav .discountFilter {
    position: relative;
    display: none;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    height: 42px;
}

    .sideBarTours .multifilter-gallery-nav .discountFilter > div:nth-child(1) {
        font-weight: 400;
        color: #707070;
        font-size: 15px;
    }

    .sideBarTours .multifilter-gallery-nav .discountFilter > div:nth-child(2) {
        position: relative;
        width: 43px;
        height: 25px;
    }

    .sideBarTours .multifilter-gallery-nav .discountFilter input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.sideBarTours .multifilter-gallery-nav .discountFilterSlider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

    .sideBarTours .multifilter-gallery-nav .discountFilterSlider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 21px;
        bottom: 5px;
        background-color: white;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }

.sideBarTours .multifilter-gallery-nav input:checked + .discountFilterSlider {
    background-color: #2196f3;
}

.sideBarTours .multifilter-gallery-nav input:focus + .discountFilterSlider {
    -webkit-box-shadow: 0 0 1px #2196f3;
    box-shadow: 0 0 1px #2196f3;
}

.sideBarTours
.multifilter-gallery-nav
input:checked + .discountFilterSlider:before {
    -webkit-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    transform: translateX(-16px);
}

/* Rounded sliders */
.multifilter-gallery-nav .discountFilterSlider.discountFilterRound {
    border-radius: 34px;
}

    .multifilter-gallery-nav .discountFilterSlider.discountFilterRound:before {
        border-radius: 50%;
    }

.allFilters {
    display: none;
}

.returnToInfoBtn {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .returnToInfoBtn::before {
        content: "";
        position: absolute;
        bottom: 0px;
        background-color: #949494;
        width: 100%;
        height: 2px;
    }

@media only screen and (max-width: 768px) {
    .returnToInfoRow {
        display: none;
    }
}

.nothingToShowHotel {
    margin-top: 0;
    margin-bottom: 20px;
}

#logoutBtn {
    display: none;
}

#nameOfUser.ph-item {
    width: 98px;
    height: 23px;
    background-color: #f6f6f6;
    padding: 0;
    margin-bottom: 0;
}

#nameOfUser2.ph-item {
    width: 98px;
    height: 23px;
    background-color: #f6f6f6;
}

.booking_widget_box
h3
.price > div:nth-child(1)
.packagepriceD.discount::before {
    top: 18px;
}

.booking_widget_box h3 .price > div:nth-child(2) .packageprice {
    color: #eb0000;
}

.booking_widget_box h3 .price .packagepriceD.discount {
    font-size: 16px;
}

.hotelDetailSidebar .booking_widget_box h3 .price.hasDiscount {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.hotelDetailSidebar.sticky .booking_widget_box h3 .price.hasDiscount {
    -webkit-transform: translateY(21px);
    -ms-transform: translateY(21px);
    transform: translateY(21px);
}

.sideBarTours .utf_box_widget.ReplaceBannerContent img {
    border-radius: 3px;
}

.ReplaceBannerContent {
    display: block;
}

    .ReplaceBannerContent p {
        margin: 0;
        color: #9a1032 !important;
        display: inline-block;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 16px;
        margin-top: 10px;
    }
/**************** howTo *******************/
#headertitle.headerHowTo {
    background-color: #73c9ca;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#weblog #headertitle.headerHowTo .header {
    border-bottom: none;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
    position: relative;
}

    #weblog #headertitle.headerHowTo .header .newQuestionBtn {
        position: absolute;
        top: 30px;
        left: 0;
    }

#weblog #headertitle.headerHowToCat.scroll .header .newQuestionBtn {
    top: 13px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#weblog #headertitle.headerHowTo .header .newQuestionBtn button {
    border-radius: 10px;
    background-color: #55b0b1;
    color: #fff;
    outline: none;
    border: none;
    font-size: 20px;
    font-weight: normal;
    padding: 10px 15px;
}

#weblog #headertitle.headerHowTo .header .title h1 {
    font-size: 75px;
    font-weight: 800;
    text-shadow: -0.3px 3px 3px #126f70;
    color: #fff;
    margin: 40px 0 30px;
}

#weblog #headertitle.headerHowTo .header .search {
    width: 500px;
    background-color: #fff;
    -webkit-box-shadow: -0.3px 3px 3px 0 rgba(18, 111, 112, 0.22);
    box-shadow: -0.3px 3px 3px 0 rgba(18, 111, 112, 0.22);
    border: none;
    height: 50px;
    border-radius: 35px;
}

    #weblog #headertitle.headerHowTo .header .search .tb {
        width: 91%;
    }

        #weblog #headertitle.headerHowTo .header .search .tb .td:nth-child(1) {
            width: 100%;
        }

    #weblog #headertitle.headerHowTo .header .search input[type="text"] {
        height: 50px;
    }

    #weblog #headertitle.headerHowTo .header .search .sButton button {
        height: 50px;
    }

    #weblog #headertitle.headerHowTo .header .search button span {
        top: 29px;
    }

    #weblog #headertitle.headerHowTo .header .search .sButton:hover .s-circle {
        top: 3px;
    }

#weblog #headertitle.headerHowTo .goDown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    padding-bottom: 0;
}

    #weblog #headertitle.headerHowTo .goDown > div:nth-child(1) {
        margin-bottom: 10px;
    }

        #weblog #headertitle.headerHowTo .goDown > div:nth-child(1) i {
            font-size: 30px;
        }

    #weblog #headertitle.headerHowTo .goDown > div:nth-child(2) {
        -webkit-animation-name: goDownAnimation;
        animation-name: goDownAnimation;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

        #weblog #headertitle.headerHowTo .goDown > div:nth-child(2) i {
            font-size: 20px;
        }

@-webkit-keyframes goDownAnimation {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes goDownAnimation {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.faqCategories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

    .faqCategories .title h2 {
        font-size: 25px;
        font-weight: 700;
        color: #1f5e5f;
        margin: 20px 0 50px;
    }

    .faqCategories .items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .faqCategories .items .item {
            width: 22%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            border-radius: 10px;
            -webkit-box-shadow: -0.4px 3px 7.8px 0.2px rgb(197 197 197 / 41%);
            box-shadow: -0.4px 3px 7.8px 0.2px rgb(197 197 197 / 41%);
            border: solid 2px #b3e8e9;
            background-color: #fff;
            margin-bottom: 20px;
            padding: 20px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            .faqCategories .items .item:hover {
                -webkit-box-shadow: -0.4px 5px 7.8px 0.2px rgba(197, 197, 197, 0.61);
                box-shadow: -0.4px 5px 7.8px 0.2px rgba(197, 197, 197, 0.61);
                border: solid 2px #52abac;
            }

            .faqCategories .items .item > a > div:nth-child(1) {
                font-size: 20px;
                font-weight: bold;
                color: #1f5e5f;
                text-align: center;
            }

            .faqCategories .items .item > a > div:nth-child(2) {
                font-size: 14px;
                font-weight: bold;
                letter-spacing: 5px;
                color: #b3e8e9;
                text-align: center;
            }

            .faqCategories .items .item > a > div:nth-child(3) {
                width: 130px;
                height: 130px;
            }

                .faqCategories .items .item > a > div:nth-child(3) img {
                    -o-object-fit: cover;
                    object-fit: cover;
                }

.faqList {
    background-color: #73c9ca;
    margin-top: 50px;
    padding-bottom: 40px;
}

    .faqList .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 25px 0 5px;
    }

        .faqList .title h2 {
            font-size: 25px;
            font-weight: 800;
            color: #fff;
        }

    .faqList #utf_listing_faq.utf_listing_section {
        padding-top: 0;
        background-color: transparent;
    }

    .faqList .utf_listing_New #accordion .card {
        background-color: #eef2f2;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 10px;
    }

    .faqList .allFaqBtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .faqList .allFaqBtn button {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 266px;
            height: 55px;
            border-radius: 5px;
            background-color: #0d6f6f;
            border: none;
            outline: none;
            color: #fff;
            font-size: 20px;
            font-weight: 700;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            .faqList .allFaqBtn button:hover {
                background-color: var(--my-orange);
            }

    .faqList .utf_listing_New #accordion .card .moreFaq {
        position: relative;
        font-size: 15px;
        color: #1f5e5f;
    }

        .faqList .utf_listing_New #accordion .card .moreFaq::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 1px;
            background-color: #1f5e5f;
        }

.accessibilities {
    padding: 30px 0 50px;
}

    .accessibilities .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 20px;
    }

        .accessibilities .title h2 {
            font-size: 40px;
            font-weight: bold;
            color: #0d6f6f;
        }

    .accessibilities .items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .accessibilities .items .item {
            width: 25%;
            border-radius: 15px;
            background-color: #f6fafd;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-align: center;
            padding: 15px;
            height: 80%;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            border: solid 2px #f6fafd;
        }

            .accessibilities .items .item:hover {
                border: solid 2px #b5d1e5;
            }

            .accessibilities .items .item > a > div:nth-child(2) {
                font-size: 27px;
                font-weight: bold;
                color: #0d6f6f;
                margin: 10px 0 15px;
            }

            .accessibilities .items .item > a > div:nth-child(3) {
                font-size: 16px;
                font-weight: 100;
                color: #6c6c6c;
            }

            .accessibilities .items .item:nth-child(2) {
                width: 30%;
            }

            .accessibilities .items .item > a > div:nth-child(1) {
                width: 50%;
                margin: 0 auto;
            }

            .accessibilities .items .item:nth-child(2) > a > div:nth-child(1) {
                width: 60%;
                margin: 0 auto;
            }

            .accessibilities .items .item:nth-child(2) > a > div:nth-child(2) {
                color: #0d6f6f;
                font-size: 34.5px;
                font-weight: bold;
                margin: 10px 0 20px;
            }

            .accessibilities .items .item:nth-child(2) > a > div:nth-child(3) {
                font-size: 20.5px;
                font-weight: 100;
                color: #6c6c6c;
            }

.onView {
    background-color: #f6fafd;
    padding: 50px 0;
}

    .onView > .container > .title {
        margin-bottom: 50px;
    }

        .onView > .container > .title h2 {
            color: #5cb8b9;
            margin: 0;
            font-size: 38px;
            font-weight: 800;
        }

    .onView .items .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 40px;
    }

        .onView .items .item .image {
            width: 20%;
            border-radius: 50px;
            border: solid 2px #ededed;
            overflow: hidden;
        }

        .onView .items .item .detail {
            width: 75%;
        }

            .onView .items .item .detail .title {
                font-size: 26px;
                font-weight: 600;
                margin-bottom: 20px;
            }

            .onView .items .item .detail .content {
                font-size: 18px;
                font-weight: 300;
            }

.askUs {
    background-color: #faa517;
}

#weblog .askUs .askUsWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    padding: 50px 0;
}

.askUs .askUsWrap .image {
    width: 35%;
    margin-left: 50px;
}

.askUs .askUsWrap .detail {
    width: 50%;
}

    .askUs .askUsWrap .detail .title h2 {
        color: #fff;
        font-size: 32px;
        font-weight: 900;
        margin-bottom: 40px;
    }

    .askUs .askUsWrap .detail .description {
        margin-bottom: 40px;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
    }

    .askUs .askUsWrap .detail .inputQuestion input {
        border-radius: 15px;
        -webkit-box-shadow: -0.3px 3px 3px 0 rgba(130, 87, 15, 0.22);
        box-shadow: -0.3px 3px 3px 0 rgba(130, 87, 15, 0.22);
        background-color: #eef2f2;
        height: 60px;
    }

    .askUs .askUsWrap .detail .askQuestionBtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        margin-top: 30px;
    }

        .askUs .askUsWrap .detail .askQuestionBtn button {
            border-radius: 15px;
            -webkit-box-shadow: -0.3px 3px 3px 0 rgba(130, 87, 15, 0.22);
            box-shadow: -0.3px 3px 3px 0 rgba(130, 87, 15, 0.22);
            background-color: #268989;
            color: #fff;
            width: 180px;
            height: 60px;
            border: none;
            outline: none;
            font-size: 20px;
            font-weight: 700;
        }

#weblog .containerFaqCategory {
    padding: 20px 15px !important;
}

    #weblog
    .containerFaqCategory
    .utf_listing_New
    #accordion
    .card
    .btn > div:nth-child(3) {
        margin-left: 20px;
        color: #1f5e5f;
        font-size: 18px;
        padding-top: 5px;
        margin-left: 10px;
    }

    #weblog
    .containerFaqCategory
    .utf_listing_New
    #accordion
    .card
    .btn > div
    span:nth-child(2) {
        margin-right: 5px;
        font-size: 14px;
        font-weight: 300;
        color: #6c6c6c;
    }

    #weblog .containerFaqCategory .faqPagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #weblog .containerFaqCategory .faqPagination > div {
            margin: 0 10px;
            font-size: 20px;
            color: #268989;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            cursor: pointer;
        }

            #weblog .containerFaqCategory .faqPagination > div.active {
                border-radius: 20px;
                background-color: #268989;
                color: #fff;
                width: 25px;
                height: 25px;
                -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                align-items: baseline;
            }

    #weblog .containerFaqCategory .faqList,
    #weblog .containerFaqCategory .faqCategories {
        margin-top: 0;
        border-radius: 20px;
        background-color: #f6fafd;
        padding: 15px 12px 0;
    }

    #weblog .containerFaqCategory .faqList {
        margin-bottom: 20px;
    }

        #weblog .containerFaqCategory .faqList > div {
            padding-bottom: 20px;
        }

        #weblog .containerFaqCategory .faqList .filters {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: right;
            -ms-flex-pack: right;
            justify-content: right;
            padding: 0 15px;
        }

            #weblog .containerFaqCategory .faqList .filters > div {
                margin-left: 20px;
                font-size: 17px;
                font-weight: 500;
                color: #6c6c6c;
                cursor: pointer;
            }

                #weblog .containerFaqCategory .faqList .filters > div.active {
                    border-radius: 20px;
                    background-color: #268989;
                    color: #fff;
                    padding: 3px 15px;
                }

                #weblog .containerFaqCategory .faqList .filters > div:nth-child(1) {
                    font-size: 16px;
                    font-weight: 300;
                    color: #6c6c6c;
                    cursor: text;
                }

        #weblog .containerFaqCategory .faqList .utf_listing_New #accordion .card {
            background-color: #fff;
            border: solid 2px #b3e8e9;
            -webkit-box-shadow: -0.4px 5px 2.9px 0.1px rgb(197 197 197 / 25%);
            box-shadow: -0.4px 5px 2.9px 0.1px rgb(197 197 197 / 25%);
        }

    #weblog .containerFaqCategory .faqCategories .items .item {
        width: 48%;
        padding: 7px 0;
    }

    #weblog .containerFaqCategory #viewWeblog {
        padding-right: 0;
    }

    #weblog
    .containerFaqCategory
    .faqCategories
    .items
    .item > a > div:nth-child(3) {
        width: 49%;
        height: 69px;
        margin: 0 auto 5px;
    }

    #weblog
    .containerFaqCategory
    .faqCategories
    .items
    .item > a > div:nth-child(1) {
        font-size: 13px;
        font-weight: 800;
    }

    #weblog .containerFaqCategory #viewWeblog .buttons {
        margin: 15px 0 17px 0;
        background-color: #f6fafd;
        padding: 15px 15px 0;
        border-radius: 15px;
    }

        #weblog .containerFaqCategory #viewWeblog .buttons > div {
            border: solid 2px #73c9ca;
            border-radius: 7px;
        }

    #weblog .containerFaqCategory .askUs .askUsWrap .image {
        width: 25%;
        margin-right: 10px;
        margin-left: 20px;
    }

    #weblog .containerFaqCategory .askUs .askUsWrap {
        padding: 10px 0;
    }

        #weblog .containerFaqCategory .askUs .askUsWrap .detail .title h2 {
            font-weight: 800;
            margin-bottom: 25px;
        }

        #weblog .containerFaqCategory .askUs .askUsWrap .detail .description {
            font-size: 18px;
            font-weight: 300;
        }

        #weblog .containerFaqCategory .askUs .askUsWrap .detail {
            width: 75%;
            padding: 0 15px 10px;
        }

            #weblog .containerFaqCategory .askUs .askUsWrap .detail .askQuestionBtn button {
                background-color: #c58315;
            }

    #weblog .containerFaqCategory .faqViewNumber span {
        font-size: 14px;
        font-weight: 300;
        color: #6c6c6c;
    }

    #weblog
    .containerFaqCategory
    .faqCategories
    .items
    .item > a > div:nth-child(2) {
        font-weight: 300;
        letter-spacing: 3px;
    }

#headertitle.headerHowToCat.scroll {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 3000;
    min-height: 50px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#weblog #headertitle.headerHowToCat.scroll .header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    #weblog #headertitle.headerHowToCat.scroll .header .title {
        margin-left: 20px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        #weblog #headertitle.headerHowToCat.scroll .header .title h1 {
            font-size: 33px;
            font-weight: 600;
            margin: 0;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

    #weblog #headertitle.headerHowToCat.scroll .header p {
        margin-bottom: 0;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    #weblog #headertitle.headerHowToCat.scroll .header > div:nth-child(3) {
        margin-right: 20px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

#main-content.containerFaqCategory.scroll {
    margin-top: 177px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.containerFaqCategory .commentList .comments {
    padding: 40px 20px;
}

    .containerFaqCategory .commentList .comments .content {
        background-color: #fff;
        border-radius: 5px;
        border: solid 2px #f0f0f0;
        position: relative;
        padding: 15px;
    }

        .containerFaqCategory .commentList .comments .content .profile {
            position: absolute;
            top: -20px;
            right: 15px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }

            .containerFaqCategory .commentList .comments .content .profile .image {
                width: 50px;
                height: 50px;
                margin-left: 8px;
            }

        .containerFaqCategory .commentList .comments .content .date {
            position: absolute;
            top: 3px;
            left: 20px;
        }

    .containerFaqCategory .commentList .comments .subComment {
        position: relative;
        margin-right: 20px;
    }

        .containerFaqCategory .commentList .comments .subComment::before {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            width: 3px;
            height: 100%;
            background-color: #73c9ca;
        }

        .containerFaqCategory .commentList .comments .subComment li {
            padding-left: 0;
        }

    .containerFaqCategory .commentList .comments .detail .questionTitle {
        margin-top: 30px;
    }

        .containerFaqCategory .commentList .comments .detail .questionTitle h3 {
            font-size: 18px;
            font-weight: bold;
        }

    .containerFaqCategory .commentList .comments .detail .question {
        font-size: 16px;
        font-weight: 300;
        color: #6c6c6c;
        margin: 20px 0;
    }

    .containerFaqCategory .commentList .comments .subComment .detail .question {
        margin-top: 30px;
    }

    .containerFaqCategory .commentList .comments .replayAction {
        cursor: pointer;
    }

        .containerFaqCategory .commentList .comments .replayAction i {
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
            margin-left: 7px;
        }

@media only screen and (max-width: 768px) {
    .ReplaceBannerContent p {
        font-size: 17px !important;
        text-align: right !important;
        width: 100%;
    }

    #weblog #headertitle.headerHowTo .header .title h1 {
        font-size: 44px;
        margin: 0px 0 10px;
        text-align: center !important;
    }

    #weblog #headertitle.headerHowTo .header .search {
        width: 100%;
        margin-top: 35px;
    }

    #weblog #headertitle.headerHowTo .goDown {
        min-height: 95px;
    }

    #weblog #headertitle.headerHowTo .header {
        margin-bottom: 0;
    }

    #weblog .askUs .askUsWrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 15px;
    }

    .askUs .askUsWrap .detail {
        width: 100%;
    }

        .askUs .askUsWrap .detail .askQuestionBtn {
            margin-bottom: 15px;
        }

            .askUs .askUsWrap .detail .askQuestionBtn button {
                width: 100%;
            }

        .askUs .askUsWrap .detail .title h2 {
            font-weight: 800;
            margin-bottom: 20px;
        }

        .askUs .askUsWrap .detail .description {
            margin-bottom: 25px;
        }

    .faqCategories .items .item {
        width: 48%;
    }

    .faqCategories .title h2 {
        margin: 20px 0 35px;
    }

    .accessibilities .items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .accessibilities .items .item {
            width: 100%;
            margin-bottom: 20px;
        }

            .accessibilities .items .item:nth-child(2) {
                width: 100%;
            }

    .accessibilities .title h2 {
        font-size: 25px;
    }

    .onView > .container > .title h2 {
        text-align: center;
        font-size: 25px;
    }

    .onView .items .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        .onView .items .item:nth-child(2) {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        }

        .onView .items .item .image {
            width: 50%;
            margin-bottom: 20px;
        }

        .onView .items .item .detail {
            width: 100%;
        }

    #weblog #headertitle.headerHowToCat .header .title h1 {
        margin-top: 55px;
    }

    #weblog .containerFaqCategory .faqList .filters {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        #weblog .containerFaqCategory .faqList .filters > div:nth-child(1) {
            width: 100%;
            margin-bottom: 10px;
        }

    #weblog #headertitle.headerHowTo .header p {
        text-align: center;
    }

    #weblog
    .containerFaqCategory
    .utf_listing_New
    #accordion
    .card
    .btn > div:nth-child(3) {
        display: none;
    }

    #weblog .containerFaqCategory {
        padding: 20px 0px !important;
    }

        #weblog .containerFaqCategory #viewWeblog {
            padding-right: 15px;
            margin-top: 15px;
        }

    #weblog #headertitle.headerHowTo .header .newQuestionBtn {
        top: 17px;
    }

    #weblog .containerFaqCategory .commentList {
        padding: 0;
    }

    .containerFaqCategory .commentList .comments {
        padding: 40px 10px 10px;
    }

        .containerFaqCategory .commentList .comments .subComment li {
            margin-top: 30px;
        }

        .containerFaqCategory .commentList .comments .subComment::before {
            right: -16px;
        }

    #weblog .containerFaqCategory .askUs .askUsWrap .detail {
        width: 100%;
    }
}

.notshowSlider {
    height: 1px;
    overflow: hidden;
}

.visaHome .title .ph-picture {
    height: 40px;
}

.visaHome .headerSlider .item > div:nth-child(1) .description .ph-picture {
    height: 90px;
}

.visaHome .headerSlider .item > div:nth-child(1) .more .ph-picture {
    height: 40px;
    margin-bottom: 50px;
}

.visaHome .headerSlider .item .mainImage .ph-picture {
    height: 273px;
}

.visaHome .headerSlider .item > div:nth-child(1) .description.ph-item p {
    width: 100%;
}

.termsAndConditions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .termsAndConditions input {
        width: 17px;
        height: 17px;
        margin: 0 0 0 5px;
    }

    .termsAndConditions label {
        margin: 0;
        font-size: 13px;
        font-weight: 400;
    }

    .termsAndConditions #termsModalBtn {
        color: #fd972f;
    }

button.button.fullwidth_block:disabled,
button.button.fullwidth_block[disabled],
button.btnSave[disabled],
button.btnSave:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.termsOfMobile {
    width: 100%;
    margin-top: 10px;
}

    .termsOfMobile h3 {
        padding-bottom: 8px;
        margin-bottom: 8px;
        font-size: 16px;
    }

    .termsOfMobile p {
        font-size: 14px;
        color: #8b8997;
        margin-bottom: 0;
    }

.termsModalBtn {
    display: none;
}

#generalTermsAndConditionsMobild {
    display: none;
}

    #generalTermsAndConditionsMobild::-webkit-scrollbar {
        width: 1px;
    }

    #generalTermsAndConditionsMobild h2 {
        margin: 15px 0 10px;
        font-size: 22px;
    }

@media only screen and (max-width: 768px) {
    .termsModalBtn {
        display: inline-block;
    }

    #generalTermsAndConditionsMobild.show {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 100000000;
        background-color: #fff;
        height: 100vh;
        width: 100%;
        overflow-y: auto;
        padding: 0 10px 170px;
        -webkit-overflow-scrolling: touch;
    }

    #closeMobileModalTerms {
        height: 50px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: var(--my-orange);
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: 20px;
        color: #fff;
        -webkit-overflow-scrolling: touch;
    }
}

/****************** admin panel ***********************/
.dashboardAdmin .panel {
    border-color: #f7eeee;
}

.dashboardAdmin .panel-heading {
    background-color: var(--my-orange);
    border-color: transparent;
}

.dashboardAdmin .prnFilterPackage.focus {
    background-color: #ccc;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.dashboardAdmin .prnFilterPackage.active {
    background-color: var(--dark-green);
}

.dashboardAdmin .tourListHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    background-color: #5cb8b8;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
}

    .dashboardAdmin .tourListHeader > div {
        font-size: 13px;
        width: 12%;
        border-left: 1px solid #fff;
        padding-right: 5px;
    }

        .dashboardAdmin .tourListHeader > div:nth-child(3) {
            width: 30%;
        }

        .dashboardAdmin .tourListHeader > div:nth-child(5) {
            width: 16%;
        }

        .dashboardAdmin .tourListHeader > div:last-child {
            border-left: none;
            width: 6%;
        }

.dashboardAdmin .pck-item {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    margin: 10px 0 0;
}

    .dashboardAdmin .pck-item > div {
        font-size: 13px;
        width: 12%;
        padding: 10px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #f1f1f1;
    }

        .dashboardAdmin .pck-item > div:nth-child(3) {
            width: 30%;
        }

        .dashboardAdmin .pck-item > div:nth-child(5) {
            width: 16%;
            font-size: 11px;
        }

        .dashboardAdmin .pck-item > div:last-child {
            width: 6%;
        }

        .dashboardAdmin .pck-item > div > span:nth-child(1) {
            display: none;
        }

.dashboardAdmin .bs-tabdrop-package {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    background-color: #f3f3f3;
    border-radius: 10px;
    overflow: hidden;
    padding: 6px;
    border: none;
}

    .dashboardAdmin .bs-tabdrop-package li a {
        padding: 5px 8px;
        border: none;
        background-color: var(--light-green);
        color: #fff;
        border-radius: 4px;
    }

    .dashboardAdmin .bs-tabdrop-package li.active a,
    .dashboardAdmin .bs-tabdrop-package li.active a:hover,
    .dashboardAdmin .bs-tabdrop-package li.active a:focus {
        background-color: var(--my-orange);
        border: none;
        color: #fff;
    }

#dashboard .dashboardAdmin .tab-content > .tab-pane {
    padding: 10px;
}

.dashboardAdmin .profile-row .btn-group button,
.dashboardAdmin .panel-info #btnSaveTourInfo {
    background-color: var(--dark-green);
    border-color: transparent;
}

.dashboardAdmin .panel-info #btnSaveTourInfo {
    margin-right: 15px;
}

.dashboardAdmin .profile-row button:disabled,
.dashboardAdmin .panel-info button:disabled {
    background-color: #ccc;
    border-color: transparent;
}

.dashboardAdmin #form-Define .input-group,
#dashboard .dashboardAdmin .panel-warning .input-group {
    display: block;
}

.dashboardAdmin #bs-tabdrop-tab7 > .panel {
    background-color: #f3f3f3;
}

.dashboardAdmin #form-Define input,
.dashboardAdmin #form-Define select,
#dashboard .dashboardAdmin .panel-info input,
#dashboard .dashboardAdmin .panel-info select,
#dashboard .dashboardAdmin .panel-warning input,
#dashboard .dashboardAdmin .panel-warning select,
#dashboard .dashboardAdmin .dayPlaneOfTravel input,
#dashboard .dashboardAdmin .dayPlaneOfTravel select {
    height: 38px;
    width: 100%;
    margin: 0;
    border: none;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
}

.dashboardAdmin #form-Define input,
.dashboardAdmin #form-Define select,
#dashboard .dashboardAdmin .panelServices select {
    background-color: #f3f3f3;
}

.dashboardAdmin .panel-footer {
    padding: 10px 0 0;
}

    .dashboardAdmin .panel-footer .btn-lg {
        padding: 7px 25px;
        font-size: 16px;
    }

.dashboardAdmin #btnAddRequiredStuff,
.dashboardAdmin #btnAddRecommendedStuff,
.dashboardAdmin #btnPackageContain,
.dashboardAdmin #btnPackageNotContain {
    border-radius: 4px 0 0 4px;
    height: 38px;
    background-color: #5cb8b9;
    border-color: #5cb8b9;
}

.dashboardAdmin .btn-primary {
    background-color: var(--dark-green);
    border: none;
}

.dashboardAdmin th,
.dashboardAdmin td {
    text-align: center;
}

.dashboardAdmin .dayPlaneOfTravel .input-group.ddlDaysSchedule {
    display: block;
}

.bootbox.modal.in .modal-dialog {
    margin: 0 auto;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

.dashboardAdmin .prnFilterPackage {
    background-color: #ccc;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media only screen and (max-width: 768px) {
    .panel-body {
        padding: 15px 0;
    }

    .dashboardAdmin .tourListHeader {
        display: none;
    }

    .dashboardAdmin .pck-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .dashboardAdmin .pck-item > div,
        .dashboardAdmin .pck-item > div:nth-child(5),
        .dashboardAdmin .pck-item > div:nth-child(3) {
            width: 49.5%;
            margin-bottom: 3px;
        }

            .dashboardAdmin .pck-item > div:last-child {
                width: 100%;
            }

            .dashboardAdmin .pck-item > div > span:nth-child(1) {
                display: block;
            }

    .dashboardAdmin #bs-tabdrop-tab7 > .panel-warning {
        padding: 15px;
    }

        .dashboardAdmin #bs-tabdrop-tab7 > .panel-warning > div:nth-child(3) {
            overflow-x: auto;
        }

            .dashboardAdmin
            #bs-tabdrop-tab7 > .panel-warning > div:nth-child(3)::-webkit-scrollbar {
                height: 1px;
            }

    .dashboardAdmin #bs-tabdrop-tab7 .panel-body .col-sm-3,
    .dashboardAdmin #bs-tabdrop-tab7 .panel-body .col-md-4,
    .dashboardAdmin #bs-tabdrop-tab7 .panel-body .col-sm-4 {
        float: none;
    }
}

#flightclass {
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    #flightclass .custom-radio {
        float: none;
        margin: 0 0 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
    }

        #flightclass .custom-radio input {
            height: 21px;
            width: 21px;
            float: none;
            padding: 0;
        }

.flightclassQty .qtyTitle {
    padding-left: 15px;
    padding-right: 0;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 27px;
}

.flightclassQty .qtyInc,
.flightclassQty .qtyDec {
    width: 50px;
    height: 27px;
    line-height: 29px;
}

.flightbox .flightclassQty > input {
    width: 51px !important;
    height: 27px !important;
}

/*****************  resultFlight  *********************/

#tg-main.resultFlight .searchagain {
    background-color: var(--dark-green);
    color: #fff;
    border: none;
    padding: 5px 15px;
    border-radius: 5px;
    float: none;
}

    #tg-main.resultFlight .searchagain #frmFilterSelect .sa-collapse label {
        text-align: right;
    }

    #tg-main.resultFlight .searchagain:hover {
        background-color: var(--my-orange);
    }

#tg-main.resultFlight .booking-title-fb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    direction: rtl;
}

    #tg-main.resultFlight .booking-title-fb > a:nth-child(1) {
        display: none;
    }

#tg-main.resultFlight #SearchAgain {
    width: 100%;
}

#tg-main.resultFlight .sort-ul-fb li.active {
    border-radius: 5px;
    margin-left: 5px;
}

#tg-main.resultFlight .sort-ul-fb:before {
    direction: rtl;
}

#tg-main.resultFlight #SearchAgain .nav-pills > li {
    float: right;
}

#tg-main.resultFlight .input-daterange .col-sm-2 {
    float: right;
}

#tg-main.resultFlight #sort-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#tg-main.resultFlight .sort-fb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    width: auto;
}

#tg-main.resultFlight .change-days {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

    #tg-main.resultFlight .change-days .btnNextDay,
    #tg-main.resultFlight .change-days .btnBeforeDay {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 5px;
    }

    #tg-main.resultFlight .change-days,
    #tg-main.resultFlight .change-days > div {
        width: auto;
        font-size: 14px;
    }

#tg-main.resultFlight .sort-fb .sort-ul-fb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#flight-search-1 .form-group.form-group-lg .input-icon {
    top: 29px;
    right: -7px;
}

.booking-filters-fb {
    padding: 0 0 15px;
}

#tg-main.resultFlight .booking-filters-list > li:nth-child(1) {
    display: none;
}

#tg-main.resultFlight .booking-filters-list > li:nth-child(2) {
    margin-top: 31px;
}

#tg-main.resultFlight .booking-filters-list > li .checkbox label {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

    #tg-main.resultFlight .booking-filters-list > li .checkbox label .i-check {
        top: unset;
        left: unset;
        margin-left: 10px;
    }

    #tg-main.resultFlight .booking-filters-list > li .checkbox label .pull-right {
        position: absolute;
        left: 0;
    }

#tg-main.resultFlight .booking-filters-list > li .booking-filters-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#tg-main.resultFlight .sa-collapse label {
    text-align: right;
}

#tg-main.resultFlight .booking-item .dash-line:before {
    content: "";
    background-image: url(../../img/NewKite/Icons/travel.png);
    width: 30px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 28px !important;
    right: -2px;
}

#tg-main.resultFlight .booking-item .dash-line:after {
    top: 36px !important;
}

#tg-main.resultFlight .booking-item .one-pause-city:before {
    display: none;
}

.booking-item-details ul.list > li {
    direction: rtl !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 0;
}

.booking-item-details .tab-content ul.list > li:nth-child(1) > span:last-child,
.booking-item-details .tab-content ul.list > li:nth-child(4) > span:last-child,
.booking-item-details .col-md-3 ul.list > li > span:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

    .booking-item-details
    .tab-content
    ul.list > li:nth-child(1) > span:last-child
    br,
    .booking-item-details
    .tab-content
    ul.list > li:nth-child(4) > span:last-child
    br {
        display: none;
    }

#tg-main.resultFlight .booking-item-details .tabbable .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}

.refresh-modal .modal-dialog {
    margin: 0 auto;
}

#tg-main.resultFlight .notfound-ticket > .col-md-6 {
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin: 0 auto;
}

#tg-main.resultFlight .notfound-ticket .date-nf.next,
#tg-main.resultFlight .notfound-ticket .date-nf.prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
}

    #tg-main.resultFlight .notfound-ticket .date-nf.next i,
    #tg-main.resultFlight .notfound-ticket .date-nf.prev i {
        font-size: 18px;
    }

@media only screen and (max-width: 768px) {
    #tg-main.resultFlight .input-daterange .col-sm-2 {
        float: none;
    }

    .flightMostTravel .slick-slide img {
        width: 100%;
        height: 229px;
    }

    #tg-main.resultFlight .booking-item > div:nth-child(4) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        #tg-main.resultFlight .booking-item > div:nth-child(4) button {
            height: 38px;
            position: absolute;
            bottom: 0;
            left: 0;
        }

    #tg-main.resultFlight .booking-item > div:nth-child(1) {
        float: right;
    }

        #tg-main.resultFlight
        .booking-item > div:nth-child(1) > div > div > div:nth-child(1) {
            float: right;
        }

    #tg-main.resultFlight .booking-title-fb {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #tg-main.resultFlight .sort-fb .sort-ul-fb {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 5px;
    }

        #tg-main.resultFlight .sort-fb .sort-ul-fb li a {
            border: none;
        }
}

/*******************  new agency request ***********************/
.AgencyRequestSidebar {
    height: 100vh;
    background-color: #005cfb;
    position: sticky;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 10;
}

.AgencyRequestContainer {
    width: 100%;
    padding: 0 !important;
}

    .AgencyRequestContainer .section-classname {
        height: 100vh !important;
    }

        .AgencyRequestContainer .section-classname.home {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            padding: 50px 25px;
        }

            .AgencyRequestContainer .section-classname.home .title {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                margin-bottom: 25px;
            }

                .AgencyRequestContainer .section-classname.home .title h2 {
                    margin: 0;
                    text-align: right;
                }

            .AgencyRequestContainer .section-classname.home .description {
                font-size: 16px;
                font-weight: 300;
                color: #000;
            }

                .AgencyRequestContainer .section-classname.home .description span {
                    color: #5cb8b9;
                    font-weight: 800;
                }

            .AgencyRequestContainer .section-classname.home .content {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                gap: 15px 200px;
                margin: 32px 0;
            }

            .AgencyRequestContainer .section-classname.home .scroll {
                width: 100%;
                display: block;
                text-align: center;
                font-size: 32px;
                color: #005cfb;
                position: relative;
                margin-top: 63px;
            }

                .AgencyRequestContainer .section-classname.home .scroll i {
                    position: absolute;
                    -webkit-animation-name: scrollDownAnimation;
                    animation-name: scrollDownAnimation;
                    -webkit-animation-duration: 1s;
                    animation-duration: 1s;
                    -webkit-animation-iteration-count: infinite;
                    animation-iteration-count: infinite;
                    -webkit-transition: 0.3s;
                    -o-transition: 0.3s;
                    transition: 0.3s;
                }

@-webkit-keyframes scrollDownAnimation {
    0% {
        bottom: 0px;
    }

    50% {
        bottom: 2px;
    }

    100% {
        bottom: 0px;
    }
}

@keyframes scrollDownAnimation {
    0% {
        bottom: 0px;
    }

    50% {
        bottom: 2px;
    }

    100% {
        bottom: 0px;
    }
}

.AgencyRequestContainer .section-classname.home .content .item {
    width: 114px;
}

    .AgencyRequestContainer .section-classname.home .content .item .title {
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        margin-top: 15px;
    }

    .AgencyRequestContainer .section-classname.home .content .item .image {
        border-radius: 20px;
        background-color: #dde4f1;
        width: 70px;
        height: 70px;
        margin: 0 auto;
        position: relative;
    }

        .AgencyRequestContainer .section-classname.home .content .item .image img {
            position: absolute;
            top: -10px;
            right: -10px;
            width: 70px;
            height: 70px;
            -o-object-fit: cover;
            object-fit: cover;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
        }

    .AgencyRequestContainer
    .section-classname.home
    .content
    .item:hover
    .image
    img {
        width: 75px;
        height: 75px;
        top: -15px;
        right: -15px;
    }

.AgencyRequestContainer .section-classname.actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 50px 25px;
    position: relative;
}

    .AgencyRequestContainer .section-classname.actions .AgencyRequest {
        position: absolute;
        right: -312%;
        background-color: #fff;
        -webkit-transition: 0.7s;
        -o-transition: 0.7s;
        transition: 0.7s;
    }

        .AgencyRequestContainer .section-classname.actions .AgencyRequest.open {
            right: 0;
            left: 0;
        }

    .AgencyRequestContainer .section-classname.actions .content {
        width: 100%;
    }

    .AgencyRequestContainer
    .section-classname.actions
    .AgencyRequest.open
    #closeSignUpAgencyBtn {
        background-color: #dde4f1;
        height: 50px;
        width: 50px;
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 31px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 50%;
        padding: 0 13px;
        color: #3e64af;
        cursor: pointer;
    }

    .AgencyRequestContainer .section-classname.actions .AgencyRequest input {
        margin-bottom: 0px;
    }

    .AgencyRequestContainer .section-classname.actions .AgencyRequest label.error {
        font-size: 11px;
        line-height: 19px;
        position: absolute;
        left: 16px;
        top: 8px;
    }

    .AgencyRequestContainer .section-classname.actions .action {
        width: 50%;
        margin: 0 auto 30px;
        cursor: pointer;
        border-radius: 5px;
        border: solid 1px #dde4f1;
        padding: 10px;
    }

        .AgencyRequestContainer .section-classname.actions .action .detail {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 10px;
        }

.AgencyRequestContainer .section-classname.guide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 50px 25px;
}

    .AgencyRequestContainer .section-classname.guide .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 100%;
    }

        .AgencyRequestContainer .section-classname.guide .content .title {
            font-size: 24px;
            font-weight: bold;
            color: #000;
            margin-bottom: 20px;
        }

        .AgencyRequestContainer .section-classname.guide .content .description {
            font-size: 16px;
            color: #6c6c6c;
            width: 80%;
            margin-bottom: 20px;
        }

        .AgencyRequestContainer .section-classname.guide .content .phoneNumber {
            text-align: left;
            font-size: 24px;
            color: #6c6c6c;
            font-weight: bold;
            width: 80%;
        }

            .AgencyRequestContainer .section-classname.guide .content .phoneNumber span {
                font-size: 28px;
                color: #faa517;
            }

.AgencyRequestContainer
.section-classname.actions
.action
.detail > div:nth-child(1) {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #faa517;
    padding: 6px;
    overflow: hidden;
}

@media only screen and (max-width: 1096px) {
    .AgencyRequestContainer .section-classname.home .content {
        gap: 15px 123px;
    }
}

@media only screen and (max-width: 992px) {
    .AgencyRequestSidebar {
        display: none;
    }
}

#txtDestinationLabel,
#txtSourcelabel {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 43px;
    height: 65px;
    width: 100%;
    text-align: right;
    background-color: #fff;
    padding: 10px;
}

.txtDestinationLabel,
.txtSourcelabel {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    text-align: right;
    background-color: #fff;
    padding: 10px;
}

@media only screen and (max-width: 768px) {
    .AgencyRequestContainer .section-classname.home .content .item {
        width: 50%;
    }

    .AgencyRequestContainer .section-classname.home .content {
        gap: 15px 0px;
    }

    .AgencyRequestContainer .section-classname.home {
        padding: 18px 25px;
    }

        .AgencyRequestContainer .section-classname.home .title h2 {
            font-size: 20px;
        }

        .AgencyRequestContainer .section-classname.home .title {
            margin-bottom: 9px;
        }

        .AgencyRequestContainer .section-classname.home .description {
            margin-bottom: 50px;
        }

            .AgencyRequestContainer .section-classname.home .description p {
                font-size: 13px;
                margin: 0;
            }

        .AgencyRequestContainer .section-classname.home .content .item .title {
            font-size: 12px;
            margin-top: 7px;
            display: block;
        }

    .AgencyRequestContainer .section-classname.actions .action {
        width: 100%;
    }

    .AgencyRequestContainer .section-classname.actions .AgencyRequest.open {
        height: 100vh;
        overflow-y: auto;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        display: block;
        z-index: 100;
    }

        .AgencyRequestContainer
        .section-classname.actions
        .AgencyRequest.open::-webkit-scrollbar {
            width: 1px;
        }

    .AgencyRequest .messageForm {
        padding: 70px 0 120px;
    }

    .AgencyRequest .titleBox {
        top: 6%;
    }

    .AgencyRequestContainer
    .section-classname.actions
    .AgencyRequest.open
    #closeSignUpAgencyBtn {
        position: fixed;
        right: 17px;
        bottom: 72px;
    }

    .AgencyRequestTable .close {
        position: absolute;
    }

    .AgencyRequestTable.open .close {
        position: fixed;
        right: 25px;
        bottom: 5px;
        z-index: 100;
    }

    .AgencyRequestContainer .section-classname.guide {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

        .AgencyRequestContainer .section-classname.guide .content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

    .AgencyRequestTable {
        width: 100%;
        padding: 20px 20px 50px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        z-index: 10000000;
        position: fixed;
        overflow-y: auto;
    }

    .ui-autocomplete.fullAutoComplete {
        position: fixed;
        top: 108px !important;
        bottom: 0 !important;
        left: 0 !important;
        height: 90vh;
        max-height: 100vh;
        width: 100% !important;
        overflow-y: scroll;
        display: block !important;
        z-index: 10000000;
        padding-bottom: 100px;
    }

    .flightbox .main_input_search_part .main_input_search_part_item.openMobile {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 100000000000;
    }

        .flightbox
        .main_input_search_part
        .main_input_search_part_item.openMobile
        input[readonly] {
            border-style: none;
            color: #000;
        }

    .calendars h3.datepicker-header {
        text-align: right !important;
        padding-right: 10px !important;
    }

    #ui-id-1 .headerTxtSource,
    #ui-id-2 .headerTxtSource {
        font-size: 17px;
        padding: 10px;
        background-color: #ccc;
    }

    .flightbox
    .main_input_search_part
    .main_input_search_part_item.openMobile
    #txtDestinationLabel.show,
    .flightbox
    .main_input_search_part
    .main_input_search_part_item.openMobile
    #txtSourcelabel.show,
    .flightbox
    .main_input_search_part
    .main_input_search_part_item.openMobile
    .txtDestinationLabel,
    .flightbox
    .main_input_search_part
    .main_input_search_part_item.openMobile
    .txtSourcelabel {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    #flightclass {
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
        gap: 11px;
        margin-bottom: 10px;
    }

    .flightclassQty .qtyInc,
    .flightclassQty .qtyDec {
        height: 39px;
        line-height: 39px;
    }

    .flightbox .flightclassQty > input {
        height: 39px !important;
    }

    .flightclassQty .qtyTitle {
        font-size: 17px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

#confirmTxtSource,
#confirmTxtDestination {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000001;
    width: 100%;
    height: 50px;
    background-color: #faa517;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 20px;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.numberOfCustomers .qtyButtons {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .numberOfCustomers .qtyButtons > div:nth-child(1) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .numberOfCustomers .qtyButtons > div:nth-child(1) .qtyTitle {
            width: auto;
            padding-right: 0;
            position: relative;
        }

.sticky .numberOfCustomers .qtyButtons > div:nth-child(1) .qtyTitle {
    font-size: 13px;
    line-height: 15px;
}

    .sticky .numberOfCustomers .qtyButtons > div:nth-child(1) .qtyTitle span {
        position: absolute;
        bottom: -20px;
        right: 0;
        width: 100%;
        font-size: 11px;
    }

.numberOfCustomers .qtyButtons > div:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .numberOfCustomers .qtyButtons > div:nth-child(2) .qtyInc,
    .numberOfCustomers .qtyButtons > div:nth-child(2) .qtyDec {
        width: 30px;
        height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .numberOfCustomers .qtyButtons > div:nth-child(2) input {
        width: 50px !important;
        height: 30px;
        margin: 0 !important;
        padding: 0;
    }

.allFiltersFake .multifilter-gallery-nav .ph-item {
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 8px 0;
}

.sideBarTours .allFiltersFake .multifilter-gallery-nav > li span.ph-picture {
    width: 100%;
    height: 24px;
}

.bannerHomePage {
    width: 100%;
    max-width: 750px;
    height: 100%;
    max-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px auto;
}

.bannerHomeContent {
    width: 100%;
    height: 100%;
}

.filterAndSortBtn {
    display: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

    .filterAndSortBtn .openFilters {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background-color: #fff;
        border: 1px solid var(--dark-green);
        color: var(--dark-green);
        border-radius: 5px;
        padding: 5px 0;
    }

#confirmFilterTours,
#confirmSortTours {
    display: none;
    height: 50px;
    background-color: var(--my-orange);
    color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000000033;
    -webkit-overflow-scrolling: touch;
}

#confirmSortTours {
    background-color: #979292;
}

@media only screen and (max-width: 768px) {
    .sideBarTours .multifilter-gallery-button.tourType {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 50%;
    }

    #filter_3.dropDownFilter {
        padding: 0 5px 0 26px;
    }

    .filterAndSortBtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .allFiltersFake,
    #sortToursFake {
        display: none;
    }

    .allFilters.mobileOpen,
    #sortTours.mobileOpen {
        position: fixed;

        width: 100%;
        background-color: #fff;
        padding-bottom: 50px;
     
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 10000000;
        overflow-y: auto;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-overflow-scrolling: touch;
    }
    .allFilters.mobileOpen {
        height: 100vh;
        top: 0;
    }
        .allFilters.mobileOpen {
            padding-bottom: 150px;
        }

        .allFilters.mobileOpen::-webkit-scrollbar {
            width: 1px;
        }

    #confirmFilterTours.mobileOpen,
    #confirmSortTours.mobileOpen {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #filterAndSortBtn {
        position: static;
    }

        #filterAndSortBtn.sticky {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            z-index: 999;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
        }

    .openCommentBox.rotate i {
        display: none;
    }
}

.sideBarTours .multifilter-gallery-button.shape,
.sideBarTours .multifilter-gallery-button.tourType {
    position: relative;
    gap: 10px;
}

.sideBarTours .multifilter-gallery-button.tourType {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    height: 65px;
    border: 1px solid #ccc;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    padding: 0 7px;
}

    .sideBarTours .multifilter-gallery-button.tourType.active {
        border: 1px solid #73c9ca;
    }

    .sideBarTours .multifilter-gallery-button.shape input,
    .sideBarTours .multifilter-gallery-button.tourType input {
        opacity: 0;
        position: absolute;
    }

    .sideBarTours .multifilter-gallery-button.shape img,
    .sideBarTours .multifilter-gallery-button.tourType img {
        width: 20px;
        height: 20px;
        -o-object-fit: contain;
        object-fit: contain;
        opacity: 0.7;
    }

    .sideBarTours .multifilter-gallery-button.tourType img {
        width: 30px;
        height: 30px;
    }

    .sideBarTours .multifilter-gallery-button.shape span,
    .sideBarTours .multifilter-gallery-button.tourType span {
        color: #939393;
    }

.sideBarTours .multifilter-gallery-button.shape span {
    line-height: 2px;
}

.sideBarTours .multifilter-gallery-button.tourType span {
    line-height: 12px;
    font-size: 13px;
    margin: 0 7px;
}

.sideBarTours .multifilter-gallery-button.shape.active img,
.sideBarTours .multifilter-gallery-button.tourType.active img {
    opacity: 1;
    -webkit-filter: invert(74%) sepia(8%) saturate(1890%) hue-rotate(132deg) brightness(102%) contrast(80%);
    filter: invert(74%) sepia(8%) saturate(1890%) hue-rotate(132deg) brightness(102%) contrast(80%);
}

.sideBarTours .multifilter-gallery-button.shape.active span {
    color: #000;
}

.sideBarTours .multifilter-gallery-button.tourType.active span {
    color: #73c9ca;
}

#filter_3.dropDownFilter {
    flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    gap: 5px;
    padding-bottom: 13px;
    padding-top: 1px;
}

#filter_0.dropDownFilter,
#filter_1.dropDownFilter,
#filter_2.dropDownFilter,
#filter_4.dropDownFilter,
#filter_5.dropDownFilter {
    max-height: 72px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    #filter_0.dropDownFilter.moreFilter,
    #filter_1.dropDownFilter.moreFilter,
    #filter_2.dropDownFilter.moreFilter,
    #filter_4.dropDownFilter.moreFilter,
    #filter_5.dropDownFilter.moreFilter {
        max-height: 2000px;
        padding-bottom: 27px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    #filter_0.dropDownFilter #openMoreAgency.closeFilter::before,
    #filter_1.dropDownFilter #openMorePeriod.closeFilter::before,
    #filter_2.dropDownFilter #openMoreResidence.closeFilter::before,
    #filter_4.dropDownFilter #openMorePackageSources.closeFilter::before,
    #filter_5.dropDownFilter #openMorePackageDestinations.closeFilter::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 43px;
        width: 100%;
        background: -o-linear-gradient( bottom, #fff, #fff 10%, rgba(255, 255, 255, 0) );
        background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(10%, #fff), to(rgba(255, 255, 255, 0)));
        background: -o-linear-gradient(bottom, #fff, #fff 10%, rgba(255, 255, 255, 0));
        background: linear-gradient(0deg, #fff, #fff 10%, rgba(255, 255, 255, 0));
    }

    #filter_0.dropDownFilter #openMoreAgency,
    #filter_1.dropDownFilter #openMorePeriod,
    #filter_2.dropDownFilter #openMoreResidence,
    #filter_4.dropDownFilter #openMorePackageSources,
    #filter_5.dropDownFilter #openMorePackageDestinations {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50px;
        margin: 0 auto;
        text-align: center;
        color: #a39e9e;
        font-size: 11px;
        cursor: pointer;
    }

        #filter_0.dropDownFilter #openMoreAgency.moreFilter,
        #filter_1.dropDownFilter #openMorePeriod.moreFilter,
        #filter_2.dropDownFilter #openMoreResidence.moreFilter,
        #filter_4.dropDownFilter #openMorePackageSources.moreFilter,
        #filter_5.dropDownFilter #openMorePackageDestinations.moreFilter {
            height: 20px;
        }

        #filter_0.dropDownFilter #openMoreAgency span,
        #filter_1.dropDownFilter #openMorePeriod span,
        #filter_2.dropDownFilter #openMoreResidence span,
        #filter_4.dropDownFilter #openMorePackageSources span,
        #filter_5.dropDownFilter #openMorePackageDestinations span {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -12px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            z-index: 17;
        }

#closeFlterMobileBtn {
    display: none;
    width: 27px;
    height: 23px;
    font-size: 21px;
    background-color: transparent;
    outline: none;
    border: none;
}

.sideBarTours .multifilter-gallery-nav > li.ResetFilterButton {
    position: absolute;
    top: 6px;
    left: 17px;
    font-size: 10px;
    color: #faa517;
    display: none;
}

    .sideBarTours .multifilter-gallery-nav > li.ResetFilterButton::before {
        display: none;
    }

.mobileSidebaBanner {
    display: none;
}

.bannerTopToursMobile {
    display: none;
}

#filter_0.dropDownFilter > li > span {
    line-height: 27px;
}

#filter_0.dropDownFilter #openMoreAgency {
    height: 44px;
}

    #filter_0.dropDownFilter #openMoreAgency span {
        bottom: -7px;
    }

@media only screen and (max-width: 768px) {
    #filter_0.dropDownFilter.moreFilter,
    #filter_1.dropDownFilter.moreFilter,
    #filter_2.dropDownFilter.moreFilter,
    #filter_4.dropDownFilter.moreFilter,
    #filter_5.dropDownFilter.moreFilter {
        padding-bottom: 25px;
    }

    #filter_0.dropDownFilter,
    #filter_1.dropDownFilter,
    #filter_2.dropDownFilter {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        #filter_0.dropDownFilter > li > span {
            white-space: nowrap;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            line-height: 30px;
        }

        #filter_2.dropDownFilter #openMoreResidence {
            height: 39px;
        }

        #filter_0.dropDownFilter .multifilter-gallery-button,
        #filter_1.dropDownFilter .multifilter-gallery-button,
        #filter_2.dropDownFilter .multifilter-gallery-button {
            width: 50%;
        }

            #filter_2.dropDownFilter .multifilter-gallery-button img {
                width: 25px;
                height: 25px;
            }

            #filter_2.dropDownFilter .multifilter-gallery-button span {
                font-size: 13px;
            }

    .mobileSidebaBanner {
        display: block;
        float: right;
        width: 100%;
        border-radius: 5px;
        background-color: #fff;
        -webkit-box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
        box-shadow: -4px 3px 13px #dbdbdb, -8px -8px 13px #fff;
    }

    #filter_0.dropDownFilter #openMoreAgency.closeFilter::before,
    #filter_1.dropDownFilter #openMorePeriod.closeFilter::before,
    #filter_4.dropDownFilter #openMorePackageSources.closeFilter::before,
    #filter_5.dropDownFilter #openMorePackageDestinations.closeFilter::before {
        height: 43px;
    }

    #closeFlterMobileBtn {
        display: inline-block;
    }

    #openFilters.hasFilter {
        position: relative;
    }

        #openFilters.hasFilter::before {
            content: "";
            position: absolute;
            top: 5px;
            right: 5px;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background-color: var(--dark-green);
        }

    .panel-dropdown-scrollable {
        max-height: 100%;
    }

    .bannerTopToursDesktop {
        display: none;
    }

    .bannerTopToursMobile {
        display: block;
    }
}

.utf_tabs_nav_hotels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .utf_tabs_nav_hotels > li {
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        line-height: 10px;
    }

        .utf_tabs_nav_hotels > li a {
            margin: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 10px 15px;
        }

.hotelTours .hotelContent {
    padding: 0;
}

.messageLoader {
    text-align: center;
}

.hotelImagesPlaceholder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    height: 100%;
    background-color: #fff;
    z-index: 1000;  
}

    .hotelImagesPlaceholder .placeholderItem {
        height: 100%;
        width: 85%;
    }

.tourDetailTop {
    background-color: #aef2f363;
    padding: 9px 6px;
    text-align: right;
    border-radius: 5px;
    margin-bottom: 15px;
    color: #145a5b;
}

@media only screen and (max-width: 768px) {
    .utf_tabs_nav_hotels {
        margin: 10px auto;
        padding: 0 10px;
    }
    .utf_tabs_nav_hotels {
        margin-top: 10px;
    }
}
/**************  norouz  **************/
.bannerTopMenu {
    height: 45px;
}

    .bannerTopMenu img {
        height: 100% !important;
        width: 100% !important;
        -o-object-fit: cover !important;
        object-fit: cover !important;
    }

.specialTours,
.specialToursPlaceholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 284px;
    background-color: #e3e3e3;
    border-radius: 10px;
    padding: 21px 10px;
}

.specialTours {
    height: 0.1px;
    overflow: hidden;
    padding: 0;
}

.specialToursShow {
    height: 284px;
    padding: 21px 10px;
}

.specialToursPlaceholder > div:nth-child(2) {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
}

.specialTours img {
    width: 100%;
}

.specialTours .special_tours_slick_carousel .item {
    /* width: 250px; */
    background-color: #fff;
    margin: 0 2px;
    height: 250px;
    border-radius: 7px;
    overflow: hidden;
}

    .specialTours .special_tours_slick_carousel .item > div {
        padding-right: 18px;
    }

    .specialTours .special_tours_slick_carousel .item a {
        position: relative;
        height: 100%;
        display: block;
    }

        .specialTours .special_tours_slick_carousel .item a > div:nth-child(1) {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
        }

            .specialTours .special_tours_slick_carousel .item a > div:nth-child(1) img {
                height: 100%;
                width: 100%;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
                -o-object-fit: cover;
                object-fit: cover;
            }

    .specialTours
    .special_tours_slick_carousel
    .item:hover
    a > div:nth-child(1)
    img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .specialTours .special_tours_slick_carousel .item a > div:nth-child(2) {
        position: absolute;
        bottom: 20px;
        right: 20px;
        z-index: 2;
    }

        .specialTours .special_tours_slick_carousel .item a > div:nth-child(2) h3 {
            position: relative;
            color: #fff;
            font-size: 18px;
            font-weight: 700;
        }

            .specialTours
            .special_tours_slick_carousel
            .item
            a > div:nth-child(2)
            h3::before {
                content: "";
                position: absolute;
                top: 0;
                right: -10px;
                background-color: red;
                width: 3px;
                height: 100%;
            }

    .specialTours .special_tours_slick_carousel .item .blackLayer {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.5;
    }

.specialTours .special_tours_slick_carousel .sidebarSpecialTours {
    background-color: transparent;
}

.specialTours .sidebarSpecialTours img {
    width: 70%;
}

.specialTours .sidebarSpecialTours h2 {
    margin-top: 10px;
    font-size: 28px;
    line-height: 34px;
    color: #ed5244;
    margin-bottom: 15px;
}

.specialTours .sidebarSpecialTours > div:last-child {
    margin-top: 10px;
}

.specialTours .sidebarSpecialTours a {
    font-size: 15px;
    font-weight: 700;
    color: #5b5b5b;
}

.specialTours .special_tours_slick_carousel {
    width: 100%;
    height: 100%;
}

.specialTours .showAllSpecialTours .icon {
    font-size: 30px;
}

.specialTours .showAllSpecialTours {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    /* padding: 12px; */
    text-align: center;
}

.specialTours .special_tours_slick_carousel .slick-prev {
    right: 0;
    left: unset;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background-color: #cccccc42;
    padding: 5px 10px 5px 7px;
    border-radius: 50%;
}

.specialTours .special_tours_slick_carousel .slick-next {
    left: 0;
    right: unset;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background-color: #cccccc42;
    padding: 5px 7px 5px 10px;
    border-radius: 50%;
}

    .specialTours .special_tours_slick_carousel .slick-next.slick-disabled,
    .specialTours .special_tours_slick_carousel .slick-prev.slick-disabled {
        display: none !important;
    }

.specialToursPlaceholder {
    gap: 11px;
}

@media only screen and (max-width: 768px) {
    .specialToursPlaceholder > div:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

#utf_listing_gallery_part {
    overflow-y: hidden;
}

#weblog.weblogList .searchResult {
    padding: 0 177px;
}

    #weblog.weblogList .searchResult .post {
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-shadow: 0 0 40px rgb(24 23 24 / 20%);
        box-shadow: 0 0 40px rgb(24 23 24 / 20%);
        padding: 5px;
        border-radius: 5px;
    }

        #weblog.weblogList .searchResult .post > .image {
            width: 30%;
            height: 200px;
            border-radius: 5px;
            overflow: hidden;
        }

            #weblog.weblogList .searchResult .post > .image img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }

        #weblog.weblogList .searchResult .post > .detail {
            padding: 15px 15px 0;
            width: 70%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: 10px;
        }

            #weblog.weblogList .searchResult .post > .detail .title {
                margin-bottom: 7px;
            }

            #weblog.weblogList .searchResult .post > .detail .description {
                -webkit-box-flex: 2;
                -ms-flex: 2;
                flex: 2;
                font-size: 13px;
                max-height: 110px;
                overflow: hidden;
            }

            #weblog.weblogList .searchResult .post > .detail .title h3 {
                margin: 0;
                font-size: 20px;
            }

@media only screen and (max-width: 1250px) {
    #weblog.weblogList .searchResult {
        padding: 0;
    }
}

@media only screen and (max-width: 798px) {
    #weblog.weblogList .searchResult .post {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #weblog.weblogList .searchResult {
        padding: 0 15px;
        margin-top: 0;
    }

        #weblog.weblogList .searchResult .post > .image {
            width: 100%;
        }

        #weblog.weblogList .searchResult .post > .detail {
            width: 100%;
        }

            #weblog.weblogList .searchResult .post > .detail .description {
                font-size: 11px;
            }

            #weblog.weblogList .searchResult .post > .detail .title h3 {
                font-size: 15px;
                line-height: 23px;
            }
}

.comissionTables {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

@media only screen and (max-width: 768px) {
    .comissionTables {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

#worldCupLanding .worldCupHeader {
    position: relative;
    height: 92vh;
    background-image: url("../../img/NewKite/Icons/wordCup/background-1.jpg");
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

    #worldCupLanding .worldCupHeader .darkLayer {
        background-color: #00000054;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

#worldCupLanding .leftLogo,
#worldCupLanding .rightLogo {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25%;
    height: 72%;
    top: 48%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#worldCupLanding .leftLogo {
    left: 5%;
}

#worldCupLanding .rightLogo {
    right: 5%;
}

    #worldCupLanding .leftLogo img,
    #worldCupLanding .rightLogo img {
        width: auto;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

#worldCupLanding .worldCupHeader h1 {
    width: 100%;
    color: #fff;
    font-size: 40px;
    margin: 0;
    position: absolute;
    top: 20%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    z-index: 2;
    padding-right: 150px;
}

#worldCupLanding .worldCupHeader .timeToStartWC {
    width: 100%;
    position: absolute;
    top: 43%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: 30px;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    z-index: 2;
    padding-right: 207px;
}

    #worldCupLanding .worldCupHeader .timeToStartWC > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }

        #worldCupLanding .worldCupHeader .timeToStartWC > div > span:nth-child(1) {
            background-color: #fff;
            border-radius: 5px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 60px;
            width: 60px;
            font-size: 20px;
            font-weight: 800;
            font-family: Arial, Helvetica, sans-serif;
            color: #000;
        }

        #worldCupLanding .worldCupHeader .timeToStartWC > div > span:nth-child(2) {
            color: #fff;
            font-weight: 300;
        }

#worldCupLanding .worldCupHeader .worldCupLogo {
    width: 194px;
    position: absolute;
    bottom: 11%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    z-index: 2;
    margin: 0 259px 0 auto;
    left: 0;
    right: 0;
}

#worldCupLanding .worldCupHeader .preRedisterButton {
    width: 100%;
    position: absolute;
    bottom: 23%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    z-index: 2;
    padding-right: 208px;
}

    #worldCupLanding .worldCupHeader .preRedisterButton button {
        padding: 10px 35px;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        background-color: #9a1032;
        border-radius: 30px;
        border: none;
        outline: none;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        #worldCupLanding .worldCupHeader .preRedisterButton button:hover {
            background-color: #9a1032;
            color: #fff;
        }

#worldCupLanding .matchesContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    padding: 60px 0;
}

    #worldCupLanding .matchesContainer h2 {
        font-size: 28px;
        font-weight: 800;
        color: #5cb8b9;
        margin: 0 0 60px;
    }

    #worldCupLanding .matchesContainer .items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        #worldCupLanding .matchesContainer .items .item {
            width: 33.3%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            #worldCupLanding .matchesContainer .items .item .countriesFlag {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                gap: 10px;
                margin-bottom: 10px;
            }

                #worldCupLanding .matchesContainer .items .item .countriesFlag > span {
                    width: 39px;
                    height: 28px;
                    border-radius: 5px;
                    overflow: hidden;
                }

                    #worldCupLanding .matchesContainer .items .item .countriesFlag > span img {
                        height: 100%;
                        -o-object-fit: cover;
                        object-fit: cover;
                    }

            #worldCupLanding .matchesContainer .items .item .imageOfStaduim {
                margin-top: 15px;
                cursor: pointer;
            }

            #worldCupLanding .matchesContainer .items .item .stadiumTitle {
                font-size: 15px;
                font-weight: 500;
                color: #000;
                margin: 15px 0;
            }

            #worldCupLanding .matchesContainer .items .item .reserveBtn {
                width: 140px;
                height: 40px;
            }

                #worldCupLanding .matchesContainer .items .item .reserveBtn a {
                    display: block;
                    width: 100%;
                    height: 100%;
                }

                    #worldCupLanding .matchesContainer .items .item .reserveBtn a button {
                        -webkit-box-shadow: -3.7px 5.9px 11.6px 1.4px rgba(242, 175, 191, 0.64);
                        box-shadow: -3.7px 5.9px 11.6px 1.4px rgba(242, 175, 191, 0.64);
                        background-color: #9a1032;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        width: 100%;
                        height: 100%;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        color: #fff;
                        border: none;
                        outline: none;
                        border-radius: 20px;
                        -webkit-transition: 0.3s;
                        -o-transition: 0.3s;
                        transition: 0.3s;
                    }

                        #worldCupLanding .matchesContainer .items .item .reserveBtn a button:hover {
                            background-color: #9a10321c;
                            color: #9a1032;
                        }

#worldCupLanding .tourReq {
    background-color: #9a1032;
    background-image: url("../../img/NewKite/Icons/wordCup/pattern.jpg");
    background-repeat: repeat;
    padding: 20px 50px;
    text-align: center;
}

    #worldCupLanding .tourReq .title {
        color: #fff;
        font-size: 28px;
        font-weight: 800;
        margin-bottom: 50px;
    }

    #worldCupLanding .tourReq .tourForm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 15px;
        padding: 0 100px;
    }

        #worldCupLanding .tourReq .tourForm input {
            -webkit-box-flex: 2;
            -ms-flex: 2;
            flex: 2;
        }

        #worldCupLanding .tourReq .tourForm button {
            width: 130px;
            height: 50px;
        }

    #worldCupLanding .tourReq .detail {
        width: 50%;
        margin: 30px auto;
        color: #fff;
        font-size: 16px;
        font-weight: 300;
    }

    #worldCupLanding .tourReq .preregisterlogo {
        width: 50px;
        margin: 0 auto;
    }

#worldCupLanding #btnTourSubscribe {
    background-color: #61051c;
    color: #fff;
}

    #worldCupLanding #btnTourSubscribe:hover {
        background-color: #fff;
        color: #61051c;
    }

#worldCupLanding .steps {
    padding: 30px 0;
}

    #worldCupLanding .steps .title {
        width: 100%;
    }

    #worldCupLanding .steps h2 {
        color: #9a1032;
        font-size: 28px;
        font-weight: 800;
        text-align: center;
        margin-bottom: 60px;
    }

    #worldCupLanding .steps .items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 50px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: center;
    }

        #worldCupLanding .steps .items .item {
            width: 12%;
            min-height: 175px;
        }

            #worldCupLanding .steps .items .item .image {
                width: 115px;
                height: 115px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin: 0 auto;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

#worldCupLanding .stepsGuide .items .item:hover .image {
    width: 120px;
    height: 120px;
}

#worldCupLanding .stepsGuide .items .item .image img {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#worldCupLanding .stepsGuide .items .item:hover .image img {
    -webkit-filter: invert(13%) sepia(30%) saturate(7177%) hue-rotate(330deg) brightness(101%) contrast(102%);
    filter: invert(13%) sepia(30%) saturate(7177%) hue-rotate(330deg) brightness(101%) contrast(102%);
}

#worldCupLanding .steps .items .item .detail .title {
    font-size: 20px;
    color: #6c6c6c;
    margin-top: 15px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#worldCupLanding .stepsGuide .items .item:hover .detail .title {
    color: #9a1032;
}

#worldCupLanding .worldCupBlogs {
    padding: 50px 0;
    background-image: url("../../img/NewKite/Icons/wordCup/full-stadium.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

    #worldCupLanding .worldCupBlogs .title {
        font-size: 28px;
        font-weight: 800;
        color: #8f8c8a;
        margin-bottom: 50px;
    }

    #worldCupLanding .worldCupBlogs .blogItems {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
        grid-template-columns: repeat(4, 1fr);
        -ms-grid-rows: 1fr 30px 1fr;
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

        #worldCupLanding .worldCupBlogs .blogItems > *:nth-child(1) {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        #worldCupLanding .worldCupBlogs .blogItems > *:nth-child(2) {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }

        #worldCupLanding .worldCupBlogs .blogItems > *:nth-child(3) {
            -ms-grid-row: 1;
            -ms-grid-column: 5;
        }

        #worldCupLanding .worldCupBlogs .blogItems > *:nth-child(4) {
            -ms-grid-row: 1;
            -ms-grid-column: 7;
        }

        #worldCupLanding .worldCupBlogs .blogItems > *:nth-child(5) {
            -ms-grid-row: 3;
            -ms-grid-column: 1;
        }

        #worldCupLanding .worldCupBlogs .blogItems > *:nth-child(6) {
            -ms-grid-row: 3;
            -ms-grid-column: 3;
        }

        #worldCupLanding .worldCupBlogs .blogItems > *:nth-child(7) {
            -ms-grid-row: 3;
            -ms-grid-column: 5;
        }

        #worldCupLanding .worldCupBlogs .blogItems > *:nth-child(8) {
            -ms-grid-row: 3;
            -ms-grid-column: 7;
        }

        #worldCupLanding .worldCupBlogs .blogItems .item.firstItem {
            -ms-grid-column: 1;
            grid-column-start: 1;
            -ms-grid-column-span: 2;
            grid-column-end: 3;
            -ms-grid-row: 1;
            grid-row-start: 1;
            -ms-grid-row-span: 2;
            grid-row-end: 3;
            min-height: 400px;
        }

        #worldCupLanding .worldCupBlogs .blogItems .item {
            position: relative;
            border-radius: 15px;
            overflow: hidden;
        }

            #worldCupLanding .worldCupBlogs .blogItems .item a {
                display: block;
                position: relative;
                width: 100%;
                height: 100%;
            }

            #worldCupLanding .worldCupBlogs .blogItems .item .image {
                border-radius: 15px;
                overflow: hidden;
                height: 100%;
            }

                #worldCupLanding .worldCupBlogs .blogItems .item .image img {
                    -o-object-fit: cover;
                    object-fit: cover;
                    height: 100%;
                    -webkit-transition: 0.3s;
                    -o-transition: 0.3s;
                    transition: 0.3s;
                }

            #worldCupLanding .worldCupBlogs .blogItems .item:hover .image img {
                -webkit-transform: scale(1.1);
                -ms-transform: scale(1.1);
                transform: scale(1.1);
            }

            #worldCupLanding .worldCupBlogs .blogItems .item .detail {
                position: absolute;
                bottom: 0;
                padding: 15px;
                width: 100%;
                left: 0;
                z-index: 2;
                line-height: 20px;
            }

            #worldCupLanding .worldCupBlogs .blogItems .item .dateTime {
                color: #fff;
                font-size: 14px;
                font-weight: 300;
            }

            #worldCupLanding .worldCupBlogs .blogItems .item .title {
                font-size: 13px;
                font-weight: normal;
                color: #fff;
                margin-bottom: 0;
            }

            #worldCupLanding .worldCupBlogs .blogItems .item.firstItem .title {
                font-size: 20px;
                font-weight: 800;
            }

    #worldCupLanding .worldCupBlogs .moreNews {
        width: 100%;
    }

        #worldCupLanding .worldCupBlogs .moreNews a {
            display: block;
            width: 35%;
            margin: 30px auto 0;
        }

        #worldCupLanding .worldCupBlogs .moreNews button {
            width: 100%;
            height: 40px;
            color: #fff;
            border-radius: 5px;
            border: none;
            outline: none;
            background-color: #9a1032;
            border: 1px solid #9a1032;
        }

            #worldCupLanding .worldCupBlogs .moreNews button:hover {
                background-color: #fff;
                color: #9a1032;
            }

    #worldCupLanding .worldCupBlogs .darkLayer {
        position: absolute;
        z-index: 1;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        background: -webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(43%, #ffeaf170), to(#9a1032) );
        background: -o-linear-gradient( top, transparent 0%, #ffeaf170 43%, #9a1032 100% );
        background: linear-gradient( to bottom, transparent 0%, #ffeaf170 43%, #9a1032 100% );
    }

@media only screen and (max-width: 1024px) {
    #worldCupLanding .worldCupHeader h1 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 0;
    }

    #worldCupLanding .worldCupHeader .timeToStartWC {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 0;
    }

    #worldCupLanding .worldCupHeader .worldCupLogo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
        height: 74px;
    }

    #worldCupLanding .worldCupHeader .preRedisterButton {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 0;
    }
}

@media only screen and (max-width: 768px) {
    #worldCupLanding .worldCupBlogs .blogItems .item.firstItem {
        min-height: auto;
    }

    #worldCupLanding .worldCupBlogs .blogItems .item {
        min-height: 150px;
    }

    #worldCupLanding .leftLogo,
    #worldCupLanding .rightLogo {
        display: none;
    }

    #worldCupLanding .matchesContainer .items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        #worldCupLanding .matchesContainer .items .item {
            margin-bottom: 94px;
            width: 100%;
        }

    #worldCupLanding .tourReq .detail {
        width: 100%;
    }

    #worldCupLanding .steps .items .item {
        width: 50%;
    }

    #worldCupLanding .stepsGuide .items .item:nth-child(1),
    #worldCupLanding .stepsGuide .items .item:nth-child(2),
    #worldCupLanding .stepsGuide .items .item:nth-child(3) {
        width: 33%;
    }

    #worldCupLanding .stepsGuide .items .item:nth-child(4),
    #worldCupLanding .stepsGuide .items .item:nth-child(5) {
        width: 45%;
    }

    #worldCupLanding .tourReq .tourForm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

    #worldCupLanding .steps .items {
        gap: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        #worldCupLanding .steps .items .item .detail .title {
            font-size: 14px;
        }

        #worldCupLanding .steps .items .item .image {
            width: 83px;
            height: 83px;
        }

    #worldCupLanding .stepsGuide .items .item:hover .image {
        width: 84px;
        height: 84px;
    }

    #worldCupLanding .worldCupBlogs {
        padding: 5px;
    }

        #worldCupLanding .worldCupBlogs .title {
            font-size: 23px;
            margin-bottom: 30px;
        }

        #worldCupLanding .worldCupBlogs .blogItems {
            -ms-grid-columns: 1fr 15px 1fr;
            grid-template-columns: repeat(2, 1fr);
            -ms-grid-rows: 1fr 15px 1fr 15px 1fr;
            grid-template-rows: repeat(3, 1fr);
            grid-column-gap: 15px;
            grid-row-gap: 15px;
        }

            #worldCupLanding .worldCupBlogs .blogItems > *:nth-child(1) {
                -ms-grid-row: 1;
                -ms-grid-column: 1;
            }

            #worldCupLanding .worldCupBlogs .blogItems > *:nth-child(2) {
                -ms-grid-row: 1;
                -ms-grid-column: 3;
            }

            #worldCupLanding .worldCupBlogs .blogItems > *:nth-child(3) {
                -ms-grid-row: 3;
                -ms-grid-column: 1;
            }

            #worldCupLanding .worldCupBlogs .blogItems > *:nth-child(4) {
                -ms-grid-row: 3;
                -ms-grid-column: 3;
            }

            #worldCupLanding .worldCupBlogs .blogItems > *:nth-child(5) {
                -ms-grid-row: 5;
                -ms-grid-column: 1;
            }

            #worldCupLanding .worldCupBlogs .blogItems > *:nth-child(6) {
                -ms-grid-row: 5;
                -ms-grid-column: 3;
            }

        #worldCupLanding .worldCupBlogs .moreNews a {
            width: 300px;
        }

    #worldCupLanding .tourReq .tourForm {
        padding: 0;
    }

    #worldCupLanding .tourReq .title {
        font-size: 21px;
        margin-bottom: 16px;
        line-height: 29px;
    }

    #worldCupLanding .tourReq .tourForm button {
        width: 100%;
    }

    #worldCupLanding .matchesContainer h2 {
        font-size: 24px;
    }

    #worldCupLanding .tourReq .detail {
        width: 100%;
    }

    #worldCupLanding .tourReq .tourForm input {
        -webkit-box-flex: 2;
        -ms-flex: 2 auto;
        flex: 2 auto;
    }
}

.staduimSliderWC {
    height: 66vh;
}

    .staduimSliderWC .slick-list {
        height: 100%;
    }

        .staduimSliderWC .slick-list .slick-track {
            top: 0%;
        }

        .staduimSliderWC .slick-list img {
            -o-object-fit: cover;
            object-fit: cover;
            height: 100%;
        }

        .staduimSliderWC .slick-list .item {
            height: 100%;
            margin: 0 20px;
        }

    .staduimSliderWC .slick-next {
        right: 94px;
    }

    .staduimSliderWC .slick-prev {
        left: 94px;
    }

.wordCupModal .countriesFlag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 28px;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .wordCupModal .countriesFlag > span {
        width: 70px;
        height: 52px;
        border-radius: 5px;
        overflow: hidden;
    }

        .wordCupModal .countriesFlag > span img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

.wordCupModal .stadiumTitle {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    margin: 15px 0;
    text-align: center;
}

.wordCupModal .reserveBtn {
    width: 140px;
    height: 40px;
    margin: 0 auto;
}

    .wordCupModal .reserveBtn a {
        display: block;
        width: 100%;
        height: 100%;
    }

.wordCupModal a button {
    -webkit-box-shadow: -3.7px 5.9px 11.6px 1.4px rgba(242, 175, 191, 0.64);
    box-shadow: -3.7px 5.9px 11.6px 1.4px rgba(242, 175, 191, 0.64);
    background-color: #9a1032;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .wordCupModal a button:hover {
        background-color: #9a10321c;
        color: #9a1032;
    }

.wordCupModal .modal-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

    .wordCupModal .modal-body .leftSide {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .wordCupModal .modal-body .rightSide {
        padding: 0 20px;
    }

.wordCupModal .timeModal {
    text-align: center;
}

.wordCupModal .buttonRowsModalWorldCup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 38px;
}

    .wordCupModal .buttonRowsModalWorldCup .closeWorldCupModalBtn {
        width: 140px;
        height: 40px;
        display: none;
    }

    .wordCupModal .buttonRowsModalWorldCup .closeModal {
        -webkit-box-shadow: -3.7px 5.9px 11.6px 1.4px #5cb8b947;
        box-shadow: -3.7px 5.9px 11.6px 1.4px #5cb8b947;
        background-color: #5cb8b9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        border: none;
        outline: none;
        border-radius: 20px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

.loadingTours {
    overflow: hidden;
}
.detailOfSignPassengers h4{
    text-align:right;

}
#detailOfSignPassengers span{
    display:bolck;
    width:100%
}
#detailOfSignPassengers{
    display:block;
}
@media only screen and (max-width: 768px) {
    #worldCupLanding .worldCupHeader h1 {
        top: 14%;
        font-size: 26px;
    }

    #worldCupLanding .worldCupHeader .timeToStartWC {
        top: 32%;
    }

    #worldCupLanding .worldCupHeader .worldCupLogo {
        bottom: 6%;
    }

    #worldCupLanding .worldCupHeader .preRedisterButton {
        bottom: 24%;
    }

    #worldCupLanding .worldCupHeader .timeToStartWC {
        width: 94%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

        #worldCupLanding .worldCupHeader .timeToStartWC > div > span:nth-child(1) {
            width: 50px;
            height: 50px;
        }

    .tourDetailModal .staduimSliderWC .slick-prev {
        padding: 6px 11px 6px 5px;
        top: 27%;
        left: 3px;
    }

    .tourDetailModal .staduimSliderWC .slick-next {
        padding: 6px 5px 6px 11px;
        top: 27%;
        right: 3px;
    }

    .staduimSliderWC .slick-list .slick-track {
        top: 11%;
    }

    .wordCupModal {
        height: 100vh;
    }

        .wordCupModal .modal-content {
            height: 100%;
        }

        .wordCupModal .modal-body {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            padding: 15px 0;
            -ms-flex-pack: distribute;
            justify-content: space-around;
        }

            .wordCupModal .modal-body .leftSide {
                max-height: 310px;
            }

    .staduimSliderWC .slick-list .item {
        height: 26vh;
    }

    .wordCupModal .reserveBtn {
        margin: unset;
    }

    .wordCupModal .buttonRowsModalWorldCup .closeWorldCupModalBtn {
        display: block;
    }
}

.companiesList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 60px;
}

    .companiesList .companiesRow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 100%;
    }

    .companiesList .companiesRowSecond {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 53px;
    }

    .companiesList .companiesRow .item {
        width: 20%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 10px;
        overflow: hidden;
    }

        .companiesList .companiesRow .item a {
            display: block;
            width: 100%;
        }

            .companiesList .companiesRow .item a img {
                width: 100%;
                height: auto;
                -o-object-fit: cover;
                object-fit: cover;
                filter: grayscale(100%);
                -webkit-filter: grayscale(100%);
                -moz-filter: grayscale(100%);
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

        .companiesList .companiesRow .item:hover a img {
            filter: grayscale(0%);
            -webkit-filter: grayscale(0%);
            -moz-filter: grayscale(0%);
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }

        .companiesList .companiesRow .item.hovered a img {
            filter: grayscale(0%);
            -webkit-filter: grayscale(0%);
            -moz-filter: grayscale(0%);
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }

@media only screen and (max-width: 768px) {
    .insCal > div:nth-child(1) > div > .title {
        font-size: 18px;
    }

    .companiesList {
        gap: 20px;
    }

        .companiesList .companiesRow {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 20px;
        }

            .companiesList .companiesRow .item {
                width: 46%;
            }

        .companiesList .companiesRowSecond .item:last-child {
            width: 100%;
        }
}

#ticket-col .div_Persons {
    direction: rtl;
}

    #ticket-col .div_Persons .date-format {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 0px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #ticket-col .div_Persons .date-format > label:nth-child(1),
        #ticket-col .div_Persons .date-format > label:nth-child(1) {
            width: 100%;
        }

#ticket-col .passenger-line {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#ticket-col #divEmail_Input label {
    text-align: right;
    direction: rtl;
}

#div_Passengers .traveler-tag {
    text-align: right;
}

.pageContainer {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}

.nav-is-toggled {
    overflow: hidden;
}

    .nav-is-toggled .pageContainer {
        -webkit-transform: translateX(-75%);
        -ms-transform: translateX(-75%);
        transform: translateX(-75%);
    }

#NewHeader #hamOpened.hamburger {
    display: none;
}

#worldCupLanding .insCal > div:nth-child(1) .title h2 {
    color: #9a1032;
}

#worldCupLanding .ui-slider-pips [class*=ui-slider-pip-selected] {
    color: #9a1032;
}

#worldCupLanding #slider1.ui-slider-pips .ui-slider-pip .ui-slider-line:after,
#worldCupLanding #slider.ui-slider-pips .ui-slider-pip .ui-slider-line:after {
    background-color: #9a10329e;
}

#worldCupLanding .insCal > div:nth-child(2) .perInstall .install {
    color: #9a1032;
}

#worldCupLanding #installment .openAdvanceInstall button,
#worldCupLanding #installment .closeAdvanceInstall button {
    border: 1px solid #9a1032;
    color: #9a1032;
}

    #worldCupLanding #installment .openAdvanceInstall button:hover,
    #worldCupLanding #installment .closeAdvanceInstall button:hover {
        background-color: #9a1032;
        color: #fff;
    }

#worldCupLanding .advancedInstallmentButton button {
    background-color: #9a1032;
}

#worldCupLanding .insCal .guideAdvanceInstall {
    background-color: #9a1032;
}

#worldCupLanding .insCal .ui-slider-horizontal .ui-slider-range {
    background-color: #bd697f;
}

.insCal .advancedInstallment .installmentCount > div:nth-child(2) .value-button:hover {
    color: #5cb8b9;
}

#worldCupLanding .ui-state-default,
#worldCupLanding .ui-widget-content .ui-state-default,
#worldCupLanding .ui-widget-header .ui-state-default,
#worldCupLanding .ui-button, html .ui-button.ui-state-disabled:hover,
#worldCupLanding html .ui-button.ui-state-disabled:active {
    top: -6px;
}

#worldCupLanding #installment .insCalRow {
    background-color: #e3567908;
}

#worldCupLanding .utf_listing_New .headFaq > div:nth-child(1) img,
#worldCupLanding .utf_listing_New #accordion .card .btn > div span img,
#worldCupLanding .utf_listing_New #accordion .card .btn > div span img {
    -webkit-filter: invert(11%) sepia(91%) saturate(3464%) hue-rotate(334deg) brightness(91%) contrast(98%);
    filter: invert(11%) sepia(91%) saturate(3464%) hue-rotate(334deg) brightness(91%) contrast(98%);
}

#worldCupLanding .utf_listing_New #accordion .card .btn i {
    color: #9a1032;
}

#worldCupLanding .utf_listing_New #accordion .card:hover .btn > div:nth-child(1) span:nth-child(2) {
    color: #9a1032;
}

#worldCupLanding .utf_listing_New #accordion .card {
    -webkit-box-shadow: 0px 2px 31.2px 3.9px #9a103230;
    box-shadow: 0px 2px 31.2px 3.9px #9a103230;
}

#modalMessage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 10;
}

#modalMessageblackSide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #00000080;
    z-index: 11;
}

#successMessage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    height: 327px;
    width: 400px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    z-index: 12;
}

    #successMessage svg {
        width: 160px;
        display: block;
        margin: 47px auto 0;
    }

    #successMessage .path {
        stroke-dasharray: 1000;
        stroke-dashoffset: 0;
    }

        #successMessage .path.circle {
            -webkit-animation: dash 0.9s ease-in-out;
            animation: dash 0.9s ease-in-out;
        }

        #successMessage .path.line {
            stroke-dashoffset: 1000;
            -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
            animation: dash 0.9s 0.35s ease-in-out forwards;
        }

        #successMessage .path.check {
            stroke-dashoffset: -100;
            -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
            animation: dash-check 0.9s 0.35s ease-in-out forwards;
        }

    #successMessage p {
        text-align: center;
        margin: 40px 0 0;
        font-size: 1.25em;
    }

        #successMessage p.success {
            color: #73AF55;
        }

p.error {
    color: #D06079;
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}

@keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}

@media only screen and (max-width: 768px) {
    #successMessage {
        width: 90%;
    }

    #weblog .content .lastPost .nav-tabs {
        gap: 8px 0px;
        -webkit-box-pack: normal;
        -ms-flex-pack: normal;
        justify-content: normal;
        margin-bottom: 30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #weblog .content .lastPost ul li {
        width: 31%;
        margin: 0 2px;
    }

    .searchWeblogContainer {
        margin: 15px 15px 0;
    }

    .titleWeblogContainer {
        margin: 0 15px;
    }
}

@media only screen and (min-width: 1572px) {
    #worldCupLanding .worldCupBlogs {
        background-size: cover;
    }
}

#blogLoader {
    text-align: center;
    margin-top: 10px;
}

.countRowInputHotel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

    .countRowInputHotel > span {
        width: 30px;
    }

.callToKiteBtnWrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999999;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: #fff;
}

.callToKiteBtn {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px;
    width: 79%;
    height: 71px;
    background-color: #cefeff;
    color: #000;
    border-radius: 0 15px 0 0;
    position: relative;
}

    .callToKiteBtn a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10px;
        background-color: var(--my-orange);
        padding: 8px 10px;
        border-radius: 4px;
        font-size: 17px;
        font-weight: 800;
        color: #704a0a;
        margin-left: 0;
    }

        .callToKiteBtn a span {
            line-height: 16px;
        }

    .callToKiteBtn > div:nth-child(1) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12px;
    }

        .callToKiteBtn > div:nth-child(1) > div:nth-child(1) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 10px;
        }

            .callToKiteBtn > div:nth-child(1) > div:nth-child(1) i {
                font-size: 13px;
            }

        .callToKiteBtn > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
            font-size: 13px;
            font-weight: 700;
            line-height: 17px;
            color: #043738;
        }

        .callToKiteBtn > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) {
            font-size: 10px;
            font-weight: 400;
            line-height: 18px;
        }

    .callToKiteBtn #bg {
        width: 50px;
        height: 50px;
        overflow: hidden;
        position: absolute;
        right: -30px;
        bottom: 0;
    }

        .callToKiteBtn #bg::before {
            content: "";
            height: 1px;
            background-color: #73c9ca;
            width: 5px;
            position: absolute;
            bottom: 0;
            right: -5px;
        }

        .callToKiteBtn #bg #bg-bottom {
            position: absolute;
            bottom: 0px;
            left: -5px;
            width: 100%;
            height: 60%;
            background-color: #cefeff;
        }

        .callToKiteBtn #bg #bottom {
            position: absolute;
            background: #fff;
            top: 0px;
            left: 20px;
            width: 40px;
            height: 50px;
            border-radius: 20px;
            -webkit-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
        }
#text_input_error{
    display:none;
}
/*
.callToKiteBtn a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.callToKiteBtn a i{
  font-size: 30px;
  color: #fff;
}
*/
@media only screen and (max-width: 992px) {
    .element_tab .utf_tabs_nav li a .motionImages {
        width: 90px;
        height: 90px;
        margin: 0 auto;
    }

    .element_tab .utf_tabs_nav li a {
        margin: 0;
    }

        .element_tab .utf_tabs_nav li a .motionImages > div.natureMotionIcon img {
            width: 12px;
            height: 12px;
            padding: 0;
        }

        .element_tab .utf_tabs_nav li a .motionImages > div.natureMotionIcon {
            right: 24px;
            top: -7px;
        }
}

@media only screen and (max-width: 768px) {
    .element_tab .utf_tabs_nav li:hover a .motionImages > div.internalMotionIcon, .element_tab .utf_tabs_nav li.active a .motionImages > div.internalMotionIcon {
        top: -10px;
        right: -12px;
    }

    .element_tab .utf_tabs_nav li a .motionImages > div.natureMotionIcon {
        right: 20px;
        top: -15px;
    }

    .callToKiteBtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .countRowInputHotel > span {
        width: 40px;
    }

    .hotel-dropdown-content .package_passenger-room .inc,
    .hotel-dropdown-content .package_passenger-room .dec {
        width: 40px;
        height: 40px;
    }

        .hotel-dropdown-content .package_passenger-room .dec:after {
            top: 4px;
            right: 12px;
        }

    .hotel-dropdown-content .number-spinner input {
        height: 28px;
        width: 30px;
    }

    .hotel-dropdown-content .package_passenger-room .inc:after {
        top: 4px;
        right: 12px;
    }

    .hotel-dropdown-content .number-spinner input {
        width: 40px;
        height: 40px;
    }

    .utf_img_content_box {
        right: 9px !important;
        padding-right: 9px !important;
    }

        .utf_img_content_box h4 {
            font-size: 15px;
            line-height: 32px;
        }

    .flightbox .main_input_search_part .source-and-dest {
        display: block;
    }

    .flightbox .main_input_search_part .source-and-dest .xchange-searchbox i {
        transform: rotate(90deg);
    }
}

@media only screen and (max-width: 478px) {
    .element_tab .utf_tabs_nav li a .motionImages > div.natureMotionIcon {
        right: 14px;
        top: -17px;
    }

    .element_tab .utf_tabs_nav li a .motionImages {
        width: 70px;
        height: 70px;
    }
}

.blogsIndexPage {
    background-position: center !important;
}

.wysywyg ol > li {
    list-style-type: inherit;
    padding-right: 0;
}

.wysywyg ol {
    padding-right: 20px;
}

.wysywyg li {
    position: relative;
    padding-right: 20px;
}

.wysywyg ul li::before {
    content: "";
    position: absolute;
    top: 10px;
    right: 5px;
    background-image: url(../../img/NewKite/Icons/motype-kite.png);
    background-size: contain;
    background-position: center;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background-color: #73c9ca;
}
}

.wysywyg #toc li::before {
    position: unset;
    background-image: none;
}

.loadingNewBlogs {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    background-color: #0006;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.packagelist .utf_tabs_nav_hotels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    gap: 10px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .packagelist .utf_tabs_nav_hotels > li {
        background-color: #f9fafe;
        color: #000;
        float: none;
        border-radius: 0;
        padding: 0 20px;
        border-radius: 5px 0;
    }

        .packagelist .utf_tabs_nav_hotels > li a {
            background-color: #f9fafe;
            color: #ccc;
            padding: 15px 0;
        }

        .packagelist .utf_tabs_nav_hotels > li.active {
            background-color: #f9fafe;
        }

            .packagelist .utf_tabs_nav_hotels > li.active a {
                background-color: #f9fafe;
            }

            .packagelist .utf_tabs_nav_hotels > li.active a {
                color: #000;
            }

.element_tab .utf_tabs_nav li a:hover,
.element_tab .utf_tabs_nav li.active a {
    background-color: #fff;
}

.bannersTourMnuWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 10px;
}

.bannerTourMnu {
    width: 100%;
    margin-bottom: 0;
    height: 96px;
}

    .bannerTourMnu a {
        width: 100%;
        height: 100%;
        padding: 0;
    }

        .bannerTourMnu a .banners {
            width: 100%;
            border-radius: 5px;
            overflow: hidden;
            height: 100%;
            position: relative;
        }

            .bannerTourMnu a .banners img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }

            .bannerTourMnu a .banners .layerDark {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: #00000042;
            }

            .bannerTourMnu a .banners > div:last-child {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                color: #fff;
            }

.printPackagePdf {
    color: #fff;
}

    .printPackagePdf button {
        background-color: var(--dark-green);
    }

        .printPackagePdf button:hover {
            background-color: var(--my-orange);
        }
#txtTourSubscribeMobile{
    margin-bottom:15px !important;
}
@media only screen and (max-width: 768px) {
    .packagelist .utf_tabs_nav_hotels {
        gap: 0;
    }

        .packagelist .utf_tabs_nav_hotels > li {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding: 0;
            gap: 0;
            border-radius: 0;
        }

        .packagelist .utf_tabs_nav_hotels > li {
            background-color: #ccc;
            color: #000;
            float: none;
            border-radius: 0;
            padding: 0 20px;
        }

            .packagelist .utf_tabs_nav_hotels > li a {
                background-color: #ccc;
                color: #000;
                padding: 15px 0;
            }

            .packagelist .utf_tabs_nav_hotels > li.active {
                background-color: var(--dark-green);
            }

                .packagelist .utf_tabs_nav_hotels > li.active a {
                    background-color: var(--dark-green);
                }

                .packagelist .utf_tabs_nav_hotels > li.active a {
                    color: #fff;
                }
}

.installmentCount .button-cover {
    height: 30px;
    margin: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px -8px #c5d6d6;
    box-shadow: 0 10px 20px -8px #c5d6d6;
    border-radius: 4px;
    width: 90px;
}

.installmentCount .button-cover,
.installmentCount .knobs,
.installmentCount .layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.installmentCount .button {
    position: relative;
    top: 0;
    width: 90px;
    height: 30px;
    margin: 0;
    overflow: hidden;
}

    .installmentCount .button.r,
    .installmentCount .button.r .layer {
        border-radius: 100px;
    }

    .installmentCount .button.b2 {
        border-radius: 2px;
    }

.installmentCount .checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.installmentCount .knobs {
    z-index: 2;
}

.installmentCount .layer {
    width: 100%;
    background-color: #ebf7fc;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    z-index: 1;
}

.installmentCount #button-10 .knobs:before,
.installmentCount #button-10 .knobs:after,
.installmentCount #button-10 .knobs span {
    position: absolute;
    top: 3px;
    width: 40px;
    height: 24px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 7px 4px;
    border-radius: 2px;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
}

.installmentCount #button-10 .knobs:before {
    content: "";
    left: 4px;
    background-color: #03a9f4;
}

.installmentCount #button-10 .knobs:after {
    content: "مبلغی";
    right: 4px;
    color: #4e4e4e;
}

.installmentCount #button-10 .knobs span {
    display: inline-block;
    left: 4px;
    color: #fff;
    z-index: 1;
}

.installmentCount #button-10 .checkbox:checked + .knobs span {
    color: #4e4e4e;
}

.installmentCount #button-10 .checkbox:checked + .knobs:before {
    left: 46px;
    background-color: #f44336;
}

.installmentCount #button-10 .checkbox:checked + .knobs:after {
    color: #fff;
}

.installmentCount #button-10 .checkbox:checked ~ .layer {
    background-color: #fcebeb;
}

.insCal2 .priceOfTour.installmentCount {
    min-width: 213px;
}

    .insCal2 .priceOfTour.installmentCount .title {
        font-size: 12px !important;
    }

.installmentCount .button-cover {
    left: 0;
    right: unset;
}

.installmentCount #percentByType {
    max-width: 193px;
}

.acceptRules {
    position: absolute;
    bottom: 18px;
    right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 330px;
    gap: 10px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .acceptRules input {
        width: 20px;
        height: 20px;
    }

.rulesModal .modal-dialog {
    margin: 50px auto 0 !important;
    width: 80% !important;
}

    .rulesModal .modal-dialog #accepetAgreement {
        border: none;
        outline: none;
        background-color: var(--dark-green);
        color: #fff;
    }

    .rulesModal .modal-dialog #cancelAgreement {
        border: 1px solid red;
        outline: none;
        background-color: #fff;
        color: red;
    }

#mobileModalFooter {
    display: none;
}

.addCommentModal .modal-dialog {
    width: 43%;
}

.addCommentModal .headerAddComment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}

.addCommentModal #imageOfAgency {
    width: 90px;
}

.addCommentModal .headerAddComment .detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

    .addCommentModal .headerAddComment .detail #tourTitleComment {
        font-size: 21px;
        font-weight: 700;
    }

.addCommentModal #frm_add_comment {
    padding-bottom: 0;
}

.addCommentModal .utf_leave_rating {
    float: none;
    margin: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.addCommentModal .ratingBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.addCommentModal .utf_leave_rating label {
    padding: 4px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    margin: 0 2px;
}

.addCommentModal .buttonsRowAddComment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.addCommentModal .closeModalCommentBtn {
    background-color: red;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 4px;
    padding: 10px 20px;
    min-width: 160px;
}

.addCommentModal .addCommentModalBtn {
    background-color: var(--dark-green);
    color: #fff;
    margin: 0;
}

.addCommentModal label #degreeOfStar {
    font-size: 16px;
    font-weight: 800;
}

@media only screen and (max-width: 768px) {
    .addCommentModal .headerAddComment {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .addCommentModal .ratingBox {
        margin-top: 30px;
        margin-bottom: 30px;
        margin-right: auto;
        margin-left: auto;
        max-width: 240px;
    }

        .addCommentModal .ratingBox > label {
            display: none;
        }

    .addCommentModal .utf_leave_rating {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
    }

        .addCommentModal .utf_leave_rating label {
            padding: 8px;
            font-size: 25px;
        }

    .addCommentModal .buttonsRowAddComment {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 10px;
    }

    .addCommentModal .headerAddComment .detail #tourTitleComment {
        text-align: center;
    }

    .addCommentModal .headerAddComment .detail #agencyTitleComment {
        text-align: center;
    }

    #desktopModalFooter {
        display: none;
    }

    .acceptRules {
        position: relative;
        bottom: unset;
    }

    .rulesModal.in {
        display: block;
        height: 100vh;
        overflow-y: hidden;
        padding-left: 0 !important;
    }

    .rulesModal .modal-dialog {
        margin: 0 auto 0 !important;
        width: 100% !important;
        height: 100vh !important;
        overflow-y: hidden !important;
    }

        .rulesModal .modal-dialog .modal-content {
            height: 100vh;
            overflow-y: hidden;
        }

            .rulesModal .modal-dialog .modal-content .modal-header {
                height: 5vh;
            }

            .rulesModal .modal-dialog .modal-content .modal-body {
                height: 95vh;
                padding-bottom: 150px;
                overflow-y: auto;
            }

                .rulesModal .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
                    width: 2px;
                }

    #mobileModalFooter.modal-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1051;
        width: 100%;
        padding: 0;
        -webkit-overflow-scrolling: touch;
    }

        #mobileModalFooter.modal-footer .cancelAgreement {
            border: 1px solid red;
            outline: none;
            background-color: #fff;
            color: red;
            width: 50%;
            border-radius: 0;
        }


        #mobileModalFooter.modal-footer .accepetAgreement {
            border: none;
            outline: none;
            background-color: var(--dark-green);
            color: #fff;
            width: 50%;
            margin: 0;
            border-radius: 0;
        }
}

.addCommentModal .modal-dialog {
    margin: 50px auto;
}

.openCommentBoxUserPanel {
    border: none;
    width: 100%;
    padding: 6px 0;
    border-radius: 5px;
    background-color: #73c9ca;
    color: #fff;
}

.natureToueDetailPage .inputWrapPassenger .checkForigenPassenger {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    top: -25px;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    height: 20px;
}

    .natureToueDetailPage .inputWrapPassenger .checkForigenPassenger > input {
        width: 17px;
        height: 17px;
        margin: 0;
    }

    .natureToueDetailPage .inputWrapPassenger .checkForigenPassenger > label {
        position: relative;
        right: unset;
        top: unset;
        font-size: 12px;
        margin: 0;
        line-height: 14px;
    }

@media only screen and (max-width: 768px) {
    .addCommentModal {
        padding-right: 0 !important;
        padding-left: 0 !important;
        z-index: 5555555;
    }

        .addCommentModal .modal-dialog {
            width: 100%;
            height: 100vh;
            margin: 0;
        }

            .addCommentModal .modal-dialog .modal-content {
                height: 100vh;
                overflow-y: auto;
                padding-bottom: 100px;
            }

                .addCommentModal .modal-dialog .modal-content::-webkit-scrollbar {
                    width: 1px;
                }

    .natureToueDetailPage .passengerRowForm > .wrap_txtNationalityNumber {
        margin-top: 31px;
    }
}

#titlebar.utf_listing_titlebar .natureDetailMainHead {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    #titlebar.utf_listing_titlebar .natureDetailMainHead > div {
        display: flex;
        align-items: center;
    }

.ShowRatingBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    background-color: #f6f6f6;
    border-radius: 5px;
    padding: 11px 13px;
}

    .ShowRatingBox span {
        line-height: 15px;
        display: inline-block !important;
    }

        .ShowRatingBox span .boldText {
            font-size: 19px;
            font-weight: 600;
        }

    .ShowRatingBox .rateOfBox {
        line-height: 21px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 3px;
        align-items: baseline;
    }

    .ShowRatingBox .countOfComments {
        width: 100%;
        text-align: right;
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
    }

    .ShowRatingBox .star {
        color: #fac917 !important;
        font-size: 18px !important;
        display: inline-block;
    }

        .ShowRatingBox .star i {
            color: #fac917 !important;
        }

        .ShowRatingBox .star.emptyStart {
            color: #989898 !important;
        }

            .ShowRatingBox .star.emptyStart i {
                color: #989898 !important;
            }

.ShowRatingBoxCommentForm {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-image: url("../../img/NewKite/Icons/comment-section.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

    .ShowRatingBoxCommentForm h3 {
        position: relative;
        margin-top: 25px;
        text-align: center;
        color: #fff;
        font-size: 18px;
    }

        .ShowRatingBoxCommentForm h3::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -13px;
            margin: 0 auto;
            width: 40px;
            height: 2px;
            background-color: #fff;
        }

    .ShowRatingBoxCommentForm .ShowRatingBox {
        background-color: transparent;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 30px;
        gap: 28px;
    }

        .ShowRatingBoxCommentForm .ShowRatingBox .rateOfBox {
            color: #fff !important;
            font-weight: 300;
            font-size: 16px;
        }

            .ShowRatingBoxCommentForm .ShowRatingBox .rateOfBox span {
                color: #fff !important;
            }

            .ShowRatingBoxCommentForm .ShowRatingBox .rateOfBox .boldText {
                color: #fff !important;
                font-size: 30px !important;
                font-weight: 800;
            }

            .ShowRatingBoxCommentForm .ShowRatingBox .rateOfBox > span:nth-child(1) > span {
                font-size: 24px;
            }

        .ShowRatingBoxCommentForm .ShowRatingBox .countOfComments {
            text-align: center;
            color: #fff;
            font-size: 14px;
        }

        .ShowRatingBoxCommentForm .ShowRatingBox .star.emptyStart i {
            color: #62b2e8 !important;
        }

.commentBoxForm {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding: 15px;
}

    .commentBoxForm p {
        font-size: 13px;
        margin-top: -25px;
    }

    .commentBoxForm .commentBtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
    }

        .commentBoxForm .commentBtn button {
            margin: 0;
            background-color: #faa517;
            font-size: 18px;
            font-weight: bold;
        }

.ShowRatingBoxComment .messageIconCommentBox {
    width: 50px;
    height: 50px;
    color: #bdbdbd;
}

.ShowRatingBoxComment .detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
}

    .ShowRatingBoxComment .detail .leftSideDetail > div {
        color: #6c6c6c;
        font-size: 14px;
        font-weight: 300;
    }

    .ShowRatingBoxComment .detail .leftSideDetail h3 {
        font-size: 16px;
        font-weight: 500;
    }

    .ShowRatingBoxComment .detail .rightSideDetail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.ShowRatingBoxComment {
    border-radius: 5px !important;
    -webkit-box-shadow: 0 0 13.3px 2.7px #e1e1e1 !important;
    box-shadow: 0 0 13.3px 2.7px #e1e1e1 !important;
    display: none;
    padding: 0 0 10px !important;
    overflow: hidden;
}

.visaDetail .main-content > .content > div.ShowRatingBoxComment {
    display: none;
}

.ShowRatingBoxComment .mobileButtonCommentRow {
    padding: 0 10px;
}

.passengerFormContainer {
    height: 66vh;
    overflow-y: scroll;
    padding-bottom: 100px;
}

    .passengerFormContainer::-webkit-scrollbar {
        width: 1px;
    }

.utf_hosted_by_user_title h4 .ShowRatingBox {
    width: 100%;
}

.openCommentBox {
    display: none;
}

@media only screen and (max-width: 768px) {
    .ShowRatingBoxCommentForm {
        background-image: url(../../img/NewKite/Icons/comment-section2.jpg);
        background-position: bottom left;
    }

    .ShowRatingBoxComment {
        display: block;
    }

    .visaDetail .main-content > .content > div.ShowRatingBoxComment {
        display: block;
    }

    .commentBoxForm h3 {
        display: none;
    }

    .ShowRatingBox {
        width: 100%;
    }

    .ShowRatingBoxCommentForm h3 {
        margin: 0 0 10px !important;
        text-align: right;
    }

    .ShowRatingBoxCommentForm {
        padding: 15px;
    }

        .ShowRatingBoxCommentForm .ShowRatingBox {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            gap: 10px;
            padding-top: 18px;
            padding-right: 0;
            padding-left: 0;
        }

        .ShowRatingBoxCommentForm h3::before {
            left: unset;
            bottom: -8px;
        }

        .ShowRatingBoxCommentForm .ShowRatingBox .countOfComments {
            text-align: right;
            font-size: 15px;
        }

    .commentBoxForm label {
        margin-bottom: 10px;
    }
}

.printContract .printContractActionsRow {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 11px;
    margin-top: 20px;
}

.printContract .headerFirstRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}

    .printContract .headerFirstRow .logoImage {
        width: 150px;
    }

.printContract .contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 0;
    background-color: #f3eaea;
    padding: 15px;
    border-radius: 5px;
}

    .printContract .contacts > h2 {
        width: 100%;
        font-size: 19px;
    }

    .printContract .contacts > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

.printContract .passengers {
    margin: 0 0 30px;
}

    .printContract .passengers .invoice-details {
        margin-bottom: 15px;
    }

    .printContract .passengers table.table-responsive {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .printContract .passengers table.table::-webkit-scrollbar {
        width: 1px;
        height: 1px;
    }

.printContract .printContractActionsRow .btn-info {
    background-color: #ffa500;
    border-color: #ffa500;
}

.tourRightBannerMobile {
    display: none;
}

#focousReserveModal {
    display: none;
}

#closeFocusReserve {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70px;
    background-color: #a7b3b3;
    border-radius: 4px;
    height: 49px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
    -webkit-overflow-scrolling: touch;
}

#focousReserveModal > button {
    margin: 0 !important;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .tourRightBannerMobile {
        display: block;
    }

    .printContract .headerFirstRow .logoImage {
        width: 60px;
    }
    .toursMainContent .tourItem .firstRow {
        align-items: self-start !important;
    }
    .printContract .contacts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .printContract .passengers table.table-responsive {
        display: block;
    }

    #focousReserveModal.reserveModalOpen {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        bottom: 0;
        z-index: 10000001;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        left: 0;
        right: 0;
        gap: 10px;
        padding: 10px;
    }
}

.userRatingShow {
    display: flex;
    justify-content: space-between;
}

    .userRatingShow .userRatingTitlte {
        display: flex;
        gap: 2px;
    }

        .userRatingShow .userRatingTitlte svg {
            width: 21px;
        }

    .userRatingShow .userRateStart {
        background-color: #fff;
        padding: 5px;
    }

        .userRatingShow .userRateStart span {
            line-height: 19px;
        }

.utf_listing_titlebar .utf_listing_titlebar_title.headingWithRating {
    display: flex;
    padding: 0;
    overflow: hidden;
}

    .utf_listing_titlebar .utf_listing_titlebar_title.headingWithRating > div:first-child {
        flex: 2;
        padding: 8px 17px;
    }

    .utf_listing_titlebar .utf_listing_titlebar_title.headingWithRating .rateOfBox span {
        font-size: 20px !important;
        color: #fff !important;
    }

    .utf_listing_titlebar .utf_listing_titlebar_title.headingWithRating .rateOfBox .boldText {
        font-size: 26px !important;
        font-weight: 600 !important;
    }

.countersInputRow {
    display: flex;
    gap: 15px;
}
.SupplierTitle {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #888;
    margin-bottom: 2px;
    line-height:15px;
}
#generalTermsAndConditions ul li{
    list-style-type:circle;
}
    #generalTermsAndConditions ul li::before {
        content: '\f0c8';
        color: #5cb8b9;
        z-index:999;
    }
.apPayment{
    display:none;
}

@media only screen and (max-width: 768px) {
    .agencyWrapSideBarTour {
        min-height: 70px;
    }

    .utf_listing_titlebar .utf_listing_titlebar_title.headingWithRating {
        flex-direction: column;
    }
}

.bendeAlefImage,
.bendeBImage {
    height: 68vh;
    object-fit: contain;
}

.startRateShow {
    direction: ltr;
}

.unhoveredIcon {
    width: 200px;
}

.hoveredIcon {
    width: 200px;
}

@media only screen and (max-width: 768px) {
    .unhoveredIcon {
        width: 70px;
    }

    .hoveredIcon {
        width: 70px;
    }
}
.show-tel, .show-tel-footer{
    display: none;
}
.main_search_block h1{
    margin-top:0 !important;
}

.swiper-button-next, .swiper-button-prev{
    top: 60% !important;
}
.search-container-Zindex{
    position:relative;
    z-index:9;
}
.image{
    position:relative;
}
.logo-new-kite{
    object-fit:contain;
}
.see-more {
    float: left;
    font-size: 14px;
    color: #878787;
}

#overlay_loading {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}
.date-tour-item {
    display: flex;
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
    margin: 7px 0;
    box-shadow: -3.6px 3.5px 7.8px 0.2px rgba(197, 197, 197, 0.24);
    justify-content: space-between;
    transition: 0.3s;
}
.day-name-date {
    background: #e6e6e6;
    padding: 6px 12px;
    border-radius: 20px;
}
#title-tour-date {
    font-size: 18px;
    margin: 0;
    padding-bottom: 10px;
    padding-right: 8px;
}
.date-tour-collapse-content {
    margin: 0 0 25px 0 !important;
}
.collapsContent-tourDate{
    padding:2rem;
}
.detail{
    padding-bottom:3rem;
}
.date-tour-item:hover {
    background-color: #5cb8b9;
    transition:0.3s;
}
    .date-tour-item:hover .day-name-date {
        background-color: #ffff;
        color: #707070;
    }

    .date-tour-item:hover span, .date-tour-item:hover strong {
        color: #fff;
    }
.date-tour-collapse-content {
    background-color: #f9fafe;
    padding: 2rem;
}
.bg-white {
    width: 100%;
    height: 41px;
    position: absolute;
    background-color: white;
    bottom: 0;
    right: 0;
    z-index: 1;
    border-radius: 5px;
}
#btn_search_box_pc, #btn_search_box_mobile, .moreBtn {
    position: relative;
}
.preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid #66676b;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 99;
    display: none;
}
@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
/*.preloader-btn{
    position:relative;
}
.preloader-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid #66676b;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 99;
    display: none;
}*/

@media only screen and (max-width: 768px) {
    #darkLayerSortToursButton {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 10000001;
            height: 100vh;
            width: 100%;
            -webkit-overflow-scrolling: touch;
            background-color: rgba(0, 0, 0, 0.288);
            display:none;
        }
        #sortTours {
            height: 0vh ;
            box-shadow: -3.6px 3.5px 7.8px 0.2px rgb(141 131 131 / 34%);
            bottom: -5% !important;
            border-top-right-radius: 20px;
            border-top-left-radius: 20px;
            z-index: 10000002;
            transition: 0.5s !important;
            position:fixed;
            right:0;
            display:none;
        }
        .openSortTourMobile {
            height: 27vh !important;
            transition: 0.5s !important;
            display: block;
            bottom:0 !important;
        }
        .l2h, .h2l, .defaultSort.active, .defaultSort {
            width: 100%;
            text-align: center;
            display: block !important;
            padding:4px;
        }
        .date-tour-item strong {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .close-btn-collaps {
        display: none !important;
    }
    .date-tour-item span {
        margin: 3px 0;
    }

    .date-tour-item {
        flex-direction: column;
    }
    .collapsContent-tourDate{
        overflow:scroll;
    }
        #bg-bottom, #bottom, #bg {
            display: none !important;
        }
    .date-tour-collapse-content{
        padding:1rem;
    }
    .date-tour-collapse-content{
        background-color:#fff;
    }

    .date-tour-item {
        padding: 10px;
    }
        .day-name-date {
            padding: 2px 9px;
        }
        .date-tour-item {
            background-color: #f6f6f6;
            box-shadow: none;
        }

        .buttons{
            width:100%
        }
        .buttons a{
            width:33%
        }
        .moreBtn {
            width: 100%;
            display: flex !important;
            justify-content: center !important;
        }
        .close-btn-collaps{
            width:50% !important;
        }
    .date-tour-item{
        flex-direction:column;
    }
    .date-tour-item strong {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
}
.collapsContent-tourDate{
    overflow:scroll;
}
@keyframes sp-anime {
    100% {
            transform: rotate(360deg);
        }
    }

    .is-hide {
    display: none;
}

.preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid #66676b;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 99;
    display: none;
}

@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}


#btn_search_box_mobile, #btn_search_box_pc {
    position: relative;
}


.boxNewSlide {
    box-shadow: 0px 1px 5px #e9e9e9, -2px -5px 5px #fff;
}

#txtTourSubscribeMobile {
    box-shadow: none;
    margin: 0 !important;
}
.dropdown-toggle::after {
    content: none;
}
#tourTypesTabs{
    display:block !important
}
.col-md-8 #toc {
    display: none;
    padding: 10px 0;
    background-color: #f5efef;
    border-radius: 10px;
}
/* jQuery Growl
 * Copyright 2015 Kevin Sylvestre
 * 1.3.1
 */
#growls {
  z-index: 50000;
  position: fixed; }
  #growls.default {
    top: 10px;
    right: 10px; }
  #growls.tl {
    top: 10px;
    left: 10px; }
  #growls.tr {
    top: 10px;
    right: 10px; }
  #growls.bl {
    bottom: 10px;
    left: 10px; }
  #growls.br {
    bottom: 10px;
    right: 10px; }
  #growls.tc {
    top: 10px;
    right: 10px;
    left: 10px; }
  #growls.bc {
    bottom: 10px;
    right: 10px;
    left: 10px; }
  #growls.tc .growl, #growls.bc .growl {
    margin-left: auto;
    margin-right: auto; }

.growl {
  opacity: 0.8;
  filter: alpha(opacity=80);
  position: relative;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  .growl.growl-incoming {
    opacity: 0;
    filter: alpha(opacity=0); }
  .growl.growl-outgoing {
    opacity: 0;
    filter: alpha(opacity=0); }
  .growl.growl-small {
    width: 200px;
    padding: 5px;
    margin: 5px; }
  .growl.growl-medium {
    width: 250px;
    padding: 10px;
    margin: 10px; }
  .growl.growl-large {
    width: 300px;
    padding: 15px;
    margin: 15px; }
  .growl.growl-default {
    color: #FFF;
    background: #7f8c8d; }
  .growl.growl-error {
    color: #FFF;
    background: #C0392B; }
  .growl.growl-notice {
    color: #FFF;
    background: #2ECC71; }
  .growl.growl-warning {
    color: #FFF;
    background: #F39C12; }
  .growl .growl-close {
    cursor: pointer;
    float: right;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    font-family: helvetica, verdana, sans-serif; }
  .growl .growl-title {
    font-size: 18px;
    line-height: 24px;
    z-index:9999 !important;
    position:relative;
  }
    .growl .growl-message {
        font-size: 14px;
        line-height: 18px;
        z-index: 9999 !important;
        position: relative;
        color:aqua !important;
    }
@media only screen and (max-width: 768px) {
    #growls {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 88888 !important;
    }
}

body {
	color: #707070;
	font-size: 15px;
	line-height: 28px;
	background-color: #fff;
}
body p {
	font-size: 16px;
	line-height: 28px;
}
	body, h1, h2, h3, h4, h5, h6, input[type="text"], input[type="password"], input[type="email"], textarea, select, input[type="button"], input[type="submit"], button, #tiptip_content, .map-box p, .map-box div, .numerical-rating .utf_counter_star_rating, body .nav_responsive i.menu-trigger:after {
		font-family: iranyekan !important;
		text-transform: none;
	}
h1, h2, h3, h4, h5, h6 {
	color: #323232;
}
* {
	margin: 0px; 
	padding: 0px; 
	box-sizing: border-box;
}
a:focus {
	outline: none !important;
}
ul, li {
	margin: 0px;
	list-style-type: none;
}
textarea:focus, input:focus {
  border:1px solid #d8d8d8;
}
label {
  display: block;
  margin: 0;
}
::-webkit-input-placeholder {
color:#888;
opacity:1;
}
:-moz-placeholder {
color:#888;
opacity:1;
}
::-moz-placeholder {
color:#888;
opacity:1;
}
:-ms-input-placeholder {
color:#888;
opacity:1;
}


input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder {color:transparent;}
input:focus:-ms-input-placeholder {color:transparent;}

textarea:focus::-webkit-input-placeholder {color:transparent;}
textarea:focus:-moz-placeholder {color:transparent;}
textarea:focus::-moz-placeholder {color:transparent;}
textarea:focus:-ms-input-placeholder {color:transparent;}

input::-webkit-input-placeholder {color:#828282;}
input:-moz-placeholder {color:#828282;}
input::-moz-placeholder {color:#828282;}
input:-ms-input-placeholder {color:#828282;}

textarea::-webkit-input-placeholder {color:#828282;}
textarea:-moz-placeholder {color:#828282;}
textarea::-moz-placeholder {color:#828282;}
textarea:-ms-input-placeholder {color:#828282;}



/*@font-face {
	font-family: 'IRANSansWeb';
	src:url('/fonts/iransansweb/IRANSansWeb.eot');
	src:url('/fonts/iransansweb/IRANSansWeb.eot') format('embedded-opentype'),
		url('/fonts/iransansweb/IRANSansWeb.woff') format('woff'),
		url('/fonts/iransansweb/IRANSansWeb.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'IRANSansWeb';
	src:url('/fonts/iransansweb/IRANSansWeb_Light.eot');
	src:url('/fonts/iransansweb/IRANSansWeb_Light.eot') format('embedded-opentype'),
		url('/fonts/iransansweb/IRANSansWeb_Light.woff') format('woff'),
		url('/fonts/iransansweb/IRANSansWeb_Light.ttf') format('truetype');
	font-weight: lighter;
	font-style: normal;
}
@font-face {
	font-family: 'IRANSansWeb';
	src:url('/fonts/iransansweb/IRANSans(FaNum)_Medium.eot');
	src:url('/fonts/iransansweb/IRANSans(FaNum)_Medium.eot') format('embedded-opentype'),
		url('/fonts/iransansweb/IRANSansWeb(FaNum)_Medium.woff') format('woff'),
        url('/fonts/iransansweb/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),
		url('/fonts/iransansweb/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}*/
/*This set of fonts are used in this project under the license: (F45XQA)*/
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: bold;
	src: url('./fonts/eot/iranyekanwebbold.eot');
	src: url('./fonts/eot/iranyekanwebbold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('./fonts/woff/iranyekanwebbold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('./fonts/woff2/iranyekanwebbold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('./fonts/ttf/iranyekanwebbold.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 100;
	src: url('./fonts/eot/iranyekanwebthin.eot');
	src: url('./fonts/eot/iranyekanwebthin.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('./fonts/woff/iranyekanwebthin.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('./fonts/woff2/iranyekanwebthin.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('./fonts/ttf/iranyekanwebthin.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('./fonts/eot/iranyekanweblight.eot');
	src: url('./fonts/eot/iranyekanweblight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('./fonts/woff/iranyekanweblight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('./fonts/woff2/iranyekanweblight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('./fonts/ttf/iranyekanweblight.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	src: url('./fonts/eot/iranyekanwebregular.eot');
	src: url('./fonts/eot/iranyekanwebregular.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('./fonts/woff/iranyekanwebregular.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('./fonts/woff2/iranyekanwebregular.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
		 url('./fonts/ttf/iranyekanwebregular.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 500;
	src: url('./fonts/eot/iranyekanwebmedium.eot');
	src: url('./fonts/eot/iranyekanwebmedium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('./fonts/woff/iranyekanwebmedium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('./fonts/woff2/iranyekanwebmedium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('./fonts/ttf/iranyekanwebmedium.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 800;
	src: url('./fonts/eot/iranyekanwebextrabold.eot');
	src: url('./fonts/eot/iranyekanwebextrabold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('./fonts/woff/iranyekanwebextrabold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('./fonts/woff2/iranyekanwebextrabold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('./fonts/ttf/iranyekanwebextrabold.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 850;
	src: url('./fonts/eot/iranyekanwebblack.eot');
	src: url('./fonts/eot/iranyekanwebblack.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('./fonts/woff/iranyekanwebblack.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('./fonts/woff2/iranyekanwebblack.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('./fonts/ttf/iranyekanwebblack.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 900;
	src: url('./fonts/eot/iranyekanwebextrablack.eot');
	src: url('./fonts/eot/iranyekanwebextrablack.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('./fonts/woff/iranyekanwebextrablack.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('./fonts/woff2/iranyekanwebextrablack.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('./fonts/ttf/iranyekanwebextrablack.ttf') format('truetype');
}
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: bold;
	src: url('./fonts/eot/iranyekanwebboldfanum.eot');
	src: url('./fonts/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('./fonts/woff/iranyekanwebboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('./fonts/ttf/iranyekanwebboldfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 100;
	src: url('./fonts/eot/iranyekanwebthinfanum.eot');
	src: url('./fonts/eot/iranyekanwebthinfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('./fonts/woff/iranyekanwebthinfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('./fonts/ttf/iranyekanwebthinfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('./fonts/eot/iranyekanweblightfanum.eot');
	src: url('./fonts/eot/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('./fonts/woff/iranyekanweblightfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('./fonts/ttf/iranyekanweblightfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	src: url('./fonts/eot/iranyekanwebregularfanum.eot');
	src: url('./fonts/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('./fonts/woff/iranyekanwebregularfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('./fonts/ttf/iranyekanwebregularfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 500;
	src: url('./fonts/eot/iranyekanwebmediumfanum.eot');
	src: url('./fonts/eot/iranyekanwebmediumfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('./fonts/woff/iranyekanwebmediumfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('./fonts/ttf/iranyekanwebmediumfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 800;
	src: url('./fonts/eot/iranyekanwebextraboldfanum.eot');
	src: url('./fonts/eot/iranyekanwebextraboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('./fonts/woff/iranyekanwebextraboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('./fonts/ttf/iranyekanwebextraboldfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 850;
	src: url('./fonts/eot/iranyekanwebblackfanum.eot');
	src: url('./fonts/eot/iranyekanwebblackfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('./fonts/woff/iranyekanwebblackfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('./fonts/ttf/iranyekanwebblackfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 900;
	src: url('./fonts/eot/iranyekanwebextrablackfanum.eot');
	src: url('./fonts/eot/iranyekanwebextrablackfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('./fonts/woff/iranyekanwebextrablackfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('./fonts/ttf/iranyekanwebextrablackfanum.ttf') format('truetype');
}

#logo {
	margin: 0 0 0 40px
}
.utf_left_side, #logo, #navigation {
	float: right
}
.utf_right_side{
	float: left
}
.header_widget {
    text-align: left
}
#navigation ul li a:after {
    content: '\f100';
    padding-left: 7px;
}
.main_input_search_part_item{
	border-left:0;
	border-right:0;
}
.main_input_search_part .main_input_search_part_item:nth-last-child(2), .main_input_search_part .main_input_search_part_item:nth-last-child(3){
	border-right:1px solid rgba(0, 0, 0, 0.10);
}
.main_input_search_part_item i.fa-calendar{
	left:21px;
	right:auto;
}
.main_input_search_part input#booking-date-search, .main_input_search_part input#booking-date-search:focus{
	padding-right:30px;
}
.header_widget .button.border i{
	padding:0px 0px 0 7px;
}
#navigation ul ul li a:after {
    content: '\f100';
    left: 15px;
    right: auto;
}
.main_input_search_part_item.location a{
	left:20px;
	right:auto;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search{
	left:auto;
	right:-9999px
}
#navigation ul ul ul {
    right: 100% !important;
    left: auto !important;
}
#navigation ul li ul li ul:before {
    right: -20px;
	left:auto;
    border-color: transparent transparent #eaeaea transparent;
    transform: rotate(90deg);    
}
.utf_img_content_box{
	right: 25px;
	left:auto;
	border-right:4px solid #ff2222;
	border-left:0;	
    text-align: right;
	padding-right: 20px;
	padding-left:0;
	width:auto;
}
.bootstrap-select.btn-group .dropdown-menu.inner{
	text-align:right;
}
.bootstrap-select.btn-group .dropdown-menu li a{
	padding-left:35px;
	padding-right:15px;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{
	left:10px;
	right:auto;
}
.bootstrap-select.btn-group .dropdown-toggle .caret{
	left:22px;
	right:auto;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{
	text-align:right;
	max-width:100%;
}
#navigation.style_one ul li a:after {
    opacity: 1;
    float: left;
    margin-right:8px;
}
.utf_category_small_box_part{
	float:right;	
}
.container_categories_box {
    left:0;
}	
.button i {
    padding-right: 4px;
	padding-left:0;
}
.plan.featured .utf_price_plan .value {
    display: block;
    text-align: center;
}
.plan.featured .utf_price_plan span.value span {
    display: contents;
    float: inherit;
    width: auto;
}
.utf_rangeslider_horizontal {
    direction: ltr;
}
ul.utf_listing_detail_sidebar .fa-angle-double-right:before {
    content: "\f100";
}
.typed-cursor{
	opacity:0 !important;
	display:none;
}
.map-box .utf_listing_item_content{
	text-align:right;
}
.map-box .infoBox-close {
    border-radius: 4px;
}
.infoBox-close {
	left:0;
	right:auto;
}
div.datedropper.primary{
	left:unset
}
.utf_cta_area2_block .utf_subscribe_block .contact-form-action form .utf_theme_btn {
    left: 0;
	right:auto;
    border-radius: 4px 0px 0px 4px;
}
.utf_cta_area2_block .utf_subscribe_block .contact-form-action form .form-control{
	padding:11px 45px 11px 11px;
}
.utf_cta_area2_block .utf_subscribe_block .contact-form-action form span{
	right:15px;
	left:auto;
}
.section-heading .utf_sec_title_item::before{
	right:0;
	left:auto;
}
.utf_cta_area2_block .utf_subscribe_block:before{
	right:0;
	left:auto;
	    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.utf_cta_area2_block .utf_subscribe_block:after{
	left: 25px;
    right: auto;
    bottom: 40px;
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.utf_listing_cateicon {
    float: right;
    margin-right: 0;
    margin-left: 5px;
}
.utf_listing_category_title h3 {
	float: right;
    padding-left: 0;
    padding-right: 10px;
}
.notification {
    padding: 15px 26px;
    padding-left: 50px;
	padding-right:26px;
}
.notification.success{
	box-shadow:0 4px 0px 0 rgba(0, 0, 0, 0.10);
}
.notification.success .close, .notification.error .close, .notification.warning .close, .notification.notice .close {
    left: 40px;
    right: auto;
}
.utf_chosen_select{
	margin-bottom:0;
}
.main_popular_categories_list{
	padding-left:0px;
	padding-right:0px;
}
#color_switcher_preview{
	border-radius: 0 0 15px 0px;
}
#navigation.style_one ul li {
    float: right;
}
.utf_dashboard_navigation ul li a{
	padding:15px;
}
#breadcrumbs ul li{
	margin:0;
}
.utf_by_comment a.reply i{
	margin-left:0;
	margin-right:5px;
}
.utf_dashboard_navigation ul li.active, .utf_dashboard_navigation ul li:hover{
	border-left:0px solid transparent;
	border-right:5px solid #ffffff;
}
.utf_dashboard_navigation ul li{
	border-left:5px solid transparent;
	border-right:5px solid transparent;
}
.tp-parallax-wrap .tp-loop-wrap .tp-mask-wrap{
	left:0;
}
.utf_listing_categorybox ul li span {
    float: left;
}
.utf_listing_categorybox ul li a{
	float:right;
}
.category_item_box_btn{
	left:20px;
	right:auto;
}
.category_item_box_btn {
    left: auto;
    right: 20px;
}
.search_categorie_block .category_content_box_part {
    left: 0;
    right: 20px;
    text-align: right;
}
.chosen-container-single .chosen-single span {
	margin-right: 15px;
}
.chosen-container-single .chosen-single div:after {
	right:0;
}
.show-more-button i {
    margin-left: 0;
    margin-right: 6px;
}
.opening-hours ul li span {
	padding-right: 6px;
    text-align: right;
	color: #1c1b1b;
}
.opening-hours ul li:hover span {
	color: #fd972f;
}
img.mfp-img{
	border-radius:4px;
}
#titlebar.utf_listing_titlebar span a i {
    vertical-align: middle;
	padding-top: 0;
    padding-left: 7px;
}
#titlebar.utf_listing_titlebar span.call_now i {
    vertical-align: middle;
    text-align: right;
    float: right;
    padding-top: 5px;
    padding-left: 7px;
}
#titlebar.utf_listing_titlebar h2 span.listing-tag{
	margin-right:8px;
	margin-left:0;
}
a.read-more:hover i {
    padding-right: 7px;
	padding-left:0;
}
.utf_listing_item span.tag{
	left:20px;
	right:auto !important;
}
.utf_listing_item span.featured_tag{
	left:20px;
	right:auto !important;
}
.utf_listing_item span.utf_closed, .utf_listing_item span.utf_open_now {
    transform: rotate(45deg);
    right: -45px;
	left:auto;
}	
.small_dialog_header {
    right: -20px;
	left:auto;
}	
.utf_star_rating_section .star{
	float: right;
	margin-right:2px;
	margin-left:3px;
}
.utf_listing_item_content .utf_star_rating_section .utf_counter_star_rating{
	margin-right:6px;
	margin-left:0;
}
.utf_listing_item_content span i{
	padding-right:0;
	margin-left:3px;
}
#breadcrumbs ul li:before {
    margin-left: 15px;
    float: right;
    margin-right: 12px;
}
.utf_box_widget h3{
	text-align:right;
}
.utf_box_widget h3 i {
    margin-left:10px;
	margin-right:0;
    float: right;
}
.input-with-icon.location a i {
    left: 5px;
    right: auto;
}
.more-search-options-trigger:after{
	margin-right:10px;
	margin-left:0;
}	
.checkboxes label{
	padding-right:28px;
	padding-left:0;
	margin-left:20px;
	margin-right:3px;
}
.checkboxes label:before{
	margin-left:10px;
	margin-right:0;
	left:auto;
	right:0;
}
.qtyTotal{
	left:auto;
	right:5px;
}
.time-slot input:empty~label{
	text-align:right;
}
input#date-picker{
	text-align:right;
}
.review-avg-wrapper .rating-avg-wrapper .rating-avg{
	float:right;
	padding-left:10px;
	padding-right:0px;
}
.review-avg-wrapper .rating-avg-wrapper .rating-after{
	float:right;	
}
.review-avg-wrapper .ratings-avg-wrapper .ratings-avg-item{
	margin-right:0px;
	margin-left:10px;
}
.review-avg-wrapper .ratings-avg-wrapper .ratings-avg-item:last-child {
    margin-left: 0;
}
#contact h4 i {
    margin-right: 0;
    margin-left: 10px;
    float: right;
}
.booking_widget_box .panel-dropdown a{
	text-align:right;
	padding-left: 45px;
	padding-right: 16px;
}
.booking_widget_box .panel-dropdown a:after {
    right: auto;
	left:20px;
}
button.button, input[type="button"], input[type="submit"], a.button.border, a.button{
	margin-right:0;
}
.utf_half_list {
    left: 22px;
    bottom: 8px;
}
.utf_panel_dropdown a:after{
	margin-left:6px;
	margin-right:0px;	
}
/*.chosen-container-single .chosen-single div {
    top: 0;
    left: 0px;
    float: left;
}*/
/*.chosen-container-single .chosen-single div:after{
	float:left;
}*/	
.utf_panel_dropdown a:after{
	font-size:18px;
	float: right;
}
.utf_search_map_section .utf_common_button i {
    float: left;
    line-height: 39px;
}
span.like-icon{
	left:15px;
	right:auto;
}
.utf_view_count {
    right:auto;
    left: 65px;
}	
.utf_counter_star_rating{
	margin-right:6px;
	margin-left:0;
}
.utf_listing_prige_block .utp_approve_item i.utf_approve_listing{
	margin-left:0;
	margin-right:5px;
	top:0;
}
.utf_listing_prige_block .utf_meta_listing_price{
	margin-right:0;
}
.utf_view_count i {
    margin-right: 7px;
    text-align: center;
    right: 0;
    float: left;
    line-height: 26px;
}
.utf_star_rating_section .utf_counter_star_rating{
	top:-2px;
}
.utf_list_box_listing_item_content .utf_star_rating_section .utf_counter_star_rating{
	top:0px;
}
.header_widget .button.with-icon:last-child {
    margin-left: 0;
	margin-right:5px;
}
.utf_dashboard_list_box .utf_approved_booking_listing .buttons-to-right, .utf_dashboard_list_box .utf_pending_booking_listing .buttons-to-right{
    right: auto;
    left: 0px;
    text-align: left;
}
.utf_dashboard_content {
    margin-right: 260px;
    margin-left:0;
}
.utf_counter_star_rating {
    padding: 1px 5px 4px 5px;
}
.utf_listing_item span.tag i {
    font-size: 14px;
    margin-left: 2px;    
	margin-right:0;
}
.utf_listing_titlebar .utf_listing_titlebar_title h2 {
    text-align:right !important;
}	
.listing_item_social li {
    float: right;
}
.utf_listing_headline_part:after{
	right:0;
}	
.time-slot label strong span{
	float:right;
	margin-right:0px;
	margin-left:5px;
}
.listing_tags_section a i {
    right: 0;
    float: left;
    line-height: 28px;
    margin-right: 5px;
}	
.utf_pricing_list_section ul li{
	padding-left:90px;
	padding-right:20px;
}
.utf_pricing_list_section span {
    left: 20px;
	right:auto;
}
/*.chosen-container-single .chosen-single span {
    margin-left: 15px;
}*/
/*.chosen-container-single .chosen-single div {
    top: 0;
    left: 15px;
	right:auto;
}*/	
input#booking-date, input#booking-time{
	text-align:right !important;
}
.utf_listing_features.checkboxes li:before{
	right:0;
	left:auto;
}
.utf_listing_features.checkboxes li{
	padding:0 23px 0 0;
}
.add-review-photos{
	float:left;
}
.utf_leave_rating {
    float: right;
}	
.utf_hosted_by_avatar_listing{
	right:0;
	left:auto;
}
.utf_hosted_by_user_title {
	padding: 0px 66px 15px 0;
}	
.utf_hosted_by_user_title h4 span i {
    margin-right:0px;
	margin-left:3px;
}
.utf_listing_section .utf_comment_content, .comments .utf_comment_content{
	padding:0 42px 0px 0px
}
.utf_listing_section .utf_comment_content a.rate-review {
    left: 20px;
    right: auto;
}
a.rate-review i{
	padding-right:5px;
	padding-left:0;
}
.utf_listing_headline_part span {
    display: inline-block;
}
.style-2 .ui-accordion-header{
	padding-left:60px;
	padding-right:10px;
}
.style-2 .accordion h3 .sl-icon-plus{
	left:10px;
	right:auto;
}
.utf_listing_detail_sidebar li i{
	right:0;
	left:auto;
}
.utf_listing_detail_sidebar li{
	padding:8px 25px 8px 0;
}
.utf_by_comment span.date{
	text-align:right;
}
.avatar{
	right:0;
	left:auto;
}
/*.utf_sort_by_select_item .chosen-container-single .chosen-single div {
    top: 0;
    left: 0px;
    right: auto;
}*/
.listing_item_social li{
	margin-right:0;
	margin-left:10px;
}
.listing_tags_section a{
	margin-right:0;
	margin-left:10px;
}
.utf_coupon_bottom p {    
    margin-right:0;
	margin-left:10px;
}
.show-more-button{
	float:left;
}
.twitter:before, .wordpress:before, .facebook:before, .linkedin:before, .steam:before, .tumblr:before, .github:before, .delicious:before, .instagram:before, .xing:before, .amazon:before, .dropbox:before, .paypal:before, .lastfm:before, .gplus:before, .yahoo:before, .pinterest:before, .dribbble:before, .flickr:before, .reddit:before, .vimeo:before, .spotify:before, .rss:before, .youtube:before, .blogger:before, .appstore:before, .digg:before, .evernote:before, .fivehundredpx:before, .forrst:before, .stumbleupon:before, .dribbble:before{
	left:0;
}
.utf_social_icon li a:hover i {
    left: 0;
}
.utf_social_icon li {
    display: inline;
    float: right;
    text-align: left;
    margin-left: 15px;    
	margin-right:0;
}	
.booking_widget_box .select_date_box i{
	left:30px;
	right:auto;
}
.mfp-arrow.mfp-arrow-left {
    left: 15px;
}
.utf_listing_section .social-contact a i {
    margin-right:0;
	margin-left:5px;
}
.utf_box_widget .utf_search_blog_input .input:before {
    left: 10px;
	right:auto;
}
.utf_listing_detail_sidebar li a:hover {
    padding-right:5px;
    padding-left:0;
}
.utf_testimonial_carousel .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    height: 100%;
    float: left;
}	
.utf_widget_thum {    
    margin-right:0;
	margin-left:23px;
}
.utf_by_comment a.reply {
    left: 15px;
	right:auto;
}	
.utf_by_comment span.date i {
    margin-right:0;
	margin-left:2px;
}
.utf_add_listing_part_headline_part {
    right: -30px;
	left:auto;
}
.utf_add_listing_part_headline_part i {
    margin-left: 10px;
	margin-right:0;
	margin-top:-3px;
    float: right;
}	
.blog-page h4.headline_part:after{
	right:0;
	left:auto;
}
.add_utf_listing_section .checkboxes label{
	padding-right: 28px;
	padding-left:0;
    margin-left: 10px;
	margin-right:0
}
.add_utf_listing_section .checkboxes label:before{
	right:0;
	left:auto;
	margin-left:10px;
	margin-right:0;
}
.data-unit {
    left: 20px;
	right:auto;
	padding:0 10px 0 0;
}	
.pricing-list-item td .fm-input {
    margin-right: 0px;
	margin-left:20px;
}
.pricing-list-item td .fm-close a{
	margin-right:10px;
	margin-left:0;
}
.utf_listing_payment_section .opening-hours ul li span {
    float: left;
}
.utf_listing_payment_section .utf_listing_item_content span {
    margin: 1px 2px;
}
.utf_listing_payment_section .boxed-widget h3 i.fa-calendar-check-o {
    margin-right:0;
	margin-left:10px;
}	
.utf_booking_payment_option_form h3 i, .utf_booking_listing_section_form h3 i{
    margin-right:0;
	margin-left:10px;
    float: right;
}	
.utf_payment_logo {
    left:20px;
	right:auto;
}
.utf_payment_trigger_tab > label::before {
    margin-right:0;
	margin-left:10px;
}
.utf_payment_trigger_tab > label::after {
    right: 6px;
	left:auto;
}
.list-4 li, .list-3 li, .list-2 li, .list-1 li {
    margin-right:22px;
	margin-left:0;
}	
.list-4 li:before, .list-3 li:before, .list-2 li:before, .list-1 li:before {
    float: right;
    margin-right: -22px;
	margin-left:0;
}	
.style-2 .trigger a{
	padding-left:60px;
	padding-right:0;
}
.style-2 .ui-accordion .ui-accordion-header i, .style-2 .trigger a i {
    padding-right: 6px;
    float: left;
    left: -30px;
    top: 0px;
}
.utf_tabs_nav li a i {
    padding-right:0px;
	padding-left:8px;
    top: auto;
    float: right;
    line-height: 42px;
    left:0px;
}
.pbs {
    padding: 7px 15px 7px 0px;
}
.sl-icons-demo i {
    margin-right:0;
	margin-left:5px;
}
#not-found .main_input_search_part .main_input_search_part_item:nth-last-child(2){
    border-right: 0px solid rgba(0, 0, 0, 0.10);	
}
.utf_coming_soon_search_input .utf_coming_soon_search_input_section:nth-last-child(2) {
    padding-left:10px;
    padding-right: 0px;
}	
.utf_dashboard_navigation ul li a i {
    margin-left: 12px;
	margin-right:0;
    width: 30px;
    height: 30px;
    line-height: 16px;
    right: 0;
	left:auto;
    float: right;
	margin-top:-3px;
}
#color_switcher_preview {
    left: -210px;
	right:auto;
}
#color_switcher_preview h2 a {
	left:auto;
    right: -50px;	
	border-radius: 0px 25px 25px 0px;
}	
.utf_dashboard_navigation ul li ul li {
    padding-left:0;
	padding-right:57px;
}
.utf_dashboard_navigation ul li span.nav-tag {
    margin-left:0px;
	margin-right:5px;    
}	
.fa-icons-demo .col-md-4 small.text-muted{
	float:left !important
}
.utf_dashboard_navigation ul li a:after {
    left: 27px;
	right:auto;
	padding-top:0;
}	
.utf_dashboard_navigation ul li.active a:after {
    margin-top: 0;
}	
.fa-icons-demo .col-md-4 i {
    margin-right:0;
	margin-left:5px;
}	
.pbs .im {
    margin-right:0px;
	margin-left:5px;
}	
.trigger a i {
    margin: 5px 0px 0 0;
    float: left;
}
.utf_dashboard_list_box.with-icons ul li {
    padding-right: 75px;
	padding-left:0;
}
.utf_dashboard_list_box ul li i.utf_list_box_icon {
    right: 20px;
	left:auto;
}
a.close-list-item{
	right:auto;
	left:20px;
}
.buttons-to-right, .utf_dashboard_list_box .button.to-right {
    left: 20px;
	right:auto;
}	
.dashboard-list-box .table thead th{
	text-align:right;
}
.dashboard_header_button_item {
    margin-right:0;
	margin-left:30px;
}
.add_utf_listing_section .chosen-container-single .chosen-single div {
    left: 10px;
    float: left;
	right:auto;	
}
.chosen-container-single .chosen-search:before {
    float: left;
    left: 20px;
}
.utf_user_messages_block .utf_message_headline_item {
    margin-right: 90px;    
	margin-left:0;
}
.utf_messages_block_inner .utf_user_messages_block .utf_message_headline_item {
    margin-left:0px;
	margin-right:90px;
}
.dashboard_review_item a.rate-review, .utf_listing_reviews a.rate-review {
    left: 0;
    right: auto;
}
.dashboard_review_item .avatar, .utf_listing_reviews .avatar {
        padding: 0 20px 0 0px;
}
.utf_dashboard_list_box h4 i {
    margin-left: 10px;
    margin-right: 0;
    margin-top: -1px;
    float: right;
}
.utf_post_content .social-contact a i {
    margin-right:0px;
	margin-left:5px
}
.utf_about_description {
    margin: 2px 130px 0 0px;
}
.utf_about_author img {
    float: right;
}	
.utf_post_quote blockquote {
	border-left:0;
    border-right: 5px solid #eeeeee;
}
.utf_box_widget .chosen-container-single .chosen-single div {
    right:auto;
    left: 10px;
    float: left;
}	
.main_input_search_part .chosen-container-single .chosen-single div {
    left: 0px;
    right: auto;
    float: left;
}
blockquote {
    border-left:0;
    border-right: 5px solid #eeeeee;
}
.utf_sidebar_textbox ul.utf_contact_detail li {
    text-align: right;
}	
.change-photo-btn i {
    margin-right:0px;
	margin-left:3px
}
.utf_user_messages_block .utf_message_user{
	right:0;
	left:auto;
}
.utf_message_headline_text span {
    float: right;
}	
.utf_right_side {
    float: left;
}
.utf_user_menu .utf_user_name:after {
    margin-left:6px;
	margin-right:0;
    float: right;
}	
.utf_user_menu ul {
    float: right;
    text-align: right;
    top: 55px;
    left: 0;
	right:auto;
}	
.utf_user_menu ul:before {
    left: 25px;
	right:auto;
}	
.utf_user_menu ul li a i {
    margin-right:0;
	margin-left:10px;
}
.chosen-container-active.chosen-with-drop .chosen-drop {
    z-index: 99;
}	
.fs-inner-container .fs-content{
    overflow-x: hidden;	
}
.dashboard_notifi_dropdown {
    right: -300px;
	left:auto;    
}
.dashboard_notifi_dropdown::before {
    left: 12px;
	right:auto;
}	
.dashboard_notifi_item .content {
    text-align: right;
}
.dashboard_notifi_title p {
    text-align: right;
}
.dashboard_notifi_dropdown, .setting-dropdown {
    transform-origin: left top;
}	
.utf_user_name span {
    left:auto;
	right:-26px;
	margin-left: 10px;
    margin-right: 0;
}	
.utf_user_menu {
    padding-left: 0;
	padding-right:25px;
    margin-left: 0;
	margin-right:25px;
}
.utf_list_box_listing_item_content {
    padding-left:0;
	padding-right:20px;
}	
.utf_dashboard_list_box .utf_list_box_listing_item_content .inner span i {    
    padding-right:0;
	padding-left:3px;
}
.utf_dashboard_list_box .sort-by {
    left: 20px;
    right: auto;
    float: left;
}	
#navigation ul li ul {
    right: 0;
	left:auto;
}
#navigation ul li ul:before {
    right: 25px;
	left:auto;
}	
.bg-c1 i{
	margin-right:0;
	margin-left:15px;
}
.utf_dashboard_list_box .sort-by .chosen-container.chosen-with-drop .chosen-drop, .utf_dashboard_list_box .sort-by .chosen-container .chosen-drop {
    left: 0;
    right: auto;
    margin-top: -5px;
}
.utf_dashboard_list_box .utf_by_comment-listing.own-comment a {
    text-align: right;
    padding-right: 2px;
    display: inline-block;
}
.utf_dashboard_list_box .utf_by_comment-listing a {
    text-align: right;
    padding-right: 2px;
    display: inline-block;
}
.booking_widget_box h3 .price {
    float: left;
}
.utf_box_widget .like-button .like-icon{
	z-index:9
}
.utf_add_listing_part_headline_part h3{
	font-weight:400;
}
.utf_dashboard_list_box .my_sort_by {
    top: 25px;
}
.main_input_search_part_item input{
	position:relative;
}
.main_input_search_part_item label {
	display: block;
	margin: 0;
	z-index: 89;
	top: 25%;
	right: 5%;
}
.swiper-button {
	background-color: #e4f2ffad;
	border-radius: 100%;
	width: 30px !important;
	height: 30px !important;
	display: flex;
	justify-content: center;
	color: #8cd3d5 !important;
	margin-top:20px;
}
.swiper-button-next:after, .swiper-button-prev:after{
	font-size:20px !important;
}
.category-tour-title {
	display: inline;
	font-size: 20px;
	font-weight: 600;
	color: #605e5e;
	border-bottom: 3px solid #86c9cb;
	padding-bottom: 10px !important;
	z-index: 6;
	position: relative;
}

.tour-destinations-swiper {
	margin-top: 50px;
}
.swiper-wrapper{
	margin-top:15px !important;
}
@media only screen and (max-width: 1366px) and (min-width: 1240px) {
	header .fullwidth_block.dashboard .container {
    padding-left:20px;
	padding-right:270px;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1240px){
.dashboard #logo a {
    margin-right: 25px;
    text-align: right;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1239px){
.utf_left_side{
	overflow: hidden;
}
#navigation ul {
    float: right;
}	
#navigation.style_one {
    margin: 25px -5px 5px 0px;
}
.dashboard #logo a {
    right: 0;
    float: right;
}	
}
@media only screen and (min-width: 992px) and (max-width: 1239px){
.utf_box_widget h3 {
    width: 100%;
    font-size: 16px;
}	
.utf_box_widget h3 i{
	font-size:20px;
}
select.utf_chosen_select_single{
	padding:10px 18px
}
}
@media (max-width: 1024px){
#logo {
    margin-top:5px !important;
}	
.fullwidth_block .utf_left_side #logo{
	height:auto;
	margin-top:28px !important
}
}
@media (max-width: 991px){
.utf_dashboard_content {
    margin-right:0px;
    margin-left: 0;
}
	#btn_search_box_pc{
		/*display:none !important;*/
		width:20%;
		height:58px;
	}
	.booking_widget_box .select_date_box i {
		top: 50%;
	}	
a.utf_dashboard_nav_responsive i {
    margin-right:0px;
	margin-left:5px;
}
select.utf_chosen_select_single{
	padding:10px 18px
}
#utf_add_listing_part .chosen-container-single .chosen-single div {
    left: 10px;
	right:auto;
}
}
@media (max-width: 767px){
.container_categories_box {
    width: calc(100% + 15px);
}
.utf_listing_payment_section .boxed-widget h3{
	font-size:18px;
}
#breadcrumbs ul li {
    margin: 0;
}
.utf_coming_soon_search_input .utf_coming_soon_search_input_section:nth-last-child(2){
	padding-left:0;
}
.pricing-list-item td .fm-close {
    top: -5px;
    left: 20px;
	right:auto;
}	
.utf_add_listing_part_headline_part {
    right: -20px;
}
.pricing-list-item td .fm-input {
    margin-right: 0px;
    margin-left: 0;
}
.utf_listing_section .utf_comment_content a.rate-review {
    left: 10px;    
}
.pricing-list-item td .fm-close a {
    margin-right: 10px;
    margin-left: -20px;
}
.small_dialog_header {
    right: -30px;
    left: auto;
}
.utf_about_description {
    margin: 0px 100px 0 2px;
}
.comments .utf_comment_content {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

}
.pc-hide {
	display: none;
}
#validation-error{
	font-size:14px;
	color:red !important;
	padding:5px 0;
}
@media (max-width: 480px) {
	.utf_about_author img {
    display: none;
}
	.options-item option {
		display: none ;
	}
.utf_about_description {
    margin: 0;
}
}
@media (max-width: 479px){
.dashboard_notifi_dropdown {
    right: -240px;
}
	.pc-hide{
		display:block;
	}
	.mobile-hide, .options-item {
		display: none;
	}
}
@media (max-width: 320px){
.header_widget .button, .header_widget .button.border{
    min-width: 110px;	
}
}
@media (max-width: 1024px){
.header_widget {
    text-align: center;
}
#logo {
    margin: auto;
}
.nav_responsive {
    float:right;
}	
#utf_panel_menu {
    position: fixed;
    right: 0;
    left: auto;
}
.utf_user_menu {
    left: 30px;
    float: left;
}
.buttons-to-right, .utf_dashboard_list_box .button.to-right {
    left: 20px;
    right: 0px;
}
.recent_booking .dashboard-list-box a.button {
    width: 80px;
}	
.dashboard_header_button_item {
    margin-right: 0;
    margin-left: 0;
}
}
@media (max-width: 549px){
.utf_cta_area2_block .utf_subscribe_block .contact-form-action form .utf_theme_btn {
    position: inherit;
    border-radius: 4px;
    margin-top: 15px;
}
.utf_box_widget .like-button{
	font-size: 13px;
}
.listing-share span {
    font-size: 15px;
}	
.utf_social_icon li {
    margin-left: 12px;
}
.listing-share .utf_social_icon li a{
	margin-right:2px
}	
}
/*#footer .social_footer_link li:before{
	left:auto;
	padding:0;
	content: "\f100";
}
#footer .social_footer_link li:after{
	padding:0 0px 0 7px;
	right: 0;
}
#footer .social_footer_link li a{
	padding:0 20px 10px 0px;
}
#footer .social_footer_link li a:hover {
    padding-right: 25px;
	padding-left:0;
}	
#footer h4:after {    
    right: 0px;
}*/
@media (max-width: 329px){
ul.main_popular_categories_list li a {
    width: 130px;
    height: 100px;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
.utf_cta_area2_block .utf_subscribe_block .contact-form-action form .utf_theme_btn {
    border-radius: 4px;    
}
}
@media (min-width: 1367px){
.dashboard #logo {
    display: block;
    background-color: #2a2a2a;
    position: absolute;
    height: 100%;
    right: 0;
	left:auto;
    top: 0;
    margin: 0;
    box-shadow: none;
}
header.fullwidth_block.dashboard .container {
    padding-left:20px;
	padding-right:270px;
}
.dashboard #logo a {
    margin-right: 25px;
    text-align: right;
}
}

.utf_tabs_nav li {
	float: right;
}

.modal-mobile, #originList, #DestinationList, #dateList {
	position: fixed;
	background-color: #fff;
	width: 100%;
	height: 100vh;
	z-index: 999;
	bottom:0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	transition: 0.4s ease-in-out;
}

	#DestinationList.show, #originList.show, #dateList.show {
		visibility: visible;
		top: 0;
		opacity: 1;
	}
	.modal-mobil-container{
	position:relative;
	padding:10px;
}
.top-title {
	width: 100%;
	height: 62px;
	background-color: #faa517;
	border-radius: 8px;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.select-title{
	font-size:13px;
	color:#fff;
	margin-right:15px;
}
.search-input label {
	font-size: 10px;
	color: #9B9B9B;
	line-height: 0px;
	padding-top: 20px;
}
.search-input input {
	width: 100%;
	border: none !important;
	box-shadow: none;
	padding: 0;
	margin: 0;
}

#search-input::placeholder{
	display:block;
}
.search-input input::placeholder {
		font-size: 14px;
		color: #878787;
}
.search-input input:focus{
	box-shadow:none !important;
}
.search-input {
	width: 90%;
	margin: 5px auto;
	border-bottom: 1px solid #00000040;
}

.search-list {
	width: 90%;
	margin: 5px auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-weight: 600;
	font-weight: 600;
	height: 100vh;
	overflow: scroll;
}
	.search-list ul li {
		font-size: 13px;
		color: #52575C;
		padding:10px 0;
		text-align:right;
		margin:5px 0;
	}
		.search-list ul li::before {
			content: "\f041";
			padding: 10px 15px;
			background-color: #86c9cb;
			color: #125f60;
			margin-left: 5px;
			font-size: 14px;
			margin-top: 10px;
			border-radius:5px;
		}
		.search-list ul {
			margin: 0 !important;
			float: right;
		}
.search-tour-container{
	position:relative !important;
	top:40% !important;
	z-index:11;
}
.close-model-btn {
	width: 20px;
	margin-right: 2rem;
	margin-left: 11px;
	background-color: #ffff;
	height: 20px;
	z-index: 99;
	border-radius: 50%;
	display:flex;
	align-items:center;
}
	.close-model-btn svg{
		color:#605e5e;
		font-size:13px;
		margin:0 !important;
		padding:0 !important;
	}


.main_search_block h1, .header-text-h2 {
	z-index: 999 !important;
	position: relative !important;
	top: 30% !important;
	text-align: center;
	color: #fff;
}
.header-text-h2{
	top:-55% !important;
}
.search-tour-container-tour-page{
	top:-50% !important;
	z-index:10;
}
#form-search-box-pc {
	display: flex !important;
	flex-direction: row !important;
	width: 100%;
}

.main_search_block h1 {
	margin-top: 0 !important;
	top: 0% !important;
}

.bg-pc {
	max-width: 100%;
	width: 100%;
	height: 100%;
	aspect-ratio: 2/1;
	object-fit: cover;
	position: relative;
}

	.bg-pc:after {
		content: "";
		width: 100%;
		height: 100%;
		background-color: #605e5e;
		opacity: 0.5;
		position: absolute;
		top: 0;
		right: 0;
	}


@media (max-width: 768px) {
	main_input_search_part_item label, .error {
		top: 10% !important;
		right: 0 !important;
	}
.search-tour-container-tour-page, .header-text-h2 {
	top: -80% !important;
}
	.bg-pc {
		max-width: 100%;
		width: 100%;
		aspect-ratio: 2/1;
		object-fit: cover;
		position: relative;
	}
	.home_main_search_part{
		height:100vh;
	}
	.header-one .search_container_block:before{
		height:100vh;
	}


}

