Server IP : 103.53.40.154 / Your IP : 3.144.20.66 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/ppcad7no/alkareemtravel.com/css/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
#enquery h1 { font-size: 46px; color: #45DBE3; margin-top: 100px; } #enquery .heading { margin-bottom: 30px; } #enquery input { border-radius: 0; border: 1px solid #d6d6d6; color: #596169; font-size: 14px; margin: 0px 0px 12px 0; padding: 10px 15px; width: 100%; position: relative; background: transparent; z-index: 1; } #enquery label { color: #596169; font-size: 15px; position: absolute; left: 32px; top: 12px; width: auto !important; transition: font-size 0.3s ease, padding-top 0.3s ease; transform-style: preserve-3d; backface-visibility: hidden; padding: 0 !important; } #enquery input:focus + label { color: #5eacd6; font-size: 12px; margin-top: 10px; transition: margin-top 0.3s ease, font-size 0.3s ease; transform-style: preserve-3d; backface-visibility: hidden; } #enquery input:valid { background: #fff; } #enquery .submit input { font-size: 18px; background: #45DBE3; color: #fff; } #enquery .input-group-addon { padding: 13px 22px; font-size: 17px; font-weight: 400; line-height: 1; color: #a5a5a5; text-align: center; background-color: transparent; border: none; border-radius: 4px; position: absolute; right: 1px; top: 0; } #enquery .input-group { position: relative; display: block; border-collapse: separate; } #field1 input, #field2 input { border-radius: 0; border: 1px solid #d6d6d6; color: #596169; font-size: 14px; margin: 0; padding: 4px 10px; /*width: auto !important;*/ position: relative; background: transparent; z-index: 1; position: relative; text-align: center; /*left: 25px*/ } #field1 .button_left, #field2 .button_left { background:#FFF; padding:4px 10px; border:1px solid #e2dede; position:absolute; z-index:2; left:0; } #field1 .button_right, #field2 .button_right { background:#FFF; padding:4px 10px; border:1px solid #e2dede; position:absolute; z-index:2; right:0; top:0; } #enquery.small, #enquery small { font-size: 85%; color: #949393; font-weight: 300; } #carousel-custom { width: 100%; } #carousel-custom .carousel-indicators { margin: 10px 0 0; overflow: auto; position: static; text-align: left; white-space: nowrap; width: 100%; } #carousel-custom .carousel-indicators li { background-color: transparent; -webkit-border-radius: 0; border-radius: 0; display: flex; height: auto; margin: 0 !important; width: 16%; float: left; align-items: center; } #carousel-custom .carousel-indicators li img { display: block; opacity: 0.5; } #carousel-custom .carousel-indicators li.active img { opacity: 1; } #carousel-custom .carousel-indicators li:hover img { opacity: 0.75; } #carousel-custom .carousel-outer { position: relative; } .carousel-control.left, .carousel-control.right { top: 42%; transform: translateY(-42%); } .carousel-control:focus, .carousel-control:hover { color: #e32127; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; } .carousel-control.left { background-image: none; width: 54px; height: 54px; left: 0; line-height: 58px; opacity: 1; background: rgba(255, 255, 255, 0.6196078431372549); text-shadow: none; border-radius: 0px 30px 30px 0px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .carousel-control.right { background-image: none; width: 54px; height: 54px; right: 0; line-height: 58px; opacity: 1; background: rgba(255, 255, 255, 0.6196078431372549); text-shadow: none; border-radius: 30px 0px 3px 30px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .glyphicon { position: relative; top: 1px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-left:before { content: "\f053"; } .icon-arrow-right:before { content: "\f054"; } /* bhoechie tab */ #navFixed { width: 260px; } .fixed { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); padding: 4px 0; animation: slide-down 0.7s; opacity: 0.9; } .float-panel { width:100%; background:white; z-index:300; padding:30px 0; transform: translateZ(0); transition:all 0.5s; /* Effect for switching from .fixed to static */ } .float-panel .content-area { margin:10px auto; } .float-panel a { font-size:16px; text-decoration:none; color:#444; display:inline-block; padding:10px 20px; } .float-panel .fa-gg { color:#F0595C; font-size:30px; vertical-align:middle; transition:all 1s; } /* Sticky Float Panel: class="float-panel fixed" */ .fixed { box-shadow:0 2px 6px rgba(0, 0, 0, 0.2); padding:4px 0; animation:slide-down 0.7s; opacity:0.9; } .fixed .fa-gg { transform: rotate(360deg); } @keyframes slide-down { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 0.9; transform: translateY(0); } } div.bhoechie-tab-container { z-index: 10; background-color: #ffffff; padding: 0 !important; border-radius: 0px; -moz-border-radius: 0px; /*border:1px solid #ddd;*/ margin-top: 0px; margin-left:15px; /* -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0px 0px 0px 1px rgba(0,0,0,.175); -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);*/ background-clip: padding-box; opacity: 0.97; filter: alpha(opacity=97); } div.bhoechie-tab-menu { padding-right: 0; padding-left: 0; padding-bottom: 0; width: 9.666667%; } div.bhoechie-tab { width: 90.333333%; border: 1px solid #efefef; } div.bhoechie-tab-menu div.list-group { margin-bottom: 0; } div.bhoechie-tab-menu div.list-group>a { margin-bottom: 0; padding: 20px 10px; margin-top: -1px; margin-right: -1px; } div.bhoechie-tab-menu div.list-group>a .glyphicon, div.bhoechie-tab-menu div.list-group>a .fa { color: #5A55A3; } div.bhoechie-tab-menu div.list-group>a:first-child { border-top-right-radius: 0; border-top-left-radius: 4px; -moz-border-top-right-radius: 0; } div.bhoechie-tab-menu div.list-group>a:last-child { border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; } div.bhoechie-tab-menu div.list-group>a.active, div.bhoechie-tab-menu div.list-group>a.active .glyphicon, div.bhoechie-tab-menu div.list-group>a.active .fa { background-color: #0da6f8; background-image: #0da6f8; border-color:#0da6f8; color: #ffffff; transition: 300ms ease-in-out; } div.bhoechie-tab-menu div.list-group>a.active:before { content: ''; position: absolute; left: -1px; top: -1px; border-left: 0; width: 5px; height: 100%; } div.bhoechie-tab-menu div.list-group>a.active:after { content: ''; position: absolute; left: 100%; top: 50%; margin-top: -13px; border-left: 0; border-bottom: 13px solid transparent; border-top: 13px solid transparent; border-left: 10px solid #0da6f8; transition: 200ms ease-in-out; } div.bhoechie-tab-content { background-color: #ffffff; padding: 20px; min-height: 450px; } div.bhoechie-tab div.bhoechie-tab-content:not(.active) { display: none; } .panel { margin-bottom: 0; background-color: #fff; border: none; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; position: relative; } .panel-title:before { position: absolute; top: 100%; left: 15px; content: ''; border-top: 8px solid #e3262c; border-right: 6px solid transparent; border-left: 6px solid transparent; z-index:2; } .panel-group { margin-bottom: 0; } .panel-body { padding: 0; } .panel-body .day_tittle { padding: 0 18px; background: #e32026; } .panel-body .day_tittle h4 { font-weight: 200; text-transform: uppercase; font-size: 15px; color: #FFF; font-family: 'Roboto-Medium'; letter-spacing: 0.5px; } .col_colmn_sm { width: 100%; background: #fcfbfb; border: 1px solid #f5f4f4; padding: 20px; } .col_colmn_sm .box_tittle { width:100% } .col_colmn_sm .box_tittle h4 { text-transform: uppercase; margin-bottom: 0; } /*.col_colmn_sm .box_tittle h4,.col_colmn_sm .box_tittle i{ display:inline-block; }*/ .col_colmn_sm .box_tittle i { width: 40px; height: 40px; line-height: 40px; text-align: center; background: #e8e8e8; font-size: 20px; color: #373737; border-radius: 100%; border: 2px solid #b7b7b7; margin-right: 10px; float: left; } .col_colmn_sm ul { margin: 0; padding: 0; display: flex; -webkit-display: flex; -ms-display: flex; flex-direction: row; column-count: 4; } .col_colmn_sm ul li { display:table-cell; list-style-type:none; width:20%; float:left; position:relative; } .col_colmn_sm ul li.large { width:80% !important } .col_colmn_sm ul li.large a { display:inline-block; font-size:20px; color:#3da6e0 } .col_colmn_sm ul li.large span { text-transform:none; position:relative } .col_colmn_sm ul li.large span:before { position:absolute; left:0; height:14px; width:14px; background:#000; } .col_colmn_sm ul li:nth-child(3) { width: 33.333%; margin-right: 7%; } .col_colmn_sm ul li .img_view { width: 74px; display: inline-block; float: left; margin-right: 15px; } .col_colmn_sm ul li .img_view img { display:block; width:100% } .col_colmn_sm ul li i { width: 40px; height: 40px; background: #fff; color: #67b0d8; margin-right: 10px; float: left; line-height: 40px; text-align: center; border-radius: 100%; border: 1px solid #e4ebef; } .col_colmn_sm ul li span { text-transform:uppercase; font-size:16px; } .col_colmn_sm ul li small { font-size: 14px; color: #a9aaab; display:block; } .col_colmn_sm .hour { width: 100%; position:relative; text-align:center; } .col_colmn_sm .hour .line { position: absolute; top: 10px; left: 0; width: 100%; border-bottom: 1px solid #d0b9b9; } .col_colmn_sm .hour .line:before { left:0 } .col_colmn_sm .hour .line:after { right:0 } .col_colmn_sm .hour .line:before, .col_colmn_sm .hour .line:after { background:#d0b9b9; height:15px; width:15px; top:-7px; border-radius:100%; content:''; position:absolute; } .col_colmn_sm .hour i { float: none; position: relative; background: none; border: none; border-radius: 0; color: #999999; top: 0px; width: auto; height: auto; line-height: inherit; } .col_colmn_sm .hour small span { display:block; border:none; position:relative; } .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: none; } .panel-default>.panel-heading { color: #333; background-color: #fff; border-color: #e4e5e7; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .panel-default>.panel-heading a { display: block; padding-left: 30px; overflow: hidden; /*width: 360px;*/ height: 40px; line-height: 40px; color: #FFF; font-size: 18px; } .panel-default>.panel-heading a span { padding: 0 15px; background: #FFF; position: relative; right: 0; float: right; color: #313131; } .panel-default>.panel-heading a:after { content: ""; position: relative; top: 12px; left: -16px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: left; transition: transform .25s linear; -webkit-transition: -webkit-transform .25s linear; } .panel-default>.panel-heading a[aria-expanded="true"] { background-color: #e32026; } .panel-default>.panel-heading a[aria-expanded="false"] { background-color: #e32c32; } .panel-default>.panel-heading a[aria-expanded="true"]:after { content: "\2212"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .panel-default>.panel-heading a[aria-expanded="false"]:after { content: "\002b"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #d8d8d8 !important; } .table>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; font-weight: 500; font-size: 18px; } /* MY-TABS HORIZONTAL */ .tabs-h { display:flex; flex-wrap:wrap; justify-content:center } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #efefef; } .tabs-h label { position:relative; order:1; width:calc(100% / 5);/*padding:15px 0 20px;*/ padding:0px 0 20px; background-color:transparent; margin-bottom:0; cursor:pointer; text-align:center; transition:background-color 500ms ease-in-out } .tabs-h label > img { width:50px; height:auto; filter:saturate(0); transition:all 500ms ease-in-out } .tabs-h label > p { padding: 15px 10px 0; margin: 0; /* font-family: sans-serif; */ font-size: 1.1em; color: #4e4e4e; transition: all 500ms ease-in-out; } .tabs-h label:hover, .tabs-h label.active { background-color:rgba(0, 0, 0, .03) } .tabs-h label:hover > img { filter:saturate(1) } .tabs-h label:hover > p { color:#0da6f8 } .tabs-h .tab-content { order:2; width:100%;/*padding:0;*/ margin:0; display:none; padding:15px 0; min-height: 550px; } .tabs-h .tab-content > div {/*display:flex;*/ flex-direction:row; flex-wrap:wrap; align-items:stretch; background-color:#fff } .tabs-h .tab-content > div h3 { text-transform:uppercase } .tabs-h .tab-content > div h4 { text-transform: uppercase; margin-top: 0; font-size: 16px; margin-bottom: 10px; line-height: 20px; } /*.tabs-h .tab-content > div > div {width:50%}*/ .tabs-h .tab-content > .reverse-tab > .txt-tab { order:2 } .tabs-h .txt-tab { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center;/*padding:4vh calc(2vw + 15px);*/ min-height:25vh } .tabs-h > input { display:none } .tabs-h > input + label::after { content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:100%; height:1px; background-color:transparent; transition:all 500ms ease } .tabs-h > input:checked + label { background-color:rgba(0, 0, 0, .03) } .tabs-h > input:checked + label::after { height:5px; background-color:#0da6f8 } .tabs-h > input:checked + label > img { filter:saturate(1) } .tabs-h > input:checked + label > p { color:#0da6f8 } .tabs-h > input:checked + label + .tab-content { display:block } .tabs-h [class*="img-tab"] { background-repeat:no-repeat; background-size:cover; background-position:50%; min-height:35vh } .tabs-h .img-tab1 { background-image:url(../../heuze.site-privilege.pagesjaunes.fr/wp-content/uploads/sites/6851/2018/11/37786.jpg) } .tabs-h .img-tab2 { background-image:url(../../heuze.site-privilege.pagesjaunes.fr/wp-content/uploads/sites/6851/2018/11/43251.jpg) } .tabs-h .img-tab3 { background-image:url(../../heuze.site-privilege.pagesjaunes.fr/wp-content/uploads/sites/6851/2018/11/hake-1106698_1920-1.jpg) } .tabs-h .img-tab4 { background-image:url(../../heuze.site-privilege.pagesjaunes.fr/wp-content/uploads/sites/6851/2018/11/beer-1513436_1920.jpg) } .tabs-h .img-tab5 { background-image:url(../../heuze.site-privilege.pagesjaunes.fr/wp-content/uploads/sites/6851/2018/11/food-3808953_1920.jpg) } .tabs-h .img-tab6 { background-image:url(../../heuze.site-privilege.pagesjaunes.fr/wp-content/uploads/sites/6851/2018/11/40122.jpg) } .tabs-h .img-tab7 { background-image:url(../../heuze.site-privilege.pagesjaunes.fr/wp-content/uploads/sites/6851/2018/11/cruise-ship-3808997_1920.jpg) } .tabs-h .img-tab8 { background-image:url(../../heuze.site-privilege.pagesjaunes.fr/wp-content/uploads/sites/6851/2018/11/40419.jpg) } @media only screen and (max-width:1239px) { .tabs-h label { width:calc(100% / 4) } } @media only screen and (max-width:959px) { .tabs-h .tab-content > div > div { width:100% } .tabs-h .tab-content > .reverse-tab > .txt-tab { order:0 } } @media only screen and (max-width:767px) { .tabs-h .tab-content { order: 2; width: 100%; /* padding: 0; */ margin: 0; display: none; padding: 15px 0; min-height:100%; } .tabs-h label { width:calc(100% / 2); padding:15px 0 } .tabs-h label > img { display:none } .tabs-h label > p { padding:0 } .tabs-h [class*="img-tab"] { min-height:25vh } } @media only screen and (max-width:480px) { .tabs-h label { width:50% } } /* FOR THE DEMO */ * { box-sizing:border-box } body { font-family:sans-serif } h3, p { margin-top:0 } .tabs-v { margin-bottom:10% } .dn { display:none!important } .my-btn-container { line-height:0; margin-top:15px } .my-btn { position:relative; display:inline-block; padding:15px 25px; border-style:solid; border-width:2px; border-radius:2px; box-sizing:border-box; transition:all 350ms ease-in-out; font-size:1em; line-height:1; text-decoration:none; text-align:center; color:#151515; background-color:transparent; border-color:#151515 } .my-btn:hover { color:#fff; background-color:#0ca6f9; border-color:#0ca6f9 } :root { --c1:#63aed7; }