/*** Served by EnMobi ***/
html, body {
height: 100%;
}
body {
/*background-color: #ffffff;*/
background-color: transparent;
background-image: url('');
background-repeat: no-repeat;
background-position: center center;
margin: 0 auto;
color: #555555;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
margin:0;
padding:0;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover {
text-decoration: none;
transition: all 0.20s linear 0s;
}
a:focus {
outline: none;
text-decoration:none;
}
a img {
border: 0;
}
/* Code for Select bg color with text color */
::-moz-selection {
color: #fff;
background: #428bca;
}
::selection {
color: #fff;
background: #428bca;
}
/*h1, h1 a {*/
/* color: #404040;*/
/* font-family: 'Montserrat', sans-serif;*/
/* font-size: 30px;*/
/* font-weight: normal;*/
/* margin: 0;*/
/*}*/
/*h2, h2 a {*/
/* color: #404040;*/
/* font-family: 'Montserrat', sans-serif;*/
/* font-size: 28px;*/
/* font-weight: normal;*/
/* margin: 0;*/
/*}*/
/*h3, h3 a {*/
/* color: #404040;*/
/* font-family: 'Montserrat', sans-serif;*/
/* font-size: 24px;*/
/* font-weight: normal;*/
/* margin: 0;*/
/*}*/
/*h4, h4 a {*/
/* color: #404040;*/
/* font-family: 'Montserrat', sans-serif;*/
/* font-size: 22px;*/
/* font-weight: normal;*/
/* margin: 0;*/
/*}*/
/*h5, h5 a {*/
/* color: #404040;*/
/* font-family: 'Montserrat', sans-serif;*/
/* font-size: 20px;*/
/* font-weight: normal;*/
/* margin: 0;*/
/*}*/
/*h6, h6 a {*/
/* color: #404040;*/
/* font-family: 'Montserrat', sans-serif;*/
/* font-size: 18px;*/
/* font-weight: normal;*/
/* margin: 0;*/
/*}*/
h2,h2 a{
font-family: 'Oswald', sans-serif ;
font-weight: 400;
font-size: 32px;
color: #3e3e3e;
padding-bottom: 10px;
margin: 15px 0;
}
h3,h3 a{
font-family: 'Oswald', sans-serif ;
font-weight: 400;
font-size: 28px;
color: #3e3e3e;
padding-bottom: 10px;
margin: 15px 0;
}
h4,h4 a{
font-family: 'Oswald', sans-serif ;
font-weight: 400;
font-size: 22px;
color: #3e3e3e;
padding-bottom: 10px;
margin: 15px 0;
}
h5,h5 a{
font-family: 'Oswald', sans-serif ;
font-weight: 400;
font-size: 20px;
padding-bottom: 10px;
color: #3e3e3e;
margin: 10px 0;
}
h6,h6 a{
font-family: 'Oswald', sans-serif ;
font-weight: 400;
font-size: 16px;
color: #3e3e3e;
margin: 10px 0;
}
p, ul, ol {
color: #555555;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: normal;
margin: 0 0 20px 0;
line-height: 24px;
}
b, strong {
font-weight: 500;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 500;
}
.radio {
margin: 0.5rem;
padding: 0 5px;
}
.radio input[type="radio"] {
position: absolute;
opacity: 0;
}
span.number{
display: none;
}
.radio input[type="radio"] + .radio-label:before {
content: "";
background: #f4f4f4;
border-radius: 100%;
border: 1px solid #b4b4b4;
display: inline-block;
width: 1.4em;
height: 1.4em;
position: relative;
top: 0em;
margin-right: 1em;
vertical-align: top;
cursor: pointer;
text-align: center;
-webkit-transition: all 250ms ease;
transition: all 250ms ease;
}
.radio .radio-label{
margin-bottom:10px;
line-height: 22px;
}
.radio input[type="radio"]:checked + .radio-label:before {
background-color: #3197EE;
-webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type="radio"]:focus + .radio-label:before {
outline: none;
border-color: #3197EE;
}
.radio input[type="radio"]:disabled + .radio-label:before {
-webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
box-shadow: inset 0 0 0 4px #f4f4f4;
border-color: #b4b4b4;
background: #b4b4b4;
}
.radio input[type="radio"] + .radio-label:empty:before {
margin-right: 0;
}
.modal-dialog {
z-index: 1050;
}
.form-control{
font-family: 'Montserrat', sans-serif;
}
.load-more:focus{
outline:none;
}
hr {
background-color: #e9e9e9;
border: 0 none;
height: 1px;
margin: 10px 0;
}
.wrapper {
min-height: 100%;
margin-bottom: -90px;
width: 100%;
position:relative;
}
.wrapper:after {
height: 90px;
}
.wrapper:after {
content: "";
display: block;
}
.loader-area{
position:fixed;
width:100%;
height:100%;
left:0;
top:0;
background: #fff;
z-index: 999;
}
.loader-img{
background: url('../images/source.gif') no-repeat;
width:100px;
height:100px;
position:absolute;
left:50%;
top:50%;
margin:-50px 0 0 -50px;
z-index: 1000;
background-size: 100%;
}
table {
border-spacing: 0 !important;
}
/*-------------------------FORM STYLE END-----------------------*/
/*-------------------------HEADER START----------------------------*/
.header-bg{
background: url(../images/banner.jpg);
/*background: url(../video/A Museum Like No Other.mp4);*/
background-size: cover;
background-position: center;
/*height:542px;*/
position:relative;
overflow:inherit!important;
}
.header-bg-background{
/*height:542px;*/
background-size: cover;
background-position: center;
position:relative;
}
.navigationWide.main-header{
background-color: #f9f9f9;
}
.navigationWide-diwan{
position:relative;
}
.header-bg-background .carousel-control.left,.header-bg-background .carousel-control.right{
background-image:none;
}
.header-bg-background .carousel-inner{
height:542px;
}
.header-bg-background .carousel-control{
opacity:1;
}
.header-bg-background .carousel-control.left .fa,.header-bg-background .carousel-control.right .fa{
top:50%;
position:absolute;
}
.akm-logo{
height: 60px;
margin-top: -3px;
max-width: 100%
}
/*.videoWrapper {*/
/* position: relative;*/
/* padding-bottom: 56.25%; /* 16:9 */
/* padding-top: 25px;*/
/* height: 0;*/
/*}*/
/*.videoWrapper iframe {*/
/* position: absolute;*/
/* top: 0;*/
/* left: 0;*/
/* width: 100%;*/
/* height: 100%;*/
/*}*/
#video-player{
position:fixed;
width:100%;
height:100%;
left:0;
top:0;
display:none;
z-index: 99;
}
.fixed-header .navigationWide {
position: fixed;
top: 0px;
z-index: 9990;
height: 75px;
box-shadow: 0px 1px 50px #5E5E5E;
width: 100%;
background-color: rgb(246, 246, 246);
background-size: cover;
/*background: rgba(77, 21, 28, 0.9);*/
}
.inner-diwan-bg.fixed-header .navigationWide {
position: fixed;
top: 0px;
z-index: 99;
height: auto;
box-shadow: none;
width: 100%;
background-color: rgb(159, 119, 71);
background-size: cover;
/*background: rgba(77, 21, 28, 0.9);*/
}
.fixed-dine.dineHeaderBack{
position: fixed;
width: 100%;
z-index:9;
}
.fixed-header.dineHeaderBack {
position: fixed;
top: 0px;
z-index: 9999;
height: 60px;
box-shadow: 0px 1px 50px #5E5E5E;
width: 100%;
background-color: rgb(159, 119, 71);
background-size: cover;
/*background: rgba(77, 21, 28, 0.9);*/
}
.full-screen-btn{
position: absolute;
z-index:999;
/*background:url('../images/header-fullscreen-icon.png') no-repeat center;*/
width: 45px;
height: 45px;
right: 30px;
bottom: 12px;
background-size: 100%;
cursor:pointer;
background-color: #1b8cb5;
border-radius: 50%;
color:#ffffff;
text-align:center;
padding-top: 13px;
padding-left: 4px;
}
.full-screen-btn:hover,.full-screen-btn:focus{
color:#fff;
}
.fixed-header .main-header{
/*background-color: rgba(19, 19, 19,0.7);*/
background-color: rgb(246, 246, 246);
}
.fixed-header .dineHeaderBack{
background-color: rgb(159, 119, 71);
}
.navigationWide {
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
.fixed-header .hamburger-icon{
top:15px;
}
.fixed-header .logo-area{
padding: 10px 0 6px;
}
.fixed-header .menu-area{
padding-top: 18px;
}
.logo-area{
padding:17px 0 12px;
margin: 0;
}
.inner-diwan-bg .logo-area{
margin-bottom:0;
padding: 9px 0 0;
}
.logo-area li{
list-style: none;
display: inline-block;
}
.logo-area li a{
display: inline-block;
padding-left:22px;
}
.logo-area li:first-child a{
padding-left:0;
}
.logo-area .logo{
margin-left:25px;
position: relative;
}
.logo-area .navbar-brand{
padding: 0px 15px;
height:auto;
}
.logo-area .logo:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left:0;
}
.video-player-control{
height:55px;
background:rgba(255,255,255,0.3);
position: absolute;
width: 100%;
bottom: 0;
text-align: right;
padding: 5px 5%;
}
.news-feed-btn{
border-bottom: none;
height: 40px;
width: 40px;
display: block;
border-radius: 50%;
border-width: 2px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.11);
background: rgba(0, 0, 0, 0.5);
padding: 8px;
margin: 0px 5px 10px;
font-size: 20px;
text-align: center;
list-style: none;
position: absolute;
left: 30px;
z-index: 9;
top: 550px;
}
.video-player-control button{
background:none;
border:none;
width: 45px;
height: 45px;
right: 30px;
bottom: 12px;
background-size: 100%;
cursor:pointer;
background-color: #1b8cb5;
border-radius: 50%;
color:#ffffff;
text-align:center;
padding-top: 3px;
padding-left: 4px;
}
.newsfeed{
position:relative;
}
.home-exhibition-box-mobile{
display:none;
}
.vticker{
border-width: 1px;
border-color: rgba(0, 0, 0, 0.11);
background: rgba(0, 0, 0, 0.5);
width: 460px;
height: 80px !important;
margin: 0;
padding: 0;
list-style: none;
left:50px !important;
position: absolute !important;
overflow:hidden;
z-index: 9;
top: 322px !important;
/*transform:translate(-50%,0);*/
}
.vticker:hover{
background: rgba(0, 0, 0, 0.75);
}
.vticker ul{
padding: 0;
}
.vticker li{
list-style: none;
padding: 10px;
height: 110px !important;
}
.vticker li h4{
color:#d6d6d6;
font-style:italic;
font-family: 'Roboto', sans-serif;
font-size: 16px;
margin-bottom:8px;
/*font-weight:600;*/
}
.vticker li img{
boder:2px solid #ddd;
margin-left:10px;
}
.vticker li p{
color:#d6d6d6;
font-style:italic;
font-family: 'Roboto', sans-serif;
line-height:16px;
font-size: 12px;
margin-bottom:0;
}
.video-audio-btn{
margin:0;
padding:0;
list-style:none;
position: absolute;
right: 30px;
z-index: 9;
top: 140px;
}
.video-audio-btn li{
border-bottom: none;
height: 40px;
width: 40px;
display: block;
border-radius: 50%;
border-width: 2px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.11);
background: rgba(0, 0, 0, 0.5);
padding: 8px;
margin: 0px 5px 10px;
font-size: 20px;
text-align: center;
}
.video-audio-btn li.pause-audio{
font-size: 17px;
}
.video-audio-btn li a{
color:rgba(255, 255, 255, 0.70);
cursor:pointer;
}
#video-pause{
padding-left:6px;
}
#video-play{
padding-left:10px;
}
#video-mute{
font-size: 17px;
padding-top: 1px;
}
#video-unmute{
font-size:18px;
padding-top: 0px;
padding-left: 8px;
}
.video-player-control button:focus{
outline:none;
border:none;
}
.home-plan-section{
min-height:350px;
}
/*-------------------------HEADER END------------------------------*/
/*-------------------------MENU START------------------------------*/
.navigationWide {
width: 100%;
}
.navigationWide .navigation{
position: relative;
}
/*Navbar Button Animation start*/
#navbar{
padding-right: 10px;
padding-left: 10px;
}
.navbar-nav {
margin: 0;
}
button.navbar-toggle > span {
background-color: #526174;
transition: all 250ms ease 0s;
}
button.navbar-toggle.active span:nth-child(2) {
transform: rotate(45deg);
}
button.navbar-toggle.active span:nth-child(3) {
display: none;
}
button.navbar-toggle.active span:nth-child(4) {
margin-top: -2px !important;
transform: rotate(-45deg);
}
/*Navbar Button Animation end*/
.navbar-nav > li > a {
padding: 10px;
}
.navbar-nav > li > a.btn:hover {
background-color: #449d44;
}
#wrap {
margin: 12px 18px;
display: inline-block;
position: relative;
/* height: 60px;*/
float: right;
padding: 0;
position: relative;
}
/*.toggle-search{*/
/* background: url(../images/search_icon.png) center center no-repeat;*/
/* height: 20px;*/
/* width: 20px;*/
/* border:none;*/
/*}*/
.toggle-search label{
background: url(../images/search_icon.png) center center no-repeat;
height: 20px;
width: 20px;
margin:0;
cursor:pointer;
display:block;
}
.inner-diwan-bg .toggle-search label{
background: url(../images/search_icon10.png) center center no-repeat;
}
.toggle-search {
display: inline-block;
/*padding: 20px 0;*/
text-align: center;
}
.search-box{
/*margin-top:90px;*/
clear:both;
position: absolute !important;
width: 100%;
bottom: -65px;
z-index: 99;
}
.search-input-block{
width:auto;
margin-left:32%;
padding-bottom:10px;
}
.cs-search{
border-radius:6px;
width:100%;
height:40px;
background-color:#fff;
padding:0 15px;
border:0px;
}
.cs-innerSearch{
border-radius:6px;
width:100%;
height:40px;
background-color: rgba(221,221,221,0.9);
padding:0 15px;
border:0px;
}
.buy-ticket{
background-color:#127bbe;
color:#fff;
font-weight: 400;
text-transform: uppercase;
border:1px solid #127bbe;
border-radius: 0px;
padding:5px 10px !important;
margin-top: 5px;
}
.blue-btn{
background-color:#127bbe;
color:#fff;
font-weight: 400;
text-transform: uppercase;
border:1px solid #127bbe;
border-radius: 50px;
padding:9px 20px !important;
}
.blue-btn:hover{
background-color:#127bbe;
border:1px solid #127bbe;
}
.navbar-nav > li > a.buy-ticket.btn:hover{
background-color:#127bbe;
border:1px solid #127bbe;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
background-color:transparent;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
background-color:#127bbe;
color:#fff;
}
.dropdown-menu{
background-color:#ddd;
}
.menu-area{
padding-top:15px;
}
.nav > li > a{
font-size: 14px;
color: #262626;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}
.nav > li > a:hover, .nav > li > a:focus{
background-color:transparent;
color:#262626;
}
.nav > li > .buy-ticket{
color:#fff !important;
}
.inner-collections-bg .nav > li > a{
/*font-size: 16px;*/
/*color:#262626;*/
/*font-family: 'centrale_sans_mediummedium'; */
font-size: 14px;
color: #262626;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}
.inner-collections-bg .nav > li > .buy-ticket{
color:#fff !important;
}
.inner-collections-bg .nav > li > a:hover, .inner-collections-bg .nav > li > a:focus{
background-color:transparent;
color:#262626;
}
/*-------------------------MENU END--------------------------------*/
/*------------------------- MEGA MENU--------------------------------*/
.hamburger-icon-new{
position: absolute;
left: 0px;
top: 20px;
width: 35px;
height: 35px;
}
.hamburger-icon-new i{
font-size:35px;
}
.hamburger-icon-new-diwan{
position: absolute;
left: 0px;
top: 20px;
width: 35px;
height: 35px;
}
.hamburger-icon-new-diwan i{
color:#fff;
font-size:35px;
}
.hamburger-icon{
position: absolute;
left: 15px;
top: 25px;
width: 35px;
height: 35px;
}
.hamburger-icon input {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: -7px;
left: -5px;
cursor: pointer;
opacity: 0;
z-index: 2;
-webkit-touch-callout: none;
}
.hamburger-icon span
{ display: block;
width: 33px;
height: 4px;
margin-bottom: 5px;
position: relative;
background:#262626;;
z-index: 1;
transform-origin: 4px 0px;
border-radius:4px;
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
opacity 0.55s ease;
}
.inner-collections-bg .hamburger-icon span
{ display: block;
width: 33px;
height: 4px;
margin-bottom: 5px;
position: relative;
background:#262626;
z-index: 1;
transform-origin: 4px 0px;
border-radius:4px;
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
opacity 0.55s ease;
}
.hamburger-icon span:first-child
{
transform-origin: 0% 0%;
}
.hamburger-icon span:nth-last-child(2)
{
transform-origin: 0% 100%;
width: 28px;
}
.hamburger-icon input:checked ~ span
{
opacity: 1;
transform: rotate(45deg) translate(-4px, -10px);
background: #262626;
}
.inner-collections-bg .hamburger-icon input:checked ~ span
{
opacity: 1;
transform: rotate(45deg) translate(-4px, -10px);
background: #262626;
}
/*
* But let's hide the middle one.
*/
.hamburger-icon input:checked ~ span:nth-last-child(3)
{
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
/*
* Ohyeah and the last one should go the other direction
*/
.hamburger-icon input:checked ~ span:nth-last-child(2)
{
opacity: 1;
transform: rotate(-45deg) translate(-15px, 11px);
margin-left: 8px;
width:34px;
}
.mega-menu{
/*width: 100%;*/
position: absolute;
top: 73px;
z-index: 100;
background: #777;
padding: 20px 20px;
/*height:calc(100vh - 170px);*/
overflow:auto;
}
.mega-menu .copy-right img{
width: 220px;
}
.mega-menur::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #263647;
}
.mega-menu::-webkit-scrollbar
{
width: 6px;
background-color: #263647;
}
.mega-menu::-webkit-scrollbar-thumb
{
background-color: #928d8d;
}
.fixed-header .mega-menu{
top: 60px;
}
.menu-options{
/*height: 380px;*/
overflow-y: auto;
overflow-x: hidden;
}
.mega-menu h2 {
font: normal 15px 'Muli', sans-serif;
text-transform: uppercase;
color: #fff;
margin-bottom: 15px;
}
.mega-menu ul{
margin-bottom: 20px;
overflow: visible;
}
.mega-menu ul li a:hover {
color: #fff;
}
.mega-menu .top-footerMenu li a{
font-size:16px;
}
.menu-divider{
height: 1px;
background: rgba(204, 204, 204, 0.3);
}
.mega-menu .top-footerMenu{
padding-top:0px;
padding-bottom:25px;
margin-bottom:0px;
padding-left:0;
margin-left:0;
}
.mega-menu .top-footerMenu li{
padding:6px 20px;
}
.mega-menu .top-footerMenu:after{
bottom:15px;
}
/*------------------------- MEGA MENU--------------------------------*/
/*---------------
--------- Megabar 1 START-----------------------*/
.megabar1{
background-color: #f7f6f6;
border-bottom: 1px solid #d8d8d8;
text-align: center;
padding: 10px;
}
.megabar-area{
display: table;
text-align: center;
margin: 0 auto;
}
.megabar1 ul{
padding:0;
margin:0;
display:table-row;
/*text-align:center;*/
}
.megabar1 ul li{
list-style: none;
display: table-cell;
/*border-right: 1px solid #d8d8d8;*/
padding: 10px 10px;
/*width: 180px;*/
vertical-align: middle;
cursor: pointer;
}
/*.megabar1 ul li:first-child{*/
/* margin-top:30px;*/
/*}*/
.megabar1 ul li:last-child{
/*border-right:none;*/
}
.megabar1 ul li:first-child{
/*border-right: 1px solid #2f2e2e;*/
}
.megabar1 ul li img{
margin:0 auto;
padding-bottom: 18px;
}
.megabar1 ul li h4{
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
font-size: 16px;
color: #272727;
}
/*------------------------Megabar 1 END-----------------------*/
/*---------------
--------- Megabar 2 START-----------------------*/
.megabar2{
background-color: #777;
/*border-bottom: 1px solid #d8d8d8;*/
text-align: center;
position: relative;
z-index: 99;
box-shadow: 0px 1px 50px #5E5E5E;
}
.megabar2 ul{
margin:0;
padding: 8px 0;
text-align: center;
}
.megabar2 ul li{
list-style: none;
display: inline-block;
/*float: left;*/
border-bottom: 1px solid transparent;
/*padding: 21px 24px;*/
padding: 21px 18px;
/*width: 180px;*/
cursor: pointer;
}
.megabar2 ul li:last-child{
/* border-right:1px solid #d8d8d8; */
}
.megabar2 ul li img{
margin:0 auto;
padding-bottom: 18px;
}
.megabar2 ul li h4{
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
font-size: 16px;
color: #ffffff;
padding:0;
margin:0;
font-weight: 500;
}
/*------------------------Megabar 2 END-----------------------*/
/*------------------------QUICK LINK START-----------------------*/
.quickLink{
background-color:#f7f6f6;
border-bottom: 1px solid #ecebeb;
text-align: center;
}
.quickLink ul li{
list-style: none;
float:left;
border-right:1px solid #ecebeb;
width:19%;
padding:19px 0;
}
.quickLink ul li:last-child{
border-right:none;
}
.quickLink ul li a img{
margin:0 auto;
padding-bottom: 18px;
}
.quickLink ul li a h4{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 19px;
color:#272727;
}
/*------------------------QUICK LINK END-----------------------*/
/*-------------------------WEDDING START----------------------------*/
.floor-section{
padding: 20px 0;
}
.floor-plan-area{
border: 1px solid #707070;
padding: 8px;
}
.floorplan{
margin-bottom: 5px;
}
.floorplan-details h4{
text-transform: uppercase;
font:700 16px 'Montserrat', sans-serif;
margin-bottom: 25px;
}
.floorplan-details img.img-responsive{
margin-bottom: 15px;
border: 1px solid #afacac;
}
.floorplan-details p{
font:400 14px 'Montserrat', sans-serif;
color:#707070 ;
}
.cs-calendar-tab .tabs-contents .floor-section .nav-tabs{
margin: 0 auto 22px;
display: block;
text-align: left;
border-bottom: none;
width: auto;
}
.floor-plan-area .tab-content{
margin: px;
border: none;
padding:0px;
background: none;
}
.floor-section{
padding: 20px 0;
}
.floor-section p b{
font-weight: 700;
}
.floor-section .nav-tabs .nav-item{
display: inline-block;
text-transform: uppercase;
}
.floor-section .nav-tabs .nav-item{
border: none;
border-bottom: 2px solid transparent;
color: #000000;
}
.floor-section .nav-tabs .nav-item.active{
border: none;
border-bottom: 2px solid #000000;
color: #000000;
font-weight: 700;
}
.floor-section .nav-tabs .nav-item.active a{
border-bottom:none !important;
color: #000000 !important;
font-weight: 400 !important;
}
.floor-section .nav-tabs .nav-item.active a:hover,.floor-section .nav-tabs .nav-item.active a:focus{
border-bottom:none !important;
color: #000000 !important;
font-weight: 400 !important;
}
.floor-section .nav-tabs .nav-item:hover a,.floor-section .nav-tabs .nav-item:focus a{
border-bottom:none !important;
color: #000000 !important;
font-weight: 400 !important;
}
.image-map-label{
font:400 13px/22px 'Montserrat', sans-serif;
color: #737373;
float: left;
width: 190px;
}
.cs-calendar-tab .tabs-contents .image-map-label ul{
margin: 0;
padding:0;
text-align: left;
width: auto;
margin-bottom:0px;
border-bottom: none;
display: block;
}
.image-map-label ul li{
cursor: pointer;
display:block !important;
}
.image-map-area{
float: left;
width: calc(100% - 200px);
}
.pointer-none{
pointer-events: none;
}
.text-active{
font-weight: 600;
color: #127bbe;
}
@media only screen and (max-width: 767px) {
.image-map-area{
float: none;
width: 100%;
}
.image-map-label{
float: none;
width: 100%;
}
.cs-calendar-tab .image-map-label ul li{
display:block !important;
margin-left:0 !important;
}
}
/*-------------------------WEDDING END----------------------------*/
/*------------------------LINK START-----------------------*/
.link-area{
background-color:#fff;
text-align: center;
}
.link-area ul li{
list-style: none;
float:left;
width:16%;
padding:24px 0;
}
.link-area ul li:last-child a h4{
border-right:none;
}
.link-area ul li a img{
margin:0 auto;
padding-bottom: 18px;
}
.link-area ul li a h4{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
color:#616162;
border-right:1px solid #e9e9e9;
}
.joint_icon{
background: url(../images/joint_icon.png);
height:42px;
width:42px;
background-size: cover;
background-position:center;
margin:0 auto;
margin-bottom: 18px;
}
.joint_icon:hover{
background: url(../images/joint_icon_hover.png);
height:42px;
width:42px;
background-size: cover;
background-position:center;
margin:0 auto;
margin-bottom: 18px;
}
.press_icon{
background: url(../images/press-icon.png);
height:42px;
width:42px;
background-size: cover;
background-position:center;
margin:0 auto;
margin-bottom: 18px;
}
.press_icon:hover{
background: url(../images/press-icon-hover.png);
height:42px;
width:42px;
background-size: cover;
background-position:center;
margin:0 auto;
margin-bottom: 18px;;
}
.media_icon{
background: url(../images/media-icon.png);
height:42px;
width:42px;
background-size: cover;
background-position:center;
margin:0 auto;
margin-bottom: 18px;
}
.media_icon:hover{
background: url(../images/media-icon-hover.png);
height:42px;
width:42px;
background-size: cover;
background-position:center;
margin:0 auto;
margin-bottom: 18px;
}
.visit_icon{
background: url(../images/visit_icon.png);
height: 50px;
width: 52px;
background-size: 100%;
background-position:center;
margin:0 auto;
margin-bottom: 10px;
}
.visit_icon:hover{
background: url(../images/visit-icon-hover.png);
background-size: 100%;
background-position:center;
}
.donate_icon{
background: url(../images/donate_icon.png);
height:42px;
width:42px;
background-size: cover;
background-position:center;
margin:0 auto;
margin-bottom: 18px;
}
.donate_icon:hover{
background: url(../images/donate_icon_hover.png);
height:42px;
width:42px;
background-size: cover;
background-position:center;
margin:0 auto;
margin-bottom: 18px;
}
.shop_icon{
background: url(../images/shop_icon.png);
height:42px;
width:42px;
background-size: cover;
background-position:center;
margin:0 auto;
margin-bottom: 18px;
}
.shop_icon:hover{
background: url(../images/shop_icon_hover.png);
height:42px;
width:42px;
background-size: cover;
background-position:center;
margin:0 auto;
margin-bottom: 18px;
}
.dine_icon{
background: url(../images/dine_icon.png);
height:42px;
width:42px;
background-size: cover;
background-position:center;
margin:0 auto;
margin-bottom: 18px;
}
.dine_icon:hover{
background: url(../images/dine_icon_hover.png);
height:42px;
width:42px;
background-size: cover;
background-position:center;
margin:0 auto;
margin-bottom: 18px;
}
.events_icon{
background: url(../images/events.png);
height:42px;
width:42px;
background-size: cover;
background-position:center;
margin:0 auto;
margin-bottom: 18px;
}
.events_icon:hover{
background: url(../images/events_hover.png);
height:42px;
width:42px;
background-size: cover;
background-position:center;
margin:0 auto;
margin-bottom: 18px;
}
/*------------------------LINK END-----------------------*/
/*------------------------CALENDAR START-----------------------*/
.calendar{
background-color:#f6f6f6;
/*padding:45px 0;*/
padding-bottom:45px;
}
/*.calender-sticker{*/
/* background-color:#127bbe;*/
/* padding:4px 0px;*/
/* width:207px;*/
/* text-align: center;*/
/* color:#fff;*/
/* text-transform: uppercase;*/
/* font-size: 30px;*/
/* font-family: 'Montserrat', sans-serif;*/
/* font-weight: 600;*/
/* position: relative;*/
/* margin-left:-15px;*/
/*}*/
.calender-sticker {
background-color: #127bbe;
padding: 4px 20px;
min-width: 210px;
text-align: center;
color: #fff;
text-transform: uppercase;
font-size: 25px;
font-family: 'Oswald', sans-serif;
font-weight:400;
position: relative;
margin-left: 0;
float: left;
}
.calender-sticker:after{
content: '';
background-image: url(../images/triangle_sticker.png);
height:14px;
width:11px;
position: absolute;
bottom:-13px;
left:0;
}
/*.calender-sticker{*/
/* text-transform: uppercase;*/
/* font-size: 30px;*/
/* font-family: 'Montserrat', sans-serif;*/
/* color: #127bbe;*/
/*}*/
.section-heading{
padding-top: 10px;
background-color: #777;
padding-bottom: 10px;
}
.section-heading .calender-sticker {
color: #fff !important;
text-transform: uppercase;
font-size: 25px;
font-family: 'Oswald', sans-serif;
font-weight: 400;
color: #127bbe;
background:transparent;
}
.section-heading .calender-sticker:after{
content:none;
}
.section-heading .cs-more {
background: #fff;
border: none;
}
.filter-collection{
background-color: #127bbe;
padding: 4px 11px;
/* min-width: 207px; */
text-align: center;
color: #fff;
text-transform: uppercase;
font-size: 22px;
font-family: 'Montserrat', sans-serif;
position: relative;
margin-left: 0;
margin-top: 10px;
float: right;
cursor:pointer;
}
.cs-more,.commonButtonClass{
background: transparent;
border: 1px solid #1d80bf6b;
color: #127bbe;
padding: 6px 19px;
border-radius: 1px;
font-size: 17px;
font-family:'Montserrat', sans-serif;
font-weight: 600;
/* margin-top: 10px; */
margin-right: 0px;
;
}
.cs-more:hover,.cs-more:focus,.commonButtonClass:hover,.commonButtonClass:focus{
background: #127bbe;
/*border:2px solid #127bbe;*/
color:#fff;
}
.cs-more:active,.commonButtonClass:active{
background: #127bbe;
border:1px solid #127bbe;
color:#fff;
}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info{
/*background: #127bbe !important;*/
border:2px solid #127bbe !important;
color:#fff !important;
}
.btn-info:focus, .btn-info.focus{
background: #127bbe !important;
border:2px solid #127bbe !important;
color:#fff !important;
}
.cs-calendar-tab .tabs-contents ul{
margin: 0 auto;
text-align: center;
width: 45%;
margin-bottom: 20px;
border-bottom: 1px solid #d3d3d3;
display:block;
}
.cs-home-media-tab .tabs-contents ul{
margin: 0 auto;
text-align: center;
width: 46%;
/*margin-bottom: 20px;*/
border-bottom: 1px solid #d3d3d3;
}
.cs-exhibition-tab .tabs-contents ul{
margin: 0 auto;
text-align: center;
width: 30%;
margin-bottom: 20px;
border-bottom: 1px solid #d3d3d3;
}
ul.event-tags-list{
width:auto;
border-bottom:0;
margin-left:0;
padding-left:0;
text-align:left;
display:inline-block;
}
ul.event-tags-list li{
margin-right:25px;
display:inline-block;
}
ul.event-tags-list li div.checkbox{
margin-top: 5px;
margin-bottom: 5px;
}
ul.event-tags-list li label{
padding-left:0;
}
.cs-education-tab .tabs-contents ul{
margin: 0 auto;
text-align: center;
width: 67%;
margin-bottom: 20px;
border-bottom: 1px solid #d3d3d3;
}
.cs-calendar-tab ul li,.cs-home-media-tab ul li,.cs-exhibition-tab ul li,.cs-education-tab ul li {
display:inline-block;
float:none;
}
@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0) { @media
{
.cs-calendar-tab ul{
width: 52%;
}
.cs-home-media-tab ul{
width:52%;
}
.cs-exhibition-tab ul{
width: 35%;
}
.cs-education-tab ul{
width: 72%;
}
}}
.tabs-main-wrapper .nav > li:last-child{
padding-right:15px;
}
.cs-calendar-tab .nav > li > a:hover, .cs-calendar-tab .nav > li > a:focus, .cs-exhibition-tab .nav > li > a:hover,
.cs-exhibition-tab .nav > li > a:focus, .cs-education-tab .nav > li > a:hover, .cs-education-tab .nav > li > a:focus,
.cs-home-media-tab .nav > li > a:hover, .cs-home-media-tab .nav > li > a:focus{
color:#127bbe;
}
.cs-calendar-tab .nav > li, .cs-exhibition-tab .nav > li, .cs-education-tab .nav > li, .cs-home-media-tab .nav > li{
padding-left:5px;
}
.cs-calendar-tab .nav > li > a, .cs-exhibition-tab .nav > li > a, .cs-education-tab .nav > li > a, .cs-home-media-tab .nav > li > a{
color: #252525;
font-size: 14px;
/* font-weight: 400; */
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
padding: 10px 7px 0px 4px;
}
.cs-calendar-tab .nav-tabs > li.active > a, .cs-calendar-tab .nav-tabs > li.active > a:hover, .cs-calendar-tab .nav-tabs > li.active > a:focus,
.cs-exhibition-tab .nav-tabs > li.active > a, .cs-exhibition-tab .nav-tabs > li.active > a:hover, .cs-exhibition-tab .nav-tabs > li.active > a:focus,
.cs-education-tab .nav-tabs > li.active > a, .cs-education-tab .nav-tabs > li.active > a:hover, .cs-education-tab .nav-tabs > li.active > a:focus,
.cs-home-media-tab .nav-tabs > li.active > a, .cs-home-media-tab .nav-tabs > li.active > a:hover, .cs-home-media-tab .nav-tabs > li.active > a:focus
{
background-color:transparent !important;
border-top:1px solid transparent;
border-right:1px solid transparent;
border-left:1px solid transparent;
border-bottom:3px solid #127bbe !important;
color:#127bbe !important;
/*font-weight: 600 !important;*/
font-family: 'Montserrat', sans-serif;
cursor:pointer;
}
.cs-calendar-tab .nav > li > a,.cs-exhibition-tab .nav > li > a,.cs-education-tab .nav > li > a,.cs-home-media-tab .nav > li > a{
border-bottom: 3px solid transparent;
}
.cs-calendar-tab .nav-tabs > li > a:hover, .cs-exhibition-tab .nav-tabs > li > a:hover,
.cs-education-tab .nav-tabs > li > a:hover, .cs-home-media-tab .nav-tabs > li > a:hover{
/*border-color:transparent;*/
background-color:transparent;
border-top:1px solid transparent;
border-right:1px solid transparent;
border-left:1px solid transparent;
border-bottom:1px solid #127bbe;
color:#127bbe;
/*font-weight: 600;*/
font-family:'Montserrat', sans-serif;
}
.cs-calendar-tabcontent{
margin:30px 0 0px !important;
}
.event-detail{
background-color:#f4f4f4;
width: 100%;
margin: 0 auto;
text-align: center;
min-height: 320px;
position:relative;
padding:15px;
margin-bottom:15px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
.home-program-block{
margin-bottom:10px;
}
.home-program-block .text h4{
padding: 5px 0px 0px;
color: rgb(62, 62, 62);
font-size: 15px
}
.home-program-block h5{
font-family: 'Oswald', sans-serif;
font-weight: 300;
font-size: 14px;
color: rgb(107,107,107);
margin: 3px 0 10px;
padding: 0;
line-height: 15px
}
.home-program-block .text h6{
font-family: 'Oswald', sans-serif;
font-weight: 300;
font-size: 12px;
color: rgb(107,107,107);
margin: 3px 0;
padding: 0;
line-height: 10px
}
.home-plan-section .about-thumb h5{
font-family: 'Oswald', sans-serif;
font-weight: 300;
font-size: 14px;
color: #d8d8d8;
margin: 3px 0 10px;
padding: 0;
line-height: 15px
}
.home-program-block:hover .photo-grid-overlay, .home-program-block:hover .text{
opacity: 1;
}
.event-detail:hover{
box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
}
.event-view-container{
position: relative;
float: left;
width: 100%;
}
.event-loader{
width:100%;
height:100%;
position:absolute;
left:0%;
top:0%;
background:url('../images/loading.gif') no-repeat center rgba(255,255,255,0.75);
z-index:99;
}
.viewable-block-area{
overflow:hidden;
}
.collection-list-block .event-detail-container:after{
content: none;
}
/*.collection-list-block .event-detail .event-detail-container a.cs-eventplus{*/
/* right: -10px;*/
/* bottom: -65px;*/
/* transition: all 0.5s ease;*/
/* -webkit-transition: all 0.5s ease;*/
/* -moz-transition: all 0.5s ease;*/
/* -o-transition: all 0.5s ease;*/
/*}*/
.event-detail-container:after{
content: '';
background:url(../images/grey_triangle.png);
height:38px;
width:33px;
bottom: -25px;
right: -15px;
position:absolute;
}
.event-detail .event-detail-container a.cs-eventplus{
right: -10px;
bottom: -65px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.event-detail h4{
font-size: 18px;
line-height: 20px;
text-transform: uppercase;
color: #3e3e3e;
margin:5px 0;
min-height: 40px !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
padding:0;
}
.event-detail img {
margin: 0 auto;
padding-bottom:20px;
}
/*--------CSS FOR EVENT LIST/GRID VIEW--------------*/
.event-view .event-detail{
opacity:0;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
.event-detail .event-img-container{
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
.event-detail .event-text-container{
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
.innerCollectionDiv .list-view .event-detail{
min-height: 230px;
text-align:left;
opacity:1;
}
.innerCollectionDiv .grid-view .event-detail{
opacity:1;
}
.innerCollectionDiv .list-view .event-img-container{
width:35%;
float:left;
margin-bottom:0;
}
.innerCollectionDiv .list-view .event-text-container{
width:65%;
float:left;
padding-left:20px;
}
/*--------CSS FOR EVENT LIST/GRID VIEW--------------*/
/*------------------------ABOUT START-----------------------*/
.about-section{
background-color: #f6f6f6;
padding: 45px 0;
}
.about-testi{
padding:40px 0;
}
/*------------------------ABOUT END-----------------------*/
.about-block{
padding:15px;
margin-bottom:15px;
}
.about-block:hover{
box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
}
.white{
background:#fff;
}
.gray{
background:#f6f6f6;
}
.event-detail h6{
font-size: 14px;
color: #6b6b6b;
font-family:'Montserrat', sans-serif;
font-weight: 600;
padding-bottom: 10px;
padding-top: 8px;
margin:0;
}
.event-detail h6 span{
display: block;
}
.event-detail a{
display: table;
width:100%;
font-size: 15px;
color:#5f7998;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
}
.innerCollectionDiv .event-detail .home-programme-btn p{
display: inline-block !important;
padding: 0 5px;
max-height: none;
}
.innerCollectionDiv .event-detail .home-programme-btn p a{
margin-top: 0px !important;
padding: 5px;
margin-bottom: 0px;
}
.home-programme-btn p{
display: inline-block !important;
padding: 0 5px;
max-height: none;
margin-bottom: 5px;
}
.home-programme-btn p a{
margin-top: 0px !important;
padding: 5px 5px;
margin-bottom: 0px !important;
}
.performances-btn p a{
display: inline-block !important;
}
.event-btn a.btn{
display: inline-block;
margin:0px 0;
margin-right:12px;
width:auto;
}
.cs-buy{
padding:8px 38px;
border-radius: 50px;
font-family:'Montserrat', sans-serif;
font-weight: 600;
font-size: 17px;
color:#fff !important;
background-color:#5f7998;
border:2px solid #5f7998;
font-weight: 700 !important;
}
.cs-buy:hover,.cs-buy:active,.cs-buy:focus,.cs-buy:active:hover{
background-color:#fff !important;
color:#5f7998 !important;
border:2px solid #5f7998 !important;
box-shadow:none !important;
}
.cs-price{
padding:8px 38px;
border-radius: 50px;
font-family:'Montserrat', sans-serif;
font-weight: 600;
font-size: 17px;
color:#5f7998 !important;
background-color:#ffff;
border:2px solid #5f7998;
font-weight: 700 !important;
}
.cs-price:hover,.cs-price:active,.cs-price:focus,.cs-price:active:hover{
color:#fff !important;
background-color:#5f7998;
border:2px solid #5f7998;
}
.cs-eventplus {
position: absolute;
right: -10px;
bottom: -63px;
z-index: 95;
}
.exihibition-list .cs-eventplus {
position: absolute;
right: 5px;
bottom: -12px;
z-index: 9;
}
.cs-eventplus-home{
position: absolute;
right: 5px;
bottom: -13px;
z-index: 1;
}
.calendar-block .cs-eventplus {
position: absolute;
right: 5px;
bottom: -10px;
z-index: 1;
}
.event-detail a.cs-eventplus{
position: absolute;
right: 3px;
bottom: -12px;
z-index: 1;
width:10px;
height:10px;
}
.innerCollectionDiv .event-detail.expand-event h4{
height:auto;
overflow: visible;
-webkit-line-clamp: unset;
min-height:60px;
}
.innerCollectionDiv .event-detail.expand-event p{
height:auto;
overflow: visible;
-webkit-line-clamp: unset;
}
/*------------------------CALENDAR END-----------------------*/
/*------------------------EXHIBITION START-----------------------*/
.exhibition,.learn,.performing-art{
padding-bottom:45px;
/*padding:45px 0;*/
background-color: #fff;
}
.collection{
/*padding:45px 0;*/
padding-bottom:45px;
background-color: #f6f6f6;
}
.support{
/*padding:45px 0;*/
padding-bottom:45px;
background-color: #f6f6f6;
}
.visit-section{
padding-bottom:45px;
/*padding:45px 0 25px;*/
background-color: #f6f6f6;
}
.cs-media{
/*padding:45px 0 20px;*/
padding-bottom:45px;
background-color: #fff;
}
.exhibition-detail{
background-color:#f4f4f4;
text-align: center;
margin: 0 auto;
width: 100%;
min-height: 442px;
position:relative;
padding:0 15px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
.exhibition-detail:hover{
box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
}
.exhibition-detail:after,.event-detail:after{
content: '';
background:url(../images/grey_triangle.png);
height:38px;
width:33px;
bottom: 0;
right:0;
position:absolute;
}
.whatsonTab .exhibition-detail:after,.whatsonTab .event-detail:after{
background:url(../images/home-event-block.png);
}
.exhibition-detail img{
margin:0 auto;
padding-bottom: 22px;
padding-top:16px;
}
.exhibition-detail h4{
font-size: 18px;
line-height: 20px;
text-transform:uppercase;
color: #3e3e3e;
margin: 0 0 10px;
padding:0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
/*text-overflow: ellipsis;*/
height: 40px;
/*height: auto;*/
overflow: hidden;
}
.exhibition-detail .date-time-area{
font-size: 15px;
color: #5f7998;
}
.exhibition .exhibition-detail p{
height: 42px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
font-size: 15px;
color:#787878;
margin:13px;
}
.exhibition-detail a{
font-size: 17px;
color:#5f7998;
}
.exhibition-btn a{
display: inline-block;
margin:41px 0;
margin-right:12px;
}
/*------------------------EXHIBITION END-----------------------*/
/*------------------------EDUCATION START-----------------------*/
.photo-grid img{
margin: 0 auto;
/*height:100%;*/
}
.photo-grid-new img{
margin: 0 auto;
}
.middle {
transition: .2s ease;
opacity: 1;
position: absolute;
top: 50%;
left: 50%;
width:100%;
z-index:5;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.photo-grid-detail{
background-color:rgba(0,0,0,0.5);
position: relative;
overflow:hidden;
margin-bottom:20px;
}
.mid-block-image{
height:168px;
margin-top:10px;
}
.photo-grid-detail.mid-block-image{
height:166px;
/*margin-top:20px;*/
/*margin-bottom:30px;*/
}
.mid-three-img-block{
height:113px;
margin-top:20px;
}
.learn-grid-photo{
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
left: 0;
top: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.mid-block-image:first-child{
margin-top:0;
}
.mid-three-img-block:first-child{
margin-top:0;
}
.photo-grid-detail img{
opacity: 0.5;
}
.photo-grid-detail:hover img{
opacity: 1;
}
.photo-grid-detail:hover .middle{
opacity: 0;
}
.big-img-block{
height:280px;
margin-top:20px;
}
.medium-img-block{
height:140px;
margin-top:20px;
}
.performing-art-block{
height:360px;
}
.medium-img-block:first-child{
margin-top:0;
}
.medium-img-block:first-child{
margin-top:0;
}
.tiny-img-block{
height:180px;
margin-top:20px;
}
.tiny-img-block:first-child{
margin-top:0;
}
.about-thumb-top{
height:146px;
margin-bottom:20px;
}
.about-thumb-bottom{
height:120px;
}
.about-thumb-top a,.about-thumb-bottom a{
/*display:block;*/
}
.text h4 {
color: #fff;
font-size: 18px;
padding: 16px 0px;
text-align: center;
text-transform:uppercase;
margin:0;
font-weight:400;
}
.photo-grid{
padding: 0 0;
}
.school-photo-grid{
padding: 0 9px;
}
.adults-photo-grid{
padding: 0 8px;
}
.youth-photo-grid{
padding: 0 7px;
}
.children-photo-grid{
padding: 0 11px;
}
.private-event-block{
padding: 0 26px;
}
/*// .cs-calendar-tabcontent .col-sm-4 {*/
/*// width:33%;*/
/*// }*/
/*------------------------EDUCATION END-----------------------*/
/*------------------------COLLECTION START-----------------------*/
.photo-grid-detail-collection{
position:relative;
height:230px;
}
.photo-grid-detail-collection a{
display:block;
}
.collection-grid-photo{
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
left: 0;
top: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.performing-art-grid-photo{
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
left: 0;
top: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.private-event-grid-photo{
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
left: 0;
top: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.collection-big{
height: 266px;
padding: 0;
}
.detail-collection-name{
width:100%;
color: #fff;
font-size: 18px;
padding: 10px 0px;
text-align: center;
font-family:'Oswald', sans-serif;
text-transform:uppercase;
position:absolute;
top:50%;
margin-top:-15px;
text-align:center;
z-index: 3;
opacity: 1;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.detail-collection-text{
font: normal 16px/22px 'Montserrat', sans-serif;
color: #fff;
position: absolute;
top: 50%;
opacity: 1;
padding: 15px 35px;
text-align: center;
z-index: 4;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.photo-grid-overlay{
background: rgba(0,0,0,0.4);
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
opacity: 1;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.photo-grid-detail-collection img{
z-index: 1;
position: relative;
}
.photo-grid-detail-collection:hover{
outline: 1px solid #e9e9e9;
}
.photo-grid-detail-collection:hover .detail-collection-text,
.photo-grid-detail-collection:hover .detail-collection-name,
.photo-grid-detail-collection:hover .photo-grid-overlay,
.photo-grid-detail:hover .photo-grid-overlay,
.private_event_detail:hover .photo-grid-overlay{
opacity: 0;
}
.collection-top{
height:122px;
overflow:hidden;
}
.collection-bottom{
height:122px;
overflow:hidden;
margin-top:20px;
}
/*------------------------MEDIA START-----------------------*/
.media-detail{
/*border:1px solid #d3d3d3;*/
}
.media-bg{
background:url(../images/media-bg.png) no-repeat;
background-position: center;
background-size:cover;
padding-bottom: 15px;
/*width:333px;
margin:15px auto;*/
text-align: center;
}
.media-bg-second{
background:url(../images/media_bg_second.png) no-repeat;
background-position: center;
background-size:cover;
padding-bottom: 15px;
/*width:333px;
margin:15px auto;*/
text-align: center;
}
.media-bg-third{
background:url(../images/media-bg-third.png) no-repeat;
background-position: center;
background-size:cover;
padding-bottom: 15px;
/*width:333px;*/
/*margin:15px auto;*/
text-align: center;
}
.media-bg h4,.media-bg-second h4,.media-bg-third h4{
font-size: 16px;
/*font-size: 22px;*/
font-family: 'Montserrat', sans-serif;
/*font-family: 'BebasNeueRegular';*/
color:#fff;
padding:38px 0;
}
.media-bg p,.media-bg-second p,.media-bg-third p{
color:#c5c5c5;
padding:0 20px 17px 20px;
}
.media-bg h4 span,.media-bg-second h4 span ,.media-bg-third h4 span{
display: block;
}
.media-video{
border:2px solid #8f8f8f;
width:calc(42% - 4px);
display: inline-block;
margin:0 4%;
}
.media-video-new{
border:2px solid #8f8f8f;
width:calc(42% - 4px);
display: inline-block;
margin:0 4%;
}
.media-detail{
padding-bottom: 25px;
transition:all ease 1s;
}
.blue_plus img{
margin-top:35px;
transition:all ease 1s;
}
.media-detail:hover .blue_plus img{
transform: rotateZ(360deg);
}
/*------------------------MEDIA END-----------------------*/
/*------------------------PRIVATE EVENT START-----------------------*/
.private_event{
background:#ffffff;
/*padding: 45px 0 25px;*/
padding-bottom:25px;
}
.private_event_detail{
position: relative;
text-align: center;
/*border: 10px solid #fff;*/
/*-webkit-box-shadow: 1px 1px 7px 1px #ccc;*/
/*-moz-box-shadow: 1px 1px 7px 1px #ccc;*/
/*box-shadow: 1px 1px 7px 1px rgba(196,196,196,0.9);*/
margin-bottom: 20px;
background:rgba(0,0,0,0.5);
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
overflow:hidden;
}
.private-event-detail-block{
position:relative;
height:230px;
}
.private_event_detail img{
opacity:0.5;
}
.private_event_detail:hover img{
opacity:1;
}
.private_event_detail .text {
color: white;
font-size: 20px;
position: absolute;
z-index:9;
opacity:1;
top: 54%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width:100%;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.private_event_area{
padding:0px 5px;
}
.private_event_detail .text h4{
font-size: 18px;
color:#fff;
text-transform:uppercase;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.private_event_detail .text p{
color:#fff;
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
padding:0 3px;
}
.private_event_detail:hover .text h4{
opacity:0;
}
.celebrate-event{
padding-bottom: 20px;
}
.celebrate-event h4{
font-size: 26px;
color:#616162;
font-family: 'Montserrat', sans-serif;
padding-bottom: 10px;
}
.celebrate-event p{
font-size: 18px;
color:#616162;
font-family: 'Montserrat', sans-serif;
margin-bottom:0;
}
.celebrate-event a{
text-transform: uppercase;
}
/*------------------------PRIVATE EVENT END-----------------------*/
/*------------------------SUPPORT SECTION START-----------------------*/
.join-detail{
padding:40px 11px 0px;
}
.visit-detail{
padding:40px 11px 0px;
}
.joint_image{
position: relative;
text-align: center;
/*border: 10px solid #fff;*/
/*-webkit-box-shadow: 1px 1px 7px 1px #ccc;*/
/*-moz-box-shadow: 1px 1px 7px 1px #ccc;*/
/*box-shadow: 1px 1px 7px 1px rgba(196,196,196,0.9);*/
margin-bottom: 20px;
background-color:#000;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.joint_image img{
width:100%;
opacity: 0.5;
}
.cs-more-joint{
background:transparent;
border:2px solid #127bbe;
color:#127bbe;
padding:10px 14px;
border-radius: 50px;
font-size: 17px;
font-family:'Montserrat', sans-serif;
font-weight: 600;
margin-top:10px;
margin-right:0px;
width:128px;
text-align:center;
}
.cs-more-joint:hover,.cs-more-joint:active,.cs-more-joint:focus{
background: #127bbe;
border:2px solid #127bbe;
color:#fff;
}
.joint_image:hover img{
opacity: 1;
}
.joint_image h4{
opacity: 1;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.joint_image:hover h4{
opacity: 0;
}
.joint_image:hover .middle{
opacity: 1;
}
.cs-logoslider.owl-carousel .owl-item{
float:none !important;
display:inline-block !important;
text-align:center !important;
}
.cs-logoslider.owl-carousel .owl-item .item{
margin:0 auto !important;
}
.cs-logoslider .owl-item img{
padding:10px 0;
max-width:100%;
/*margin:0 auto;*/
width:auto !important;
}
.cs-logoslider .owl-dots{
display: none;
}
.cs-logoslider{
position: relative;
}
.cs-logoslider .owl-next{
content:"";
font-family: FontAwesome;
position: absolute;
bottom:52px;
right:0;
background: url(../images/owl-right-arrow.png);
width:8px;
height:13px;
color:transparent;
}
.cs-logoslider .owl-prev{
content:"";
font-family: FontAwesome;
position: absolute;
bottom:52px;
left:0;
background: url(../images/owl-left-arrow.png);
width:8px;
height:13px;
color:transparent;
}
.logo-slider{
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
/*margin-top: 48px;*/
/*padding-top:49px;*/
/*margin-bottom: 10px;*/
}
/*------------------------SUPPORT SECTION END-----------------------*/
/*------------------------MAP SECTION START-----------------------*/
.map-area .container-fluid{
padding:0;
}
.map-area{
background-color:#f9f9f9;
}
.slider-area{
background-color:#f9f9f9;
}
.address-detail-area{
padding: 35px 0;
text-align: center;
}
.address-detail-area h5{
font-size: 18px;
padding-bottom: 10px;
color:#252525;
text-transform: uppercase;
}
.address-detail-area p a{
color:#555;
display: inline-block;
}
/*------------------------MAP SECTION END-----------------------*/
/*-------------------------FOOTER START----------------------------*/
.footer_bigMenu{
padding-top:40px;
/*text-align: center;*/
color: #fff;
}
.footerWide{
background-color:#777;
padding-bottom: 50px;
}
.top-footerMenu{
margin:0 auto;
width:100%;
position: relative;
padding-left:0px;
display:block;
padding-top:40px;
padding-bottom:55px;
text-align:center;
}
.top-footerMenu:after{
content:'';
background:url(../images/menu-divider.png);
height:2px;
width:70%;
background-repeat: repeat;
position: absolute;
bottom: 25px;
left:50%;
transform:translate(-50%,0%);
}
.top-footerMenu li{
list-style: none;
display:inline-block;
padding:15px 20px 15px 20px;
}
.top-footerMenu li a{
font-size: 18px;
color: #fff;
font-family:'Montserrat', sans-serif;
font-weight: 600;
position: relative;
}
.top-footerMenu li a:hover{
color:#a7a7a7;
}
.top-footerMenu li a:after{
content:'';
background: url(../images/footer_divider.png);
width:1px;
height:14px;
position: absolute;
top:6px;
right:-26px;
}
.top-footerMenu li:nth-child(9) a:after{
display:none;
}
.top-footerMenu li:last-child a:after{
background-image:none;
}
.newLatterBack{
background:#eaeaea;
/*float:left;*/
width:100%;
padding:45px 0;
}
.news-letterarea{
padding:45px 0;
}
.news-icon h4{
color:#787878;
font-size: 30px;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-weight: 400;
}
.news-icon h4 span{
display: block;
font-size: 13px;
color:#494949;
font-family: 'Oswald', sans-serif;
font-weight: 400;
}
.news-icon img{
float: left;
display: inline-block;
padding-right: 24px;
}
.news-letter{
/*float: left;*/
/*display: inline-block;*/
/*width:40%;*/
}
.cs-newsform{
/*float: left;*/
/*display: inline-block;*/
/*width:55%;*/
padding-left:5%;
}
.cs-newsform input[type="text"]{
border-top:0px;
border-left:0px;
border-right:0px;
border-radius:0px;
border:none;
border-bottom:1px solid #959595;
background-color: transparent;
width:290px;
font-size: 15px;
color:#808080;
font-family: 'Montserrat', sans-serif;
box-shadow:none;
}
.cs-newsform input[type="text"]:focus{
outline:none;
}
.cs-submit{
border:none;
cursor: pointer;
background: #eaeaea;
color:#127bbe;
font-size: 20px;
}
.footer_menuDetail h4{
position: relative;
color:#fff;
text-transform: uppercase;
font-size: 18px;
color:#fff;
font-family: 'Oswald', sans-serif;
font-weight: 400;
padding-bottom: 5px;
padding-left:0px;
padding-top:4px;
}
.font-resizer ul{
padding:0;
margin:0;
}
.font-resizer ul li{
margin: 0 3px;
padding: 4px 10px;
background: #777;
display: inline-block;
border: 1px solid #fff;
color: #fff;
}
.font-resizer ul li:hover{
background: #525252;
display: inline-block;
border: 1px solid #fff;
color: #fff;
cursor:pointer;
}
.cs-footerIcon{
float: left;
padding-right: 4px;
display: inline-block;
vertical-align: middle;
}
/*.footer_menuDetail h4.calendarFtr{*/
/* background: url(../images/footer-calender-icon.png)no-repeat 4px top;*/
/*background-size: 7%;*/
/*}*/
/*.footer_menuDetail h4.educationFtr{*/
/* background: url(../images/footer-education-icon.png)no-repeat 4px top;*/
/*background-size: 7%;*/
/*}*/
/*.footer_menuDetail h4.mediaFtr{*/
/* background: url(../images/footer-midea-center-icon.png)no-repeat 4px top;*/
/*background-size: 7%;*/
/*}*/
/*.footer_menuDetail h4.openFtr{*/
/* background: url(../images/footer-clock-icon.png)no-repeat 4px top;*/
/*background-size: 9%;*/
/*}*/
/*.footer_menuDetail h4.aboutFtr{*/
/* background: url(../images/footer-about-icon.png)no-repeat 4px top;*/
/*background-size: 7%;*/
/*}*/
/*.footer_menuDetail h4.parkFtr{*/
/* background: url(../images/footer-parking-icon.png)no-repeat 4px top;*/
/*background-size: 7%;*/
/*}*/
/*.footer_menuDetail h4:after{*/
/* content:'';*/
/* background:url(../images/footer_menu_divider.png);*/
/* height:2px;*/
/* width:50px;*/
/* position: absolute;*/
/* bottom:0;*/
/* left:0;*/
/*}*/
.footer_menuDetail ul{
padding-left:0;
}
.footer_menuDetail{
/*margin-top:10px;*/
}
.footer_menuDetail ul li{
list-style: none;
line-height:28px;
position: relative;
padding-left: 20px;
-webkit-transition: all 0.5s;
}
.footer_menuDetail ul li:before {
font: normal normal normal 12px/1 FontAwesome;
content: "\f101";
color: #bfbebe;
position: absolute;
left: 6px;
top: 6px;
}
.footer_menuDetail ul li:hover{
background: rgba(60, 58, 58, 0.39);
-webkit-transition: padding 0.2s,background 0.2s;
-moz-transition: padding 0.2s,background 0.2s;
-o-transition: padding 0.2s, background 0.2s;
padding-left:25px;
}
.footer_menuDetail p{
list-style: none;
color:#fff;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
line-height: 28px;
margin-bottom: 0px;
}
.footer_menuDetail ul li a{
color:#fff;
font: normal 14px/24px 'Montserrat', sans-serif;
display:block;
}
.footer_menuDetail ul li a span{
line-height:10px;
}
.footer_menuDetail ul li a:hover{
color:#fff;
}
.social{
display:block;
width:100%;
padding-left:0px;
text-align:left;
margin-top:5px;
}
.footer_menuDetail .social li{
height: 40px;
width: 40px;
border-radius: 50%;
border: 2px solid #fff;
display:inline-block;
padding: 0 5px;
margin: 0 5px;
margin-bottom:10px;
}
.footer_menuDetail .social li a{
font-size: 20px;
line-height: 20px;
}
.footer_menuDetail .social li:hover{
padding-left:5px;
}
.footer_menuDetail .social li:hover a{
color:#fff;
}
.footer_menuDetail ul.social li:before {
content:none;
}
.social li a{
text-align: center;
display: block;
padding-top: 9px;
}
.social li:hover{
background-color:#a3a3a3;
}
.copy-right{
padding:0 0;
text-align: left;
}
.copy-right p{
font-size: 14px;
color:#fff;
font-family: 'Montserrat', sans-serif;
margin-bottom: 0px;
padding-top:5px;
}
.copy-right ul li{
padding-bottom:0px;
}
.copy-right ul li a{
color: #fff;
display: inline-block;
}
.copy-right ul li a:hover{
color: #fff;
}
/*-------------------------FOOTER END------------------------------*/
/*------------------------ SCROLL TOP START-------------------------------*/
.scrollup {
transition: all 0.4s ease-in-out 0s;
width: 55px;
height: 55px;
position: fixed;
bottom: 15px;
padding: 30px;
right: 20px;
background-position: center;
display: none;
text-indent: -9999px;
background-image: url(../images/scroll-top.png);
background-repeat: no-repeat;
background-position:center;
cursor: pointer;
z-index:99;
opacity:0.6;
}
.scrollup:hover {
opacity:1;
bottom: 30px;
}
.scrolldown{
position: fixed;
bottom: 25px;
right: 85px;
background-color: #127bbe;
padding: 5px 10px;
border-radius: 15px;
cursor: pointer;
font-size:14px;
width: 80px;
}
/*------------------------ SCROLL TOP END-------------------------------*/
/*-------------------------COLLECTION START------------------------*/
.inner-collections-bg{
/*background: url(../images/collections-header-bg.png)no-repeat;*/
background-color:#f9f9f9;
background-size: cover;
background-position: center;
height:140px;
/*padding-bottom:15px;*/
/*margin-bottom:50px;*/
}
.inner-diwan-bg {
background-color: rgb(159, 119, 71);
background-size: cover;
background-position: center;
/*height: 116px;*/
}
.inner-diwan-bg .navigationWide{
border-bottom: 1px solid #986a34;
transition:none;
height:75px;
}
.inner-diwan-bg .navigationWide .nav li a{
color:#fff;
}
.inner-diwan-bg .hamburger-icon span{
background:#fff!important;
}
.inner-diwan-bg .navigationWide .menu-area{
padding-top:20px;
}
.inner-diwan-bg.fixed-header .navigationWide .menu-area{
padding-top:9px;
}
.inner-diwan-bg .navigationWide .nav li a span.caret{
margin-top:-3px;
}
.innerCollectionSearch{
width: 100%;
display: inline-block;
border-bottom: 1px solid #ecebeb;
background: #f7f6f6;
}
.searchLft{
text-align: left;
width: 100%;
border-right: 1px solid #ecebeb;
padding: 35px 0;
}
.searchLft .inputDiv{
width: 453px;
position: relative;
overflow:hidden;
border-radius: 30px;
border:2px solid #aeaeae;
}
.searchLft input{
width: calc(100% - 55px);
height: 53px;
padding: 0 10px 0 30px;
background: transparent;
position: relative;
font-family:'Montserrat', sans-serif;
font-weight: 600;
font-size: 17px;
line-height:52px;
color: #989898;
border:none;
}
.searchLft button{
position: absolute;
right: 0;
top: -1px;
width: 50px;
height: 54px;
opacity: 0;
}
.searchLft input::-webkit-input-placeholder{
color: #989898;
font-size: 17px;
}
.searchLft input::-moz-input-placeholder{
color: #989898;
font-size: 17px;
}
.searchLft input:-ms-input-placeholder{
color: #989898;
font-size: 17px;
}
.searchLft input:-moz-input-placeholder{
color: #989898;
font-size: 17px;
}
.searchLft input:focus{
outline: none;
}
.searchLft .inputDiv:after{
position: absolute;
content: "";
width: 20px;
height: 20px;
background: url(../images/search_icon2.png)no-repeat;
right: 20px;
top: 17px;
pointer-events: none;
}
.searchRgt{
text-align: right;
width: 100%;
padding: 20px 15px 0px 0;
}
.searchRgt ul li{
display: inline-block;
padding:0 45px;
text-align: center;
position:relative;
}
.searchRgt ul li h2{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 20px;
color: #272727;
padding-top: 15px;
position:relative;
}
.innerBreadcrumb{
width: 100%;
display: inline-block;
padding-top: 25px;
padding-bottom: 22px;
}
.innerBreadcrumb .breadcrumb{
margin-bottom: 0;
background: transparent;
display: table;
position: relative;
}
.innerBreadcrumb .breadcrumb li{
position: relative;
padding-left: 30px;
padding-top: 5px;
display: table-cell;
height: 100%;
vertical-align: top;
}
.innerBreadcrumb .breadcrumb li:first-child{
padding-left: 0;
padding-top: 0;
}
.innerBreadcrumb .breadcrumb li a{
color: #127bbe;
font-size: 15px;
font-family: 'Montserrat', sans-serif;
position: relative;
font-weight: 600;
color: #636363;
}
.innerBreadcrumb .breadcrumb li.active{
color: #127bbe;
font-size:15px;
font-family: 'Montserrat', sans-serif;
}
.innerBreadcrumb .breadcrumb li.active:before{
position: absolute;
content: "";
background: url(../images/breadcrumb-img.png)no-repeat;
left: 12px;
top: 11px;
width: 10px;
height: 8px;
}
.innerBreadcrumb .breadcrumb li:before{
position: absolute;
content: "";
background: url(../images/breadcrumb-img2.png)no-repeat;
left: 12px;
top: 11px;
width: 10px;
height: 8px;
}
.innerBreadcrumb .breadcrumb li:first-child:before{
display:none;
}
.innerCollectionDiv{
background: #fff;
padding-top: 15px;
width: 100%;
float:left;
}
.innerCollectionDiv .calender-sticker{
margin-left: 0;
/*font-weight: 500;*/
}
.innerCollectionDiv .event-detail{
position:relative;
margin-bottom: 30px;
background: #f4f4f4;
min-height: 475px;
width: 100%;
margin:0 auto;
/* width:100%; */
padding:15px;
margin-bottom:20px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
.innerCollectionDiv .collection-detail{
position:relative;
margin-bottom: 30px;
background: #f4f4f4;
min-height: 420px;
width: 100%;
margin:0 auto;
/* width:100%; */
padding:15px;
margin-bottom:20px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
.innerCollectionDiv .event-detail:hover{
box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
}
.innerCollectionDiv .event-detail:after {
content: '';
background: url(../images/grey_triangle.png);
height: 38px;
width: 33px;
bottom: 0px;
right: 0px;
position: absolute;
}
.innerCollectionDiv .event-detail-container{
min-height: 440px;
text-align: center;
min-height: 400px;
position: relative;
background: #f4f4f4;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.event-img-container{
height:200px;
overflow:hidden;
margin-bottom:5px;
}
.innerCollectionDiv .event-detail h4,.innerCollectionDiv .collection-detail h4{
/* padding-bottom: 53px;
height: 55px;
min-height: 55px;*/
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
/*margin-bottom: 10px;*/
}
.innerCollectionDiv .event-detail p{
font-family: 'Montserrat', sans-serif;
/*font-size: 15px;*/
font-size: 13px;
color: #787878;
min-height:20px;
max-height:45px;
margin-bottom: 7px;
margin-bottom:15px;
/*padding: 0 15px;*/
height: 45px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.innerCollectionDiv .collection-detail p{
font-family: 'Montserrat', sans-serif;
font-size: 13px;
color: #787878;
min-height: 20px;
margin-bottom: 6px;
height: 40px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
line-height: 22px;
}
.innerCollectionDiv .collection-detail p.place,.innerCollectionDiv .collection-detail p.access-num{
height: 22px;
-webkit-line-clamp: 1;
}
.innerCollectionDiv .collection-detail p.material-paragraph{
height: 40px;
-webkit-line-clamp: 2;
margin-bottom:0;
}
.innerCollectionDiv .event-detail p.program-timing{
min-height:45px;
}
.innerCollectionDiv .event-detail .cs-eventplus{
bottom: -48px;
}
.eventListTab .event-detail .cs-eventplus{
bottom: -12px;
}
/*.innerCollectionDiv .event-detail p.material-paragraph{*/
/* height: 40px;*/
/* -webkit-line-clamp:2;*/
/*}*/
.innerCollectionDiv .event-detail span{
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
color: #787878;
margin-bottom:12px;
/*padding: 0 15px;*/
}
.innerCollectionDiv .collection-detail span{
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
color: #787878;
margin-bottom:6px;
/*padding: 0 15px;*/
}
.innerCollectionDiv .event-detail .marginBottomSeven{
margin-bottom: 14px;
}
/*Pagination*/
.PaginationDiv{
width: 100%;
display: inline-block;
text-align: center;
line-height: 0px;
}
.PaginationDiv ul{
background: transparent;
}
.PaginationDiv ul li a{
font-size: 16px;
color: #787878;
font-family: 'Montserrat', sans-serif;
border: 0px;
background: transparent;
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
padding: 0px;
text-transform: uppercase;
}
.PaginationDiv ul li.active a,.PaginationDiv ul li a:hover{
background: #127bbe;
border-radius: 50%;
width: 30px;
height: 30px;
text-align: center;
color: #fff;
}
.PaginationDiv ul li:first-child a,.PaginationDiv ul li:last-child a{
width: auto;
height: auto;
border-radius: 0px;
line-height: normal;
padding: 5px 10px;
}
.PaginationDiv ul li:first-child a:hover,.PaginationDiv ul li:last-child a:hover{
background: transparent;
color: inherit;
}
.PaginationDiv ul li a img{
margin-top: -5px;
margin-right: 10px;
margin-left: 10px;
}
.innerCollectionDiv .cs-calendar-tabcontent{
margin-bottom: 17px;
/*float: left;*/
}
/*Sohel-01-12-2017----------Collections Page CSS End Here*/
/*Exhibitions Page CSS*/
.exhibitionsDiv{
width: 100%;
margin-top: 50px;
float: left;
margin-bottom: 39px
}
.exhibitionTitleDiv{
width: 100%;
float: left;
padding-bottom: 5px;
border-bottom: 2px solid #d3d3d3;
margin-bottom: 20px;
}
.exhibitionTitleDiv_left{
float: left;
}
.exhibitionTitleDiv_left h2{
font-family: 'Montserrat', sans-serif;
font-size: 26px;
color: #3e3e3e;
text-transform: uppercase;
font-weight: 500;
}
.exhibitionTitleDiv_right{
float: right;
}
.exhibitionTitleDiv_right ul{
margin-bottom:0;
}
.exhibitionTitleDiv_right ul li{
display: inline-block;
}
.exhibitionTitleDiv_right ul li a{
width: 43px;
height: 43px;
line-height: 48px;
border-radius: 50%;
background: transparent;
border: 1px solid transparent;
color: #adadad;
display: inline-block;
text-align: center;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
}
.exhibitionTitleDiv_right ul li a i{
font-size: 20px;
}
.exhibitionTitleDiv_right ul li button{
color: #ccc;
background: transparent;
border: 1px solid #ccc;
padding: 10px;
border-radius: 50%;
}
.exhibitionTitleDiv_right ul li button:focus{
outline:none;
}
.exhibitionTitleDiv_right ul li button i.fa.fa-bars{
font-size: 21px;
}
.exhibitionTitleDiv_right ul li button:hover{
background: transparent;
border: 1px solid #2b89c5;
color: #127bbe;
}
.exhibitionTitleDiv_right ul li:hover button i,.exhibitionTitleDiv_right ul li.active button i{
color: #127bbe;
}
.exhibitionTitleDiv_right ul li.active button{
background: transparent;
border: 1px solid #2b89c5;
}
.exhibitionsDivCnt{
width: 100%;
float: left;
padding-top: 55px;
border-top: 1px solid #d3d3d3;
padding-bottom: 47px;
}
.exhibitionImgDiv{
padding: 5px;
border: 1px solid #e9e9e9;
/*border-radius: 4px;*/
display: inline-block;
}
.exhibitionsDivCnt_right span{
display: block;
font-family: 'itc_new_baskervilleroman';
font-size: 17px;
color: #8ca6c5;
padding-bottom: 20px;
}
.exhibitionsDivCnt_right p{
color: #787878;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
line-height: 25px;
}
.exhibitionsDivCnt_right{
padding-left: 10px;
}
.pastExhibitionDiv{
width: 100%;
float: left;
padding-bottom: 53px;
}
.pastExhibitionDiv .exhibitionTitleDiv{
border-bottom: 3px solid #d3d3d3;
margin-bottom: 40px;
}
.pastExhibitionDiv .cs-calendar-tabcontent{
margin-top: 40px;
}
/*-------------------------EXIBITION END------------------------*/
/*Collections Deatails Page CSS Start Here*/
.collectionsDetailsDiv{
width: 100%;
float: left;
padding-bottom: 100px;
}
.detailsContent{
width: 100%;
float: left;
background: #f4f4f4;
padding: 43px 50px 15px 50px;
position: relative;
top: 0;
left: 0;
/*z-index: 11;*/
}
.exhibition-content{
width: 100%;
float: left;
background: #f4f4f4;
padding: 25px;
margin-bottom:25px;
position: relative;
top: 0;
left: 0;
}
.exhibition-content h5{
font-family: 'Montserrat', sans-serif!important;
font-weight: 700;
font-size: 20px!important;
color: #3e3e3e!important;
text-transform: uppercase!important;
padding-bottom: 0px!important;
margin: 25px 0 10px;
}
.exhibition-content p{
color: rgb(85, 85, 85);
font-family: 'Montserrat', sans-serif;
font-size: 17px;
font-weight: normal;
line-height: 24px;
margin: 0px 0px 20px;
}
.exhibition-content p a{
font-family: 'Montserrat', sans-serif;
font-size: 17px;
font-weight: normal;
line-height: 24px;
font-weight: 500;
}
.relatedprogramming{
padding: 43px 35px 15px;
}
.detailsContent h2{
font-family: 'Montserrat', sans-serif;
/*font-size: 26px;*/
font-size: 18px;
color: #3e3e3e;
text-transform: uppercase;
font-weight: 600;
padding-bottom: 20px;
}
.detailsContent ul li{
display:block;
float: left;
list-style: none;
width: 100%;
clear: both;
padding-bottom: 8px;
}
.detailsContent ul li:last-child{
padding-bottom: 0;
}
.detailsContent ul{
padding-bottom: 0;
display: inline-block;
padding-left:0;
margin-bottom:0;
}
.detailsContent ul li{
font-family: 'Montserrat', sans-serif;
color: #424242;
font-size: 14px;
line-height: 26px;
}
.detailsContent ul li strong{
color: #000000;
padding-right: 6px;
}
.detailsContent p{
color: #424242;
margin-bottom: 20px;
line-height: 26px;
}
.collectionsDetailsDiv .clickZoomText{
text-align: center;
margin-top: 20px;
}
.collectionsDetailsDiv .owl-carousel .item{
padding: 0 5px;
}
.collectionsDetailsDiv .owl-carousel .owl-nav.disabled{
display: block;
}
.collectionsDetailsDiv .owl-carousel .owl-nav .owl-prev{
position: absolute;
left: -15px;
transform: translate(0%,-50%);
top:50%;
background: url(../images/owl-left-arrow.png)no-repeat;
text-indent:-9999px;
width: 35px;
height: 35px;
background-color: #ffffff;
background-position: 11px 10px;
border-radius: 50%;
border: 1px solid #e2e2e2;
}
.collectionsDetailsDiv .owl-carousel .owl-nav .owl-next{
position: absolute;
right: -15px;
transform: translate(0%,-50%);
top:50%;
background: url(../images/owl-right-arrow.png)no-repeat;
text-indent:-9999px;
width: 35px;
height: 35px;
background-color: #ffffff;
background-position: 13px 10px;
border-radius: 50%;
border: 1px solid #e2e2e2;
}
/*Collections Deatails Page CSS End Here*/
/*Education Page CSS Start Here*/
.ecucationDescription{
width: 100%;
display: inline-block;
margin: 55px 0;
}
.ecucationDescription p{
font-family: 'Montserrat', sans-serif;
color: #787878;
font-size: 15px;
line-height: 25px;
margin-bottom: 10px;
}
.educatinTitle h3{
font-family: 'Montserrat', sans-serif;
font-size: 26px;
color: #3e3e3e;
margin-bottom: 50px;
}
.educationMain .cs-calendar-tabcontent{
margin-bottom: 78px;
}
.educationMain{
padding-bottom: 80px;
}
/*Educartion Page CSS End Here*/
/*.innerPageBanner{*/
/* width: 100%;*/
/* min-height: 380px;*/
/* margin-top:50px;*/
/*}*/
.innerPageBanner {
width: 100%;
max-height: 545px;
margin-top: 50px;
overflow: hidden;
}
.youthTitle h1{
font-family: 'Montserrat', sans-serif;
font-size: 60px;
color: #ffffff;
padding-top: 100px;
}
/*.youthMain .ecucationDescription{*/
/* margin-top: 0px;*/
/*}*/
.youthMain{
padding-top: 0;
}
.youthMain .exhibitionsDivCnt{
border-top: 0px;
border-bottom: 1px solid #d3d3d3;
}
.borderBottomzero{
border-bottom: 0px!important;
}
.youthMain .exhibitionsDivCnt_right h3{
color: #5a5959;
padding-bottom: 23px;
}
.youthMain .exhibitionsDivCnt_right p{
margin-bottom: 28px;
}
.youthBottom{
padding-top: 5px;
}
.youthBottom p{
font-family: 'Montserrat', sans-serif;
font-size: 15px;
color: #787878;
}
.youthBottom p a{
color: #127bbe;
}
.curriculm-guides{
list-style:none;
}
.curriculm-guides li a{
line-height:30px;
font-size:16px;
}
/*Exhibitions Details CSS*/
.exhibitiondetailsBanner{
width: 100%;
display: inline-block;
margin-bottom: 60px;
margin-top:60px;
}
/*.exhibitiondetailsBanner img{*/
/* max-width: 100%;*/
/*}*/
.exhibitiondetailsBanner h2{
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-size: 40px;
color: #3e3e3e;
padding: 44px 0;
}
.private-events-heading h2{
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-size: 35px;
color: #3e3e3e;
padding: 20px 0;
}
.detailsContent h3{
font-family: 'Oswald', sans-serif;
font-weight: 400;
font-size: 22px;
color: #3e3e3e;
padding-bottom: 10px;
margin: 15px 0;
}
.detailsContent .relatedCnt a{
display: block;
color: #127bbe;
margin-bottom: 5px;
font-family: 'Montserrat', sans-serif;
font-size:15px;
}
.detailsContent .relatedCnt p{
margin-bottom: 5px;
font-family: 'Montserrat', sans-serif;
font-size:15px;
}
.detailsContent .relatedCnt span{
display: block;
margin-bottom: 5px;
font-family: 'Montserrat', sans-serif;
font-size:15px;
}
.detailsContent .relatedCnt{
margin-bottom: 25px;
}
.partneInner p img{
margin: 0 15px;
}
.partnerDiv{
/*margin-top:50px;*/
margin-top:18px;
}
.partnerDiv p{
font-family: 'Montserrat', sans-serif;
font-size:15px;
color: #3e3e3e;
font-style:italic;
}
.partneInner{
/*border-bottom:1px solid #e9e9e9;*/
/*border-top:1px solid #e9e9e9;*/
padding: 20px 0 0 0;
/*margin-bottom: 30px;*/
}
.partneInner p{
font-family: 'Montserrat', sans-serif;
font-size:15px;
color: #3e3e3e;
}
.exhibition-title
.sponsore-img{
width:auto;
margin-right: 30px;
display: inline-block;
}
.exhibition-title-section{
margin-bottom:15px;
background: #f4f4f4;
padding: 20px;
position: relative;
min-height:135px;
}
.exhibition-title {
font-size: 24px;
text-transform: uppercase;
line-height:30px;
letter-spacing: -1px;
font-weight: 400;
color: #3e3e3e;
/* font-family: 'BebasNeueRegular'; */
font-family: 'Oswald', sans-serif;
/* padding: 0 0px 20px 0px; */
/*min-height: 40px !important;*/
/*display: -webkit-box;*/
/*-webkit-line-clamp: 2;*/
/*-webkit-box-orient: vertical;*/
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
}
.exhibition-date{
padding:15px 0 10px;
font-size: 17px;
color: #3e3e3e;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
}
.exhibition-teaser{
padding:0px;
/*height: 100px;*/
overflow: hidden;
}
.exhibition-teaser p{
font-size: 16px;
line-height:25px;
font-weight: 400;
color: #3e3e3e;
margin-bottom:0;
/* font-family: 'BebasNeueRegular'; */
font-family: 'Montserrat', sans-serif;
/* padding: 0 0px 20px 0px; */
/*min-height: 40px !important;*/
/*display: -webkit-box;*/
/*-webkit-line-clamp: 4;*/
/*-webkit-box-orient: vertical;*/
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
/*vertical-align: middle;*/
}
/*------------------------ MEDIA START-------------------------------*/
.cs-media-tab ul{
margin: 0 auto;
text-align: center;
width: 50%;
/* margin-top: -48px;*/
border-bottom: 1px solid #d3d3d3;
}
.cs-media-tab .nav > li > a:hover, .cs-media-tab .nav > li > a:focus{
color:#127bbe;
}
.cs-media-tab .nav > li{
padding-left:14px;
float:none;
display:inline-block;
}
.cs-media-tab .nav > li > a{
color:#252525;
font-size: 16px;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
}
.cs-media-tab .nav-tabs > li.active > a, .cs-media-tab .nav-tabs > li.active > a:hover, .cs-media-tab .nav-tabs > li.active > a:focus
{
background-color:transparent;
border-top:1px solid transparent;
border-right:1px solid transparent;
border-left:1px solid transparent;
border-bottom:3px solid #127bbe;
color:#127bbe;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
}
.cs-media-tab .nav > li > a{
border-bottom: 3px solid transparent;
}
.cs-media-tab .nav-tabs > li > a:hover{
border-color:transparent;
}
.media{
padding: 0px 0 33px 0;
}
.media-sticker{
background-color: #127bbe;
padding: 4px 20px;
min-width: 210px;
text-align: center;
color: #fff;
text-transform: uppercase;
font-size: 25px;
font-family: 'Oswald', sans-serif;
font-weight: 400;
position: relative;
margin-left: 0;
float: left;
}
.media-sticker:after{
content: '';
background-image: url(../images/triangle_sticker.png);
height: 14px;
width: 11px;
position: absolute;
bottom: -12px;
left: 0;
}
.cs-media-tab{
padding-right:5px;
}
/*------------------------ PHOTO START-------------------------------*/
.video_gallery .col-sm-2{
margin: 0px 3px 0 20px;
padding: 0;
width: 18%;
}
.photo_gallery_area{
/*border:2px solid #ddd;*/
padding: 5px;
margin-bottom: 25px;
position: relative;
}
.jagallery-area{
padding: 47px 0;
}
.popup_text {
position: absolute;
bottom: 10px;
color: #fff;
left: 5px;
right: 5px;
padding: 5px;
background: rgba(0, 0, 0, 0.6);
}
.popup_text h4 {
font-size: 18px;
line-height: 20px;
text-transform: uppercase;
color: #fff;
margin: 0;
padding: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
/* text-overflow: ellipsis; */
height: 40px;
/* height: auto; */
overflow: hidden;
}
.popup_text p{
color: #fff;
margin-bottom: 5px;
font-size:13px;
padding: 0 10px 0 5px;
}
.popup_text ul{
margin:0;
padding: 0;
}
.popup_text ul li{
list-style: none;
float: left;
color: #fff;
display: inline-block;
font-size: 11px;
padding: 0 6px;
}
/*------------------------ PHOTO END-------------------------------*/
/*------------------------ PUBLICATION START-------------------------------*/
.book-detail{
text-align:center;
padding:15px 15px 0 15px;
background: #fff;
}
.video_gallery .book-detail{
margin-bottom:0px;
padding-bottom:95px;
position:relative;
background:#f4f4f4;
margin-bottom:25px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
.video_gallery .book-detail:hover{
box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
}
.video_gallery .book-detail .event-btn{
position:absolute!important;
bottom:30px;
width:100%;
transform:translate(-50%,0%);
left:50%;
}
.book-thumb{
text-align:center;
margin-bottom:15px;
}
.book-detail h4{
font-size: 18px;
color: #3e3e3e;
text-transform: uppercase;
padding-bottom: 0;
height: 21px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 7px;
}
.book-detail p{
padding:0 15px;
height: 70px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.publications-menu{
background-color:#f6f6f6;
padding:24px 0;
}
.publications-menu h2{
color:#2e2e2e;
font-size: 30px;
font-family: 'Montserrat', sans-serif;
padding-left:20px;
}
.publications-menu .nav-tabs{
border-bottom: 0px;
}
.publications-menu ul{
padding-right:8px;
}
.publications-menu .nav-tabs > li > a{
background: transparent !important;
border: 2px solid transparent !important;
border-radius: 50px;
font-size: 17px;
font-family:'Montserrat', sans-serif;
font-weight: 600;
}
.publications-menu .nav-tabs > li.active > a, .publications-menu .nav-tabs > li.active > a:hover, .publications-menu .nav-tabs > li.active > a:focus{
background: transparent !important;
border: 2px solid #127bbe !important;
color: #127bbe;
border-radius: 50px;
font-size: 17px;
font-family:'Montserrat', sans-serif;
font-weight: 600;
}
.publications-menu .nav-tabs > li > a{
color:#4d4d4d;
border:0px;
}
.cs-media-buy{
padding: 8px 38px;
border-radius: 0px;
font-family:'Montserrat', sans-serif;
font-weight: 600;
font-size: 17px;
background:transparent;
border:2px solid #127bbe;
color:#127bbe;
font-weight: 500 !important;
text-transform: uppercase;
}
.cs-media-buy:hover{
padding: 8px 38px;
border-radius: 0px;
font-family:'Montserrat', sans-serif;
font-weight: 600;
font-size: 17px;
color: #fff !important;
background-color: #127bbe !important;
border: 2px solid #127bbe !important;
font-weight: 500 !important;
}
/*------------------------ PUBLICATION END-------------------------------*/
/*------------------------ VIDEO START-------------------------------*/
/*.video_gallery .col-sm-4{*/
/* padding:20px;*/
/*}*/
.video_gallery_portfolio{
background-color:#f4f4f4;
text-align: center;
padding:15px;
}
.video_gallery_portfolio:after {
content: "";
height: 38px;
width: 33px;
bottom: 0px;
right: 15px;
position: absolute;
background: url(../images/grey_triangle.png);
}
.video_gallery_portfolio .cs-eventplus {
position: absolute;
right: 20px;
bottom: 7px;
z-index: 9;
}
.video_gallery_portfolio img{
margin:0 auto;
}
.video_gallery_portfolio h4{
font-size: 18px;
color:#3e3e3e;
padding:0;
text-transform:uppercase;
}
.video_gallery_portfolio p{
font-size: 15px;
color: #787878;
line-height: 24px;
padding: 13px 0px 10px;
}
.video_area h4{
color:#3e3e3e;
font-size: 26px;
font-family: 'Oswald', sans-serif;
padding:47px 0 38px 0;
}
.video_content h5{
font-size: 24px;
color:#5a5a5a;
font-family:'Oswald', sans-serif;
font-weight: 600;
padding:50px 0 34px 0;
line-height:30px;
}
.video_content p{
color: #787878;
font-size: 16px;
line-height:30px;
}
.video_content{
padding: 20px 0;
}
.video_gallery{
padding:45px 0 35px 0;
}
.home-featured-img{
width:100%;
height:180px;
background-size: cover;
background-repeat:no-repeat;
margin-bottom:5px;
}
.tabs-container .video_gallery{
padding:20px 0 0 0;
}
.pdf-block{
margin-bottom:25px;
}
.pdf-block a{
background-color: #ddd;
padding: 5px;
display: block;
margin-bottom:10px;
}
.youtube-vdo-thumb{
position:relative;
margin-bottom:10px;
}
.video-portfolio-title h4{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 40px;
font-size:18px;
line-height:20px;
overflow: hidden;
padding-bottom: 0;
margin-bottom: 5px;
text-transform:uppercase;
}
.vdo-paly-btn{
position: absolute;
left: 50%;
top: 50%;
width: 80px;
height: 80px;
background: url(../images/play-icon.png) no-repeat center;
background-size: 100%;
margin: -40px 0 0 -40px;
}
.video_portfolio p{
color:#787878;
}
.video_portfolio{
padding-bottom: 40px;
}
/*------------------------ VIDEO END-------------------------------*/
/*------------------------ MEDIA END-------------------------------*/
/*Dine Page CSS Start Here*/
.dineHeaderBack{
width: 100%;
float: left;
background: #9f7747;
transition: all 0.7s ease 0s;
}
.dineHeader{
width: 100%;
float: left;
position: relative;
}
.dineHeaderLeft{
float: left;
}
.dineHeaderLeft .dineLogo{
position: absolute;
left: 0;
padding: 5px 40px;
background: #9f7747;
}
.dineHeaderRight{
float: right;
padding-top: 20px
}
.dineHeaderRight ul{
padding-left:0px;
}
.dineHeaderRight ul li{
display: inline-block;
margin: 0 15px;
}
.dineHeaderRight ul li a{
padding: 0 15px;
border-bottom: 3px solid transparent;
padding-bottom: 10px;
transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #fff;
}
.dineHeaderRight ul li a:hover{
border-bottom: 3px solid #fff;
}
.dineBanner{
width: 100%;
float: left;
background: url(../../diwan/images/dine-banner.png/1000)no-repeat center center;
min-height: 456px;
background-size: cover;
}
.dineBannerContent{
text-align: center;
padding-top: 100px;
}
.dineBannerContent h1{
font-family: 'Montserrat', sans-serif;
font-size: 26px;
color: #ffffff;
font-weight: 500;
}
.dineBannerContent h2{
font-family: 'Montserrat', sans-serif;
font-size: 20px;
color: rgb(173, 173, 173);
font-weight: 500;
}
/*Select Box CSS*/
.dineSelectBox{
width: 100%;
float: left;
background: rgba(0,0,0,0.5);
padding: 30px;
margin-top: 25px;
margin-bottom: 20px;
}
.dineSelectBox ul{
padding-left:0px;
}
.dineSelectBox > ul li{
float: left;
width: 25%;
box-sizing: border-box;
list-style: none;
padding-right: 10px;
}
.dineSelectBox ul li:last-child{
padding-right: 0px;
}
.dineSelectBox ul li select{
width: 100%;
padding: 0px 10px;
background: transparent;
border: 1px solid #8e8c87;
color: #7d7d7d;
font-size: 15px;
font-family: 'Montserrat', sans-serif;
height: 42px;
border-radius:0px;
-webkit-appearance: none;
-moz-appearance:none;
appearance:none;
}
.dineSelectBox ul li select:focus{
border: 1px solid #8e8c87;
outline: none;
}
.dineSelectBox ul li .input-group{
width: 100%;
}
.dineSelectBox ul li .input-group .input-group-addon{
background: transparent;
border: 0px;
position: absolute;
z-index: 111;
right: 10px;
top: 8px;
opacity: 0;
}
.dineSelectBox ul li .input-group input{
outline: none;
background: transparent;
border: 1px solid #8e8c87;
color: #7d7d7d;
font-size: 15px;
font-family: 'Montserrat', sans-serif;
height: 42px;
border-radius: 0;
}
.dineSelectBox ul li .input-group input:focus{
outline: none;
border: 1px solid #8e8c87;
box-shadow: none;
}
.dineSelectBox ul li .selectDiv{
position: relative;
width: 100%;
}
.dineSelectBox ul li .selectDiv:after{
position: absolute;
content: "";
color: #fff;
top: 17px;
right: 12px;
pointer-events: none;
height: 6px;
width: 10px;
background: url(../../diwan/images/dine-down-arrow.png)no-repeat;
}
.dineSelectBox .form-group{
margin-bottom: 0;
}
.dineSelectBox ul li button{
width: 100%;
background: #ffffff;
border: 0px;
height: 42px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 24px;
color: #000000;
text-transform: uppercase;
}
.dineBannerContent p.dineContact{
font-size: 18px;
color: #dfd6ca;
font-family:'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 0;
}
.dineBannerContent p.dineContact img{
vertical-align: sub;
}
.bookPrivateSection{
width: 100%;
float: left;
text-align: center;
padding: 90px 0;
}
.borderDiv{
padding-top: 20px;
padding-bottom: 27px;
}
.borderDiv img{
max-width: 100%;
}
.bookPrivateSection h2{
font-family: 'itc_new_baskervilleroman';
font-size: 36px;
color: #000;
text-transform: uppercase;
}
.bookPrivateSection p{
font-family: 'Montserrat', sans-serif;
font-size: 17px;
color: #2e2e2e;
line-height: 28px;
margin-bottom: 0;
}
.bookPrivateSectionBottom{
padding-top: 30px;
}
.bookPrivateSectionBottom p a{
color: #d2a56e;
}
.bookPrivateSectionBottom p{
color: #3b3b3b;
}
.openingOurDivBack{
width: 100%;
float: left;
min-height: 534px;
background: url(../../diwan/images/opening-our-back.png/1000)no-repeat center center;
background-size: cover
}
.bookPrivateSection2 h2{
color: #fff;
font-family: 'itc_new_baskervilleroman';
}
.bookPrivateSection2 p{
color: #fff;
}
.bookPrivateSection2 ul li{
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 17px;
color: #fff;
position: relative;
padding-right: 30px;
}
.bookPrivateSection2 ul{
padding-left:0px;
}
.bookPrivateSection2 ul li:last-child{
padding-right: 0;
}
.bookPrivateSection2 span{
color: #d2a56e;
}
/*
.bookPrivateSection2 ul li:first-child:before{
position: absolute;
content:"";
border-right:1px solid #fff;
height: 16px;
right: 11px;
top: 2px;
}
*/
.bookPrivateSection2 h5{
font-family:'Montserrat', sans-serif;
font-weight: 600;
font-size: 18px;
color: #fff;
padding-bottom: 38px;
}
.bookPrivateSection2 .borderDiv{
padding: 28px 0 48px 0;
}
.bookPrivateSection2 .bookPrivateSectionBottom{
padding-top: 45px;
}
.dineSignUpDivBack{
min-height: 402px;
background: url(../../diwan/images/dine-sign-up-back.png/1000)no-repeat center center;
background-size: cover;
}
.bookPrivateSection2{
padding: 0px;
padding-top: 100px;
}
.dineSignUpDiv{
padding-top: 98px;
text-align: center;
width: 100%;
float: left;
}
.dineSignUpDiv h2{
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 30px;
color: #ffffff;
padding-top: 20px;
padding-bottom: 10px;
}
.dineSignUpDiv p{
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 13px;
color: #eeeeee;
}
.dineSignUpDiv .inputDiv input{
height: 48px;
background: rgba(0,0,0,0.5);
padding: 0 20px;
border: 0px;
float: left;
width: 69%;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
color: #bda68a;
}
.dineSignUpDiv .inputDiv input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #bda68a;;
}
.dineSignUpDiv .inputDiv input::-moz-placeholder { /* Firefox 19+ */
color: #bda68a;;
}
.dineSignUpDiv .inputDiv input:-ms-input-placeholder { /* IE 10+ */
color: #bda68a;;
}
.dineSignUpDiv .inputDiv input:-moz-placeholder { /* Firefox 18- */
color: #bda68a;;
}
.dineSignUpDiv .inputDiv input:focus{
outline: none;
}
.dineSignUpDiv .inputDiv button{
width: 31%;
background: #ffffff;
border: 0px;
height: 48px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 24px;
color: #000000;
text-transform: uppercase;
float: right;
}
/*Dine Page CSS End Here*/
/*DATE TIME PICKER */
.bootstrap-datetimepicker-widget ul li{
width: 100%;
}
.reservation-date-picker li.picker-switch{
display: none;
}
.bootstrap-datetimepicker-widget table td.day{
border-radius: 50%;
line-height: 40px;
}
/*Dine Menu CSS Start Here*/
.dineMenuItemBack{
border-bottom: 1px solid #eaeaea;
background:#f7f6f6;
}
.dineMenuItem{
width: 100%;
float: left;
text-align: center;
padding-top:30px;
padding-bottom: 37px;
}
.dineMenuItem ul{
padding: 0;
margin: 0;
}
.dineMenuItem ul li{
float: left;
width: 16.6666666667%;
box-sizing: border-box;
list-style: none;
}
.dineMenuItem h3{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 20px;
color: #272727;
}
.dineMenuItem ul li.active a h3{
color: #9f7747;
}
.dineMenuTabMain{
width: 100%;
float: left;
padding: 86px 0 45px 0;
/* background: rgba(0,0,0,0.5);*/
/* background: #0a0a0a;*/
}
.dineMenutitle{
width: 100%;
float: left;
text-align: center;
text-transform: uppercase;
}
.dineMenutitle .borderDiv{
padding-top: 32px;
padding-bottom: 45px;
}
.dineMenutitle h1{
font-family: 'itc_new_baskervilleroman';
font-size: 36px;
color: #fff;
}
.dineMenuTabMainBack{
background: #0a0a0a;
width: 100%;
float: left;
}
.dineMenuTab{
width: 100%;
float: left;
text-align: center;
}
.dineMenuTab .nav-pills{
padding-bottom: 50px;
border-bottom:none;
}
.dineMenuTab .nav-pills > li{
display: inline-block;
float: none;
}
.nav-pills > li a{
font-family: 'itc_new_baskervilleroman';
font-size: 17px;
color: #fff;
border: 2px solid transparent;
border-radius: 0px;
padding: 10px 35px;
text-transform: uppercase;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus,.nav-pills > li a:hover{
background: transparent;
border: 2px solid #9f7747;
color: #9f7747;
}
.nav-tabs.nav-pills li.active a {
border-bottom: 2px solid #9f7747 !important;
}
.tabs-main-wrapper .dine-tab.nav-tabs{
margin-bottom:25px;
}
.tabs-main-wrapper .dine-tab.nav-tabs li{
float:none;
display:inline-block;
border-bottom:none;
}
.tabs-main-wrapper .dine-tab.nav-tabs li a{
background:transparent;
border: 2px solid transparent;
border-radius:0;
color:#abb7b7;
border-bottom-color: transparent;
text-transform:uppercase;
font-family: itc_new_baskervilleroman;
padding: 10px 20px;
font-size: 18px;
}
.tabs-main-wrapper .dine-tab.nav-tabs li.active a,.tabs-main-wrapper .dine-tab.nav-tabs li:focus a{
background:transparent;
border: 2px solid #897b60;
border-radius:0;
color:#abb7b7;
border-bottom-color: #897b60 !important;
}
.dineMenuTab .menuList{
text-align: left;
float: left;
width: 100%;
margin-bottom: 50px;
cursor: pointer;
pointer-events: none;
padding-top:15px;
}
.dineMenuTab .tabs-contents{
cursor: pointer;
pointer-events: none;
}
.dineMenuTab .menuList img{
max-width: 100%;
}
.dineMenuTab .menuList ul{
margin: 0;
padding: 0;
padding-left: 20px;
padding-right: 35px;;
}
.dineMenuTab .menuList ul li{
display: inline-block;
width: 100%;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
color: #95A5A6;
padding-top: 15px;
position:relative;
}
.dineMenuTab .menuList ul li:first-child{
border-bottom: 1px dotted #d6d6d6;
padding-bottom: 20px;
padding-top: 0;
}
.dineMenuTab .menuList ul li h2{
float: left;
font-family: 'Montserrat', sans-serif;
color: #ABB7B7;
font-size: 18px;
width:80%;
text-align:left;
}
.dineMenuTab .menuList ul li h2.fullH2{
width:100%;
}
.dineMenuTab .menuList ul li p{
float: right;
margin: 0;
font-family: 'itc_new_baskervilleroman';
color: #9f7747;
font-size: 30px;
width:20%;
text-align:right;
}
.dineMenuTab .menuList ul li p.floatClass{
width:100%;
position:relative;
text-align:left;
width:80%;
}
.dineMenuTab .menuList ul li p sup{
font-family: 'Montserrat', sans-serif;
font-size: 15px;
color: #fff;
vertical-align: inherit;
padding: 10px 7px;
}
/*Dine Menu CSS End Here*/
/*Dine About Page CSS*/
.dineAboutBannerBack{
width: 100%;
float: left;
background: url(../../diwan/images/dine-about-banner.png)no-repeat center center;
min-height: 385px;
}
.bookPrivateSection3{
padding-bottom: 20px;
}
.bookPrivateSection3 .bookPrivateSectionBottom{
padding-top: 55px;
}
.bookPrivateSection3 a{
color: #d2a56e;
}
.bookPrivateSection3 .borderDiv{
padding-top: 35px;
padding-bottom: 48px;
}
.aboutIntroduceDiv{
width: 100%;
float: left;
min-height: 776px;
background: url(../../diwan/images/opening-our-back.png)no-repeat center center;
background-size: cover
}
.aboutIntroduceDivBottom{
width: 100%;
float: left;
padding-top: 80px;
}
.aboutIntroduceDivBottom p{
font-family: 'Montserrat', sans-serif;
font-size: 15px;
color: #fff;
line-height: 28px;
margin-bottom: 0;
}
.aboutIntroduceDiv .bookPrivateSection2 p{
font-size: 16px;
}
.aboutIntroduceDivBottom p span{
color: #d2a56e;
}
.marginBottom30{
margin-bottom: 30px!important;
}
.dineAboutBottomDiv p{
font-family: 'Montserrat', sans-serif;
font-size: 15px;
color: #3b3b3b;
line-height: 28px;
margin-bottom: 0;
font-weight: 600;
}
.dineAboutBottomDiv p span{
color: #d2a56e;
}
.dineImageDivBottom{
float: right;
}
.dineImageDivBottom img{
max-width: 100%;
}
.dineAboutBottomDiv{
width: 100%;
float: left;
padding-bottom: 90px;
}
.tabInner{
padding-top: 35px;
}
.floatClass{
float: left!important;
font-family: 'Montserrat', sans-serif;
font-size: 15px!important;
color: #95A5A6!important;
}
/*Dine About Page CSS*/
/*------------------------ HOME PAGE MODIFICATION START-------------------------------*/
/*.video_gallery .book-detail{*/
/* position:relative;*/
/*}*/
/*.video_gallery .book-detail .event-btn{*/
/* position:absolute;*/
/* width:100%;*/
/* left:50%;*/
/* bottom:0px;*/
/* transform:translate(-50%,0%);*/
/*}*/
/*.event-btn{*/
/* margin: 0 auto;*/
/* position: absolute;*/
/* bottom: 18px;*/
/* left: 0;*/
/* right: 0;*/
/*}*/
.event-price{
position: absolute;
/*top:24px;*/
left:-22px;
}
.event-price span{
content:'';
position: absolute;
top:8px;
left:24px;
font-family:'Montserrat', sans-serif;
font-weight: 600;
color:#fff;
font-size: 17px;
}
/*------------------------ HOME PAGE MODIFICATION END-------------------------------*/
/*------------------------ TICKET START -------------------------------*/
.ticket_content p a{
font-size: 17px;
color:#127bbe;
}
.ticket_content p{
font-size: 15px;
color:#787878;
line-height: 25px;
}
.ticket{
padding:47px 0;
}
.ticket-area{
border-radius: 6px;
position:relative;
}
.cs-ticket-tab{
border-bottom: 1px solid transparent;
margin:0 !important;
}
.tabs-main-wrapper ul.tabs.cs-ticket-tab li{
margin-left: 0px;
}
.tabs-main-wrapper .nav > li:last-child {
padding-right: 15px;
}
.tabs-main-wrapper ul.tabs.cs-ticket-tab li:last-child {
padding-right: 0px;
}
.cs-ticket-tab li{
width:33.30%;
background-color:#127bbe;
text-align: center;
border-radius: 0px;
border-right:1px solid #1f9cec;
}
.cs-ticket-tab li:first-child{
border-radius: 12px 0 0 0;
}
.ticket-area .tabs-container{
border-top: 1px solid transparent;
border-bottom: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
margin-top:0;
}
.ticket-area .tabs{
overflow-x:inherit;
overflow-y:inherit;
}
.cs-ticket-tab li:last-child{
border-radius: 0px 12px 0 0px;
}
.cs-ticket-tab > li:first-child.active > a, .cs-ticket-tab > li:first-child.active > a:hover, .cs-ticket-tab > li:first-child.active > a:focus{
border-radius: 12px 0 0 0 !important;
font-family: Oswald, sans-serif;
font-weight: 400;
}
.cs-ticket-tab > li:last-child.active > a, .cs-ticket-tab > li:last-child.active > a:hover, .cs-ticket-tab > li:last-child.active > a:focus{
border:1px solid transparent;
border-radius: 0px 12px 0 0 !important;
}
.cs-ticket-tab > li.active > a, .cs-ticket-tab > li.active > a:hover, .cs-ticket-tab > li.active > a:focus{
border:1px solid transparent !important;
color:#fff !important;
background-color:#1f9cec !important;
cursor:pointer !important;
position: relative !important;
display:block;
}
.cs-ticket-tab > li.active > a:after, .cs-ticket-tab > li.active > a:hover:after, .cs-ticket-tab > li.active > a:focus:after{
content:'';
background:url(../images/lower_triangle_icon.png);
height:11px;
width:17px;
position: absolute;
bottom:-12px;
left: 47%;
right: 0;
}
.cs-ticket-tab > li > a{
margin-right:0px !important;
border-radius: 0px !important;
font-size: 20px !important;
font-family: Oswald, sans-serif;
color:#fff !important;
}
.cs-ticket-tab > li > a:hover{
color:#fff;
}
.cs-ticket-tab > li > a:hover{
border-color:transparent;
}
.cs-ticket-tabcontent{
border-top:1px solid transparent;
border-bottom:1px solid #dcdcdc;
border-left:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
width:99.90%;
}
.ticket_gallery{
padding:44px 0 24px 0;
}
.cs-label{
font-size: 15px;
color:#787878;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
.cs-from-group{
padding-bottom: 50px;
}
.cs-media-buy:active, .cs-media-buy:active:hover ,.cs-media-buy:focus{
padding: 8px 38px;
border-radius: 0px;
font-family:'Montserrat', sans-serif;
font-weight: 600;
font-size: 17px;
color: #fff !important;
background-color: #127bbe;
border: 2px solid #127bbe;
font-weight: 500 !important;
}
.ticket-price{
padding:0 30px 0 0;
}
.ticket-price p{
font-size: 15px;
color:#787878;
}
.ticket-price p span{
float: right;
}
.ticket-contact{
padding-top:20px;
}
.ticket-contact p{
font-size: 18px;
color:#787878;
font-weight: 600;
line-height: 30px;
}
.ticket-contact p a{
display: block;
color:#1f9cec;
}
.group_tours{
padding: 21px 0;
}
.group_tours h4{
text-transform: uppercase!important;
}
.group_tours p{
color:#787878;
font-size: 15px;
line-height: 25px;
}
.group_tours p a{
color:#1f9cec;
}
.group_tours p span{
display: block;
}
.ticket_gallery ul{
padding:0;
}
.ticket_gallery ul .purchase_detail{
list-style: none;
border-bottom: 1px solid #d3d3d3;
min-height: 127px;
margin: 24px 0;
}
.ticket_gallery .purchase_detail a.cs-media-buy,.ticketBtnDiv a{
width:150px;
padding:8px 0px;
text-align:center;
font-size:15px;
}
.ticket_gallery .purchase_detail a.cs-media-buy:hover,.ticketBtnDiv a:hover{
padding:8px 0px!important;
border:2px solid transparent;
font-size:15px;
}
.ticket_gallery ul li:first-child{
margin-top:0;
}
.ticket_gallery ul li:last-child{
border-bottom:none;
}
.purchase_detail h5{
font-size: 19px;
color:#5a5a5a;
font-weight: 400;
line-height: 25px;
font-family:'Montserrat', sans-serif;
font-weight: 600;
padding-bottom: 5px;
}
.purchase_detail .purchase_link{
color:#8ca6c5;
font-family: 'itc_new_baskervilleroman';
font-size: 17px;
}
.purchase_detail p{
color:#5a5a5a;
font-size: 15px;
font-family:'Montserrat', sans-serif;
font-weight: 600;
padding:5px 0;
margin-bottom: 0px;
}
/*------------------------ TICKET LOGIN START -------------------------------*/
.login_detail h5{
font-size: 15px;
color:#787878;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
padding-bottom: 20px;
}
.login_detail a{
color:#127bbe;
}
.login_detail p{
font-size: 15px;
color:#787878;
line-height: 25px;
}
.login_detail p span{
font-weight: 600;
font-family: 'Montserrat', sans-serif;
}
.login-form{
padding: 20px 0px 0px 85px;
}
.login-form p span{
color:#dd0101;
}
.login-form p{
color:#a5a5a5;
}
.login-form .form-group label, .registration-form .form-group label{
font-weight: 600;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
color:#787878;
padding-top:15px;
}
.login-form .form-group label span, .registration-form .form-group label span{
color:#dd0101;
}
.login-form .form-group input{
height:48px;
width:450px;
border-radius: 0px;
border:1px solid #d1d1d1;
outline:none;
font-family: 'Montserrat', sans-serif;
}
.registration-form .form-group input, .registration-form .form-group select{
height:48px;
border-radius: 0px;
border:1px solid #d1d1d1;
outline:none;
font-family: 'Montserrat', sans-serif;
margin-bottom: 30px;
}
.login-form .form-group .col-sm-10{
margin-bottom: 26px;
}
.login-form .form-group .btn-info.disabled, .registration-form .form-group .btn-info.disabled{
border:2px solid #127bbe !important;
background-color:#fff;
opacity: 1;
color:#127bbe;
padding: 8px 38px;
border-radius: 50px;
font-family:'Montserrat', sans-serif;
font-weight: 600;
font-size: 17px;
}
.login-form ul li, .registration-form ul li{
min-height: 10px;
}
.login-form button, .registration-form button{
margin-bottom: 32px;
}
.login_detail{
padding: 0 30px ;
}
.registration-form p{
padding: 0 30px ;
}
/*------------------------ TICKET LOGIN END -------------------------------*/
/*------------------------ TICKET END-------------------------------*/
/*------------------------ANIMATED TAB START-----------------------*/
.tab-anim-content {
position: relative;
overflow: hidden;
margin:20px 0;
}
.ticket .tab-anim-content {
margin:0 !important;
}
.ticket .tab-anim-content .event-btn{
position:relative;
}
.anim-tab-container .is-animating {
position: absolute;
top: 0;
left: 15px;
right: 15px;
width: auto;
}
.content-pane {
position: absolute;
top: 0%;
left: 0;
right: 0;
margin: 0;
width: 100%;
opacity: 0;
transform: translateX(100%) translateY(0%);
}
.tab-anim-content .video_gallery{
padding:20px 0;
}
.content-pane.is-active {
position: relative;
opacity: 1;
transform: translateX(0%) translateY(0%);
}
.content-pane.is-exiting {
opacity: 0;
transform: translateX(-100%);
}
.content-pane.is-animating {
transition: opacity 400ms ease-out, transform 400ms ease-out;
}
.nav-tabs li.active a {
/*background: #f8f8f8!important;*/
border-bottom-color: transparent!important;
}
.tab-content {
margin-top: -1px;
border: 1px solid #ddd;
border-top: none;
padding: 50px 20px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background: #f8f8f8;
}
/*------------------------ANIMATED TAB START-----------------------*/
/*------------------------Collection POP-UP CSS-----------------------*/
.collectionPopUpTop{
min-width: 480px;
position: absolute;
display: none;
background: #f2f2f2;
min-height:265px;
right: 0;
padding:10px;
border: 1px solid #dddddd;
z-index: 1;
margin-top: 8px;
text-align:left;
}
.collection-pop-area .tabs-container{
margin-top:0px;
}
.close-collection-popup{
position: absolute;
right: -19px;
top: -16px;
border-radius: 50%;
background: #f2f2f2;
border: 1px solid #ddd;
width: 40px;
height: 40px;
text-align: center;
vertical-align: middle;
/* display: list-item; */
padding-top: 4px;
z-index: 9;
cursor: pointer;
color: #8a8989;
}
.searchRgt .collectionPopUpTop.popup-time{
right:0;
min-width: 886px;
min-height: 500px;
}
#mytimeline{
display: block!important;
width:855px;
margin:0 auto;
}
.timeline-event-content div{
float:left;
line-height:22px;
padding-top:7px;
font-size:13px;
font-family:'Montserrat', sans-serif;
font-weight: 600;
}
.searchRgt .collectionPopUpTop #centuries ul li{
background: #fff;
margin: 12px 17px;
padding: 0 15px;
display: inline-block;
width: 16%;
cursor:pointer;
}
.searchRgt .collectionPopUpTop #centuries ul{
clear: both;
width: 100%;
float:left;
}
.century-list li.active{
position:relative;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
.century-list li.active:before{
content: "\f00c";
font: normal normal normal 16px/1 FontAwesome;
color: #ffffff;
line-height: 26px;
height: 25px;
width: 26px;
position: absolute;
left: -5px;
top: -5px;
border-radius: 50%;
background: #248dd0;
}
.searchRgt .collectionPopUpTop #centuries{
padding: 0;
}
.searchRgt .collectionPopUpTop #centuries button{
float: right;
margin-right: 20px;
}
.searchRgt .collectionPopUpTop #dynasties button{
float: right;
margin-right: 20px;
}
.searchRgt .collectionPopUpTop #dynasties p{
margin-bottom: 10px;
padding-top: 10px;
text-align: left;
}
.timeline-content{
width: 100%!important;
display: block;
}
.searchRgt .collectionPopUpTop ul{
padding: 0;
}
.searchRgt .collectionPopUpTop.popup-time ul li{
width: 50%;
float: left;
padding: 0;
margin-right: 0;
margin-left: 0;
}
.searchRgt .collectionPopUpTop ul li a{
border: 0px;
display: block;
background: transparent;
width: 100%;
font-family: 'Montserrat', sans-serif !important;
font-size: 26px;
color: #fff!important;
background: #1f9cec;
padding: 20px 0;
}
.searchRgt .collectionPopUpTop ul li:first-child a{
border-right: 1px solid #fff;
}
.searchRgt .collectionPopUpTop ul li.active a{
background: #127bbe;
}
.collectionPopUpTop h2{
text-align: center;
background: #127bbe;
color: #ffffff!important;
margin: 0;
padding: 18px 0;
font-family: 'Montserrat', sans-serif !important;
font-size: 26px!important;
text-transform: uppercase;
border-bottom: 1px solid #dddddd;
}
.collectionPopUpTop p{
padding-top: 20px;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #686868;
}
.collectionPopUpTop ul li{
width: 25%;
box-sizing: border-box;
float: left;
}
.collectionPopUpTop .tag-block ul li{
width: 50%;
text-align:left;
padding:0;
padding-left:30px;
}
.collectionPopUpTop ul li .checkbox{
padding-left: 0;
}
.collectionPopUpTop ul li .checkbox label:before{
border-radius: 0px;
width: 14px;
height: 14px;
border: 1px solid #9a9a9a;
}
.collectionPopUpTop ul li .checkbox label:after{
font-size: 10px;
width: 14px;
height: 14px;
padding: 0;
}
.collectionPopUpTop ul{
padding: 0 20px;
}
.collectionPopUpTop ul li .checkbox label{
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #4b4b4b;
padding-left: 0;
}
.collectionPopUpTop ul li .checkbox input[type="checkbox"]{
outline: none;
}
.collectionPopUpTop button{
border: 2px solid #127bbe;
padding: 0 44px;
height: 42px;
border-radius: 30px;
background: transparent;
color: #127bbe;
font-size: 17px;
font-family:'Montserrat', sans-serif;
font-weight: 600;
transition: 0.3s ease all;
-webkit-transition: 0.3s ease all;
-moz-transition: 0.3s ease all;
-ms-transition: 0.3s ease all;
-o-transition: 0.3s ease all;
margin-top: 22px;
}
.collectionPopUpTop button:hover{
background: #127bbe;
color: #fff;
border: 2px solid #127bbe;
}
/*------------------------Collection POP-UP CSS-----------------------*/
/*------------------------customization index CSS-----------------------*/
.cs-home-media-tab{
padding-top:40px;
}
.cs-home-media-tab a img{
margin:0 auto;
}
.cr__gallery .loadMore{
z-index:1 !important;
}
.megabar1 ul li:hover{
box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 12px 0px;
}
.megabar2 ul li:hover{
/*box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 12px 0px;*/
border-bottom:1px solid #fff;
}
.inner-diwan-bg .search-box{
bottom:-114px;
}
.search-box .search-input-block input[type="search"]{
font-style:italic;
}
.round #tawkchat-status-text-container{
height: 50px;
width: 50px;
}
.round #tawkchat-status-icon.offline:before{
font-size: 30px;
}
.cs-news-modal{
top:8% !important;
}
.cs-news-modal .modal-header .close {
margin-top: -31px !important;
}
.ticket-btn{
padding: 5px 10px;
font-size: 15px;
}
.faq-content{
margin-bottom:40px;
}
.ecucationDescription p a{
margin:15px 0 15px 0;
}
.faq-content li{
list-style:none;
color: #404040;
font-family: 'Montserrat', sans-serif;
margin-bottom:10px;
line-height:26px;
}
.faq-content li i{
color:#127bbe;
}
.faq-content h5{
margin-bottom: 10px;
}
.font-change{
margin-bottom: 0;
display: block;
text-align:right;
padding:0 15px;
}
.font-change li{
list-style:none;
display:inline-block;
}
.font-change li a{
float:left;
width:15px;
line-height:15px;
background-color:rgb(18, 123, 190);
text-align:center;
margin-right:10px;
text-decoration:none;
color:#fff;
}
.cs-dineSelectBox{
width: 58%;
margin: 0 auto;
text-align: center;
float: left;
bottom: 85px;
position: absolute;
background: rgba(0,0,0,0.5);
padding: 14px 14px 0 14px;
display: block;
left: 0;
right: 0;
z-index:9;
}
.cs-dineSelectBox #addsearch-results{
width: 783px !important;
left: 0 !important;
top:73px !important;
}
.cssearch-box .toggle-search label{
background: url(../images/search_icon.png) center center no-repeat;
height: 20px;
position: absolute;
right: 30px;
top: 25px;
width: 20px;
cursor: pointer;
}
.event-details{
min-height:130px;
}
#addsearch-results{
width: 750px !important;
border-radius: 6px !important;
z-index:999;
}
#addsearch-logo {
display: none !important;
}
#addsearch-results{
left: 387.5px !important;
top: 42px !important;
}
body.modal-open {
margin-right: 0!important;
overflow: hidden;
padding-right:0 !important;
}
.fixed-header .navigationWide .search-box{
margin-top:66px;
padding-bottom:0;
}
.fixed-header .navigationWide #addsearch-results{
top: 42px !important;
}
.private-events-list{
margin:20px 0;
}
.private-events-list li{
color: #787878;
font-size: 15px;
line-height: 25px;
}
/*------------------------customization index CSS-----------------------*/
/*------------------------PURE CSS TAB-----------------------*/
.pc-tab > input,
.pc-tab section > div {
display: none;
}
#tab1:checked ~ section .tab1,
#tab2:checked ~ section .tab2,
#tab3:checked ~ section .tab3 {
display: block;
}
#tab1:checked ~ nav .tab1,
#tab2:checked ~ nav .tab2,
#tab3:checked ~ nav .tab3 {
color: red;
}
.pc-tab {
width: 100%;
max-width: 700px;
margin: 0 auto;
}
.pc-tab ul {
list-style: none;
margin: 0;
padding: 0;
}
.pc-tab ul li{
list-style: none;
margin: 0;
padding: 0;
}
.pc-tab ul li label {
font-family: "Raleway";
float: left;
padding: 15px 25px;
border: 1px solid #ddd;
border-bottom: 0;
background: #eeeeee;
color: #444;
}
/*.pc-tab ul li label:hover {
background: $unactiveHoverColor;
}
.pc-tab ul li label:active {
background: $activeColor;
}*/
.pc-tab ul li label:not(:last-child) label {
border-right-width: 0;
}
.pc-tab section {
clear: both;
}
.pc-tab div {
padding: 20px;
width: 100%;
border: 1px solid #ddd;
background: #fff;
line-height: 1.5em;
letter-spacing: 0.3px;
color: #444;
}
.pc-tab h2 {
margin: 0;
font-family: "Raleway";
letter-spacing: 1px;
color: #34495e;
}
#dynasties:checked ~ nav .dynasties label {
background: white;
color: #111;
position: relative;
}
#centuries:checked ~ nav .centuries label {
background: white;
color: #111;
position: relative;
}
#centuries:checked ~ nav .centuries label:after,#centuries:checked ~ nav .centuries label:after {
content: '';
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #fff;
left: 0;
bottom: -1px;
}
/*------------------------PURE CSS TAB-----------------------*/
/*------------------------POPUP CSS-----------------------*/
.image-popup-container {
position: fixed;
left: 50%;
/* top: 50%; */
width: 100%;
background-color: #fff;
border: 1px solid #aaa;
display: none;
transform: translate(-50%, 0);
z-index: 98;
padding: 10px;
bottom: 0;
overflow: hidden;
height: calc(100vh - 140px);
}
.leaflet-control-attribution{
display:none;
}
.image-popup{
position:absolute;
width:calc(100% - 20px);;
height: calc(100% - 20px);
overflow:hidden;
background:#ccc;
}
.video-popup-container{
position: fixed;
left: 50%;
/* top: 50%; */
width: 100%;
height: calc(100vh - 60px);
background-color: #fff;
border: 1px solid #aaa;
display: none;
transform: translate(-50%, 0);
z-index: 98;
padding: 10px;
bottom: 0;
overflow: hidden;
}
.video-popup{
position:absolute;
width:calc(100% - 20px);;
height: calc(100% - 20px);
overflow:hidden;
background:#ccc;
}
.image-popup-container img{
}
/*------------------------POPUP CSS-----------------------*/
/*Ticketing CSS Start Here*/
.ticketMainDiv{
width: 100%;
float: left;
margin-bottom: 95px;
margin-top: 7px;
}
.ticketTopDiv{
width:100%;
float: left;
text-align: center;
margin-top:35px;
}
.ticketTopDiv h1{
font-family:'Montserrat', sans-serif;
font-weight: 600;
font-size: 30px;
color: #5a5959;
margin-bottom: 13px;
}
.ticketTopDiv p{
color: #787878;
font-size: 15px;
font-family: 'Montserrat', sans-serif;
margin-bottom: 0;
}
.ticketSelectOptionDiv{
text-align: center;
float: left;
width: 100%;
width: 100%;
margin-top: 33px;
}
.ticketSelectOptionDiv h4{
color: #5a5959;
font-size: 22px;
font-family:'Montserrat', sans-serif;
padding-bottom: 55px;
}
.ticketSelectInner{
width: 100%;
text-align: center;
float: left;
/* padding: 0 25px;*/
/* background: #000;*/
width: 285px;
border-top: 3px solid #d3d3d3;
border-bottom: 3px solid #d3d3d3;
}
.ticketInnerborder{
width: 100%;
margin-top: 1px;
margin-bottom: 1px;
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
padding-top: 20px;
padding-bottom: 20px;
}
.ticketSelectInner h2{
color: #3e3e3e;
font-size: 24px;
text-transform: uppercase;
line-height: 33px;
margin-bottom: 5px;
}
.ticketSelectInner p{
line-height: 25px;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
color: #787878;
margin-bottom: 25px;
}
.ticketSelectInner a{
width: 150px;
border: 2px solid #127bbe;
text-align: center;
border-radius: 30px;
display: block;
line-height: 42px;
margin: 0 auto;
color: #127bbe;
font-size: 17px;
font-family:'Montserrat', sans-serif;
font-weight: 600;
transition: ease all 0.3s;
-webkit-transition: ease all 0.3s;
-moz-transition: ease all 0.3s;
-ms-transition: ease all 0.3s;
-o-transition: ease all 0.3s;
}
.ticketSelectInner a:hover{
border: 2px solid transparent;
background: #127bbe;
color: #fff;
}
.selectFloorDiv{
width: 100%;
float: left;
border: 1px solid #d1d1d1;
text-align: center;
margin-top: 55px;
padding-top: 55px;
padding-bottom: 65px;
}
.selectFloorDiv h3{
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 26px;
color: #3e3e3e;
margin-bottom: 17px;
}
.selectFloorDiv p{
font-size: 20px;
color: #787878;
font-family: 'Montserrat', sans-serif;
margin-bottom: 57px;
}
.selectFloorDivImgDiv img{
margin: 0 auto;
}
.selectFloorDivImgDiv{
width: 100%;
clear: both;
margin-bottom: 35px;
}
.selectFloorDivImgDiv a{
display: inline-block;
}
.selctFloorFormInner p{
color: #787878;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
clear: both;
}
.selectBoxFormFloor{
width: 100%;
float: left;
margin-bottom: 32px;
}
.selectBoxFormFloor .selectLabelDiv{
width: 50%;
float: left;
text-align: right;
line-height: 46px;
font-size: 15px;
color: #787878;
font-family: 'Montserrat', sans-serif;
}
.selectBoxFormFloor .selectDiv{
width: 237px;
float: left;
margin-left: 12px;
position: relative;
}
.selectBoxFormFloor .selectDiv select{
width: 100%;
height: 46px;
border: 1px solid #d1d1d1;
font-size: 15px;
color: #787878;
font-family: 'Montserrat', sans-serif;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
padding: 0 12px;
}
.selectBoxFormFloor .selectDiv:after{
position: absolute;
content: "";
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid #757575;
top: 20px;
right: 15px;
pointer-events: none;
}
.selectBoxFormFloor .checkbox label{
font-size: 15px;
color: #787878;
font-family: 'Montserrat', sans-serif;
}
.selectBoxFormFloor .checkbox label:before{
border-radius: 0px;
}
.selectFloorButtonDiv{
width: 100%;
float: left;
}
.selectFloorButtonDiv a{
width: 150px;
border: 2px solid #127bbe;
text-align: center;
border-radius: 30px;
display: inline-block;
line-height: 42px;
margin: 0 auto;
color: #127bbe;
font-size: 17px;
font-family:'Montserrat', sans-serif;
font-weight: 600;
transition: ease all 0.3s;
-webkit-transition: ease all 0.3s;
-moz-transition: ease all 0.3s;
-ms-transition: ease all 0.3s;
-o-transition: ease all 0.3s;
}
.selectFloorButtonDiv a:hover{
border: 2px solid transparent;
background: #127bbe;
color: #fff;
}
.selectFloorButtonDiv a:first-child {
margin-right: 10px;
}
.selectOwnsDivForm{
float: left;
width: 100%;
}
.SelectownSeatLeft{
float: left;
}
.selectOwnsDivForm{
width: 100%;
float: left;
}
.SelectownSeatLeft{
width:50%;
float: left;
text-align: left;
}
.SelectownSeatRight{
width:50%;
float: right;
}
.SelectownSeatLeft p{
font-size: 15px;
color: #787878;
font-family: 'Montserrat', sans-serif;
}
.SelectownSeatRight .selectFloorDivImgDiv{
margin-bottom: 0px;
}
.SelectownSeatRight > a{
width: auto;
text-align: center;
display: inline-block;
line-height: 42px;
margin: 0 auto;
color: #127bbe;
font-size: 17px;
font-family:'Montserrat', sans-serif;
font-weight: 600;
margin-top: 20px;
}
.selectOwnsDivForm p{
margin-top: 40px;
margin-bottom: 20px;
display: inline-block;
}
.SelectownSeatLeft .radio-info input[type="radio"]:checked + label::before{
border: 1px solid #71b0d8;
}
.SelectownSeatLeft .radio-info input[type="radio"] + label::after{
background: #71b0d8;
}
.SelectownSeatLeft .radio label{
font-size: 15px;
color: #787878;
font-family: 'Montserrat', sans-serif;
}
.seatArrangeDivImg{
margin-top: 40px;
margin-bottom: 0px;
width: 100%;
float: left;
}
.educationBtn{
margin:40px 0 0 0;
}
.educationBtn a{
margin-right:15px;
}
.educationBtn a:last-child{
margin-right:0px;
}
.dineMenuTabMain .modal-dialog{
margin-top:90px;
}
.bookContentDiv{
padding:20px;
display:inline-block;
width:100%;
}
.book-detail .cs-media-buy{
background:transparent;
}
.detailsContent p a{
word-wrap:break-word;
}
.homeDonateBtn{
margin-top:30px;
}
/*.ticketBtn{*/
/* width:100%;*/
/* text-align:center;*/
/* display:inline-block;*/
/*}*/
/*Ticketing CSS End Here*/
.ticketBtnDiv{
text-align:center;
width:100%;
display:inline-block;
margin:50px 0px;
}
.ticket-area .cs-ticket-tab li:last-child{
padding-right:0px;
}
/*-------------------------HERO SLIDE----------------------------*/
.hero-slide-img{
position:relative !important;
object-fit: cover;
}
/*-------------------------404----------------------------*/
.div404{
position:relative;
}
.div404 #addsearch-results {
top: 42px !important;
margin: 0 ;
width: 100% !important;
}/*** Served by EnMobi ***/