/* Basic */ body, input, select, textarea { color:#333; font-family: 'Open Sans', sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 18px; } body { background: #fff; overflow-y: scrolling; } body.loading * { -moz-animation: none !important; -webkit-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } a { -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; /* ...and now for the proper property */ transition:.5s; border-bottom: dotted 0px; color: inherit; outline: 0; text-decoration: none; color:#333; } a:hover { /*border-color: transparent;*/ text-decoration: none; color: #138057; } p{ text-align:justify; } /* Icon */ .icon { position: relative; } .icon:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; text-transform: none !important; } .icon > .label { display: none; } /* Wrapper */ @-moz-keyframes wrapper { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes wrapper { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes wrapper { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes wrapper { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes wrapper { 0% { opacity: 0; } 100% { opacity: 1; } } #wrapper { -moz-animation: wrapper 3s forwards; -webkit-animation: wrapper 3s forwards; -o-animation: wrapper 3s forwards; -ms-animation: wrapper 3s forwards; animation: wrapper 3s forwards; height: 100%; left: 0; opacity: 0; position:; top: 0; width: 100%; } /* BG */ #bg { -moz-animation: bg 60s linear infinite; -webkit-animation: bg 60s linear infinite; -o-animation: bg 60s linear infinite; -ms-animation: bg 60s linear infinite; animation: bg 60s linear infinite; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); /* Set your background with this */ background: #348cb2 url("images/bg.jpg") bottom left; background-repeat: repeat-x; height: 100%; left: 0; opacity: 1; position: fixed; top: 0; } @-moz-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } } @-webkit-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } } @-o-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } } @-ms-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } } @keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } } #bg { background-size: 2250px auto; width: 6750px; } /* Overlay */ @-moz-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } } #overlay { -moz-animation: overlay 1.5s 1.5s forwards; -webkit-animation: overlay 1.5s 1.5s forwards; -o-animation: overlay 1.5s 1.5s forwards; -ms-animation: overlay 1.5s 1.5s forwards; animation: overlay 1.5s 1.5s forwards; background-attachment: fixed, fixed; background-image: url("images/overlay-pattern.png"), url("images/overlay.svg"); background-position: top left, center center; background-repeat: repeat, no-repeat; background-size: auto, cover; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; width: 100%; } @-moz-keyframes header { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @-webkit-keyframes header { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @-o-keyframes header { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @-ms-keyframes header { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @keyframes header { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @-moz-keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @-webkit-keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @-o-keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @-ms-keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } #header { -moz-animation: header 1s 2.25s forwards; -webkit-animation: header 1s 2.25s forwards; -o-animation: header 1s 2.25s forwards; -ms-animation: header 1s 2.25s forwards; animation: header 1s 2.25s forwards; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); cursor: default; display: inline-block; opacity: 0; position: relative; text-align: center; top: -1em; vertical-align: middle; width: 90%; } #header h1 { font-size: 4.35em; font-weight: 900; letter-spacing: -0.035em; line-height: 1em; } #header p { font-size: 1.25em; margin: 0.75em 0 0.25em 0; opacity: 0.75; } #header nav { margin: 1.5em 0 0 0; } #header nav li { -moz-animation: nav-icons 0.5s ease-in-out forwards; -webkit-animation: nav-icons 0.5s ease-in-out forwards; -o-animation: nav-icons 0.5s ease-in-out forwards; -ms-animation: nav-icons 0.5s ease-in-out forwards; animation: nav-icons 0.5s ease-in-out forwards; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); display: inline-block; height: 5.35em; line-height: 5.885em; opacity: 0; position: relative; top: 0; width: 5.35em; } #header nav li:nth-child(1) { -moz-animation-delay: 2.5s; -webkit-animation-delay: 2.5s; -o-animation-delay: 2.5s; -ms-animation-delay: 2.5s; animation-delay: 2.5s; } #header nav li:nth-child(2) { -moz-animation-delay: 2.75s; -webkit-animation-delay: 2.75s; -o-animation-delay: 2.75s; -ms-animation-delay: 2.75s; animation-delay: 2.75s; } #header nav li:nth-child(3) { -moz-animation-delay: 3s; -webkit-animation-delay: 3s; -o-animation-delay: 3s; -ms-animation-delay: 3s; animation-delay: 3s; } #header nav li:nth-child(4) { -moz-animation-delay: 3.25s; -webkit-animation-delay: 3.25s; -o-animation-delay: 3.25s; -ms-animation-delay: 3.25s; animation-delay: 3.25s; } #header nav li:nth-child(5) { -moz-animation-delay: 3.5s; -webkit-animation-delay: 3.5s; -o-animation-delay: 3.5s; -ms-animation-delay: 3.5s; animation-delay: 3.5s; } #header nav li:nth-child(6) { -moz-animation-delay: 3.75s; -webkit-animation-delay: 3.75s; -o-animation-delay: 3.75s; -ms-animation-delay: 3.75s; animation-delay: 3.75s; } #header nav li:nth-child(7) { -moz-animation-delay: 4s; -webkit-animation-delay: 4s; -o-animation-delay: 4s; -ms-animation-delay: 4s; animation-delay: 4s; } #header nav li:nth-child(8) { -moz-animation-delay: 4.25s; -webkit-animation-delay: 4.25s; -o-animation-delay: 4.25s; -ms-animation-delay: 4.25s; animation-delay: 4.25s; } #header nav li:nth-child(9) { -moz-animation-delay: 4.5s; -webkit-animation-delay: 4.5s; -o-animation-delay: 4.5s; -ms-animation-delay: 4.5s; animation-delay: 4.5s; } #header nav li:nth-child(10) { -moz-animation-delay: 4.75s; -webkit-animation-delay: 4.75s; -o-animation-delay: 4.75s; -ms-animation-delay: 4.75s; animation-delay: 4.75s; } #header nav a { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; border: 0; display: inline-block; } #header nav a:before { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 100%; border: solid 1px white; display: block; font-size: 1.75em; height: 2.5em; line-height: 2.5em; position: relative; text-align: center; top: 0; width: 2.5em; } #header nav a:hover { font-size: 1.1em; } #header nav a:hover:before { background-color: rgba(255, 255, 255, 0.175); color: white; } #header nav a:active { font-size: 0.95em; background: none; } #header nav a:active:before { background-color: rgba(255, 255, 255, 0.35); color: white; } #header nav a span { display: none; } /* Footer */ #footer { background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%); background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%); background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%); bottom: 0; cursor: default; height: 6em; left: 0; line-height: 8em; position: absolute; text-align: center; width: 100%; } /* IR section start here */ /* General css */ .condensed{ font-family: 'Open Sans', sans-serif; } .naviContent { width:100% !important; } .container { width:100%; margin-bottom:50px; } @media (min-width: 768px) { .container { width:99%; margin-bottom:50px; } } @media (min-width: 820px) { .container { width:99%; margin-bottom:50px; } } @media (min-width: 1200px) { .container { width:99%; margin-bottom:50px; } } /* container padding and margin change here */ .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ padding-left:15px; padding-right:15px; } .row { margin-right: -15px !important; margin-left: -15px !important; } .border{ border:1px solid #ccc; } table.noBorder tbody tr td{ border:0px; } .borderLeft{ border-left:1px solid #ccc; } .borderRight{ border-right:1px solid #ccc; } .borderTop{ border-top:1px solid #ccc; } .borderBottom{ border-bottom:1px solid #ccc; } .colorBlack{ background:#000; } .colorDarkGrey{ background:#666; } .colorLightGrey{ background:#ccc; } .colorFontWhite{ color:#fff; } select { padding:5px; margin: 0; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; box-shadow: 0 3px 0 #000000, 0 -1px #fff inset; background: #138057; color:#ffffff !important; border:none; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; min-width: 100px; } select::-ms-expand { display: none; } .searchResult{ border-top:1px solid #ccc; margin:10px 0; padding-top:5px; } /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */ @media screen and (-webkit-min-device-pixel-ratio:0) { select {padding-right:30px} } label {position:relative} label:after { color:#fff; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); right:8px; top:5px; padding:0 0 2px; position:absolute; pointer-events:auto; z-index:-1; } label:before { content:''; right:6px; top:0px; width:20px; height:20px; background:#none; position:absolute; pointer-events:none; display:block; } /*.dropDownArrow{ background-image:url(../images/dropdownArrow.png); background-repeat: no-repeat; background-position: center right; background-color:#189bd7; min-width:150px; }*/ .naviTitle{ font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 24px; color: #061636; margin: 0 0 15px 0; text-transform:capitalize; } .pageTitle h3{ font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 25px; line-height: 30px; color: #138057; margin: 0 0 15px 0; /*text-transform:capitalize;*/ } .figureAlign{ text-align:right; } .nonFigureAlign{ text-align:left; } /** padding & margin classes **/ .p5{ padding:5px; } .p10{ padding:10px; } .p15{ padding:15px; } .p20{ padding:20px; } .pt5{ padding-top:5px; } .pt10{ padding-top:10px; } .pt15{ padding-top:15px; } .pt20{ padding-top:20px; } .pt25{ padding-top:25px; } .pt30{ padding-top:30px; } .pt35{ padding-top:35px; } .pb5{ padding-bottom:5px; } .pb10{ padding-bottom:10px; } .pb15{ padding-bottom:15px; } .pb20{ padding-bottom:20px; } .pl5{ padding-left:5px; } .pl10{ padding-left:10px; } .pl15{ padding-left:15px; } .pl20{ padding-left:20px; } .pl40{ padding-left:40px; } .pr5{ padding-right:5px; } .pr10{ padding-right:10px; } .pr15{ padding-right:15px; } .pr20{ padding-right:20px; } .m5{ margin:5px; } .m10{ margin:10px; } .m15{ margin:15px; } .m20{ margin:20px; } .mt5{ margin-top:5px; } .mt10{ margin-top:10px; } .mt15{ margin-top:15px; } .mt20{ margin-top:20px; } .mt30{ margin-top:30px;} .mb5{ margin-bottom:5px; } .mb10{ margin-bottom:10px; } .mb15{ margin-bottom:15px; } .mb20{ margin-bottom:20px; } .ml10{ margin-left:10px; } .ml20{ margin-left:20px; } .mr10{ margin-right:10px; } .mr20{ margin-right:20px; } /* ---------------------------------------------------------------- Portfolio -----------------------------------------------------------------*/ /* Portfolio - Filter -----------------------------------------------------------------*/ #portfolio-filter { position: relative; margin: 0 0 40px 0; list-style: none; border: 1px solid rgba(0,0,0,0.07); float: left; border-radius: 4px; } #portfolio-filter li { float: left; position: relative; } #portfolio-filter li a { display: block; position: relative; padding: 12px 18px; font-size: 13px; line-height: 15px; color: #666; border-left: 1px solid rgba(0,0,0,0.07); } #portfolio-filter li:first-child a { border-left: none; border-radius: 4px 0 0 4px; } #portfolio-filter li:last-child a { border-radius: 0 4px 4px 0; } #portfolio-filter li a:hover { color: #cccccc; } #portfolio-filter li.activeFilter a { color: #FFF !important; background-color: #cccccc; margin: -1px 0; padding: 13px 18px; } #portfolio-filter li.activeFilter a { font-weight: bold; } .bothsidebar #portfolio-filter li a { padding: 12px 14px; } .bothsidebar #portfolio-filter li.activeFilter a { padding: 13px 18px; } /* Portfolio - Shuffle Icon -----------------------------------------------------------------*/ #portfolio-shuffle { float: right; width: 41px; height: 41px; border: 1px solid rgba(0,0,0,0.07); font-size: 14px; text-align: center; line-height: 41px; color: #333; border-radius: 4px; cursor: pointer; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } #portfolio-shuffle:hover { background-color: #cccccc; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } /* Portfolio - Items -----------------------------------------------------------------*/ #portfolio { position: relative; margin: 0 -12px -12px 0; } body:not(.device-touch) #portfolio { -webkit-transition: height .4s linear; -o-transition: height .4s linear; transition: height .4s linear; } .portfolio-item { position: relative; float: left; width: 276px; margin: 0 12px 12px 0; } .portfolio-notitle .portfolio-item, .portfolio-notitle .iportfolio { overflow: hidden; } .portfolio-item .portfolio-image { position: relative; overflow: hidden; } .portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img { display: block; width: 276px; height: 207px; } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-image img { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /* Portfolio - Item Title -----------------------------------------------------------------*/ .portfolio-desc { z-index: 3; padding: 15px 0px 10px 0px; } .portfolio-desc h3 { margin: 0; padding: 10px 0px 0px 0px; font-size: 20px; } .portfolio-desc h3 a { color: #222; } .portfolio-desc h3 a:hover { color: #cccccc; } .portfolio-desc span { display: block; margin-top: 3px; color: #888; } .portfolio-desc span a { color: #888; } .portfolio-desc span a:hover { color: #000; } .portfolio-notitle .portfolio-desc { position: absolute; display: block !important; width: 100%; height: 78px; padding: 15px 5px; top: auto; bottom: -79px; left: 0; background-color: #FFF; border-bottom: 1px solid #EEE; } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-desc { -webkit-transition: bottom .2s ease-in-out; -o-transition: bottom .2s ease-in-out; transition: bottom .2s ease-in-out; } .portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -78px; border-bottom: 0; } .portfolio-notitle .portfolio-item:hover .portfolio-desc, .portfolio-notitle .iportfolio:hover .portfolio-desc { bottom: 0 !important; } .bothsidebar .portfolio-notitle .portfolio-item:hover .portfolio-image img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .iportfolio:hover .portfolio-image img { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } body.device-touch.device-xs .portfolio-notitle .portfolio-desc, body.device-touch.device-xxs .portfolio-notitle .portfolio-desc { display: none !important; } /* Portfolio - No Margin -----------------------------------------------------------------*/ #portfolio.portfolio-nomargin, #portfolio.portfolio-full { margin: 0 !important; } .portfolio-nomargin .portfolio-item { width: 284px; margin: 0 !important; } .portfolio-nomargin .portfolio-item .portfolio-image, .portfolio-nomargin .portfolio-item .portfolio-image a, .portfolio-nomargin .portfolio-item .portfolio-image img { width: 284px; height: 213px; } .portfolio-nomargin .portfolio-desc { padding: 15px 10px 15px; } /* Portfolio - 100% Full Width -----------------------------------------------------------------*/ #portfolio.portfolio-full { margin: 0 !important; width: 100.4%; } .portfolio-full .portfolio-item { width: 25%; margin: 0 !important; overflow: hidden !important; } .portfolio-full .portfolio-item-sizer { width: 25%; } .portfolio-full .portfolio-item .portfolio-image, .portfolio-full .portfolio-item .portfolio-image > a, .portfolio-full .portfolio-item .portfolio-image .slide a, .portfolio-full .portfolio-item .portfolio-image img { width: 100% !important; height: auto !important; } .portfolio-full .portfolio-desc { padding: 15px; } /* Portfolio - Sidebar -----------------------------------------------------------------*/ .postcontent #portfolio { margin: 0 -12px -12px 0; } .postcontent .portfolio-item { width: 206px; margin: 0 12px 12px 0; } .postcontent .portfolio-item .portfolio-image, .postcontent .portfolio-item .portfolio-image a, .postcontent .portfolio-item .portfolio-image img { width: 206px; height: 155px; } .postcontent .portfolio-desc h3 { font-size: 17px; } .postcontent .portfolio-desc span { font-size: 12px; } /* Portfolio - Sidebar - No Margin -----------------------------------------------------------------*/ .postcontent .portfolio-nomargin .portfolio-item { width: 214px; } .postcontent .portfolio-nomargin .portfolio-item .portfolio-image, .postcontent .portfolio-nomargin .portfolio-item .portfolio-image a, .postcontent .portfolio-nomargin .portfolio-item .portfolio-image img { width: 214px; height: 161px; } /* Portfolio - Sidebar - No Title -----------------------------------------------------------------*/ .postcontent .portfolio-notitle .portfolio-desc { height: 70px; bottom: -71px; } .postcontent .portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -70px; } .postcontent .portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -50px !important; } /* Portfolio - Both Sidebars -----------------------------------------------------------------*/ .bothsidebar #portfolio { margin: 0; } .bothsidebar .portfolio-item { width: 145px; margin: 0; } .bothsidebar .portfolio-item .portfolio-image, .bothsidebar .portfolio-item .portfolio-image a, .bothsidebar .portfolio-item .portfolio-image img { width: 145px; height: 108px; } .bothsidebar .portfolio-desc { display: none !important; } /* Portfolio - Masonry -----------------------------------------------------------------*/ .portfolio-masonry .portfolio-item .portfolio-image, .portfolio-masonry .portfolio-item .portfolio-image > a, .portfolio-masonry .portfolio-item .portfolio-image .slide a, .portfolio-masonry .portfolio-item .portfolio-image img { height: auto !important; } .portfolio-masonry.mixed-masonry { } .portfolio-masonry.mixed-masonry .portfolio-item, .portfolio-masonry.mixed-masonry .portfolio-item .portfolio-image, .portfolio-masonry.mixed-masonry .portfolio-item .portfolio-image > a, .portfolio-masonry.mixed-masonry .portfolio-item .portfolio-image .slide a, .portfolio-masonry.mixed-masonry .portfolio-item .portfolio-image img { } /* Portfolio - Items - 3 Columns -----------------------------------------------------------------*/ #portfolio.portfolio-3 { margin: 0 -15px -15px 0; } .portfolio-3 .portfolio-item { width: 370px; margin: 0 15px 15px 0; } .portfolio-3 .portfolio-item .portfolio-image, .portfolio-3 .portfolio-item .portfolio-image a, .portfolio-3 .portfolio-item .portfolio-image img { width: 370px; height: 278px; } /* Portfolio - Items - 3 Columns - No Margin -----------------------------------------------------------------*/ .portfolio-3.portfolio-nomargin .portfolio-item { width: 379px; } .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image, .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a, .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img { width: 379px; height: 284px; } /* Portfolio - Sidebar - Items - 3 Columns -----------------------------------------------------------------*/ .postcontent #portfolio.portfolio-3 { margin: 0 -16px -16px 0; } .postcontent .portfolio-3 .portfolio-item { width: 276px; margin: 0 16px 16px 0; } .postcontent .portfolio-3 .portfolio-item .portfolio-image, .postcontent .portfolio-3 .portfolio-item .portfolio-image a, .postcontent .portfolio-3 .portfolio-item .portfolio-image img { width: 276px; height: 207px; } .postcontent .portfolio-3 .portfolio-desc h3 { font-size: 18px; } .postcontent .portfolio-3 .portfolio-desc span { font-size: 13px; } /* Portfolio - Sidebar - Items - 3 Columns - No Margin -----------------------------------------------------------------*/ .postcontent .portfolio-3.portfolio-nomargin .portfolio-item { width: 285px; } .postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image, .postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a, .postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img { width: 285px; height: 214px; } /* Portfolio - Sidebar - Items - 3 Columns - No Title -----------------------------------------------------------------*/ .postcontent .portfolio-3.portfolio-notitle .portfolio-desc { height: 72px; bottom: -73px; } .postcontent .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -72px; } .postcontent .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; } /* Portfolio - Both Sidebars - Items - 3 Columns -----------------------------------------------------------------*/ .bothsidebar #portfolio.portfolio-3 { margin: 0 -11px -11px 0; } .bothsidebar .portfolio-3 .portfolio-item { width: 186px; margin: 0 11px 11px 0; } .bothsidebar .portfolio-3 .portfolio-item .portfolio-image, .bothsidebar .portfolio-3 .portfolio-item .portfolio-image a, .bothsidebar .portfolio-3 .portfolio-item .portfolio-image img { width: 186px; height: 140px; } .bothsidebar .portfolio-3 .portfolio-desc { display: block !important; } .bothsidebar .portfolio-3 .portfolio-desc h3 { font-size: 15px; } .bothsidebar .portfolio-3 .portfolio-desc span { font-size: 12px; } /* Portfolio - Both Sidebars - Items - 3 Columns - No Margin -----------------------------------------------------------------*/ .bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item { width: 192px; } .bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image, .bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a, .bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img { width: 192px; height: 144px; } /* Portfolio - Both Sidebars - Items - 3 Columns - No Title -----------------------------------------------------------------*/ .bothsidebar .portfolio-3.portfolio-notitle .portfolio-desc { height: 68px; bottom: -69px; } .bothsidebar .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc, .bothsidebar .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -68px; } .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -50px !important; } /* Portfolio - Items - 2 Columns -----------------------------------------------------------------*/ #portfolio.portfolio-2 { margin: 0 -20px -20px 0; } .portfolio-2 .portfolio-item { width: 560px; margin: 0 20px 20px 0; } .portfolio-2 .portfolio-item .portfolio-image, .portfolio-2 .portfolio-item .portfolio-image a, .portfolio-2 .portfolio-item .portfolio-image img { width: 560px; height: 420px; } .portfolio-2 .portfolio-desc { padding: 20px 5px 10px; } .portfolio-2 .portfolio-desc h3 { font-size: 21px; } .portfolio-2 .portfolio-desc span { margin-top: 4px; font-size: 14px; } /* Portfolio - Items - 2 Columns - No Margin -----------------------------------------------------------------*/ .portfolio-2.portfolio-nomargin .portfolio-item { width: 569px; } .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image, .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a, .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img { width: 569px; height: 427px; } .portfolio-2.portfolio-nomargin .portfolio-desc { padding: 20px 15px 20px; } /* Portfolio - Items - 2 Columns - No Title -----------------------------------------------------------------*/ .portfolio-2.portfolio-notitle .portfolio-desc { height: 90px; bottom: -91px; } .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -90px; } /* Portfolio - Sidebar - Items - 2 Columns -----------------------------------------------------------------*/ .postcontent #portfolio.portfolio-2 { margin: 0 -20px -20px 0; } .postcontent .portfolio-2 .portfolio-item { width: 420px; margin: 0 20px 20px 0; } .postcontent .portfolio-2 .portfolio-item .portfolio-image, .postcontent .portfolio-2 .portfolio-item .portfolio-image a, .postcontent .portfolio-2 .portfolio-item .portfolio-image img { width: 420px; height: 315px; } .postcontent .portfolio-2 .portfolio-desc h3 { font-size: 21px; } .postcontent .portfolio-2 .portfolio-desc span { font-size: 14px; } /* Portfolio - Sidebar - Items - 2 Columns - No Margin -----------------------------------------------------------------*/ .postcontent .portfolio-2.portfolio-nomargin .portfolio-item { width: 429px; } .postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image, .postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a, .postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img { width: 429px; height: 322px; } .postcontent .portfolio-2.portfolio-nomargin .portfolio-desc { padding-bottom: 20px; } /* Portfolio - Sidebar - Items - 2 Columns - No Title -----------------------------------------------------------------*/ .postcontent .portfolio-2.portfolio-notitle .portfolio-desc { height: 90px; bottom: -91px; } .postcontent .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -90px; } .postcontent .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; } /* Portfolio - Both Sidebars - Items - 2 Columns -----------------------------------------------------------------*/ .bothsidebar #portfolio.portfolio-2 { margin: 0 -20px -20px 0; } .bothsidebar .portfolio-2 .portfolio-item { width: 280px; margin: 0 20px 20px 0; } .bothsidebar .portfolio-2 .portfolio-item .portfolio-image, .bothsidebar .portfolio-2 .portfolio-item .portfolio-image a, .bothsidebar .portfolio-2 .portfolio-item .portfolio-image img { width: 280px; height: 210px; } .bothsidebar .portfolio-2 .portfolio-desc { display: block !important; padding-top: 15px; padding-bottom: 0; } .bothsidebar .portfolio-2 .portfolio-desc h3 { font-size: 19px; } .bothsidebar .portfolio-2 .portfolio-desc span { font-size: 13px; } /* Portfolio - Both Sidebars - Items - 2 Columns - No Margin -----------------------------------------------------------------*/ .bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item { width: 289px; } .bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image, .bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a, .bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img { width: 289px; height: 217px; } .bothsidebar .portfolio-2.portfolio-nomargin .portfolio-desc { padding-bottom: 15px; } /* Portfolio - Both Sidebars - Items - 2 Columns - No Title -----------------------------------------------------------------*/ .bothsidebar .portfolio-2.portfolio-notitle .portfolio-desc { height: 75px; bottom: -76px; } .bothsidebar .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc, .bothsidebar .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -75px; } .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; } /* Portfolio - Items - 5 Columns -----------------------------------------------------------------*/ #portfolio.portfolio-5 { margin: 0 -10px -10px 0; } .portfolio-5 .portfolio-item { width: 220px; margin: 0 10px 10px 0; } .portfolio-5 .portfolio-item .portfolio-image, .portfolio-5 .portfolio-item .portfolio-image a, .portfolio-5 .portfolio-item .portfolio-image img { width: 220px; height: 165px; } .portfolio-5 .portfolio-desc h3 { font-size: 17px; } /* Portfolio - Items - 5 Columns - No Margin -----------------------------------------------------------------*/ .portfolio-5.portfolio-nomargin .portfolio-item { width: 227px; } .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image, .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image a, .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image img { width: 227px; height: 170px; } /* Portfolio - Items - 5 Columns - No Title -----------------------------------------------------------------*/ .portfolio-5.portfolio-notitle .portfolio-desc { height: 71px; bottom: -72px; } .portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -71px; } .portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -30px !important; } /* Portfolio - Sidebar - Items - 5 Columns -----------------------------------------------------------------*/ .postcontent #portfolio.portfolio-5 { margin: 0; } .postcontent .portfolio-5 .portfolio-item { width: 172px; margin: 0; } .postcontent .portfolio-5 .portfolio-item .portfolio-image, .postcontent .portfolio-5 .portfolio-item .portfolio-image a, .postcontent .portfolio-5 .portfolio-item .portfolio-image img { width: 172px; height: 128px; } .postcontent .portfolio-5 .portfolio-desc h3 { font-size: 15px; } .postcontent .portfolio-5 .portfolio-desc span { font-size: 12px; } .postcontent .portfolio-5 .portfolio-desc { padding: 15px 10px; } /* Portfolio - Sidebar - Items - 5 Columns - No Title -----------------------------------------------------------------*/ .postcontent .portfolio-5.portfolio-notitle .portfolio-desc { height: 68px; bottom: -69px; } .postcontent .portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -68px; } .postcontent .portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -50px !important; } /* Portfolio - Items - 6 Columns -----------------------------------------------------------------*/ #portfolio.portfolio-6 { margin: 0 -6px -6px 0; } .portfolio-6 .portfolio-item { width: 185px; margin: 0 6px 6px 0; } .portfolio-6 .portfolio-item .portfolio-image, .portfolio-6 .portfolio-item .portfolio-image a, .portfolio-6 .portfolio-item .portfolio-image img { width: 185px; height: 139px; } .portfolio-6 .portfolio-desc h3 { font-size: 15px; } .portfolio-6 .portfolio-desc span { font-size: 12px; } /* Portfolio - Items - 6 Columns - No Margin -----------------------------------------------------------------*/ .portfolio-6.portfolio-nomargin .portfolio-item { width: 189px; } .portfolio-6.portfolio-nomargin .portfolio-item .portfolio-image, .portfolio-6.portfolio-nomargin .portfolio-item .portfolio-image a, .portfolio-6.portfolio-nomargin .portfolio-item .portfolio-image img { width: 189px; height: 142px; } /* Portfolio - Items - 6 Columns - No Title -----------------------------------------------------------------*/ .portfolio-6.portfolio-notitle .portfolio-desc { height: 68px; bottom: -69px; } .portfolio-6.portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-6.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -68px; } .portfolio-6.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; } /* Portfolio - Items - 1 Column -----------------------------------------------------------------*/ #portfolio.portfolio-1 { margin: 0 0px -40px 0; } .portfolio-1 .portfolio-item { float: none; width: 100%; margin: 0 0 40px 0; padding-bottom: 40px; border-bottom: 1px solid #EEE; } .portfolio-1 .portfolio-item .portfolio-image { float: left; margin-right: 40px; } .portfolio-1 .portfolio-item.alt .portfolio-image { float: right; margin: 0 0 0 40px; } .portfolio-1 .portfolio-item .portfolio-image, .portfolio-1 .portfolio-item .portfolio-image a, .portfolio-1 .portfolio-item .portfolio-image img { display: block; width: 720px; height: 400px; } .portfolio-1 .portfolio-desc { float: left; width: 380px; padding: 10px 0; } .portfolio-1 .alt .portfolio-desc { float: right; } .portfolio-1 .portfolio-desc h3 { font-size: 22px; } .portfolio-1 .portfolio-desc span { margin-top: 6px; font-size: 14px; } .portfolio-1 .portfolio-desc p { margin: 20px 0 25px; font-size: 14px; } .portfolio-1 .portfolio-desc li { margin: 3px 0; } /* Portfolio - Items - 1 Column - Sidebar -----------------------------------------------------------------*/ .postcontent .portfolio-1 .portfolio-item .portfolio-image, .postcontent .portfolio-1 .portfolio-item .portfolio-image a, .postcontent .portfolio-1 .portfolio-item .portfolio-image img { width: 540px; height: 300px; } .postcontent .portfolio-1 .portfolio-desc { width: 280px; } /* Portfolio - Items - 1 Column - Both Sidebar -----------------------------------------------------------------*/ .bothsidebar .portfolio-1 .portfolio-item .portfolio-image { margin-right: 20px; } .bothsidebar .portfolio-1 .portfolio-item.alt .portfolio-image { margin: 0 0 0 20px; } .bothsidebar .portfolio-1 .portfolio-item .portfolio-image, .bothsidebar .portfolio-1 .portfolio-item .portfolio-image a, .bothsidebar .portfolio-1 .portfolio-item .portfolio-image img { width: 320px; height: 178px; } .bothsidebar .portfolio-1 .portfolio-desc { display: block !important; width: 240px; } .bothsidebar .portfolio-1 .portfolio-desc h3 { font-size: 19px; } .bothsidebar .portfolio-1 .portfolio-desc span { margin-top: 5px; font-size: 13px; } .bothsidebar .portfolio-1 .portfolio-desc p { margin: 15px 0 0 0; font-size: 13px; } .bothsidebar .portfolio-1 .portfolio-desc ul, .bothsidebar .portfolio-1 .portfolio-desc .btn { display: none; } /* Portfolio - Items - 1 Column - Full Width -----------------------------------------------------------------*/ #portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -60px 0; } .portfolio-1.portfolio-fullwidth .portfolio-item { margin-bottom: 60px; padding-bottom: 0; border-bottom: 0; overflow: hidden; } .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image { float: none; margin: 0 !important; } .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image, .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a, .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img { width: 1140px; height: 500px; } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img { -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); -ms-transform: translateX(-60px); -o-transform: translateX(-60px); transform: translateX(-60px); } .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img { -webkit-transform: translateX(60px); -moz-transform: translateX(60px); -ms-transform: translateX(60px); -o-transform: translateX(60px); transform: translateX(60px); } .portfolio-1.portfolio-fullwidth .portfolio-desc { position: absolute; float: none; width: 380px; height: 100%; padding: 30px; background-color: #F9F9F9; top: 0; left: auto; right: -380px; } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .portfolio-desc { -webkit-transition: right .3s ease-in-out; -o-transition: right .3s ease-in-out; transition: right .3s ease-in-out; } .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-desc { right: 0; } .portfolio-1.portfolio-fullwidth .alt .portfolio-desc { left: -380px; right: auto; } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .alt .portfolio-desc { -webkit-transition: left .3s ease-in-out; -o-transition: left .3s ease-in-out; transition: left .3s ease-in-out; } .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-desc { left: 0; } .portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 33%; } .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a { left: auto; right: 33%; } /* Portfolio - Items - 1 Column - Full Width - Sidebar -----------------------------------------------------------------*/ .postcontent #portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -40px 0; } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item { margin-bottom: 40px; } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image, .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a, .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img { width: 860px; height: 377px; } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img { -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img { -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-desc { width: 320px; padding: 25px; right: -320px; } .postcontent .portfolio-1.portfolio-fullwidth .alt .portfolio-desc { left: -320px; right: auto; } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 32%; } .postcontent .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a { left: auto; right: 32%; } /* Portfolio - Items - 1 Column - Full Width - Both Sidebar -----------------------------------------------------------------*/ .bothsidebar #portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -40px 0; } .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item { margin-bottom: 40px; } .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image, .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a, .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img { width: 580px; height: 254px; } .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-desc { width: 240px; padding: 20px; right: -240px; } .bothsidebar .portfolio-1.portfolio-fullwidth .alt .portfolio-desc { left: -240px; right: auto; } .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 29%; } .bothsidebar .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a { left: auto; right: 29%; } /* Portfolio - Parallax -----------------------------------------------------------------*/ #portfolio.portfolio-parallax { margin: 0 !important; } #portfolio.portfolio-parallax .portfolio-item { float: none; width: 100% !important; height: 500px !important; margin: 0 !important; } #portfolio.portfolio-parallax .portfolio-item .portfolio-image { width: 100% !important; height: 500px !important; } #portfolio.portfolio-parallax .portfolio-desc { position: absolute; top: 50%; left: 0; margin-top: -57px; width: 100%; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); padding: 0; opacity: 0; } body:not(.device-touch):not(.device-xs):not(.device-xxs) #portfolio.portfolio-parallax .portfolio-desc { -webkit-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } #portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc { opacity: 1; } #portfolio.portfolio-parallax .portfolio-desc h3 { font-size: 44px; font-weight: 300; letter-spacing: -1px; } #portfolio.portfolio-parallax .portfolio-desc h3 a { color: #FFF; } #portfolio.portfolio-parallax .portfolio-desc h3 a:hover { color: #DDD; } #portfolio.portfolio-parallax .portfolio-desc span { margin-top: 12px; font-size: 16px; color: #CCC; } #portfolio.portfolio-parallax .portfolio-desc span a { color: #DDD; } #portfolio.portfolio-parallax .portfolio-desc span a:hover { color: #BBB; } #portfolio.portfolio-parallax .portfolio-desc .portfolio-divider { width: 100%; text-align: center; margin: 15px 0 0; } #portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div { display: inline-block; width: 50px; height: 0; border-bottom: 1px solid #FFF; } body:not(.device-touch):not(.device-xs):not(.device-xxs) #portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div { -webkit-transition: width .5s ease-in-out; -o-transition: width .5s ease-in-out; transition: width .5s ease-in-out; } #portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc .portfolio-divider div { width: 120px; } #portfolio.portfolio-parallax .portfolio-overlay { background-color: rgba(0,0,0,0.4); } /* Portfolio - Overlay -----------------------------------------------------------------*/ .portfolio-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; text-align: center; background-color: rgba(19,128,87,0.8); } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay { -webkit-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; } .portfolio-item:hover .portfolio-overlay, .iportfolio:hover .portfolio-overlay { opacity: 1; } .portfolio-overlay a { position: absolute; top: 65%; left: 50%; width: 40px !important; height: 40px !important; margin: -28px 0 0 -44px; font-size: 18px; line-height: 40px; text-align: center; color: #fff; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); /*border-radius: 50%;*/ -webkit-backface-visibility: hidden; } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay a { -webkit-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear; -o-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear; transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear; } .portfolio-overlay a.left-icon { } .portfolio-overlay a.right-icon { left: auto; right: 50%; margin-left: 0; margin-right: 0; } .portfolio-overlay a.center-icon { display: block; margin: 0; opacity: 0; } .portfolio-item:hover a.center-icon, .iportfolio:hover a.center-icon { opacity: 1; } .portfolio-overlay a:hover { color: #ebebeb; } .portfolio-item:hover .portfolio-overlay a.left-icon, .portfolio-item:hover .portfolio-overlay a.right-icon, .iportfolio:hover .portfolio-overlay a.left-icon, .iportfolio:hover .portfolio-overlay a.right-icon { margin-top: -18px; } .portfolio-overlay a i.icon-line-play { position: relative; left: 2px; } .portfolio-overlay .portfolio-desc { position: relative; /* padding: 0 !important; margin: 0;*/ text-align: center; } .portfolio-overlay .portfolio-desc a { display: inline; position: relative; top: 0; left: 0; margin: 0; font-size: inherit; width: auto !important; height: auto !important; line-height: 1; background-color: transparent !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); } .portfolio-overlay .portfolio-desc h3 { font-weight: 600; color: #fff !important; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); line-height: 1; } .portfolio-overlay .portfolio-desc h3 a { color: #F5F5F5 !important; } .portfolio-overlay .portfolio-desc span { margin-top: 7px; color: #DDD !important; } .portfolio-overlay .portfolio-desc span a { color: #DDD !important; font-size: inherit; } .portfolio-overlay .portfolio-desc ~ a { display: inline-block; position: relative; top: 0; left: 0; margin: 20px 0 0 !important; } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay .portfolio-desc ~ a { -webkit-transition: color .2s linear, background-color .2s linear, opacity .2s linear; -o-transition: color .2s linear, background-color .2s linear, opacity .2s linear; transition: color .2s linear, background-color .2s linear, opacity .2s linear; } .portfolio-overlay .portfolio-desc ~ a.right-icon { left: 0; right: 0; margin-left: 5px !important; margin-right: 0 !important; } .portfolio-overlay .portfolio-desc a:hover { background: transparent; } body.device-touch.device-xs .portfolio-notitle .portfolio-overlay, body.device-touch.device-xxs .portfolio-notitle .portfolio-overlay { display: none !important; } /* Portfolio Single -----------------------------------------------------------------*/ .portfolio-single {} /* Portfolio Single - Image -----------------------------------------------------------------*/ .portfolio-single-image > a, .portfolio-single-image .slide a, .portfolio-single-image img, .portfolio-single-image iframe, .portfolio-single-image video { display: block; width: 100%; } .portfolio-single-image-full { position: relative; height: 600px; overflow: hidden; margin: -80px 0 80px !important; } .portfolio-single-video { height: auto !important; } /* Portfolio Single - Gallery Thumbs -----------------------------------------------------------------*/ .portfolio-single-image-full .swiper-container { width:100%; height:600px; background-color: #333; } .portfolio-single-image-full .swiper-nested-1, .portfolio-single-image-full .swiper-nested-2 { width:100%; } .portfolio-single-image-full .swiper-slide { overflow: hidden; } .portfolio-single-image-full .swiper-slide img { width: 100%; height: auto; } /* Portfolio & Blog Single - Masonry -----------------------------------------------------------------*/ .masonry-thumbs { position: relative; } .masonry-thumbs a { position: relative; float: left; width: 25%; overflow: hidden; } .masonry-thumbs.col-2 a { width: 50%; } .masonry-thumbs.col-3 a { width: 33.30%; } .masonry-thumbs.col-4 a { width: 25%; } .masonry-thumbs.col-5 a { width: 20%; } .masonry-thumbs.col-6 a { width: 16.60%; } .masonry-thumbs a, .masonry-thumbs img { display: block; height: auto !important; } .masonry-thumbs img { width: 100%; border-radius: 0 !important; padding: 0 1px 1px 0; } .masonry-thumbs .overlay { padding: 0 1px 1px 0; } /* Portfolio Single - Content -----------------------------------------------------------------*/ .portfolio-single-content { font-size: 14px; } .portfolio-single-content h2 { margin: 0 0 20px; padding: 0; font-size: 20px; font-weight: 600 !important; } .portfolio-ajax-modal { width: 1000px !important; } .modal-padding { padding: 40px; } .ajax-modal-title { background-color: #F9F9F9; border-bottom: 1px solid #EEE; padding: 25px 40px; } .ajax-modal-title h2 { font-size: 26px; margin-bottom: 0; } #portfolio-ajax-wrap { position: relative; max-height: 0; overflow: hidden; -webkit-transition: max-height .4s ease; -o-transition: max-height .4s ease; transition: max-height .4s ease; } #portfolio-ajax-wrap.portfolio-ajax-opened { max-height: 1200px; } #portfolio-ajax-container { display: none; padding-bottom: 60px; } #portfolio-ajax-single h2 { font-size: 26px; } /* Portfolio Single - Meta -----------------------------------------------------------------*/ .portfolio-meta, .portfolio-share { list-style: none; font-size: 14px; } .portfolio-meta li { margin: 10px 0; color: #666; } .portfolio-meta li:first-child { margin-top: 0; } .portfolio-meta li span { display: inline-block; width: 150px; font-weight: bold; color: #333; } .portfolio-meta li span i { position: relative; top: 1px; width: 14px; text-align: center; margin-right: 7px; } .well .line { margin: 20px 0; border-color: #E5E5E5; } /* Portfolio Single Navigation -----------------------------------------------------------------*/ #portfolio-navigation { position: absolute; top: 50%; left: auto; right: 10px; max-width: 96px; height: 24px; margin-top: -12px; } .page-title-right #portfolio-navigation { left: 10px; right: auto; } .page-title-center #portfolio-navigation { position: relative; top: 0; left: 0; margin: 20px auto 0; } #portfolio-navigation a { display: block; float: left; margin-left: 12px; width: 24px; height: 24px; text-align: center; color: #444; transition: color .3s linear; -webkit-transition: color .3s linear; -o-transition: color .3s linear; } .page-title-dark #portfolio-navigation a { color: #EEE; } .page-title-parallax #portfolio-navigation a { color: #FFF; } #portfolio-navigation a i { position: relative; top: -1px; font-size: 24px; line-height: 1; } #portfolio-navigation a i.icon-angle-left, #portfolio-navigation a i.icon-angle-right { font-size: 32px; top: -6px; } #portfolio-navigation a i.icon-angle-right { left: -1px; } #portfolio-navigation a:first-child { margin-left: 0; } #portfolio-navigation a:hover { color: #cccccc; } #portfolio-ajax-show #portfolio-navigation { top: 0; margin-top: 0; } /* Individual Portfolio Item -----------------------------------------------------------------*/ .iportfolio { position: relative; float: none; width: 100%; margin: 0; } @media (max-width: 819px) { .iportfolio { width: 310px; } } .iportfolio .portfolio-BG { position: absolute; z-index: -99; } .iportfolio .portfolio-BG, .iportfolio .portfolio-BG img { display: block; width: 100%; height: auto; } .iportfolio .portfolio-image { position: relative; overflow: hidden; height:243px; } .iportfolio .portfolio-image, .iportfolio .portfolio-image a, .iportfolio .portfolio-image img { display: block; /*width: 100%; height: auto;*/ margin: 0 auto; } /* ---------------------------------------------------------------- Flex Slider -----------------------------------------------------------------*/ .fslider, .fslider .flexslider, .fslider .slider-wrap, .fslider .slide, .fslider .slide > a, .fslider .slide > img, .fslider .slide > a > img { position: relative; display: block; width: 100%; height: auto; overflow: hidden; -webkit-backface-visibility: hidden; } .fslider { min-height: 32px; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; border: none; } .slider-wrap, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none; border: none;} .flexslider {position: relative;margin: 0; padding: 0;} .flexslider .slider-wrap > .slide {display: none; -webkit-backface-visibility: hidden;} .flexslider .slider-wrap img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slider-wrap:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slider-wrap {display: block;} * html .slider-wrap {height: 1%;} .no-js .slider-wrap > .slide:first-child {display: block;} .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-nav { position: absolute; z-index: 10; text-align: center; top: 14px; right: 10px; margin: 0; } .flex-control-nav li { float: left; display: block; margin: 0 3px; width: 10px; height: 10px; } .flex-control-nav li a { display: block; cursor: pointer; text-indent: -9999px; width: 10px !important; height: 10px !important; border: 1px solid #FFF; border-radius: 50%; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .flex-control-nav li:hover a, .flex-control-nav li a.flex-active { background-color: #FFF; } /* Slider Arrows -----------------------------------------------------------------*/ #slider .owl-theme .owl-controls { margin: 0; } #slider-arrow-left, #slider-arrow-right, .camera_prev, .camera_next, #slider .owl-prev, #slider .owl-next, .flex-prev, .flex-next, .nivo-prevNav, .nivo-nextNav, .slider-arrow-top-sm, .slider-arrow-bottom-sm { position: absolute; cursor: pointer; z-index: 10; top: 50%; left: 0; margin-top: -26px; background-color: rgba(0,0,0,0.3); width: 52px; height: 52px; border: 0; border-radius: 0 3px 3px 0; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .slider-arrow-top-sm, .slider-arrow-bottom-sm { top: auto; bottom: 57px; left: auto; right: 20px; margin: 0; width: 32px; height: 32px; border-radius: 3px 3px 0 0; } .slider-arrow-bottom-sm { bottom: 20px; border-radius: 0 0 3px 3px; } .fslider[data-thumbs="true"] .flex-prev, .fslider[data-thumbs="true"] .flex-next { margin-top: -64px; } #slider .owl-prev, #slider .owl-next { -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } #slider-arrow-right, .camera_next, #slider .owl-next, .flex-next, .nivo-nextNav { left: auto; right: 0; border-radius: 3px 0 0 3px; } #slider-arrow-left i, #slider-arrow-right i, .camera_prev i, .camera_next i, #slider .owl-prev i, #slider .owl-next i, .flex-prev i, .flex-next i, .nivo-prevNav i, .nivo-nextNav i, .slider-arrow-top-sm i, .slider-arrow-bottom-sm i { line-height: 50px; width: 34px; height: 52px; color: #DDD; color: rgba(255,255,255,0.8); text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-size: 34px; text-align: center; margin-left: 7px; } .slider-arrow-top-sm i, .slider-arrow-bottom-sm i { width: 32px; height: 32px; margin: 0; line-height: 30px; font-size: 18px; color: #FFF; color: rgba(255,255,255,1); } .flex-prev i { margin-left: 9px; } #slider .owl-prev i { margin-left: 0; } #slider-arrow-right i, .camera_next i, .nivo-nextNav i { margin-left: 10px; } .flex-next i { margin-left: 11px; } #slider .owl-next i { margin-right: 4px; } #slider .owl-controls .owl-nav { opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } #slider .owl-controls .owl-nav div, #slider:hover .owl-controls .owl-nav { opacity: 1; } #slider-arrow-left:hover, #slider-arrow-right:hover, .camera_prev:hover, .camera_next:hover, #slider .owl-prev:hover, #slider .owl-next:hover, .flex-prev:hover, .flex-next:hover, .nivo-prevNav:hover, .nivo-nextNav:hover, .slider-arrow-top-sm:hover, .slider-arrow-bottom-sm:hover { background-color: rgba(0,0,0,0.6) !important; } /* IR Home */ .irContent{ width:1200px !important; } .intro { font-size: 24px; font-weight: 700; color:#138057; border-bottom: solid 2px #dddddd; padding: 0 0 15px 0; } .introContent { font-size: 14px; font-weight: 300; padding: 10px 0 0 0; } .irBanner{ /*background:url(../images/banner2.jpg) right top no-repeat;*/ } .tropIcon{ background:url(../images/trop-icon.jpg) no-repeat left top; } .headerContainer { margin: 0 0 15px 0 ; } .irHomeHeader{ font-size: 24px; font-weight: 700; font-family: 'Open Sans', sans-serif; line-height: 24px; color:#138057; float:left; } .irHomeHeaderRight{ font-size:20px; min-height:25px; margin-top:10px; } .rm{ font-size:9px; } .more{ font-size:10px; font-weight:700; float:right; } table.listSpacing tbody tr td{ padding:15px 0px; vertical-align:top; } .ourProfile { background-color:#f7f7f7; padding:15px 20px; } .profileTitle { color:#138057; font-size:24px; font-weight:700; margin-bottom:15px; } .profileContent { color:#333; font-size:14px; line-height:14px; } /** stock quote **/ .stockQuoteWrapper{ background: url(../images/stockBG.jpg) repeat-x; padding:12px 25px; min-height:250px; } .stockQuote{ color:#333333; font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:12px; text-align:center; } .stockTitle{ font-size: 20px; margin-bottom: 3px; font-family: 'Open Sans', sans-serif; color: #ffffff; text-transform: uppercase; border-bottom:1px solid #fff; } .stockQuoteType{ font-family: 'Open Sans', sans-serif; font-size:10px; color:#fff; line-height:12px; text-align:center; padding-bottom:25px; } .stockQuote .divider{ background:url(../images/stockQuoteDivider.jpg) repeat-y; height:100%; } .stockName{ color:#b00049; font-size:24px; font-family: 'Open Sans', sans-serif; font-weight:400; } .stockPrice{ font-family: 'Open Sans', sans-serif; font-weight:bold; font-size:30px; line-height:30px; margin-bottom:3px; color:#ffffff; } .stockPrice span{ border-bottom:1px solid #fff; } .stockPrice span.Up{ color:#12d666; } .stockPrice span.Down{ color:#a72430; } .stockDetail{ font-family: 'Open Sans', sans-serif; line-height:20px; font-size:12px; color:#666666; text-align:center; } .stockDetailWrapper{ padding-top:10px; text-align:center; color:#ffffff; } .stockDetailWrapper div{ border-bottom:1px solid #fff; } .stockBtn{ text-align:center; padding-top:15px; } .rmStyle{ font-size:20px; } .miniChart{ margin:20px 10px 10px 0; text-align:center; } /** Highlight **/ .highlight{ margin:10px 0px; } .highlightTitle{ background:#189bd7; padding:12px; font-size:15px; font-weight:bold; color:#fff; } .highlightContent{ padding:12px; background:#ededed; } .highlightCTA{ padding:12px; background:#ededed; } .highlightCTA span{ background:#9b9da5; padding:5px 10px; color:#fff; } /** IR home **/ .bursaAnnouncement, .pressReleases, .irContact, .ar, .qr, .Alert{ color:#fff; /**position:relative; width:100%; z-index:99;**/ } /** ar **/ .ar{ margin-top:15px; } .arContent{ position:relative; top:-19px; width:100%; display:block; } .arDownload{ position:relative; z-index:99; text-align:right; padding-right:10px; top:-35px; height:10px; width:100%; } .arHeader { font-size: 18px; text-transform: capitalize; padding: 0px 0 10px 0; color:#138057; } .interactiveIcon { background: url(../images/interactiveIcon.png) no-repeat top left; padding: 0 22px; display:block; } .interactiveIcon:hover { background: url(../images/interactiveIconHover.png) no-repeat top left; padding: 0 22px; display:block; } .reportDownload { font-size: 12px; width: 115px; display: block; color: #fff; padding: 5px 10px 5px 30px; background: url(../images/registerBtn.png) no-repeat 15px 10px #138057; position: relative; z-index:-999px; top: -40px; left:60px; } .reportDownload:hover { display:block; color: #fff; padding:5px 10px 5px 30px; background:url(../images/registerBtn.png) no-repeat 15px 10px #138057; } .carousel-control { width: 27px; height: 27px; background-color:#ee2e24; } .carousel-control.right { background: url(../images/icon-next.png) no-repeat center center; width: 27px; height: 27px; background-color:#ee2e24; } .carousel-control.left { background: url(../images/icon-prev.png) no-repeat center center; width: 27px; height: 27px; background-color:#ee2e24; } /** qr **/ .qr{ margin-top:15px; } .qrContent{ position:relative; top:-19px; width:100%; } .qrDownload{ position:relative; z-index:99; text-align:right; padding-right:10px; top:-35px; height:10px; width:100%; } /** News **/ .innerRight { margin-right: 30px; } .news{ padding:0px; margin:0px; } .news .nav-tabs { border-bottom: 1px solid #666666; margin-top: 1px; } .news .nav-tabs > li { float: left; margin-bottom: -1px; font-size:15px; } .news .nav-tabs > li > a { margin-right: 2px; line-height: 1; font-weight: normal; color: #666666; font-size: 18px; font-family: 'Open Sans', sans-serif; border-bottom: 2px solid #fff; padding:0px 15px 15px 15px; background-color:#fff; } .news .nav-tabs > li > a:hover { font-weight:normal; color: #138057; background:#fff; } .news .nav-tabs > li.active > a, .news .nav-tabs > li.active > a:hover, .news .nav-tabs > li.active > a:focus { color: #138057; cursor: default; border-bottom: 3px solid #138057; font-weight:normal; background:#fff; } /** bursa announcement **/ .bursa > table > tbody > tr { border-top: dashed 1px #dddddd; } .bursaContent{ } .bursaDate{ display:inline-block; float:left; color:#000; font-size:54px; line-height:45px; } .bursaDate span{ display:inline-block; float:right; color:#000; font-size:12px; line-height:12px; margin-left:5px; padding:10px 20px; text-align: center; background-color:#ebebeb; } .bursaNews{ display:inline-block; margin-top:8px; color:#333333; font-weight:700; } /** news **/ .mediaDate{ display:inline-block; float:left; color:#000; font-size:54px; line-height:45px; } .mediaDate span{ display:inline-block; float:right; color:#000; font-size:12px; line-height:12px; margin-left:5px; padding:10px 20px; text-align: center; background-color:#ebebeb; } .mediaNews{ display:inline-block; margin-top:3px; color:#333333; font-weight:700; } .mediaSource{ font-size:12px; font-weight:bold; color:#9a9a9a; } .arrowHead{ float: right; color: #000000; font-size: 14px; font-weight: 700; padding: 3px 0 0 0; text-decoration: none; } .arrowHead span{ padding:0 0 0 5px; } .arrowHead:hover{ color:#138057; text-decoration: none; } /** contact **/ .irContact{ background:#f7f7f7; padding:20px; } .contactContent{ font-size:18px; text-align:center; color:#333; font-weight:700; } .contactContent span{ color:#b0b0b0; font-weight:300; font-size:12px; } .contactDetail{ font-size:14px; text-align:center; font-weight:700; margin-top: 20px; } .contactDetail a{ color:#138057; } .contactDetail a:hover{ color:#333; } /* Corporation Info */ .corpInfo{ } .corpInfo th{ font-weight:700; width:25%; } .corpInfo_subHeader{ background:#666; color:#fff; text-align:center; width:25%; } .corpInfoListing{ list-style:lower-latin; } .corpInfoListing li{ padding:3px 0px; } /* Director Profile - updated 18/09/2014 */ .directorProfile{ border:0px; } .directorProfile .panel{ border:0px; display:block; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0); box-shadow: 0 0px 0px ; } .directorProfile .panel-title { font-size:15px; display:block; height:20px; } .directorProfile .panel-heading{ background:none; padding:5px 0px 0px 0px; border-color: 0px solid transparent; } .panel-default > .panel-heading { color: #333; border-color: 0px solid transparent; background-color:none; } .directorProfile .panel-body{ padding:0px; margin-bottom:20px; border:none; } .directorProfile .panel-heading + .panel-collapse > .panel-body{ border:0px solid #ccc; } .directorProfile .panel-title:hover{ display:block; height:20px; } .directorProfile .panel-title .collapsed{ font-size:15px; display:block; height:20px; } .directorProfile .panel-heading .accordion-toggle.collapsed:after { /* symbol for "collapsed" panels */ content: "+"; position:relative; float:right; top:-35px; } .directorProfile .panel-heading .accordion-toggle:after { /* symbol for "opening" panels */ color: grey; float:right; top:-30px; position:relative; overflow: no-display; color:#d60315; content: "-"; font-size:20px; font-weight:bold; padding:0 5px 0 0; } .directorProfile a.accordion-toggle{ text-decoration: none; } .directorDesignation{ font-weight:normal; font-size:12px; color:#d60315; padding-bottom:10px; } .directorProfileContainer .pic{ float:left; padding-right:15px; padding-bottom:10px; } .directorProfileContent{ color:#666; text-align:justify; line-height:18px; } .directorName{ font-weight:bold; font-size:18px; border-bottom:1px dashed #ccc; } /* commented - 18 / 09 / 2014 - Director Profile restructure */ /* Director Profile .directorProfileContainer li{ border-bottom:1px solid #ccc; } .directorProfileContainer a{ font-weight:bold; font-size:12px; } .directorProfile{ padding:5px 10px; background:#189bd7; color:#fff; } .directorDesignation{ font-weight:normal; font-size:12px; color:#189bd7; padding-top:3px; } .directorProfileContainer .pic{ float:left; padding-right:15px; padding-bottom:10px; } .directorProfileContent{ border:1px solid #ccc; padding:10px; float:left; }*/ /* Presentation Material*/ .presentationContainer{ } .presentationContainer thead{ background:#444; color:#fff; } .iconDownload{ background:url(../images/iconDownload.png) no-repeat center center; width:100%; height:20px; display:block; } .iconDownload:hover{ background:url(../images/iconDownloadHover.png) no-repeat center center; width:100%; height:20px; display:block; } .iconView{ background:url(../images/iconView.png) no-repeat center center; width:100%; height:20px; display:block; } .iconView:hover{ background:url(../images/iconViewHover.png) no-repeat center center; width:100%; height:20px; display:block; } .iconInteractive{ background:url(../images/iconInteractive.png) no-repeat center center; width:100%; height:20px; display:block; } .iconInteractive:hover{ background:url(../images/iconInteractiveHover.png) no-repeat center center; width:100%; height:20px; display:block; } /** Priceticker **/ .tableNoBorder tbody tr td{ border:0px; } .shareFooter{ font-size:12px; line-height:16px; } .shareFooter a{ font-weight:600; } /** Annoucements **/ .ColorUp{ color:#090; } .ColorDown{ color:#900; } .annoucementContainer{ } .announcementSelection{ margin:15px 0; padding:15px 0; background:#ffffff; } .announcementDate{ font-weight:600; padding:5px 0; margin-bottom:10px; border-bottom:1px solid #ccc; } .announcementTime{ font-size:600; font-weight:600; padding:2px 0px ; } .announcementTitle{ padding:2px 0px; } .announcementByDate{ padding-top:15px; line-height:16px; } .announcementByTime{ padding-top:8px; } .announcementByTime a{ color:#138057; } .announcementByTime a:hover{ color:#666; } /** stock charts **/ .stockChartContainer{ padding-top:10px; } .stockChartImg{ padding:10px 0px; } .dailyChartIcon{ float:right; } .dailyChartIcon .nav-tabs { border-bottom: 0px solid #ddd; } .dailyChartIcon .nav-tabs > li { float: left; margin-bottom: -1px; } .dailyChartIcon .nav-tabs > li > a { margin-right: 2px; line-height: 1; border: 1px solid transparent; border-radius: 0px 0px 0 0; background:#e3e3e3; font-weight:bold; } .dailyChartIcon .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; font-weight:bold; color: #666; } .dailyChartIcon .nav-tabs > li.active > a, .dailyChartIcon .nav-tabs > li.active > a:hover, .dailyChartIcon .nav-tabs > li.active > a:focus { color: #ffffff; cursor: default; background-color: #138057; border: 1px solid #ddd; border-bottom-color: transparent; font-weight:bold; } .iconPrinter{ background:url(../images/iconPrinter.png) no-repeat center center; padding:5px 8px; } .iconPrinter:hover, .iconPrinter.focus, li.active .iconPrinter{ background:url(../images/iconPrinterHover.png) no-repeat center center; padding:5px 8px; } .iconPrinter.focushover{ background:url(../images/iconPrinterHover.png) no-repeat center center; padding:5px 8px; } .iconMonthly{ padding:5px 10px; background:#ccc; margin:5px 0; } .iconYearly{ padding:5px 10px; background:#ccc; margin:5px 0; } /** &volume**/ .priceVolume{ margin: 0 0 10px 1px; } .priceVolume .nav-tabs > li { float: left; margin-bottom: -1px; } .priceVolume .nav-tabs > li > a { margin-right: 2px; line-height: 1; border: 1px solid transparent; border-radius: 0px 0px 0 0; background:#f4f4f4; font-weight:bold; } .priceVolume .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; font-weight:bold; color: #138057; } .priceVolume .nav-tabs > li.active > a, .priceVolume .nav-tabs > li.active > a:hover, .priceVolume .nav-tabs > li.active > a:focus { color: #ffffff; cursor: default; background-color: #138057; border: 1px solid #ddd; border-bottom-color: transparent; font-weight:bold; } .priceVolumeSelection{ padding:15px 0px; } .priceVolumeSelection a{ margin-right:12px; } .priceVolumeTable thead{ background:#888; color:#fff; } .priceVolumeTable thead tr td, .priceVolumeTable tbody tr td{ text-align:right; } /** Analysis Of Shareholdings **/ .analysisShareholdingsContainer{ border:1px solid #ccc; padding:10px; margin-bottom:100px; } .analysisShareholdingsContainer table tbody tr td{ vertical-align:middle; } .analysisShareholdingsContainer table .tableTitle{ background:#333; color:#fff; text-align:right; } .tableHeader { background:#444 !important; color:#fff; font-weight: normal; } table .tableTitle, .table-bordered .tableTitle, .table-hover .tableTitle, .table-striped .tableTitle{ background:#333; color:#fff; text-align:right; } .analysisShareholdingsContainer table th:nth-child(1){ text-align:center; } .analysisShareholdingsContainer table th:nth-child(2){ text-align:left; } .analysisShareholdingsContainer table tbody tr td{ text-align:right; } .analysisShareholdingsContainer table tbody tr td:nth-child(1){ text-align:center; } .analysisShareholdingsContainer table tbody tr td:nth-child(2){ text-align:left; } .monthYearSelection { padding-bottom:10px; } .monthYearSelection label select{ background:url(../images/dropdownArrowGrey.png) right center no-repeat; color:#666 !important; border:1px solid #ccc; -webkit-box-shadow: 0 0px 0 #ccc, 0 -1px #fff inset !important; -moz-box-shadow: 0 0px 0 #ccc, 0 -1px #fff inset !important; box-shadow: 0 0px 0 #ccc, 0 -1px #fff inset !important; min-width:100px; } .monthYearSelection span{ width:50px; display:inline-block; } /* entitlements */ .entitlement .nav-tabs > li { float: left; margin-bottom: -1px; font-size:15px; } .entitlement .nav-tabs > li > a { margin-right: 2px; line-height: 1; border: 1px solid transparent; border-radius: 0px 0px 0 0; background:#f4f4f4; font-weight:bold; font-size:12px; padding:12px; font-family: 'Open Sans', sans-serif; } .entitlement .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; font-weight:bold; color:#138057; } .entitlement .nav-tabs > li.active > a, .entitlement .nav-tabs > li.active > a:hover, .entitlement .nav-tabs > li.active > a:focus { color: #fff; cursor: default; background-color: #138057; border: 1px solid #ddd; border-bottom-color: transparent; font-weight:bold; } .entitlementTable{ font-size:11px; } .entitlementTable thead{ background:#888; color:#fff; } .totalFigure{ text-align:right; background:#e3e3e3; color:#000; border-top:2px solid #666; border-bottom:2px solid #666; font-weight:bold; } table tbody tr td.totalTitle{ border:1px solid transparent; background:#fff;; } /* annual reports */ .iconAlignRight{ background-position:left center; } .iconAlignRight:hover{ background-position:left center; } /* quartely reports */ .quarterlyReportsContainer table tr td:nth-child(0), { background:#ff0000; } .quarterlyReportsContainer thead { background:#333; color:#fff; } .quarterlyReportsContainer thead tr td{ border-right:1px solid #fff; padding-left:20px; padding-top:10px; padding-bottom:10px; font-size:15px; } .quarterlyReportsContainer tbody tr td{ padding-top:10px; padding-bottom:10px; } .quarterlyReportsContainer thead tr td:nth-child(1) { background:#fff; } .quarterlyReportsContainer tbody tr td:nth-child(1) { font-size:15px; font-weight:bold; padding-top:20px; } .quarterlyReportsContainer ul{ padding: 0px; margin: 0px; } .quarterlyReportsContainer ul li{ list-style:inside; list-style-type:square; padding-left: 0px; } @media (max-width: 48em) { /* 768px */ .quarterlyReportsContainer ul li{ list-style:none; } } /** Circulars **/ .circularsContainer{ padding-bottom:30px; } .circulars{ padding:10px 0px; border-bottom:1px solid #ccc; margin-bottom:20px; } .circularDate{ padding-bottom:10px; font-weight:bold; } .circularContent{ text-align:justify; } .circularButton{ padding-top:20px; width:300px; } .circularButton span{ padding-left:40px; margin-bottom:5px; padding-top:1px; } /** alert**/ .newAlert{ padding:20px; background:#f7f7f7; } .newAlert a{ color:#138057; } .newAlert a:hover{ color:#333; } .newAlertContent{ color:#ffffff; line-height:18px; font-size:12px; } .newAlert .form-group { width: 100%; margin-bottom: 0; } .form-control { background:#ccc; color:#000000; } .form-control:focus { border-color: #ffcd37; } .AlertContainer{ } .emailAlert{ border-bottom:0px solid #ccc; } .unregister{ border-top:1px solid #ccc; padding-top:3px; } /** calculator **/ .calculatorContainer{ } .calculatorContainer .nav-tabs > li { float: left; margin-bottom: -1px; } .calculatorContainer .nav-tabs > li > a { margin-right: 2px; line-height: 1; border: 1px solid transparent; border-radius: 0px 0px 0 0; background:#e3e3e3; font-weight:bold; } .calculatorContainer .nav-tabs > li > a { margin-right: 2px; line-height: 1; border: 1px solid transparent; border-radius: 0px 0px 0 0; background:#f4f4f4; font-weight:bold; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; font-size: 12px; } .calculatorContainer .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; font-weight:bold; } .calculatorContainer .nav-tabs > li.active > a, .calculatorContainer .nav-tabs > li.active > a:hover, .calculatorContainer .nav-tabs > li.active > a:focus { color: #ffffff; cursor: default; background-color: #138057; border: 1px solid #ddd; border-bottom-color: transparent; font-weight:bold; } .calculatorSelection{ padding-top:10px; } .calculatorWrapper{ border-bottom:1px solid #ccc; } .calculatorWrapper table tr td:nth-child(3), .calculatorWrapper table tr td:nth-child(6){ text-align:right; } .calculatorNotes{ padding:10px 20px; line-height:12px; background:#e3e3e3; margin-top:10px; } .selectedTable{ background:#ccc; } .calculationResults thead { background:#444; color:#fff; } /** Events Calendar **/ .eventsCalendarContainer{ } .eventsCalendar{ border-bottom:1px solid #ccc; margin-bottom:30px; padding-bottom:10px; } .eventCalendarContent{ padding-left:10px; text-align:justify; } .eventCalendarBtn a{ display:block; padding-left:10px; margin-top:10px; margin-bottom:10px; font-weight:bold; background:url(../images/arrow.png) no-repeat 155px 55%; } .eventCalendarBtn a:hover{ background:url(../images/arrowHover.png) no-repeat 155px 55%; } .eventCalendarTitle{ font-size:15px; font-weight:bold; padding-bottom:10px; padding-left:10px; } .eventCalendarImg { background:url(../images/calendar.png) no-repeat; width:68px; height:80px; } .eventCalendarImg .month{ display:block; font-size:10px; position:relative; top:50px; color:#fff; font-weight:normal; text-align:center; right: 3px; } .eventCalendarImg .date{ display:block; font-size:38px; position:relative; top:-6px; color:#138057; text-shadow: 1px 1px 1px #666; font-weight:bold; text-align:center; right: 3px; } /* Animation */ .fade { opacity: 0; -webkit-transition: opacity 1.25s linear; -moz-transition: opacity 1.25s linear; -ms-transition: opacity 1.25s linear; -o-transition: opacity 1.25s linear; transition: opacity 1.25s linear; /*position:relative; z-index:-99;*/ } /* Privacy Policy */ .privacyPolicy{ font-size:11px; padding-top:8px; line-height:12px; text-align:left; color:#ffffff; } .privacyPolicy span{ text-decoration:none; } .privacyPolicy a{ text-decoration: none; color: #138057; } .privacyPolicy a:hover{ text-decoration: none; color:#ffffff; } /* analyst reports */ .analystReports{ } .analystContainer{ margin:25px 0 0 0; } .analystContainer thead{ background:#444; color:#fff; } /* Financial Info */ .financialInfo .tab-content{ padding-top:20px; } .financialInfo{ margin-bottom:10px; } .financialInfo .nav-tabs > li { float: left; margin-top: 2px; } .financialInfo .nav-tabs > li > a { margin-right: 2px; line-height: 1; border: 1px solid transparent; border-radius: 0px 0px 0 0; background:#e3e3e3; font-weight:bold; } .financialInfo .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; font-weight:bold; color: #666666; } .financialInfo .nav-tabs > li.active > a, .financialInfo .nav-tabs > li.active > a:hover, .financialInfo .nav-tabs > li.active > a:focus { color: #ffffff; cursor: default; background-color: #138057; border: 1px solid #ddd; border-bottom-color: transparent; font-weight:bold; } .financialInfo .nav-icon > li { float: left; margin-bottom: -2px; } .financialInfo .nav-icon > li > a { margin-right: 2px; line-height: 1; padding:3px; margin-bottom: -2px; font-weight:bold; background:#e3e3e3; } .financialInfo .nav-icon > li > a:hover { border-color: none; margin-bottom:-1px; font-weight:bold; background:#138057; } .financialInfo .nav-icon > li.active > a, .financialInfo .nav-icon > li.active > a:hover, .financialInfo .nav-icon > li.active > a:focus { cursor: default; background:#138057; padding:3px; margin-bottom:-2px; font-weight:bold; } .graphIcon{ background:url(../images/graph.png) no-repeat center center; width:32px; height:32px; display:block; transition: all .2s ease-in-out; } .graphIcon:hover{ background:url(../images/graphHover.png) no-repeat center center; width:35px; height:35px; display:block; cursor:pointer; } .tableIcon{ background:url(../images/table.png) no-repeat center center; width:32px; height:32px; display:block; transition: all .2s ease-in-out; } .tableIcon:hover{ background:url(../images/tableHover.png) no-repeat center center; width:35px; height:35px; display:block; cursor:pointer; } .financialInfo .nav-icon > li.active > a span.graphIcon { background:url(../images/graphHover.png) no-repeat center center; } .financialInfo .nav-icon > li.active > a span.tableIcon { background:url(../images/tableHover.png) no-repeat center center; } .financialInfo table tr td, .financialInfo table thead tr th{ vertical-align:middle; } .financialInfo thead{ background:#9aa5b8; color:#ffffff; border-bottom-width: 1px; } .financialInfo table thead tr th{ text-align:right; border-bottom-width: 1px; } .financialInfo table thead tr th:nth-child(1){ text-align:left; border-bottom-width: 1px; } .financialInfo table th:nth-child(1){ text-align:left; } .financialInfo table tbody th:nth-child(1) { background-color:#a5c96b; color:#fff; } .financialInfo table tbody th:nth-child(2) { background-color:#138057; } .financialInfo table tbody tr td{ text-align:right; } .financialInfo table tbody tr td:nth-child(1){ text-align:left; } .finacialNote tr td { padding : 4px; vertical-align:top !important; text-align:justify !important; } /* IPO section */ .IPO{ margin-bottom:10px; width: 730px; } .IPO table tr td, .IPO table thead tr th{ vertical-align:middle; } .IPOTextBig { font-size: 16px; color: #138057; font-weight:bold; } .IPO thead{ background:#138057; color:#ffffff; border-bottom-width: 1px; } .IPO table thead tr th{ text-align:right; border-bottom-width: 1px; } .IPO table thead tr th:nth-child(1){ text-align:left; border-bottom-width: 1px; } .IPO table th:nth-child(1){ text-align:left; } .IPO table tbody th:nth-child(1) { } .IPO table tbody th:nth-child(2) { } .IPO table tbody tr td{ text-align:justify; } .IPO table tbody tr td:nth-child(1){ text-align:left; } .IPONote tr td { padding : 4px; vertical-align:top !important; text-align:justify !important; } .IPOFrame { border-bottom: dashed 1px #999; padding: 15px 0; } .IPOFrameContent { background-color:#f4f4f4; padding: 15px; } .IPOTittle { font-size: 16px; color: #138057; font-weight:bold; text-align:justify; padding: 15px 0 15px 20px; } .IPOContent { padding: 10px 0; } .IPOImg { padding: 0 20px 0 0; vertical-align:top; } .ui-state-default { color:#666666; font-size: 16px; font-weight:bold; border-bottom:solid 1px #d3d3d3; } .ui-state-hover, .ui-state-hover, .ui-state-hover, .ui-state-focus, .ui-state-focus, .ui-state-focus { color: #138057; } .ui-state-active, .ui-state-active, .ui-state-active { color: #ffffff; background-color: #138057; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: 10px; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-right: 55px; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-right: 15px; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { background-color:#fff; position: absolute; right: 15px; top: 50%; margin-top: -8px; } .ui-icon { width: 16px; height: 16px; } .ui-state-default .ui-icon { background: url(../images/arrow-off.gif) center center no-repeat; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background: url(../images/arrow-on.gif) center center no-repeat; } .ui-state-active .ui-icon { background: url(../images/arrow-down.gif) center center no-repeat; } .ui-accordion .ui-accordion-content { background-color:#f5f5f5; text-align:justify; padding:10px 15px; margin: 5px 0 0 0; overflow: auto; } /** tabs **/ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .tabs { float: right; margin: 0 0 5px 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 0;padding: 0; border-bottom-width: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: right; padding: 0 10px; text-decoration: none; border-right: solid 1px #666666; font-size:12px; font-weight:normal; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; color: #000000; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 5px; background: none; } .tspan { list-style:none; } /** div Key Management Team **/ .keyMTeam{ padding:20px 0px 20px 0px; border-bottom:1px dotted #aaaaaa; } .keyMTeam-title{ font-size: 18px; font-weight: bold; color: #138057; line-height: 28px; } .keyMTeam-sub{ font-size: 12px; font-weight: bold; color: #138057; line-height: 15px; } .ui-state-active, .ui-state-active, .ui-state-active span.keyMTeam-sub{ color: #fff; } /* === close div Key Management Team === */ /* responsive iframe */ .iframeCorp{ height:1660px;} /** terms of use **/ .terms{} .terms h4{ font-size:18px; font-weight:bold; } .terms h5{ font-size:15px; font-weight:bold; } @media (max-width: 20em) { .iframeCorp{ height:2000px;} } .terms ul li{ text-align:justify; } table tr.tableHeader td:nth-child(1){ text-align:center; } /** btn **/ .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 5px 15px; font-size: 14px; line-height: 1.42857; border-radius: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #138057; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { text-decoration: none; color: #fff; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4); } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #138057; } .btn-style { color: #138057; padding:5px 0px; width:100%; border: 1px solid #138057; border-radius: 3px; background:none; text-align:center; } .btn-style:hover, .btn-style:focus, .btn-style:active, .btn-style.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #138057; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #138057; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #333; border-color: #444; } .btn-primary .badge { color: #189bd7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: normal; color: #189bd7; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: none; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 0px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } .fiveYrsTabImage_On { background-image:url("/IR/BIOHLDG/images/5years-on.png"); background-position:center; background-repeat:no-repeat; } .fiveYrsTabImage_Off { background-image:url("/IR/BIOHLDG/images/5years-off.png"); background-position:center; background-repeat:no-repeat; } .AsRprtTabImage_On { background-image:url("/IR/BIOHLDG/images/asreported-on.png"); background-position:center; background-repeat:no-repeat; } .AsRprtTabImage_Off { background-image:url("/IR/BIOHLDG/images/asreported-off.png"); background-position:center; background-repeat:no-repeat; } /* Pagination */ .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 0px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #333; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #fff; background-color: #138057; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #444; border-color: #666; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } /* 26032015 : 02:01PM */ /** irhome tab banner **/ .report-wrapper{ border:1px solid #70b342; margin-bottom:20px; } .report-content{ min-height:210px; } .report-wrapper .nav-tabs { } .report-wrapper .nav-tabs > li { text-align:center; margin-bottom: -1px; font-size:15px; width:50%; } .report-wrapper .nav-tabs > li > a { margin-right: 2px; line-height: 1; font-weight: normal; color: #666666; font-size: 12px; font-family: 'Open Sans', sans-serif; } .report-wrapper .nav-tabs > li > a:hover { font-weight:normal; color: #138057; background:#fff; } .report-wrapper .nav-tabs > li.active > a, .report-wrapper .nav-tabs > li.active > a:hover, .report-wrapper .nav-tabs > li.active > a:focus { background: #fff; cursor: default; font-weight:normal; background:#138057; } /* 270315:0928AM */ /** report section **/ /** ar **/ .ar-books{ margin:15px 0px 0px 30px; width:150px; } .ar-text{ margin-top:60px; } .ar-text h3{ line-height:24px; font-size:24px; color:#fff; font-weight:normal; margin-bottom:5px; } .ar-download{ color:#fff; background:url(../images/icons/download-icon.png) no-repeat center left; padding-left:18px; } .ar-download a{ color:#fff; text-decoration:underline; } .ar-download a:hover{ text-decoration:underline; color:#fff; }