a:visited { color: #000; } @font-face { font-family: 'InterRegular'; src: url('../fonts/Inter-Regular.eot'); src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter-Regular.woff2') format('woff2'), url('../fonts/Inter-Regular.woff') format('woff'), url('../fonts/Inter-Regular.ttf') format('truetype'), url('../fonts/Inter-Regular.svg#Inter-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'InterMedium'; src: url('../fonts/Inter-Medium.eot'); src: url('../fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter-Medium.woff2') format('woff2'), url('../fonts/Inter-Medium.woff') format('woff'), url('../fonts/-Medium.ttf') format('truetype'), url('../fonts/Inter-Medium.svg#Inter-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'InterSemiBold'; src: url('../fonts/Inter-SemiBold.eot'); src: url('../fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/-SemiBold.woff2') format('woff2'), url('../fonts/Inter-SemiBold.woff') format('woff'), url('../fonts/Inter-SemiBold.ttf') format('truetype'), url('../fonts/Inter-SemiBold.svg#Inter-SemiBold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'InterBold'; src: url('../fonts/Inter-Bold.eot'); src: url('../fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/-Bold.woff2') format('woff2'), url('../fonts/Inter-Bold.woff') format('woff'), url('../fonts/Inter-Bold.ttf') format('truetype'), url('../fonts/Inter-Bold.svg#Inter-Bold') format('svg'); font-weight: bold; font-style: normal; } .clear-fix { clear: both; width: 100%; overflow: hidden; } .mega-menu-wrap { font-family: 'optimabold' !important; font-weight: normal; } .post, .page { margin: 0; } .post-typebg { color: #fff; background: #191e36; padding: 0px 13px; display: inline-block; font-size: 15px; text-transform: capitalize; } #no-more p { color: #fff; } .search-icon { color: #fff; background-color: transparent; border: 0; outline: none; } .search-toggle .search-icon.icon-close { display: none; } .search-toggle.opened .search-icon.icon-search { display: none; } .search-toggle.opened .search-icon.icon-close { display: block; } .search-toggle { float: right; } .search-container { position: relative; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; height: 0; overflow: hidden; background-color: #f1f1f1; } .search-container.opened { height: 55px; width: 100%; } .search-container input[type="text"], .search-container input.search-field { outline: none; font-size: 1.6rem; margin: 0; width: 96%; display: inline-block; background-color: inherit; border: 0; padding: 10px; } .search-btn { padding: 0; margin: 0; background: transparent; display: inline-block; border: 0; outline: 0; position: absolute; top: 8px; right: 10px; } .search-container .search-icon { vertical-align: middle; } .top-search { position: relative; width: 100%; z-index: 0; } .search-container { position: absolute; z-index: 999; width: 100%; top: 23px; } .page-template-search-results-php .item.post::before { display: none; } #loader-wrapper { /* position: fixed; top: 0; left: 0; width: 100%; height: 100%; */ position: absolute; left: 0; right: 0; top: 40%; z-index: 1000; } #loader { display: block; position: relative; left: 50%; top: 50%; margin: 0; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #191e36; border-bottom: 16px solid #191e36; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; z-index: 1001; } #loader-wrapper .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background: #222222; z-index: 1000; -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(0); /* IE 9 */ transform: translateX(0); /* Firefox 16+, IE 10+, Opera */ } #loader-wrapper .loader-section.section-left { left: 0; } #loader-wrapper .loader-section.section-right { right: 0; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Loaded */ .loaded #loader-wrapper .loader-section.section-left { -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(-100%); /* IE 9 */ transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); } .loaded #loader-wrapper .loader-section.section-right { -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(100%); /* IE 9 */ transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); } .loaded #loader { opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .loaded #loader-wrapper { visibility: hidden; -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateY(-100%); /* IE 9 */ transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out; } /* JavaScript Turned Off */ .no-js #loader-wrapper { display: none; } /* load more posts demo styles */ /* .dcsAllPostsWrapper, .dcsDemoWrapper { display: flex; flex-wrap: wrap;width:100%; } .dcsDemoWrapper .loadMoreRepeat { width: 50%; padding: 10px; } .dcsDemoWrapper .loadMoreRepeat .innerWrap { background: #fff; padding: 15px; } .btnLoadmoreWrapper { text-align: center; margin-top: 10px; width: 100%; } p.noMorePostsFound { text-align: center; width: 100%; margin-top: 20px; color: red; font-size: 18px; } svg { width: 100px; height: 100px; margin: 20px; display: inline-block; } .dcsLoaderImg {width: 100%;text-align: center;} */ /*-------- Preloader --------*/ #preloader { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; bottom: 0; background-color: #fff; z-index: 99999999999 !important; } [data-loader="circle-side"] { position: absolute; width: 50px; height: 50px; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; -webkit-animation: circle infinite .95s linear; -moz-animation: circle infinite .95s linear; -o-animation: circle infinite .95s linear; animation: circle infinite .95s linear; border: 2px solid #978667; border-top-color: rgba(0, 0, 0, 0.2); border-right-color: rgba(0, 0, 0, 0.2); border-bottom-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } @-webkit-keyframes circle { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes circle { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes circle { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes circle { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /*============================================================================================*/ /* 1. SITE STRUCTURE and TYPOGRAPHY */ /*============================================================================================*/ /*-------- 1.1 Typography --------*/ /* rem reference 10px = 0.625rem 12px = 0.75rem 14px = 0.875rem 16px = 1rem (base) 18px = 1.125rem 20px = 1.25rem 24px = 1.5rem 30px = 1.875rem 32px = 2rem */ html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { background: #fff; font-size: 20px; line-height: 30px; font-family: 'Inter', sans-serif; color: #4c4c4c; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { font-family: 'Inter', sans-serif; color: #000; font-size: 40px; font-weight: 700; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* h1{font-size: 32px;line-height: 37px;} h2{font-size: 28px;line-height: 33px;} h3{font-size: 27px;line-height: 31px;} */ p { margin-bottom: 20px; } strong { font-weight: 600; } label { font-weight: 500; margin-bottom: 3px; display: block; } hr { margin-top: 25px; margin-bottom: 25px; border-color: #ededed; } /* General links color */ a { color: #111; text-decoration: none; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: none; } a:hover, a:focus { color: #111; text-decoration: none; outline: none; } /* Buttons */ /* a.btn_1, .btn_1 { border: none; background: #978667; outline: none; cursor: pointer; display: inline-block; text-decoration: none; padding: 8px 25px; color: #fff; font-family: 'optimabold'; font-weight: normal; text-align: center; font-size:25px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0px; line-height: 25px;; } */ .dropdown-menu.show { width: 233px; } a.btn_1, .btn_1 { border: none; background: #978667; outline: none; cursor: pointer; display: inline-block; text-decoration: none; padding: 15px; color: #fff; font-family: 'optimabold'; font-weight: normal; text-align: center; font-size: 18px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0px; line-height: 21px; ; } a.btn_1:focus, .btn_1:focus { outline: none; } a.btn_1:hover, .btn_1:hover { -webkit-filter: brightness(115%); filter: brightness(115%); } a.btn_1.full-width, .btn_1.full-width { display: block; width: 100%; text-align: center; } a.btn_1.small, .btn_1.small { font-size: 12px; font-size: 0.75rem; padding: 7px 15px; } a.btn_1.medium, .btn_1.medium { font-size: 18px; font-size: 1.125rem; padding: 15px 30px; } a.btn_1.outline, .btn_1.outline { border: 3px solid #2c314c; color: #2c314c; padding: 15px; background: none; } a.btn_1.outline span { margin: 0 0 0 20px; } a.btn_1.outline:hover, .btn_1.outline:hover { border-color: #b0b0af; color: #b0b0af !important; } a.btn_1.outline:focus, .btn_1.outline:focus { outline: none; } a.btn_1.gray, .btn_1.gray { background: #f0f0f0; color: #111 !important; } a.btn_1.gray:hover, .btn_1.gray:hover { background-color: #FFC107; color: #111 !important; } a.btn_play { background: #fff; display: block; width: 45px; height: 45px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; line-height: 50px; text-align: center; position: absolute; bottom: 30px; right: 30px; font-size: 32px; font-size: 2rem; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #999; z-index: 99; } .btn_outline2 { border: 1px solid #000; background: transparent; outline: none; cursor: pointer; display: inline-block; text-decoration: none; padding: 15px; color: #000; font-family: 'optimabold'; font-weight: normal; text-align: center; font-size: 18px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0px; line-height: 21px; ; } .btn_outline2:hover { border: 1px solid #6a77b7; color: #6a77b7; } @media (max-width: 767px) { a.btn_play { display: none; } } a.btn_play:hover { color: #978667; } .pulse_bt { display: block; width: 45px; height: 45px; border-radius: 50%; box-shadow: 0 0 0 rgba(255, 255, 255, 0.4); animation: pulseanime 2.5s infinite; -webkit-animation: pulseanime 2.5s infinite; } .pulse_bt:hover { animation: none; } @-webkit-keyframes pulseanime { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes pulseanime { 0% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } /*-------- 1.2 Structure --------*/ /* Grid custom */ /* @media (min-width:576px) { .container { max-width:100%!important } } @media (min-width:768px) { .container { max-width: 720px!important; } } @media (min-width:992px) { .container { max-width:960px!important } } @media (min-width:1200px) { .container { max-width:1140px!important } } @media (min-width:1430px) { .container { max-width:1240px !important; } } @media (min-width:1700px) { .container { max-width: 1536px !important; } } */ @media (min-width: 1200px) { .container { max-width: 1240px; } } .small-gutters { margin-right: -5px !important; margin-left: -5px !important; } .small-gutters>[class*="col-"] { padding-right: 5px !important; padding-left: 5px !important; } .desktop-nav { display: block; } .mobile-nav { display: none; } .top-head { background: #2c314c; text-align: right; height: 50px; } .top-head .social-icon { display: inline-block; vertical-align: top; padding: 12px 0 0 0; } .top-head .social-icon ul { margin: 0; padding: 0; list-style-type: none; } .top-head .social-icon ul li { margin: 0 0 0 25px; padding: 0; list-style-type: none; display: inline-block; } .top-head .top-highlight { display: inline-block; background: #f8cd47; padding: 12px 28px; vertical-align: top; font-family: 'optimabold'; font-size: 20px; font-weight: normal; line-height: 25px; color: #000000; } /*.top-head .top-highlight a{font-family: 'optimabold';font-size:25px; font-weight: normal;line-height: 25px;color: #000000; }*/ .top-head .top-highlight span { margin: 0 0 0 18px; } .top-head .marquee-text { width: 65%; font-family: 'optimanormal'; display: inline-block; vertical-align: top; font-size: 20px; font-weight: normal; line-height: 23px; color: #fff; margin: 0 50px 0 0; padding: 10px 0 0 0; } .top-head .marquee-text span.date { font-family: 'optimabold'; display: inline-block; font-size: 25px; line-height: 25px; font-weight: normal; margin: 0 10px 0 0; } .top-head .marquee-text a { color: #fff; } #rssBlock { width: 100%; overflow: hidden; } .marqueeStyle { display: inline-block; /* Apply animation to this element */ -webkit-animation: scrolling-left1 20s linear infinite; animation: scrolling-left1 20s linear infinite; } .marqueeStyle2 { display: inline-block; /* Apply animation to this element */ -webkit-animation: scrolling-left2 20s linear infinite; animation: scrolling-left2 20s linear infinite; animation-delay: 10s; } /* scrolling-left is continuous/repeatly text */ @keyframes scrolling-left1 { 0% { transform: translateX(100%); -webkit-transform: translateX(100%); } 100% { transform: translateX(-100%); -webkit-transform: translateX(-100%); } } @keyframes scrolling-left2 { 0% { transform: translateX(0%); -webkit-transform: translateX(0%); } 100% { transform: translateX(-200%); -webkit-transform: translateX(-200%); } } @-webkit-keyframes scrolling-left1 { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); } } @-webkit-keyframes scrolling-left2 { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(-200%); } } /* Header */ header { position: relative; width: 100%; padding: 22px 0; overflow-x: hidden; /* z-index: 99999; border-bottom: 1px solid rgba(255, 255, 255, 0); left: 0; top: 0; background:#191e36;*/ } /* header.sticky{ position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } */ @media (max-width: 991px) { header.header { padding: 10px 0; } } header.header .logo_sticky { display: none; } #logo img, #block-2 img { width: 200px; height: 71px; } header.header.sticky { -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-bottom: 0px solid #ededed; background-color: #f6f6f6; } @media (max-width: 991px) { header.header.sticky { padding: 10px 15px; } } /*header.header.sticky .logo_normal { display: none; }*/ header.header.sticky .logo_sticky { display: inline-block; } header.header.sticky a.btn_top { background-color: #262626; color: #fff; } header.header.sticky a.btn_top:hover { background-color: #111; color: #fff; } header.header_in { padding: 15px 0; background-color: #fff; position: relative; border-bottom: 1px solid #ededed; } header.header_in.is_sticky { position: fixed; left: 0; top: 0; width: 100%; } header.header_in ul#top_menu li a { color: #444; } @media (max-width: 991px) { header.header_in { padding: 10px 0; } header.header_in #logo a { z-index: 9; position: relative; } } header a.open_close { position: absolute; left: 10px; top: 2px; z-index: 999; color: #fff; font-size: 32px; font-size: 2rem; display: none; width: 25px; height: 25px; } @media (max-width: 991px) { header a.open_close { display: block; } } header a.open_close span { display: none; } header a.open_close:hover { opacity: 0.8; } header.sticky a.open_close, .header_in a.open_close { color: #444; } #logo { float: left; margin-right: 42px; } @media (max-width: 991px) { #logo { float: left; width: auto; text-align: left; margin-right: 20px; } #logo img { width: 150px; } } /*-------- 1.3 Main Menu --------*/ /* Menu */ .main-menu { position: relative; z-index: 9; top: 1px; float: right; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .main-menu ul, .main-menu ul li { position: relative; margin: 0; padding: 0; } .main-menu ul a, .main-menu ul li a { position: relative; margin: 0; padding: 0; display: block; padding: 10px; font-family: 'InterMedium'; font-style: normal; font-size: 14px; line-height: 130%; color: #101828; } .nav-left-sec { display: flex; align-items: center; } .btn-book-your-space { padding: 15px 20px; font-family: 'InterMedium'; font-style: normal; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #FFFFFF !important; background: #00818d; border: 1px solid #00818d; display: inline-block; /* margin-top: 20px; */ height: 52px !important; } button:focus { outline: none !important; } .btn-book-your-space:hover, .btn-book-your-space:focus { border: 1px solid #00818d; color: #fff !important; } .btn-login:hover, .btn-login:focus { border: 1px solid #101828; color: #fff; } .btn-login { padding: 15px 20px; font-family: 'InterMedium'; font-style: normal; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #FFFFFF; background: #101828; border: 1px solid #101828; margin-left: 20px; display: inline-block; } /*First level styles */ .main-menu>ul>li>a { color: #fff; padding: 0 30px; font-size: 20px; font-weight: normal; font-family: 'optimabold'; } .main-menu>ul>li:hover>a { color: #f8ce4b; } header.sticky .main-menu>ul>li>a, header.header_in .main-menu>ul>li>a { color: #000; } header.sticky .main-menu>ul>li:hover>a, header.header_in .main-menu>ul>li:hover>a { opacity: 1; color: #f8ce4b; } #close_in, #header_menu { display: none; } /* All styles for screen size over 992px ================================================== */ @media only screen and (min-width: 992px) { .main-menu { width: auto; } .main-menu a { white-space: nowrap; } .main-menu ul li { display: inline-block; } .main-menu ul li.submenu:hover>a:before, .main-menu ul li.submenu:hover>a:after { bottom: -10px; opacity: 0; } /* Submenu*/ .main-menu ul ul { position: absolute; border-top: 2px solid #978667; z-index: 1; visibility: hidden; left: 3px; top: 110%; margin: 0; display: block; padding: 0; background: #fff; min-width: 210px; -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.175); -moz-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.175); box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.175); transform: scale(0.4); transform-origin: 10% top; transition: 0.15s linear, 0.1s opacity cubic-bezier(0.39, 0.575, 0.565, 1), 0.15s transform cubic-bezier(0.1, 1.26, 0.83, 1); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; opacity: 0; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .main-menu ul ul:before { bottom: 100%; left: 12%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #978667; border-width: 7px; margin-left: -7px; } .main-menu ul li:hover>ul { padding: 0; visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transition-duration: 0s, 0.2s, 0.2s; transition-duration: 0s, 0.2s, 0.2s; } .main-menu ul ul li { display: block; height: auto; padding: 0; } .main-menu ul ul li a { font-size: 13px; font-size: 0.8125rem; color: #444; border-bottom: 1px solid #ededed; display: block; padding: 12px 15px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .main-menu ul ul li:last-child a { border-bottom: none; } .main-menu ul ul li:first-child a:hover { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .main-menu ul ul li:last-child a { border-bottom: none; } .main-menu ul ul li:last-child a:hover { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .main-menu ul ul li:hover>a { background-color: #f9f9f9; color: #978667; padding-left: 18px; } /* Submenu 3rd level */ .main-menu ul ul li.third-level>a { font-weight: normal !important; } .main-menu ul ul li.third-level>a:hover { background-color: #f9f9f9; color: #978667; padding-left: 18px; opacity: 1; } .main-menu ul ul li.third-level>a:after { font-family: 'ElegantIcons'; content: "\35"; float: right; font-size: 16px; font-size: 1rem; margin-top: -2px; } .main-menu ul ul ul { position: absolute; border-top: 0; z-index: 1; height: auto; left: 100%; top: 0; margin: 0; padding: 0; background: #fff; min-width: 190px; -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.175); -moz-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.175); box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.175); } /* Arrows top 3rd level*/ .main-menu ul ul ul:before { border-width: 0; margin-left: 0; } } @media only screen and (max-width: 991px) { #header_menu { display: block; text-align: center; position: relative; padding: 30px 0 25px 0; background-color: #978667; } #header_menu a.open_close { position: absolute; right: 15px; top: 0; left: inherit; color: #fff !important; } .main-menu ul li a:hover, a.show-submenu:hover { color: #978667 !important; background-color: #f9f9f9; opacity: 1 !important; } .main-menu ul li { border-top: none; border-bottom: 1px solid #ededed; color: #fff; } /* Menu mobile first level */ .main-menu ul li a { padding: 15px !important; } .main-menu li, .main-menu a { display: block; color: #333 !important; } .main-menu li { position: relative; } .main-menu ul>li { padding-bottom: 0; } .main-menu ul>li i { float: right; } .main-menu>ul>li.submenu:hover>a:after { transform: rotate(180deg); color: #978667; } .main-menu ul>li.submenu>a:after { font-family: 'ElegantIcons'; font-size: 21px; font-size: 1.3125rem; content: "\33"; color: #444; line-height: 1; float: right; display: inline-block; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Menu mobile second level */ .main-menu ul li.submenu ul { border-left: 1px solid #ededed; margin: 0 0 10px 25px; } .main-menu ul li.submenu ul li { border: 0; font-size: 13px; font-size: 0.8125rem; } /* Menu mobile 3rd level */ .main-menu ul li.submenu ul ul { border-left: none; margin: 0 0 0 15px; } /* Menu mobile left panel */ .main-menu { overflow-y: scroll; transform: translateX(-102%); top: 0; left: 0; bottom: 0; width: 55%; height: 100%; position: fixed; z-index: 999; background-color: #fff; -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); } .main-menu.show { transform: translateX(0); } .main-menu .show-submenu+ul { display: none; visibility: hidden; } .main-menu a.show-submenu+ul.show_normal { display: block; visibility: visible; } } .main-nav { display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1; } @media only screen and (max-width: 480px) { .main-menu { width: 100%; } } a.btn_top { border: 1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding-left: 12px !important; padding-right: 12px !important; } a.btn_top:hover { border-color: #978667; color: #fff !important; background-color: #978667; } a.btn_top.order { border: 1px solid rgba(255, 255, 255, 0); background-color: #978667; color: #fff !important; } a.btn_top.order:hover { background-color: #262626; } @media (max-width: 991px) { a.btn_top { background-color: #262626; color: #fff !important; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } } .sticky a.btn_top { border: 1px solid rgba(0, 0, 0, 0.3); } .sticky a.btn_top.order { border: 1px solid rgba(255, 255, 255, 0); background-color: #978667; color: #fff !important; } .sticky a.btn_top.order:hover { background-color: #262626; } ul#top_menu { float: right; margin: 0; padding: 0; list-style: none; } @media (max-width: 991px) { ul#top_menu { position: absolute; top: 12px; right: 15px; float: none; margin: -2px 0 0 10px; } } ul#top_menu li { float: left; margin: 0; line-height: 1; } ul#top_menu li a { color: #fff; } ul#top_menu li a:hover { color: #fff; opacity: 0.7; } ul#top_menu li a.search-overlay-menu-btn { display: block; width: 40px; height: 40px; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; transition: opacity 0.5s ease; background: url("../images/icon-search.png") no-repeat 0 0; } ul#top_menu li a.cart_bt.cart_bt, ul#top_menu li a.search-overlay-menu-btn.cart_bt { top: 5px; } @media (max-width: 991px) { ul#top_menu li a.cart_bt.cart_bt, ul#top_menu li a.search-overlay-menu-btn.cart_bt { top: 2px; } } @media (max-width: 991px) { ul#top_menu li a.cart_bt, ul#top_menu li a.search-overlay-menu-btn { top: 2px; right: 5px; } } ul#top_menu li a.cart_bt strong, ul#top_menu li a.search-overlay-menu-btn strong { font-size: 10px; font-size: 0.625rem; font-weight: 700; width: 16px; height: 16px; text-indent: 0; display: block; text-align: center; position: absolute; bottom: -4px; right: -3px; line-height: 17px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #262626; color: #fff !important; } @media (max-width: 767px) { ul#top_menu li a.cart_bt strong, ul#top_menu li a.search-overlay-menu-btn strong { bottom: -3px; } } /* ul#top_menu li a.cart_bt:before, ul#top_menu li a.search-overlay-menu-btn:before { font-family: 'ElegantIcons'; content: "\e013"; font-size: 21px; font-size: 1.3125rem; text-indent: 0; position: absolute; left: 0; top: 0; font-weight: normal; line-height: 1; } .sticky ul#top_menu li a.cart_bt:before, .sticky ul#top_menu li a.search-overlay-menu-btn:before { color: #444; } */ ul#top_menu li a.search-overlay-menu-btn { position: relative; } @media (max-width: 991px) { ul#top_menu li a.search-overlay-menu-btn { top: 3px; right: 25px; } } /* ul#top_menu li a.search-overlay-menu-btn:before { font-family: 'ElegantIcons'; content: "\55"; } .sticky ul#top_menu li a.search-overlay-menu-btn:before { color: #444; } */ /*-------- 2.2 Menu pages --------*/ .menu_item { position: relative; padding: 20px 0 0 90px; margin-bottom: 30px; min-height: 80px; } .menu_item figure { position: absolute; left: 0; top: 0; width: 80px; height: 80px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .menu_item figure img { width: 80px; height: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .menu_item .menu_title { background: radial-gradient(#d5d5d5 40%, rgba(0, 0, 0, 0) 10%); background-position: 0 13px; background-size: 4px 4px; background-repeat: repeat-x; } .menu_item .menu_title h3 { background-color: #fff; font-size: 18px; font-size: 1.125rem; display: inline-block; margin: 0; padding-right: 3px; } .menu_item .menu_title em { float: right; font-weight: 600; background-color: #fff; font-style: normal; padding-left: 3px; } .menu_item p { font-family: 'Lora', serif; margin-bottom: 0; } .menu_item.order { cursor: pointer; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -ms-transition: all 0.1s ease; transition: all 0.1s ease; } .menu_item.order a.add_to_cart { position: absolute; left: 2px; top: 65px; background-color: #978667; color: #fff; font-size: 11px; font-size: 0.6875rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; line-height: 1; padding: 6px 8px; font-weight: 600; opacity: 0; } @media (max-width: 991px) { .menu_item.order a.add_to_cart { opacity: 1; left: -2px; } } .menu_item.order a.add_to_cart:hover { -webkit-filter: brightness(115%); filter: brightness(115%); opacity: 1; } .menu_item.order:hover a.add_to_cart { opacity: 1; left: -2px; } .menu_item figure a:hover img { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .menu_item .menu_title h3, .menu_item .menu_title em { background-color: #fff; } .menu_item_grid { text-align: center; margin-bottom: 30px; } .menu_item_grid h3 { font-size: 18px; font-size: 1.125rem; margin: 15px 0 0 0; } .menu_item_grid p { font-family: 'Lora', serif; margin: 0 0 10px 0; } .new_price { color: #978667; font-weight: 500; font-size: 16px; font-size: 1rem; } .old_price { color: #999; text-decoration: line-through; display: inline-block; white-space: nowrap; font-weight: 500; font-size: 16px; font-size: 1rem; } .card-body .menu_item .menu_title h3, .card-body .menu_item .menu_title em { background-color: #f9f9f9; } .homepage .menu_item .menu_title h3, .homepage .menu_item .menu_title em { background-color: #f4f4f4; } .tabs_menu { margin: 0; } .tabs_menu .nav-tabs { border: none; border-bottom: 0px; padding: 20px 0 0 0; display: flex; justify-content: flex-start; margin: 0; } @media (max-width: 767px) { /* .tabs_menu .nav-tabs { display: none; } */ } .tabs_menu .nav-tabs .nav-item { text-transform: capitalize; font-weight: 500; } .tabs_menu .tab-content .card { border: none; padding: 0; } @media (max-width: 991px) { .tabs_menu .tab-content .card { padding: 0; } } .tabs_menu .tab-content .card .card-header { padding: 0; background-color: transparent; border: 0; background-color: #f8f8f8; } .tabs_menu .tab-content .card .card-header a { display: block; font-size: 18px; font-size: 1.125rem; padding: 15px; color: #222; } .tabs_menu .tab-content .card .card-body { padding: 45px 0 20px 0; } .tab-pane p { font-family: 'InterRegular'; font-style: normal; font-size: 18px; line-height: 25px; color: #475467; margin-bottom: 20px; } @media (max-width: 991px) { .tabs_menu .tab-content .card .card-body { padding: 25px 15px 5px 15px; } } @media (max-width: 991px) { .tabs_menu .tab-content .card .card-body.reviews .add_bottom_45 { padding-bottom: 25px; } } @media (min-width: 768px) { .tabs_menu .tab-content .card { border: none; } .tabs_menu .tab-content .card .card-header { display: none; } .tabs_menu .tab-content .card .collapse { display: block; } } @media (max-width: 767px) { .tabs_menu .tab-content { margin-bottom: 25px; } .tabs_menu .tab-content .card-header a:after { font-family: 'ElegantIcons'; width: 20px; display: block; float: right; } .tabs_menu .tab-content .card-header a.collapsed:after { content: "\50"; } .tabs_menu .tab-content .card-header a:after { content: "\4f"; } /* .tabs_menu .tab-content .fade:not(.show) { opacity: 1; } .tabs_menu .tab-content .tab-pane { display: block !important; opacity: 1; } */ } .tabs_menu.homepage .tab-content .card { background-color: #fff; } .tabs_menu.homepage .tab-content .card .card-body .menu_item .menu_title h3, .tabs_menu.homepage .tab-content .card .card-body .menu_item .menu_title em { background-color: #fff; } .tabs_menu.homepage .tab-content .card .card-header { background-color: #fff; } .tab-menu-sec { display: flex; width: 100%; margin: 0 0 52px; } .home-event-sec .home-event, .home-event { margin: 0 0 20px; border: 5px solid #b2b2b1; } .page-template-event-listing .home-event { margin-bottom: 30px; } .home-event .event-info { padding: 20px 15px; } .home-event .event-info h3 { font-family: 'optimabold'; font-size: 20px; font-weight: normal; line-height: 30px; color: #000; width: 80%; display: inline-block; vertical-align: top; margin: 5px 0; } .page-template-event-listing .home-event .event-info h3 { width: 79%; } .home-event .event-info h3 a { color: #000; } .home-event .event-info h3 a:hover { color: #000; } .home-event .event-info .mon-date { display: inline-block; vertical-align: top; padding: 15px 0; text-align: center; width: 80px; height: 80px; background: #f8ce4b; border-radius: 10px; font-family: 'optimabold'; font-size: 25px; font-weight: normal; line-height: 30px; color: #000; float: right; } .home-event .event-info .mon-date span { display: block; } .home-event figure { margin: 0; } .home-event .bottom-event-sec { padding: 20px 15px; } .home-event .bottom-event-sec .event-date-info { width: 50%; display: inline-block; vertical-align: top; } .home-event .bottom-event-sec .full-md { font-family: 'optimabold'; font-size: 18px; line-height: 23px; font-weight: normal; color: #000; } .home-event .bottom-event-sec .full-md.eve-time { color: #b2b2b2; } .home-event .bottom-event-sec .add-calender { width: 48%; display: inline-block; vertical-align: top; } .home-event .bottom-event-sec .add-calender { text-align: right; margin: 10px 0 0 0; } .home-event .bottom-event-sec .add-calender a { font-family: 'optimabold'; font-size: 15px; line-height: 20px; font-weight: normal; color: #2c314c; text-decoration: underline; } .home-featured-sec { background: #f5f5f5; padding: 77px 0 59px; } .home-featured-sec h2 { margin: 0 0 50px; } .home-featured-sec .card { border: 0; background: transparent; } .home-featured-sec .card-img-top { border-radius: 0; } .home-featured-sec .card-left .card-body { background: #2c314c; padding: 40px 25px 38px; } .home-featured-sec .card-left .card-body h5 { font-family: 'optimabold'; font-size: 35px; line-height: 40px; font-weight: normal; color: #fff; } .home-featured-sec .card-left .card-body h5 a { color: #fff; } .home-featured-sec .card-left .card-body .card-text { font-family: 'optimanormal'; font-size: 20px; line-height: 30px; font-weight: normal; color: #fff; margin: 0 0 20px; } .home-featured-sec .card-left .card-img-top { height: 446px; } .home-featured-sec .card-left a.btn_1.outline { border: 3px solid #fff; color: #fff; padding: 15px; background: none; } .home-featured-sec .card-left a.btn_1.outline:hover { border-color: #b0b0af; color: #b0b0af !important; } .home-featured-sec .card-right .card-body { padding: 15px 0 25px; } .home-featured-sec .card-right .card-body h5 { font-family: 'optimabold'; font-size: 20px; line-height: 30px; font-weight: normal; color: #2c314c; margin: 0 0 10px; } .home-featured-sec .card-right .card-body h5 a { color: #2c314c; } .home-featured-sec .card-right .card-img-top { height: 223px; } .form-group { margin: 0 0 40px; } .form-control { padding: 10px; height: 50px; font-size: 18px; border-radius: 0px; border: 1px solid #000000; color: #4c4c4c; line-height: 20px; font-weight: normal; font-family: 'optimanormal'; } .form-control:focus { border-color: #000; outline: 0; box-shadow: none; } .form-control.text_area { height: 150px !important; } .form-group { position: relative; } /* Forms loader */ .loader { position: absolute; right: 10px; top: 10px; color: #fff; font-size: 18px; font-size: 1.125rem; -webkit-animation: rotation 2s infinite linear; animation: rotation 2s infinite linear; } .loader.newsletter { right: -22px; } .loader.register { color: #444; } .error_message { font-weight: 500; color: #e3464c; } /* tabs */ .nav-link { display: block; padding: 0 15px; height: 40px; font-size: 15px; font-size: 0.9375rem; color: #444; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; } .nav-tabs { border: none; border-bottom: 2px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -2px; } .nav-tabs .nav-link { background: #EEEEEE; font-family: 'InterSemiBold'; font-style: normal; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #000000; padding: 10px 30px; border-radius: 0; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } /* .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { */ .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs li.active a.active, .nav-tabs li a.active { background: #101828; font-family: 'InterSemiBold'; font-style: normal; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #FFFFFF; padding: 10px 30px; border-radius: 0; } /* .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { color: #fff; } */ .home-event-sec { padding: 87px 0 130px 0; } .home-event-sec h3 { font-family: 'optimabold'; font-size: 40px; font-weight: normal; line-height: 50px; color: #000; margin: 0 0 50px; } /* Scroll top button */ #toTop { position: fixed; right: 15px; opacity: 0; visibility: hidden; bottom: 15px; z-index: 999; transition: 0.35s; transform: scale(0.7); width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.6); opacity: 1; transition: all 0.3s; border-radius: 50%; text-align: center; font-size: 32px; font-size: 2rem; color: #fff; cursor: pointer; } #toTop.visible { opacity: 1; visibility: visible; transform: scale(1); } #toTop:after { font-family: 'ElegantIcons'; content: "\32"; position: relative; display: block; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #toTop:hover { background-color: #978667; } /*-------- 3.3 Footer --------*/ footer { /* color: rgba(255, 255, 255, 0.6); */ position: relative; } footer hr { border-color: rgba(255, 255, 255, 0.15); margin: 30px 0 30px 0; } .footer-link { display: inline-block; vertical-align: top; width: 23%; } footer h3 { font-size: 25px; font-family: 'optimabold'; margin: 0 0 15px; color: #fff; font-weight: normal; line-height: 30px; } footer .newsletter-sec { display: inline-block; vertical-align: top; float: right; width: 30%; } /*width: 34%;*/ footer .newsletter-sec h3 { font-family: 'optimabold'; font-size: 30px; font-weight: normal; line-height: 30px; color: #fff; margin: 0 0 15px 0; text-align: right; } footer .newsletter-sec h3 a { display: inline-block; background: #f8cd47; padding: 12px 28px; vertical-align: top; font-family: 'optimabold'; font-size: 20px; font-weight: normal; line-height: 25px; color: #000000; } footer .newsletter-sec .foo-email { text-align: right; margin: 25px 0 0 0; } footer .newsletter-sec .foo-email a { color: #f8cd47; text-decoration: none; } footer .newsletter-sec .social-icon { display: inline-block; vertical-align: top; padding: 0; margin: 25px 0 0 0; text-align: right; width: 100%; } /*margin: 155px 0 0 0;*/ footer .newsletter-sec .social-icon ul { display: inline-block; vertical-align: top; margin: 0; padding: 0; list-style-type: none; } footer .newsletter-sec .social-icon ul li { margin: 0 0 0 20px; padding: 0; list-style-type: none; display: inline-block; } footer .newsletter-sec .social-icon span { font-family: 'optimabold'; font-size: 20px; font-weight: normal; line-height: 25px; color: #f5f5f5; margin: 0; } .footer-link ul, .footer-link-bold ul { list-style: none; padding: 0; margin: 0; } .footer-link ul li, .footer-link-bold ul li { padding: 0; margin: 0 0 5px; display: block; font-size: 18px; line-height: 20px; font-family: 'optimanormal'; } .footer-link ul li a { font-family: 'InterRegular'; font-style: normal; font-size: 16px; line-height: 24px; color: #101828; } .footer-link-bold { display: inline-block; vertical-align: top; width: 22%; } .footer-link-bold ul li { font-family: 'optimabold'; font-size: 25px; font-weight: normal; line-height: 30px; color: #fff; margin: 0 0 45px; } .footer-link-bold ul li a { color: #fff; } .wp-container-1 { display: flex; gap: 0.5em; flex-wrap: nowrap; align-items: center; } #footer-sidebar4 { background: #fff; box-shadow: 0 0 28px rgb(0 0 0 / 10%); -moz-box-shadow: 0 0 28px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 28px rgb(0 0 0 / 10%); padding: 20px; } .footer-form div { margin-bottom: 15px; } /* footer a { color: rgba(255, 255, 255, 0.6); } footer a:hover { color: white; } */ .widget { margin: 0; } .call-us-sec { display: flex; align-items: baseline; } footer .footer_wp { position: relative; padding: 0; } .footer_last_sec .container-fluid { padding-right: 60px; padding-left: 60px; } .footer_last_sec { background: #FFF7F6; padding: 64px 0px 32px; } .footer_last_sec .footer_wp #footer-sidebar1 p { font-family: 'InterRegular'; font-style: normal; font-size: 16px; line-height: 24px; color: #101828; } .footer_last_sec .footer_wp #footer-sidebar1 h2, .footer_last_sec .footer_wp #footer-sidebar2 h2, .footer_last_sec .footer_wp #footer-sidebar3 h2, .footer_last_sec .footer_wp #footer-sidebar4 h2 { font-family: 'InterSemiBold'; font-style: normal; font-size: 14px; line-height: 20px; color: #E08A76; margin-bottom: 16px; } #block-7 h2 { margin-top: 15px; } .landing-footer { background: #FFF7F6; padding: 32px 0px; } .copy-right-sec { display: flex; justify-content: space-between; align-items: center; } .copy-right-sec p, .copy-right-sec a { font-family: 'InterMedium'; font-style: normal; font-size: 16px; line-height: 32px; color: #111; margin: 0 0 0 12px; } #nav_menu-2 .menu-site-map-container ul li a, .call-us-sec p, .call-us-sec a, .visit-us-sec p { font-family: 'InterRegular'; font-style: normal; font-size: 16px; line-height: 24px; color: #101828; margin-right: 10px; } .call-us-sec .mr { margin-right: 20px !important; } .visit-us-sec a { font-family: 'InterRegular'; font-style: normal; font-size: 16px; line-height: 24px; color: #00818d; font-weight: bold; } #nav_menu-3 { margin-top: 50px; } #nav_menu-3 .menu-footer-menu-container ul li a { font-family: 'InterMedium'; font-style: normal; font-size: 16px; line-height: 24px; color: #101828; } @media (max-width: 1199px) { footer .footer_wp { padding-bottom: 15px; } } @media (max-width: 767px) { footer .footer_wp { padding-left: 0; padding-bottom: 10px; } } footer .footer_wp i { position: absolute; left: 0; top: 0; color: rgba(255, 255, 255, 0.2); font-size: 24px; font-size: 1.5rem; } @media (max-width: 767px) { footer .footer_wp i { display: none; } } footer .copy { padding-top: 5px; } .contact_sec { background-color: #f5f5f5; padding: 50px 0; } /* Newsletter footer*/ @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @media (max-width: 767px) { #newsletter { margin-top: 20px; } } #newsletter h6 { margin: 15px 0 15px 0; } #newsletter input[type='email'] { border: 1px solid #fff; height: 60px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; padding: 15px; background-color: #2c314c; color: #727482; font-size: 20px; font-weight: 300; line-height: 20px; } #newsletter input[type='email']:focus { border: 1px solid #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #newsletter button[type='submit'] { width: 150px; background: transparent; position: absolute; right: 0; font-family: 'optimabold'; font-weight: normal; color: #f8ce4b; font-size: 27px; top: 0; border: 0; border-left: 2px solid #fff; opacity: 1; padding: 0 10px; height: 60px; line-height: 44px; cursor: pointer; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: none; } #newsletter button[type='submit']:hover { -webkit-filter: brightness(115%); filter: brightness(115%); } #message-newsletter #success_page { color: #fff; opacity: 0.6; } .follow_us ul { margin: 0 0 25px 0; padding: 0; list-style: none; float: right; } @media (max-width: 767px) { .follow_us ul { float: none; } } .follow_us ul li { display: inline-block; margin: 0 5px; } .follow_us ul li a { display: block; } .follow_us ul li a img { width: 30px; height: 30px; } .follow_us ul li a:hover { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); } /*-------- 3.4 Search modal --------*/ .search-overlay-menu { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: black; background-color: rgba(0, 0, 0, 0.9); -webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s; -moz-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s; -ms-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s; -o-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s; transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s; opacity: 0; visibility: hidden; z-index: 999999; text-align: center; } .search-overlay-menu.open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s; transition: opacity 0.3s ease 0s, transform 0.3s ease 0s; } .search-overlay-menu.open form { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .search-overlay-menu form { height: 70px; position: absolute; top: 50%; left: 0; margin: -35px auto 0; width: 60%; left: 20%; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .search-overlay-menu form button { background: transparent; border: medium none; font-size: 32px; font-size: 2rem; position: absolute; right: 0; top: 15px; color: #c6c6c6; outline: none; cursor: pointer; } @media (max-width: 767px) { .search-overlay-menu form button { font-size: 24px; font-size: 1.5rem; top: 8px; } } @media (max-width: 767px) { .search-overlay-menu form { width: 80%; left: 10%; height: 50px; margin: -25px auto 0; } } .search-overlay-menu input[type="search"] { height: 100%; width: 100%; color: #fff; background: transparent; border-top: 0px solid transparent; border-bottom: 2px solid #909090 !important; border-left: 0px solid transparent; border-right: 0px solid transparent; font-size: 42px; font-size: 2.625rem; font-weight: 300; outline: none; padding: 10px 0 10px 0; } @media (max-width: 767px) { .search-overlay-menu input[type="search"] { font-size: 24px; font-size: 1.5rem; } } .closebt { -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; position: absolute; font-size: 32px; font-size: 2rem; top: 15px; right: 25px; color: #fff; opacity: 0.6; width: 30px; height: 30px; display: block; } .closebt:hover { opacity: 1; } /*-------- 3.5 Advertise modal --------*/ /* Advertise and newsletter popup */ .cookie_popup { display: none !important; } .popup_wrapper { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; height: 100%; position: fixed; top: 0; left: 0; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; width: 100%; z-index: 9999999; opacity: 0; } .popup_wrapper .popup_content { background-color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; width: 500px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35); } @media (max-width: 767px) { .popup_wrapper .popup_content { width: 300px; } } .popup_wrapper .popup_content .content { height: 100%; position: relative; } .popup_wrapper .popup_content.newsletter_c { width: 800px; } @media (max-width: 767px) { .popup_wrapper .popup_content.newsletter_c { width: 300px; } } .popup_wrapper .popup_content.newsletter_c figure { position: absolute; overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; margin: 0; } .popup_wrapper .popup_content.newsletter_c figure img { height: 100%; width: auto; } .popup_wrapper .popup_content.newsletter_c .content { height: 100%; padding: 120px 60px; text-align: center; display: flex; align-items: center; } @media (max-width: 767px) { .popup_wrapper .popup_content.newsletter_c .content { padding: 30px 30px 15px 30px; height: auto; } } .popup_wrapper .popup_content.newsletter_c .content .wrapper { width: 100%; } .popup_wrapper .popup_content.newsletter_c .content .wrapper h3 { font-size: 21px; font-size: 1.3125rem; margin-top: 25px; } .popup_wrapper .popup_close { width: 25px; height: 25px; position: absolute; top: 10px; right: 15px; z-index: 9999; font-size: 28px; font-size: 1.75rem; color: #555; cursor: pointer; } .popup_wrapper .popup_close:hover { color: #222; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { border: 1px solid #000000; color: #000000; border-radius: 0; } .search_bar { position: relative; margin-bottom: 60px; } .search_bar input[type='text'] { border: 0; height: 50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding-left: 15px; -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15); } .search_bar input[type='submit'] { position: absolute; right: -1px; color: #fff; font-weight: 600; top: 0; border: 0; padding: 0 25px; height: 50px; cursor: pointer; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; background-color: #262626; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .search_bar input[type='submit']:focus { outline: none; } .search_bar input[type='submit']:hover { -webkit-filter: brightness(115%); filter: brightness(115%); } .home-slider-containermain { background: #fff; } .home-slider-containermain .container-fluid { padding-left: 0 !important; } .home-slider-containermain h1 { font-size: 48px; line-height: 60px; color: #101828; font-family: 'InterBold'; margin-bottom: 20px; } .home-slider-containermain p { font-size: 20px; line-height: 24px; color: #475467; font-family: 'InterRegular'; letter-spacing: 0.2px; margin-bottom: 20px; } .home-slider-containermain .slick-slide img { width: 100%; height: 585px; object-fit: cover; } .home-banner-content { width: 490px; } .btn-book-space { padding: 15px 20px; background: #101828; font-family: 'InterSemiBold'; font-style: normal; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #FFFFFF !important; display: inline-block; } .what-we-provide-sec h2 { font-family: 'InterSemiBold'; font-style: normal; font-size: 20px; margin: 30px 0 20px 0; color: #E08A76; } .what-we-provide-sec .inner-sec-we-provide { display: flex; } .what-we-provide-sec .inner-sec-we-provide a { font-family: 'InterMedium'; font-style: normal; font-size: 16px; line-height: 19px; color: #101828; /* margin-right: 32px; width: 176px; */ margin-bottom: 20px; } .home-video-sec { background: #F5F5F5; padding: 100px 0; } .home-video-sec .row { padding-top: 120px; } .home-video-sec .head_title { font-family: 'InterSemiBold'; font-style: normal; font-size: 18px; line-height: 22px; color: #E08A76; margin-bottom: 15px; } .home-video-sec .head_main_title { font-family: 'InterBold'; font-style: normal; font-size: 30px; line-height: 40px; color: #101828; margin-bottom: 10px; } .home-video-sec .inner_title { font-family: 'InterRegular'; font-style: normal; font-size: 18px; line-height: 22px; color: #475467; margin-bottom: 50px; width: 592px; } .home-video-sec h3, .home-featured-sec h3 { margin: 0 0 50px; } .home-video-sec .thumb-video-sec { margin: 18px 0 0 0; } .home-video-sec .thumb-video-des { border-bottom: 1px dotted #303552; padding: 0 0 18px; margin: 0 0 18px; } .home-video-sec .thumb-video-des a {} .home-video-sec .thumb-video-sec figure { display: inline-block; vertical-align: top; margin: 0 45px 0 0; } .home-video-sec .thumb-video-sec .btn_1 { float: right; margin: 20px 0 0 0; } .home-video-sec .thumb-video-sec a.btn_1.outline:hover { border-color: #fff; color: #fff !important; } .home-video-sec .big-video .video-text { font-family: 'optimabold'; font-size: 20px; line-height: 30px; font-weight: normal; color: #303552; display: inline-block; } .home-video-sec .thumb-video-sec .yvideo-box { display: inline-block; vertical-align: top; margin: 0 45px 0 0; } .home-video-sec .thumb-video-sec .video-text { font-family: 'optimabold'; font-size: 20px; line-height: 30px; font-weight: normal; color: #303552; display: inline-block; vertical-align: top; width: 52%; } .home-video-sec .big-video img { width: 100%; } .home-video-sec .big-video h1 { max-width: 745px; color: #303552; margin: 40px 0 20px; } .home-video-sec .big-video p { font-family: 'optimabold'; font-size: 30px; line-height: 35px; font-weight: normal; color: #282828; margin: 0; } .home-video-sec .big-video p a { color: #282828; text-decoration: underline; } .home-video-sec .big-video figure { margin: 0; } .home-video-sec .big-video figure a { position: relative; } .home-video-sec .big-video a span img { width: auto; } .home-video-sec .big-video a span { position: absolute; z-index: 999; display: flex; align-items: center; justify-content: center; top: 0; left: 0; right: 0; bottom: 0; } .home-clienttesti-sec { background-color: #FFF7F6; padding: 58px 0; } .why_choose_sec .left-sec { padding-left: 0; text-align: end; } .why_choose_sec .row { align-items: center; } .why_choose_sec .right-sec.mobile { display: none; } .why_choose_sec .right-sec .head_title { font-family: 'InterSemiBold'; font-style: normal; font-size: 18px; line-height: 22px; letter-spacing: 0.2px; color: #E08A76; margin-bottom: 15px; } .home-clienttesti-sec .col-md-6 .head_title { font-family: 'InterSemiBold'; font-style: normal; font-size: 18px; line-height: 22px; letter-spacing: 0.2px; color: #E08A76; margin: 0 0 15px 0; } .why_choose_sec .right-sec h3 { font-family: 'InterBold'; font-style: normal; font-size: 30px; line-height: 40px; color: #101828; margin-bottom: 30px; max-width: 500px; } .home-clienttesti-sec .col-md-6 h3 { font-family: 'InterBold'; font-style: normal; font-size: 30px; line-height: 40px; color: #101828; margin-bottom: 10px; max-width: 500px; } .why_choose_sec .right-sec p { font-family: 'InterRegular'; font-style: normal; font-size: 16px; line-height: 22px; color: #475467; margin-bottom: 30px; max-width: 550px; } .home-clienttesti-sec .col-md-6 p { font-family: 'InterRegular'; font-style: normal; font-size: 18px; line-height: 22px; color: #475467; margin-bottom: 30px; max-width: 550px; } .home-clienttesti-sec .col-md-6.right-sec { background: #00818D; padding: 30px; display: flex; flex-direction: column; align-items: center; height: fit-content; } .home-clienttesti-sec .col-md-6.right-sec .our_space_title { font-family: 'InterBold'; font-style: normal; font-size: 30px; line-height: 40px; color: #FFFFFF; margin-bottom: 27px; text-align: center; } .home-clienttesti-sec .row.inner_choose_sec { align-items: center; } .home-clienttesti-sec .col-md-6.right-sec .left_img .image_one { margin-bottom: 22px; height: 277px; object-fit: cover; } .home-clienttesti-sec .col-md-6.right-sec .right_img { text-align: end; } .home-clienttesti-sec .col-md-6.right-sec .right_img img { height: 493px; object-fit: cover; } .inner-banner { padding: 50px 0 0; min-height: 100px; z-index: -1; } .inner-banner .breadcrumb, .breadcrumb { background: transparent; padding: 0; margin: 0 0 24px; } .inner-banner .breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item+.breadcrumb-item::before { display: none; } .inner-banner .post::before, .inner-banner .archive::before { display: inline-block; color: #101828; content: ">"; } .archive.post-location-archive { display: none; } .breadcrumb-item+.breadcrumb-item::before { padding-left: .5rem; } .archive.current-item::before, .post::before, .archive::before { padding-right: .5rem; padding-left: .5rem; } .breadcrumb-item+.breadcrumb-item { padding-right: 0rem; padding-left: 0; } .inner-banner .breadcrumb-item, .breadcrumb-item, .breadcrumb span .post, .post.current-item { font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; } .inner-banner .breadcrumb-item.active, .breadcrumb-item.active, .breadcrumb .post.current-item { color: #475467; } .inner-banner .breadcrumb-item a, .breadcrumb-item a, .breadcrumb span a, .project-root.post.post-project { color: #475467; } .breadcrumb-item .post.post-page.current-item, .breadcrumb-item .post.current-item { margin-bottom: 0; } .inner-banner h1 { font-family: 'InterSemiBold'; font-style: normal; font-size: 18px; line-height: 22px; color: #E08A76; margin-bottom: 15px; } .product-wrap h2 { font-family: 'InterSemiBold'; font-style: normal; font-size: 18px; line-height: 22px; color: #101828; margin-bottom: 15px; } .inner-banner h2 { font-family: 'InterRegular'; font-style: normal; font-size: 18px; line-height: 25px; color: #475467; margin-bottom: 0; } .inner-banner .facylty-degination { font-family: 'optimabold'; font-size: 20px; line-height: 30px; font-weight: normal; color: #fff; margin: 20px 0 0; } .inner-banner .facylty-degination a { color: #f8cd47; text-decoration: underline; } .inner-banner .facylty-degination img { margin: 0 0 0 15px; } .w-60 { width: 60%; } .board-listing { padding: 60px 0; } .board-listing .item { margin: 0 0 75px; } .board-listing .item .item-img { width: 100%; height: 300px; } .board-listing .item h3, .faculty-listing .item h3 { font-family: 'optimabold'; font-size: 20px; line-height: 30px; font-weight: normal; color: #282828; margin: 20px 0 10px; text-align: center; text-transform: capitalize; } .board-listing .item p, .faculty-listing .item p { font-family: 'optimanormal'; font-size: 17px; line-height: 25px; font-weight: normal; color: #282828; text-align: center; margin: 0 0 0; } .board-listing .item .item-img img { width: 100%; } .inner_third_sec .rs-sec { display: flex; align-items: center; } .inner_third_sec .rs-sec img { width: 30px; height: 30px; } /* .faculty-listing { padding: 52px 0 60px; } */ .faculty-listing .item { margin: 0 0 60px; } .faculty-listing .item .item-img { width: 100%; height: 300px; } .faculty-listing .item .item-img img, .board-listing .item .item-img img { width: 100%; height: 100%; object-fit: cover; } .faculty-listing .nav-tabs { border: none; margin: 0; } #archive-id .tab-content .card { border: none; } .innerpage-content { padding: 60px 0; } .innerpage-content p, .event-content p { /* font-family: 'optimanormal';font-size:20px;line-height:25px; font-weight: normal;color: #4c4c4c;*/ margin: 0 0 35px; } .innerpage-content p.bold-font { font-family: 'optimabold'; } .innerpage-content p:last-child { margin: 0; } h3.small-heading { font-size: 20px; line-height: 25px; font-weight: normal; color: #4c4c4c; margin: 0 0 35px; } .funding-report-sec { background: #ebebeb; padding: 75px 0; } .grey-tabbing {} .grey-tabbing .nav-tabs .nav-link { border: none; margin: 0 43px 0 0; padding: 0 15px 12px 0; border-bottom: 2px solid transparent; height: auto; font-family: 'optimabold'; font-size: 20px; font-weight: normal; line-height: 30px; color: #b3b3b3; } .grey-tabbing .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .grey-tabbing .nav-tabs .nav-link.active, .grey-tabbing .nav-tabs .nav-item.show .nav-link { border-bottom: 2px solid #4c4c4c; background-color: transparent; color: #4c4c4c; } /* .grey-tabbing .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #4c4c4c; color: #b3b3b3; } */ .pdf-item { background: url("../images/bg-pdf.png") no-repeat 0 0; width: 142px; height: 185px; position: relative; display: inline-block; margin: 0 40px 20px 0; vertical-align: top; } .pdf-info { padding: 25px 10px 0 35px; } .pdf-info p { font-family: 'optimanormal'; font-size: 18px; line-height: 23px; font-weight: normal; color: #4c4c4c; margin: 0 0 10px; } .pdf-info h4 { font-size: 18px; line-height: 25px; font-weight: normal; color: #4c4c4c; margin: 0; } .opening-form { padding: 90px 0 100px; background: #ebebeb; } .opening-form .heading { margin: 0 0 68px; display: block; width: 100%; } .opening-form h3 { font-size: 30px; line-height: 35px; color: #303552; text-align: center; display: block; width: 100%; } .form-right { width: 100%; margin: 0 0 0 140px; } label.form-label { display: block; width: 100%; font-family: 'optimanormal'; font-size: 18px; line-height: 21px; font-weight: normal; color: #4c4c4c; margin: 0 0 14px; } label.form-label.fbtext { font-family: 'optimabold'; font-size: 25px; line-height: 27px; font-weight: normal; } .opening .form-check-label { font-family: 'optimabold'; font-size: 25px; line-height: 27px; font-weight: normal; } .label-apply label.form-label { display: inline-block; width: auto; margin: 0 20px 0 0; vertical-align: top; } .label-apply .form-check-label { font-family: 'optimanormal'; font-size: 18px; line-height: 23px; font-weight: normal; color: #4c4c4c; } .form-check-inline .form-check-input { width: 20px; height: 20px; } .form-check-inline { margin: 5px 20px 0 0; } .form-group.label-apply, .form-group.up-file-sec { margin-bottom: 20px; } .opening-form .wpcf7 input[type="file"] { font-size: 15px; } .filename { padding: 5px 10px; white-space: nowrap; font-family: 'optimanormal'; font-size: 16px; line-height: 20px; font-weight: normal; color: #000; } .form-group label[for="file-upload"] { padding: 5px 10px; display: inline-block; background: #fff; cursor: pointer; font-family: 'optimanormal'; font-size: 16px; line-height: 20px; font-weight: normal; color: #000; border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px } #file-upload, #file-upload1 { position: absolute; left: -9999px; } .submit-button { border: none; background: #2c314c; outline: none; cursor: pointer; display: inline-block; text-decoration: none; padding: 20px 24px; color: #f3bb44; font-family: 'optimabold'; font-weight: normal; text-align: center; font-size: 17px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0px; line-height: 20px; ; } .submit-button:focus { outline: none; border: none; } .submit-button:hover { -webkit-filter: brightness(115%); filter: brightness(115%); } .submit-button span { margin: 0 0 0 20px; } .ap-btn-sec a.btn_1.outline:hover { color: #2c314c !important; border: 2px solid #2c314c; } .ap-btn-sec a { display: inline-block; } .ap-btn-sec a.open-link { margin: 0 0 0 0; } .vacanci-sec { margin: 0 0 60px; } .vacanci-sec h3 { margin: 0 0 20px; } .search-box { position: relative; } .search-bar { position: relative; width: 30%; display: inline-block; vertical-align: top; } .search-bar img, .location-bar img { position: absolute; top: 14px; left: 10px; } .search-bar .form-control, .location-bar .form-control { padding: 10px 10px 10px 45px; } .location-bar { position: relative; width: 20%; display: inline-block; vertical-align: top; margin: 0 15px; } .search-button { border: none; background: #2c314c; outline: none; cursor: pointer; display: inline-block; text-decoration: none; padding: 15px 24px; color: #f3bb44; font-family: 'optimabold'; font-weight: normal; text-align: center; font-size: 17px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0px; line-height: 20px; ; } .search-button:focus { outline: none; border: none; } .search-button:hover { -webkit-filter: brightness(115%); filter: brightness(115%); } .search-button span { margin: 0 0 0 25px; } .news-tab { padding: 0; height: 100vh; height: 920px; position: relative; } .news-tab .left-part { background: #e8e9ec; width: 28%; display: inline-block; padding: 80px 58px 80px 10%; vertical-align: top; height: 100vh; height: 100%; } .left-part .search-bar { position: relative; width: 100%; display: inline-block; vertical-align: top; margin: 0 0 90px; } .left-part .search-bar .form-control { border: 2px solid #ccc; background: transparent; padding: 10px 10px 10px 10px; } .left-part .search-bar img { position: absolute; top: 14px; left: inherit; right: 10px; } .news-tab .nav-pills {} .news-tab .nav-pills .nav-link { border: none; margin: 0 0 15px 0; padding: 0 20px 15px 15px; border-bottom: 2px solid transparent; height: auto; font-family: 'optimabold'; font-size: 18px; font-weight: normal; line-height: 21px; color: #b3b3b3; } .news-tab .nav-pills .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .news-tab .nav-pills .nav-link.active, .news-tab .nav-pills .show>.nav-link { border-bottom: 2px solid #f8cd47; background-color: transparent; color: #2c314c; border-radius: 0; } /* .news-tab .nav-pills .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #f8cd47; color: #000; } */ .tab-news-sec { margin: 0 0 40px; padding: 0 20px 30px; border-bottom: 1px dotted #000; display: flex; justify-content: space-between; } .tab-news-text { display: inline-block; vertical-align: top; width: 50%; } .tab-news-text h3 { font-family: 'optimabold'; font-size: 20px; line-height: 30px; font-weight: normal; color: #000; } .tab-news-text p { font-family: 'optimabold'; font-size: 16px; line-height: 20px; font-weight: normal; color: #000; } .tab-news-sec .news-date { display: inline-block; vertical-align: top; width: 48%; } .tab-news-sec .news-date p { font-family: 'optimanormal'; font-size: 16px; line-height: 18px; font-weight: normal; color: #000; margin: 0 0 3px; text-align: right; text-transform: capitalize; } .news-tab .tab-content { width: 61%; display: inline-block; margin: 0 0 0 20px; padding: 80px 0 0 0; height: 100%; overflow-y: scroll; } .contactpage-content { position: relative; padding: 50px 0; } .contact-left .con-l-inner { padding: 100px 0 0 0; } .contact-left .con-l-inner address { margin: 20px 0; } .contact-right { background: #fff; box-shadow: 0 0 28px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 28px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 28px rgba(0, 0, 0, 0.1); } .contact-right .contact-form-padd { padding: 40px; } .contact-right .contact-form-padd .footer-kotturpuram p { margin-bottom: 35px; } .contact-right .contact-form-padd .footer-richmond p { margin-bottom: 15px; } /* .contact-right .contact-form-padd #wpcf7-f1308-o1, .advertisement.contact-right .contact-form-padd #wpcf7-f605-o2 { padding: 50px; } */ /* .contact-right .contact-form-padd #wpcf7-f1174-o1 p { margin-bottom: 20px; } .contact-right .contact-form-padd #wpcf7-f1308-o1 p, .contact-right .contact-form-padd #wpcf7-f86-o1 p { margin-bottom: 30px; } */ .contactpage-content .contact_header_title { font-family: 'InterSemiBold'; font-style: normal; font-size: 60px; line-height: 70px; color: #101828; } .contactpage-content .row.contact_inner_content { display: flex; align-items: center; padding: 100px 0 0; } .contactpage-content .row.contact_image_sec { display: flex; align-items: center; } .contactpage-content .row.contact_inner_content .contact-block h3 { font-family: 'InterBold'; font-style: normal; font-size: 16px; line-height: 20px; color: #E08A76; margin: 24px 0 16px; } .contactpage-content .row.contact_inner_content .contact-block .contact-phone-sec i { margin-right: 10px; margin-bottom: 5px; } .contactpage-content .row.contact_inner_content .contact-block .contact-email-sec i { margin-right: 16px; } .contactpage-content .row.contact_inner_content .contact-block .contact-phone-sec a { font-family: 'InterMedium'; font-style: normal; font-size: 16px; line-height: 19px; color: #475467; margin-bottom: 11px; } .contactpage-content .row.contact_inner_content .contact-block .contact-email-sec span a { font-family: 'InterMedium'; font-style: normal; font-size: 16px; line-height: 19px; color: #475467; margin-bottom: 11px; } .contactpage-content .row.contact_inner_content .contact-block .contact-email-sec { margin-bottom: 50px; } .contactpage-content .row.contact_inner_content .contact-block .contact-address-box li h5 { font-family: 'InterBold'; font-style: normal; font-size: 16px; line-height: 20px; text-decoration-line: underline; color: #E08A76; margin-bottom: 16px; } .contactpage-content .row.contact_inner_content .contact-block .contact-address-box li p { font-family: 'InterRegular'; font-style: normal; font-size: 16px; line-height: 24px; color: #475467; } .from-g { display: block; } input[type="text"], input[type="email"], input[type="number"], input[type="tel"], textarea { border: 0px; border-bottom: 1px solid #667085; width: 100%; font-size: 16px; line-height: 24px; color: #475467; padding: 15px 0 8px; /* margin: 0 0 30px; */ } input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus, input[type="text"]:focus-within, input[type="email"]:focus-within, input[type="number"]:focus-within, input[type="tel"]:focus-within, textarea:focus-within { box-shadow: none; outline: 0; } .contact-right .contact-form-padd textarea { height: 50px; } .from-g.checkbox-item .wpcf7-checkbox .wpcf7-list-item-label { display: none; } /* .contact-block div{margin:0 0 22px;display: block;} .contact-block div i{margin: 0 14px 0 0;display: inline-block;vertical-align: top;} .contact-block div span{font-size: 20px;line-height: 30px;} */ address p { margin-top: 0; font-size: 20px; line-height: 30px; } /* .contact-right { position: absolute; right: 0; top:0; width: 60%; height: 500px; } */ ul.contact-address-box { margin: 0; padding: 0; list-style-type: none; } ul.contact-address-box li { display: inline-block; width: 30.33%; margin: 0; padding: 0; vertical-align: top; } ul.contact-address-box li:nth-child(2) { margin: 0 25px; } ul.contact-address-box li h5 { font-size: 16px; line-height: 20px; margin: 0 0 10px; } ul.contact-address-box li p { font-size: 16px; margin: 0; line-height: 25px; } .form-left-sec { margin: 0 80px 0 auto; width: 400px; } .form-right-sec { margin: 0; width: 635px; } .subscribe-form { margin: 100px 0 0 0; width: 100%; } .subscribe-form .form-content { margin: 0 0 30px; } .subscribe-form .form-content label { font-size: 18px; line-height: 20px; margin: 0 0 15px; } .subscribe-form .form-content.form-theme label { width: 49%; margin: 0; display: inline-block; vertical-align: top; } .subscribe-form .form-content h3 { font-size: 25px; line-height: 29px; font-weight: normal; color: #4c4c4c; margin: 0 0 20px; } .subscribe-form .form-content.fcleft, .subscribe-form .form-content.fcright { display: inline-block; margin: 0 40px 0 0; vertical-align: top; } .subscribe-form .form-content.fcright { margin-right: 0; } .subscribe-form .form-content input[type="checkbox"] { width: 20px; height: 20px; display: inline-block; vertical-align: top; } .subscribe-form .form-content span.cbname { margin: 1px 0 0 10px; display: inline-block; vertical-align: top; width: 85%; } .subscribe-form .form-content h4 { font-size: 20px; line-height: 27px; font-weight: normal; color: #4c4c4c; margin: 0; } .subscribe-form .form-content.bdrb label { margin: 0; } .subscribe-form .form-content.bdrb { border-bottom: 1px solid #b3b3b3; padding: 0 0 30px; } .subscribe-form .form-content.bdrb p { margin-bottom: 20px; } .subscribe-form .form-content.bdrb .ch-agree label { width: 100%; } .form-content-submit .unsubscribe-text { margin: 4px 0 0 20px; display: inline-block; vertical-align: top; font-size: 20px; line-height: 22px; font-weight: normal; color: #4c4c4c; } input[type="submit"].btn-subscribe { border: none; background: #2c314c; outline: none; cursor: pointer; display: inline-block; text-decoration: none; padding: 15px 24px; color: #f3bb44; font-family: 'optimabold'; font-weight: normal; text-align: center; font-size: 17px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0px; line-height: 20px; vertical-align: top; ; } input[type="submit"].btn-subscribe:focus { outline: none; border: none; } input[type="submit"].btn-subscribe:hover { -webkit-filter: brightness(115%); filter: brightness(115%); } .mc4wp-response { text-align: center; } .mc4wp-response .mc4wp-notice { padding: 50px 0 0 0; } .mc4wp-response .mc4wp-success { padding: 0; } .loadmore { display: inline-block; text-align: center; cursor: pointer; } .loadmore span { display: block; font-family: 'optimabold'; font-size: 20px; line-height: 22px; font-weight: normal; color: #4c4c4c; } .page-template-peoples-listing .loadmore, .page-template-people-research-staff .loadmore, .page-template-people-communications .loadmore, .page-template-faculty-emeriti .loadmore, .page-template-people-finance-admin .loadmore, .page-template-people-staff-directory .loadmore { display: block; text-align: center; cursor: pointer; margin: 0 auto 40px; width: 100px; } .news-title-sec { padding: 40px 0; } .news-content-sec { background: #e8e9ec; padding: 40px 0 60px; } .news-img { margin: 40px 0 0 0; } .news-content { padding: 0px 0 60px; border-bottom: 1px solid #dadada; } .why_choose_sec { background-color: #F5F5F5 !important; padding: 100px 0; } .why_choose_sec.bg-white { padding: 50px 0; } .wcf-box { width: 31%; display: inline-block; vertical-align: text-top; margin: 24px 0; text-align: center; } .wcf-box figure { margin: 0; width: 72px; height: 72px; border-radius: 5px; display: inline-block; text-align: center; vertical-align: top; padding: 16px 0 0 0; } .wcf-box:nth-child(4) figure { background: #CBF3F0; } .wcf-box:nth-child(5) figure { background: #D2E1E4; } .wcf-box:nth-child(6) figure { background: #FFE1CD; } .wcf-box:nth-child(7) figure { background: #E4DDFE; } .wcf-box:nth-child(8) figure { background: #CCD8F2; } .wcf-box:nth-child(9) figure { background: #E9EDC9; } .wcf-box:nth-child(10) figure { background: #FFE7D2; } .wcf-box:nth-child(11) figure { background: #BCF4FE; } .wcf-box:nth-child(12) figure { background: #FFDCD5; } .wcf-box:nth-child(13) figure { background: #FACCCC; } .wcf-box:nth-child(14) figure { background: #CDF6D8; } .wcf-box:last-child figure { background: #D2E1E4; } .wcf-box h4 { font-size: 16px; line-height: 22px; color: #101828; max-width: 150px; margin: 0 auto; margin-top: 10px; } .wcf-box p { font-size: 16px; line-height: 19px; color: #475467; } .city-box { position: relative; } .city-box figure { margin: 0; position: relative; } .location-amenities-sec .city-box figure img { min-height: 430px; } .city-box .city-name { position: absolute; bottom: 17px; left: 0; right: 0; display: block; margin: 0 0px; padding: 16px 20px; } .city-box a { position: relative; font-family: 'InterBold'; font-style: normal; font-size: 20px; color: #111827; padding: 0 0 0 20px; display: block; width: 100%; } .city-box a img { float: right; padding: 3px 10px 0 0; } .blur { background: rgba(255, 255, 255, 0.6); background-size: auto; background-size: cover; overflow: hidden; backdrop-filter: blur(11px); position: absolute; height: 62px; width: 605px; bottom: 0px; } .home-map-sec { padding: 50px 0; /* background-color: #F5F5F5; */ } .home-map-sec .contact-title { font-family: 'InterSemiBold'; font-style: normal; font-size: 18px; line-height: 22px; letter-spacing: 0.2px; color: #E08A76; margin: 24px 0 16px 0; } .home-map-sec .inner-contact-sec { display: flex; justify-content: space-between; } .home-map-sec .inner-contact-sec .head_office { width: 280px; } .home-map-sec .inner-contact-sec .head_office p { font-family: 'InterMedium'; font-style: normal; font-size: 16px; line-height: 24px; color: #475467; } .home-map-sec .inner-contact-sec .contact-phone-sec { display: flex; } .home-map-sec .inner-contact-sec .contact-phone-sec ul li { font-family: 'InterMedium'; font-style: normal; font-size: 16px; line-height: 32px; color: #475467; margin: 0 0 0 16px; } .contact-phone-sec span a { font-family: 'InterMedium'; font-style: normal; font-size: 16px; line-height: 32px; color: #111; /* margin: 0 0 0 16px; */ } .contact-address-box p { font-family: 'InterMedium'; font-style: normal; font-size: 16px; line-height: 32px; color: #475467; margin: 0; } .home-map-sec .inner-contact-sec .contact-phone-sec ul { margin: 0; list-style: none; padding: 0; } .home-map-sec .inner-contact-sec .contact-email-sec span a { font-family: 'InterMedium'; font-style: normal; font-size: 16px; line-height: 32px; color: #111; /* margin: 0 0 0 12px; */ } .home-map-sec .inner-contact-sec .contact-address-sec { width: 230px; } .home-map-sec .inner-contact-sec .contact-address-sec p { font-family: 'InterMedium'; font-style: normal; font-size: 16px; line-height: 28px; color: #111; } .contact_form_sec { padding: 50px 50px 20px 50px; background: #FFFFFF; box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.05); } .contact-right .contact-form-padd form p+p+p+p+p+p+p { margin-bottom: 0 !important; } .contact-right .contact-form-padd label { width: 100%; } input .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder { font-family: 'InterRegular'; font-style: normal; font-size: 16px; line-height: 24px; color: #475467; } .wpcf7-list-item { margin: 0; } input[type=checkbox] { width: 20px; height: 20px; border: 1px solid #475467; border-radius: 4px; margin-right: 12px; } .wpcf7-list-item-label { font-family: 'InterRegular'; font-style: normal; font-size: 16px; line-height: 24px; color: #475467; } .wpcf7-list-item.first.last label { display: flex; justify-content: center; } .wpcf7-form-control.wpcf7-submit { padding: 12px 20px; width: -webkit-fill-available; height: 48px; background: #101828; box-shadow: 0px 1px 2px rgb(16 24 40 / 5%); font-family: 'InterMedium'; font-style: normal; font-size: 16px; line-height: 24px; text-transform: uppercase; color: #FFFFFF; } .wpcf7-spinner { display: none; } .wpcf7-form.submitting .wpcf7-spinner { display: inline-block;visibility: visible; } #wpcf7-f528-o1 .wpcf7-form.submitting .wpcf7-spinner{display:block;margin:10px auto;} .media-sec { background-color: #FFF7F6; padding: 58px 0; } .blog-content { padding: 0 15px; } .blog-content h1 { font-family: 'InterSemiBold'; font-style: normal; font-size: 18px; line-height: 22px; color: #E08A76; margin-top: 10px; margin-bottom: 15px; } .blog-content h3 { font-family: 'InterBold'; font-style: normal; font-size: 30px; line-height: 36px; color: #101828; margin-bottom: 50px; } .blog-sec { background: #F5F5F5; padding: 50px 0; } .blog-sec .head_title, .media-sec .head_title { font-family: 'InterSemiBold'; font-style: normal; font-size: 18px; line-height: 22px; letter-spacing: 0.2px; color: #E08A76; margin: 0 0 15px 0; } .contact-form-sec p { font-family: 'InterSemiBold'; font-style: normal; font-size: 18px; line-height: 22px; letter-spacing: 0.2px; color: #E08A76; margin: 0; } .contact-form-sec.footer p { font-size: 15px; line-height: 18px; } .blog-sec h3, .media-sec h3 { font-family: 'InterBold'; font-style: normal; font-size: 30px; line-height: 36px; color: #101828; margin-bottom: 61px; } .blog_main_sec .inner-blog-contain h3 { font-family: 'InterSemiBold'; font-style: normal; font-size: 22px; line-height: 32px; color: #101828; margin: 20px 0 10px; } .main-blog-sec h5 { font-family: 'InterSemiBold'; font-style: normal; font-size: 22px; line-height: 32px; color: #101828; margin: 20px 0 10px; min-height: 100px; } .blog_main_sec .inner-blog-contain p, .main-blog-sec p { font-family: 'InterRegular'; font-style: normal; font-size: 16px; line-height: 24px; color: #475467; margin-bottom: 20px; } .blog_main_sec .inner-blog-contain span { font-family: 'InterSemiBold'; font-style: normal; font-size: 16px; line-height: 20px; color: #101828; margin-bottom: 0; } /* FAQ Page Css Start */ .ja-list.workingpaper { padding: 50px 0 100px; } .ja-list.workingpaper .faq-sec p { font-family: 'InterSemiBold'; font-style: normal; font-size: 20px; line-height: 24px; letter-spacing: 0.2px; color: #E08A76; margin-bottom: 15px; } .ja-list.workingpaper .faq-sec h1 { font-family: 'InterBold'; font-style: normal; font-size: 40px; line-height: 48px; color: #101828; margin-bottom: 20px; } .ja-list.workingpaper .faq-sec p { font-family: 'InterRegular'; font-style: normal; font-size: 18px; line-height: 22px; color: #475467; margin-bottom: 20px; } .ja-list.workingpaper .faq-sec p a { font-family: 'InterBold'; color: #00818D; } .accordion-button::after { flex-shrink: 0; display: block; width: 15px; height: 8px; margin-left: auto; content: ""; background-image: url(../images/down-arrow.png); background-repeat: no-repeat; /* background-size: 1.25rem; */ transition: transform .2s ease-in-out; } .accordion-button:not(.collapsed)::after { background-image: url(../images/up-arrow.png); transform: none; } .accordion-button:not(.collapsed) { background: #FFF7F6; color: #101828; box-shadow: none; } .accordion-button { font-family: 'InterSemiBold'; font-style: normal; font-size: 18px; line-height: 22px; color: #101828; padding: 20px 32px; border: 1px solid #E5E7EB; border-radius: 0; display: flex; align-items: center; } .accordion-button:hover, .accordion-button:focus { border: 1px solid #E5E7EB; color: #101828; text-decoration: none; } .card-body { padding: 20px 32px; border: 1px solid #E5E7EB; font-family: 'InterRegular'; font-style: normal; font-size: 16px; line-height: 22px; color: #475467; } /* FAQ Page Css End */ /* About Us Page Css Start */ .about-sec .about_banner { width: 100%; height: 448px; object-fit: cover; } .about-sec figure { margin: 0; } .about-inner-sec .main-about-sec { max-width: 800px; margin: 0 auto; position: relative; } .about-inner-sec .main-about-sec .about-header-sec { background: #FFF7F6; padding: 40px 31px; text-align: center; position: absolute; top: -120px; } .about-inner-sec .main-about-sec .about-header-sec h2 { font-family: 'InterBold'; font-style: normal; font-size: 60px; line-height: 73px; color: #101828; margin-bottom: 20px; } .about-inner-sec .main-about-sec .about-header-sec p { font-family: 'InterRegular'; font-style: normal; font-size: 20px; line-height: 24px; color: #475467; margin: 0; } .about-inner-sec .main-about-sec .about-content-sec { padding-top: 220px; display: flex; } .about-inner-sec .main-about-sec .about-content-sec p { font-family: 'InterRegular'; font-style: normal; font-size: 18px; line-height: 25px; color: #475467; max-width: 384px; } .about-inner-sec .main-about-sec .about-content-sec div p:first-child, .about-inner-sec .main-about-sec .about-content-sec div p:last-child { margin: 0; } .about-inner-sec .main-about-sec .about-content-sec div p+p { margin-bottom: 20px; } .btn-get-in-touch { padding: 15px 20px; background: #101828; color: #fff !important; font-family: 'InterSemiBold'; font-style: normal; font-size: 14px; line-height: 20px; text-transform: uppercase; display: inline-block; } .get-in-touch-sec { display: flex; justify-content: center; padding: 30px 0 50px; } .get-in-touch-sec.left { justify-content: flex-start; } .about-content-sec .right-side { margin-left: 32px; } /* About Us Page Css End */ /* Location Listing Page Css Start */ .location-banner .col-md-4 img { min-height: 220px; object-fit: cover; } .location-banner .location-inner-sec { max-width: 615px; } .location-banner .location-inner-sec h1 { font-family: 'InterBold'; font-style: normal; font-size: 60px; line-height: 73px; color: #101828; margin-bottom: 20px; } .location-banner .location-inner-sec p { font-family: 'InterRegular'; font-style: normal; font-size: 20px; line-height: 24px; letter-spacing: 0.2px; color: #475467; margin-bottom: 20px; } .location-amenities-sec, .location-shared-space-sec { background: #FFF7F6; padding: 80px 0; } .location-shared-space-sec.bg-white { background: transparent; } .location-amenities-sec .head_title, .location-shared-sec .head_title, .location-shared-space-sec .head_title, .home-map-sec h3 { font-family: 'InterSemiBold'; font-style: normal; font-size: 18px; line-height: 22px; color: #E08A76; margin-bottom: 15px; } .location-sec .head_title { font-family: 'InterBold'; font-style: normal; font-size: 30px; line-height: 36px; color: #101828; margin-bottom: 20px; } .location-amenities-sec h3, .location-shared-sec h3, .location-amenities-sec h2, .location-shared-space-sec.advertisement h2, .why_choose_sec h2, .home-map-sec h2 { font-family: 'InterBold'; font-style: normal; font-size: 30px; line-height: 36px; color: #101828; margin-bottom: 25px; } .location-amenities-sec p, .location-shared-sec p { font-family: 'InterRegular'; font-style: normal; font-size: 18px; line-height: 22px; color: #475467; margin-bottom: 50px; /* max-width: 592px; */ } .location-amenities-sec .we-provide-box p { font-family: 'InterRegular'; font-style: normal; font-size: 16px; line-height: 22px; color: #475467; margin-bottom: 10px; } .city-office-sec { background: #fff; padding: 32px 30px; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.07); min-height: 250px; } .city-office-sec h3, .contact-form-sec h3 { font-family: 'InterBold'; font-style: normal; font-size: 30px; line-height: 36px; color: #101828; margin-bottom: 10px; } .contact-form-sec.footer h3 { font-size: 24px; line-height: 28px; margin-bottom: 5px; } .city-office-sec p { font-family: 'InterRegular'; font-style: normal; font-size: 18px; line-height: 22px; color: #475467; margin-bottom: 20px; } .location-shared-space-sec h3 { font-family: 'InterBold'; font-style: normal; font-size: 30px; line-height: 36px; color: #101828; margin-bottom: 50px; } .shared-space-inner { margin-bottom: 30px; } .shared-space-inner h4 { font-family: 'InterBold'; font-style: normal; font-size: 23px; line-height: 140%; color: #101828; margin: 20px 0 10px; } .shared-space-inner p { font-family: 'InterRegular'; font-style: normal; font-size: 18px; line-height: 22px; color: #475467; margin-bottom: 20px; } .we-provide-box { width: 33.33%; display: inline-block; margin: 24px 0; vertical-align: text-top; } .we-provide-box figure { margin: 0; width: 72px; height: 72px; border-radius: 5px; display: inline-block; text-align: center; vertical-align: top; padding: 16px 0 0 0; } .service-provider .we-provide-box:nth-child(1) figure { background: #D2E1E4; } .service-provider .we-provide-box:nth-child(2) figure { background: #FFE1CD; } .service-provider .we-provide-box:nth-child(3) figure { background: #E4DDFE; } .service-provider .we-provide-box:nth-child(4) figure { background: #FACCCC; } .service-provider .we-provide-box:nth-child(5) figure { background: #CDF6D8; } .service-provider .we-provide-box:nth-child(6) figure { background: #CCD8F2; } .service-provider .we-provide-box:nth-child(7) figure { background: #E9EDC9; } .service-provider .we-provide-box:nth-child(8) figure { background: #BFF6F8; } .service-provider .we-provide-box:nth-child(9) figure { background: #BCF4FE; } .service-provider .we-provide-box:nth-child(10) figure { background: #FFE7D2; } .service-provider .we-provide-box:nth-child(11) figure { background: #CBF3F0; } .service-provider .we-provide-box:nth-child(12) figure { background: #FFDCD5; } .we-provide-box h4 { font-family: 'InterBold'; font-style: normal; font-size: 18px; line-height: 22px; color: #101828; margin: 20px 0 0; } .location-benifit-sec { padding: 100px 0; } .location-benifit-sec .head_title { font-family: 'InterSemiBold'; font-style: normal; font-size: 18px; line-height: 22px; letter-spacing: 0.2px; color: #E08A76; margin-bottom: 15px; } .location-benifit-sec h3 { font-family: 'InterBold'; font-style: normal; font-size: 30px; line-height: 36px; color: #101828; margin-bottom: 10px; } .location-benifit-sec p { font-family: 'InterRegular'; font-style: normal; font-size: 18px; line-height: 22px; letter-spacing: 0.2px; color: #475467; margin-bottom: 20px; } .location-benifit-sec .service-provider { background: #F8F9FA; padding: 80px 50px; } /* Location Listing Page Css End */ /* Location Single Listing Page Css Start */ .main-location-sec { background: #FFF7F6; padding: 50px 0; } .single-location-sec { padding-bottom: 100px; background: #FFF7F6; } .workspace-head-sec { margin: 0 auto; max-width: 850px; text-align: center; } .workspace-head-sec h1 { font-family: 'InterBold'; font-style: normal; font-size: 60px; line-height: 73px; text-align: center; color: #101828; padding: 0 0 50px 0; margin: 0; } .location-amenities-sec .we-provide-box:nth-child(2) figure, .location-benifit-sec.detail .we-provide-box:nth-child(2) figure { background: #CBF3F0; } .location-amenities-sec .we-provide-box:nth-child(3) figure { background: #D2E1E4; } .location-amenities-sec .we-provide-box:nth-child(4) figure { background: #FFE1CD; } .location-amenities-sec .we-provide-box:nth-child(5) figure { background: #E4DDFE; } .location-amenities-sec .we-provide-box:nth-child(6) figure, .location-benifit-sec.detail .we-provide-box:nth-child(5) figure { background: #CCD8F2; } .location-amenities-sec .we-provide-box:nth-child(7) figure, .location-benifit-sec.detail .we-provide-box:nth-child(6) figure { background: #E9EDC9; } .location-amenities-sec .we-provide-box:nth-child(8) figure, .location-benifit-sec.detail .we-provide-box:nth-child(7) figure { background: #FFE7D2; } .location-amenities-sec .we-provide-box:nth-child(9) figure { background: #BCF4FE; } .location-amenities-sec .we-provide-box:nth-child(10) figure { background: #FFDCD5; } .location-amenities-sec .we-provide-box:nth-child(11) figure, .location-benifit-sec.detail .we-provide-box:nth-child(1) figure { background: #FACCCC; } .location-amenities-sec .we-provide-box:nth-child(12) figure, .location-benifit-sec.detail .we-provide-box:nth-child(8) figure { background: #CDF6D8; } .location-amenities-sec .we-provide-box:nth-child(13) figure { background: #D2E1E4; } .location-amenities-sec .we-provide-box:nth-child(14) figure { background: #afcad9; } .location-amenities-sec .we-provide-box:nth-child(15) figure { background: #b0e7d2; } .location-amenities-sec .we-provide-box:nth-child(16) figure { background: #d6dc9b; } .location-benifit-sec.detail .we-provide-box:nth-child(3) figure { background: #E4DDFE; } .location-benifit-sec.detail .we-provide-box:nth-child(4) figure { background: #FACCCC; } h3.w-35 { max-width: 591px; } .location-shared-space-sec.detail { background: transparent; padding: 100px 0; } .location-benifit-sec.detail { padding: 80px 0; } .workspace .head_title { font-family: 'InterSemiBold'; font-style: normal; font-size: 18px; line-height: 22px; letter-spacing: 0.2px; color: #E08A76; margin-bottom: 15px; } .workspace h3 { font-family: 'InterBold'; font-style: normal; font-size: 30px; line-height: 40px; color: #101828; margin-bottom: 10px; } .workspace p { font-family: 'InterRegular'; font-style: normal; font-size: 18px; line-height: 22px; color: #475467; margin-bottom: 30px; } .location-sec { padding: 0 0 80px 0; } /* Location Single Listing Page Css End */ /* Blog Page Css Start */ .main-blog-sec { margin-bottom: 32px; max-width: 100%; } .blog-slider.owl-carousel .owl-item .blog-main-img { margin: 0; } .blog-slider.owl-carousel .owl-item .blog-main-img img { height: 238px; width: 100%; object-fit: cover; } .blog-slider.owl-carousel .owl-item img { width: auto; } .blog-slider .owl-dots, .location-slider .owl-dots { display: none; } .blog-slider.owl-theme .owl-nav { top: -120px; display: flex; } .blog-slider.owl-carousel .owl-nav button.owl-prev, .blog-slider.owl-carousel .owl-nav button.owl-next { background: #F3F4F6; border: 1px solid #00818D; width: 40px; height: 40px; border-radius: 50%; font-size: 32px !important; display: flex; align-items: center; justify-content: center; } /* .blog-slider.owl-theme .owl-nav .disabled { opacity: 1; } */ .location-slider.owl-theme .owl-nav { margin-top: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 999; -webkit-tap-highlight-color: transparent; display: flex; justify-content: space-between; align-items: center; } .blog-slider.owl-theme .owl-nav [class*=owl-], .client-slider.owl-theme .owl-nav [class*=owl-], .media-slider.owl-theme .owl-nav [class*=owl-], .media-new-slider.owl-theme .owl-nav [class*=owl-], .location-slider.owl-theme .owl-nav [class*=owl-] { color: #00818D !important; } .main-blog-sec h3 { font-family: 'InterSemiBold'; font-style: normal; font-size: 22px; line-height: 32px; color: #101828; margin: 20px 0 10px; min-height: 100px; } .main-blog-sec h3 img { float: right; margin-top: 10px; } .main-blog-sec p+p { font-family: 'InterRegular'; font-style: normal; font-size: 16px; line-height: 24px; color: #475467; margin-bottom: 20px; min-height: 75px; } .main-blog-sec p { font-family: 'InterRegular'; font-style: normal; font-size: 16px; line-height: 24px; color: #475467; margin-bottom: 20px; } .btn-read-more { padding: 15px 20px; font-family: 'InterMedium'; font-style: normal; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #FFFFFF; background: #00818d; border: 1px solid #00818d; display: inline-block; } .btn-read-more:hover, .btn-read-more:focus, .btn-read-more:visited { color: #fff !important; } .contact-form-sec span { font-family: 'InterRegular'; font-style: normal; font-size: 16px; line-height: 24px; color: #475467; margin-bottom: 18px; display: inline-block; } .contact-form-sec.footer span { font-size: 13px; line-height: 20px; } .main-blog-sec p:first-child { margin: 0; } .main-blog-sec span { font-family: 'InterSemiBold'; font-style: normal; font-size: 16px; line-height: 20px; color: #101828; } .page-numbers.current { padding: 10px 16.5px; background: #00818D; border-radius: 8px; font-family: 'InterMedium'; font-style: normal; font-size: 14px; line-height: 20px; text-align: center; color: #FFFFFF; } .page-numbers, .next.page-numbers, .prev.page-numbers { padding: 10px 16.5px; font-family: 'InterMedium'; font-style: normal; font-size: 14px; line-height: 20px; text-align: center; color: #101828; } .blog_image_sec img { width: 100%; height: 500px; object-fit: cover; } .entry-content { max-width: 800px; margin: 0 auto; padding: 50px 0 100px; } .entry-header h1 { font-family: 'InterBold'; font-style: normal; font-size: 40px; line-height: 45px; color: #101828; margin-bottom: 0; } .privacy-policy-sec { padding: 30px 0; } .entry-content p, .entry-content ul li, .privacy-policy-sec p { font-family: 'InterRegular'; font-style: normal; font-size: 18px; line-height: 25px; color: #475467; margin-bottom: 15px; text-align: justify; } .entry-content p a { color: #01818d; text-decoration: underline; } .entry-content h3, .privacy-policy-sec h3 { font-family: 'InterSemiBold'; font-style: normal; font-size: 22px; line-height: 28px; color: #E08A76; margin-bottom: 15px; } .entry-content h2 { font-family: 'InterBold'; font-style: normal; font-size: 30px; line-height: 40px; color: #101828; margin-bottom: 10px; } .pagination-sec { padding-bottom: 50px; } /* blockquote { background: #f5f5f5; border-left: 4px solid #d0aa4d; padding: 10px 30px; margin: 30px 0 20px; } blockquote p:last-child { margin-bottom: 0; } */ p:empty { display: none !important; } /* Modal Get free trial */ .contact-info { text-align: center; } .contact-info h3 { font-family: 'InterBold'; font-style: normal; font-size: 20px; line-height: 140%; color: #E08A76; margin-bottom: 15px; } .contact-info p { font-family: 'InterMedium'; font-style: normal; font-size: 16px; line-height: 19px; color: #101828; margin-bottom: 10px; } /* Modal Book Your Space CSS */ .book-your-space { background: #f5f5f5; } .book-your-space .modal-dialog.book-your-space, .book-your-space-page .modal-dialog.book-your-space { margin: 50px auto 100px; max-width: 592px; } .book-your-space .close { font-size: 40px; color: #000; text-shadow: 0 1px 0 #fff; position: absolute; right: 112px; top: 46px; float: none; font-weight: normal; opacity: 1; line-height: normal; } .personal_info_heading { display: flex; align-items: center; margin-bottom: 35px; } .personal_info_heading h3 { font-family: 'InterBold'; font-style: normal; font-size: 20px; line-height: 140%; color: #101828; margin: 0 0 0 10px; } .modal-body.book_your_space { padding: 40px; } .row.name_sec, .row.mail_sec { margin-bottom: 20px; align-items: center; } .row.mail_sec.total { margin-bottom: 40px; } .personal_info label, .book_now input { width: 100% !important; } .personal_info .row.mail_sec select, .personal_info .row.mail_sec input { border: 0px; border-bottom: 1px solid #667085; width: 100%; font-size: 16px; line-height: 24px; color: #475467; padding: 15px 0 8px; } .personal_info .row.mail_sec h3 { font-family: 'InterSemiBold'; font-style: normal; font-size: 17px; line-height: 24px; color: #101828; margin: 0; } /* advertisement page css */ .advertisement.contact-right { max-width: 488px; } .banner-img { position: relative; } .location-banner.advertisement img { height: 550px; object-fit: cover; } .location-banner.advertisement .container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; } .location-banner.advertisement .row { align-items: center; } .location-banner.advertisement h1 { font-family: 'InterBold'; font-style: normal; font-size: 58px; line-height: 68px; color: #fff; margin: 0 0 10px 0; } .location-banner.advertisement h2 { font-family: 'InterSemiBold'; font-style: normal; font-size: 20px; color: #E08A76; } .advertisement-inner-sec { background: #FFF7F6; padding: 50px 0; } .advertisement-inner-sec .adver_sec h3 { font-family: 'InterBold'; font-style: normal; font-size: 24px; line-height: 140%; color: #101828; margin-bottom: 10px; } .advertisement-inner-sec .adver_sec p { font-family: 'InterRegular'; font-style: normal; font-size: 18px; line-height: 22px; color: #475467; margin: 0; } .location-shared-sec.advertisement { padding: 100px 0; } .location-shared-sec.advertisement .head_title { color: #000; } .location-shared-sec.advertisement p { color: #6D7280; } .location-amenities-sec.advertisement { background: transparent; padding: 50px 0; } .location-shared-space-sec.advertisement { padding: 50px 0; } .row.free-trial { padding-top: 30px; } .product-wrap { padding: 50px 0; } .product-wrap .element-item { padding: 20px; background: #FFFFFF; box-shadow: 0px 0px 24px rgb(0 0 0 / 10%); margin: 0 15px 50px; max-width: 433px; } .product-wrap .element-item .main-image { height: 251px; width: 393px; object-fit: cover; } .product-wrap .element-item .inner-product { padding: 20px; } .product-wrap .element-item .inner-product .inner_first_sec, .product-wrap .element-item .inner-product .inner_second_sec, .product-wrap .element-item .inner-product .inner_third_sec { display: flex; justify-content: space-between; align-items: center; } .inner-product .inner_first_sec h3 { font-family: 'InterSemiBold'; font-style: normal; font-size: 18px; line-height: 22px; color: #101828; } .inner-product .inner_first_sec .star-sec { background: #E08A76; border-radius: 5px; padding: 5px 10px; width: 82px; height: 34px; display: flex; align-items: center; justify-content: center; } .inner-product .inner_first_sec .star-sec p { font-family: 'InterSemiBold'; font-style: normal; font-size: 20px; line-height: 24px; color: #FFFFFF; margin: 0; } .inner-product .inner_first_sec { margin-bottom: 20px; } .inner-product .inner_second_sec { padding-bottom: 20px; border-bottom: 2px solid #DADADA; } .inner-product .inner_third_sec { margin: 20px 0 0; } .inner-product .inner_first_sec .star-sec figure { margin: 0 11px 6px 0; } .inner-product .inner_second_sec span { font-family: 'InterRegular'; font-style: normal; font-size: 14px; line-height: 17px; color: #475467; margin-bottom: 10px; } .inner-product .inner_second_sec p { font-family: 'InterSemiBold'; font-style: normal; font-size: 16px; line-height: 19px; color: #101828; margin: 0; } .inner-product .inner_second_sec p span { color: #00818D; font-family: 'InterSemiBold'; font-style: normal; font-size: 16px; line-height: 19px; margin-right: 4px; } .product-wrap .container-fluid, .inner-banner .container-fluid { padding-left: 35px; padding-right: 35px; } .inner-product .inner_third_sec p { font-family: 'InterBold'; font-style: normal; font-size: 20px; line-height: 24px; color: #475467; margin: 0; } /* .slider .slick-arrow { display: none !important; } */ .client-feedback { display: flex; border-top: 2px solid #F2F2F2; padding-top: 15px; } .client-slide-sec .owl-carousel .owl-item { background: #FFFFFF; box-shadow: 0px 4px 24px rgb(0 0 0 / 7%); padding: 30px; /* width: 361px !important; */ margin-right: 32px; } .client-slide-sec .client-slider p { font-family: 'InterRegular'; font-style: normal; font-size: 16px; line-height: 22px; color: #475467; margin-bottom: 30px; max-width: 550px; } .client-slide-sec .client-feedback h3 { font-family: 'Inter'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 25px; letter-spacing: 0.2px; color: #101828; margin-bottom: 5px; } .client-slide-sec .client-feedback p { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; letter-spacing: 0.2px; color: #475467; margin: 0; } .client-slide-sec .client-feedback img { padding-right: 10px; } .client-slide-sec .slick-dots { text-align: left; } .client-slide-sec .owl-dots, .media-slider .owl-dots,.media-new-slider .owl-dots { display: none; } .client-slide-sec .owl-theme .owl-dots { text-align: left; } .client-slide-sec .owl-theme .owl-nav, .media-sec .owl-theme .owl-nav { position: relative; top: 10px; z-index: 999; right: 0; } .client-slider.owl-carousel .owl-nav button.owl-prev, .client-slider.owl-carousel .owl-nav button.owl-next, .media-slider.owl-carousel .owl-nav button.owl-prev, .media-new-slider.owl-carousel .owl-nav button.owl-prev, .media-slider.owl-carousel .owl-nav button.owl-next, .media-new-slider.owl-carousel .owl-nav button.owl-next, .location-slider.owl-carousel .owl-nav button.owl-prev, .location-slider.owl-carousel .owl-nav button.owl-next { background: #F3F4F6; border: 1px solid #00818D; width: 40px; height: 40px; border-radius: 50%; font-size: 25px !important; } .client-slide-sec .owl-theme .owl-dots .owl-dot span { width: 8px !important; height: 8px !important; background: #475467 !important; border-radius: 12px !important; border: none !important; } .client-slide-sec .owl-theme .owl-dots .owl-dot.active span { background: #E08A76 !important; border-radius: 12px !important; width: 72px !important; height: 8px !important; border: none !important; } .client-slide-sec .owl-theme .owl-dots .owl-dot.active span::before { transform: scale(1); opacity: 1; visibility: visible; } .client-slide-sec .owl-theme .owl-dots .owl-dot span::before { background: transparent !important; } .client-slide-sec .slick-dots li button:before { width: 8px; height: 8px; background: #475467; border-radius: 12px; opacity: 1; font-size: 0; line-height: 0; } .client-slide-sec .slick-dots li.slick-active button:before { width: 72px; height: 8px; background: #E08A76; border-radius: 12px; opacity: 1; color: transparent; } .slick-dots li button:before:hover, .slick-dots li button:before:focus { outline: none; background: #E08A76; } #mega-menu-wrap-menu-1, #mega-menu-wrap-advertise-menu { background: transparent; } #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link, #mega-menu-wrap-advertise-menu #mega-menu-advertise-menu>li.mega-menu-item>a.mega-menu-link { position: relative; margin: 0; padding: 0; display: block; padding: 10px; font-family: 'InterMedium'; font-style: normal; font-size: 14px; line-height: 130%; color: #101828; } #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:hover #mega-menu-wrap-advertise-menu #mega-menu-advertise-menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link, #mega-menu-wrap-advertise-menu #mega-menu-advertise-menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link, #mega-menu-wrap-advertise-menu #mega-menu-advertise-menu>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link, #mega-menu-wrap-advertise-menu #mega-menu-advertise-menu>li.mega-menu-item>a.mega-menu-link:hover { background: transparent; color: #101828; font-family: 'InterMedium'; font-style: normal; font-size: 14px; line-height: 130%; text-decoration: none; } #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #mega-menu-wrap-advertise-menu #mega-menu-advertise-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { display: block; background: transparent; color: #101828; font-family: 'InterMedium'; font-size: 14px; font-weight: normal; padding: 0px 10px 0px 10px; line-height: 35px; text-decoration: none; text-transform: none; vertical-align: baseline; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator::after { content: '' !important; background-image: url('../images/down-arrow.png'); width: 12px; height: 8px; top: 7px; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout li.mega-menu-item a.mega-menu-link>span.mega-indicator::after { top: 14px; right: 5px; } #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus { background: transparent; font-weight: normal; text-decoration: none; color: #101828; } #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:hover { background-color: transparent; color: #101828; } .find-your-workspace { position: relative; display: flex; justify-content: center; } .find-your-workspace .inner-workspace-sec { padding: 42px 33px; position: absolute; width: 1216px; height: 203px; top: -144px; background: #101828; } .find-your-workspace .inner-workspace-sec h3 { font-family: 'Inter'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 140%; text-align: center; color: #FFFFFF; margin-bottom: 37px; } .find-your-workspace .inner-workspace-sec select { width: 254px; background: #FFFFFF; padding: 16px 23px 16px 54px; margin-right: 20px; font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 140%; color: #101828; } .find-your-workspace .inner-workspace-sec select option { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 140%; color: #101828; } .find-your-workspace .inner-workspace-sec .select-wrapper-city, .find-your-workspace .inner-workspace-sec .select-wrapper-location, .find-your-workspace .inner-workspace-sec .select-wrapper-work, .find-your-workspace .inner-workspace-sec .select-wrapper-seat { display: inline-block; position: relative; } .find-your-workspace .inner-workspace-sec .select-wrapper-city::before, .find-your-workspace .inner-workspace-sec .select-wrapper-location::before { content: ""; background-image: url('../images/map-pin.png'); width: 24px; height: 24px; display: inline-block; position: absolute; top: 16px; left: 22px; } .find-your-workspace .inner-workspace-sec .select-wrapper-work::before { content: ""; background-image: url('../images/workspace.png'); width: 24px; height: 24px; display: inline-block; position: absolute; top: 16px; left: 22px; } .find-your-workspace .inner-workspace-sec .select-wrapper-seat::before { content: ""; background-image: url('../images/seats.png'); width: 24px; height: 24px; display: inline-block; position: absolute; top: 16px; left: 22px; } .btn-search { padding: 15px; width: 54px; height: 54px; background: #00818D; border: none; } .btn-search img { margin-top: -8px; } .btn-search:focus { outline: none; } .workspace-main-sec { display: flex; } .slider .slick-arrow { position: absolute; top: 50%; z-index: 1; transform: translateY(-50%); padding: 0; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; cursor: pointer; outline: none; transition: 0.25s; background: #F3F4F6; border: 1px solid #00818D; width: 40px; height: 40px; border-radius: 50%; font-size: 25px !important; } .slider .slick-prev:before { content: '' !important; } .slider .slick-next:before { content: '' !important; } .fa.fa-angle-right, .fa.fa-angle-left { color: #00818D; font-size: 20px; } .slick-prev { left: 15px !important; } .slick-next { right: 15px !important; } .slick-prev:before, .slick-next:before { color: #00818D !important; } .slider .slider__item { position: relative; height: 100vh; } .slider .slider__item img { width: 100%; height: 100%; max-width: 100%; object-fit: cover; } .slider__counter { position: absolute; bottom: 128px; right: 15px; z-index: 1; font-size: 1.5rem; font-weight: 600; color: #fff; background: #00818D; width: 80px !important; height: 40px; pointer-events: none; font-weight: normal; font-size: 20px; line-height: 24px; display: flex !important; align-items: center; justify-content: center; } .thank-you-sec { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 70px 0; } .thank-you-sec h1 { font-family: 'InterBold'; font-style: normal; font-size: 60px; line-height: 70px; color: #101828; margin-bottom: 20px; } .thank-you-sec p { font-family: 'InterRegular'; font-style: normal; font-size: 16px; line-height: 25px; color: #475467; margin-bottom: 30px; } /* .thank-you-sec p a { color: #01818d; text-decoration: underline; } */ .project-detail-1-info h1 { font-family: 'InterSemiBold'; font-style: normal; font-size: 22px; line-height: 30px; letter-spacing: 0.2px; color: #E08A76; margin-bottom: 15px; } .project-row .text-content p { font-family: 'InterRegular'; font-style: normal; font-size: 16px; line-height: 25px; color: #475467; margin-bottom: 30px; } /* 404 Page Css */ .error-404.not-found { padding: 60px 0; } .center { height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .error { display: flex; flex-direction: row; justify-content: space-between; align-content: center; } .number { font-weight: 900; font-size: 15rem; line-height: 1; } .illustration { position: relative; width: 12.2rem; margin: 0 2.1rem; } .circle { position: absolute; bottom: 0; left: 0; width: 12.2rem; height: 11.4rem; border-radius: 50%; background-color: #293b49; } .clip { position: absolute; bottom: 0.3rem; left: 50%; transform: translateX(-50%); overflow: hidden; width: 12.5rem; height: 13rem; border-radius: 0 0 50% 50%; } .paper { position: absolute; bottom: -0.3rem; left: 50%; transform: translateX(-50%); width: 9.2rem; height: 12.4rem; border: 0.3rem solid #293b49; background-color: white; border-radius: 0.8rem; } .paper::before { content: ""; position: absolute; top: -0.7rem; right: -0.7rem; width: 1.4rem; height: 1rem; background-color: white; border-bottom: 0.3rem solid #293b49; transform: rotate(45deg); } .face { position: relative; margin-top: 2.3rem; } .eyes { position: absolute; top: 0; left: 2.4rem; width: 4.6rem; height: 0.8rem; } .eye { position: absolute; bottom: 0; width: 0.8rem; height: 0.8rem; border-radius: 50%; background-color: #293b49; animation-name: eye; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .eye-left { left: 0; } .eye-right { right: 0; } @keyframes eye { 0% { height: 0.8rem; } 50% { height: 0.8rem; } 52% { height: 0.1rem; } 54% { height: 0.8rem; } 100% { height: 0.8rem; } } .rosyCheeks { position: absolute; top: 1.6rem; width: 1rem; height: 0.2rem; border-radius: 50%; background-color: #fdabaf; } .rosyCheeks-left { left: 1.4rem; } .rosyCheeks-right { right: 1.4rem; } .mouth { position: absolute; top: 3.1rem; left: 50%; width: 1.6rem; height: 0.2rem; border-radius: 0.1rem; transform: translateX(-50%); background-color: #293b49; } .page-content.error-sec { text-align: center; } .page-content.error-sec p { font-size: 30px; line-height: 40px; color: #101828; font-family: 'InterBold'; letter-spacing: 0.2px; margin-bottom: 20px; } .page-content.error-sec span { font-family: 'InterSemiBold'; font-style: normal; font-size: 20px; color: #E08A76; } .mobile-grid { display: none; } /* Media Query Start */ @media (min-width: 320px) and (max-width: 350px) { .home-video-sec .find-your-workspace .inner-workspace-sec select { width: 200px !important; } .btn-search { width: 200px !important; } } @media (min-width: 320px) and (max-width: 575px) { .wcf-box { width: 49%; margin: 0 0 20px 0; text-align: center; } .product-wrap .btn-book-space { padding: 8px; font-size: 10px; } .footer-link { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } .slider__counter { bottom: 18%; } .footer-link.f-first, .footer-link.f-fourth { width: 100%; } .search-toggle.main-page { display: flex; /* float: right; */ position: absolute; top: 80px; justify-content: center; width: 100%; } .btn-book-your-space { height: 50px !important; font-size: 13px; padding: 0 20px; } .btn-book-your-space.thank-you { padding: 15px 20px; } .btn-login { width: 140px; height: 50px; font-size: 13px; } .we-provide-box { width: 50%; margin: 10px 0; padding: 0 15px; } .main-blog-sec h3 { min-height: unset; } .main-nav.main-page { min-height: 140px; align-items: flex-start; } .main-blog-sec.blog-page { max-width: 100% !important; flex: 0 0 100% !important; } .copy-right-sec { display: block; text-align: center; } } @media (min-width: 576px) and (max-width: 767px) { .we-provide-box { width: 50%; padding: 0 20px; } } @media (min-width: 320px) and (max-width: 767px) { .container, .about-inner-sec .main-about-sec .about-content-sec p { max-width: 100%; } .product-wrap .row .col-md-3.element-item { flex: 0 0 90% !important; } .why_choose_sec .right-sec p { margin-bottom: 0; } .location-banner .location-inner-sec h1 { margin: 20px 0; } .location-banner { padding-bottom: 28px; } .project-detail-1-info h1, .thank-you-sec h1 { text-align: center; } .home-clienttesti-sec .col-md-6 .head_title { margin-top: 0; } .home-slider-containermain .slick-slide img { height: 100%; } .home-map-sec .inner-contact-sec { display: block; } .home-map-sec .inner-contact-sec .contact-address-sec { width: 100%; text-align: center; } .home-video-sec .city-box, .advertisement-inner-sec .col-md-3 { margin-bottom: 22px; } .city-office-sec, .location-banner .col-md-4 { margin-bottom: 25px; text-align: center; } .shared-space-inner { margin-bottom: 30px; } .product-wrap .element-item .inner-product { padding: 20px 0 !important; } .product-wrap .row { justify-content: center; } .blog_image_sec img { height: 100%; } .about-inner-sec .main-about-sec .about-header-sec { position: initial; padding: 25px; margin-top: 35px; } .about-inner-sec .main-about-sec .about-content-sec { padding-top: 40px !important; display: block; text-align: center; } .about-content-sec .right-side { margin: 0; } .get-in-touch-sec.left { justify-content: center; } .get-in-touch-sec { padding: 30px 0 0; } .pl-0 { padding-left: 15px !important; } .location-banner.advertisement img { height: 610px; } /* .location-banner img, .location-inner-sec { margin-bottom: 10px; } */ .location-banner.advertisement h2 { font-size: 18px; } .location-banner, .location-shared-sec .head_title, .location-shared-space-sec .head_title, .location-amenities-sec .head_title, .location-shared-space-sec, .adver_sec, .location-shared-space-sec.advertisement h3, .location-shared-sec.advertisement { text-align: center !important; } .location-amenities-sec h3, .location-shared-sec h3, .location-amenities-sec h2 { max-width: 100%; text-align: center !important; font-size: 25px; } .location-shared-space-sec .col-md-3 { flex: 0 0 100% !important; max-width: 100% !important; margin-bottom: 0 !important; } .we-provide-box h4 { font-size: 12px !important; line-height: 18px !important; } ul.contact-address-box li { width: 80% !important; } ul.contact-address-box li:nth-child(2) { margin: 25px 0; } .home-clienttesti-sec .col-md-6 .left_img img, .home-clienttesti-sec .col-md-6.right-sec .right_img img { width: 80% !important; } #logo img, #block-20 img { max-width: 130px; height: auto; width: 100%; } .advertisement.contact-right .contact-form-padd #wpcf7-f605-o2 { padding: 15px; } .location-banner.advertisement .col-md-7, .location-banner.advertisement .col-md-5 { flex: 0 0 100% !important; max-width: 100% !important; } .location-banner.advertisement { margin-bottom: 0; } .contact-right .contact-form-padd { padding: 20px; } .location-banner.advertisement .row { align-items: flex-start; } .advertisement.contact-right { margin: 0 auto; margin-bottom: 25px; } .location-shared-sec.advertisement .head_title { margin-top: 25px; } .find-your-workspace .inner-workspace-sec { width: 100%; height: 100%; position: inherit; top: 0; } .find-your-workspace .inner-workspace-sec select { margin: 0 0 15px !important; } .blog-slider.owl-theme .owl-nav { bottom: -30px; left: 0; top: 0; position: relative; justify-content: center; } .why_choose_sec .right-sec p { margin-bottom: 30px; } .client-slide-sec .owl-theme .owl-dots { text-align: center; margin-top: 10px; } .livprop_popup { width: 240px !important; } .live-button, .livprop_overlay { bottom: 0 !important; right: 10px !important; } .media-slider.owl-theme .owl-nav { right: 0 !important; } .media-new-slider.owl-theme .owl-nav { right: 0 !important; } .footer_last_sec .container-fluid { padding-right: 15px !important; padding-left: 15px !important; } .about-sec .about_banner { height: 100%; } .tab-menu-sec, .faculty-listing .nav-tabs { display: block; } .tab-pane .col-md-6 img { margin-bottom: 20px; } .location-banner .location-inner-sec { max-width: 100%; } .product-wrap .container-fluid, .inner-banner .container-fluid { padding-right: 15px; padding-left: 15px; } .home-slider-containermain, .workspace-head-sec h1, .about-inner-sec .main-about-sec .about-header-sec h2, .home-slider-containermain h1, .location-banner .location-inner-sec h1, .workspace h3, .location-sec .head_title, .home-clienttesti-sec .col-md-6 h3, .home-video-sec .head_main_title { font-size: 25px !important; line-height: 30px !important; } .book-your-space .close { right: 20px; } .advertisement-inner-sec .col-md-3 { margin-bottom: 0; } .tab-pane .btn-get-in-touch { margin-bottom: 0; } .home-map-sec .inner-contact-sec .contact-phone-sec { display: block; } .contact-block { text-align: center; margin-bottom: 25px; } } @media (min-width: 768px) and (max-width: 991px) { .home-slider-containermain, .workspace-head-sec h1, .about-inner-sec .main-about-sec .about-header-sec h2, .home-slider-containermain h1 { font-size: 45px !important; line-height: 55px !important; } .blog-slider.owl-theme .owl-nav { top: -80px; } .home-slider-containermain h1, .location-banner .location-inner-sec h1, .workspace-head-sec h1, .about-inner-sec .main-about-sec .about-header-sec h2, .location-banner.advertisement h1 { font-size: 32px !important; line-height: 45px !important; } .location-banner .location-inner-sec h1 { margin-bottom: 5px; } .nav-tabs .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs li.active a.active, .nav-tabs li a.active { height: 100%; text-align: center; font-size: 15px; line-height: 22px; } .tab-menu-sec .nav.nav-tabs { flex-wrap: nowrap; } .location-title-content .col-md-6 { width: 100%; flex: 0 0 100%; max-width: 100%; } .we-provide-box { width: 33.33%; padding: 0 20px; } .about-inner-sec .main-about-sec .about-content-sec { padding-top: 130px !important; } .advertisement-inner-sec .col-md-3 { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 991px) { .mobile-grid { display: block; padding: 20px 15px 0; margin: 0 auto; } .home-slider-containermain, .client-slide-sec, .media-slider, .media-new-slider, .blog-slider, .location-slider { z-index: 0 !important; position: relative !important; } .home-video-sec .row { padding-top: 50px; } .inner-banner { padding: 20px 0 0; text-align: center; } .breadcrumb { display: block; } .workspace-head-sec h1 { padding: 0 0 15px 0; } .home-clienttesti-sec .col-md-6.right-sec { display: none; } .home-clienttesti-sec .col-md-6 h3 { max-width: 100%; } .home-video-sec, .home-clienttesti-sec, .location-amenities-sec, .location-shared-space-sec, .location-shared-sec, .location-shared-space-sec.detail, .media-sec, .why_choose_sec, .entry-content, .contactpage-content .row.contact_inner_content { padding: 50px 0; } ul.contact-address-box li:nth-child(2) { margin: 0 15px; } .main-blog-sec.blog-page { max-width: 50%; flex: 0 0 50%; } .why_choose_sec .left-sec img { margin-bottom: 25px; } .tab-pane p { font-size: 15px; line-height: 23px; } .btn-get-in-touch { padding: 12px 15px; font-size: 12px; margin-bottom: 22px; } .location-amenities-sec .col-md-6 { margin: 0 auto; } .location-benifit-sec.detail .col-md-8 img { margin: 20px 0; } .location-benifit-sec, .location-benifit-sec.detail { padding: 58px 0 0; } .why_choose_sec .left-sec, .col-md-6.workspace, .location-amenities-sec, .blog-content, .main-blog-sec, .entry-header, .entry-content p, .entry-content ul li, .privacy-policy-sec p, .entry-content, .why_choose_sec h2, .home-map-sec h2 { text-align: center; } .home-slider-containermain .container-fluid, .why_choose_sec .left-sec { padding-left: 15px !important; } .home-slider-containermain .col-md-7, .home-slider-containermain .col-md-5, .why_choose_sec .col-md-6, .home-clienttesti-sec .col-md-6.right-sec, .home-clienttesti-sec .row.inner_choose_sec .col-md-6, .home-map-sec .col-md-6, .location-benifit-sec .col-md-4, .location-benifit-sec .col-md-8, .col-md-4.faq-sec, .col-md-8.faq-que, .contact_inner_content .col-md-6 { flex: 0 0 100%; max-width: 100%; } .ja-list.workingpaper .faq-sec h1 { font-size: 32px; line-height: 40px; } .ja-list.workingpaper .faq-sec p { font-size: 16px; } .ja-list.workingpaper .faq-sec div { margin-bottom: 0; } figure { margin: 0; } .col-md-4.faq-sec { text-align: center; margin-bottom: 25px; } .main-blog-sec h3 { font-size: 20px; } .home-banner-content, .what-we-provide-sec, .home-video-sec, .home-video-sec .inner_title, .why_choose_sec .right-sec p { width: 100%; text-align: center; max-width: 100%; } .location-banner .location-inner-sec p { font-size: 16px; margin-bottom: 10px; } .home-clienttesti-sec .col-md-6 p { max-width: 100%; text-align: center; } .what-we-provide-sec .inner-sec-we-provide { justify-content: center; } .client-feedback { display: block; } .why_choose_sec .right-sec.mobile { display: block !important; } .client-slide-sec { text-align: center; } .why_choose_sec .right-sec { display: none; } .home-clienttesti-sec .why_choose_sec .right-sec h3, .why_choose_sec .col-md-6 h3, .why_choose_sec .right-sec h3, .blog-sec h3, .location-benifit-sec h3, .media-sec h3 { max-width: 100%; text-align: center; font-size: 25px; } .head_title, .why_choose_sec .col-md-6.right-sec, .wcf-box, .location-benifit-sec.detail, .home-clienttesti-sec, .contact-map { text-align: center; } .home-clienttesti-sec .col-md-6.right-sec .right_img { text-align: center; margin-top: 22px; } .home-clienttesti-sec .col-md-6 .left_img img, .home-clienttesti-sec .col-md-6.right-sec .right_img img { width: 50%; } .home-map-sec .inner-contact-sec { margin-bottom: 25px; } .about-inner-sec .main-about-sec .about-header-sec p { font-size: 18px; text-align: center; max-width: 100%; } .workspace h3, .blog-content h3, .entry-header h1 { font-size: 25px !important; line-height: 30px !important; } .workspace p, .location-amenities-sec p, .location-shared-sec p, .home-slider-containermain p, .location-benifit-sec p, .home-video-sec .inner_title, .home-clienttesti-sec .col-md-6 p, .entry-content p, .entry-content ul li, .privacy-policy-sec p { font-size: 16px !important; } .location-amenities-sec h3, .location-shared-sec h3, .location-shared-space-sec h3, .location-amenities-sec h2 { max-width: 100%; font-size: 25px; } .location-shared-sec .head_title, .location-amenities-sec .head_title, .location-shared-space-sec h3, .contactpage-content .contact_header_title { text-align: center; } .location-shared-space-sec .col-md-6 .head_title { text-align: left; } .location-shared-space-sec .col-md-3 { flex: 0 0 50%; max-width: 50%; margin-bottom: 30px; } .we-provide-sec { text-align: center; margin-bottom: 25px; } .location-benifit-sec .service-provider { padding: 30px; text-align: center; } .we-provide-box h4 { font-size: 14px !important; line-height: 20px !important; } .contactpage-content .contact_header_title { font-size: 30px !important; line-height: 45px !important; } .product-wrap .col-md-3.element-item { flex: 0 0 45% !important; } .advertisement-inner-sec .adver_sec h3 { margin: 10px 0; font-size: 20px; } .advertisement-inner-sec .adver_sec p { font-size: 16px; margin-bottom: 20px; } .advertisement-inner-sec { padding: 50px 0 30px; } .location-amenities-sec .city-box figure img, .city-office-sec { min-height: auto; } .mobile-nav { display: inline-block; margin: 0; } .main-nav { padding: 20px 0; } .main-menu { position: relative; display: none; } #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link { color: #101828 !important; } #mega-menu-wrap-menu-1, #mega-menu-wrap-advertise-menu { background: none; } #mega-menu-wrap-menu-1 .mega-menu-toggle, #mega-menu-wrap-advertise-menu .mega-menu-toggle { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background: rgba(255, 255, 255, 0); } #mega-menu-wrap-menu-1::after, #mega-menu-wrap-advertise-menu::after { content: ""; display: table; clear: both; } #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-left, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-center { display: none; } #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right { justify-content: flex-start; } #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after, #mega-menu-wrap-advertise-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-advertise-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-advertise-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after { background-color: #101828; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu, #mega-menu-wrap-advertise-menu #mega-menu-advertise-menu li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu { display: block; } #mega-menu-wrap-menu-1 .mega-menu-toggle+#mega-menu-menu-1, #mega-menu-wrap-advertise-menu .mega-menu-toggle+#mega-menu-advertise-menu { left: -245px; } #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link { background: transparent; } #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-toggle-on>a.mega-menu-link { background: #9b9b9b !important; } #mega-menu-wrap-menu-1 .mega-menu-toggle+#mega-menu-menu-1, #mega-menu-wrap-advertise-menu .mega-menu-toggle+#mega-menu-advertise-menu { position: fixed; display: block; width: 245px; max-width: 90%; height: 100vh; max-height: 100vh; top: 0; box-sizing: border-box; transition: left 200ms ease-in-out, right 200ms ease-in-out; overflow: auto; z-index: 9999999999; overscroll-behavior: contain; } #mega-menu-wrap-menu-1 .mega-menu-toggle+#mega-menu-menu-1, #mega-menu-wrap-advertise-menu .mega-menu-toggle+#mega-menu-advertise-menu { background: #9B9B9B; padding: 0px 0px 0px 0px; display: none; } #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open+#mega-menu-menu-1, #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item, #mega-menu-wrap-advertise-menu .mega-menu-toggle.mega-menu-open+#mega-menu-menu-1, #mega-menu-wrap-advertise-menu #mega-menu-advertise-menu>li.mega-menu-item { display: block; font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 130%; color: #101828; } #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open+#mega-menu-menu-1, #mega-menu-wrap-advertise-menu .mega-menu-toggle.mega-menu-open+#mega-menu-advertise-menu { left: 0; } .location-banner.advertisement h1 { font-size: 30px !important; line-height: 40px !important; margin: 20px 0; } .location-banner.advertisement .col-md-7 { flex: 0 0 40%; max-width: 40%; } .location-banner.advertisement .col-md-5 { flex: 0 0 55%; max-width: 55%; } .workspace-main-sec { display: block !important; } .find-your-workspace .inner-workspace-sec select { margin: 0 0 15px; } .btn-search { width: 254px; height: 56px; } .btn-search::after { content: 'Search'; font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 20px; color: #fff; margin-left: 10px; vertical-align: text-bottom; } .find-your-workspace .inner-workspace-sec select { width: 254px !important; /* margin-right: 20px !important; */ } .copy-right-sec p, .copy-right-sec a { margin: 0; } } @media (min-width: 992px) and (max-width: 1260px) { .container, .container-lg, .container-md, .container-sm { max-width: 1000px; } .blog-slider.owl-theme .owl-nav { right: 10px !important; top: -110px; } .find-your-workspace .inner-workspace-sec { width: 100%; height: 100%; position: inherit; top: 0; } .find-your-workspace .inner-workspace-sec select { width: 200px; margin-right: 8px; } .workspace-main-sec { display: flex; align-items: center; justify-content: center; } /* .what-we-provide-sec .inner-sec-we-provide a { margin-right: 20px; } */ .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs li.active a.active, .nav-tabs li a.active, .nav-tabs .nav-link { padding: 10px 18px; } .tab-pane p { font-size: 16px; } .ja-list.workingpaper .faq-sec h1 { font-size: 33px; line-height: 45px; } } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm { max-width: 1240px; } } @media (min-width: 1201px) and (max-width: 1365px) { .blur { width: 552px; } } @media (min-width: 1366px) { .container, .container-lg, .container-md, .container-sm { max-width: 1350px; } } @media (max-width: 1200px) { .location-banner .location-inner-sec p { font-size: 18px; line-height: 22px; } .location-amenities-sec h3, .location-shared-sec h3, .location-amenities-sec h2, .location-shared-space-sec.advertisement h2, .why_choose_sec h2, .home-map-sec h2 { font-size: 25px; line-height: 30px; } .contactpage-content .contact_header_title { font-size: 45px; line-height: 60px; } .we-provide-box h4 { font-size: 16px !important; } ul.contact-address-box li { width: 28.33%; } .contactpage-content .row.contact_inner_content .contact-block .contact-phone-sec i, .contactpage-content .row.contact_inner_content .contact-block .contact-email-sec i { margin-right: 13px; } .blur { position: relative; height: 52px; width: auto; bottom: 0px; margin: 0 auto; } .city-box a { position: absolute; bottom: 30px; left: 0; right: 0; text-align: center; } .city-box a img { float: none; margin: 0px 10px 0 5px; padding: 0; } .find-your-workspace .inner-workspace-sec { width: 100%; height: 100%; position: inherit; top: 0; } .workspace-main-sec { display: flex; align-items: center; justify-content: center; } .find-your-workspace .inner-workspace-sec select { width: 200px; margin-right: 8px; } .footer-link { width: 50%; max-width: 50%; flex: 0 0 50%; } } @media (max-width: 1372px) { .product-wrap .element-item { flex: 0 0 31% !important; margin: 0 10px 50px; } .footer_last_sec .container-fluid { padding-right: 30px; padding-left: 30px; } .home-slider-containermain h1, .location-banner .location-inner-sec h1, .workspace-head-sec h1, .about-inner-sec .main-about-sec .about-header-sec h2, .location-banner.advertisement h1 { font-size: 40px; line-height: 50px; } .about-inner-sec .main-about-sec .about-content-sec { padding-top: 150px; } .home-slider-containermain .slick-slide img { height: 500px; object-fit: cover; } } @media (max-width: 1891px) { .product-wrap .element-item { flex: 0 0 23.5%; margin: 0 10px 50px; } .product-wrap .btn-book-space { padding: 14px; font-size: 12px; } .inner-product .inner_second_sec p, .inner-product .inner_second_sec p span { font-size: 13px; } .inner-product .inner_third_sec p { font-size: 15px; } .product-wrap .element-item .inner-product { padding: 10px; } } @media (min-width: 2100px) and (max-width: 3840px) { html { max-width: 1550px !important; margin: 0 auto; margin-right: auto; margin-left: auto; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } #ht-ctc-chat { position: relative !important; bottom: 58px !important; left: 5px !important; } .ctc-analytics { position: absolute; } .livprop_popup { position: absolute !important; bottom: 0; right: 0; } .livprop_overlay { position: relative !important; } } .generic-section-2{background: #fff;} .city-main-box{margin-bottom:15px;} @media (min-width: 320px) and (max-width: 767px) { .generic-section-location{ padding-top: 50px !important; } #what-we-provide .we-provide-box span{ font-weight: 400 !important; font-family: 'Inter', sans-serif !important;} .btn-book-your-space { line-height: 50px;} } .modal-dialog, .modal-content { /* 80% of window height */ height: 80%; } .modal-body { /* 100% = dialog height, 120px = header + footer */ max-height: calc(100% - 120px); overflow-y: scroll; }