- needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #f6f6f6;
min-width: 230px;
border: 1px solid #ddd;
z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
.btn-outline-primary.focus, .btn-outline-primary:focus {
box-shadow: none !important;
}
.btn{font-weight:400; text-transform:uppercase; font-size: 14px !important; letter-spacing: 2px !important;
/*border: 1px solid #0057b8;*/
border-radius:300px;
font-family: Montserrat, Arial, Helvetica, sans-serif;}
.btn-pnb{padding:10px 20px; font-size: 1rem; color: #0057b8;}
.btn-banner{padding:10px 20px; font-size: 1rem; color: #ffffff; border: 1px solid #ffffff;}
.btn01{font-weight:700;
text-transform:uppercase;
border: 1px solid white;
border-radius:300px;
font-family: Arial, Helvetica, sans-serif;}
.btn-pnb01{padding:10px 20px; font-size: 1rem; color: white; border: 1px solid white;}
.btn-xl{padding:1rem 2rem}
.btn-primary{background-color:#f05f40;border-color:#f05f40}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#ee4b28!important}
.btn-primary:active,.btn-primary:focus{-webkit-box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important;box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important}
iframe {
width:100%;
/*height:600px;
position:absolute;*/
}
#front {
position:absolute;
/*width:100px;
height:100px;*/
left:20%;
top:50px;
}
.topbox
{background:rgba(255,255,255,0.6);
box-shadow:0 0 10px #666;}
.padtop50 {padding-top: 50px;}
.padtb20 {padding-top:20px; padding-bottom:20px;}
.padtb20 {padding-top:20px; padding-bottom:20px;}
.padtblr20 {padding-top:20px; padding-bottom:20px; padding-left: 20px; padding-right: 20px;}
.padtb30 {padding-top:30px; padding-bottom:30px;}
.padtb50 {padding-top:50px; padding-bottom:50px;}
.padtb100 {padding-top:100px; padding-bottom:100px;}
.padr30 {padding-right:30px;}
.padl30 {padding-left:30px;}
.padl15 {padding-left:15px;}
.backgroundblue {background-color: #0057b8;}
.backgrounddark {background-color: #333333;}
.backgrediantblue {background: linear-gradient(to bottom, #0057b8 0%, #013b7b 100%);}
.nopad {padding: 0px !important;}
.imagebox {
display: block;
width: 100%;
height: auto;
}
.containerbox {
position: relative;
text-align: center;
color: white;
}
/* Centered text */
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white !important;
}
.overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #0087B7;
cursor: pointer;
}
.containerbox:hover .overlay {
opacity: 0.5;
}
.text-pnbblue {color: #193CEB;}
.title {padding-bottom: 10px;}
.h7 {font-size: 0.5rem}
.img-responsive {display: block; max-width: 100%; height: auto; margin: 0 auto;}
ul.breadcrumbpnb { padding: 20px 0; list-style: none;}
ul.breadcrumbpnb li {
display: inline;
font-size: 14px;
}
ul.breadcrumbpnb li+li:before {
padding: 8px;
color: #193CEB;
font-weight: 700;
content: "\003e";
}
ul.breadcrumbpnb li a {
color: #0057b8;
text-decoration: none;
font-weight: 700;
}
ul.breadcrumbpnb li a:hover {
color: #0057b8;
text-decoration: underline;
}
/* Tabs panel */
.tabbable-panel {
}
/* Default mode */
.nav-tabs {
display: flex;
justify-content: center;
flex-direction: row;
}
.tabbable-line > .nav-tabs {
border: none;
margin: 0;
}
.nav-tabs {
text-align: center;
}
.tabbable-line > .nav-tabs > li {
margin: 1px;
border: 1px solid #eeeeee;
background-color: #eeeeee;
}
.tabbable-line > .nav-tabs > li > a {
border: 0;
margin-right: 0;
color: #0057b8;
font-size: 14px;
padding: 15px 20px;
}
.tabbable-line > .nav-tabs > li > a > i {
color: #0057b8;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
background-color: #0057b8;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
border: 0;
color: White;
text-decoration: none;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
background-color: white;
position: relative;
}
.tabbable-line > .tab-content {
margin-top: -3px;
background-color: #fff;
border: 0;
border-top: 1px solid #eee;
padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
padding-bottom: 0;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #ffffff;
background-color: #0057B6;
border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: none !important;
border-top-right-radius: none !important;
}
#timeline {
width: 800px;
height: 350px;
overflow: hidden;
margin: 100px auto;
position: relative;
background: url('../images/dot.gif') left 45px repeat-x;
}
#dates {
width: 800px;
height: 60px;
overflow: hidden;
}
#dates li {
list-style: none;
float: left;
width: 100px;
height: 50px;
font-size: 24px;
text-align: center;
background: url('../images/biggerdot.png') center bottom no-repeat;
}
#dates a {
line-height: 38px;
padding-bottom: 10px;
}
#dates .selected {
font-size: 38px;
}
#issues {
width: 800px;
height: 350px;
overflow: hidden;
}
#issues li {
width: 800px;
height: 350px;
list-style: none;
float: left;
}
#issues li.selected img {
-webkit-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
#issues li img {
float: left;
margin: 10px 30px 10px 50px;
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */
zoom: 1;
-webkit-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
-webkit-transform: scale(0.7,0.7);
transform: scale(0.7,0.7);
}
#issues li h1 {
color: #ffcc00;
font-size: 48px;
margin: 20px 0;
text-shadow: #000 1px 1px 2px;
}
#issues li p {
font-size: 14px;
margin-right: 70px;
font-weight: normal;
line-height: 22px;
text-shadow: #000 1px 1px 2px;
}
#grad_left,
#grad_right {
width: 100px;
height: 350px;
position: absolute;
top: 0;
}
#grad_left {
left: 0;
background: url('../images/grad_left.png') repeat-y;
}
#grad_right {
right: 0;
background: url('../images/grad_right.png') repeat-y;
}
#next,
#prev {
position: absolute;
top: 0;
font-size: 70px;
top: 170px;
width: 22px;
height: 38px;
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -9999px;
overflow: hidden;
}
#next:hover,
#prev:hover {
background-position: 0 -76px;
}
#next {
right: 0;
background-image: url('../images/next.png');
}
#prev {
left: 0;
background-image: url('../images/prev.png');
}
#next.disabled,
#prev.disabled {
opacity: 0.2;
}
.panel {
width: 100%;
height: 500px;
z-index:0;
-webkit-transform: translateZ( 0 );
transform: translateZ( 0 );
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/*
*Scrolling
*/
a[ id= "scrolldownanchor" ]:target ~ #main article.panel {
-webkit-transform: translateY( 0px);
transform: translateY( 0px );
}
.carousel-indicators{position:absolute;right:0;top:20%;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:left;justify-content:left;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}
.carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-1px;cursor:pointer;background-color:rgba(255,255,255,.5)}
.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:10%;height:10px;content:""}
.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:10%;height:10px;content:""}
.carousel-indicators .active{background-color:#fff}
.carousel-indicators-numbers li {
text-indent: 0;
margin: 0 2px;
width: 30px;
height: 30px;
border: none;
line-height: 30px;
color: #fff;
opacity: 0.3;
background-color: transparent;
transition: all 0.25s ease;
font-size: 15px;
font-weight: 700;
text-align: center;
}
.carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
margin: 0 2px;
width: 30px;
height: 30px;
background-color: transparent;
color: fff;
opacity: 0.9;
font-size: 15px;
font-weight: 700;
border-bottom: 3px solid #0057b8;
}
.btnwhite {border: 1px solid white; color: white;}
.boxtextcenter{position: absolute; left: 0; top: 40%; width: 100%; padding: 0px 80px;}
#box1 {font-size: 70px; line-height: 100%;}
#box1 a:hover {cursor: pointer; text-decoration: none; color: #0057b8}
#box2 {font-size: 70px; line-height: 100%; padding-top: 50px; padding-bottom: 50px;}
#box2 a:hover {cursor: pointer; text-decoration: none; color: #0057b8}
#box4 {background-image: url('../img/Deskstop/01_Homepage/OurStoryBusiness/Our Story & Business.jpg'); background-repeat:no-repeat;
background-size:contain; background-position:center;}
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*expand*/
.containerexbox .rowexbox {
max-width: 100vw;
display: flex;
}.category {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 4rem 1rem 0;
overflow: hidden;
position: relative;
transition: width 500ms ease-in-out;
flex-grow: 1;
width: 100%;
}
.category img {
padding-top: 160px;
}
.category:nth-of-type(2) {
background-image: url(../img/Deskstop/01_Homepage/GroupOperationsHover/ASNB/ASNB.jpg);
background-repeat: no-repeat;
background-position: left;
}
.category:nth-of-type(3) {
background-image: url(../img/Deskstop/01_Homepage/GroupOperationsHover/MERDEKA/PNB_Merdeka118.jpg);
background-repeat: no-repeat;
background-position: center;
}
.category:nth-of-type(1) {
background-image: url(../img/Deskstop/01_Homepage/GroupOperationsHover/OurInvestment/investment.jpg);
background-repeat: no-repeat;
background-position: center;
}
.category.inactive h2,
.category.inactive p {
opacity: 0.2;
transition: all 500ms ease-in-out;
color: transparent;
}
.category.inactive img {
padding-top: 250px;
}
.category p {
text-align: center;
max-width: 300px;
opacity: 1;
font-size: 1rem;
line-height: 1.6;
margin: 0 auto 1rem;
transition: all 500ms ease-in-out;
color: transparent;
}
.category a {
color: transparent;
border:hidden;
}
a {
color: #263445;
}
a:hover {
color: #3e5673;
}
@media all and (min-width: 768px) {
.category {
height: 700px;
}
.category.active {
width: 99.9%;
}
.category.active p {
color: rgba(255, 255, 255, 0.8);
}
.category.active a {
color: white;
width: 150px;
align-self: center;
border: 1px solid #ffffff;
}
.category.inactive {
width: 0.9%;
}
.category h2 {
font-size: 1.5vw;
}
.content {
background: #fff;
}
}
.parallax01 {
/* The image used */
background-image: url("../img/Deskstop/02_Our_Story/Tribute to Tun Ismail/TheCeremonyofTheFirstColumn Erection.png");
/* Set a specific height */
min-height: 500px;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
}
.parallax02 {
/* The image used */
background-image: url("../img/Deskstop/04_Our_Unit_Trust/ASNB/Seperator.jpg");
/* Set a specific height */
min-height: 400px;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
}
#wrap {
padding: 0px 0;
}
.review-title {
margin-bottom: 30px;
}
.review-card--option-1 {
border: 1px solid #D8D8D8;
padding: 25px;
}
.review-card--option-2 {
padding: 0 15px;
}
.review-card--option-3 {
padding: 0 200px;
}
.review-card--option-4 {
padding: 30px;
}
.review-card .review-card-img {
border: 1px solid #eee;
width: 100px;
height: 70px;
background-image: url("https://unsplash.it/200");
background-repeat: no-repeat;
background-position: center center;
margin: 0 auto 15px;
}
.review-card .review-author .ra-author {
font-size: 18px;
display: block;
margin-bottom: 10px;
}
.review-card .review-author .ra-rating-star {
margin: 0 0 15px;
padding: 0;
list-style-type: none;
}
.review-card .review-author .ra-rating-star li {
display: inline-block;
margin: 0 -2px;
}
.review-card--option-4 {
border: 1px solid #D8D8D8;
}
.carousel-wrap {
width: 635px;
height: 323px;
margin: 0 auto;
position: relative;
}
@media (min-width: 768px) and (max-width: 991px) {
.carousel-wrap {
width: 400px;
}
}
@media (max-width: 767px) {
.carousel-wrap {
width: 350px;
height: 345px;
}
}
@media (max-width: 480px) {
.carousel-wrap {
width: 240px;
height: 408px;
}
}
.carousel > li {
width: 500px;
height: 325px;
background: #fff;
display: inline-block;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
@media (min-width: 768px) and (max-width: 991px) {
.carousel > li {
width: 400px;
}
}
@media (max-width: 767px) {
.carousel > li {
width: 350px;
height: 345px;
}
}
@media (max-width: 480px) {
.carousel > li {
width: 240px;
height: 408px;
}
}
.items {
position: absolute;
}
.main-pos {
margin-left: 2em !important;
z-index: 3000;
}
@media (min-width: 768px) and (max-width: 991px) {
.main-pos {
margin-left: -40px !important;
}
}
@media (max-width: 767px) {
.main-pos {
margin-left: -40px !important;
}
}
.left-pos {
background: #ccc;
opacity: .5;
margin-left: -17em !important;
z-index: 1000;
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
transform: scale(0.75);
}
.left-pos .review-card--option-4 {
background: rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) and (max-width: 991px) {
.left-pos {
margin-left: -220px !important;
}
}
@media (max-width: 767px) {
.left-pos {
margin-left: -113px !important;
}
}
@media (max-width: 480px) {
.left-pos {
margin-left: -145px !important;
}
}
.back-pos {
opacity: .05;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
transform: scale(0.5);
}
.right-pos {
opacity: .5;
margin-left: 21em !important;
z-index: 1000;
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
transform: scale(0.75);
}
.right-pos .review-card--option-4 {
background: rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) and (max-width: 991px) {
.right-pos {
margin-left: 140px !important;
}
}
@media (max-width: 767px) {
.right-pos {
margin-left: 30px !important;
}
}
@media (max-width: 480px) {
.right-pos {
margin-left: 62px !important;
}
}
.slider {
width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
}
.slider a {
color: #999;
}
.slider i {
font-size: 45px;
}
.slider #prev,
.slider #next {
position: absolute;
}
.slider #prev {
left: -214px;
}
@media (min-width: 768px) and (max-width: 1199px) {
.slider #prev {
left: -180px;
}
}
@media (max-width: 767px) {
.slider #prev {
left: -70px;
}
}
.slider #next {
right: -214px;
}
@media (min-width: 768px) and (max-width: 1199px) {
.slider #next {
right: -180px;
}
}
@media (max-width: 767px) {
.slider #next {
right: -70px;
}
}
@media (max-width: 480px) {
.slider {
display: none;
}
}
/* gallery*/
.gallerydate {font-size:14px; color: white; padding-top: 20px;}
.gallerycaptions {font-size: 15px; font-weight: bolder; padding-bottom: 30px; color: white;}
/* article box*/
.articleboxactive{background-color: #0057b8; height: 280px; padding-left: 20px; padding-right: 20px;}
.articleboxactive:after {content: ''; background:url('../img/Deskstop/06_Media_Centre/Articles/PDF-white.png'); background-size:cover; position:absolute; width:54px; height:24px; bottom: 20px !important;}
.articlebox:after {content: ''; background:url('../img/Deskstop/06_Media_Centre/Articles/PDF-icon.png'); background-size:cover; position:absolute; width:54px; height:24px; bottom: 20px !important;}
.articlebox{background-color: #dddddd; height: 280px; padding-left: 20px; padding-right: 20px;}
.articlebox:hover {background-color: #0057b8; color: white !important; cursor: pointer; text-decoration: none !important;}
.articlebox:hover p{background-color: #0057b8; color: white !important; cursor: pointer; text-decoration: none !important;}
.articlebox:hover:after {content: ''; background:url('../img/Deskstop/06_Media_Centre/Articles/PDF-white.png'); background-size:cover; position:absolute; width:54px; height:24px; bottom: 20px !important;}
.articleboxinner {padding: 20px 10px;}
.articledate {font-size:15px; font-weight: bolder;}
.articletitle {font-size: 14px; font-weight: normal !important;}
.pdficon {position:absolute !important; bottom: 8% !important;}
#loadMore {
padding: 10px;
text-align: center;
background-color: #33739E;
color: #fff;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #fff;
box-shadow: 0 1px 1px #ccc;
transition: all 600ms ease-in-out;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
}
#loadMore:hover {
background-color: #fff;
color: #33739E;
}
/* filter article*/
#myBtnContainer .btn {margin-right: 20px; background-color: white; border: 1px solid #dddddd; padding-left: 30px; padding-right: 30px;}
#myBtnContainer .btn.active { background-color: #0057b8; color: #ffffff;}
.dropbtnlist {font-size: 16px; font-weight: 700; text-align: center; padding-top: 10px; padding-bottom: 10px; cursor: pointer;}
.dropbtnlist:hover { background-color: #0057b8; color: white;}
.filterDiv {
display: none; /* Hidden by default */
}
/* The "show" class is added to the filtered elements */
.show {
display: block;
}
/* Style the buttons
.btn {
border: none;
outline: none;
padding: 12px 16px;
cursor: pointer;
}*/
/* Add a light grey background on mouse-over
.btn:hover {
background-color: #ddd;
}*/
/* Add a dark background to the active button
.btn.active {
background-color: #666;
color: white;
}*/
/* Dropdown Button */
.dropbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
background-color: #3e8e41;
}
/* The search field */
#myInput {
border-box: box-sizing;
background-image: url('searchicon.png');
background-position: 14px 12px;
background-repeat: no-repeat;
font-size: 16px;
padding: 14px 20px 12px 45px;
border: none;
border-bottom: 1px solid #ddd;
}
/* The search field when it gets focus/clicked on */
#myInput:focus {outline: 3px solid #ddd;}
/* The container
- needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #f6f6f6;
min-width: 230px;
border: 1px solid #ddd;
z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
.modal-dialog {
max-width: 600px;
margin: 30px auto;
top: 5%;
}
.modal-body {
position:relative;
padding:0px;
}
.close {
position:absolute;
right:-30px;
top:0;
z-index:999;
font-size:2rem;
font-weight: normal;
color:#fff;
opacity:1;
}
#all{background-image: url(../img/Deskstop/03_Our_Investment/Property/all.png); background-position: center center; background-repeat: no-repeat;
background-size: cover; background-color: #464646;}
div#one:hover > div#all {background-image: url(../img/Deskstop/03_Our_Investment/Property/ADomestic.png) !important; background-position: center center; background-repeat: no-repeat;
background-size: cover; background-color: #464646;}
.one:hover ~ .two {background:salmon;}
.two:hover ~ .one {background:salmon;}
.two:after:hover {
background:salmon;;
}
#one{background-image: url(../img/Deskstop/03_Our_Investment/Property/all1.png);background-position: center center; background-repeat: no-repeat;
background-size: cover; background-color: #464646; border: 1px solid white; cursor: pointer;}
#two{background-image: url(../img/Deskstop/03_Our_Investment/Property/all2.png);background-position: center center; background-repeat: no-repeat;
background-size: cover; background-color: #464646; border: 1px solid white; cursor: pointer;}
#three{background-image: url(../img/Deskstop/03_Our_Investment/Property/all3.png);background-position: center center; background-repeat: no-repeat;
background-size: cover; background-color: #464646; border: 2px solid white; cursor: pointer;}
/*3dcarol*/
#carousel3d .carousel-3d-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
background-color: transparent;
padding: 10px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
border: none;
}
#carousel3d .carousel-3d-slide.current {
background-color: transparent;
color: #000;
}
#carousel3d .carousel-3d-slide.current span {
font-size: 18px;
font-weight: 400;
}
.boxinfo {background-color: #E6E7E8; padding: 20px;}
.holder{ height:500px; position:relative;}
.frame{ width: 100%; height:100%;}
.bar{ position:absolute; top:10%; left:10%; width:30%; background: rgba(255, 255, 255, 0.8); padding: 30px 40px;-webkit-box-shadow: 0px 0px 42px -9px rgba(0,0,0,0.59);
-moz-box-shadow: 0px 0px 42px -9px rgba(0,0,0,0.59); box-shadow: 0px 0px 42px -9px rgba(0,0,0,0.59);}
.timeline-small-box .box-item {
float: left;
min-width: 800px;
height: 250px;
color: #fff;
text-align: center;
}
.theme {
background: #4A2AB2;
}
#return-to-top {
position: fixed;
bottom: 20px;
right: 20px;
background-image: url(../img/Deskstop/09_footer/GoToTop.png);
background-position: center center;
background-repeat: no-repeat;
width: 68px;
height: 67px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff !important;
z-index: 999;
}
#return-to-top i {
color: #fff !important;
margin: 0;
position: relative;
left: 16px;
top: 13px;
font-size: 19px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
background-image: url(../img/Deskstop/09_footer/GoToTophover.png);
background-position: center center;
background-repeat: no-repeat;
width: 68px;
height: 67px;
}
#return-to-top:hover i {
color: #fff;
top: 5px;
}
i{color: #fff !important;}
#return-to-topM {
position: fixed;
bottom: 20px;
right: 20px;
background-image: url(../img/Deskstop/09_footer/GoToTopM.png);
background-position: center center;
background-repeat: no-repeat;
width: 68px;
height: 67px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff !important;
z-index: 999;
}
#return-to-topM i {
color: #fff !important;
margin: 0;
position: relative;
left: 16px;
top: 13px;
font-size: 19px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-topM:hover {
background-image: url(../img/Deskstop/09_footer/GoToTopMhover.png);
background-position: center center;
background-repeat: no-repeat;
width: 68px;
height: 67px;
}
#return-to-topM:hover i {
color: #fff;
top: 5px;
}
i{color: #fff !important;}
.equal {
background-color: #f4f4f4;
background-clip: content-box;
min-height: 330px;
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}