body {
            width: 100vw;
            height: 100vh;
            margin: 0;
            padding: 0;
            font-family: 'Roboto', sans-serif;
            font-weight: 300;
            font-size: 16px;
            line-height: 1.42857143;
            color: #333;
            background-color: #34aeb6;
            overflow-x: hidden;
        }
        
        * {
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }
        /*remove efeito standard dos botoes html5*/
        
        input:focus,
        input:active,
        input.active,
        input:focus:active,
        textarea:active,
        textarea:focus,
        textarea:focus:active {
            background-image: none;
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        
        a {
            text-decoration: none;
            color: inherit;
        }
        
        ;
        .nosel {
            -webkit-touch-callout: none;
            /* iOS Safari */
            -webkit-user-select: none;
            /* Chrome/Safari/Opera */
            -khtml-user-select: none;
            /* Konqueror */
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* Internet Explorer/Edge */
            user-select: none;
            cursor: default;
        }
        
        .none {
            display: none;
        }
        
        #loading {
            display: none;
            position: fixed;
            top: 0;
            width: 100vw;
            height: 100vh;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 1000;
        }
        
        #image_loading {
            position: fixed;
            top: calc(50vh - 35px);
            left: calc(50vw - 35px);
            width: 70px;
            height: 70px;
            background-image: url(../images/Taxi-link-Icon.png);
            background-position: center center;
            background-size: contain;
            background-repeat: no-repeat;
            z-index: 1100;
        }
        
        .imageRotateHorizontal {
            -moz-animation: spinHorizontal 1.2s infinite linear;
            -o-animation: spinHorizontal 1.2s infinite linear;
            -webkit-animation: spinHorizontal 1.2s infinite linear;
            animation: spinHorizontal 1.2s infinite linear
        }
        
        @-moz-keyframes spinHorizontal {
            0% {
                -moz-transform: rotateY(0)
            }
            100% {
                -moz-transform: rotateY(360deg)
            }
        }
        
        @keyframes spinHorizontal {
            0% {
                transform: rotateY(0)
            }
            100% {
                transform: rotateY(360deg)
            }
        }
        
        @-ms-keyframes spinHorizontal {
            0% {
                -ms-transform: rotateY(0)
            }
            100% {
                -ms-transform: rotateY(360deg)
            }
        }
        
        @-o-keyframes spinHorizontal {
            0% {
                -o-transform: rotateY(0)
            }
            100% {
                -o-transform: rotateY(360deg)
            }
        }
        
        @-webkit-keyframes spinHorizontal {
            0% {
                -webkit-transform: rotateY(0)
            }
            100% {
                -webkit-transform: rotateY(360deg)
            }
        }
        
        #error {
            position: fixed;
            top: 0;
            width: 100%;
            height: 60px;
            line-height: 60px;
            background-color: #6f6f6f;
            color: white;
            overflow: hidden;
            z-index: 1000;
        }
        
        #error p {
            width: calc(100% - 40px);
            height: 100%;
            margin: 0px;
            font-size: 18px;
            padding-left: 10px;
        }
        
        #error #close {
            position: absolute;
            right: 0;
            top: 0;
            width: 30px;
            height: 100%;
            cursor: pointer;
        }
        
        #error #close:after {
            position: absolute;
            content: 'X';
            font-size: 20px;
            color: white;
            text-align: center;
            margin: auto;
            left: 0;
            right: 0;
        }
        
        #dark {
            position: fixed;
            left: 0;
            top: 0;
            width: 100vw;
            height: 100vh;
            background-color: rgba(0, 0, 0, 0.5);
            opacity: 0;
            transition: opacity 0.3s ease-out;
            z-index: 129;
        }
        
        #dark.block {
            display: block;
            opacity: 1;
        }
        
        #navbar {
            position: fixed;
            top: 0;
            z-index: 130;
        }
        
        #navbar * {
            box-sizing: content-box;
        }
        
        #navbar-collapse {
            display: block;
            position: absolute;
            left: -85vw;
            top: 0;
            height: 100vh;
            background-color: #111735;
            overflow: hidden;
            width: 85vw;
            max-width: 500px;
            transition: left 0.3s ease-out;
            z-index: 129;
        }
        
        #navbar-collapse.mini_menu {
            left: calc(-500px + 55px);
        }
        
        #navbar-collapse.open {
            left: 0px;
        }
        
        #navbar-collapse ul {
            list-style: none;
            padding: 0;
            margin: auto;
            height: calc(100% - 50px);
            overflow-y: auto;
        }
        
        #navbar-collapse ul .line {
            width: 100%;
            max-width: 100%;
            height: 1px;
            background-color: #333;
            margin: 0px;
        }
        
        #navbar-collapse ul li {
            position: relative;
            height: 50px;
            line-height: 50px;
            color: white;
            text-align: center;
            cursor: pointer;
            background-size: 35px 35px;
            background-repeat: no-repeat;
            background-position: calc(100% - 10px);
        }
        
        #navbar-collapse ul li a {
            color: white;
            text-decoration: none;
            display: block;
        }
        
        #menu_home {
            background-image: url(../images/icons/house.png);
        }
        
        #menu_book {
            background-image: url(../images/icons/taxi-cab.png);
        }
        
        #menu_sessions_box {
            background-image: url(../images/icons/car_history2-white.png);
        }
        
        #menu_places {
            background-image: url(../images/icons/location_favorite.png);
        }
        
        #menu_account {
            background-image: url(../images/icons/person-white.png);
        }
        
        #menu_log {
            background-image: url(../images/icons/logout.png);
        }
        
        #menu_feedback {
            background-image: url(../images/icons/suggestion.png);
        }
        
        #menu_terms {
            background-image: url(../images/icons/privacy.png);
        }
        
        #navbar-collapse.open #picture.none {
            display: none;
        }
        
        #navbar-collapse.open #picture {
            display: block;
        }
        
        #navbar-collapse #picture {
            display: none;
            position: absolute;
            width: 55px;
            height: 55px;
            border-radius: 100%;
            border: 4px solid #34aeb6;
            left: calc(50% + 80px);
            top: 20px;
            background-color: white;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }
        
        .menu_arrow {
            border: 5px solid white;
            border-radius: 5px;
            border-bottom-color: transparent;
            border-left-color: transparent;
            transform: rotate(45deg);
        }
        
        #navbar #menu_sessions_box .menu_arrow {
            position: absolute;
            left: calc(50% + 85px);
            top: 17px;
            width: 8px;
            height: 8px;
        }
        
        #navbar #menu_sessions_box .menu_arrow.turn {
            transform: rotate(-135deg);
            right: 10px;
            left: calc(50% + 95px);
        }
        
        #navbar #logo_2 {
            position: relative;
            width: 150px;
            height: 100px;
            left: calc(50% - 75px);
        }
        
        #navbar #logo_2 img {
            display: block;
            width: auto;
            margin: auto;
            height: 100%;
        }
        
        #navbar-toggle {
            width: 35px;
            height: 35px;
            position: absolute;
            left: 10px;
            top: 12px;
            cursor: pointer;
            border-radius: 4px;
            z-index: 131;
        }
        
        #navbar-toggle div {
            width: 80%;
            height: 2px;
            background-color: white;
            border-radius: 2px;
            margin: 7px auto;
            box-shadow: black 0px 0px 2px;
        }
        
        #notify {
            width: 14px;
            height: 14px;
            background-color: #34aeb6;
            border-radius: 100%;
            position: absolute;
            top: 4px;
            right: 8px;
            margin: 0;
            text-align: center;
            line-height: 14px;
            color: white;
            font-size: 11px;
        }
        
        #navbar-collapse #menu_book {
            background-color: #34aeb6;
        }
        
        #navbar-collapse #menu_book a {
            font-size: 18px;
            font-weight: 400;
            text-transform: uppercase;
        }
        
        #navbar #menu_sessions_box {
            display: none;
            background-color: #1a2455;
        }
        
        #navbar #sessions_collapse {
            position: absolute;
            display: block!important;
            overflow: auto;
            width: 100%;
            height: calc(100vh - 201px);
            top: 100%;
            left: 0%;
            border-top: #111735 1px solid;
            background-color: #1a2455;
            transition: left 0.3s ease-out;
            z-index: 10;
        }
        
        #navbar #sessions_collapse.hide {
            display: block!important;
            left: -100%;
        }
        
        #back {
            position: fixed;
            width: 8px;
            height: 8px;
            top: 25px;
            right: 10px;
            border: 5px solid white;
            border-radius: 5px;
            border-bottom-color: transparent;
            border-left-color: transparent;
            transform: rotate(-135deg);
            cursor: pointer;
            box-sizing: content-box;
        }
        
        footer {
            font-size: 14px;
            padding: 20px 0px 20px 50px;
            color: black;
            overflow: hidden;
        }
        
        footer a,
        footer a:hover,
        footer a:active,
        footer a:focus,
        footer p {
            color: white;
            text-decoration: none;
        }
        
        footer div {
            padding-top: 10px;
        }
        
        footer div div:first-child {
            border-bottom: 1px solid #cccccc;
        }
        
        footer .row {
            display: flex;
            align-items: center;
        }
        
        footer .col-sm-8 {
            display: flex;
            justify-content: flex-end;
        }
        
        footer .col-sm-4 {
            width: 33.3333%;
        }
        
        footer ul {
            list-style: none;
        }
        
        footer li img {
            width: 32px;
            height: 32px;
        }
        
        .strike {
            font-size: 22px;
            color: white;
            display: block;
            text-align: center;
            overflow: hidden;
            white-space: nowrap;
        }
        
        .strike > span {
            position: relative;
            display: inline-block;
        }
        
        .strike > span:before,
        .strike > span:after {
            content: "";
            position: absolute;
            top: 50%;
            width: 9999px;
            height: 1px;
            background: black;
        }
        
        .strike > span:before {
            right: 100%;
            margin-right: 15px;
        }
        
        .strike > span:after {
            left: 100%;
            margin-left: 15px;
        }
        /*remove efeito standart dos botoes html5*/
        
        .btn:focus,
        .btn:active,
        .btn.active,
        .btn:focus:active,
        input:focus,
        input:active,
        input.active,
        input:focus:active,
        textarea:active,
        textarea:focus,
        textarea:focus:active {
            background-image: none;
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        /*remove efeito nos input number*/
        
        input[type="number"]::-webkit-outer-spin-button,
        input[type="number"]::-webkit-inner-spin-button {
            display: none;
            -webkit-appearance: none;
            margin: 0;
        }
        
        @media only screen and (max-width:600px) {
            #navbar-collapse.mini_menu {
                left: calc(-85vw + 50px);
                max-width: initial;
            }
            #navbar-collapse.mini_menu.open {
                left: 0px;
            }
            #navbar-collapse ul li {
                background-position: calc(100% - 7px);
            }
        }
        
        @media only screen and (max-width:400px) {
            #navbar #menu_sessions_box .menu_arrow {
                left: calc(50% + 66px);
            }
            #navbar #menu_sessions_box .menu_arrow.turn {
                left: calc(50% + 76px);
            }
        }
        
        @media only screen and (max-width:350px) {
            #navbar-collapse #picture {
                width: 50px;
                height: 50px;
                left: calc(50% + 70px);
            }
        }
        /************Font*************/
        /* cyrillic-ext */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
            unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
        }
        /* cyrillic */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }
        /* greek-ext */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
            unicode-range: U+1F00-1FFF;
        }
        /* greek */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTOYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
            unicode-range: U+0370-03FF;
        }
        /* vietnamese */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
            unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
        }
        /* latin-ext */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
            unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
        }
        /* latin */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
        }
        /* cyrillic-ext */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/sTdaA6j0Psb920Vjv-mrzH-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
            unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
        }
        /* cyrillic */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/uYECMKoHcO9x1wdmbyHIm3-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }
        /* greek-ext */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/tnj4SB6DNbdaQnsM8CFqBX-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
            unicode-range: U+1F00-1FFF;
        }
        /* greek */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/_VYFx-s824kXq_Ul2BHqYH-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
            unicode-range: U+0370-03FF;
        }
        /* vietnamese */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NJ4vxlgWwWbEsv18dAhqnn-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
            unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
        }
        /* latin-ext */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Ks_cVxiCiwUWVsFWFA3Bjn-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
            unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
        }
        /* latin */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
        }
        /* cyrillic-ext */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 700;
            src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3oX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
            unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
        }
        /* cyrillic */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 700;
            src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHToX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }
        /* greek-ext */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 700;
            src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/UX6i4JxQDm3fVTc1CPuwqoX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
            unicode-range: U+1F00-1FFF;
        }
        /* greek */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 700;
            src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/jSN2CGVDbcVyCnfJfjSdfIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
            unicode-range: U+0370-03FF;
        }
        /* vietnamese */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 700;
            src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
            unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
        }
        /* latin-ext */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 700;
            src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aW4X0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
            unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
        }
        /* latin */
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 700;
            src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOJBw1xU1rKptJj_0jans920.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
        }
        /**********************************/