/* =================================================================== 
 *
 *  SREA v1.0 Main Stylesheet
 *  Created: 20/2/2018
 *  
 =================================================================== */
 /*********************************************************************
  Custom Fonts
**********************************************************************/
@import url('https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre:400,500,700|Open+Sans:300,400,600,700|Playfair+Display:400,700|Prata');
/*********************************************************************
  General
**********************************************************************/

*{
  padding: 0;
  margin: 0;
}

body{color:#333;font-family:'Open Sans', sans-serif !important; font-size: 14px; letter-spacing: 1px; text-align: left;}

.navbar-fixed-top,.navbar-fixed-bottom {/*position: fixed;*/ right: 0;left: 0;z-index: 1; top:0;}
@media (min-width: 768px) {
  .navbar-fixed-top,.navbar-fixed-bottom {border-radius: 0;}
}
.navbar-fixed-top {top: 0;border-width: 0 0 1px;}

@media(min-width:767px) {
    .navbar {-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;transition: background .5s ease-in-out,padding .5s ease-in-out;}
    .top-nav-collapse {padding: 0;}
}
.padding-0{padding:0;}
.margin-top-3{margin-top:3%;}
.margin-top-2{margin-top:2%;}
.srea-fancy-title{line-height: 56px;text-align: center; font-family: 'Playfair Display', serif; font-weight: bold;
color: #fff;font-size: 36px !important; letter-spacing: 3px;margin-bottom: 35px;}
.srea-fancy-title big{font-size: 56px;display: block;}
/*.srea-fancy-title span{display:inline-block;position:relative;}
.srea-fancy-title span:before,.srea-fancy-title span:after{content:"";position:absolute;height:5px;border-bottom:1px solid #d6b858;border-top:1px solid #d6b858;top:8px;width:120px;}
.srea-fancy-title span:before{right:100%;margin-right:15px;}
.srea-fancy-title span:after{left:100%;margin-left:15px;}*/
.blockquote-footer{color: #d5b356;font-style: normal;font-weight: bold;}
.btn-gold{color:#fff;background:#d6b858; width:120px;}
.txt_lightglod_sm{text-align: center;color: #d6b858;font-size: 14px;font-weight: bold;text-transform: uppercase;letter-spacing: 2px;}
.txt_slogan{color: #333;font-size: 14px;line-height: 20px;font-weight: normal;text-align: center;}
.txt_lightglod_xs{color:#d6b858;font-size:14px;font-weight:100;}
hr.style-one{height:0.5px;background-color:#d6b858;}
hr.style-seven {
    overflow: visible; 
    height: 1px;
    border-style: solid;
    border-color: #d6b858;
    width:100px;
    margin: auto;
}
.padding{padding:50px 0px 15px 0px;}
.small-padding{padding:15px 0px;}
/*********************************************************************
  Navbar Section
**********************************************************************/
.navbar-dark .navbar-nav .nav-link {color: #fff; font-size: 14px !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: 2px;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color: #d6b858;}
@media (min-width: 992px){
  .navbar-dark .navbar-nav .nav-link {padding-right: 0.5rem;padding-left: 0.5rem;}
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {color: #d6b858;}

#navbar-srea .navbar-dark .navbar-toggler {color: rgba(255,255,255,.5);border-color: rgba(214,184,88,.1);}
#navbar-srea .navbar-dark .navbar-toggler-icon {  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(214,184,88,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
#navbar-srea .navbar-toggler {border: 1px solid #d6b858;}
.star-logo{max-width: 220px; width: auto; max-height: 70px;}
/*********************************************************************
  Homepage Carousel
**********************************************************************/
#owl-srea{margin-top:60px;} 
#owl-srea .item img{display: block;width: 100%;height: auto; margin:auto;}
#owl-srea .owl-prev, #owl-srea .owl-next {top: -86px;}
#owl-srea .owl-prev, #owl-srea .owl-next{background:transparent;border:0;border-radius:0;color:#fff;position:absolute;text-align:center;width:42px;font-size:4rem;}
#owl-srea .owl-prev{left:0;top:40%;}
#owl-srea .owl-next{right:0;top:40%;}
.error{color:red;}
.custom-select{color:#495057 !important;}


/*#home-page-slider-container .home-page-slider-box .item img{width:100%;object-fit:cover;position:relative;}*/

/*********************************************************************
  Intro Section 
**********************************************************************/
#intro-section{background-color: #042a3c; background-image: url("../img/1092.png"); background-position: bottom; background-size: cover; background-repeat: no-repeat; border-bottom: 3px solid #d5b356; border-top: 3px solid #d5b356; padding: 55px 0px 45px 0px;}
.srea-text-it-p {margin: 30px auto;font-style: oblique;font-size: 14px;color:#fff; max-width: 560px; letter-spacing: 2px; text-align: center; line-height: 26px;}

/*********************************************************************
  Home Slick  Slider Section 
**********************************************************************/
.slick{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
margin-top:100px;
}
.slick img{max-width: 100%; width: auto;}
#fair-video-slider-wrapper .slick-dots li button:before {content:'';}
#fair-video-slider-wrapper .slick .slick-slide{outline:none !important;-webkit-backface-visibility:hidden !important;}
#fair-video-slider-wrapper .slick .slick-slide *{-webkit-backface-visibility:hidden !important;}
#fair-video-slider-wrapper .slick-dots li.slick-active button {border-color: #d6b858; -webkit-box-shadow: 0 0 0 2px #fff;box-shadow: 0 0 0 2px #d6b858;opacity: 1}
#fair-video-slider-wrapper .slick-dots li button{width:10px;height:10px;border:none;cursor:pointer;border-radius:50%;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;vertical-align:middle;color:#d6b858;background-color:#d6b858;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:.4;}
#fair-video-slider-wrapper .slick-prev, #fair-video-slider-wrapper .slick-next{position:absolute;top:50%;margin-top:-10px;}
#fair-video-slider-wrapper .slick-next{left:105%;}
#fair-video-slider-wrapper .slick-prev{right:105%;}
#fair-video-slider-wrapper .slick-dots{text-align:center;margin:0;position:relative;bottom:0;}
#fair-video-slider-wrapper .slick-dots li{display:inline-block;vertical-align:top;margin:0 8px;}
#fair-video-slider-wrapper .video-frame{width:auto; height:100%;}
#fair-video-slider-wrapper .item{margin: auto; text-align: center;}
#fair-video-slider-wrapper .video-frame iframe{width:100%; max-width: 1024px; height:480px; margin: auto; text-align: center;}
@media (max-width:320px){
  #fair-video-slider-wrapper .video-frame iframe{padding: 10px 15px; height:156px;}
}
@media (min-width:360px) and (max-width:375px){
  #fair-video-slider-wrapper .video-frame iframe{padding: 10px 15px; height:175px;}
}
@media (min-width:376px) and (max-width:420px){
  #fair-video-slider-wrapper .video-frame iframe{padding: 10px 15px; height:199px;}
}
@media (min-width:576px) and (max-width:768px){
  #fair-video-slider-wrapper .video-frame iframe{padding: 10px 15px; height:366px;}
}
@media (min-width:769px) and (max-width:1199px){
    #fair-video-slider-wrapper .video-frame iframe{padding: 10px 15px;}
  }
/*********************************************************************
  Banner
**********************************************************************/
.banner{width:100%; margin-top:100px;}
.banner img{max-width: 100%; max-height: 100%;}
 /*********************************************************************
  Video Listing Section
**********************************************************************/
.video-container{height:auto;border:1px solid #d6b858;border-radius:5px;padding:5px;margin:2%;}
.video-container .video-img-wrap img{width:100%;height:150px;object-fit:cover;position:relative;}
.video-container .video-img-wrap img:hover{cursor: pointer;}
.video-container .video-icon-content{position: relative;}
.video-container .video-text-content .video-text {padding:2% 0 0 0;font: normal 16px/15px Arial;}
@media (min-width: 320px) and (max-width: 767px) {
  .video-container .video-img-wrap img{width:100%;height:200px;object-fit:cover;position:relative;}
}
@media (min-width: 768px) and (max-width: 992px) {
  .video-container .video-img-wrap img{width:100%;height:210px;object-fit:cover;position:relative;}
}
.tag-play{position: absolute;top: 43%;display:block;z-index:100;font-size: 10px;left:48%;cursor: pointer}
.tag-play{background:transparent;color: #d6b858;}
.videos-section {height: auto;padding-top: 50px;text-align: center;margin-bottom:2%;background: #101010;}
#fair-video-list-wrapper .modal-dialog{max-width:950px;margin:30px auto;border-radius:5px;border:1px solid #d6b858;-moz-box-shadow: 0 0 10px #ccc;-webkit-box-shadow: 0 0 10px #ccc;box-shadow: 0 0 10px #d6b858;}
#fair-video-list-wrapper .modal-body{position:relative;padding:0px;}
#fair-video-list-wrapper .close{position:absolute;right:-30px;top:0;z-index:999;font-size:2rem;font-weight:normal;color:#fff;opacity:1;}

/*********************************************************************
  About Us Section
**********************************************************************/
#about-srea{padding: 55px 0px 75px 0px; background-image: url("../img/AZA_5050-section.jpg"); background-size: cover; background-repeat: no-repeat;}
#about-srea .list-group-item {background-color: transparent;color:#fff;}
.title{color: #042a3c; font-family: 'Playfair Display', serif; font-weight: bold; font-size: 36px !important; letter-spacing: 3px;margin-bottom: 35px;}
.icon{width: 55px; float: left; padding-top: 2px; height: 64px;}
 /*********************************************************************
Gallery Section
**********************************************************************/
#photo-gallery{ padding: 65px 0px; background-color: #042a3c; border-top: 3px solid #d6b858;}
#photo-gallery .title{ color: #fff;}
#photo-gallery .item-photo{ text-align: center; margin: auto; padding-top: 35px;}
#photo-gallery .item-photo:last-child { text-align: left !important; }
#photo-gallery .item-photo img{ height: 220px; max-width: 290px; object-fit: cover; text-align: center; margin: 1%; }
#video-gallery{ margin-top: 160px; padding-bottom: 50px; }
#video-gallery .youtube-vdeo iframe{width: 100%;height: 100%;min-height: 450px;margin-top: 30px;}
#cta-fb{ padding: 65px 0px; border-top: 3px solid #d6b858;}
#cta-fb .title{ text-transform: capitalize !important; }
#cta-fb .btn-to-fb{ margin-top: 8%; padding: 10px 12px; border: none; color: #fff !important; font-size: 14px; text-transform: uppercase; background: #d5b356; text-align: center; font-weight: 600; border-radius: 5px; border: 1px solid #d6b444}
.btn-to-fb a{ color: #fff !important; }
@media (min-width: 320px) and (max-width: 767px) {
#photo-gallery .item-photo img{ margin: 3%; }
#photo-gallery .item-photo:last-child { text-align: center !important; }
#video-gallery .youtube-vdeo iframe{min-height: 200px;}
}
@media (min-width: 768px) and (max-width: 1025px) {
#photo-gallery .item-photo img{ margin: 2%; margin-bottom: auto; text-align: center !important;}
#photo-gallery .item-photo:last-child { text-align: center !important; }
}
 /*********************************************************************
  Vote Section
**********************************************************************/
#vote-win{
  background-color: #042a3c; background-image: url("../img/1092.png"); background-position: bottom; background-size: cover; background-repeat: no-repeat; border-bottom: 3px solid #d5b356; border-top: 3px solid #d5b356; padding: 35px 0px 45px 0px;}
.title-white{color: #FFF; font-family: 'Playfair Display', serif; font-weight: bold; font-size: 36px !important; letter-spacing: 3px;margin-bottom: 35px;}
.white{background-color: #fff;}
.gold{color: #d5b356;}
.block{display: block;}
.content{padding:25px 18px; margin: 50px 0px 10px 0px;min-height:400px;}
.content img{max-width: 100%;}
.content-title{font-size: 18px; color:#d5b356; letter-spacing: 1px; text-transform: uppercase; padding: 20px 0px;}
.content hr{max-width: 90px; margin: auto; border-bottom: 1px solid #d5b356; margin-bottom: 20px;}
.btn-vote{display: inline-block; color: #d5b356; border: 1px solid #d5b356; padding: 10px 10px; margin: 20px 5px 10px 5px; font-weight: bold; font-size: 12px; text-decoration: none;}
.btn-details{display: inline-block; color: #042a3c; border: 1px solid #042a3c; padding: 10px 10px; margin: 20px 5px 10px 5px; font-weight: bold; font-size: 12px; text-decoration: none;}
 a:hover{text-decoration: none;}
a:hover.btn-vote{color: #d5b356;}
a:hover.btn-details{color: #042a3c;}
 /*********************************************************************
  Google Slide Section
**********************************************************************/
.presentation{
  background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
padding: 55px 0px 70px 0px;
margin-top: 100px;
}
 /*********************************************************************
  Registration Section
**********************************************************************/
#register-srea{padding-top:65px;}
#register-srea .register-form{border:1px solid #d6b858;padding:3%;-moz-box-shadow: 0 0 10px #ccc;-webkit-box-shadow: 0 0 10px #ccc;box-shadow: 0 0 10px #d6b858;}
.btn-link#t-pin-btn{color:#d6b858;text-decoration: underline;}
 /*********************************************************************
footer
**********************************************************************/
footer {background-color: #02151e; border-bottom: 3px solid #d5b356; color: #cccccc; }
footer p{font-size: 12px;}
footer p big{color: #fff; display: block; margin-bottom: 10px;}
footer li{text-align: left;}
footer .copyright{text-align: center !important; color:#d6b858; padding-top: 30px; border-top: 1px solid rgba(255,255,255, 0.4);}
 /*********************************************************************
  Responsive Style
**********************************************************************/
@media (max-width:575px){
.srea-fancy-title{font-size:24px !important;}
.srea-fancy-title big{font-size:48px !important;}
  #about-srea{padding-top:80px;}
  #register-srea{padding-top:80px;}
  #owl-srea .item img{height: 250px;object-fit: cover;}
  .loader {border: 16px solid #d6b858;border-top: 16px solid #daa520;border-radius: 50%;width: 120px;height: 120px;animation: spin 2s linear infinite;margin-top:10%;margin-left:33%;margin-right:50%;margin-bottom:10%;}
.navbar{padding: 0px 15px;}
.star-logo{max-width: 180px;}
.presentation{margin-top: 50px;}
.slick{margin-top: 50px;}
.banner{margin-top: 50px;}
.title{font-size:24px !important;}
.slick img{padding:10px 15px !important;}
}
@media (min-width:576px) and (max-width:768px){
  h1.srea-fancy-title{font-size:1.8rem;}
  #owl-srea .item img{height: 350px;object-fit: cover;}
  .loader {border: 16px solid #d6b858;border-top: 16px solid #daa520;border-radius: 50%;width: 120px;height: 120px;animation: spin 2s linear infinite;margin-top:10%;margin-left:33%;margin-right:50%;margin-bottom:10%;}
  .slick img{padding:10px 15px !important;}
}
@media (min-width:769px) and (max-width:991px){
  h1.srea-fancy-title{font-size:2rem;}
  #owl-srea .item img{height: 450px;object-fit: cover;}
  .loader {border: 16px solid #d6b858;border-top: 16px solid #daa520;border-radius: 50%;width: 120px;height: 120px;animation: spin 2s linear infinite;margin-top:10%;margin-left:33%;margin-right:50%;margin-bottom:10%;}
.slick img{padding:10px 15px !important;}
.btn-vote {margin:15px 5px 10px 5px;}
}
@media (min-width:992px) and (max-width:1199px){
  h1.srea-fancy-title{font-size:2.3rem;}
  .loader {border: 16px solid #d6b858;border-top: 16px solid #daa520;border-radius: 50%;width: 120px;height: 120px;animation: spin 2s linear infinite;margin-top:10%;margin-left:44%;margin-right:50%;margin-bottom:10%;}
.slick img{padding:10px 15px !important;}
}
@media (min-width:1199px){
  .loader {border: 16px solid #d6b858;border-top: 16px solid #daa520;border-radius: 50%;width: 120px;height: 120px;animation: spin 2s linear infinite;margin-top:10%;margin-left:44%;margin-right:50%;margin-bottom:10%;}
}
@media (min-width:760px) and (max-width:960px){
  .content {min-height:480px;}
}
@media(min-width:320px) and (max-width:400px){
  #progressbar{width:285px;}
}
@media(min-width:374px) and (max-width:376px){
  #progressbar{width:345px;}
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Added by Jason Phoon on 18/07/2018 */
.header-tab a{border:1px solid #d6b858;padding:10px 15px;border-radius:50%;color:#d6b858;margin:0 15px}
.header-tab a.active{background:#d6b858;color:#000}
.center{text-align:center}
.body-tab{margin-top:30px;border-top:1px solid #d6b858;padding:15px 0}
h2{text-align:center;width:100%;margin:10px 0 30px}
.line{border-bottom:1px solid #d6b858;padding-top:10px;width:20%;margin:0 auto;display:block}
.body-tab a {color: #d6b858; text-decoration: underline;}
.body-tab .title {font-size:24px;}
.body-tab .btn {font-size:14px;}
hr { border-top: 1px solid #d6b858; }
.img-radio{margin-bottom:5px;width:100%;height:130px}
.space-20{margin-top:20px}
.grid .item{padding:7px;border:1px solid #d6b858;margin-top:10px}
.grid .item p{height:160px;text-align:left;margin-top:10px;border-top:1px solid #d6b858;padding-top:10px}
.grid .item b {display:block; text-align:center; margin-top:10px;}
.hidden{display:none}

/* SMS pin box */
.sms{text-align: left; font-size: 12px; font-weight: bold;}
.sms input{height: 15px !important; border-radius: 0px !important; border-bottom: 1px solid #d6b858 !important; border-right: none !important; border-left: none !important; border-top: none !important;}
.btn-sms{display: inline-block; color: #d5b356; border: 1px solid #d5b356; padding: 10px 30px; font-weight: bold; font-size: 12px; text-decoration: none; letter-spacing: 1px; background: transparent;}
.sms-pin-box{clear:left;text-align:left;margin:0 auto;width:100%}
.sms-pin-box .form-box{float:left;width:100%}
.sms-pin-box input{float:left;width:130px}
.sms-pin-box a{float:left;font-size:13px;padding-left:10px;padding-top:7px;text-decoration:underline}
.sms-pin-box label{float:left;padding-top:7px;padding-right:7px}
.sms-pin-box .clear{clear:both}
.sms-pin-box input{width:130px !important; float:left;}
@media only screen and (max-width: 767px) {
    .sms input{height: 55px !important; margin-bottom: 30px !important;}
    .btn-sms{width: 100%;}
    .sms-pin-box .g-recaptcha{padding-left:0;clear:left;display:block}
    .sms-pin-box a{padding-left:0;width:100%;clear:left;display:block}
    .sms-pin-box .form-box{clear:left}
    .sms-pin-box input{width:100%;}
}

/* Loading Spinner */
.loading{display:none;position:fixed;z-index:999;height:2em;width:2em;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0}
.loading:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}
.loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.loading:not(:required):after{content:'';display:block;font-size:10px;width:1em;height:1em;margin-top:-.5em;-webkit-animation:spinner 1500ms infinite linear;-moz-animation:spinner 1500ms infinite linear;-ms-animation:spinner 1500ms infinite linear;-o-animation:spinner 1500ms infinite linear;animation:spinner 1500ms infinite linear;border-radius:.5em;-webkit-box-shadow:rgba(0,0,0,0.75) 1.5em 0 0 0,rgba(0,0,0,0.75) 1.1em 1.1em 0 0,rgba(0,0,0,0.75) 0 1.5em 0 0,rgba(0,0,0,0.75) -1.1em 1.1em 0 0,rgba(0,0,0,0.5) -1.5em 0 0 0,rgba(0,0,0,0.5) -1.1em -1.1em 0 0,rgba(0,0,0,0.75) 0 -1.5em 0 0,rgba(0,0,0,0.75) 1.1em -1.1em 0 0;box-shadow:rgba(0,0,0,0.75) 1.5em 0 0 0,rgba(0,0,0,0.75) 1.1em 1.1em 0 0,rgba(0,0,0,0.75) 0 1.5em 0 0,rgba(0,0,0,0.75) -1.1em 1.1em 0 0,rgba(0,0,0,0.75) -1.5em 0 0 0,rgba(0,0,0,0.75) -1.1em -1.1em 0 0,rgba(0,0,0,0.75) 0 -1.5em 0 0,rgba(0,0,0,0.75) 1.1em -1.1em 0 0}
@-webkit-keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
/* End by Jason Phoon */

/* Implemented by Shin on 12th October 2018 */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  #winners-lists-back-btn {float:none;}
}

@media only screen and (min-width: 768px) {
  #winners-lists-back-btn {float:left;overflow:auto;}
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
  .presentation {padding-top:0;}
}
/* End by Shin */

#intro-logo{background-image: url("../img/srea_hero.png"); background-color: #042a3c; background-size: cover; background-repeat: round; border-bottom: 1px solid #d5b356; border-top: 3px solid #d5b356; padding: 0px 0px 5px 0px;}
#intro-champion{background-image: url("../img/srea_background-02.png"); background-color: #042a3c; background-size: cover; background-repeat: round; border-bottom: 1px solid #d5b356; border-top: 3px solid #d5b356; }
#intro-about-awards{background-image: url("../img/white-wash-background.png"); background-size: cover; background-repeat: round; border-bottom: 1px solid #d5b356; border-top: 3px solid #d5b356; padding: 40px 0px 40px 0px;}
#contact-us{background-image: url("../img/srea_background-02.png"); background-color: #042a3c; background-size: cover; background-repeat:round; border-bottom: 1px solid #d5b356; border-top: 3px solid #d5b356;}
#intro-logo-awards{background-image: url("../img/srea_background-02.png"); background-color: #042a3c; background-size: cover; background-repeat: round; border-bottom: 1px solid #d5b356; border-top: 3px solid #d5b356; padding: 40px 0px 5px 0px;}
/*#intro-testimonial{background-image: url("../img/background-black-texture.jpg"); background-color: #042a3c; background-position: bottom; background-size: cover; background-repeat: no-repeat;}*/

.about-us-title h2{
  font-family: Lato;
  font-weight: bold;
  color: #052B3D;
  display: inline-block;
  position: relative;
}

.about-us-title h2:after {
  content: "";
  height: 1px;
  width: 10%;
  background-color: #d5b356;
  position: absolute;
  bottom: -.5em;
  left: 50%;
  transform: translate(-50%);
  font-size: large;
  padding: 1px;
}

.white-title h2{
  font-family: Lato;
  font-weight: bold;
  color: #FFFFFF;
  display: inline-block;
  position: relative;
}

.white-title h2:after {
  content: "";
  height: 1px;
  width: 10%;
  background-color: #FFFFFF;
  position: absolute;
  bottom: -.5em;
  left: 50%;
  transform: translate(-50%);
  font-size: large;
  padding: 1px;
}

.black-title h2{
  font-family: Lato;
  font-weight: bold;
  color: #000000;
  display: inline-block;
  position: relative;
}

.black-title h2:after {
  content: "";
  height: 1px;
  width: 10%;
  background-color: #000000;
  position: absolute;
  bottom: -.5em;
  left: 50%;
  transform: translate(-50%);
  font-size: large;
  padding: 1px;
}

.footer-label {
    font-weight: bold;
    font-family: Lato;
    font-size: initial;
}

.btn-more {
    display: inline-block;
    font-size: 14px;
    line-height: 44px;
    height: 46px;
    border: 2px solid #d5b356;
    border-radius: 25px;
    padding: 0px 30px;
    width: auto;
    text-transform: uppercase;
    font-weight: 600;
    white-space: inherit;
    cursor: pointer !important;
    width: 200px;
    color: #d5b356;
}

.btn .btn-more a:hover {
  color: #d5b356 !important;
}

.round {
  border-radius: 50%;
  border: 2px solid #d5b356;
  width: 150px;
  height: 150px; 
  margin-left: auto; 
  margin-right: auto;
}

.slick-gold-title h4{
  font-family: Lato;
  font-weight: bold;
  color: #d5b356;
  display: inline-block;
  position: relative;
  padding-top: 20px;
  font-size: large;
  word-break: break-word;
}

.slick-gold-title h4:after {
  content: "";
  height: 1px;
  width: 40%;
  background-color: #FFFFFF;
  position: absolute;
  bottom: -.5em;
  left: 50%;
  transform: translate(-50%);
  font-size: large;
  padding: 1px;
}

.slick-white-title h4{
  font-family: Lato;
  font-weight: normal;
  color: #FFFFFF;
  display: inline-block;
  position: relative;
  padding-top: 20px;
  font-size: large;
  word-break: break-word;
}

.slick-dots li.slick-active button:before
{
    color: #FFFFFF !important;
}

.slick-prev:before,
.slick-next:before
{
  font-size: 35px;
}

.active-menu {
  border-bottom: 2px solid #d5b356;
  color: #d5b356 !important;
}

.logo-finalist {
  padding-top: 30px;
  width: 200px;
  height: 150px;
}

.about-finalist-label {
  margin-bottom: auto;
  font-weight: bold;
  color: #133b4e;
}

.about-finalist-content {
  word-break: break-word;
}

.about-row-padding {
  padding-bottom: 20px;
}

.tab-active {
  color: #FFFFFF !important;
  background-color: #D5B356 !important;
  border: 2px solid #D5B356 !important;
  font-weight: bold;
}

.slick-slide {
    outline: none !important;
}