@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
a,
body,
p {
    font-family: "Noto Sans", sans-serif;
}
.bxslider li,
.pro-lanka ul li,
ul.investor-list,
ul.multicolor {
    list-style: none;
}
.each-news .no-image{
    display:none;
}
#other_pages a,
.accordion-wrapper .caption a,
.address1 a,
.conti a,
span.news_read_more a {
    text-decoration: none;
}
body.home11 {
    overflow: hidden;
}
body.home11 #preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999;
}
body.home11 #status {
    text-align: center;
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../images/status.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}
.links-btn{
    margin-top: 15px;
}
.links-btn a{
    border-radius: 20px;
    border: 1px solid #263a7f;
    background-color: #263a7f;
    color: #fff;
    transition: all .5s ease-in-out;
    line-height: normal;
    display: inline-flex;
    font-weight: 500;
    text-transform: uppercase;
    padding: 8px 18px;
}
.links-btn a:hover {
    color: #fff;
    box-shadow: 0 3px 5px 0 rgba(38,58,127,.5);
}
a:hover {
    color: #e62426;
}
p {
    color: #4f4f4f;
    font-size: 14px;
    line-height: 19px;
    text-align: justify;
}
.text-center{
    text-align: center!important;
}
.center-item{
    display: flex!important;
    justify-content: center!important;
}
.float-none{
    float: none!important;
}
.box-wrapper {
    width: 97%;
    max-width: 1300px;
    margin: 0 auto;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Regular.woff2') format('woff2'),
        url('../fonts/NotoSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: sapisrg_;
    src: url(../fonts/sapisrg_.eot);
    src: url(../fonts/sapisrg_.eot) format("embedded-opentype"), url(../fonts/sapisrg_.woff) format("woff"), url(../fonts/sapisrg_.ttf) format("truetype"), url(../fonts/sapisrg_.svg#sapisrg_) format("svg");
}
@font-face {
    font-family: GEInspiraRegular;
    src: url(../fonts/ge_inspira.eot);
    src: url(../fonts/ge_inspira.eot) format("embedded-opentype"), url(../fonts/ge_inspira.woff) format("woff"), url(../fonts/ge_inspira.ttf) format("truetype"), url(../fonts/ge_inspira.svg#GEInspiraRegular) format("svg");
}
@font-face {
    font-family: robotothin;
    src: url(../fonts/roboto-thin.eot);
    src: url(../fonts/roboto-thin.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto-thin.woff2) format("woff2"), url(../fonts/roboto-thin.woff) format("woff"), url(../fonts/roboto-thin.ttf) format("truetype"),
        url(../fonts/roboto-thin.svg#robotothin) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Roboto-Regular;
    src: url(../fonts/Roboto-Regular.eot);
    src: url(../fonts/Roboto-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Regular.woff) format("woff"), url(../fonts/Roboto-Regular.woff) format("woff"), url(../fonts/Roboto-Regular.svg) format("svg"),
        url(../fonts/Roboto-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Roboto-Light;
    src: url(../fonts/Roboto-Light.eot);
    src: url(../fonts/Roboto-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Light.woff) format("woff"), url(../fonts/Roboto-Light.woff) format("woff"), url(../fonts/Roboto-Light.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: robotolight;
    src: url(../fonts/roboto-light-webfont.eot);
    src: url(../fonts/roboto-light-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto-light-webfont.woff2) format("woff2"), url(../fonts/roboto-light-webfont.woff) format("woff"),
        url(../fonts/roboto-light-webfont.ttf) format("truetype"), url(../fonts/roboto-light-webfont.svg#robotolight) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Calibri;
    src: url(../fonts/Calibri.eot?#iefix) format("embedded-opentype"), url(../fonts/Calibri.woff) format("woff"), url(../fonts/Calibri.ttf) format("truetype"), url(../fonts/Calibri.svg#Calibri) format("svg");
    font-weight: 400;
    font-style: normal;
}
.header {
    padding: 10px 0 3px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
header.sticky {
    position: fixed;
    height: 57px;
    width: 100%;
    background: #fff;
    padding: 6px 0;
    z-index: 9999;
}
.header.sticky .logo-wrapper img {
    max-width: 195px;
}
.about-products-wrapper .box-wrapper {
    max-width: 1600px;
}
.border-pattern {
    clear: both;
    height: 15px;
}

/*11-may-2020*/
.the-indorama-compass-sec {
    width: 100%;
    background: #263a7f;
    padding: 20px;
    box-sizing: border-box;
}
.the-indorama-compass-sec .inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
.the-indorama-compass-sec .left,
.the-indorama-compass-sec .right {
    width: 250px;
}
.the-indorama-compass-sec .center {
    width: 660px;
    margin: 0;
}
.the-indorama-compass-sec .center img {
    width: 100%;
}
.the-indorama-compass-sec .box-text {
    background: #ffff00;
    text-align: center;
    font-weight: bold;
    padding: 15px 5px;
    box-sizing: border-box;
    line-height: 24px;
}
.the-indorama-compass-sec .box-text span {
    font-weight: normal;
}
.the-indorama-compass-sec .box-text.green {
    background: #92d050;
    margin-top: 15px;
}
.the-indorama-compass-sec .box-text.orange {
    background: #ffc000;
}
.single-slide.cap-home .caption-full {
    display: none;
}
/*16july-2020*/
body.indorama-compass .banners {
    display: none;
}

/*Compass Section 27-sep-2022*/
.show-click {
    cursor: pointer;
}
.banner-image img {
    max-width: 100%;
}
.mission-green.blue {
    width: 60%;
    margin: 0 auto;
}
.mission-green.blue h3 {
    color: #263a7f;
}
.compass-sec-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15px;
}
.compass-sec-bottom p {
    padding: 0;
}
.compass-sec-bottom h3 {
    line-height: 26px;
}
.compass-sec-bottom img,
.image img {
    width: 100%;
    max-width: 100%;
}
.compass-sec-bottom .left {
    width: 30%;
    background: #263a7f;
    padding: 25px 10px;
    color: #fff;
    box-sizing: border-box;
}
.compass-sec-bottom .right {
    width: 70%;
    padding: 20px 10px;
    box-sizing: border-box;
}
.compass-sec-bottom .left span.sno {
    display: block;
    font-size: 54px;
    color: #263a7f;
    -webkit-text-stroke: 2px #fff;
    line-height: 65px;
    font-weight: bold;
}
.compass-sec-bottom .left span.text {
    font-size: 26px;
    display: block;
    line-height: 34px;
    margin-top: 10px;
}
.compass-sec-bottom .left span.text b {
    display: block;
}
.compass-sec-bottom .right ul {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}
.compass-sec-bottom .right ul li {
    width: 46%;
    margin: 2%;
}
.compass-sec-bottom .right ul li span.title {
    font-size: 26px;
    line-height: 28px;
    color: #263a7f;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: left;
    display: block;
    position: relative;
}
.compass-sec-bottom .right ul li span.title:before {
    position: absolute;
    content: "";
    width: 35px;
    height: 7px;
    background: #e62426;
    top: -20px;
}
.compass-sec-bottom .right ul li p {
    padding-left: 0;
    text-align: left;
}
.compass-sec-bottom .right ul li.half {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.compass-sec-bottom .right ul li.half .image {
    width: 40%;
}
.compass-sec-bottom .right ul li.half .text {
    width: 56%;
}
.compass-sec-bottom .right ul li.half span.title {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
}
.compass-sec-bottom .right.capabilities li {
    width: 23%;
    text-align: center;
    margin: 1%;

    height: 10% !important;
}
.compass-sec-bottom .right.capabilities li .title {
    background: #ccc;
    padding: 10px;
    min-height: 180px;
    border-top: solid 5px #e62426;
}
.compass-sec-bottom .right.capabilities li .heading {
    color: #000;
    text-transform: none;
    font-size: 16px;
    text-align: center;
    padding: 0;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
    font-weight: 600;
}
.compass-sec-bottom .right.capabilities li .subtitle {
    background: #ccc;
    text-align: center;
    margin-top: 10px;
    padding: 10px;
    min-height: 175px;
}
.compass-sec-bottom .right.capabilities li .icon {
    line-height: 1;
}
.compass-sec-bottom .right.capabilities li .icon img {
    filter: invert(1);
}
.compass-sec-bottom .right.capabilities li .subtitle .heading {
    color: #000;
}
.compass-sec-bottom .right.capabilities li p {
    text-align: center;
    font-size: 11px;
    line-height: 16px;
}
.compass-sec-bottom .right.capabilities li .image {
    background: #000;
    border-top: solid 5px #e62426;
    position: relative;
    max-height: 229px;
    overflow: hidden;
}
.compass-sec-bottom .right.capabilities li .image img {
    opacity: 0.6;
}
.compass-sec-bottom .right.capabilities li .image .name {
    position: absolute;
    top: 15px;
    z-index: 1;
    color: #fff;
    font-size: 22px;
    text-align: left;
    left: 10px;
    line-height: 26px;
}
.compass-sec-bottom .right.capabilities li .image .name b {
    color: #e62426;
}
.compass-sec-bottom .right.capabilities li .subtitle.dark {
    background: #ccc;
    margin: 0;
    padding: 10px;
    min-height: 200px;
}
.compass-sec-bottom .right.capabilities li .subtitle.dark p {
    color: #000;
    font-size: 14px;
    line-height: 20px;
}
body.bannerclass header {
    position: static;
}
.left-full {
    max-width: 18% !important;
}
.left-full img {
    height: auto;
}

@media screen and (max-width: 1100px) {
    .the-indorama-compass-sec .left,
    .the-indorama-compass-sec .right,
    .the-indorama-compass-sec .center {
        width: 70%;
    }
    .mission-green.blue {
        width: 100%;
    }
    .left-full {
        width: 13%!importantimportant;
        display: flex;
        align-items: center;
    }
}
@media screen and (max-width: 767px) {
    .compass-sec-bottom .left,
    .compass-sec-bottom .right,
    .compass-sec-bottom .right ul li.half .text,
    .compass-sec-bottom .right ul li.half .image,
    .compass-sec-bottom .right.capabilities li {
        width: 100%;
    }
    .compass-sec-bottom .right ul li {
        width: 96%;
    }
    .compass-sec-bottom .right.capabilities li .subtitle,
    .compass-sec-bottom .right.capabilities li .title,
    .compass-sec-bottom .right.capabilities li .subtitle.dark {
        min-height: auto;
    }
    .compass-sec-bottom .right.capabilities li .icon img {
        width: 100px;
    }
    .compass-sec-bottom .right ul li .text {
        width: 100%;
        display: block;
        margin-top: 45px;
    }
}
/*Ends Here*/

@media screen and (max-width: 599px) {
    .the-indorama-compass-sec .left,
    .the-indorama-compass-sec .right,
    .the-indorama-compass-sec .center {
        width: 100%;
    }
    .mission-green.blue {
        width: 100%;
    }
    .compass-sec-bottom .right.capabilities li .subtitle {
        min-height: 100px;
    }
    .compass-sec-bottom .right.capabilities li p {
        font-size: 14px;
    }
    .compass-sec-bottom img,
    .image img {
        width: 100%;
    }
}

.border-pattern img {
    width: 100%;
    outline: 0;
}
.header .logo-wrapper {
    float: right;
    box-sizing: border-box;
}
.header .logo-wrapper a {
    float: left;
}
.header .logo-wrapper img {
    height: auto;
    margin-left: 5px;
    max-width: 100%;
}
.header .search-and-nav-wrapper {
    text-align: right;
}
.top-menu-and-search-wrapper {
    margin: 0 0 4px;
    position: relative;
    float: right;
}
.top-menu-and-search-wrapper .top-menu {
    width: 77%;
    float: left;
    text-align: right;
    box-sizing: border-box;
}
.button-wrapper.left,
.nav-wrapper {
    text-align: left;
}
.top-menu-and-search-wrapper .top-menu a {
    font-size: 11px;
    font-family: "Noto Sans", sans-serif;
    color: #686868;
    text-transform: uppercase;
    position: relative;
    padding: 0 5px;
    border-right: 1px solid gray;
}
.top-menu-and-search-wrapper .top-menu:last-child a {
    border-right: 0 solid gray;
}
.top-menu-and-search-wrapper .search-wrapper {
    /*width:530px;*/
    width: 430px;
    float: left;
    box-sizing: border-box;
    position: relative;
}
form.searchform {
    float: right;
}
.select-boxes-lang {
    float: left;
}
.social-wrapper {
    float: left;
    margin-right: 5px;
}
.inner-banner-wrapper .banners {
    position: relative;
    overflow: hidden;
}
.inner-banner-wrapper .banners img {
    width: 100%;
    max-height: 254px;
}
.inner-banner-wrapper .banners .banner-contents {
    position: absolute;
    bottom: 4px;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    padding: 8px 0;
}
.inner-banner-wrapper .banners .banner-contents .main-title {
    top: 25%;
    position: absolute;
    width: 100%;
    left: 1%;
}
.inner-banner-wrapper .banners .lefter {
    background: url(../images/bg-black.png);
    height: 254px;
    float: left;
    width: 35%;
}
.inner-banner-wrapper .banners .banner-contents .main-title h1 {
    font-size: 55px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    width: 33%;
}
#select-lang {
    font-size: 12px;
    color: #5c5c5c;
    font-family: "Noto Sans", sans-serif;
    padding: 3.4px;
}
.inner-banner-wrapper .banners .banner-contents .main-title h1:hover:first-letter {
    font-weight: 700;
}
.sub-header {
    border-bottom: 1px solid #eaeaf4;
}
.sub-header h2,
.sub-header1 h2 {
    color: #263a7f;
    font-size: 22px;
    font-weight: 100;
}
.top-header {
    color: #4f4f4f;
    font-size: 14px;
    line-height: 22px;
}
.breadcrumbs {
    float: right;
    margin-right: 20px;
}
.breadcrumbs ul li {
    color: #d5d5d3;
    float: left;
    font-size: 13px;
}
.breadcrumbs ul li a {
    color: #d5d5d3;
    font-size: 13px;
    padding: 0 6px;
}
.breadcrumbs ul li a:hover {
    color: #e62426;
}
.breadcrumbs ul li a:after {
    content: " \00bb ";
    display: inline-block;
    margin-left: 5px;
}
#announcement:after,
.per-items:after,
.toogleMenu:after {
    content: "";
    clear: both;
}
.home-contents p:first-child {
    margin-top: 0;
    padding-top: 0;
}
.about-products-wrapper {
    margin: 1% 0;
}
.pro-box-wrapper .about-boxes {
    background: #583e77;
    width: 49.8%;
    float: left;
    margin: 0.1%;
}
.pro-box-wrapper .about-boxes:nth-child(even) {
    margin-right: 0;
}
.pro-box-wrapper .about-boxes .inner-contents {
    padding: 11% 10%;
}
.pro-box-wrapper .about-boxes .inner-contents .big-icons {
    display: none;
    width: 25%;
    float: left;
    box-sizing: border-box;
}
.pro-box-wrapper .about-boxes .inner-contents .big-icons img {
    width: 100%;
    max-width: 117px;
}
.pro-box-wrapper .about-boxes .inner-contents .contents {
    box-sizing: border-box;
}
.pro-box-wrapper .about-boxes .inner-contents .contents .pro-title {
    color: #fff;
    display: block;
    font-size: 21px;
    text-transform: uppercase;
}
.pro-box-wrapper .about-boxes .inner-contents .contents p {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    margin-top: 4px;
}
.pro-box-wrapper .about-boxes.polyster {
    background: url(../images/bg-polyster.jpg) center center/cover no-repeat;
}
.pro-box-wrapper .about-boxes.spun-yarns {
    background: url(../images/bg-spun-yarns.jpg) center center/cover no-repeat;
}
.pro-box-wrapper .about-boxes.fabric {
    background: url(../images/bg-fabric.jpg) center center/cover no-repeat;
}
.pro-box-wrapper .about-boxes.captive {
    background: url(../images/bg-captive-power.jpg) center center/cover no-repeat;
}
.pro-box-wrapper .about-boxes:nth-child(1):hover {
    background: #584881;
}
.pro-box-wrapper .about-boxes:nth-child(2):hover {
    background: #c06270;
}
.pro-box-wrapper .about-boxes:nth-child(3):hover {
    background: #bc9823;
}
.pro-box-wrapper .about-boxes:nth-child(4):hover {
    background: #49ad82;
}
.about-products-wrapper:after,
.breadcrumbs ul:after,
.copyright-section:after,
.footer-top-menu ul:after,
.footer-top-menu:after,
.header:after,
.home-boxes .image-and-details:after,
.home-contents:after,
.inner-banner-wrapper .banners:after,
.inner-contents:after,
.top-menu-and-search-wrapper:after {
    content: "";
    display: table;
    clear: both;
}
.clear-both {
    clear: both;
}
ul.indo-menu {
    margin: 0 auto;
    background: #263a7f;
    position: relative;
}
.indo-menu {
    float: right;
}
.indo-menu li {
    position: relative;
    float: left;
    background: 0 0;
    box-sizing: border-box;
    padding: 0 11px;
}
.indo-menu > li:first-child a:after {
    display: none;
}
.indo-menu > li a {
    display: block;
}
.indo-menu > li:first-child:after {
    display: none;
}
.indo-menu li a {
    color: #fff;
    padding: 8px 1px;
    display: block;
    font-weight: 800;
    font-size: 15px;
    font-size: 13px\9;
    position: relative;
    border-bottom: 2px solid transparent;
}
-moz-,
.indo-menu li a {
    font-weight: 100;
}
.normal-button,
.pdf-button {
    font-weight: 400;
    font-size: 13px;
}
.indo-menu li:hover > ul {
    display: block;
}
.indo-menu ul li a:after,
.toogleMenu,
span.toole {
    display: none;
}
.indo-menu li ul {
    position: absolute;
    width: 179px;
    left: 0;
    top: 25px;
    display: none;
    border-top: 11px solid transparent;
    z-index: 99;
    border-bottom: 3px #a59999 solid;
}
.indo-menu li ul li {
    width: 100%;
    background: #fff;
    text-align: left;
    padding: 0;
    border-bottom: 1px solid #cecece;
}
.indo-menu li ul li a {
    color: #000;
    background: #fff;
    padding: 5px 8px;
}
.indo-menu li ul li a:hover {
    background: #e62426;
    color: #fff;
}
.indo-menu > li:last-child a {
    background: 0 0;
}
.indo-menu li ul li ul {
    left: 100%;
    top: 0;
    border-top: 0;
}
span.toole {
    height: 21px;
    position: absolute;
    right: 7px;
    top: 8px;
    width: 22px;
    background: url(../images/span-arrow.png) 4px 4px/14px auto no-repeat;
    cursor: pointer;
}
.toogleMenu {
    width: 40px;
    height: 35px;
    background: url(../images/icon-responsive-menu.png) no-repeat;
    cursor: pointer;
    position: relative;
    top: 15%;
    left: 90%;
}
.toogleMenu:after {
    display: table;
}
ul.multicolor {
    width: 100%;
    font-size: 0;
    clear: both;
}
ul.multicolor li {
    display: inline-block;
    width: 9%;
    height: 5px;
}
ul.multicolor li:nth-child(1) {
    background: #df4c44;
}
ul.multicolor li:nth-child(2) {
    background: #4b4953;
}
ul.multicolor li:nth-child(3) {
    background: #7fbdac;
}
ul.multicolor li:nth-child(4) {
    background: #5aab88;
}
ul.multicolor li:nth-child(5) {
    background: #dbba50;
}
ul.multicolor li:nth-child(6) {
    background: #d4554e;
}
ul.multicolor li:nth-child(7) {
    background: #3a3744;
}
ul.multicolor li:nth-child(8) {
    background: #80b6a8;
}
ul.multicolor li:nth-child(9) {
    background: #52b088;
}
ul.multicolor li:nth-child(10) {
    background: #f7ca3c;
}
ul.multicolor li:nth-child(11) {
    background: #df4c44;
}
input[type="search"]:focus,
input[type="submit"]:focus,
input[type="text"]:focus {
    outline: 0;
}
input[type="search"]:focus {
    background: #fff;
    border: 1px solid #9f9f9f;
}
input[type="search"] {
    border: 1px solid #d8d7d7;
    padding: 3px 10px;
    line-height: 18px;
    font-size: 13px;
    background-color: #efefef;
}
.search-button {
    background: url(../images/icon-search.png) center no-repeat;
    border: 0;
    box-sizing: border-box;
    height: 13px;
    width: 13px;
    display: inline-block;
    position: absolute;
    right: 8px;
    right: 44px\9;
    top: 7px;
}
.button-wrapper.right {
    text-align: right;
}
.button-wrapper.center,
.footer-top-menu {
    text-align: center;
}
.normal-button {
    color: #e62426;
}
.normal-button:hover,
.pdf-button:hover {
    color: #263a7f;
}
.pdf-button {
    background: url(../images/pdf-small-icon.png) center left no-repeat;
    display: inline-block;
    height: 22px;
    color: #e62426;
    padding-left: 27px;
    line-height: 23px;
}
.transition {
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
}
.home-contents {
    min-height: 247px;
    padding-bottom: 2%;
}
.hm-sh-btm {
    background-size: contain;
}
h1.title-wrapper {
    border-bottom: 1px solid #e5e5e5;
    margin: 15px 0;
    display: block;
}
.title-wrapper span.title {
    border-bottom: 1px solid #8c8c8c;
    padding-bottom: 1%;
    position: relative;
    font-size: 24px;
    color: #343434;
    font-weight: 100;
    width: auto;
    display: inline-block;
}
.home-boxes {
    width: 35%;
    float: left;
    margin-right: 2%;
    box-sizing: border-box;
    border-right: 1px solid #e9e9e9;
    padding-right: 2%;
}
.home-boxes:last-child {
    border-right: 0 solid #e9e9e9;
    padding-right: 0;
}
.csr-wrapper {
    width: 26%;
    margin-right: 0;
    border-right: 0;
    padding-right: 0;
}
.home-boxes .image-and-details .image-wrapper {
    width: 23%;
    float: left;
    overflow: hidden;
}
.home-boxes .image-and-details .image-wrapper img {
    width: 100%;
    max-width: 85px;
}
.csr-wrapper .image-and-details .details-wrapper {
    width: 73%;
    float: right;
}
.home-boxes .image-and-details .details-wrapper .date {
    font-size: 12px;
    display: block;
    color: #e62426;
}
.home-boxes .heading {
    font-size: 15px;
    display: block;
    margin: 5px 0;
}
.announce-wrap .image-and-details .details-wrapper .heading {
    margin-top: 0;
    padding-top: 0;
}
.home-boxes .image-and-details .details-wrapper p {
    color: #636363;
    font-size: 12px;
    margin: 5px 0;
}
.nbs-flexisel-item,
.nbs-flexisel-ul {
    margin: 0;
    padding: 0;
    position: relative;
}
.csr-wrapper .image-and-details .details-wrapper p {
    margin-top: 0;
}
.announce-wrap .image-and-details .image-wrapper img {
    max-width: 65px;
    border: 1px solid #aaa;
}
.announce-wrap .image-and-details .image-wrapper {
    width: 21%;
}
.announce-wrap .image-and-details .details-wrapper {
    width: 78%;
}
#announcement:after {
    display: table;
}
#announcement {
    display: none;
}
.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}
.nbs-flexisel-ul {
    width: 9999px;
    list-style-type: none;
}
.nbs-flexisel-inner {
    overflow: hidden;
    float: left;
    width: 100%;
}
.nbs-flexisel-item {
    float: left;
    cursor: pointer;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 100px;
    max-height: 45px;
}
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 18px;
    height: 18px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    display: none;
}
.nbs-flexisel-nav-left {
    left: auto;
    background: url(../images/button-previous.jpg) no-repeat;
    top: -40px !important;
    right: 20px;
}
.nbs-flexisel-nav-right {
    background: url(../images/button-next.jpg) no-repeat;
    top: -40px !important;
    right: 0;
}
.nbs-flexisel-nav-left:hover {
    background: url(../images/button-previous-hover.jpg) no-repeat;
}
.nbs-flexisel-nav-right:hover {
    background: url(../images/button-next-hover.jpg) no-repeat;
}
.footer {
    border-top: 1px solid #d5d5d5;
    background: #f2f2f2;
}
.footer-top-menu {
    margin: 5px 0;
}
.footer-top-menu ul,
.footer-top-menu ul li {
    float: left;
    box-sizing: border-box;
}
.footer-top-menu ul li a {
    font-size: 12px;
    color: #000;
    padding: 0 5px;
    border-right: 1px solid gray;
}
.footer-top-menu ul li:last-child a {
    border: 0;
}
.social-wrapper .social-media {
    background: url(../images/social-media.png) no-repeat;
    display: inline-block;
    width: 23px;
    height: 23px;
}
.social-wrapper .social-media:hover {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
}
.social-wrapper .facebook {
    background-position: 0;
}
.social-wrapper .google {
    background-position: -26px;
}
.social-wrapper .twitter {
    background-position: -52px;
}
.social-wrapper .linkedin {
    background-position: -78px;
}
.copyright-section {
    background: #1b1b1b;
    color: #fff;
    font-size: 12px;
    padding: 7px 0;
}
.copyright-section .left {
    float: left;
}
.copyright-section .right {
    float: right;
    display: none;
}
.copyright-section a {
    color: #fff;
}
.details-full-wrapper .heading {
    margin-bottom: 4px;
    display: inline-block;
    font-size: 14px;
}
.details-full-wrapper .button-wrapper.center {
    margin-right: 14px;
    float: right;
}
.details-full-wrapper .button-wrapper.download {
    margin-top: 7px;
}
.sliders {
    clear: both;
    max-width: 1500px;
}
.per-items:after {
    display: block;
}
figure {
    margin: 0;
}
#one {
    margin: 0 auto;
}
.bxslider {
    width: auto;
    margin: 0;
}
.bxslider ul {
    margin: 0;
    padding: 0;
}
.title-anchor {
    color: #000;
}
.accordion-wrapper {
    overflow: hidden;
    display: block;
    position: relative;
    margin: 0 auto;
}
.accordion-wrapper .slide {
    overflow: hidden;
    -moz-box-shadow: -5px 0 5px rgba(1, 1, 1, 0.3);
    -webkit-box-shadow: -5px 0 5px rgba(1, 1, 1, 0.3);
    box-shadow: -5px 0 5px rgba(1, 1, 1, 0.3);
    position: absolute;
    cursor: pointer;
    float: left;
    display: inline-block;
    zoom: 1;
}
.accordion-wrapper .slide img {
    position: relative;
    min-height: 640px;
}
.accordion-wrapper .slide:before {
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 10%;
    font-size: 25px;
    padding: 1%;
    color: #fff;
    z-index: 9;
    text-transform: uppercase;
}
.accordion-wrapper .slide.active:nth-child(1):after,
.accordion-wrapper .slide.active:nth-child(2):after,
.accordion-wrapper .slide.active:nth-child(3):after,
.accordion-wrapper .slide.active:nth-child(4):after,
.accordion-wrapper .slide:nth-child(1):after,
.accordion-wrapper .slide:nth-child(2):after,
.accordion-wrapper .slide:nth-child(3):after,
.accordion-wrapper .slide:nth-child(4):after {
    display: inline-block;
    content: "";
    position: absolute;
}
.accordion-wrapper .slide:nth-child(1):before {
    content: "";
    background: #263a7f;
    padding-top: 13%;
}
.accordion-wrapper .slide:nth-child(1):after {
    background: url(../images/arrow-white.png) no-repeat;
    width: 33px;
    height: 22px;
    z-index: 9999;
    top: 43%;
    left: 1%;
    background-size: 37px;
}
.accordion-wrapper .slide.active:nth-child(1):before {
    background: #263a7f;
}
.accordion-wrapper .slide.active:nth-child(1):after {
    background: url(../images/arrow-slide1.png) no-repeat;
    width: 71px;
    height: 80px;
    z-index: 999;
    top: 34%;
    left: 12%;
}
.accordion-wrapper .slide.active:nth-child(1):before:after {
    content: "";
    background: url(../images/side-img.png) no-repeat;
    width: 71px;
}
.accordion-wrapper .slide:nth-child(2):before {
    content: "";
    background: #4fbd8e;
    padding-top: 3%;
}
.accordion-wrapper .slide:nth-child(2):after {
    background: url(../images/arrow-white.png) no-repeat;
    width: 33px;
    height: 22px;
    z-index: 9999;
    top: 18%;
    left: 1.5%;
    background-size: 37px;
}
.accordion-wrapper .slide.active:nth-child(2):after {
    background: url(../images/arrow-slide2.png) no-repeat;
    width: 71px;
    height: 80px;
    z-index: 999;
    top: 4%;
    left: 12%;
}
.accordion-wrapper .slide:nth-child(3):before {
    content: "";
    background: #cc555b;
    padding-top: 25%;
}
.accordion-wrapper .slide:nth-child(3):after {
    background: url(../images/arrow-white.png) no-repeat;
    width: 33px;
    height: 22px;
    z-index: 9999;
    top: 74%;
    left: 1.5%;
    background-size: 37px;
}
.accordion-wrapper .slide.active:nth-child(3):before {
    background: #c95258;
}
.accordion-wrapper .slide.active:nth-child(3):after {
    background: url(../images/arrow-slide3.png) no-repeat;
    width: 71px;
    height: 80px;
    z-index: 999;
    top: 68%;
    left: 12%;
}
.accordion-wrapper .slide:nth-child(4):before {
    content: "";
    background: rgba(25, 53, 131, 0.5);
    padding-top: 13%;
}
.accordion-wrapper .slide:nth-child(4):after {
    background: url(../images/arrow-white.png) no-repeat;
    width: 33px;
    height: 22px;
    z-index: 9999;
    top: 43%;
    left: 1%;
    background-size: 37px;
}
.accordion-wrapper .slide.active:nth-child(2):before {
    background: #48b687;
}
.accordion-wrapper .slide.active:nth-child(4):before {
    background: #263a7f;
}
.accordion-wrapper .slide.active:nth-child(4):after {
    background: url(../images/arrow-slide1.png) no-repeat;
    width: 71px;
    height: 80px;
    z-index: 999;
    top: 34%;
    left: 12%;
}
.accordion-wrapper .slide.active:nth-child(4):before:after {
    content: "";
    background: url(../images/side-img.png) no-repeat;
    width: 71px;
}
.accordion-wrapper .caption {
    position: absolute;
    padding: 20px;
    left: 17%;
    top: 50%;
}
.accordion-wrapper .caption p {
    color: #fff;
    margin: 0;
    font-size: 17px;
    line-height: 1.6;
    text-transform: uppercase;
}
.accordion-wrapper .caption h1 {
    color: #fff;
    font-size: 55px;
    font-weight: 700;
    font-family: "Noto Sans", sans-serif;
    margin: 0 0 5px;
    text-transform: uppercase;
}
.accordion-wrapper .slide.active:nth-child(1):before {
    content: "About Indorama";
}
.accordion-wrapper .slide.active:nth-child(2):before {
    content: "Spun Yarn Products";
}
.accordion-wrapper .slide.active:nth-child(3):before {
    content: "Polyester Products";
}
.accordion-wrapper .slide.active:nth-child(4):before {
    content: "Fabric Products";
}
.header-content-slide {
    position: absolute;
    height: 100%;
    width: 55px;
    background: #e62426;
    z-index: 999;
    top: 0;
    display: block;
}
#main-contact {
    width: 48%;
    float: left;
    border-right: 1px solid #d2d2d2;
}
#main-contact:after {
    content: "";
    display: table;
    clear: both;
}
#main-contact .address {
    float: left;
    width: 42%;
    margin: 3% 2% 1%;
    min-height: 145px;
    line-height: 20px;
    font-size: 14px;
    color: #636262;
    text-align: left;
    padding-bottom: 12px;
}
#main-contact .address:last-child {
    background: #e62426;
}
#main-contact strong {
    line-height: 24px;
    width: 43px;
    display: inline-block;
}
#main-contact .address:nth-child(odd) {
    margin-left: 0;
}
.address span {
    font-weight: 700;
    font-size: 16px;
    color: #263a7f;
    display: block;
    padding: 2px 10px 0 0;
}
.address .adresses {
    padding: 0;
}
.iktcontactus .last-address {
    background: 0 0 !important;
    margin-right: 0 !important;
}
.map1 {
    background: url(../images/map1.jpeg) !important;
}
#main-contact h2 {
    font-weight: 400;
    margin: 25px 0 10px;
    font-family: "Noto Sans", sans-serif;
    font-size: 22px;
    padding: 5px 0;
    border-bottom: 1px #d2d2d2 solid;
}
hr {
    border-top: 1px solid rgba(239, 239, 239, 1);
    border-left: 0;
    border-right: 0;
}
.address1 {
    float: left;
    width: 100%;
    margin-right: 2%;
    min-height: 220px;
    line-height: 20px;
    font-size: 12px;
    color: #636262;
}
.address1 span {
    font-family: "Noto Sans", sans-serif;
    font-size: 18px;
    color: #263a7f;
}
.address1 a {
    color: #e62426;
}
div.contactform1 {
    font-family: "Noto Sans", sans-serif;
    margin-bottom: 0;
    width: 50%;
}
div.fields1 span.field2:after {
    content: ":";
}
div.fields1 span.field2 {
    font-weight: 700;
    width: 20px;
    float: left;
}
div.contactform1 input[type="text"] {
    width: 100%;
    height: 25px;
    background: rgba(251, 251, 251, 1);
    border: 1px solid #c3baba;
    padding-left: 10px;
}
div.contactform1 .captcha-field input[type="text"] {
    width: 50%;
}
.captcha-field img {
    float: left;
    margin: 1% 3%;
}
div.contactform1 input[type="text"]#f_date_a {
    width: 80%;
}
div.contactform-in-indo select,
div.contactform1 select {
    width: 345px;
    padding: 5px 0;
    background: rgba(251, 251, 251, 1);
    border: 1px dashed #c3baba;
    border-bottom: none;
    border-left: none;
    border-right: none;
}
span.gender {
    float: left;
    margin-right: 10px;
    color: #636262;
    font-family: "Noto Sans", sans-serif;
    font-size: 13px;
}
form.form input[type="radio"] {
    margin-right: 4px;
    display: inline;
    width: 15px;
}
#address,
form.form textarea {
    width: 100%;
    background: rgba(251, 251, 251, 1);
    border: 1px solid #c3baba;
    padding-left: 10px;
    max-width: 345px;
}
form.form select {
    width: 253px;
    border: 1px solid #c3baba;
    height: 31px;
    padding-left: 10px;
}
div.contactform1 input[type="reset"]:hover,
div.contactform1 input[type="submit"]:hover {
    background: #ab2626;
}
.hbox1 {
    width: 40%;
    float: left;
}
div.contactform1 input[type="submit"] {
    background: #263a7f;
    margin-right: 10px;
    color: #fff;
    font-size: 15px;
    border: none;
    cursor: pointer;
    font-family: "Noto Sans", sans-serif;
    padding: 6px 20px;
    width: auto;
}
div.contactform1 input[type="reset"] {
    background: #263a7f;
    float: right;
    margin-right: 20px;
    color: #fff;
    font-size: 15px;
    border: none;
    cursor: pointer;
    font-family: "Noto Sans", sans-serif;
    padding: 6px 20px;
}
.submit-wraps {
    text-align: right;
    width: 100%;
    max-width: 301px;
    clear: both;
}
.field2-sub {
    width: 18px;
}
span.news_text {
    font-family: "Noto Sans", sans-serif;
    font-size: 17px;
    float: left;
    color: #263a7f;
    margin-bottom: 8px;
}
.each-news {
    border: 1px solid #e7e7e7;
    padding: 0 1% 1%;
    margin: 1% 1% 1% 0;
}
.each-news:hover {
    background: #eeedff;
}
.newser h2 {
    font-size: 16px;
    color: #263a7f;
    font-weight: 100;
    margin-bottom: 2px;
}
.newser .news_date {
    font-size: 12px;
    color: gray;
    padding: 0;
    margin: 0;
}
.newser p {
    margin-top: 5px;
}
span.news_read_more a {
    clear: both;
    float: right;
    color: #fff;
    font-size: 12px;
    font-family: "Noto Sans", sans-serif;
    margin-top: 5px;
    display: block;
    background: #e62426;
    padding: 5px;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
}
span.news_read_more a:hover {
    background: #263a7f;
}
span.news_read_more a:after {
    content: " \2192 ";
}
input[type="submit"].submit-button {
    background: #263a7f;
    color: #fff;
    font-size: 16px;
    border: none;
    cursor: pointer;
    float: right;
    font-family: "Noto Sans", sans-serif;
    padding: 6px 22px;
    text-transform: uppercase;
}
.timeline,
.timeline li {
    padding: 1em 0;
}
.timeline {
    position: relative;
    width: 860px;
    margin: 20px auto 0;
    list-style-type: none;
}
.timeline:before {
    position: absolute;
    left: 50%;
    top: 0;
    content: " ";
    display: block;
    width: 6px;
    height: 100%;
    margin-left: -3px;
    background: #505050;
    background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(30, 87, 153, 1)), color-stop(100%, rgba(125, 185, 232, 1)));
    background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
    background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
    background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
    background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
    z-index: 5;
}
.direction-l,
.direction-r {
    width: 400px;
    position: relative;
}
.timeline li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.direction-l {
    float: left;
    text-align: right;
}
.flag-wrapper,
.text_box {
    text-align: center;
}
.direction-r {
    float: right;
}
.flag-wrapper {
    position: relative;
    display: inline-block;
}
.flag {
    position: relative;
    display: inline;
    background: #f8f8f8;
    padding: 6px 10px;
    border-radius: 5px;
    font-weight: 600;
    text-align: left;
}
.direction-l .flag {
    -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
}
.direction-r .flag {
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
}
.direction-l .flag:before,
.direction-r .flag:before {
    position: absolute;
    top: 50%;
    right: -40px;
    content: " ";
    display: block;
    width: 12px;
    height: 12px;
    margin-top: -10px;
    background: #fff;
    border-radius: 10px;
    border: 4px solid #e62426;
    z-index: 10;
}
.direction-l .flag:after,
.direction-r .flag:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 0;
    width: 0;
    margin-top: -8px;
    pointer-events: none;
}
.direction-r .flag:before {
    left: -40px;
}
.direction-l .flag:after {
    left: 100%;
    border: solid transparent;
    border-left-color: #f8f8f8;
    border-width: 8px;
}
.direction-r .flag:after {
    right: 100%;
    border: solid transparent;
    border-right-color: #f8f8f8;
    border-width: 8px;
}
.time-wrapper {
    display: inline;
    line-height: 1em;
    font-size: 0.66666em;
    color: #fa5050;
    vertical-align: middle;
}
.direction-l .time-wrapper {
    float: left;
}
.direction-r .time-wrapper {
    float: right;
}
.time {
    display: none;
    padding: 4px 6px;
    background: #f8f8f8;
}
.desc {
    margin: 1em 0.75em 0 0;
    font-size: 0.77777em;
    font-style: italic;
    line-height: 1.5em;
}
.direction-r .desc {
    margin: 1em 0 0 0.75em;
}
@media screen and (max-width: 660px) {
    .timeline {
        width: 100%;
        padding: 4em 0 1em;
    }
    .timeline li {
        padding: 2em 0;
    }
    .direction-l,
    .direction-r {
        float: none;
        width: 100%;
        text-align: center;
    }
    .flag-wrapper {
        text-align: center;
    }
    .flag {
        background: #fff;
        z-index: 15;
    }
    .direction-l .flag:before,
    .direction-r .flag:before {
        position: absolute;
        top: -30px;
        left: 50%;
        content: " ";
        display: block;
        width: 12px;
        height: 12px;
        margin-left: -9px;
        background: #fff;
        border-radius: 10px;
        border: 4px solid #ff5050;
        z-index: 10;
    }
    .direction-l .flag:after,
    .direction-r .flag:after {
        content: "";
        position: absolute;
        left: 50%;
        top: -8px;
        height: 0;
        width: 0;
        margin-left: -8px;
        border: solid transparent;
        border-bottom-color: #fff;
        border-width: 8px;
        pointer-events: none;
    }
    .time-wrapper {
        display: block;
        position: relative;
        margin: 4px 0 0;
        z-index: 14;
    }
    .direction-l .time-wrapper,
    .direction-r .time-wrapper {
        float: none;
    }
    .desc {
        position: relative;
        margin: 1em 0 0;
        padding: 1em;
        background: #f5f5f5;
        -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
        z-index: 15;
    }
    .direction-l .desc,
    .direction-r .desc {
        position: relative;
        margin: 1em 1em 0;
        padding: 1em;
        z-index: 15;
    }
}
.datepicker,
ul.annual-reports,
ul.investor-list {
    position: relative;
}
@media screen and (min-width: 400px max-width:660px) {
    .direction-l .desc,
    .direction-r .desc {
        margin: 1em 4em 0;
    }
}
div.anreport1 {
    border: 1px dashed #ddd;
    vertical-align: top;
    background: #eee;
    display: inline-block;
    width: 22.8%;
    margin: 0 19px 10px 0;
    min-height: 110px;
    padding: 4px;
}
div.anreport1 img {
    padding: 3px;
    background: #a5a5a5;
    border: 1px solid #c8c6c6;
    float: left;
    margin-right: 10px;
    width: 71px;
}
div.anreport1 h4 {
    color: #263a7f;
    text-align: left;
    font-size: 15px;
    font-family: "Noto Sans", sans-serif;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 3px;
    padding-bottom: 0;
}
div.anreport1 p {
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    line-height: 25px;
}
span.pline {
    color: #263a7f;
    font-size: 19px;
}
.submenu ul li a:hover,
.submenu ul li.active a,
.submenu ul li:hover a {
    color: #fff;
}
@media screen and (max-width: 1367px) and (min-width: 1600px) {
    .inner-banner-wrapper .banners .lefter {
        height: 183px;
    }
    .header .logo-wrapper {
        width: 20%;
    }
}
@media screen and (max-width: 1332px) {
    .header .logo-wrapper {
        width: 20%;
    }
    .inner-banner-wrapper .banners .lefter {
        height: 252px;
    }
}
.submenu {
    overflow: hidden;
    margin: 18px 0;
}
.submenu ul li {
    float: left;
    margin: 0 2px;
    padding: 6px 13px;
    border: 1px solid #ddd;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(229, 229, 229, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(229, 229, 229, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(229, 229, 229, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(229, 229, 229, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(229, 229, 229, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
}
.submenu ul li.active,
.submenu ul li:hover {
    background: #e62426;
    border: 1px solid #900e15;
}
.submenu ul li a {
    color: #000;
    font-size: 16px;
    font-weight: 100;
    margin: 0 3px;
}
.submenu ul li:last-child a {
    background: 0 0;
}
.tabbed-menu {
    margin: 15px 0;
}
ul.investor-list {
    margin: 0 0 7px;
    padding: 0 5px;
    color: #08c;
    background: #f8f8f9;
}
ul.investor-list li {
    margin-bottom: -1px;
    cursor: pointer;
    padding: 7px 12px;
    border-bottom: none;
    display: inline-block;
    color: #646464;
}
ul.investor-list li.investor-selected,
ul.investor-list li:hover {
    background: #e62426;
    color: #fff;
}
#searchform input,
#select {
    font-size: 12px;
    color: #5c5c5c;
    font-family: "Noto Sans", sans-serif;
}
#page2 .pericular-ann:nth-child(odd) {
    line-height: 22px;
    padding: 9px 0 9px 30px;
    background: url(../images/bride-arrow.png) 11px 16px no-repeat #e7e6ec;
}
#page2 .pericular-ann {
    line-height: 22px;
    padding: 9px 0 9px 30px;
    background: url(../images/bride-arrow.png) 11px 16px no-repeat #f6f6f8;
}
#page2 .pericular-ann:hover {
    background: url(../images/bride-arrow-ho.png) 11px 16px no-repeat #d9d8e0;
}
.tabbed-menu .heading {
    margin-bottom: 0;
    display: inline;
    float: none;
}
#searchform input {
    padding-left: 9px;
    height: 18px;
}
#select {
    padding: 3px;
}
.search-section center {
    text-align: left;
}
.hd-sp {
    margin-bottom: 15px;
}
.searchBox input[type="submit"] {
    background: #363878;
    border: 0;
    color: #fff;
    cursor: pointer;
    margin-left: 8px;
    padding: 5px 18px;
}
#result_report,
.search-num {
    color: #3a3a3a;
    font-size: 19px;
}
.searchBox input[type="submit"]:hover {
    background: #e62426;
}
#result_report {
    border-bottom: 5px solid #e5e1e1;
    padding: 5px 0 10px;
}
.single-search {
    border-bottom: 1px solid #ededed;
    padding: 3px 0;
}
.search-title {
    display: inline-block;
    padding: 5px;
    font-size: 18px;
}
.search-description {
    font-size: 13px;
    line-height: 20px;
    margin: 2px 0 10px;
    padding-left: 17px;
}
#other_pages a,
#other_pages span {
    float: left;
    margin-right: 6px;
    padding: 5px 7px;
    display: block;
}
#other_pages {
    margin: 10px 0;
}
#other_pages span {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #263a7f;
    color: #444;
    margin-bottom: 0;
    font-weight: 500;
}
.hbox1 h3,
span.colo {
    font-weight: 700;
}
#other_pages a {
    background: #263a7f;
    color: #fff;
}
.copyright-section a:hover {
    color: #bbb;
}
.iktcontactus #main-contact {
    width: auto;
    float: none;
    border: none;
}
.iktcontactus #main-contact .address,
.isinlankacontactus #main-contact .address {
    background: url(../images/divider.png) right repeat-y;
    margin: 0 2% 0 0;
    width: 23.2%;
}
.iktcontactus #main-contact strong,
.isinlankacontactus strong {
    display: block;
    font-size: 13px;
    width: auto;
}
.isinlankacontactus .last-address {
    color: #636262;
    line-height: 20px;
    font-size: 14px;
}
.pagecontact-us #main-contact {
    width: auto;
    float: none;
    border: none;
}
.pagecontact-us #main-contact .address {
    width: 23.2%;
    margin: 0 2% 0 0;
    background: url(../images/divider.png) right repeat-y;
}
.pagecontact-us #main-contact .last-address {
    margin-right: 0;
    background: 0 0;
}
.sitemap-nav li {
    margin: 3px 0;
}
.sitemap-nav li a {
    color: #666;
    background: url(../images/bride-arrow.png) 0 1px no-repeat;
    padding-left: 10px;
    font-size: 13px;
}
.sitemap-nav li a:hover {
    background: url(../images/bride-arrow-ho.png) 0 3px no-repeat;
    color: #e62426;
}
ul.annual-reports {
    overflow: hidden;
    list-style: none;
    margin: 0 0 7px;
    padding: 0;
    line-height: 26px;
    color: #263a7f;
}
ul.annual-reports li {
    font-size: 14px;
    color: #000;
    float: left;
    margin: 0 2px;
    padding: 2px 11px;
    border: 1px solid #ddd;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(229, 229, 229, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(229, 229, 229, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(229, 229, 229, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(229, 229, 229, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(229, 229, 229, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
}
ul.annual-reports li.annual-reports-selected {
    border: 1px solid #900e15;
    cursor: auto;
    background: #e62426;
    color: #fff;
    border-bottom-color: transparent;
}
ul.annual-reports li:hover {
    background: #e62426;
    cursor: pointer;
    border: 1px solid #900e15;
    border-bottom-color: transparent;
    color: #fff;
}
.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}
.investor-page {
    margin-top: 20px;
}
.tabbed-menu .investor-page{
    display: none;
}
.tabbed-menu .investor-page.active,.tabbed-menu .investor-page:first-of-type{
    display: block;
}
.annual-reports-page {
    background: #eee;
    border: 1px dashed #ddd;
   display:inline-block;
    margin: 0 19px 10px 0;
    min-height: 190px;
    padding: 4px;
    width: 300px;
}
.annual-reports-page .imgContainer {
    padding: 3px;
    display: block;
    border: 1px solid #c8c6c6;
    background: #a5a5a5;
    float: left;
    margin-right: 3%;
    width: 42%;
}
.annual-reports-page .imgContainer img {
    width: 100%;
    height: 100%;
}
.annual-reports-page h4 {
    color: #263a7f;
    font-family: "Noto Sans", sans-serif;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 3px;
    padding-bottom: 0;
}
span.colo,
span.colo a {
    color: #e62426;
}
.annual-reports-page p {
    margin: 4px 0;
}
.hbox1 h3,
span.colo a:hover {
    color: #393c81;
}
.pageenquiry div.contactform1 {
    float: left;
    width: auto;
}
div.fields1 {
    clear: both;
    float: left;
    margin-bottom: 10px;
}
.hbox1 h3 {
    font-size: 16px;
    margin: 0 0 11px;
    padding: 5px 5px 5px 0;
}
.date,
.indi-padd-btm img {
    margin-top: 10px;
}
div.fields1 span.field1 {
    float: left;
    font-size: 14px;
    width: 180px;
}
div.fields1 span.field1 .style1 {
    color: #e62426;
}
div.fields1 span.field3 {
    float: left;
    width: 240px;
}
.pagecontact-us #main-contact strong {
    width: auto;
    display: block;
    font-size: 14px;
}
.contactform .cont-details {
    clear: both;
}
.border-rit {
    background: url(../images/divider.png) left repeat-y;
    padding-left: 56px;
}
.hbox1 input[type="text"],
.hbox1 select {
    background: rgba(251, 251, 251, 1);
    border: 1px solid #c3baba;
    height: 25px;
    padding-left: 10px;
}
.hbox1 input[type="text"] {
    font-size: 13px;
    width: 100%;
}
.fields1 input[type="reset"],
.fields1 input[type="submit"] {
    background: #263a7f;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: "Noto Sans", sans-serif;
    font-size: 15px;
    margin-right: 10px;
    padding: 6px 20px;
    width: auto;
}
.indicate,
.searchBox input {
    font-size: 13px;
}
.products-all li,
.products-all li:nth-child(odd) {
    font-weight: 400;
    line-height: 22px;
    padding: 9px 0 9px 30px;
}
.fields1 input[type="reset"]:hover,
.fields1 input[type="submit"]:hover {
    background: #e62426;
}
.field3 textarea {
    height: 100px;
}
.home-boxes .bx-wrapper,
.home-boxes .nbs-flexisel-inner,
.image-and-details {
    height: 107px;
}
.date {
    display: block;
}
.sinthetic,
.sitemap-list ul li ul li a {
    display: inline-block;
}
#searchform input[type="submit"] {
    margin-top: -6px;
}
div.safety-health-lst {
    border: none;
    margin-right: 0;
}
.datepicker img {
    position: absolute;
    right: -8px;
    top: 7px;
}
.products-all li {
    font-size: 14px;
    background: url(../images/bride-arrow.png) 11px 16px no-repeat #f6f6f8;
}
.products-all li:nth-child(odd) {
    font-size: 14px;
    background: url(../images/bride-arrow.png) 11px 16px no-repeat #e7e6ec;
}
.products-all li:hover {
    background: url(../images/bride-arrow-ho.png) 11px 16px no-repeat #d9d8e0;
}
#overlay {
    background-image: url(../images/overlay.png);
}
#lightbox {
    background-color: #eee;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    padding: 5px;
    z-index: 99999 !important;
}
#keyboardMsg,
.navigation {
    float: right;
}
.sitemap-list ul li a {
    background: url(../images/bride-arrow.png) 0 3px no-repeat;
    padding-left: 15px;
}
.sitemap-list ul li a:hover {
    background: url(../images/bride-arrow-ho.png) 0 3px no-repeat;
}
.sitemap-list li a {
    margin-bottom: 7px;
    background: url(../images/bride-arrow.png) 0 3px no-repeat;
    padding-left: 15px;
    color: #434242;
}
.sitemap-list ul a:hover {
    background: url(../images/ul-arrow-hover.png) 0 7px no-repeat;
}
.sitemap-list ul li a {
    color: #434242;
    display: inline-block;
    font-size: 14px;
    padding: 0 26px;
    position: relative;
}
.sitemap-list li a:hover,
.sitemap-list ul li ul li a:hover {
    color: #69c6c8;
}
.bld {
    font-weight: 700;
    font-size: 15px !important;
}
.sitemap-list > li {
    float: left;
    margin-bottom: 16px;
    width: 21%;
}
.wraper {
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    width: 90%;
}
.sub-sub-sub-list li {
    margin-left: 12px;
}
.sinthetic {
    margin: 0 15px;
    vertical-align: top;
    width: 398px;
}
.sinthetic h3 {
    margin: 10px 0;
}
.text_box .conti {
    float: left;
    padding: 10px 0 0;
    width: 100%;
}
.text_box .conti h3 {
    text-align: left;
    color: #e62426;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 10px;
    padding: 0;
}
.insideco p {
    color: #636262;
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
    text-align: justify;
}
.conti a,
.lanka,
ul.flexe-llist li {
    text-align: left;
}
.text_box .conti img {
    border: 1px solid #ccc;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.conti a {
    background: url(../images/get_brochure.jpg) no-repeat;
    color: #fff;
    float: right;
    font-family: "Noto Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 8px;
    width: 89px;
}
.conti a:hover {
    background: url(../images/get_brochure_hover.jpg) no-repeat;
}
span.heading strong {
    display: block;
}
.pagination .paging {
    margin-top: 10px;
    display: inline-block;
}
.pagination .paging li {
    list-style-type: none;
    float: left;
}
.pagination .paging li.current {
    background: #e62426;
    padding: 5px;
    color: #fff;
    position: relative;
    top: -5px;
}
.pagination .paging li a {
    padding: 5px;
    background: #263a7f;
    text-decoration: none;
    margin: 1px;
    color: #fff;
    transition: all 0.8s ease;
}
.pagination .paging li a:hover {
    background: #e62426;
}
.pagination .paging li:after {
    clear: left;
    content: " ";
    display: block;
}
ul.flexe-llist {
    overflow: hidden;
    margin-top: 5px;
}
ul.flexe-llist li {
    display: block;
    margin: 0 4px;
    background: url(../images/bride-arrow.png) 0 9px no-repeat;
    font-size: 14px;
    font-weight: 400;
    color: #4f4f4f;
    padding: 4px 0 4px 15px;
    line-height: 1.5em;
}
.conti p {
    margin: 0;
    padding: 0;
}
.sub-header h1 {
    margin: 10px 0;
    color: #263a7f;
    font-weight: 400;
}
.pagecareers .sub-header,
.pagesitemap .sub-header {
    margin-bottom: 10px;
}
.second {
    background: #ddd;
}
#announcement-notice .second {
    border-bottom: 2px solid #fff;
    padding-bottom: 8px;
    padding-top: 0;
}
.pageinvestors .pericular-ann {
    background: #e7e6ec;
    padding-top: 10px;
}
.pageinvestors .second {
    margin-bottom: 2px;
    padding-bottom: 10px;
    padding-top: 0;
}
.pagecontact-us .home-contents {
    min-height: 355px;
}
.per-items strong {
    font-weight: 400;
    color: #e62426;
    display: block;
    font-size: 12px;
    margin: 0 0 5px;
}
.pageinvestors .details-full-wrapper .button-wrapper.center {
    margin: 0;
}
.pro-lanka ul li {
    background: url(../images/bride-arrow.png) 6px 4px no-repeat;
    color: #636262;
    font-size: 14px;
    line-height: 19px;
    margin: 5px 0;
    padding-bottom: 5px;
    padding-left: 21px;
}
.pro strong {
    color: #263a7f;
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 2px;
}
.contact-comman .address {
    background: url(../images/divider.png) right center repeat-y;
    margin: 0 2% 0 0;
    width: 23.2%;
    color: #636262;
    float: left;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 12px;
    text-align: left;
}
.contact-comman .address strong {
    display: block;
    font-size: 13px;
    width: auto;
}
.contact-comman .last-address {
    background: rgba(0, 0, 0, 0) !important;
    margin-right: 0 !important;
}
.management strong {
    color: #263a7f;
    font-weight: 400;
    font-size: 16px;
}
.management h4 {
    font-weight: 400;
    color: #4f4f4f;
    margin: 0;
}
h4.descrip {
    color: #000;
    font-weight: 400;
    margin: 0;
}
.management .divider {
    height: 1px;
    background: #ddd;
    margin: 4px 0 11px;
    clear: both;
}
ol.audit-commt {
    padding-left: 15px;
    margin: 0;
}
.audit-commt li {
    list-style: decimal;
    color: #4f4f4f;
    font-size: 14px;
    font-family: "Noto Sans", sans-serif;
    margin: 10px 0;
    line-height: 19px;
    text-align: justify;
}
.organization-img,
.pdf-icon ul li {
    text-align: center;
}
strong.auditor-hd {
    color: #263a7f;
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 2px 10px 0 0;
}
b.batu {
    display: inline-block;
    margin-top: 6px;
}
.organization-img img {
    margin: 0 auto;
}
#page-wrap table {
    width: 38%;
    border-collapse: collapse;
    color: #646464;
}
#page-wrap table tr:hover {
    background: #f3f3f3;
}
#page-wrap table tr:nth-of-type(odd) {
    background: #eee;
}
#page-wrap table th {
    background: #e62426;
    color: #fff;
    font-weight: 700;
}
#page-wrap table td,
th {
    padding: 6px;
    border: 1px solid #ccc;
}
tr.table-total {
    font-weight: 700;
}
.pageannouncements .pericular-ann {
    background: #ddd;
    padding: 10px 10px 0;
}
.pageannouncements .second {
    margin-bottom: 3px;
    padding-bottom: 8px;
    padding-top: 0;
}
.pageannouncements .button-wrapper {
    margin-top: 0 !important;
}
.shareholder-1 {
    float: left;
    width: 52%;
}
.shareholder-1 #page-wrap table {
    width: 100%;
}
.shareholding-2 {
    float: left;
    margin-left: 24px;
    width: 44%;
}
.shareholding-2 #page-wrap table {
    width: 100%;
}
.pdf-icon ul li {
    background: #f8f8f9;
    border: 1px solid #ddd;
    float: left;
    margin-right: 10px;
    padding: 13px;
}
.pdf-icon ul li:hover {
    background: #eeeef0;
}
.pdf-icon {
    min-height: 150px;
}
.prospectus {
    margin-top: 20px;
}
.pdf-icon ul li img {
    margin: 0 auto 10px;
    display: block;
    width: 27%;
}
.right-pdf-award a {
    margin-left: 5px;
    padding-left: 27px;
    background: url(../images/download-pdf.png) no-repeat;
    background-size: 24px;
}
.left-pdf-award a {
    padding-left: 27px;
    margin: 0;
    background: url(../images/download-pdf.png) no-repeat;
    background-size: 24px;
}
.dividends .anreport1,
.prospectus .anreport1,
.shares .anreport1 {
    margin-top: 20px;
}
.company-sec strong {
    color: #263a7f;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
}
.company-sec h4 {
    color: #4f4f4f;
    font-weight: 400;
    margin: 0;
}
.genreal-meeetings strong {
    background: #263a7f;
    color: #fff;
    clear: both;
    display: block;
    margin-bottom: 10px;
    padding: 7px;
}
.genreal-meting-left {
    float: left;
    clear: both;
    background: url(../images/bride-arrow.png) left 5px no-repeat;
    padding-left: 16px;
}
.genreal-meeetings .button-wrapper {
    margin-right: 16px;
    float: right;
}
.genreal-meeetings {
    margin-bottom: 16px;
    overflow: hidden;
    padding-bottom: 15px;
}
.genreal-meeetings ul li {
    padding: 6px;
    overflow: hidden;
    width: 100%;
}
.col4 p,
.indo-menu li:last-child {
    padding: 0;
}
.genreal-meeetings ul li:nth-child(even) {
    background: #f0f3f7;
    border: 1px solid #edeff3;
}
img.president-pics {
    clear: both;
    float: left;
    margin: 0 10px 16px 0;
    width: 185px;
}
.col4 h3,
.col4 img {
    margin-bottom: 10px;
}
.col4 {
    float: left;
    margin-right: 25px;
    width: 303px;
}
.col4 h3 {
    color: #e62426;
    font-family: "Noto Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.col4 img {
    width: 100%;
}
.col4 p {
    margin: 0;
}
.col4-rit {
    margin-right: 0;
}
.dived {
    height: 1px;
    background: #ddd;
}
.social-wrapper {
    box-sizing: border-box;
    display: none;
}
.select-boxes-lang a {
    position: relative;
    cursor: pointer;
    margin: 0 11px;
}
.select-boxes-lang label {
    display: inline;
    cursor: pointer;
}
.select-boxes-lang img {
    display: inline-block;
    position: relative;
    top: 1px;
}
.select-boxes-lang a:after {
    position: absolute;
    right: -13px;
    content: "/";
    color: #a9a2a2;
}
.select-boxes-lang a:last-child:after {
    display: none;
}
#nav li a.sf-with-ul:after {
    content: "»";
    display: inline-block;
    position: relative;
    right: -0.3em;
    top: 0;
}
#nav li.sfHover a.sf-with-ul:after {
    transform: rotate(90deg);
}
#nav li.sfHover li a.sf-with-ul::after {
    transform: rotate(0);
}
.header .logo-wrapper {
    background: #fff;
    position: relative;
    z-index: 9999;
    top: 50%;
    transform: translateY(-50%);
}
.navigation {
    background: #263a7f;
    bottom: -10px;
    clear: right;
    position: absolute;
    right: 0;
    width: 100%;
}
.indo-menu1 {
    margin: 0 auto;
    max-width: 1300px;
    width: 100%;
}
.header {
    height: 57px;
    position: relative;
}
.left-full {
    background: #fff;
    position: absolute;
    left: 0;
    height: 70px;
    width: 26%;
    z-index: 9999;
}
.search-section {
    margin-top: 16px;
}
.oneprim {
    font-size: 16px;
    font-style: normal;
}
.oneprim a {
    display: block;
    margin: 3px 0;
}
.hubungi-contact .address {
    background: url(../images/divider.png) right center repeat-y;
    margin: 0 2% 0 0;
    width: 23.2%;
    color: #636262;
    float: left;
    font-size: 14px;
    line-height: 20px;
    min-height: 145px;
    padding-bottom: 12px;
    text-align: left;
}
.hubungi-contact .padd-address strong {
    display: block;
    font-size: 13px;
    font-weight: 700;
    width: auto;
    line-height: 24px;
}
.hubungi-contact .last-address {
    background: 0 0;
    margin-right: 0;
}
ul.lanks-product li {
    background: url(../images/bride-arrow.png) 6px 4px no-repeat;
    color: #636262;
    font-size: 14px;
    line-height: 19px;
    list-style: none;
    margin: 5px 0;
    padding-bottom: 5px;
    padding-left: 21px;
}
.lankarow strong {
    display: block;
    color: #636262;
    line-height: 20px;
    font-size: 13px;
    width: auto;
}
.lankarow b {
    color: #636262;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
.penghargaan-isin-lanka .box-wrapper strong {
    color: #263a7f;
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 2px;
}
.prospektus div.anreport1 {
    margin-top: 20px;
}
.pagehubungi-kami .address {
    color: #636262;
    float: left;
    font-size: 14px;
    line-height: 20px;
    min-height: 145px;
    padding-bottom: 12px;
    text-align: left;
    background: url(../images/divider.png) right center repeat-y;
    margin: 0 2% 0 0;
    width: 23.2%;
}
.pagehubungi-kami .adresses strong {
    display: block;
    font-size: 14px;
}
.pagehubungi-kami .last-address {
    background: 0 0;
}
#audit-committee strong,
#members strong {
    text-transform: uppercase;
}
.single-slide {
    position: relative;
}
.single-slide img {
    width: 100%;
    height: auto !important;
}
.caption-full {
    left: 0;
    width: 100%;
    padding: 0;
    position: absolute;
    bottom: 20%;
}
.cap-home .caption h1 {
    color: #fff;
    font-family: "Noto Sans", sans-serif;
    font-size: 55px;
    font-weight: 700;
    margin: 0 0 5px;
    text-transform: uppercase;
}
.cap-home .caption p {
    color: #fff;
    font-size: 17px;
    line-height: 1.6;
    margin: 0;
    text-transform: uppercase;
}
.ph-nav-indo {
    display: none;
}
table.w-100{
    width: 100%!important;
}
#audit-committee img,
#board-commiss img,
#board-of-directors img,
#corporate-secretary img {
    float: left;
    margin: 0 10px 8px 0;
    width: 120px;
    padding: 2px;
    border: 1px solid #ddd;
}
span.finanspan {
    clear: both;
    float: right;
    margin: -13px 0 0;
}
div.contactform-in-indo {
    float: left;
}
div.contactform-in-indo input[type="text"] {
    background: rgba(251, 251, 251, 1);
    border: 1px solid #c3baba;
    height: 25px;
    padding-left: 10px;
    width: 100%;
}
div.contactform-in-indo .captcha-field input[type="text"] {
    width: 50%;
}
.product-ul{
        margin-left: 20px;
    }
    .product-ul li {
        color: #4f4f4f;
        font-size: 14px;
        line-height: 25px;
        list-style: disc;
    }