/* font-family:'Proxima N W01 Reg'; font-family:'Proxima N W01 Smbd'; font-family:'Proxima N W01 Bold'; font-family: 'Yantramanav', sans-serif; font-family:'Proxima N W01 Reg'; font-family:'ProximaNW01-AltThinReg'; font-family:'Proxima N W01 Smbd'; font-family:'Proxima N W01 Bold'; d596b7 93519f var(--primary-color) 041537 */ :root{ --primary-color: #457ac4; --secondary-color: #457ac4; } .welcome-notif .alert { margin-bottom: 0px !important; } body{ /*background: #f2f5fb;*/ font-family: 'Proxima N W01 Reg', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 28px; color: #333; /*padding-top: 66px;*/ } *, *::after, *::before { -webkit-font-smoothing: antialiased; outline: none; text-rendering: optimizeLegibility; zoom: 1; } ::-moz-selection { background: var(--primary-color); color: #ffffff; } ::selection { background: var(--primary-color); color: #ffffff; } em, i{ /*font-family: 'merriweatheritalic', serif;*/ } h1,h2,h3,h4,h5{ font-family: 'Proxima N W01 Bold', Helvetica, Arial, sans-serif; font-weight: 700; } @font-face{ font-family:"Proxima N W01 Reg"; src:url("../fonts/default/Proxima-Nova/7e90123f-e4a7-4689-b41f-6bcfe331c00a.eot?#iefix"); src:url("../fonts/default/Proxima-Nova/7e90123f-e4a7-4689-b41f-6bcfe331c00a.eot?#iefix") format("eot"),url("../fonts/default/Proxima-Nova/64017d81-9430-4cba-8219-8f5cc28b923e.woff2") format("woff2"),url("../fonts/default/Proxima-Nova/e56ecb6d-da41-4bd9-982d-2d295bec9ab0.woff") format("woff"),url("../fonts/default/Proxima-Nova/2aff4f81-3e97-4a83-9e6c-45e33c024796.ttf") format("truetype"),url("../fonts/default/Proxima-Nova/ab9cd062-380f-4b53-b1a7-c0bec7402235.svg#ab9cd062-380f-4b53-b1a7-c0bec7402235") format("svg"); } @font-face{ font-family:"Proxima N W01 Smbd"; src:url("../fonts/default/Proxima-Nova/87e4b4fc-cdf1-450a-8bed-dd818cba908d.eot?#iefix"); src:url("../fonts/default/Proxima-Nova/87e4b4fc-cdf1-450a-8bed-dd818cba908d.eot?#iefix") format("eot"),url("../fonts/default/Proxima-Nova/ae47a7f5-89da-4879-b934-29722c3dd451.woff2") format("woff2"),url("../fonts/default/Proxima-Nova/70ae52ec-d89b-4c6a-9402-854ebe423c54.woff") format("woff"),url("../fonts/default/Proxima-Nova/6a35571c-ea14-4dac-9ae1-0e7af0abeec8.ttf") format("truetype"),url("../fonts/default/Proxima-Nova/ac2bdafc-d4a8-49d0-8a10-4e2f16bf7e3c.svg#ac2bdafc-d4a8-49d0-8a10-4e2f16bf7e3c") format("svg"); } /*@font-face{ font-family:"Proxima N W01 Xbold"; src:url("../fonts/default/Proxima-Nova/9fbce143-f5db-4c0b-9159-b1e666079f67.eot?#iefix"); src:url("../fonts/default/Proxima-Nova/9fbce143-f5db-4c0b-9159-b1e666079f67.eot?#iefix") format("eot"),url("../fonts/default/Proxima-Nova/eb39afe0-709e-46d6-92ad-db5c3bfd24a9.woff2") format("woff2"),url("../fonts/default/Proxima-Nova/19dd5cf2-ac2d-48d5-901a-c432fd291ee2.woff") format("woff"),url("../fonts/default/Proxima-Nova/22cfbfa4-f607-4751-92eb-6fa194353e57.ttf") format("truetype"),url("../fonts/default/Proxima-Nova/3d6b6348-e05f-4123-b19a-3bfd02c7f361.svg#3d6b6348-e05f-4123-b19a-3bfd02c7f361") format("svg"); }*/ @font-face{ font-family:"Proxima N W01 Bold"; src:url("../fonts/default/Proxima-Nova/fbc6b03a-b3a1-427c-a884-053deca3a53c.eot?#iefix"); src:url("../fonts/default/Proxima-Nova/fbc6b03a-b3a1-427c-a884-053deca3a53c.eot?#iefix") format("eot"),url("../fonts/default/Proxima-Nova/0d416408-95c6-4ad7-b08d-e60573d3b37d.woff2") format("woff2"),url("../fonts/default/Proxima-Nova/d999c07b-a049-4eb5-b8a6-4f36ae25e67e.woff") format("woff"),url("../fonts/default/Proxima-Nova/4d4a75f5-d32a-4a09-8665-133afd39cc37.ttf") format("truetype"),url("../fonts/default/Proxima-Nova/8152bc4e-d700-4c78-b6be-326893e6f53f.svg#8152bc4e-d700-4c78-b6be-326893e6f53f") format("svg"); } /*.ui-timepicker-container {z-index: 9999999 !important}*/ .ui-timepicker-container {z-index: 1050 !important} strong{ font-weight: 700; } .text-primary{ color: var(--primary-color); } .text-black{ color: #111; } .text-white{ color: #fff; } .lead{ line-height: 36px; } .booking-details-list { padding-bottom: 30px; } .booking-details-list li { vertical-align: middle; } .driver-search-picture { max-width: 120px; width: 100%; margin-right: 10px; display: inline-block; } /*=============STAR RATING=============*/ @import url(../css/font-awesome.css); .tbl-no-border { border: 0; } #data-tables-bookings .tbl-header, #tbl-billing-charges .tbl-header { font-size: 12px; text-transform: uppercase; padding: 10px 5px; vertical-align: top; color: var(--primary-color); border-bottom: 1px solid #ddd; } #data-tables-bookings .tbl-header .icon { font-size: 10px; } .tbl-action-col .btn { padding: 5px 10px; } #data-tables-bookings tbody > tr > td { padding: 10px 5px; border: 0; } .tbl-btn a { font-size: 12px; padding: 8px 10px; } .star-rating-inner { display: inline-block; width: 100%; } .star-rating-inner .text-wrap { margin-bottom: 0 !important; } #tbl-billing-charges tbody > tr > td { vertical-align: middle; padding: 15px 10px; } #tbl-billing-charges tbody > tr > td.tbl-row-payment { padding: 5px 10px; border: 0; } #message-panel { padding: 30px; } .message-file { max-width: 200px; } /****** Style Star Rating Widget *****/ .rating { border: none; float: left; } .rating > input { display: none; } .rating > label:before { font-size: 18px; font-family: FontAwesome; display: inline-block; content: "\f005"; } .rating > .half:before { content: "\f089"; position: absolute; } .rating > label { color: #ddd; float: right; } .modal .rating { float: none; text-align: center; display: inline-block; } .rating-modal-textarea { padding: 5px 10px; font-size: 14px; } /***** CSS Magic to Highlight Stars on Hover *****/ .rating > input:checked ~ label, /* show gold star when clicked */ .rating:not(:checked) > label:hover, /* hover current star */ .rating:not(:checked) > label:hover ~ label { color: #FFD700; cursor: pointer;} /* hover previous stars in list */ .rating-btn { padding: 0; background: none; border: none; outline: none; } .rating-btn:focus { background: none; border: none; outline: none; } /* *********************************** */ /* LANDING PAGE */ /* *********************************** */ #landing-hero-wrap{ position: absolute; bottom: 30px; right: 0; left: 0; z-index: 3; /*overflow: hidden;*/ /*background: var(--primary-color);*/ /*color: #ffffff;*/ } #landing-form-wrap{ border: 1px solid #111; color: #ffffff; background: #111; background: rgba(0,0,0,0.6); padding: 0px 20px 4px; border-radius: 0 6px 6px 6px; box-shadow: 0 0 15px rgba(0,0,0,0.5); -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; -o-transition: background .3s ease-in-out; transition: background .3s ease-in-out; } #landing-page-section:hover #landing-form-wrap, #landing-page-section:hover .book-type-wrap{ background: #111; background: rgba(0,0,0,0.8); } .book-type-wrap{ position: absolute; background: #111; background: rgba(0,0,0,0.6); box-shadow: 0 0 15px rgba(0,0,0,0.5); border: 1px solid #111; border-bottom: 0; top: -41px; left: -21px; padding: 3px 20px 5px 20px; border-radius: 6px 6px 0 0; -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; -o-transition: background .3s ease-in-out; transition: background .3s ease-in-out; } /*PANAHON TV WEATHER WIDGET*/ .floating-weather { width: 65px; position: fixed; right: 0; margin-top: 550px; background-color: white; box-shadow: 5px 5px 13px 2px rgba(0, 0, 0, .4); border-bottom: 1px solid black; border-radius: 6px 0px 0px 6px; padding: 5px; z-index: 10000; cursor: pointer; } .floating-weather img { width: 45px; } .panahon-tv { display: none; position: fixed; z-index: 10000; right: 0; margin-top: 402px; margin-right: 80px; } /*===========================*/ .green-gradient{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/var(--primary-color)+0,ee273d+100 */ /*PRIMARY RED: var(--primary-color) BROWN: #4777c0;*/ /*color: #ffffff;*/ background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%); } #landing-page{ padding: 40px 0 140px; /*background-image: url('../img/landing-bg.png');*/ background-position: center center; background-repeat: no-repeat; background-size: 100%; /*background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);*/ /*min-height: 400px;*/ /*overflow: hidden;*/ } #landing-page .hero-title{ color: #333; } .booking-landing-hero{ background: #f3f3f3; padding: 120px 0; position: relative; color: #fff; } .booking-landing-hero .hero-content{ padding: 100px 0; } .booking-landing-hero .hero-title{ font-size: 48px; line-height: 54px; } .booking-landing-hero .hero-lead{ font-size: 22px; line-height: 28px; } .booking-landing-hero .container-fluid, .booking-landing-hero .container{ position: relative; z-index: 10; } .booking-landing-hero .bg-image{ } .text-highlight{ background: var(--primary-color); color: #ffffff; padding: 0 8px; display: inline-block; } .booking-tab-nav{ padding: 20px 0; vertical-align: top; } .booking-tab-nav .nav.nav-pills > li{ color: #fff; /*float: none;*/ } .booking-tab-nav .nav.nav-pills > li.truck-type-label{ color: #fff; font-size: 22px; /*background: #fe1f53;*/ /*padding: 5px 10px;*/ /*text-transform: uppercase;*/ font-family: 'Proxima N W01 Bold', Helvetica, Arial, sans-serif; font-weight: 700; position: relative; top: 10px; margin-right: 20px; } .booking-tab-nav .nav.nav-pills > li > a{ color: #ffffff; opacity: 0.8; } .booking-tab-nav .nav.nav-pills > li.active > a{ opacity: 1; color: #fff; } .booking-tab-nav .ms-tab-icon{ display: inline-block; vertical-align: top; margin-right: 10px; } .booking-tab-nav .ms-tab-label{ display: inline-block; vertical-align: top; } .booking-tab-nav .ms-tab-icon img{ width: 30px; } /* INLINE BOX NAV */ .inline-box-nav{ list-style: none; padding: 0; margin: 0; } .inline-box-nav > li{ color: #ffffff; display: inline-block; width: 100%; /*min-height: 200px;*/ background: var(--secondary-color); /*background: rgb(34,210,255);*/ /* background: -moz-linear-gradient(270deg, rgba(34,210,255,1) 0%, rgba(53,177,255,1) 100%); background: -webkit-linear-gradient(270deg, rgba(34,210,255,1) 0%, rgba(53,177,255,1) 100%); background: linear-gradient(270deg, rgba(34,210,255,1) 0%, rgba(53,177,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#22d2ff",endColorstr="#35b1ff",GradientType=1);*/ padding: 35px; margin-bottom: 50px; position: relative; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .inline-box-nav > li:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.1); } .inline-box-icon{ display: block; width: 80px; height: 80px; position: absolute; /*z-index: -1;*/ left: 30px; top: 10px; opacity: 0.1; } .inline-box-label{ font-family: 'Proxima N W01 Bold', Helvetica, Arial, sans-serif; font-size: 24px; color: #ffffff; display: block; overflow: hidden; margin-bottom: 10px; margin-top: 20px; } .inline-box-snippet{ display: block; font-size: 14px; line-height: 22px; color: #ffffff; margin-bottom: 30px; } .long-arrow-right{ display: block; max-width: 50px; /*margin: 10px auto;*/ margin-top: 10px; /*margin-left: auto;*/ } .arrow { position: relative; display: inline-block; padding: 8px 0; } .arrow:before { content: ""; display: block; width: 50px; height: 1px; background-color: #ffffff; top: 50%; -webkit-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; -o-transition: width .3s ease-in-out; transition: width .3s ease-in-out; } .arrow:after { content: ""; display: block; width: 10px; height: 10px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; transform: rotate(45deg); top: calc(50% - 5px); position: absolute; right: 1px; } .arrow:hover { cursor: pointer; } .inline-box-nav > li:hover .arrow:before { width: 80px; } .booking-type-title{ font-size: 20px; line-height: 24px; color: #ffffff; margin-bottom: 40px; } .list-icon-body-wrap{ padding: 50px 0; } .list-icon-box{ list-style: none; padding: 0; margin: 0; text-align: center; } .list-icon-box > li{ display: inline-block; /*margin-right: 20px;*/ } .list-icon-box > li:last-child{ /*margin-right: 0;*/ } .list-icon-box > li > a{ padding: 20px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .list-icon-label{ font-size: 16px; font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; } .list-icon-box > li > a:hover{ box-shadow: 0 3px 15px rgba(48,41,76, 0.15); } .list-icon-box > li .list-icon-img{ display: block; width: 130px; margin: 0 auto 10px; /*background: #f4f6fc;*/ padding: 5px 40px; /*border: 1px solid #b5cbe8;*/ /*border-radius: 6px;*/ } .list-icon-box > li > a:hover .list-icon-img{ } .list-icon-box > li > a{ display: inline-block; font-size: 18px; text-align: center; } /* The container_option*/ .container_option { /* comment display: block , if you want inline*/ /*display: block; */ position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-left: 35px; } /* Hide the browser's default radio button */ .container_option input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%; } /* On mouse-over, add a grey background color */ .container_option:hover input ~ .checkmark { background-color: #ccc; } /* When the radio button is checked, add a blue background */ .container_option input:checked ~ .checkmark { background-color: var(--primary-color); } /* Create the indicator (the dot/circle - hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .container_option input:checked ~ .checkmark:after { display: block; } /* Style the indicator (dot/circle) */ .container_option .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white; } #step-nav{ position: relative; /*background-image: url('../img/truck-bg-01.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat;*/ background-color: #1b1b1b; padding: 80px 0; } #step-nav .bg-image{ z-index: 1; opacity: 0.5; } #step-nav .container-fluid{ position: relative; z-index: 2; } #step-nav-body{ /*max-width: 300px; float: right;*/ } .steps-nav{ list-style: none; padding: 0; margin: 0; position: relative; z-index: 12; /*margin-bottom: 50px;*/ } .steps-nav > li{ display: inline-block; } .steps-nav > li > a{ display: inline-block; color: #888; font-size: 18px; padding: 4px 0; /*border-left: 4px solid transparent;*/ margin-bottom: 20px; font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; position: relative; z-index: 10; /*border-bottom: 4px solid #999;*/ border-radius: 0; margin-right: 20px; } .steps-nav > li:last-child > a{ margin-right: 0; } .steps-nav > li > a .step-label{ display: inline-block; margin-bottom: 8px; } .steps-nav > li > a .step-num{ display: inline-block; display: none; /*width: 40px; height: 40px;*/ /*background: #ffffff;*/ /*border-radius: 50%;*/ /*margin: 0 auto; padding: 6px;*/ font-size: 30px; margin-right: 5px; /*text-align: center;*/ /*z-index: 10;*/ /*box-shadow: 0 0 5px rgba(0,0,0,0.1);*/ } .steps-nav > li.active > a{ color: #ffffff; border-color: var(--primary-color); } .steps-nav > li.active > a .step-num{ /*background: var(--primary-color);*/ color: #ffffff; } .steps-nav > li > ul{ padding-left: 20px; } .steps-nav > li > ul > li > a{ font-family: 'Proxima N W01 Reg', Helvetica, Arial, sans-serif; } .step-num{ } #form-wrapper{ /*position: relative; top: -60px; z-index: 1;*/ } #bl-list-wrap{ text-align: center; } .big-tab-nav{ list-style: none; padding: 0; margin: 0; } .big-tab-nav > li{ list-style: none; display: inline-block; background: #ffffff; padding: 10px 100px 0; } .big-tab-nav > li .big-tab-title{ font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .form-group-title{ font-size: 22px; line-height: 30px; margin: 0; } .container-list-box{ list-style: none; padding: 0; margin: 0; } .container-list-box > li{ list-style: none; display: block; float: left; margin-right: 20px; margin-bottom: 20px; position: relative; } .container-list-box > li:hover .remove-container{ display: block; } .remove-container{ display: none; position: absolute; top: -10px; right: -10px; z-index: 5; font-size: 26px; background: #fff; border-radius: 50%; width: 26px; height: 26px; line-height: 1; text-align: center; box-shadow: 0 0 15px rgba(0,0,0,0.1); } .container-list-box > li > a.btn-container-block, .container-list-box > li > a.btn-container-modal{ display: block; background: #1b1b1b; width: 220px; height: 280px; border-radius: 6px; color: #ffffff; padding: 30px; position: relative; border: 2px dashed transparent; box-shadow: 0 0 15px rgba(0,0,0,0.1); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .container-list-box > li.active > a.btn-container-block{ background: #232b49; } .container-list-box-icon{ font-size: 28px; margin-top: 20px; margin-bottom: 20px; } .container-list-box > li.add-more-box > a.btn-container-modal{ background: #ffffff; border: 2px dashed #888; color: #1b1b1b; } .container-list-box > li.add-more-box > a.btn-container-modal:hover{ border-color: #1b1b1b; /*background: #eee; */ box-shadow: 0 0 30px rgba(0,0,0,0.3); } .con-num{ display: block; font-size: 8px; line-height: 14px; width: 100%; text-transform: uppercase; } .view-details-wrap{ padding: 30px; position: absolute; bottom: 0; right: 0; left: 0; z-index: 2; margin-top: 20px; } .view-details{ font-size: 11px; text-transform: uppercase; display: inline-block; padding-bottom: 3px; border-bottom: 1px solid #ffffff; } #booking-section-container{ /*background: #f4f6fc;*/ /*background-image: url('../img/truck-booking-bg.jpg');*/ background-size: cover; background-repeat: none; background-position: center center; background-attachment: fixed; position:relative } #booking-section-container .container-fluid{ /*padding: 0;*/ /*overflow: hidden;*/ } #booking-section-container:before{ /*content: ''; width: 25%; background: #1b1b1b; position: absolute; left: 0; top: 0; bottom: 0;*/ /*z-index: ;*/ } .form-group-header{ font-size: 14px; text-transform: uppercase; letter-spacing: 2px; line-height: 26px; margin-bottom: 0; padding-bottom: 5px; border-bottom: 1px solid #f3f3f3; padding: 20px 30px 5px 30px; } .fgh-icon{ margin-right: 5px; } .containerized-container{ /*padding: 50px;*/ } .containered-booking-section{ /*display: inline-block;*/ /*border-radius: 6px; background: #ffffff; padding: 40px;*/ /*margin-right: 30px;*/ /*max-width: 30%;*/ } .containerized-body { background: url('../img/port-container-illustration.png') bottom right no-repeat; background-size: 600px; min-height: 600px; } .well-section{ /*padding: 40px;*/ background: #ffffff; border-radius: 6px; margin-bottom: 20px; box-shadow: 0 1px 15px rgba(0,0,0,0.1); } .well-section-body{ padding: 40px; } #dashboard-nav { border-bottom: 1px solid #ddd; } #dashboard-nav li { padding: 20px; position: relative; } #dashboard-nav li.active:after { content: ''; position: absolute; background: var(--primary-color); height: 5px; width: 100%; left: 0; bottom: -2px; } #dashboard-nav li a { cursor: pointer; color: #888; font-weight: 600; border: 0; background: transparent; padding: 0; } #dashboard-nav li.active a { color: #333; } #dashboard-nav li a:hover { color: #333; background: transparent; } .stat-item{ margin-bottom: 20px; } .stat-value{ margin-top: 0; margin-bottom: 0; font-size: 32px; line-height: 38px; } .stat-label{ font-size: 12px; text-transform: uppercase; letter-spacing: 3px; } .stat-wrap{ background: #ffffff; border-radius: 4px; box-shadow: 0 0 15px rgba(0,0,0,0.1); padding: 30px; border-left: 3px solid var(--primary-color); margin-bottom: 20px; } .stat-wrap .stat-label-2{ font-size: 14px; color: #888; } .stat-num{ font-size: 28px; line-height: 34px; font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; } .booking-form-wrap .kk-suggestion{ padding: 6px 12px; font-size: 14px; line-height: 26px; font-family: 'Proxima N W01 Reg', Helvetica, Arial, sans-serif; font-weight: normal; } .booking-form-wrap .kk-suggestion.kk-suggestion.kk-is-under-cursor:first-child{ border-radius: 4px 4px 0 0; border-radius: 0; } .booking-form-wrap .kk-dropdown-menu{ /*overflow: hidden;*/ border-radius: 4px; /*min-height: 40px;*/ display: none; box-shadow: 0 1px 13px 0 rgba(0,0,0,0.1); } .booking-form-wrap .kk-dropdown-menu.open{ display: block; } .booking-form-wrap .kk-dataset-query{ border-radius: 4px; overflow: hidden; } .datepicker:before, .datepicker:after{ display: none; } .booking-form-wrap .kk-dropdown-menu:after { /*bottom: 100%; left: 13px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(238, 238, 238, 0); border-bottom-color: #eeeeee; border-width: 7px; margin-left: -7px;*/ } .hero-title{ font-size: 36px; line-height: 34px; /*color: #ffffff;*/ font-weight: 500; /*font-family: 'Proxima N W01 Reg', Helvetica, Arial, sans-serif;*/ margin-bottom: 30px; } #landing-form{ /*background: #ffffff;*/ /*border-radius: 2px;*/ /*box-shadow: 0 0 13px 0 rgba(0,0,0,0.1);*/ line-height: 16px; /*color: #ffffff;*/ padding-bottom: 15px; position: relative; } #landing-form .form-group{ position: relative; /*border-right: 1px solid #ddd;*/ padding: 20px 0 3px 0; margin-bottom: 0; } #landing-form .list-inline{ margin-bottom: 0; } #landing-form .list-inline .radio{ margin-bottom: 0; margin-top: 5px; } #landing-form .list-inline .radio input[type="radio"]:checked:not(:disabled):hover + label::after, #landing-form .list-inline .radio input[type="radio"]:checked + label::after { /*color: #ffffff;*/ } .border-right0{ border-right: 0 !important; } #landing-form .form-control{ /*background: transparent;*/ border: 0 !important; /*border-bottom: 1px solid #eeefec !important;*/ box-shadow: none !important; /*border-radius: 0;*/ /*padding: 0;*/ font-size: 14px; /*font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif;*/ color: #000; /*color: #ffffff;*/ } #landing-form .form-control[disabled], #landing-form .form-control[readonly]{ background: #eeefec; } #landing-form .form-control:focus{ /*border-bottom: 1px solid var(--primary-color) !important;*/ } #landing-form .control-label{ margin-bottom: 5px; font-size: 12px; text-transform: uppercase; color: #ffffff; } #landing-form .btn-search{ /*width: 110px;*/ border-radius: 4px !important; } /* *********************************** */ /* MS DATEPICKER */ /* *********************************** */ .datepicker{ border: 0; box-shadow: 0 1px 13px 0 rgba(0,0,0,0.1); margin-top: 3px; border-radius: 0; } .datepicker *{ text-shadow: none; } .datepicker table{ width: 100%; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th{ font-family: 'Proxima N W01 Bold', Helvetica, Arial, sans-serif; font-weight: normal; } .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 10px; } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled]{ background: var(--primary-color); } .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled]{ background-image: none; background: #858B87; } .datepicker-inline { width: 290px; } .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover{ background: #858B87; /*background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);*/ color: #ffffff; } .datepicker-dropdown.datepicker-orient-top:before{ border-top: 7px solid #f1f1f1; } .datepicker-dropdown:before{ border-bottom-color: #f1f1f1; } /* *********************************** */ /* PROGRESS BREADCRUMBS */ /* *********************************** */ .progress-breadcrumbs { /*border-top: 1px solid #ddd;*/ border-bottom: 1px solid #ddd; background-color: #ffffff; } .progress-breadcrumbs ul { border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin: 0; padding: 0; /*text-align: center;*/ } .progress-breadcrumbs li { /*float: left;*/ display: inline-block; /*width: 20%;*/ } .progress-breadcrumbs a { position: relative; display: block; padding: 21px 35px 20px 50px; /*padding-right: 0 !important;*/ /* important overrides media queries */ font-size: 14px; line-height: 1; font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; /*font-weight: bold;*/ text-align: center; color: #aaa; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; cursor: default; } .progress-breadcrumbs a:hover { color: #555; background: #eee; } .progress-breadcrumbs a.active { color: #555; /*background-color: #fafafa;*/ cursor: pointer; } .progress-breadcrumbs a span:first-child { display: inline-block; width: 22px; height: 22px; padding: 2px; margin-right: 5px; border: 1px solid #aaa; border-radius: 50%; background-color: #fff; } .progress-breadcrumbs a.active span:first-child { color: #fff; border-color: #fe1f53; background-color: #fe1f53; } .progress-breadcrumbs a:before, .progress-breadcrumbs a:after { content: ''; position: absolute; top: 0; left: 100%; z-index: 1; display: block; width: 0; height: 0; border-top: 32px solid transparent; border-bottom: 32px solid transparent; border-left: 16px solid transparent; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .progress-breadcrumbs a:before { margin-left: 1px; border-left-color: #d5d5d5; } .progress-breadcrumbs a:after { /*border-left-color: #f5f5f5;*/ border-left-color: #ffffff; } .progress-breadcrumbs a:hover:after { border-left-color: #eee; } .progress-breadcrumbs a.active:after { /*border-left-color: #fafafa;*/ } .progress-breadcrumbs li:last-child a:before, .progress-breadcrumbs li:last-child a:after { display: none; } @media (max-width: 720px) { .progress-breadcrumbs a { padding: 15px; } .progress-breadcrumbs a:before, .progress-breadcrumbs a:after { border-top-width: 26px; border-bottom-width: 26px; border-left-width: 13px; } } @media (max-width: 620px) { .progress-breadcrumbs a { padding: 10px; font-size: 12px; } .progress-breadcrumbs a:before, .progress-breadcrumbs a:after { border-top-width: 22px; border-bottom-width: 22px; border-left-width: 11px; } } @media (max-width: 520px) { .progress-breadcrumbs a { padding: 5px 20px 5px 26px; } .progress-breadcrumbs a:before, .progress-breadcrumbs a:after { border-top-width: 16px; border-bottom-width: 16px; border-left-width: 8px; } .progress-breadcrumbs li a span:first-child { display: block; margin: 0 auto; } .progress-breadcrumbs li a span:last-child { display: none; } } /* *********************************** */ /* TYPOGRAPHY */ /* *********************************** */ .hero-title{ /*font-size: 28px; line-height: 38px; font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 8px;*/ } .hero-title-2{ margin-top: 5px; margin-bottom: 20px; font-size: 28px; line-height: 32px; font-family: 'Proxima N W01 Bold', Helvetica, Arial, sans-serif; font-weight: 500; } .hero-title-4{ font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 3px; } .hero-sub{ font-size: 20px; line-height: 30px; opacity: 0.6; margin-bottom: 30px; } .section-title{ font-size: 18px; line-height: 26px; color: #ffffff; margin-bottom: 40px; margin-top: 0; /*font-family: 'Proxima N W01 Reg', Helvetica, Arial, sans-serif;*/ font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; letter-spacing: 4px; display: inline-block; position: relative; padding: 10px 30px; } .section-title:before{ content: ''; background: var(--primary-color); /*border-bottom: 2px solid #111;*/ left: 0; bottom: 0; top: 0; right: 0; /* height: 40px; */ /*width: 215px;*/ position: absolute; /*z-index: -1;*/ /*-webkit-transform: skewx(25deg); -ms-transform: skewx(25deg); transform: skewx(25deg); border-radius: 0 10px 0px;*/ /*box-shadow: 0 0 30px rgba(0,0,0,0.1);*/ } .section-title:after{ content: ''; background: var(--primary-color); right: 90%; bottom: 0; top: 0; width: 200%; position: absolute; /*z-index: -1;*/ /*-webkit-transform: skewx(25deg); -ms-transform: skewx(25deg); transform: skewx(25deg); border-bottom: 2px solid #111;*/ } .section-title.section-title-float{ /*padding-left: 41px;*/ } .section-title.section-title-float:after{ display: none; } .st-text{ position: relative; z-index: 1; } .header-2{ font-family: 'Proxima N W01 Reg', Helvetica, Arial, sans-serif; font-weight: normal; } /* *********************************** */ /* MAIN NAVIGATION */ /* *********************************** */ #ms--main--body { padding-top: 78px; } #main-navigation { z-index: 1001; box-shadow: 0 1px 15px rgba(0,0,0,0.1); background: var(--primary-color); border: 0; margin: 0; padding: 15px 0; position: fixed; width: 100%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .max-fluid { max-width: 1600px; width: 100%; padding-left: 50px; padding-right: 50px; } #main-navigation .navbar-nav > li > a{ position: relative; color: #ffffff; font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; font-size: 16px; padding: 15px 20px; background-color: transparent; overflow: hidden; -webkit-transition: color 500ms ease-in-out; -moz-transition: color 500ms ease-in-out; -o-transition: color 500ms ease-in-out; transition: color 500ms ease-in-out; /* easeInOutExpo */ } #main-navigation .navbar-nav > li > a:hover, #main-navigation .navbar-nav > li > a:focus{ /*color: #d596b7;*/ } #main-nav-items .nav > li > a { color: #fff; } #main-nav-items .nav > li > a:hover, #main-nav-items .nav > li > a:focus { background: transparent; } #main-nav-items .nav.nav-account { text-align: right; } #main-nav-items .nav.nav-account > li { display: inline-block; vertical-align: middle; } /*#top-nav{ position: relative; }*/ /*#top-nav .navbar-right{ margin-right: 0; }*/ #top-nav .navbar-nav > li.nav-highlight > a{ /*padding: 22px 30px;*/ /*background: #111;*/ color: #ffffff; margin-left: 10px; -webkit-transition: background .3s ease-out; -moz-transition: background .3s ease-out; -o-transition: background .3s ease-out; transition: background .3s ease-out; } .bg-primary-gradient{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5cb2fe+0var(--primary-color)+100 */ background: var(--primary-color); /* Old browsers */ background: -moz-linear-gradient(left, var(--primary-color) 0%, var(--primary-color) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, var(--primary-color) 0%,var(--primary-color) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, var(--primary-color) 0%,var(--primary-color) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--primary-color)', endColorstr='var(--primary-color)',GradientType=0 ); /* IE6-9 */ } #top-nav .navbar-nav > li > a:hover, #top-nav .navbar-nav > li > a:focus{ /*color: #ffffff; color: rgba(255,255,255,0.8);*/ } #top-nav .navbar-nav > li.nav-highlight > a:hover{ /*color: #ffffff; background: #000;*/ } .avatar-picture{ width: 60px; margin-right: 10px; display: inline-block; } #main-navigation .dropdown-image{ width: 40px; height: 40px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 2px #fff; margin-right: 0 !important; margin-top: 6px !important; padding: 0 !important; margin-left: 15px; } #main-navigation .dropdown-image:before{ display: none; } #main-navigation .dropdown-image img{ width: 40px; } #main-navigation .user-dropdown .dropdown-menu{ border: 0; box-shadow: 0 0 15px rgba(0,0,0,0.1); border-radius: 2px; padding: 10px 15px; top: 55px; left: -104px; } #main-navigation .user-dropdown .dropdown-menu > li > a{ padding: 13px 20px; border-bottom: 1px solid #f1f1f1; font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; } #main-navigation .user-dropdown .dropdown-menu > li:last-child > a{ border-bottom: 0; } .dropdown-arrow ul.dropdown-menu:before { content: ""; border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; position: absolute; top: -10px; right: 10px; z-index: 10; } .dropdown-arrow ul.dropdown-menu:after { content: ""; border-bottom: 12px solid #f1f1f1; border-right: 12px solid transparent; border-left: 12px solid transparent; position: absolute; top: -12px; right: 8px; z-index: 9; } .dropdown-filter { padding: 20px; min-width: 400px; } .dropdown-filter-short { padding: 20px; min-width: 200px; } .table-action-icons > li { margin-right: 20px; } .table-action-icons > li > a .action-icon{ font-size: 22px; color: #444; } .list-float{ padding: 0; margin: 0; list-style: none; } .list-float > li { float: right; display: block; margin: 5px; } .list-float.pleft > li{ float: left; } .list-float.pull-right{ margin-left: 15px; margin-right: 0; } .site--logo{ position: relative; z-index: 2; } .site--logo a { display: block; } .site--logo a img{ max-width: 140px; } .site--logo a path{ } .primary-nav-section #main-navigation{ /*background: rgb(47,40,76); background: -moz-linear-gradient(0deg, rgba(47,40,76,1) 0%, rgba(147,81,159,1) 100%); background: -webkit-linear-gradient(0deg, rgba(47,40,76,1) 0%, rgba(147,81,159,1) 100%); background: linear-gradient(0deg, rgba(47,40,76,1) 0%, rgba(147,81,159,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--primary-color)",endColorstr="#93519f",GradientType=1);*/ /*background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);*/ /*padding: 21px 0 16px;*/ } #sub-navigation{ background: #222; border: 0; margin-bottom: 0; } #sub-navigation.navbar-inverse .navbar-nav > .active > a, #sub-navigation.navbar-inverse .navbar-nav > .active > a:hover, #sub-navigation.navbar-inverse .navbar-nav > .active > a:focus{ background: #222; } #sub-navigation .navbar-nav > li > a{ font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; color: #ffffff; } #sub-navigation .navbar-nav > li > a::after{ position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #ffffff; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translate3d(0,150%,0); transform: translate3d(0,150%,0); } #sub-navigation .navbar-nav > li.active > a, #sub-navigation .navbar-nav > li.active > a:hover, #sub-navigation .navbar-nav > li.active > a:focus{ background: transparent; /*color: #444;*/ /*border-color: #acde46; */ /*color: #acde46;*/ } #sub-navigation .navbar-nav > li.active > a::after{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #sub-navigation .navbar-nav > li.active > a::after, #sub-navigation .navbar-nav > li.active > a::after:hover, #sub-navigation .navbar-nav > li.active > a::after:focus{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #mobile-nav-wrapper { position: fixed; z-index: 1080; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; /*opacity: 0;*/ /*visibility: hidden;*/ line-height: 1em; text-align: left; overflow: auto; pointer-events: none; -webkit-transform: translateX(100%); transform: translateX(100%); /*background-color: rgba(0,0,0,.97);*/ background: var(--primary-color); -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-transform 400ms cubic-bezier(.694,0,.335,1); transition: -webkit-transform 400ms cubic-bezier(.694,0,.335,1); -o-transition: transform 400ms cubic-bezier(.694,0,.335,1); transition: transform 400ms cubic-bezier(.694,0,.335,1); transition: transform 400ms cubic-bezier(.694,0,.335,1),-webkit-transform 400ms cubic-bezier(.694,0,.335,1); } #mobile-nav-wrapper.open-nav{ visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1); transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1); -o-transition: transform 600ms cubic-bezier(.694,0,.335,1); transition: transform 600ms cubic-bezier(.694,0,.335,1); transition: transform 600ms cubic-bezier(.694,0,.335,1),-webkit-transform 600ms cubic-bezier(.694,0,.335,1); opacity: 1; visibility: visible; pointer-events: auto; -webkit-overflow-scrolling: touch; } #mobile-nav-wrapper .site--logo { padding: 15px; } #mobile-logo{ text-align: center; margin: 20px auto 30px; display: block; } #mobile-nav-wrapper .navbar-nav{ float: none !important; margin: 0 !important; } #mobile-nav-wrapper .navbar-nav > li{ width: 100%; float: none; display: inline-block; text-align: center; } #mobile-nav-wrapper .navbar-nav > li > a{ float: none; width: 100%; display: inline-block; margin: 0; font-size: 14px; padding: 15px 30px; text-align: center; text-transform: uppercase; letter-spacing: 1px; color: #fff; } #mobile-nav-wrapper .navbar-icon{ top: 0px; } #mobile-nav-inject { padding-top: 30px; } #mobile-nav-inject .nav > li > a { color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 1px; padding: 15px; } #mobile-nav-inject .nav > li > a:hover, #mobile-nav-inject .nav > li > a:focus, #mobile-nav-inject .nav > li > a:active { background: transparent; } #mobile-nav-inject .nav .dropdown-menu { background: transparent; box-shadow: none; border: none; min-width: unset; right: 0; } #mobile-nav-inject .nav .dropdown-menu > li > a { color: #fff; font-size: 16px; text-transform: uppercase; text-align: center; letter-spacing: 1px; padding: 15px; } .gradient-green{ background: #AAFFA9; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #11FFBD, #AAFFA9); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #11FFBD, #AAFFA9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } #mobile-nav-wrapper .navbar-nav > li > a:hover, #mobile-nav-wrapper .navbar-nav > li > a:focus, #mobile-nav-wrapper .navbar-nav > li.active > a{ background: transparent; opacity: 1; } #mobile-nav-wrapper .navbar-icons{ text-align: center; } #mobile-nav-wrapper .navbar-icons > li{ display: inline-block; width: auto; } #mobile-nav-wrapper .navbar-icons > li > a{ display: inline-block; width: auto; padding: 15px; } #mobile-nav-wrapper .navbar-icons > li > a.dropdown-image{ padding: 0 !important; top: 5px; margin-left: 8px; } #mobile-nav-trigger{ width: 50px; position: fixed; top: 28px; right: 8px; z-index: 1090; } #nav-trigger { position: relative; /*margin-top: 10px;*/ width: 50px; height: 20px; padding: 0; -moz-transition:0 .4s; -o-transition:0 .4s; -webkit-transition:0 .4s; transition:transform .4s; opacity:1!important; /*position:relative;*/ /*z-index:998;*/ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } #nav-trigger:before{ border-radius: 2px; content: ''; /*background: #222;*/ width: 40px; height: 34px; position: absolute; left: 8px; top: -7px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } #nav-trigger:hover{ cursor: pointer; } #nav-trigger span { -moz-transition:.4s; -o-transition:.4s; -webkit-transition:.4s; transition:.4s; background: #ffffff; /*box-shadow: 0 0 8px rgba(110,182,59,0.3);*/ display:block; height:2px; left:14px; margin-top:-1px; position:absolute; top:50%; width: 28px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .landing-navbar #nav-trigger span{ background-color: #ffffff; } #nav-trigger span:first-child { -moz-transform:translate(0,-7px); -ms-transform:translate(0,-7px); -webkit-transform:translate(0,-7px); transform:translate(0,-7px); } #nav-trigger span:last-child { -moz-transform:translate(0,7px); -ms-transform:translate(0,7px); -webkit-transform:translate(0,7px); transform:translate(0,7px); } body.nav-open #nav-trigger { -moz-transform: rotate(90deg) translate(-3px, 0); -ms-transform: rotate(90deg) translate(-3px, 0); -webkit-transform: rotate(90deg) translate(-3px, 0); transform: rotate(90deg) translate(-3px, 0); } body.nav-open #nav-trigger span { /*background-color:#FFF;*/ } body.nav-open #nav-trigger span:first-child { -moz-transform:rotate(45deg) translate(0,0); -ms-transform:rotate(45deg) translate(0,0); -webkit-transform:rotate(45deg) translate(0,0); transform:rotate(45deg) translate(0,0); } body.nav-open #nav-trigger span:nth-child(2) { -moz-transform:scaleX(0); -ms-transform:scaleX(0); -webkit-transform:scaleX(0); transform:scaleX(0); } body.nav-open #nav-trigger span:last-child { -moz-transform:rotate(-45deg) translate(0,0); -ms-transform:rotate(-45deg) translate(0,0); -webkit-transform:rotate(-45deg) translate(0,0); transform:rotate(-45deg) translate(0,0); } #booking-section-container{ /*background: #232b49;*/ min-height: 600px; position: relative; } #booking-section-container:before{ /*content: ''; background: #ccd6e7; position: absolute; top: 100px; left: 0; right: 0; bottom: 50px; width: 80%;*/ } #booking-form-section{ margin-top: 40px; position: relative; /*background: #f8faff;*/ min-height: 300px; } #booking-form-section .form-control{ /*border-radius: 0;*/ /*border: 0;*/ /*border-bottom: 1px solid #dfe3ec;*/ /*padding: 0 !important;*/ /*box-shadow: none;*/ /*background: transparent;*/ /*font-size: 18px;*/ /*line-height: 26px;*/ } #booking-form-section .form-control:focus{ /*border-color: var(--primary-color);*/ } #booking-form-section .form-group-with-icon .form-icon-wrap{ top: 35px; right: auto; left: -50px; font-size: 22px; } #container-details-inject .container-item-wrap{ /*padding: 30px 0 10px 0;*/ /*background: #ffffff;*/ /*box-shadow: 0 0 15px rgba(0,0,0,0.1);*/ /*border-bottom: 1px solid #eee;*/ } #container-details-inject .container-item-wrap:first-child .btn-remove-container{ display: none; } /*#container-details-inject .container-item-wrap:first-child{ border-radius: 4px 4px 0 0; } #container-details-inject .container-item-wrap:last-child{ border-radius: 0 0 4px 4px; }*/ .container-panel{ } .form-group-normal{ margin-right: 0 !important; margin-left: 0 !important; } .from-to-form{ position: relative; /*padding: 0 80px;*/ padding-left: 48px; } .from-to-div{ position: absolute; left: 10px; top: 70px; height: 100px; width: 1px; border-left: 1px dashed #9da9b3; } .pickup-time-wrap{ position: relative; } .pickup-time-wrap #pickup-time-hour{ padding-right: 30px !important; } .pickup-time-wrap:after{ content: ':'; position: absolute; bottom: 8px; left: 50%; margin-left: -30%; } #locate-form{ padding-top: 40px; } #items-info-form{ padding: 40px; } #pricing-form{ padding: 40px; } .textarea-wrap{ background: #fff; max-height: 150px; padding: 20px; } .textarea-wrap textarea{ resize: none; height: 130px; } .pac-container { background-color: #fff; position: absolute !important; z-index: 1000; border-radius: 0; border-top: 1px solid #d9d9d9; font-family: inherit; box-shadow: 0 0 30px rgba(0,0,0,0.05) !important; /*padding: 0 30px !important;*/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden } .pac-logo:after { content: ""; padding: 1px 1px 1px 0; height: 16px; text-align: right; display: block; background-image: url('https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png'); background-position: right; background-repeat: no-repeat; background-size: 120px 14px } .hdpi.pac-logo:after { background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png) } .pac-container .pac-item:first-child{ border-top: 0; } .pac-item { cursor: default; padding: 10px 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 30px; text-align: left; border-top: 1px solid #e6e6e6; font-size: 14px; color: #999; } .pac-item:hover { background-color: #fafafa } .pac-item-selected, .pac-item-selected:hover { background-color: #ebf2fe } .pac-matched { font-weight: 700 } .pac-item-query { font-size: 13px; padding-right: 3px; color: #000 } .pac-icon { width: 15px !important; height: 15px !important; margin-right: 7px; margin-top: 6px; display: inline-block; vertical-align: top; background-image: url('../img/map-marker.png') !important; background-size: 15px 15px !important; background-repeat: no-repeat; background-position: center !important; } .hdpi .pac-icon { background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png) } .pac-icon-search { background-position: -1px -1px } .pac-item-selected .pac-icon-search { background-position: -18px -1px } .pac-icon-marker { background-position: -1px -161px } .pac-item-selected .pac-icon-marker { background-position: -18px -161px } .pac-placeholder { color: gray } ul.booking-nav{ list-style: none; padding: 0; margin: 0; font-size: 0; overflow: hidden; margin-bottom: 0; } ul.booking-nav > li{ display: inline-block; } ul.booking-nav > li.active{ /*box-shadow: 0 0 30px rgba(0,0,0,0.1);*/ } ul.booking-nav > li.active > a{ background: #ffffff; color: var(--primary-color); } ul.booking-nav > li > a{ display: inline-block; padding: 16px 45px; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; color: #c2c8d3; } #booking-preloader{ padding: 30px; text-align: center; position: absolute; right: 0; left: 0; top: 0; bottom: 0; background: rgba(255,255,255,0.5); z-index: 10; } .preloader-wrap{ width: 80px; height: 80px; display: inline-block; } #truck-types-inject .radio{ line-height: 24px; font-size: 18px; color: #457bc4; } #trucks-inject .truck-item-wrap:first-child{ border-radius: 4px 4px; } #trucks-inject .truck-item-wrap:last-child{ border-radius: 0 0 4px 4px; } .truck-item-wrap{ background: #fff; padding: 5px; box-shadow: 0 0 15px rgba(0,0,0,0.05); -webkit-transition: all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out; transition : all 0.3s ease-in-out; } .truck-item-wrap:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.1); } .truck-item-wrap .truck-name{ margin-top: 11px; font-size: 18px; line-height: 16px; color: #003399; margin-bottom: 0; } .truck-item-wrap .company-name{ font-size: 13px; text-transform: uppercase; } .truck-fee{ color: #003399; font-size: 20px; position: relative; padding-top: 11px; } .currency-left{ font-size: 10px; position: relative; top: -7px; } .truck-fee-label{ display: inline-block; } .sk-rotating-plane { width: 40px; height: 40px; background-color: #57bffe; margin: 40px auto; -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out; animation: sk-rotatePlane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotatePlane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @keyframes sk-rotatePlane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .sk-spinner-pulse { width: 40px; height: 40px; margin: 40px auto; background-color: #57bffe; border-radius: 100%; -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out; animation: sk-pulseScaleOut 1s infinite ease-in-out; } @-webkit-keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } #map-gps-pointer [title="pulse"] { -moz-animation: pulsate 1.5s ease-in-out infinite; -webkit-animation: pulsate 1.5s ease-in-out infinite; border: 1pt solid #ffffff; /* make a circle */ -moz-border-radius:51px; -webkit-border-radius:51px; border-radius:51px; /* multiply the shadows, inside and outside the circle */ -moz-box-shadow:inset 0 0 5px #c91a12, inset 0 0 5px #c91a12, inset 0 0 5px #c91a12, 0 0 5px #c91a12, 0 0 5px #c91a12, 0 0 5px #c91a12; -webkit-box-shadow:inset 0 0 5px #c91a12, inset 0 0 5px #c91a12, inset 0 0 5px #c91a12, 0 0 5px #c91a12, 0 0 5px #c91a12, 0 0 5px #c91a12; box-shadow:inset 0 0 5px #c91a12, inset 0 0 5px #c91a12, inset 0 0 5px #c91a12, 0 0 5px #c91a12, 0 0 5px #c91a12, 0 0 5px #c91a12; /* set the ring's new dimension and re-center it */ height: 51px!important; margin: 0px 0 0 -10px; width:51px!important; } /* hide the superfluous marker image since it would expand and shrink with its containing element */ /* #map-gps-pointer div[style*="987654"][title] img {*/ #map-gps-pointer [title="pulse"] img { display:none; } /* compensate for iPhone and Android devices with high DPI, add iPad media query */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (device-width: 768px) { #map-gps-pointer [title="pulse"] { margin: 0px 0 0 -10px; } } .box-select .btn{ height: auto !important; padding: 0 !important; margin: 0 5px 0 0 !important; box-shadow: none; } .box-select .btn:last-child{ margin-right: 0 !important; } .box-select .box-label{ height: 40px; background: #ffffff; padding: 8px 10px; display: block; min-width: 65px; font-size: 16px; /*height: 80px;*/ box-shadow: 0 0 15px rgba(0,0,0,0.1); border-radius: 4px; margin-bottom: 10px; } .box-select .btn.active .box-label{ background: #232b49; color: #fff; } .box-select.box-outlined .btn .box-label{ border: 1px solid #dddddd; box-shadow: none; } .box-select.box-outlined .btn:hover .box-label{ box-shadow: 0 0 15px rgba(0,0,0,0.1); } .box-select.box-outlined .btn.active .box-label{ background: #ffffff; color: #232b49; border: 1px solid #232b49; box-shadow: 0 0 15px rgba(0,0,0,0.1); } .box-select .kg-label{ display: block; font-size: 10px; text-transform: uppercase; } .box-selectlist > li{ min-width: 80px; text-align: center; margin-right: 10px; } .box-selectlist > li > a{ box-shadow: 0 0 15px rgba(0,0,0,0.1); } .box-selectlist > li .kg-label{ font-size: 10px; text-transform: uppercase; } /* ~SECTIONS */ .section-pad { padding: 100px 0; } .section-pad-md { padding: 80px 0; } .section-pad-sm { padding: 50px 0; } #infowindow-content .title { font-weight: bold; } #infowindow-content { display: none; } #map-pointer{ height: 700px; } #map-pointer #infowindow-content { display: inline; } #straight-map-pointer{ height: 700px; } #straight-map-pointer #infowindow-content { display: inline; } .pac-container{ z-index: 1090; } .pac-card { margin: 10px 10px 0 0; border-radius: 2px 0 0 2px; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); background-color: #fff; padding: 20px; } /* *********************************** */ /* LANDING SLIDER */ /* *********************************** */ #landing-slider{ /*margin-top: 10px;*/ overflow: hidden; background: #111; /*margin-bottom: 4px;*/ } #landing-slider.owl-theme .owl-controls{ margin-top: 0; } #landing-slider .owl-item{ overflow: hidden; } #landing-slider .image{ opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; padding: 0; height: auto; /*min-height: 1200px;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /*background-attachment: fixed;*/ background-position: center center; overflow: hidden; -webkit-transition: all 18s ease; -moz-transition: all 18s ease; -o-transition: all 18s ease; transition: all 18s ease; } #landing-slider .owl-item.active .image{ /*transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);*/ } #landing-slider .landing-content{ position: relative; z-index: 3; padding: 150px 0; min-height: 600px; } .owl-next svg, .owl-prev svg{ width: 20px; } #landing-slider .owl-next, #landing-slider .owl-prev{ /*width: 80px; height: 80px; background: #111; background: rgba(0,0,0,0.1) !important; border-radius: 50%; margin-top: -40px !important;*/ display: block !important; } #landing-slider .owl-next{ /*padding: 20px 4px 20px 11px !important;*/ right: 50px; } #landing-slider .owl-prev{ /*padding: 20px 11px 20px 4px !important;*/ left: 50px; } #landing-slider .owl-dots{ display: inline-block !important; position: absolute; left: 0; right: 0; bottom: 40px; z-index: 10; text-align: center; } #landing-slider .owl-dots .owl-dot{ display: inline-block; width: 20px; height: 10px; padding: 0px 5px; text-align: center; color: #ffffff; background: #ffffff; /*border: 1px solid #12171c;*/ margin-right: 5px; cursor: pointer; font-size: 14px; font-family: 'Proxima N W01 Smbd', "Helvetica Neue", Helvetica, sans-serif; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; } #landing-slider .owl-dots .owl-dot.active, #landing-slider .owl-dots .owl-dot:hover{ background: var(--primary-color); /*background: rgba(0,0,0, 0.7);*/ } #landing-slider .hero-title, #bus-features .hero-title{ font-size: 38px; line-height: 42px; /*letter-spacing: 8px;*/ /*text-transform: uppercase;*/ /*margin-bottom: 20px;*/ font-weight: 500; color: #ffffff; /*padding: 20px 30px;*/ /*background: #111;*/ /*background: rgba(0,0,0,0.5);*/ margin-bottom: 15px; font-family: "Proxima N W01 Bold", "Helvetica Neue", Helvetica, sans-serif; color: #ffffff; } #bus-features .hero-title{ color: #333333; margin-bottom: 10px; } #bus-features .hero-lead{ color: #777; } .hero-lead{ /*font-family: "Proxima N W01 Bold", "Helvetica Neue", Helvetica, sans-serif;*/ font-weight: normal; font-size: 18px; line-height: 28px; margin-bottom: 20px; } .bg-color-overlay{ overflow: hidden; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-animation: feature-fade-in .6s ease-in-out; animation: feature-fade-in .6s ease-in-out; width: 100%; z-index: 2; background-color: rgba(0,0,0,.3); /*background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5) );*/ } .bg-light-gray{ background-color: #f3f3f3; } .bg-light-gray hr{ border-color: #dedede; } /* *********************************** */ /* BUS FEATURES */ /* *********************************** */ #bus-features{ overflow: hidden; /*background: url('../img/Bus-Features.png') 95% 100px no-repeat;*/ background-size: 800px 557px; min-height: 500px; padding: 60px 0; position: relative; } #bus-features:before{ content: ''; top: 0; right: 0; left: 0; bottom: 0; z-index: -2; /*background: #f1f1f1;*/ background-image: linear-gradient(135deg, #f5f7fa 0%, #d0d0d0 100%); /*width: 100%;*/ position: absolute; } .bus-feature-image{ position: relative; } .bus-feature-image:after{ content: ''; height: 120px; background-color: var(--primary-color); border-bottom: 8px solid #111; position: absolute; /*right: -50px;*/ left: -20%; bottom: 30px; width: 120%; z-index: -1; border-radius: 0 10px 0px; -webkit-transform: skewx(25deg); -ms-transform: skewx(25deg); transform: skewx(25deg); box-shadow: 0 0 30px rgba(0,0,0,0.1); } .feature-item{ position: relative; padding-top: 13px; padding-left: 13px; margin-bottom: 40px; } .feature-icon{ width: 54px; height: 54px; background: var(--primary-color); border-radius: 50%; padding: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.2); } .feature-name{ font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 5px; } .feature-body{ font-size: 14px; line-height: 22px; color: #888888; } /* *********************************** */ /* MAP CANVAS */ /* *********************************** */ #our-terminals{ position: relative; } #our-terminals .container-fluid{ position: absolute; right: 0; left: 0; z-index: 2; } #our-terminals .section-title{ top: 30px; position: absolute; z-index: 2; } #map_canvas{ height: 800px; } #map_canvas [title="pulse"] { -moz-animation: pulsate 1.5s ease-in-out infinite; -webkit-animation: pulsate 1.5s ease-in-out infinite; border: 1pt solid #ffffff; /* make a circle */ -moz-border-radius:51px; -webkit-border-radius:51px; border-radius:51px; /* multiply the shadows, inside and outside the circle */ -moz-box-shadow:inset 0 0 5px #c91a12, inset 0 0 5px #c91a12, inset 0 0 5px #c91a12, 0 0 5px #c91a12, 0 0 5px #c91a12, 0 0 5px #c91a12; -webkit-box-shadow:inset 0 0 5px #c91a12, inset 0 0 5px #c91a12, inset 0 0 5px #c91a12, 0 0 5px #c91a12, 0 0 5px #c91a12, 0 0 5px #c91a12; box-shadow:inset 0 0 5px #c91a12, inset 0 0 5px #c91a12, inset 0 0 5px #c91a12, 0 0 5px #c91a12, 0 0 5px #c91a12, 0 0 5px #c91a12; /* set the ring's new dimension and re-center it */ height: 51px!important; margin: 0px 0 0 -10px; width:51px!important; } /* hide the superfluous marker image since it would expand and shrink with its containing element */ /* #map_canvas div[style*="987654"][title] img {*/ #map_canvas [title="pulse"] img { display:none; } /* compensate for iPhone and Android devices with high DPI, add iPad media query */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (device-width: 768px) { #map_canvas [title="pulse"] { margin: 0px 0 0 -10px; } } @-moz-keyframes pulsate { from { -moz-transform: scale(0); opacity: 1.0; } 95% { -moz-transform: scale(1.3); opacity: 0; } to { -moz-transform: scale(0.3); opacity: 0; } } @-webkit-keyframes pulsate { from { -webkit-transform: scale(0); opacity: 1.0; } 95% { -webkit-transform: scale(1.3); opacity: 0; } to { -webkit-transform: scale(0.3); opacity: 0; } } .map-infowindow{ padding: 8px 18px; } .infowindow-title{ text-transform: uppercase; font-size: 18px; letter-spacing: 2px; margin-bottom: 8px; } /* *********************************** */ /* HOW TO */ /* *********************************** */ #how-it-works{ padding: 100px 0; background-color: #f8f8f8; } .how-to-book-item{ } .how-to-book-item .htb-icon{ position: relative; width: 150px; height: 150px; border: 2px solid var(--primary-color); border-radius: 50%; margin: 0 auto; padding: 30px; } .how-to-book-item .htb-icon .htb-step-count{ position: absolute; z-index: 1; right: 0; bottom: 12px; background-color: #363636; color: #ffffff; width: 30px; height: 30px; border-radius: 50%; text-align: center; } .htb-label{ font-size: 14px; line-height: 22px; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: 180px; margin: 20px auto; } #weather-section{ overflow: hidden; padding: 80px 0; } #weather-forecast-wrap{ margin-top: 70px; background-color: #fbfbfb; padding: 40px 0; } ul.weather-forecast-list{ display: block; list-style: none; padding: 0; margin: 0; } .forecast-day{ text-transform: uppercase; } .forecast-weather-icon i{ font-size: 80px; line-height: 80px; height: 70px; font-family: 'weather'; font-weight: normal; font-style: normal; text-transform: none; display: block; color: #111; } .forecast-weather-icon .icon-47, .forecast-weather-icon .icon-4{ position: relative; top: -7px; } .forecast-weather-text{ /*font-size: 12px;*/ } .forecast-item .tooltip{ top: 0 !important; } #weather-forecast-list .owl-slide{ position: relative; /*height: 800px;*/ } #weather-forecast-body .owl-theme .owl-controls{ margin: 0; } #weather-forecast-body .owl-prev, #weather-forecast-body .owl-next{ width: 50px; opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 1s !important; transition: opacity 0.2s, transform 1s !important; } #weather-forecast-body .owl-prev path, #weather-forecast-body .owl-next path{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #weather-forecast-body .owl-prev svg, #weather-forecast-body .owl-next svg{ opacity: 0.5; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #weather-forecast-body .owl-prev:hover svg, #weather-forecast-body .owl-next:hover svg{ opacity: 1; } #weather-forecast-body .owl-prev{ left: -20px; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } #weather-forecast-body .owl-next{ right: -20px; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); } #weather-forecast-body:hover .owl-prev, #weather-forecast-body:hover .owl-next{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } .shipment-transactions-list{ list-style: none; padding-left: 30px; margin: 0; } .shipment-transactions-list > li{ display: block; position: relative; padding: 7px 0; margin-bottom: 0px; } .shipment-transactions-list > li > a{ display: block; font-size: 12px; color: #999; } .shipment-transactions-list > li:before{ content: ""; /*height: 150px;*/ width: 3px; position: absolute; top: 17px; left: -24px; bottom: -16px; background: #999; z-index: 1; } .shipment-transactions-list > li:last-child:before{ display: none; } .shipment-transactions-list > li > a .list-checkmark{ position: absolute; left: -30px; top: 13px; width: 15px; height: 15px; background: #999; border-radius: 50%; z-index: 2; } .shipment-transactions-list > li.active > a:hover .list-checkmark, .shipment-transactions-list > li.active > a .list-checkmark{ background: #5cb85c; } .shipment-transactions-list > li.with_date > a:hover .list-checkmark, .shipment-transactions-list > li.with_date > a .list-checkmark{ background: #337ab7; } .shipment-transaction-time{ font-size: 12px; min-height: 20px; } .shipment-transactions-list > li.active > a{ color: #000; font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif; } .kt-panel{ background-color: #ffffff; color: #8a8686; border: 1px solid #c3c3c3; border: 0; border-radius: 3px; margin-bottom: 20px; } .kt-panel-header{ font-family: 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 30px; padding: 30px 30px 0; } .kt-panel-header-2{ font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif; padding: 10px 26px 10px; background-color: #eeefec; color: #2b2a2a; border-bottom: 1px solid #c3c3c3; } .kt-panel-lr-padding{ padding: 0 40px; } .user-image{ border-bottom: 1px solid #c3c3c3; } .kt-panel-section-header{ background-color: #337ab7; padding: 5px 40px; color: #fff; font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif; } .success-header{ background: #e5f4b8; color: #49681f; } .kt-panel .kt-panel-body{ padding: 30px 40px; } .kt-panel .kt-panel-body2{ padding: 30px; } .kt-panel .strong{ color: #2b2a2a; } @font-face { font-family: 'weather'; src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot'); src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg'); font-weight: normal; font-style: normal; } #i-want-weather { } .weather-title-wrap{ font-family: 'Proxima N W01 Reg', Helvetica, Arial, sans-serif; } #weather-section .weather-icon i { font-family: 'weather'; font-size: 180px; font-weight: normal; font-style: normal; text-transform: none; line-height: 110px; display: block; color: var(--primary-color); } .weather-icon{ margin-top: 50px; } .weather-text{ margin-top: 10px; font-size: 24px; line-height: 30px; } .weather-time-updated{ font-size: 18px; background: #f1f1f1; border-radius: 10px; display: block; padding: 8px 20px; text-transform: uppercase; font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; } .weather-time-updated .meridiem{ color: var(--primary-color); } .weather-temp-wrap{ font-size: 44px; line-height: 42px; } .weather-temp-text{ color: var(--primary-color); font-family: 'Proxima N W01 Bold', Helvetica, Arial, sans-serif; font-weight: 700; } #i-want-weather{ /*padding-top: 20px;*/ } .weather-icon-wrap{ position: relative; top: 30px; } #i-want-weather h2 { margin: 0 0 8px; /*color: #fff;*/ font-size: 100px; font-weight: 300; text-align: center; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); } #i-want-weather .weather-card-list > li { padding: 8px 30px; } .weather-time-updated-wrap, .weather-temp-wrap{ position: relative; top: -20px; } #i-want-weather .currently { margin: 0 20px; } .icon-0:before { content: ":"; } .icon-1:before { content: "p"; } .icon-2:before { content: "S"; } .icon-3:before { content: "Q"; } .icon-4:before { content: "S"; } .icon-5:before { content: "W"; } .icon-6:before { content: "W"; } .icon-7:before { content: "W"; } .icon-8:before { content: "W"; } .icon-9:before { content: "I"; } .icon-10:before { content: "W"; } .icon-11:before { content: "I"; } .icon-12:before { content: "I"; } .icon-13:before { content: "I"; } .icon-14:before { content: "I"; } .icon-15:before { content: "W"; } .icon-16:before { content: "I"; } .icon-17:before { content: "W"; } .icon-18:before { content: "U"; } .icon-19:before { content: "Z"; } .icon-20:before { content: "Z"; } .icon-21:before { content: "Z"; } .icon-22:before { content: "Z"; } .icon-23:before { content: "Z"; } .icon-24:before { content: "E"; } .icon-25:before { content: "E"; } .icon-26:before { content: "3"; } .icon-27:before { content: "a"; } .icon-28:before { content: "A"; } .icon-29:before { content: "a"; } .icon-30:before { content: "A"; } .icon-31:before { content: "6"; } .icon-32:before { content: "1"; } .icon-33:before { content: "6"; } .icon-34:before { content: "1"; } .icon-35:before { content: "W"; } .icon-36:before { content: "1"; } .icon-37:before { content: "S"; } .icon-38:before { content: "S"; } .icon-39:before { content: "S"; } .icon-40:before { content: "M"; } .icon-41:before { content: "W"; } .icon-42:before { content: "I"; } .icon-43:before { content: "W"; } .icon-44:before { content: "a"; } .icon-45:before { content: "S"; } .icon-46:before { content: "U"; } .icon-47:before { content: "S"; } /* *********************************** */ /* BECOME A PARTNER */ /* *********************************** */ #become-a-partner{ overflow: hidden; position: relative; padding: 280px 0; } .side-element-wrap{ position: absolute; width: 50%; } .element-top-right{ top: -180px; right: -80px; } .element-bottom-left{ bottom: -280px; left: -80px; } #contact{ padding: 120px 0; } #contact-form-wrap .radio{ margin-bottom: 20px; } .radio-label{ color: #626262; line-height: 20px; font-size: 18px; display: block; margin-bottom: 0; } .radio-help{ line-height: 20px; font-size: 14px; } #about{ position: relative; text-align: center; padding: 280px 0; overflow: hidden; } #faq{ background: #f8f8f8; padding: 100px 0; } #faq .panel-default > .panel-heading{ border: 0; background-color: transparent; } #faq .panel{ box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 0; border: 0; border-left: 4px solid var(--primary-color); padding: 8px 10px; } #faq .panel-title{ font-size: 20px; font-family: 'Proxima N W01 Reg', Helvetica, Arial, sans-serif; font-weight: normal; } #faq .panel-title a{ display: block; } #featured-deals{ padding: 120px 0; } .deal-item-body{ position: relative; height: 260px; background-color: #111; } .deal-item-body .deal-photo{ height: 260px; opacity: 0.8; } .deal-item-body .deal-caption{ position: absolute; z-index: 3; color: #ffffff; padding: 20px; right: 0; left: 0; bottom: 0; } .deal-place{ font-size: 26px; } .deal-price{ font-size: 20px; } .deal-body-details{ background-color: var(--primary-color); padding: 40px; color: #ffffff; height: 260px; } .deal-title{ font-size: 28px; line-height: 28px; margin-bottom: 10px; } .filter-sections{ border-top: 1px solid #dddddd; } .filter-sections .filter-wrap-item:last-child{ border-bottom: 0; } .filter-wrap-item{ padding: 30px 40px; border-bottom: 1px solid #dddddd; } .filter-wrap-item .bus-image{ box-shadow: 0 0 6px rgba(0,0,0,0.1); } .iws-range-slider .noUi-horizontal{ height: 14px; } .iws-range-slider .noUi-horizontal .noUi-handle{ width: 26px; height: 26px; border-radius: 50%; background: #333; border: 2px solid #ffffff; top: -7px; } .iws-range-slider .noUi-target{ background: #ffffff; } .iws-range-slider .noUi-handle:after, .iws-range-slider .noUi-handle:before{ left: 12px; top: 7px; display: none; } .iws-range-slider .noUi-handle:after{ left: 15px; } .iws-range-slider .noUi-connect{ background: #333; box-shadow: none; } .iws-range-slider .noUi-handle{ box-shadow: none; } #deals-wrap{ border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; padding: 30px 40px; } #deals-wrap .deal-wrap-item{ padding: 20px 30px; border: 1px solid #ddd; margin-bottom: 20px; /*border-radius: 4px;*/ } .deal-wrap-item .bus-name{ color: #595959; font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; } .deal-price{ font-size: 24px; line-height: 28px; margin-top: 7px; } .deal-time{ font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; margin-top: 5px; text-transform: uppercase; } .deal-time-to{ text-align: right; } .travel-hours{ padding: 10px 0; } .deals-alert{ font-size: 14px; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; padding: 6px 15px; background-color: #f7f7f7; } .deals-alert-header{ text-transform: uppercase; letter-spacing: 1px; } /* SEAT STYLES */ #bus-seat-plan-main-wrapper{ /*background: #f1f1f1;*/ /*padding: 20px;*/ /*border: 1px solid #ddd; border-radius: 6px; min-height: 400px;*/ } .drivers-cabin{ margin: 20px 0; padding: 10px 0; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; font-size: 20px; text-align: center; } .seat-style{ background-color: #ffffff; padding: 20px; border-radius: 2px; border: 1px solid #dddddd; /*min-height: 100px;*/ margin-bottom: 20px; } .seat-label{ text-align: center; } #driver-row{ max-width: 200px; } #bus-left-row{ /*padding: 20px;*/ min-height: 600px; /*border-right: 1px solid #ddd;*/ } #bus-right-row{ /*padding: 20px;*/ min-height: 600px; /*border-left: 1px solid #ddd;*/ } .bus-section-header{ font-size: 12px; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #f1f1f1; } .seat-item{ -webkit-transition: all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out; transition : all 0.3s ease-in-out; } .btn-seat-details.active-seat .seat-item, .btn-seat-details:hover .seat-item, .btn-seat-details:focus .seat-item{ opacity: 0.5; } .btn-seat-details{ position: relative; display: inline-block; } .Seat-1, .Seat-2, .Seat-3{ width: 80px; height: 80px; } .good-seat-wrap{ position: absolute; top: -5px; right: 8px; z-index: 1; font-size: 12px; color: #fff; background: var(--primary-color); width: 20px; height: 20px; padding: 0px 5px; border-radius: 50%; line-height: 22px; } .available-seat-wrap{ position: absolute; bottom: 0; right: 0; left: 7px; z-index: 1; /* font-size: 12px; */ color: var(--primary-color); background: var(--primary-color); width: 56px; height: 9px; padding: 0px 5px; border-radius: 9px; line-height: 22px; } .passenger-name-wrap{ text-transform: uppercase; font-size: 16px; position: absolute; top: 18px; right: 0; left: 0; color: #333; text-align: center; z-index: 2; font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; } #right-seats .available-seat-wrap{ left: 7px; } #right-seats .good-seat-wrap{ right: -3px; } .bus-section-wrap{ margin-top: 2px; padding: 20px; min-height: 600px; /*border: 1px solid #ddd;*/ -webkit-transition: all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out; transition : all 0.3s ease-in-out; } .bus-section-wrap.active-section{ border: 1px solid #333333; } .droppable-wrap{ height: 100px; text-align: center; } .droppable-wrap img{ max-height: 100px; } .seat-row{ position: relative; margin-bottom: 20px; } .seat-row:hover .btn-remove-seat-row{ opacity: 1; } .seat-row:active .btn-remove-seat-row{ opacity: 0; } .btn-remove-seat-row{ font-size: 16px; position: absolute; top: -14px; left: -12px; z-index: 2; background: #8a6d3b; width: 24px; height: 24px; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 50%; padding: 4px 8px; color: #fff; opacity: 0; } .btn-remove-seat-row:hover, .btn-remove-seat-row:focus{ box-shadow: 0 0 5px rgba(0,0,0,0.5); color: #ffffff; } #bus-right-row .btn-remove-seat-row{ left: 100%; margin-left: -12px; } .seat-row img{ max-height: 100px; opacity: 0.9; } .seat-item{ width: 70px; height: 70px; display: block; margin-right: 10px; position: relative; } #right-seats{ text-align: right; } #right-seats .seat-item{ margin-right: 0; margin-left: 10px; } #right-seats .cr-item, #right-seats .spacer-item{ width: 100%; float: right; overflow: hidden; } #right-seats .cr-item img, #right-seats .spacer-item img{ float: right; } .spacer-item img{ height: 80px; } .spacer-item{ opacity: 0.1; } .iws-panel{ background-color: #ffffff; color: #8a8686; border: 1px solid #c3c3c3; border-radius: 3px; margin-bottom: 20px; } .iws-panel-header{ font-family: 'Proxima N W01 Reg', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 30px; padding: 26px 40px 10px; } .iws-panel-header-2{ font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; padding: 10px 26px 10px; background-color: #eeefec; color: #2b2a2a; border-bottom: 1px solid #c3c3c3; } .iws-panel-lr-padding{ padding: 0 40px; } .user-image{ border-bottom: 1px solid #c3c3c3; } .iws-panel-section-header{ background-color: #f6f5f5; padding: 5px 40px; color: #333; font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; } .success-header{ background: #e5f4b8; color: #49681f; } .iws-panel .iws-panel-body{ padding: 26px 40px; } .iws-panel .iws-panel-body2{ padding: 26px 26px; } .iws-panel .strong{ color: #2b2a2a; } small, .small{ line-height: 22px; } .amenities-icon > li{ font-size: 20px; color: #848586; } .font-normal{ font-family: 'Proxima N W01 Reg', Helvetica, Arial, sans-serif; font-weight: normal; } .label-image{ width: 140px; } .iws-success-alert{ border-radius: 3px; padding: 20px 30px; background: #ddea8d; color: #383836; /*border: 1px solid #8cbfa4;*/ border: 0; background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%); color: #ffffff; } /* MS TABS */ /* *********************************** */ .tab-header{ border-bottom: 1px solid #eeefec; } .ms-tabs.ms-tabs-bordered{ border-bottom: 1px solid #c3c3c3; } .ms-tabs > li > a{ background: transparent; border-radius: 0; border: 0; font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; /*border-bottom: 3px solid transparent;*/ } .ms-tabs > li > a:hover{ background: none; } .ms-tabs > li > a{ color: #888; overflow: hidden; } .ms-tabs > li > a::after{ position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: var(--primary-color); content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translate3d(0,150%,0); transform: translate3d(0,150%,0); } .ms-tabs > li.active > a, .ms-tabs > li.active > a:hover, .ms-tabs > li.active > a:focus{ background: transparent; color: #444; /*border-color: var(--primary-color); */ /*color: var(--primary-color);*/ } .ms-tabs > li.active > a::after{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .ms-tabs > li.active > a::after, .ms-tabs > li.active > a::after:hover, .ms-tabs > li.active > a::after:focus{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .ms-tabs.ms-tabs-lg > li > a{ font-family: 'Proxima N W01 Bold', Helvetica, Arial, sans-serif; font-size: 18px; } .ms-tabs.pad-right > li > a{ padding: 10px 30px 10px 0; margin-right: 10px; } .ms-tabs.no-pad > li > a{ padding: 15px 0; margin-right: 30px; } .ms-tabs > li.has-error > a, .ms-tabs > li.has-error.active > a, .ms-tabs > li.has-error.active > a:hover, .ms-tabs > li.has-error.active > a:focus{ color: #a94442; } /* *********************************** */ /* OWL CAROUSEL */ /* *********************************** */ /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* OWL Theme */ .owl-theme .owl-controls { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-controls .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #ec2232; color: #fff; text-decoration: none } .owl-theme .owl-controls .owl-nav .disabled { opacity: .5; cursor: default } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 9px; background: #222222; display: block; -webkit-backface-visibility: visible; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #ec2232; } .owl-prev, .owl-next{ margin: 0 !important; padding: 3px 7px !important; background: transparent !important; color: #222 !important; opacity: 0.5; font-size: 36px !important; -webkit-transition: opacity 0.3s !important; transition: opacity 0.3s !important; } .owl-prev:hover, .owl-next:hover{ opacity: 1; } .owl-prev{ position: absolute; top: 50%; left: -50px; height: 40px; margin-top: -20px !important; } .owl-next{ position: absolute; top: 50%; right: -50px; height: 40px; margin-top: -20px !important; } .owl-prev.off-control, .owl-next.off-control{ opacity: 0; } .owl-dots { margin: 0 auto; text-align: center; } .owl-dot { display: inline-block; } .owl-dot span{ position: relative; overflow: hidden; width: 9px !important; height: 9px !important; border-radius: 100%; /*border: 1px solid #ccc;*/ background: #ffffff !important; margin: 0 15px; display: inline-block; /*for making them horizontal, if you want vertical then you can use- display: block*/ box-shadow: inset 0 0 0 2px white; -webkit-transition: box-shadow .3s ease-out; -moz-transition: box-shadow .3s ease-out; -o-transition: box-shadow .3s ease-out; transition: box-shadow .3s ease-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .owl-dot.active span{ box-shadow: inset 0 0 0 8px white; width: 32px !important; } .owl-next.disabled, .owl-prev.disabled{ /*opacity: 0;*/ } /* *********************************** */ /* OBJECTS */ /* *********************************** */ .bg-image{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; /*background-color: #1b1b1b;*/ /*background-color: #eeeeee;*/ background-position: center center; background-size: cover; background-repeat: no-repeat; display: block; /*height: 0;*/ overflow: hidden; width: 100%; color: #fff; /*padding-top: 50%; Aspect Ratio Auto */ /*padding-top: 56.25%;*/ z-index: 2; opacity: 1; transform: translateZ(0); backface-visibility: hidden; perspective: 1000; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .bg-image-backdrop{ border-radius: 4px; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#232e59+60,eb212e+95,eb212e+95,eb212e+100 */ background: #232e59; /* Old browsers */ background: -moz-linear-gradient(top, #232e59 60%, #eb212e 95%, #eb212e 95%, #eb212e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #232e59 60%,#eb212e 95%,#eb212e 95%,#eb212e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #232e59 60%,#eb212e 95%,#eb212e 95%,#eb212e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232e59', endColorstr='#eb212e',GradientType=0 ); /* IE6-9 */ } .dark-backdrop{ overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: #000; opacity: 0.6; } .rangeslider, .rangeslider__fill { display: block; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .rangeslider { background: #e6e6e6; position: relative; } .rangeslider--horizontal { height: 16px; width: 100%; } .rangeslider--vertical { width: 20px; min-height: 150px; max-height: 100%; } .rangeslider--disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; } .rangeslider__fill { background: #9de002; position: absolute; } .rangeslider--horizontal .rangeslider__fill { top: 0; height: 100%; } .rangeslider--vertical .rangeslider__fill { bottom: 0; width: 100%; } .rangeslider__handle { background: white; border: 1px solid #ccc; cursor: pointer; display: inline-block; width: 30px; height: 30px; position: absolute; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1))); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .rangeslider__handle:after { content: ""; display: block; width: 18px; height: 18px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .rangeslider__handle:active, .rangeslider--active .rangeslider__handle { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); } .rangeslider--horizontal .rangeslider__handle { /*top: -10px;*/ top: -7px; touch-action: pan-y; -ms-touch-action: pan-y; } .rangeslider--vertical .rangeslider__handle { left: -10px; touch-action: pan-x; -ms-touch-action: pan-x; } input[type="range"]:focus + .rangeslider .rangeslider__handle { -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); } /* LINKS */ /* *********************************** */ a { color : var(--primary-color); text-decoration : none; -webkit-transition: all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out; transition : all 0.3s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } a:hover, a:focus { /*color: #4777c0;*/ text-decoration: none; outline: none; } a:active{ outline: none; } .btn-link{ padding: 12px 0; text-decoration: none !important; color: rgba(255,255,255,0.7); display: inline-block; } .btn-link:hover{ text-decoration: underline !important; color: #ffffff; } .modal{ color: #333; } .modal-title{ font-weight: normal; font-family: 'Proxima N W01 Reg', Helvetica, Arial, sans-serif; padding: 20px 0; font-size: 20px; /*text-align: center;*/ } .modal-header{ border-bottom: none; /*box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);*/ border-radius: 0; padding: 10px 15px; text-align: center; } .modal-header .close{ margin-top: 0px; font-size: 28px; } .modal-body{ min-height: 80px; padding: 15px 40px 30px; } .modal-content{ border-radius: 3px; border: none; box-shadow: none; -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1); } .modal-footer{ text-align: left; padding: 20px 40px 20px 40px; border: none; box-shadow: none; /*border-top: 1px solid #b5c2cd;*/ box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.2); } .modal-footer .btn{ /*min-width: 60px;*/ } @media (min-width: 768px){ .modal-dialog-sm { width: 500px; margin: 30px auto; } } .modal.modal-bottom-to-top.fade { top: 200%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; } .modal.modal-bottom-to-top.fade.in { top: 69px; } .label-divider{ position: relative; border-top: 1px solid #b5c2cd; text-align: center; margin-top: 20px; } .label-text{ background-color: #ffffff; padding: 10px; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; position: relative; top: -16px; color: #9ba9b4; } .customer-login-wrap{ margin-top: 100px; padding: 100px 0; /*color: #ffffff;*/ } .login-register-form-wrap{ /*padding: 0 50px;*/ } .signup-with-fb{ border-color: var(--primary-color); background: var(--primary-color); color: #ffffff; } .signup-with-fb:hover, .signup-with-fb:focus{ background: var(--primary-color) !important; color: #ffffff !important; border-color: var(--primary-color); } .form-group-with-icon{ position: relative; } .form-group-with-icon .form-control{ padding-right: 42px; } .form-group-with-icon .form-icon-wrap{ position: absolute; right: 8px; bottom: 8px; font-size: 28px; color: #9ba9b4; height: 25px; width: 25px; text-align: center; } /* FORMS */ /* *********************************** */ .form-control{ font-family: 'Proxima N W01 Reg', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; border-radius: 0; background-color: #ffffff; box-shadow: none; /*padding: 6px 16px;*/ padding: 6px 0; height: 40px; border: 0; border-bottom: 1px solid #b5c2cd; box-shadow: 0; } .form-control:focus, .has-error .form-control:focus{ box-shadow: 0 2px 2px 0 rgba(46,60,73,.05); border-color: var(--primary-color); box-shadow: 0 1px 0px 0px var(--primary-color); } .has-error .input-group-addon{ background: transparent; } .form-control.input-md{ height: 46px; } .input-group-addon{ background: #f4f6fb; /*border-radius: 0;*/ } select:not([multiple]) { -webkit-appearance: none; -moz-appearance: none; background-position: right 50%; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf8,'); padding: .5em; padding-right: 1.5em } /*.has-error .form-control:focus{ box-shadow: 0 2px 2px 0 rgba(46,60,73,.05); border-color: #9ba9b4 !important; }*/ .control-label{ font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; font-weight: 500; color: #232b49; } .control-label-2{ font-size: 11px; line-height: 18px; text-transform: uppercase; letter-spacing: 2px; /*padding: 0 70px; */ margin-bottom: 0; /*background: #fff; padding: 0 3px; position: relative; top: 10px; left: 6px; z-index: 10;*/ /*color: #888;*/ } .help-block{ font-size: 14px; line-height: 22px; } .from-validation{ font-size: 14px; line-height: 22px; } .to-validation{ font-size: 14px; line-height: 22px; } .input-group-addon{ border-top: 0; border-left: 0; border-radius: 0; background: transparent; } .checkbox, .radio { margin-bottom: 12px; } .checkbox label, .radio label { display: inline-block; position: relative; cursor: pointer; padding-left: 24px !important; margin-bottom: 0; line-height: 24px; } .checkbox label::before, .checkbox label::after { font-family: 'Ionicons'; content: "\f372"; display: inline-block; position: absolute; width: 20px; height: 20px; left: 0; cursor: pointer; line-height: 20px; font-size: 20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 3px; color: #DDDDDD; transition: color 0.2s linear; padding: 1px; } .checkbox label::after { content: ""; text-align: center; opacity: 1; left: -1px; color: #DDDDDD; } .checkbox input[type="checkbox"], .radio input[type="radio"] { opacity: 0; margin-left: 0; } .checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="checkbox"]:not(:disabled):hover + label::after { font-family: 'Ionicons'; content: "\f374"; } .checkbox input[type="checkbox"]:checked + label::after { color: var(--primary-color); } .checkbox input[type="checkbox"]:not(:disabled):hover + label::before, .checkbox input[type="checkbox"]:checked + label::before { opacity: 0; } .checkbox input[type="checkbox"]:disabled + label, .radio input[type="radio"]:disabled + label, .checkbox input[type="checkbox"]:disabled:checked + label::after { color: #DDDDDD; } .checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="checkbox"]:disabled + label::after { cursor: not-allowed; } .checkbox input[type="checkbox"]:disabled + label, .radio input[type="radio"]:disabled + label { cursor: not-allowed; } .checkbox.checkbox-circle label::before { border-radius: 50%; } .checkbox.checkbox-inline { padding-left: 0; } .checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #428bca; border-color: #428bca; } .checkbox-primary input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-danger input[type="checkbox"]:checked + label::before { background-color: #d9534f; border-color: #d9534f; } .checkbox-danger input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-info input[type="checkbox"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de; } .checkbox-info input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-warning input[type="checkbox"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e; } .checkbox-warning input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-success input[type="checkbox"]:checked + label::before { background-color: #5cb85c; border-color: #5cb85c; } .checkbox-success input[type="checkbox"]:checked + label::after { color: #fff; } .radio label::before, .radio label::after { font-family: 'Ionicons'; content: "\f401"; font-size: 20px; height: 20px; width: 20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; position: absolute; line-height: 20px; left: 0; top: 3px; color: #DDDDDD; padding: 1px; transition: color 0.2s linear; } .radio input[type="radio"]:not(:disabled):hover + label::after, .radio input[type="radio"]:checked + label::after { font-family: 'Ionicons'; content: "\f400"; color: #DDDDDD; } .radio input[type="radio"]:checked:not(:disabled):hover + label::after, .radio input[type="radio"]:checked + label::after { color: var(--primary-color); } .radio input[type="radio"]:disabled + label { color: #ddd; } .radio input[type="radio"]:disabled + label::before, .radio input[type="radio"]:disabled + label::after { color: #ddd; } .radio.radio-inline { margin-top: 0; } /* BUTTONS */ /* *********************************** */ .btn{ font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif; /*font-size: 16px;*/ padding: 10px 20px; /*height: 36px;*/ /*border-radius: 0;*/ -webkit-transition: all 0.3s ease; -moz-transition : all 0.3s ease; -ms-transition : all 0.3s ease; -o-transition : all 0.3s ease; transition : all 0.3s ease; } .btn-lg{ height: 50px; padding: 12px 46px; font-size: 18px; } .btn-xlg{ height: 66px; padding: 20px 46px; font-size: 18px; } .btn-inverse{ background-color: #1A1D20; color: #ffffff; } .btn-inverse:hover, .btn-inverse:active, .btn-inverse:focus{ color: #ffffff; background: #222222; border-color: #222222; outline: none !important; } .btn-outline-primary{ background-color: transparent; border: 1px solid var(--primary-color); color: var(--primary-color); } .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus{ background-color: var(--primary-color); color: #ffffff; } /*PRIMARY RED: var(--primary-color) BROWN: #4777c0;*/ .btn-primary{ border-color: var(--primary-color); background-color: var(--primary-color); color: #ffffff; } .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:active:hover{ /*color: #ffffff; background: #93519f; border-color: #93519f;*/ outline: none !important; } .btn-sm { font-size: 14px; } .btn-small { font-size: 12px; } .btn-warning{ border-color: #647067; background: #647067; } .btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-warning:active:focus, .btn-warning:active:hover{ border-color: #647067; background: #647067; } #feedback-modal{ background-color: #282828; } #feedback-modal .close{ height: 40px; width: 40px; background: #fff; border-radius: 20px; opacity: 1; padding: 0 2px 3px; position: absolute; top: 30px; right: 0; } #feedback-modal .modal-content{ box-shadow: none; background-color: #282828; color: #ffffff; border-radius: 0; padding: 80px 100px; } #feedback-modal .lead{ font-size: 16px; line-height: 26px; } #feedback-modal .form-group{ margin-bottom: 30px; } #feedback-modal .form-control{ font-size: 16px; line-height: 24px; } #feedback-modal .modal-header{ box-shadow: none; padding: 20px 15px; } #feedback-modal .modal-header .modal-title{ font-size: 36px; line-height: 40px; } #feedback-modal .has-error .help-block, #feedback-modal .has-error .control-label, #feedback-modal .has-error .radio, #feedback-modal .has-error .checkbox, #feedback-modal .has-error .radio-inline, #feedback-modal .has-error .checkbox-inline, #feedback-modal .has-error.radio label, #feedback-modal .has-error.checkbox label, #feedback-modal .has-error.radio-inline label, #feedback-modal .has-error.checkbox-inline label{ color: #888; } #feedback-modal .has-error .form-control{ border-color: #888; } #feedback-modal .has-error .form-control:focus{ border-color: #ffffff; } .image-wrap > img{ max-width: 100%; } .payment_option { box-shadow: 0 0 black !important; } .payment_label { font-size: 8px; } .payment-option-wrap { box-shadow: 0 0 9px rgba(0,0,0,0.1); /*top: -41px; left: -21px;*/ margin-bottom: 20px; padding: 10px; border-radius: 6px 6px 6px 6px; -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; -o-transition: background .3s ease-in-out; transition: background .3s ease-in-out; } .radio-parent { background: #ffffff; /*min-height: 250px;*/ /*border: 1px solid #eeeeee;*/ padding: 0 0 10px 0; /*text-align: center;*/ box-shadow: 0 0 18px rgba(0,0,0,0.1); -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: all .15s ease; transition: all .15s ease; border: 0; position: relative; box-shadow: 0 4px 6px rgba(50,50,93,.11),0 0px 3px rgba(0,0,0,.08); margin-bottom: 10px; border-radius: 3px; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .radio-active{ outline: none; background: #bcd4e859; -webkit-transform: translateY(1px); transform: translateY(1px); box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08); } .radio-parent:hover{ -webkit-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08); } .radio-parent > a { color: #525252; } #chat-window-wrap{ position: fixed; bottom: 0; right: 20px; z-index: 20; } #chat-window-body{ display: none; } #chat-window-wrap.chat-open #chat-window-body{ display: block; } #chat-window-wrap.chat-open .chat-btn-open{ top: -30px; /*box-shadow: none;*/ background: #111111; } .chat-window-header span.minimize{ display: block; height: 4px; border-radius: 2px; width: 26px; margin-top: 14px; background: #ffffff; position: absolute; right: 27px; top: 11px; display: none; } #chat-window-body .chat-sub-header{ line-height: 22px; margin-bottom: 24px; } .chat-open span.minimize{ display: block; } .chat-btn-open{ background: #111111; width: 45px; height: 45px; /*background-color: #111111;*/ padding: 5px; border-radius: 4px; background-size: 25px; position: absolute; display: block; right: 0; top: -40px; box-shadow: 0 0 15px rgba(0,0,0,0.3); } #navbar-bottom #chat-window-wrap{ position: absolute; right: 30px; bottom: 40px; } #chat-window-body{ background: #fff; padding: 25px 40px; /*border-radius: 0 0 10px 10px;*/ width: 350px; box-shadow: 0 0 15px rgba(0,0,0,0.1); } #chat-window-body #talk-submit-btn{ border-radius: 5px; width: 150px; margin: 0 auto; display: block; } .chat-window-header{ cursor: pointer; border-radius: 10px 10px 0 0; background-color: #111111; color: #ffffff; text-align: center; padding: 15px 40px 13px 80px; box-shadow: 0 0 8px rgba(0,0,0,0.2); width: 350px; text-align: left; text-transform: uppercase; letter-spacing: 2px; /*font-family:'Avenir LT W01_85 Heavy1475544', "Helvetica Neue", Helvetica, Arial, sans-serif;*/ } .chat-window-header .chat-icon{ position: absolute; left: 32px; top: 12px; } .chat-window-header .chat-icon svg{ width: 30px; height: 30px; } .chat-window-header .chat-icon svg path{ fill: #ffffff; } #inquiries-form-message-wrap .close{ color: #ffffff; box-shadow: none; } #inquiries-form .form-group.has-error{ margin-bottom: 7px; } #inquiry_message{ height: 130px; } #talk-submit-btn svg{ width: 20px; height: 20px; position: relative; top: 2px; } #talk-submit-btn svg path{ fill: #ffffff; } #footer{ padding: 50px 0; background: #021537; color: #ffffff; position: relative; font-size: 14px; line-height: 22px; } #footer .list-inline{ margin: 0; } #footer .list-inline > li > a{ color: #ffffff; text-transform: uppercase; font-size: 12px; letter-spacing: 3px; } #footer .list-inline > li > a:hover{ opacity: 1; } .footer-logo-wrap .list-inline li:after { display: none; } .footer-logo { max-width: 130px; } .footer-text { text-transform: uppercase; font-size: 12px; letter-spacing: 3px; } .footer-text a:hover, .footer-text a:focus { color: #28c5fe; } .pswp__ui.pswp__ui--hidden { display: none; } .list-inline-bullet > li{ padding: 0; } .list-inline-bullet li:after{ content:'\2022'; margin:0 10px; font-size: 8px; } .list-inline-bullet li:last-child:after{ content: ""; margin-right: 0; } .footer-link{ text-align: left; display: block; color: #363636; margin-bottom: 3px; } .footer-link .icon{ font-size: 24px; width: 20px; display: inline-block; position: relative; top: 4px; text-align: center; margin-right: 5px; } .footer-link .fb-icon{ font-size: 16px; line-height: 22px; padding: 1px 1px 0px 3px; width: 20px; height: 20px; display: inline-block; position: relative; top: 1px; text-align: center; background: #363636; border-radius: 10px; color: #ffffff; -webkit-transition: all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out; transition : all 0.3s ease-in-out; } .footer-link:hover .fb-icon, .footer-link:focus .fb-icon{ background: var(--primary-color); } .footer-link:hover, .footer-link:focus{ /*color: #ffffff;*/ } .coming-soon-wrap{ z-index: 99999; background-color: #303030; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; } .product-logo{ color: #ffffff; text-align: center; position: absolute; width: 300px; height: 250px; top: 50%; margin-top: -125px; left: 50%; margin-left: -150px; } .product-hero-title{ font-size: 22px; line-height: 32px; text-align: center; } .launching-soon{ padding: 50px 0; color: #888; text-transform: uppercase; letter-spacing: 3px; text-align: center; } .ssl-seal-wrapper{ padding: 20px 0; text-align: center; } #siteseal{ background-color: #ffffff; padding: 8px 5px 8px 10px; display: inline-block; } /* *********************************** */ /* CSS3 ANIMATIONS */ /* *********************************** */ .animated {-webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} } .fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;} } @-webkit-keyframes fadeInUp {0% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp {0% {opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeOutDown {0% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown {0% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% {opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown {-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes hinge {0% {-webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% {-webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% {-webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% {-webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% {-webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge {0% {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% {-webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% {-webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% {-webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% {-webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge {-webkit-animation-name: hinge; animation-name: hinge; } .animated.hinge {-webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes fadeInLeft {0% {opacity:0; -webkit-transform:translateX(-20px); } 100% {opacity:1; -webkit-transform:translateX(0); } } @-moz-keyframes fadeInLeft {0% {opacity:0; -moz-transform:translateX(-20px); } 100% {opacity:1; -moz-transform:translateX(0); } } @-o-keyframes fadeInLeft {0% {opacity:0; -o-transform:translateX(-20px); } 100% {opacity:1; -o-transform:translateX(0); } } @keyframes fadeInLeft {0% {opacity:0; transform:translateX(-20px); } 100% {opacity:1; transform:translateX(0); } } .animated.fadeInLeft {-webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight {0% {opacity:0; -webkit-transform:translateX(20px); } 100% {opacity:1; -webkit-transform:translateX(0); } } @-moz-keyframes fadeInRight {0% {opacity:0; -moz-transform:translateX(20px); } 100% {opacity:1; -moz-transform:translateX(0); } } @-o-keyframes fadeInRight {0% {opacity:0; -o-transform:translateX(20px); } 100% {opacity:1; -o-transform:translateX(0); } } @keyframes fadeInRight {0% {opacity:0; transform:translateX(20px); } 100% {opacity:1; transform:translateX(0); } } .animated.fadeInRight {-webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } .feature-fade-in{ -webkit-animation: feature-fade-in .6s ease-in-out; animation: feature-fade-in .6s ease-in-out; } .feature-fade-in 0% { opacity: 0 } .feature-fade-in 50% { opacity: 0 } .feature-fade-in 100% { opacity: 1 } @-webkit-keyframes feature-fade-in { 0% { opacity: 0 } 50% { opacity: 0 } 100% { opacity: 1 } } @keyframes feature-fade-in { 0% { opacity: 0 } 50% { opacity: 0 } 100% { opacity: 1 } } .gutter-20.row { margin-right: -10px; margin-left: -10px; } .gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] { padding-right: 10px; padding-left: 10px; } .gutter-10.row { margin-right: -5px; margin-left: -5px; } .gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] { padding-right: 5px; padding-left: 5px; } .gutter-0.row { margin-right: 0; margin-left: 0; } .gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"] { padding-right: 0; padding-left: 0; } .margin-auto{ margin-right: auto; margin-left: auto; } .mar0 { margin: 0; } .ttu{ text-transform: uppercase; } .top0{ margin-top: 0px; } .top5{ margin-top: 5px; } .top10{ margin-top: 10px; } .top20{ margin-top: 20px; } .top50{ margin-top: 50px; } .top100{ margin-top: 100px; } .bottom0{ margin-bottom: 0px; } .bottom5{ margin-bottom: 5px; } .bottom10{ margin-bottom: 10px; } .right5{ margin-right: 5px; } .right10{ margin-right: 10px; } .right20{ margin-right: 20px; } .left5{ margin-left: 5px; } .left20{ margin-left: 20px; } .left30{ margin-left: 30px; } .left40{ margin-left: 40px; } .ptb20 { padding-top: 20px; padding-bottom: 20px; } .pt30 { padding-top: 30px; } .pt150 { padding-top: 150px; } .pb20 { padding-bottom: 20px; } .pad0{ padding: 0; } .padr0{ padding-right: 0 !important; } .padt0{ padding-top: 0 !important; } .pad-bottom0{ padding-bottom: 0; } .pad30 { padding: 30px; } .tac { text-align: center; } .tar { text-align: right; } .tal { text-align: left; } strong, .strong{ font-family: 'Proxima N W01 Bold', Helvetica, Arial, sans-serif; font-weight: 700; } .td-none{ text-decoration: none !important; } .op5{ opacity: 0.5; } .op1{ opacity: 1; } .no-border{ border: 0; } .search-form.form-inline .form-group.search-field-group { max-width: 400px; width: 100%; } @media (max-width: 1500px){ #bus-features{ background-position: 100% 100px; } } @media (max-width: 1420px){ #bus-features{ background-size: 750px 522px; } } @media (max-width: 1325px){ #bus-features{ background-size: 700px 487px; background-position: 100% 160px; } } @media (max-width: 1000px){ /*.navbar-header { float: none; }*/ /*.navbar-toggle { display: block; }*/ /*.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }*/ /*.navbar-collapse.collapse { display: none!important; }*/ /*.navbar-nav { float: none!important; margin-top: 7.5px; } .collapse.in{ display:block !important; }*/ /*#main-navigation .navbar-toggle{ margin-right: 0; } */ #landing-form .btn-search{ padding: 4px 8px; } .booking-header{ padding: 0 20px; text-align: center; } #mobile-nav-wrapper .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; padding: 0; } #mobile-nav-wrapper .navbar-nav .open .dropdown-menu > li > a { padding: 15px 20px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; } #mobile-nav-wrapper .nav .open > a, #mobile-nav-wrapper .nav .open > a:hover, #mobile-nav-wrapper .nav .open > a:focus{ background: #222; } #mobile-nav-wrapper .dropdown-arrow ul.dropdown-menu:before, #mobile-nav-wrapper .dropdown-arrow ul.dropdown-menu:after{ display: none; } #mobile-nav-wrapper .dropdown-menu > li > a:hover{ color: #ffffff; background: #222; } } #main-navigation .navbar-collapse{ border: 0; /*max-height: none;*/ /*box-shadow: none;*/ } #main-navigation .navbar-toggle{ border: 0; } #main-navigation .navbar-toggle:hover, #main-navigation .navbar-toggle:focus{ background-color: transparent; } #main-navigation .navbar-toggle .icon-bar{ width: 30px; } #main-navigation .navbar-toggle .icon-bar + .icon-bar{ margin-top: 5px; } #main-navigation.fixed-top .navbar-toggle{ margin-top: 22px; } #main-navigation .navbar-collapse.in, #main-navigation .navbar-collapse.collapsing{ background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%); } @media (max-width: 991px){ .max-fluid { padding-left: 20px; padding-right: 20px; } .containerized-body { padding-left: 0; padding-top: 30px; background-size: 400px; } .booking-landing-hero { padding: 0; } #landing-slider .landing-content{ padding: 100px 0; } .containerized-btn .btn { margin-top: 10px; } } @media (max-width: 800px){ #landing-page{ padding: 100px 0; } .weather-card-list{ margin-top: 30px; } .weather-card-list > li{ display: block; overflow: hidden; } .weather-card-list > li.weather-icon-wrap{ margin-bottom: 60px; } .side-element-wrap{ width: 100%; } } @media (max-width: 767px){ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #ffffff; text-align: center; } #main-navigation .user-dropdown .dropdown-menu{ box-shadow: none; } .modal { top: 55px; } #landing-form .form-group{ padding: 15px 0 0px; /*margin-bottom: 10px;*/ } #landing-hero-wrap{ position: relative; top: 56px; } #landing-form-wrap, .book-type-wrap{ background: #111; } #landing-slider .landing-content{ padding: 140px 40px; } #landing-slider .owl-next{ right: 10px; } #landing-slider .owl-prev{ left: 10px; } .list-icon-box > li .list-icon-img{ width: 80px; padding: 5px 10px; } .modal-body{ padding: 15px; } .list-icon-body-wrap{ padding: 35px; } .search-form.form-inline .form-group.search-field-group { margin-right: 0; margin-left: auto; } .search-form.form-inline .form-group.search-btn-group { position: absolute; top: -2px; right: 15px; } #data-tables-bookings { border: 0 !important; } #data-tables-bookings thead > tr > th, #data-tables-bookings tbody > tr > td { border: 0; } #dashboard-nav li { padding: 15px; } #dashboard-nav li a { font-size: 14px; } } @media (max-width: 500px) { .containerized-body { background-size: 300px; } .chat-window-header{ height: 50px; width: 85px; padding: 0; } .chat-window-header .chat-icon{ left: 28px; } .feedback-header-label{ display: none; } .chat-open .feedback-header-label{ display: inline-block; } .chat-open .chat-window-header{ width: 350px; padding: 15px 40px 13px 80px; } #chat-window-wrap{ right: 10px; } .search-form.form-inline .form-group .btn { padding: 10px 14px; } .kt-panel-header { padding: 20px 20px 0; } .kt-panel .kt-panel-body { padding: 20px; } .driver-search-picture { max-width: 65px; } #message-panel { padding: 20px; } .containerized-btn .btn { height: unset; padding: 10px 15px; font-size: 14px; } } @media ( max-width: 375px ){ .containerized-body { background-size: 250px; } #chat-window-body, .chat-open .chat-window-header{ width: 300px; } #chat-window-body{ padding: 23px 30px 10px; } } @media( max-width: 320px ){ #inquiry_message{ height: 80px; } } /*========== Non-Mobile First Method ==========*/ /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px) { } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px) { .wh{ height: auto !important; } #map-gps-pointer, #straight-map-pointer { height: 600px !important; } } /* Small Devices, Tablets */ @media only screen and (max-width : 768px) { } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) { #map-gps-pointer, #straight-map-pointer { height: 400px !important; } } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px) { } .hover-tooltip { position: relative; display: inline-block; /*border-bottom: 1px dotted black;*/ } .hover-tooltip .tooltiptext { visibility: hidden; width: 320px; background-color: #555; color: #fff; /*text-align: center;*/ border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.3s; padding-left: 10px; } .hover-tooltip .tooltiptext::after { content: ""; position: absolute !important; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .hover-tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } .form-action-bottom{ padding: 20px 0; overflow: hidden; } /* RN WEBVIEW STYLE */ .rn-webview-body .modal-dialog{ margin: 0 auto; width: 100%; } .rn-webview-body .form-group-wrap{ padding: 15px; } .rn-webview-body .modal-content{ border-radius: 0; } .rn-webview-body .btn{ height: auto; /*padding: 15px 18px;*/ } .rn-webview-body .modal-header .close { margin-top: 0px; font-size: 40px; }