@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;}
body{ margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:15px; color:#1f1f1f; background:#fff; min-height:100%;}
p{ margin:0px; padding:0px 0 25px 0; font-family: 'Open Sans', sans-serif; font-size:15px; color:#1f1f1f; line-height:26px;}
h1{ margin: 0; padding: 0; font-size:30px; line-height:30px; font-family: 'Open Sans', sans-serif; color: #1f1f1f; font-weight: 600;}
h2{ margin: 0; padding: 0; font-size:30px; line-height:30px; font-family: 'Open Sans', sans-serif; color: #1f1f1f; font-weight: 600;}
h3{ margin: 0; padding: 0; font-size:18px; line-height:22px; font-family: 'Open Sans', sans-serif; color: #1f1f1f;}
h4{ margin: 0; padding: 0; font-size:17px; line-height:21px; font-family: 'Open Sans', sans-serif; color: #1f1f1f;}
h5{ margin: 0; padding: 0;}
h6{ margin: 0; padding: 0;}

address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; transition: all .5s;}
a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; transition: all .5s;color:#4c7998;}

a img{ border:none; outline: none;}
a:focus {outline:none; } 
border{ border-collapse:collapse;}
hr { height:1px; background:#333333; border:none;}
.clear{ clear:both;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
img {max-width: 100%;height: auto;object-fit: cover; -webkit-object-fit: cover;}

.no-pad { padding:0px !important;}
.no-mag { margin:0px !important;}

/*	Reset style			*/
::-moz-selection { color: #fff; background: #0093dd;}
::selection {  color: #fff; background: #0093dd;}

/* home form css */
.form-control::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#1f1f1f;opacity:.50}
.form-control::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder {color:#1f1f1f;opacity:.50}
.form-control:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, 
textarea:-ms-input-placeholder {color:#1f1f1f;opacity:.50}
.form-control:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder 
{color:#1f1f1f;opacity:.50}
.form-control, input[type="text"],input[type="tel"],input[type="email"],textarea,input[type="password"],input[type="number"], select { display: block; width: 100%;  font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 15px; color: #1f1f1f; height: auto; background: #fff; padding: 20px 25px; margin-bottom: 20px; outline: none; border-radius: 5px; box-shadow: none; line-height: normal; border: none;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; box-shadow: 0px 3px 7px #ccc;}
textarea.form-control, textarea {height:118px;resize:none; overflow:hidden; border-radius: 10px;}
.form-control:focus,textarea.form-control:focus {outline:none;box-shadow:none; border:none; background-color:transparent; box-shadow: none;}
select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 20px; border: none; margin-bottom:15px; border-radius:0;background:url(https://www.spencersretail.com/images/down-arrow.png) no-repeat 90% center;color:#1f1f1f;height:auto;padding: 28px 50px 28px 35px; line-height:normal; text-transform:none; cursor: pointer; background-color:#fff; -webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.11);
-moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.11);
box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.11);}
select.form-control:focus {border:none;outline: none;background:url(https://www.spencersretail.com/images/down-arrow.png) no-repeat 90% center; -webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.11);
-moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.11);
box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.11);}
select.form-control option {color:#1f1f1f; font-size:15px; font-weight:400;}

/* button css */
.btn{ position:relative; font-size: 18px; line-height: 20px; padding:18px 30px; color: #fff; text-transform: uppercase; outline: none; border: none; background-repeat: no-repeat; background-size: 100% 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; overflow:hidden; border-radius:5px; background-color:#f99b2a; font-family: 'mulibold'; border: 1px solid #f99b2a;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:0;box-shadow:none; color:#f99b2a; background-color: #fff; border: 1px solid #f99b2a; text-transform: uppercase;}
.btn:hover { color:#f99b2a; background-color: #fff; border: 1px solid #f99b2a;}
 
.padTopbtm{padding:90px 0;}
.displayTable{display:table;height:100%;width:100%; position:relative;}
.displayCell{display:table-cell;vertical-align:middle}
.tableWidth-full {width:100%;}
.tableWidth-half {width:50%; height:100%}

/* scroll top */
.scrollTop { position: fixed; width: 35px;bottom: 2%; right: 2%; background-color:#f7941d; color: #fff; font-size: 18px; line-height: normal; opacity: 0; visibility: hidden; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 100; text-align: center; border: 2px solid #fff; border-radius: 50%;height: 35px;}
.scrollTop i { position:relative; top:3px;}
.scrollTop:hover, .scrollTop:focus{color:#fff; border:2px solid #fff;}
.scrollTop.pop{opacity:1; visibility: visible;}



/* pageslink */
.rectangle-link-bread { width: 100%; position: relative; }
.rectangle-link-bread ul { width: 100%; margin:0px 0px 10px; padding: 8px 10px; box-sizing: border-box; background-color: #f6f6f6; border: 1px solid #dcdcdc; border-radius: 3px; list-style: none; display: inline-block;}
.rectangle-link-bread ul li { list-style: none; position: relative; margin:0px 10px; display: inline-block; text-transform: uppercase; font-size: 14px; line-height: normal; color: #333333;}
.rectangle-link-bread ul li:after { content: '/'; position: absolute; font-size: 14px; line-height: normal; color: #333333; right:-15px;}
.rectangle-link-bread ul li:last-child:after { display: none;}
.rectangle-link-bread ul li a.active { color: #f7941d;}
.rectangle-link-bread ul li a { color: #333333;}
.rectangle-link-bread ul li a:hover { color: #f7941d;}
.social-link { float: right; position: relative; padding: 0px; margin: 0px;}
.social-link ul { position: relative; margin:0px; padding: 0px; list-style: none;}
.social-link ul li { display: inline-block; position: relative; padding: 0px; margin:0px;}
.social-link ul li a.btn-social { display: inline-block; position: relative; background-color: #ccc; border-radius: 5px; font-size: 14px; color: #fff;}

/* investor-update-section */
.investor-update-section { width: 100%; position: relative; margin:0px; padding:90px 0px 60px;}
.investor-update-section h1 { display: inline-block; position: relative; margin:0px 0px 40px; padding: 0px;}
.investor-update-section .right-option-year { float: right; position: relative; margin: 0px; padding: 0px;}
.investor-update-section .right-option-year select { border: none; padding:0px 20px 0px 10px; margin: 0px; border-left: 2px solid #f7941d; border-radius: 0px; height: auto; font-weight: 600; color: #1f1f1f; background-color: transparent; box-shadow: none; background-image: url(https://www.spencersretail.com/images/select-arrow-down.png); background-repeat: no-repeat; background-position: 100% center; float:left; margin:5px; width:115px; line-height:16px;}
#years--hiddenshow{display: none}
.investor-update-item {
    width: 100%;
    position: relative;
    background-color: #fff;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 0.1);
    margin: 10px 0px 30px;
    padding-top: 1px;
}
.investor-img { width: 100%; position: relative; margin:0px; padding: 0px;}
/*.investor-img img { width: 100%; height: 100%; }*/
.investor-img img {
    /* width: 100%; */
    /* height: 100%; */
    margin: 20px auto 0;
}
.investor-details-bx { position: relative; width: 100%; margin: 0px; padding:20px 15px; box-sizing: border-box; text-align: center;}
.investor-details-bx h3 { font-size: 15px; line-height: 18px; color: #5d5d5d; margin:0px 0px 10px}
.investor-details-bx a { color: #ea4d05; text-transform: uppercase; text-decoration: underline; font-weight: 600;}
.investor-details-bx a:hover { color: #000;}
/*.investor-details-bx .title-head-investor h2 { font-size: 16px; line-height: 28px; color: #1f1f1f; margin:0px; padding: 0px 0px 20px;    font-weight: 700;}*/
.investor-details-bx .title-head-investor h2 { font-size: 14px; line-height: 20px; color: #1f1f1f; margin: 0px; padding: 0px 0px 10px; font-weight: 700; }

.investor-details-bx .title-head-investor h2 a {color: #1f1f1f;text-decoration: none;}

/*new 25-11-20*/
#years--2020-2021, #years--2019-2020, #years--2018-2019, #years--2017-2018,#years--2021-2022,#years--2022-2023,#years--2023-2024,#years--2024-2025{display: none;}
.yearmatch .slick-dots{text-align: center;}
.yearmatch .slick-dots li{float: none; display: inline-block; width: 15px; height:15px; border-radius: 50%; vertical-align: top; text-indent: -20000px; background-color: #f8941c; margin: 4px; cursor: pointer}
.yearmatch .slick-dots li button{border: none; background-color: transparent;}
.yearmatch .slick-dots li:hover, .yearmatch .slick-dots li.slick-active{ background-color: #d24b0e }


/* finanical result */
.financial-results-section { width: 100%; position: relative; margin: 0px; padding: 0px; text-align: center;}
.org-bg-bx-fin-result { width: 100%; position: relative; margin: 0px; padding: 60px 30px 40px; background-color: #f8941c;}
.org-bg-bx-fin-result h2 { color: #fff; position: relative; margin: 0px 0px 20px;}
.col-item-5 { padding: 0px 15px; width: 20%; float: left; position: relative;}
.item-financial-bx { width: 100%; position: relative; margin:0px 0px 30px; padding: 0px; border: 2px solid rgba(255,255,255,0);}
.item-financial-bx.active{border: 2px solid rgba(255,255,255,1);}
.frame-img-fin { width: 100%; position: relative; margin:0px; padding:0px;}
.frame-img-fin:before { content: ' '; position: absolute; left:0px; top:0px; bottom: 0px; right: 0px; 
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0.0032387955182072714) 0%, rgba(0,0,0,0.01) 50%, rgba(0,0,0,0.8015581232492998) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.0032387955182072714) 0%, rgba(0,0,0,0.01) 50%, rgba(0,0,0,0.8015581232492998) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0.0032387955182072714) 0%, rgba(0,0,0,0.01) 50%, rgba(0,0,0,0.8015581232492998) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
.frame-img-fin img { width: 100%; height: 100%; object-fit: cover;}
.item-financial-bx > a { position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 1; margin: 20px 10px; color: #fff; font-weight: 500;}
.item-financial-bx > a:hover { color: #f8941c;}
.middle-selection { display: inline-block; position: relative; margin:0px 0px 40px}
.middle-selection select { background-image: url(https://www.spencersretail.com/images/select-arrow-down-wht.png); background-color: transparent; border: none; height: auto; padding: 0px 15px 0px 0px; font-size: 22px; color: #fff; margin: 0px;    background-repeat: no-repeat; background-position: 100% center; box-shadow: none;}
.org-bg-bx-fin-result select option {color:#000;} 
.item-financial-bx > a.absolute{position: absolute;top:0; right: 0; bottom:0; left: 0; margin:0; padding:0;}

/* Meetings */
.meeting-section { width: 100%; position: relative; margin: 0px; padding: 0px; text-align: center;}
.bg-gry-bg-meeting { width: 100%; position: relative; margin: 0px; padding: 60px 30px 40px; background-color: #f4f4f4;}
.bg-gry-bg-meeting h2 { color: #1f1f1f; position: relative; margin: 0px 0px 15px;}
.bg-gry-bg-meeting .middle-selection { display: inline-block; position: relative; margin:0px 0px 40px}
.bg-gry-bg-meeting .middle-selection select { background-image: url(https://www.spencersretail.com/images/select-arrow-down.png); background-color: transparent; border: none; height: auto; padding: 0px 15px 0px 0px; font-size: 20px; color: #1f1f1f; margin: 0px;}

.faq-area{padding:0px; max-width: 890px; width: 100%; margin: 0px auto;}
.faq_box{width:100%;padding:0px;margin:0px; text-align: left;}
.faq_item{text-align: left; position: relative; width: 100%; margin-bottom: 20px; overflow: hidden; background-color: #fff; border-radius: 5px; box-shadow: 0px 5px 15px rgb(0 0 0 / 0.1);} .faq_hd{margin-bottom:0px;cursor:pointer;position:relative;border-radius:0px;overflow:hidden;border-bottom:none;}
.faq_hd.closed::before {background-image:url(https://www.spencersretail.com/images/minus-icon.png);}
.faq_hd:before { content: ' '; position: absolute; right:23px; width:24px; height:24px; background-image: url(https://www.spencersretail.com/images/plus-icon.png); background-repeat:no-repeat;background-position:center; top:0px; bottom: 0px; margin: auto; z-index: 1; background-color: #1f1f1f;}
.faq_hd h3{font-family: 'Open Sans', sans-serif;font-weight:600;font-size:18px;line-height:24px;color:#2c2c2c;position:relative; padding:15px 75px 15px 25px; 
 }
.faq_cont{display:none;padding:20px 25px 12px;}
.faq_cont > p{padding-bottom:8px;font-size:16px;color:#2c2c2c; text-align: left;}
.pdf-list { width: 100%; position: relative; margin:0px; padding:0px 0px 0px 30px}
.pdf-list ul { list-style: none; position: relative; margin:0px; padding:0px}
.pdf-list ul li { color: #1f1f1f; position: relative; margin: 0px 0px 10px; padding: 0px 0px 0px 26px;}
.pdf-list ul li:before { content:' '; position: absolute; left:0px; top:2px; width: 16px; height: 16px; background-image: url(https://www.spencersretail.com/images/pdf-icon.png); background-repeat: no-repeat;}
.pdf-list ul li a { color: #1f1f1f;}
.pdf-list ul li a:hover { color: #f8941c;}


.home-form-area {position:relative;margin-bottom: 40px;}
.home-form-details {background-color:#fef5e9; padding:55px 235px 55px 95px;}
.home-form-details h2 {font-weight:600; color:#1f1f1f; margin:0 0 22px;}
.home-form-details p {font-weight:600; font-size:17px; color:#1f1f1f; opacity:.80; padding:0 0 35px;}
.home-form-details .row {margin:0 -10px;}
.home-form-details [class*=col-] {padding:0 10px;}
.home-form-details .form-calculation label {font-family: 'Open Sans', sans-serif; font-weight:600; font-size:16px; color:#1f1f1f; float:left; width:90px; margin-top: 20px;}
.home-form-details .form-calculation input[type="text"] {float:left; width:calc(100% - 90px);}
.home-form-details input[type="submit"] {box-shadow: 0px 3px 7px #ccc; padding: 19px 40px;}
.home-select-area {position:relative; padding:67px 0;}
.hm-select-details {padding:0 20px;}
.hm-issue {position:relative; margin-bottom: 60px}
.issue-details {background-color:#fffaf4; padding:70px 115px;}
.issue-details h2 {font-weight:600; text-align:center; margin:0 0 42px;}
.issue-left h3 {font-weight:600; position:relative; padding-left:9px; margin:0 0 25px; cursor: pointer; color:#717171;}
.issue-left h3:before {content:''; position:absolute; width:2px; height:18px; background-color:#f99b2a; left:0; top:0; bottom:0; margin:auto;}
.issue-left h3.active {font-weight:600; font-size:18px; color: #1f1f1f;}
.issue-box {text-align:center; cursor: pointer; transition: all .3s ease-in-out; }

.issue-pic {border:2px solid #f99b2a;  background-color:#fff; width:100px; height:100px;  margin:0 auto 12px; border-radius:5px; transition: all .3s ease-in-out; }
.issue-box.active .issue-pic {background-color: #f99b2a;}
.issue-pic img{transition: all .3s ease-in-out;} 
.issue-box.active .issue-pic img{filter: brightness(0) invert(1);}
.issue-cont h3 {font-weight:600; font-size:16px; padding: 0 0 20px 0}

.display-toggle, .yearmatch{display: none}
/*.display-toggle:first-child{display: block !important;}*/

/*Home tab*/
.home-tab-area{padding: 70px 0;}
.img-con{text-align: center;}
.img-con h4{font-weight: 600; font-size: 22px; line-height: 26px}
.img-con h4 span {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #717171;
    display: block;
    margin: 7px 20px 0 20px;
}
.img-box{margin-bottom: 10px; width: 110px; margin: 0 auto 10px;}
.boardbx{margin: 0}
.boardbx .img-con h4 {
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 20px;
}
.boardbx .img-con h4 a{ color: #1f1f1f; font-weight: 600;}
#c-comp .boardbx{margin-top: 0 !important}
.heading h4{font-size: 24px; line-height: 28px; font-weight: 700; margin-bottom: 20px; text-align: center;}
.tabcontainer{display: none}
.tabnavs ul{list-style: none; margin:0; padding:0;}
/*.tabnavs>ul>li { margin-bottom: 10px; display: block;position: relative; cursor: pointer; font-weight: 600;padding: 0 0 0 10px; font-size: 17px}*/

.tabnavs>ul>li { box-shadow: 0px 5px 15px rgb(0 0 0 / 0.1); padding: 10px 15px; font-weight: 600; display: block;position: relative;margin-bottom: 13px; cursor: pointer;}
.tabnavs>ul>li span{display: block;}
/*.tabnavs>ul>li:before{ content: ''; position: absolute; width: 2px; height: 18px;background-color: #f99b2a; left: 0; top: 2px; bottom: auto; margin: auto;}*/
.tabnavs ul li ul li{display: block; font-weight: 600; position: relative; margin-bottom: 0; cursor: pointer; padding: 6px 10px 6px 15px;}
.tabnavs ul li ul li:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #f99b2a;
    left: 0;
    top: 13px;
    bottom: auto;
    margin: auto;
    border-radius: 50%;
}
.tabnavs ul li ul{padding: 15px; display: none}
.tabnavs ul li:last-child{margin-bottom: 0;}
.tabcontainer{display: none;}
.tabnavs ul li.active{color: #ff8b00 }
.tabnavs ul li ul li{color: #717171; font-size: 13px;}
.tabnavs ul li.active ul li.active, .tabnavs ul li ul li.active{background-color: #f8941c; color: #000}

.contents{display: none; border:none; padding: 0}
.contents .pdf-list{padding-left: 0}
.contents .pdf-list li{text-align: left;}
.contents .pdf-list li a:hover{color: #fff}
.finyear, .row-fin{display: none}
.middle-selection select{float: left; width: 115px; margin: 0 15px; font-size: 18px;}
.middle-selection select.finyear{ width: 145px; line-height:20px}
.cntdtls-top {    text-align: center;    margin-bottom: 20px;}
.cntdtls-top h3 {font-size: 22px; line-height: 26px;font-weight: 600;}
.cntdtls-top p {line-height: 22px;padding: 0;}
.cntdtls-acdn h4 {
    margin: 0 0 5px;
    padding: 8px 30px 8px 10px;
    font-size: 17px;
    line-height: 20px;
    color: #fff;
    background: #f8941c;
    cursor: pointer;
    position: relative;
}


.cntdtls-acdn h4 i {
    float: right;
    position: absolute;
    top: 10px;
    right: 10px;
}
.cntdtls-acdn p {
    margin: 0px;
    padding: 0px 0 16px;
    font-size: 15px;
    color: #1f1f1f;
    line-height: 21px;
}
.cntdtls-acdn p a { 
    color: #1f1f1f; 
}
.cntdtls-acdn p a:hover { 
    color: #f8941c; 
}
.cntdtls-acdn h5 {font-size: 15px;
    margin: 0 0 5px; font-weight: 600;
}
.openar, .issue-right, .tab-content-wrap .clickableto h4, .clickisuue, .mobilewrap h3{display: none}

.awards-section {position:relative; padding:0px 0 60px;}
.awards-rgt-pic, .awards-rgt-pic img {width:100%; height:100%; border:1px solid #63666f;}
.awards-lft-area h2 {line-height: 40px;}
.awards-rgt-area .row {margin:0 -3px;}
.awards-rgt-area [class*=col-] {padding:0 3px;}

.corporate-report-section {position:relative; width:100%; margin:40px 0 0; padding:0;}
.corporate-lft-area {float:left; width:40%;}
.corporate-rgt-area {float:left; width:60%; background-color:#f8941c;}
.corporate-cont-lft-box h3 {font-weight:600; color:#fff; display:inline-block; border-bottom:1px solid #fff; margin:0 0 30px;}
.corporate-cont-lft-box p {font-weight:600; font-size:22px; color:#fff; line-height: 30px;}
.corporate-cont-rgt-box a {font-family: 'Open Sans', sans-serif; font-weight:600; font-size:16px; color:#fff; text-transform:uppercase; border:1px solid #fff; padding:14px; border-radius:5px; display:inline-block;}
.corporate-cont-rgt-box a:hover {color:#000; border:1px solid #000;}
.corporate-lft-area img {width:100%; height:100%;}
.corporate-rgt-area {position:relative; padding-left:50px; padding-bottom:50px; padding-top:20px;}
.corporate-rgt-area:before {content:''; position:absolute; background:url(https://www.spencersretail.com/images/left-axis-orange.png) no-repeat 0 0; background-size:100% 100%; left:-54px; top:0; 
width:54px; height:100%;}

.slide-investor .slick-list { margin-left: -15px; margin-right: -15px;}
.slide-investor .item-slide { padding-left: 15px; padding-right: 15px;}
.investor-update-item-bx { width: 100%; position: relative; margin:0px; background-image: url(https://www.spencersretail.com/images/pattern-bg-investor.jpg); background-size: cover; box-sizing: border-box;
 padding: 20px;margin: 0px 0px 25px; }
.investor-update-item-bx .investor-heading { width:calc(100% - 35px); position: relative; margin:0px 0px 45px; padding:6px 8px; background-color: #000; vertical-align: middle; display: inline-table;}
.investor-update-item-bx .investor-heading:after { content:' '; position: absolute; width: 25px; height: 100%; background-image: url(https://www.spencersretail.com/images/triangle-black.png); background-repeat: no-repeat; top:0px; right: -24px; background-size: 100% 100%;}
.investor-update-item-bx .investor-heading span { display: inline-table; position: relative; margin:0px 8px 0px 0px; padding:0px; vertical-align: middle;}
.investor-update-item-bx .investor-heading h4 { display: inline-table; color: #fff; vertical-align: middle; font-size: 16px; line-height: normal; text-transform: uppercase; font-weight: 600;}
.investor-update-item-bx .investor-heading h4 a {color: #fff;}
/*.investor-update-item-bx .investor-heading h4 a:hover {color: #f99b2a;}*/
.investor-update-item-bx .investor-heading h4 a:hover {color: #000;}
.investor-update-item-bx .investor-details-date-txt { position: relative; margin:0px; padding:0px;}
.investor-update-item-bx .investor-details-date-txt h3 { font-size: 17px; line-height: 28px; color: #5d5d5d; font-weight: 600; margin: 0px 0px 6px;}
.investor-update-item-bx .investor-details-date-txt .investor-inner-txt { position: relative; margin:0px; padding:0px 0px 40px; height:170px !important}
.investor-update-item-bx .investor-details-date-txt .investor-inner-txt h2 { font-size: 22px; line-height: 24px; color: #1f1f1f;}
.investor-update-item-bx .investor-details-date-txt .investor-inner-txt h2 a { color: #1f1f1f; word-break: break-word;}
.investor-update-item-bx .investor-details-date-txt .investor-inner-txt h2 a:hover { color: #d24b0e;}
.investor-update-item-bx .investor-details-date-txt .btn { display: block; font-size: 16px; line-height: 18px; font-family: 'Open Sans', sans-serif; padding: 15px 30px;     font-weight: 600;}
.slide-investor .slick-dots{text-align: center;}
.slide-investor .slick-dots li{float: none; display: inline-block; width: 15px; height:15px; border-radius: 50%; vertical-align: top; text-indent: -20000px; background-color: #f8941c; margin: 4px; cursor: pointer}
.slide-investor .slick-dots li button{border: none; background-color: transparent;}
.slide-investor .slick-dots li:hover, .slide-investor .slick-dots li.slick-active{ background-color: #d24b0e }


.fade-slider, .fade-slider img{width:100% !important;}
.fade-slide{width:500px;}

.faq-area{display: none;}
.toggle-show {display: none}

.inner-orange-awards { width: 100%; position: relative; margin: 0px; padding: 35px 65px 15px 65px; background-color: #ef880d; box-sizing: border-box; text-align: center;}
.inner-orange-awards h2 { color: #fff; margin:0px 0px 30px;}
.inner-orange-awards:before { content: ' '; position: absolute; left:0px; bottom: 0px; width: 0;  height: 0;  border-top: 200px solid transparent; border-bottom: 0px solid transparent; border-left: 160px solid white;}
.inner-orange-awards:after { content: ' '; position: absolute; right:0px; top: 0px; width: 0;  height: 0;  border-top: 0px solid transparent; border-bottom: 160px solid transparent; border-right: 160px solid rgb(255, 255, 255);}
.item-frame-awards { width: 100%; position: relative; background-color: #fff; box-sizing: border-box; padding: 30px; margin: 0px 0px 30px;}
.fade-slider, .fade-slider img { width: 100% !important; height: 100% !important;}
.corporate-cont-lft-box a {font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 16px;color: #fff;text-transform: uppercase;border: 1px solid #fff;padding: 14px;border-radius: 5px;display: inline-block;}
.corporate-cont-lft-box a:hover {color:#000; border:1px solid #000;}
.corporate-lft-area { width: 45%;}
.corporate-rgt-area { width: 55%;}
.corporate-rgt-area:before { left: -85px; top: 0; width: 90px;}
.corporate-cont-lft-box h3 { font-size: 22px;}
.corporate-cont-lft-box p { font-size:18px;}
.corporate-cont-lft-box { position: relative; padding-right: 60px;}
.left-gove-bx { position: absolute; display: inline; background-color: #c73b1a; max-width: 114px; width: 100%; box-sizing: border-box; padding: 10px 15px; bottom: 0px;}
.left-gove-bx:after {    content: ' '; position: absolute; height: 100%; width: 40px; background-image: url(https://www.spencersretail.com/images/red-triangle-icon.png); background-repeat: no-repeat; background-size: 100% 100%; bottom: 0px; right: -39px;}
.left-gove-bx a { display: inline-block; font-size: 12px; line-height: 16px; color: #fff; font-weight: 700;}
.investor-update-item-bx .investor-heading span { display: none;}
.investor-update-item-bx .investor-heading { width: auto; padding: 6px 30px 6px 8px; background-color: #f8941d;}
.investor-update-item-bx .investor-heading:after { content:' '; position: absolute; width: 29px; height: 100%; background-image: url(https://www.spencersretail.com/images/rig-trg-img.png); background-repeat: no-repeat;right: -28px; font-weight: 700;}
.investor-update-item-bx .investor-details-date-txt .btn { font-size: 14px; line-height: 18px; padding: 12px 30px; font-weight: 700; background-color: transparent; border: 1px solid #000; color: #000;}
.investor-update-item-bx .investor-details-date-txt .btn:hover { border-color: #f8941d; background-color: #f8941d;}
.investor-update-item-bx .investor-details-date-txt .investor-inner-txt h2 { font-size: 18px;line-height: 22px;    font-weight: 700; padding-right: 40px;}
.investor-update-item-bx .investor-details-date-txt h3 {font-size: 14px;line-height: 18px;color: #000000;font-weight: 700;margin: 0px 0px 6px;}


.pdf-list ul li.video:before{
    content: '\f03d';
    background-image: none;
    font-family: 'FontAwesome';
    color: #ed1919;
} 
.col-md-12.heading {
    clear: both;
}

.nsc{    border: 1px solid #d1d1d1;
    padding: 5px;}

.nsc p{padding: 0 0 0 15px;}  
.nsc p a{color: #000; font-weight: 600;}

.awd-slider .slick-arrow{ position: absolute; top:50%; transform: translateY(-50%); background: transparent; color: #fff; font-size: 55px;
    border: none;}

.awd-slider .slick-prev{left: -23px;}
.awd-slider .slick-next{right: -23px;}
.item-frame-awards img{width:100%;}
.nsc.bse img {
    padding: 10px 14px;
}

.row-fin .row, .corporate-cont .row, .row.awd-slider, .hm-issue .row, .home-form-area .row{background-color: transparent !important; }
.awd-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    color: #fff;
    font-size: 55px;
    border: none;
    padding: 0;
}



.mobilewrap .table thead th {
	background-color: #F8941C;
	font-size: 1rem;
	font-weight: 600;
	color: #ffffff;
	border: none !important;
}

.mobilewrap td a {
	color: #000;
}

.mobilewrap td a:hover { color:#F8941C;} 












/**			==============	Responsive style start	============================---------------------------------------------------------------****
*********************************************--------------------------------------------------------------------------------------------------***/

/*------ adjust container media end ------*/

@media only screen and (max-width:1440px){

}

@media only screen and (max-width:1299px){

.investor-details-bx .title-head-investor h2 { line-height: 22px;}
.col-item-5 { width: 50%;}
.col-item-5:last-child { margin-left: 25%;}


.issue-details {padding: 70px 50px;}
.home-form-details {padding: 55px 170px 55px 70px;}

.corporate-rgt-area {padding-left:30px;}
.corporate-cont-rgt-box a {font-size: 15px; padding: 14px 9px;}
.corporate-cont-lft-box p {font-size: 20px; line-height: 28px;}

.investor-update-item-bx .investor-heading { width: calc(100% - 15px);}

}
/*******		end 1299		*/

@media only screen and (max-width: 1024px){


}

@media only screen and (max-width: 991px) {

    p { font-size: 15px; line-height: 24px;}
h1, h2 { font-size: 26px; line-height: 28px;}

.investor-update-section { padding: 60px 0px 30px;}


.home-select-area {padding: 50px 0;}
.hm-select-details {padding: 0;}
select.form-control {padding: 20px 24px 20px 15px; font-size: 15px; background: url(https://www.spencersretail.com/images/down-arrow.png) no-repeat 96% center;}
select.form-control:focus {background: url(https://www.spencersretail.com/images/down-arrow.png) no-repeat 96% center;}
.issue-details {padding: 50px 30px 25px;}
.issue-box {margin:0 0 25px;}
.issue-pic {margin: 0 auto 8px;}
.home-form-details {padding: 50px 40px;}

.d-mobile{display: none;}
.col-md-4.boardbx, .col-md-2.boardbx{width:25%; float: left;}
.tab-content-wrap .clickableto h4{
background-color: #f8941c;
    padding: 9px 30px 9px 15px;
    color: #fff;
    font-weight: 700;
    position: relative;
}
.tab-content-wrap .clickableto h4 i{position: absolute; right:10px; top:10px;}
.tab-content-wrap .clickableto{margin-bottom:15px}

.hm-issue .clickisuue h3 {
    font-weight: 600;
    position: relative;
    padding-bottom: 12px;
    margin: 0 0 17px;
    cursor: pointer;
    color: #717171;
    text-align: center;
}
.hm-issue .clickisuue h3:before {
    content: '';
    position: absolute;
    background-color: #f99b2a;
    margin: auto;
    width: 60px;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
}
.hm-issue .clickisuue.active h3 {
    font-weight: 600;
    font-size: 18px;
    color: #1f1f1f;
}
.home-tab-area {
    padding: 35px 0 20px;
}
.issue-right{margin:0 0 25px 0;}
.tab-content-wrap .clickableto h4, .clickisuue, .mobilewrap h3{display: block;}
.mobilewrap{box-shadow: 0 0 6px 3px rgba(0,0,0,0.2);
    padding: 20px 15px;
    margin: 0 0 30px 0;}
    .heading h4 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}
.mobilewrap h3{font-size:20px; line-height:22px; font-weight: 700;
    margin-bottom: 20px;
    text-align: center}
	
.corporate-rgt-area {padding:30px 20px;}
.awards-section {padding:0 0 50px;}
.awards-rgt-box {margin:0 0 6px;}

.investor-update-item-bx .investor-details-date-txt .investor-inner-txt h2 { font-size: 18px;line-height: 24px; padding:0;}

.fade-slider, .fade-slider img{height:100%;}
.fade-slider .slick-list, .fade-slider .slick-track, .fade-slide{height: 100% !important;}

}
/*******		end 991		*/

@media only screen and (max-width: 767px) {

h1, h2 { font-size: 24px;line-height: 26px;}

.btn { font-size: 14px; line-height: 16px; padding: 11px 15px;}

.investor-update-section { text-align: center; padding: 30px 0px 0px;}
.investor-update-section h1 { display: block; position: relative; margin: 0px 0px 20px; padding: 0px; text-align: center;}
.investor-update-section .right-option-year { float: none;position: relative;    margin: 0px 0px 30px;padding: 0px;display: inline-block;}
.org-bg-bx-fin-result { padding: 30px 20px 10px;}
.middle-selection { margin: 0px 0px 25px;}
.bg-gry-bg-meeting { padding: 30px 30px 20px;}
.pdf-list { padding: 0px;}
.bg-gry-bg-meeting .middle-selection { margin: 0px 0px 25px;}
.bg-gry-bg-meeting .middle-selection select, .middle-selection select { font-size: 16px;}


.home-select-area {padding: 30px 0;}
select.form-control {padding: 20px 24px 20px 12px;}
.hm-select-details [class*=col-]:last-child select.form-control {margin:0;}
.issue-details {padding: 30px 15px;}
.issue-details h2 {
    margin: 0 0 25px;
}
.issue-left {text-align:center;}
.issue-left h3 {padding:0 0 8px; margin:0 0 18px;}
.issue-left h3:before {width:60px; height:2px; left:0; right:0; bottom:0; margin:auto; top:auto; }
.issue-left h4 {margin:0 0 20px;}
.issue-right [class*=col-]:last-child .issue-box {margin:0;}
.home-form-details {padding: 30px 15px; text-align:center;}
.home-form-details h2 {font-size:22px; margin: 0 0 15px;}
.home-form-details p {font-size:15px; line-height: 21px; padding: 0 0 20px;}
.form-control, input[type="text"], input[type="tel"], input[type="email"], textarea, input[type="password"], input[type="number"], select {padding: 12px; margin-bottom: 15px;}

.corporate-lft-area{float:none; width:100%; display:block;}
.corporate-report-section .displayCell {display:block; vertical-align:top;}
.corporate-rgt-area{float:none; width:100%; display:block;}
.corporate-rgt-area:before {display:none;}
.corporate-rgt-area {text-align:center; padding:20px 15px;}
.corporate-cont-lft-box h3 {margin:0 0 20px;}
.corporate-cont-lft-box p {font-size: 16px; line-height: 23px; padding:0 0 20px;}
.awards-section {padding: 0 0 30px; text-align:center;}
.awards-rgt-area .row { margin: 0 -15px;}
.awards-rgt-area [class*=col-] {padding: 0 15px;}
.awards-rgt-box {margin: 0 0 15px;}
.awards-rgt-area [class*=col-]:last-child .awards-rgt-box {margin:0;}
.awards-lft-area h2 {line-height: 26px; margin:0 0 15px;}

/*.investor-update-item-bx .investor-heading { margin: 0px 0px 20px;}*/
.investor-update-item-bx .investor-heading {
    margin: 0px 0px 20px;
    padding: 4px 12px;
    display: inline-block;
    width: auto;
}
.investor-update-item-bx .investor-details-date-txt .investor-inner-txt { padding: 0px 0px 20px;}
.investor-update-item-bx { margin: 0px 0px 15px;}
.investor-update-item-bx .investor-heading:after { display: none;}
.slide-investor .slick-dots {  margin: 0px 0px 25px;}

.hm-issue .issue-box {
    margin: 0;
}
.toggle-show.pdf-list{margin-bottom: 25px;}
.toggle-show.pdf-list ul li{text-align:center}
.toggle-show.pdf-list ul li:before{margin: 0 0 0 -30px; left:auto}

.corporate-cont-lft-box { padding-right: 0px;}
.inner-orange-awards:before { border-top: 30px solid transparent; border-left: 20px solid white;}
.inner-orange-awards:after { border-bottom: 30px solid transparent; border-right: 20px solid rgb(255, 255, 255);}
.inner-orange-awards { padding: 15px;}
.item-frame-awards { padding: 15px;}
.item-frame-awards { margin: 0px 0px 15px;}
.inner-orange-awards h2 { margin: 0px 0px 20px;font-size: 20px;line-height: 24px;}

.item-frame-awards img{width: 100%}
.awd-slider .slick-dots{text-align: center; list-style:none;}
.awd-slider .slick-dots li{width:10px; height:10px; border-radius:50%; border: none; background-color: #fff; display: inline-block; overflow: hidden; margin: 3px; text-indent: -20000px;}
.awd-slider .slick-dots li button{width:100%; height:100%; background: transparent; border: none;}

.awd-slider .slick-dots li:hover, .awd-slider .slick-dots li.slick-active{background-color: #000;}
}
/*******	 end 767		*******/

@media only screen and (max-width: 639px){

.col-item-5 { width: 100%;}
.col-item-5:last-child { margin-left: 0px;}
.investor-update-section .right-option-year { margin: 0px 0px 20px;}
.bg-gry-bg-meeting { padding: 30px 15px 20px;}
.faq_hd h3 { font-size: 15px; line-height: 20px; padding: 13px 35px 14px 12px;}
.bg-gry-bg-meeting h2 { margin: 0px 0px 10px;}
.item-financial-bx { margin: 0px 0px 20px;}
.org-bg-bx-fin-result h2 { margin: 0px 0px 10px;}
.investor-update-section h1 { margin: 0px 0px 10px;}
.home-form-details input[type="submit"] { padding: 14px 30px;}
.faq_hd:before {right: 12px;}
.col-md-4.boardbx, .col-md-2.boardbx {
    width: 33%;
    float: left;
}
.faq_cont { 
    padding: 5px 15px;
}
.contents {
    padding: 0 0 15px 0;
}
.investor-update-item-bx .investor-heading h4 {
    font-size: 10px;
}
}
/*******	 end 639		*******/

@media only screen and (max-width: 480px){
    .col-md-4.boardbx, .col-md-2.boardbx {
    width: 50%;
    float: left;
}
}