File: /homepages/35/d967185540/htdocs/clickandbuilds/CEU/wp-content/themes/celebrityproject/css/main.css
/* ==========================================================================
Author's custom styles
========================================================================== */
body{ margin: 0; padding: 0; color: #333;font-family: 'Montserrat', sans-serif; font-size: 16px;margin: 0 !important;}
.foot-col ul { padding: 0; list-style: none; margin: 0; margin-bottom: 20px;}
.foot-col ul li{display: inline-block !important; position: relative;}
a{color: #13c2ff;} a:hover{ color: #000000; text-decoration: none;}
a.nav-link { color: #001a62;background: #FFF; margin: 5px 10px; width: 32px; height: 32px; line-height: 32px; padding: 0; text-align: center; border-radius: 50%;}
.slider_content {position: absolute; width: 100%; left: 0; right: 0; bottom: 0; }
.wh-100{width: 100%; height: 100%;}
.team-details {text-align: center; position: absolute; top: 100%;left: 0; right: 0;bottom: 0; display: flex;flex-wrap: wrap; flex-flow: column;justify-content: center;align-items: center; -webkit-transition: all 500ms linear 0ms;
-khtml-transition: all 500ms linear 0ms;-moz-transition: all 500ms linear 0ms;-ms-transition: all 500ms linear 0ms;-o-transition: all 500ms linear 0ms;transition: all 500ms linear 0ms; overflow: hidden;}
.team-details h3{font-size: 1.75rem;
/* color: #eed23f;
text-shadow: 3px 3px 7px #a37c5f; */
color: #ffffff;
text-shadow: 5px 5px 10px #000000;
}
.team_box:hover .team-details{top: 0;}
footer { border-top: 2px solid #ccc;padding: 50px 0px; background: black;}
.widget a, .woodmart-widget a, div[class^=vc_wp] a {
color: #adadad !important;
}
ul {
padding: 0;
margin: 0;
list-style: inside;
}
hr.brown{ border-top: 2px solid #b79879;}
hr.white{ border-top: 1px solid #FFF;}
.gap{padding-top: 50px; padding-bottom: 50px;}
.gap100{padding-top: 100px; padding-bottom: 100px;}
.p-30{padding: 30px;}
.copyright{font-weight: 600; font-size: 12px;}
footer h4{ font-size: 20px; margin: 0;color: #ccc;}
.textwidget { color: #adadad !important;
}
.foot-col { font-size: 14px;}
.foot-col ul li+li{margin-left: 15px;}
.foot-col ul li+li:before{ content: ""; position: absolute; left: -10px; height: 60%; width: 1px; background: #FFF; bottom: 0; top: 3px}
.form-control { font-size: 14px; font-weight: 500; color: #001a62 !important; height: 50px; padding: .375rem .75rem ;}
textarea.form-control{height: 125px;}
.form-group { margin-bottom: 25px;}
.yellow-btn { color: #ffffff !important; background: #000000; border: 0; padding: 10px 15px;font-weight: 600; border-radius: 5px;}
h2 {color: #333; margin-bottom: 40px; font-size: 2.2rem;font-weight: 600;}
.banner-line1.inner-title {font-weight: 600; margin: 0; font-size: 2.6rem; padding: 15px; /* color: #eed23f; text-shadow: 3px 3px 7px #a37c5f; */ color: #ffffff;
text-shadow: 5px 5px 10px #000000;}
button.owl-next {position: absolute;right: 2%;top: 42%;background: #7d7d7a !important;height: 60px;line-height: 60px !important;width: 60px; border-radius: 50%;outline: none !important;}
button.owl-prev {position: absolute;left: 2%;top: 42%;background: #7d7d7a !important;height: 60px;line-height: 60px !important;width: 60px; border-radius: 50%;outline: none !important;}
button.owl-next span, button.owl-prev span{font-size: 60px;font-weight: 600; color: #ffffff;}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1170px;
}
}
.white-bg {
background: #FFF;
}
.blue-color{color:#4f1967}
.purpel-card {
background-color: #f0f3f2 !important;
padding: 20px 15px;
height: 100%;
box-shadow: 0 3px 10px 0 rgba(178,179,245,0.69), inset 0 1px 3px 0 rgba(178,179,245,0.1);
padding: 20px 15px; height:100%;
}
.purpel-card h4 {
color: #000;
margin-bottom: 20px;
margin-top: 20px;
font-size: 1.4rem;
font-weight: 600;
}
.facility-card .col-md-4 {
margin: 15px 0;
}
.post-slide {color: #000;}
.bg-white { box-shadow: 0 3px 10px 0 rgba(178,179,245,0.69), inset 0 1px 3px 0 rgba(178,179,245,0.1);}
.post-slide .team-details { position: relative; text-align: left; text-align: justify;}
.post-slide .team-details h3{text-shadow: none; font-size: 18px;color: #000;}
.post-slide .team-details p{font-size: 14px;}
#postSlider .item{padding: 15px 0px;}
.post-slide { background: #f0f3f2;display: block; box-shadow: 0 3px 10px 0 rgba(178,179,245,0.69), inset 0 1px 3px 0 rgba(178,179,245,0.1); -webkit-transition: all 350ms; transition: all 350ms; padding: 15px; height: 100%; min-height: 480px;}
#postSlider .blog-meta { display: flex; align-items: center; width: 100%; margin-top: 0px; margin-bottom: 15px; font-size: 13px;}
#postSlider .blog-meta span+span{margin-left: 15px;}
/*=========Blog ===============*/
.site-content {
margin-bottom: 40px;
}
.blog-post-loop {
margin-bottom: 50px;
background: #FFF;
color: #000;
}
.blog-post-loop a {
color: #561c70;
}
.blog-design-small-images.has-post-thumbnail .article-inner {
display: flex;
align-items: center;
flex-direction: row;
justify-content: center;
}
.blog-design-small-images.has-post-thumbnail .article-body-container, .blog-design-small-images.has-post-thumbnail .entry-header {
flex: 1 0 50%;
max-width: 50%;
}
.blog-post-loop .entry-header {
position: relative;
text-align: center;
}
.post-img-wrapp {
overflow: hidden;
vertical-align: middle;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.blog-post-loop .entry-thumbnail img {
width: 100%;max-width: 100%; height: auto;
}
.post-image-mask {
position: absolute;
top: 50%;
left: 50%;
margin-top: -5px;
margin-left: -22px;
text-align: center;
font-size: 0;
}
.post-image-mask:before {
transition-delay: .15s;
-webkit-animation-delay: .15s;
animation-delay: .15s;
}
.post-image-mask span, .post-image-mask:after, .post-image-mask:before {
display: inline-block;
margin-right: 7px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #FFF;
vertical-align: middle;
opacity: 0;
transition: opacity .2s ease;
-webkit-animation: wd-fadeOutRight .3s ease;
animation: wd-fadeOutRight .3s ease;
}
.post-image-mask:after, .post-image-mask:before {
content: "";
}
.post-image-mask:after {
margin-right: 0;
}
.post-image-mask span {
transition-delay: .1s;
-webkit-animation-delay: .1s;
animation-delay: .1s;
}
.blog-post-loop:hover .post-img-wrapp a {
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
.post-img-wrapp a {
display: block;
margin: -2px;
transition: opacity .7s ease,-webkit-transform .7s ease;
transition: transform .7s ease,opacity .7s ease;
transition: transform .7s ease,opacity .7s ease,-webkit-transform .7s ease;
-webkit-transform: scale(1);
transform: scale(1);
}
.blog-post-loop:hover .post-image-mask:before {
transition-delay: .2s;
-webkit-animation-delay: .2s;
animation-delay: .2s;
}
.blog-post-loop:hover .post-image-mask span, .blog-post-loop:hover .post-image-mask:after, .blog-post-loop:hover .post-image-mask:before {
opacity: 1;
-webkit-animation: wd-fadeInLeft .3s ease;
animation: wd-fadeInLeft .3s ease;
}
.blog-post-loop:hover .post-image-mask span {
transition-delay: .1s;
-webkit-animation-delay: .1s;
animation-delay: .1s;
}
.woodmart-post-date {
position: absolute;
top: 15px;
left: 15px;
z-index: 2;
display: inline-block;
min-width: 53px;
background-color: #FFF;
box-shadow: 0 0 9px rgba(0,0,0,.1);
color: #333;
text-align: center;
line-height: 1;
}
.woodmart-post-date .post-date-day {
padding-top: 6px;
padding-bottom: 4px;
font-size: 24px;
}
.woodmart-post-date>span {
display: block;
}
.woodmart-post-date .post-date-month {
padding-top: 2px;
padding-bottom: 8px;
text-transform: uppercase;
letter-spacing: .3px;
font-weight: 600;
font-size: 12px;
}
.blog-post-loop .article-body-container {
position: relative;
z-index: 1;
padding-top: 25px;
padding-right: 25px;
padding-bottom: 25px;
padding-left: 25px;
background-color: #FFF;
text-align: center;
flex: 1 0 50%;
max-width: 50%;
}
.blog-design-small-images.has-post-thumbnail .entry-title {
font-size: 18px;
line-height: 1.4;
}
.blog-design-small-images.has-post-thumbnail .entry-title a{color: #000;}
.woodmart-entry-meta {
display: inline-block;
margin-bottom: 10px;
margin-right: 10px;
vertical-align: middle;
font-weight: 400;
font-size: 0;
}
.woodmart-entry-meta ul {
line-height: 1.4;
}
.woodmart-entry-meta ul {
list-style: none;
}
.entry-meta-list li.modified-date, .entry-meta-list li:last-child {
margin-right: 0;
}
.entry-meta-list li {
display: inline-block;
margin-right: 10px;
color: #A4A4A4;
vertical-align: middle;
}
.woodmart-entry-meta .meta-author {
vertical-align: top;
font-size: 14px;
}
.hovered-social-icons {
position: relative;
display: inline-block;
margin-bottom: 10px;
color: #A4A4A4;
vertical-align: middle;
font-size: 0;
transition: all .25s ease;
}
.read-more-section a {
position: relative;
display: inline-block;
border-bottom: none;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .3px;
font-weight: 800;
font-size: 13px;
}
.meta-categories-wrapp {
display: none;
}
.woodmart-entry-meta .meta-author .avatar {
display: inline-block;
margin: 0 5px;
width: 18px;
height: 18px;
border-radius: 50%;
vertical-align: top;
}
.sidebar-inner .widget {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid;
border-color: rgba(129,129,129,.2);
}
.sidebar-inner .widget-title, .sidebar-inner .widgettitle {
margin-bottom: 20px;
color: #000;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
}
.widget-title h3 {
margin-bottom: 20px;
color: #FFF;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
}
.sidebar-inner ul{list-style: none; line-height: 1.4; margin: 0;
padding: 0;}
.widget_archive ul li, .widget_categories ul li, .widget_nav_menu ul li, .widget_pages ul li {
display: block;
color: #BBB;
font-size: 14px;
}
.widget li, .woodmart-widget li, div[class^=vc_wp] li {
margin-bottom: 15px;
}
.recent-post {
display: flex;
align-items: stretch;
flex-direction: row;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid;
}
.small-thumb {
flex: 0 0 auto;
max-width: 35%;
overflow: hidden;
margin-right: 15px;
}
.widget a, .woodmart-widget a, div[class^=vc_wp] a {
color: #FFF;
}
.woodmart-recent-posts .recent-posts-info {
flex: 1 1 auto;
}
.woodmart-recent-posts .recent-posts-thumbnail img {
min-width: 60px;
}
.recent-post-title a h4 {
margin-bottom: 8px;
font-size: 14px;
}span.date {
color: #BBB;
font-size: 12px;
}
.woodmart-recent-posts .recent-posts-time {
margin-right: 5px;
}
.woodmart-recent-posts .recent-posts-comment, .woodmart-recent-posts .recent-posts-time {
color: #BBB;
font-size: 12px;
}
figure {
margin: 0 0 0rem;
}
.read-more-section {
margin-top: 20px;
}
.entry-content.woodmart-entry-content {
font-size: 14px;
/* margin-bottom: 9px; */
}
#workSlider .team_img{height: 250px;}
#workSlider .team_img img {
height: 100% !important;
width: 100%;
object-fit: cover;
}
.single section.blog-with-sidebar {
padding: 50px 0px;
}
.sidebar-blog ul {
padding: 0;
margin: .0;
}
a:visited {
color: #000;
}
.blog-meta {
margin-top: 15px;
}
video{width: 100%;}
.modal-box {
display: none;
position: fixed;
z-index: 1000;
width: 98%;
background: #000;
border-bottom: 1px solid #aaa;
border-radius: 4px;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0.1);
background-clip: padding-box;
}
@media (min-width: 32em) {
.modal-box { width: 700px; }
}
.modal-box header,
.modal-box .modal-header {
padding: 1.25em 1.5em;
border-bottom: 1px solid #ddd;
}
.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }
.modal-box .modal-body { padding: 2em 1.5em; }
.modal-box footer,
.modal-box .modal-footer {
padding: 1em;
border-top: 1px solid #ddd;
background: rgba(0, 0, 0, 0.02);
text-align: right;
}
.modal-overlay {
opacity: 0;
filter: alpha(opacity=0);
position: fixed;
top: 0;
left: 0;
z-index: 900;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3) !important;
}
.modal-box a.close {
line-height: 1;
font-size: 1.5em;
position: absolute;cursor: pointer;
top: -30px;
right: -20px;
text-decoration: none;
color: #ad972b;
font-weight: 500;
font-size: 40px;
opacity: 1;
background: #FFF;
height: 40px;
width: 40px;
text-align: center;
border-radius: 50%;
}
.modal-box a.close:hover {
color: #222;
-webkit-transition: color 1s ease;
-moz-transition: color 1s ease;
transition: color 1s ease;
}
.logo-s {
box-shadow: 0px 0px 10px #ccc;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
border-radius: 10px;
}
.mr {
margin-bottom: 30px;
}
.breadcrum_banner.with-over {
background-size: cover !important; background-position: center center !important;
position: relative; -moz-transition: all 12s;
-webkit-transition: all 12s;
transition: all 12s;
-moz-transform: scale(1,1);
-webkit-transform: scale(1,1);
transform: scale(1,1);
height: 450px;
}
/* .breadcrum_banner.with-over:before{content: ""; position: absolute; left:0; right:0; bottom:0 ;top: 0;background: rgb(86 28 112 / 44%); background-position: 100% 50% !important;} */
.breadcrum_banner h1{position: relative;
color: #ffffff;
text-shadow: 4px 4px 6px #000;
letter-spacing: 5px;
font-weight: 700;
font-size: 3rem;}
#navbar .navbar-nav ul li.page_item a{text-transform: uppercase;color: #000;}
#menu-main-menu .menu-item a{text-transform: uppercase;color: #000;padding: 0px 10px;font-weight: 600;font-size: 14px;}
#menu-main-menu .menu-item.current_page_item>a{color: #13c2ff !important;}
#menu-main-menu .menu-item a:hover{ color: #13c2ff;}
.bg-white {
background-color: rgb(255 255 255 / 75%)!important;
}
#menu-main-menu .menu-item{padding: 15px 5px;}
.country-select .country-list .country-name, .country-select .country-list .flag {
vertical-align: middle;
color: #000;
}
.breadcrum_banner .title-heading{padding: 150px 30px;}
button.navbar-toggle {display: none;
align-items: center;
}span.text-menu {display: none;
/* display: inline-block; */
color: #edcf3b;
margin-top: 3px;
}
.banner.zoomIn {
animation: bgburnsWest 25s linear infinite alternate;
-webkit-animation: bgburnsWest 25s linear infinite alternate;
}
#work-grid .team-details {position: relative;padding: 15px 10px 0px;}
#work-grid .team-details h3 {
font-size: 18px;
color: #000000;
text-shadow:none;
}
#work-grid .team_box {
background: #eaeaea;
}
#work-grid .col-md-4{margin-bottom: 30px;}
.sub-menu {
top: 100%;
left: 0;
}
.sub-menu {
transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
-moz-transform: translateY(20px);
-webkit-transform: translateY(20px);
}
.sub-menu {
position: absolute;
visibility: hidden;
white-space: normal;
width: 100%;
-webkit-transition: all 350ms;
transition: all 350ms opacity: 0;
z-index: 9;
background: rgb(255 255 255);
display: block !important;
box-shadow: 0px 8px 17px #8193a082;
}
#menu-main-menu .menu-item{position: relative;}
@media (min-width:768px){
.sub-menu {
min-width: 280px;}
#menu-main-menu .menu-item:hover .sub-menu{opacity: 1;transform: translateY(0px); -o-transform: translateY(0px);-ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); visibility: visible;}
}
@keyframes bgburnsWest {
from {
transform: scale(1) translateX(0);
-webkit-transform: scale(1) translateX(0)
}
to {
transform: scale(1.2) translateX(-100px);
-webkit-transform: scale(1.2) translateX(-100px)
}
}
@-webkit-keyframes bgburnsWest {
from {
transform: scale(1) translateX(0);
-webkit-transform: scale(1) translateX(0)
}
to {
transform: scale(1.2) translateX(-100px);
-webkit-transform: scale(1.2) translateX(-100px)
}
}
.gray-bg{ padding-top: 100px !important;
background-color: #f0f3f2 !important;}
section.banner-view {
position: relative;
overflow: hidden;
}
@media (max-width: 767px){
button.navbar-toggle {display: flex;}
a.navbar-brand img {max-width: 170px;}
.top-header .w-100.d-flex.ml-auto.pr-5 {display: none !important;}
.banner-line1.inner-title {font-size: 2rem;}
h2 {font-size: 1.4rem;}
.h1, h1 {
font-size: 1.5rem;
}
.col-md-3.mr {
width: 50%;
}
.yellow-btn {
display: inherit;
}
}
@media (max-width: 500px){
.slider_item {
height: 230px !important;
}
.banner-line1.inner-title {
font-size: 1.5rem;
line-height: 1.2;
}
.navbar { padding: .5rem 0rem;}
}
nav#stick_bar {
flex-flow: column;
}
.navbar-nav ul{ display: -ms-flexbox;margin: 0;
display: flex;
padding-left: 0;
margin-bottom: 0;
list-style: none;}
@media (max-width: 767px){
.navbar-default .navbar-toggle .icon-bar {
background-color: #593f9a;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 3px;
border-radius: 1px;
background: #edcf3b;
margin: 5px;
}
.navbar-default .navbar-toggle {
border: 0px;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-toggle {
position: relative;
float: right;
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
button.navbar-toggle {
position: absolute;
right: 0;
}
#navbar.show {
left: 0; box-shadow: 0px 0px 5px #ccc;
}
#navbar {
position: fixed;
top: 0;
left: -260px;
z-index: 999;
width: 260px !important;
height: 100%;
overflow: auto;
background: #FFF;
margin: 0 !important;
height: 100% !important;
padding: 0 !important;
display: block !important;
transition: all 0.3s ease-out;
}
#navbar .navbar-nav {
align-items: center;
height: 100vh;justify-content: center;flex-direction: column;
}
#navbar .navbar-nav { margin: 0;
padding: 0;
width: 90%; margin: 0 auto;}
#navbar .navbar-nav li {
display: block;
width: 100%;
margin: 0px 0px;
padding-bottom: 5px;
border-bottom: 1px solid #777474;
}
}
@keyframes bgburnsWest {
from {
transform: scale(1) translateX(0);
-webkit-transform: scale(1) translateX(0)
}
to {
transform: scale(1.2) translateX(-100px);
-webkit-transform: scale(1.3) translateX(100px)
}
}
@-webkit-keyframes bgburnsWest {
from {
transform: scale(1) translateX(0);
-webkit-transform: scale(1) translateX(0)
}
to {
transform: scale(1.2) translateX(-100px);
-webkit-transform: scale(1.2) translateX(-100px)
}
}
.text-center.title-heading.above-heading {
text-shadow: 0px 0px 6px #193544;
position: absolute;
top: 50%;
z-index: 9;
color: #FFF;
left: 50%;
font-weight: 900 !important;
transform: translate(-50%, -50%);
}
.animate{ animation: bgburnsWest 25s linear infinite alternate;
-webkit-animation: bgburnsWest 25s linear infinite alternate; }
.above-heading h1{font-weight: 700;
letter-spacing: 3px;}
.pagination {justify-content: center;}
a.page-numbers {
background: black;
color: #FFF;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 4px;
margin: 4px;
}
span.page-numbers.current {
background: #7358a4;
color: #FFF;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 4px;
margin: 4px;
}
.bg-video-wrap {
position: relative;
overflow: hidden;
width: 100%;
height: 600px;
background: url(https://designsupply-web.com/samplecontent/vender/codepen/20181014.png) no-repeat center center/cover;
}
.banner-view video {
min-width: 100%;
min-height: 660px;
width: 100% !important;
z-index: 1; transform: translateX(0%) translateY(-10%);
}
.overlay {
width: 100%;
height: 450px;
position: absolute;
top: 0;
left: 0;
/*background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgb(76 50 147 / 32%) 50%);*/
background-size: 3px 3px;
z-index: 2;
}
.investor{ position: absolute;
left: 20%;
top: 43%;
transform: translate(0%, -50%);
width: 150px;}
.post-slide .team_box .team_img img{ height: 210px;
object-fit: cover;
margin-bottom: 10px; }
#movie-slider .owl-item img {
display: block;
width: 100%;
height: 300px;
object-fit: cover;
}
div#AnythingPopup_BoxContainerBody1 br{display: none !important;}
#AnythingPopup_BoxContainer1 {
border: 1px solid #4d4d4d40 !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-khtml-border-radius: 0px !important;
border-radius: 0px !important;
box-shadow: 0px 0px 10px #ccc !important;
}
#AnythingPopup_BoxContainerHeader1 {
height: 44px !important;
background: #7459a5 !important;
border-top-right-radius: 0px !important;
-moz-border-radius-topright: 0px !important;
-webkit-border-top-right-radius: 0px !important;
-khtml-border-top-right-radius: 0px !important;
border-top-left-radius: 0px !important;
-moz-border-radius-topleft: 0px !important;
-webkit-border-top-left-radius: 0px !important;
-khtml-border-top-left-radius: 0px !important;
}
#AnythingPopup_BoxContainer1 #AnythingPopup_BoxTitle1 { padding: 5px;
}
textarea {
height: 100px;
}
.inline-block-red a{ color: #FF0000;
font-weight: 700;
text-transform: uppercase;
}
div#AnythingPopup_BoxContainerBody1 {
padding-bottom: 50px !important;
}
img.img-fluid.e-hight {
min-height: 400px;
object-fit: cover;
}
.d-block-gallery {
display: block;
width: 100%;
position: relative;
}.d-block-gallery img{width: 100%;}a.d-block-gallery {
margin: 15px 0px;
}.g-name {
position: absolute;
display: block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #FFF;
text-shadow: 0px 0px 6px #523494;
font-weight: 700;
letter-spacing: 2px;
background: #573b96;
padding: 5px 10px;
}
.header-social {
position: absolute;
right: 0;
z-index: 9;
top: 5%;
}
.header-social .social-icons-lists li.social-icons-list-item {}
footer.comment-meta {background: transparent;}
.blog-list {
background: #f9f9f9;
padding: 10px;
}
@media (max-width: 767px){
.investor{
left: unset; right: 0;
width: 85px;}
#AnythingPopup_BoxContainer1 {
width: 335px !important;}
#AnythingPopup_BoxTitle1 { font-size: 10pt;}
img.img-fluid.e-hight {
min-height: 300px;
object-fit: cover;
}
html, body {
overflow-x: hidden;
}
.header-social {
top: 100%;
right: -15px;
}
.header-social span.socicon {
font-size: 13px !important;
padding: 7px !important;
}
.header-social .social-icons-lists li.social-icons-list-item {
display: block;
}
.menu-overlay {
display: none;
background-color: rgba(236, 208, 138, 0.5);
bottom: 0;
left: 260px;
filter: alpha(opacity=50);
position: fixed;
right: 0;
top: 0;
z-index: 999;
transition: all 0.3s ease-out;
}
.caret { cursor: pointer; display: block;position: absolute; right: -5px; font-size: 15px; padding: 15px 25px 20px 10px;line-height: 10px; top: 8px; z-index: 99;}
.caret::before { content: ''; width: 20px; height: 2px; background:#32325c; position: absolute; transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transition: ease .3s all 0s; -webkit-transition: ease .3s all 0s;}
.caret::before { transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.caret::after { content: ''; width: 20px;height: 2px; background:#32325c; position: absolute;}
.main-menu li {border-bottom: 1px solid #ccc;}
.menu-item-has-children.show>.sub-menu{visibility: visible; opacity: 1; transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px);display:block;z-index:999;}
.menu-item-has-children.show>.sub-menu li .sub-menu{top: 100%;left: 0;}
.menu-item-has-children.show>.caret::before {
transform: rotate(
0deg
);
-webkit-transform: rotate(
0deg
);
}
.bg-video-wrap {height: auto;}
.banner-view video { min-height: auto;}
.breadcrum_banner.with-over.banner.animate { animation: none !important; height: 270px;}
#menu-main-menu .menu-item a { padding: 0px 5px; font-size: 11px;}
}
ul.social-icons-lists.icons-background-square {
list-style: none;
}
li.social-icons-list-item {
display: inline-block; margin-bottom: 0 !important;
}
.top-bar{position: absolute; width: 100%; top: 20px; z-index: 9;}
@media (max-width: 767px){
.top-bar{position: relative; top: 0px;
text-align: center;
background: #000;}
.top-bar .social-link {
text-align: center;
}
.social-icons-lists li.social-icons-list-item { margin: 0px;}
li.social-icons-list-item img, .flag-list img { height: 23px;}
.investor {display: none;}
}