@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);

/*body {margin-top:70px; background-color: #000}*/

/***chrome remove border on focus*****/
*:focus, a:focus, a:active, a:hover {outline: 0;}
textarea:focus, input:focus {outline: 0;}
body {font-size: 18px; line-height: 1.5; width: 100%; font-weight: 300; color:#d0d0d0; font-family: "Noto Sans SC",'Roboto', sans-serif;}


.navbar-header {height: 80px;}
.navbar-nav {text-transform: uppercase; font-weight: 300; font-size: 18px;}
.navbar-nav > li > a {padding:20px}
.navbar-brand {padding: 0;}

.navbar-toggle {margin:13px}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #fbc338}
.navbar-fixed-top {border:none}

.navbar-inverse { /*background: url(../images/nav-line.png) no-repeat bottom center transparent;*/ padding: 12px 0; background-color: rgba(255,255,255,1); min-height: 100px}
.top-nav-collapse {background-color: rgba(255,255,255,1);}
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a {color: #9d9d9d}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav > .active > a {color:#f16624; }
.navbar-inverse .navbar-nav > .active > a:after {content:""; height: 2px; width: 100%; background-color: #f16624;}


.nav-book-now { background-color: transparent; margin: 0; font-size: 16px;}
.nav-book-now.navbar-nav > li > a,
.navbar-inverse .nav-book-now.navbar-nav>li>a,
.btn-group-lg > .btn, .btn-lg,
.navbar-inverse .nav-book-now.navbar-nav > .active > a {color: #251b07; padding: 10px 30px; font-size:20px; border-radius: 8px; margin-top: 8px}
.navbar-inverse .nav-book-now.navbar-nav>li>a:focus, 
.navbar-inverse .nav-book-now.navbar-nav>li>a:hover, 
.navbar-inverse .nav-book-now.navbar-nav > .active > a {}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {background-color: transparent;}

.img-responsive-center {margin: 0 auto;}


.jumbotron {background: url(../images/bg-header.png) no-repeat center; background-size: cover; padding-bottom: 0; margin: 0; padding-top: 100px}
.banner-speaker {position: relative; bottom:0}
.banner-title {font-size: 16px; color: rgba(255,255,255,0.50); text-align: center; letter-spacing: 0.16em; margin-top: 10px}
.banner-detail {font-size: 18px; color: #ffffff; text-align: center;}
.banner-detail-gap {padding:0 8px; display: inline-block}

.ct-main {color: #d4b26f}
.ct-white {color:#fff}
.ct-black {color:#000}
.concept-line {background: url() no-repeat bottom center; padding-bottom: 0px}
.relative {position:relative}
.baseline {vertical-align: baseline} 

.ct-black.concept-line {background: url(../images/concept-line-black.png) no-repeat bottom center;}
.space05 > [class^=col-] {padding: 3px}
.space06 > [class^=col-] {padding: 6px}
.space10 > [class^=col-] {padding: 0 6px}
#sec_suitable .space06 > [class^=col-] {padding: 0px}

[id^=sec_] {padding:60px 0 60px; background-color: #fff}
#sec_intro {background: url(../images/bg-intro.png) no-repeat top center; background-size: cover;}
#sec_video {background: url(../images/bg-video.png) no-repeat top center; background-size: cover; background-attachment: fixed}
#sec_theme {background: url(../images/line_bg.jpg) repeat;}
#sec_gallery {background: url(../images/bg-gallery.png) no-repeat bottom center #252625; background-size: 100%;}
#sec_universal {background: url(../images/universal_bg.jpg) repeat;}
#sec_speaker {background: url(../images/dot_bg.jpg) repeat; }
#sec_learn {background: url(../images/bg-learn.png) repeat; font-size: 20px; line-height: 1.6}
#sec_benefit {color:#2a2a2a; margin-bottom: -140px}
#sec_benefit:after {content:""; background: #f2e5c9; width: 100%; height: 85px; position: relative; top: -80px; z-index: -1}
#sec_suitable {background: #e8e8e8; position: relative; color:#463412;}
#sec_renshangren {background: url(../images/renshangren.jpg) no-repeat top center; background-size: cover; padding:0; padding-bottom: 14.4444%; }
#sec_testimonial {background: url(../images/bg-testimonial.png) repeat; background-attachment: fixed}
#sec_media {background: url(../images/bg-media.png) no-repeat top center; background-size: cover;}
#sec_sponsor {padding:0}
#sec_sr {background: url(../images/bg-sr.png) no-repeat top center; background-size: cover; color: #000}
.sponsor {background: url(../images/bg-sponsor.png) no-repeat top center; background-size: cover; padding: 30px 30px; font-size: 24px; font-weight: bold}

.sponsor-title {text-align: center; color: #6e6e6e; font-size: 18px; font-weight: 500; background:url(../images/ico-sponsor-logo.png) no-repeat center bottom; padding-bottom: 20px; margin-top: 50px; margin-bottom: 20px}
.logo img {padding: 10px 20px; border:1px solid #e1e1e1}

#sec_popup {color:#313131}
#sec_popup .modal-header {text-align: center}
#sec_popup .modal-header h5 {font-size: 18px; line-height: 1.2}
#sec_popup .modal-title {color:#d4b26f; font-size: 28px; margin-top: 10px}
#sec_popup .modal-body {padding: 30px}

#js-grid-slider-testimonials {margin: 0 100px}
.cbp-l-slider-testimonials-wrap {padding: 40px 0 20px}
.cbp-l-grid-slider-testimonials-body {background-color: rgba(37,37,37,0.5); border:1px solid rgba(255,255,255,0.05); border-radius: 4px; color:#c1c1c1; padding: 50px; font-family: "Noto Sans SC",'Roboto', sans-serif; font-weight: 300; position: relative; margin: 20px 10px; text-align: center}
.cbp-l-grid-slider-testimonials-body:before {content:url(../images/ico-quote.png); position: absolute; top: -15px; left: 0; right: 0; margin: auto}
.cbp-l-grid-slider-testimonials-body:after {content:url(../images/ico-arrow-down.png); position: absolute; bottom: -24px; left: 0; right: 0; margin: auto}
.cbp-l-grid-slider-testimonials-footer {color:#d4b26f; font-size: 18px; line-height: 1.4; font-weight: bold; font-family: "Noto Sans SC",'Roboto', sans-serif; padding-top: 10px}

.cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight {padding:0}

.cbp-slider-edge .cbp-nav-prev {left:-80px}
.cbp-slider-edge .cbp-nav-next {right:-80px}
.cbp-slider-edge .cbp-nav-next, .cbp-slider-edge .cbp-nav-prev {height: 100%}
.cbp-slider-edge .cbp-nav-next:after {background-position: -147px 0; width: 17px; height: 27px}
.cbp-slider-edge .cbp-nav-prev:after {background-position: -147px -29px; width: 17px; height: 27px}



#sec_ticket {padding: 40px 0;}
.ticket-silver, .ticket-gold, .ticket-vip {height: 100%; background-color: #202120; border:1px solid #e5e5e5; padding-bottom: 80px;}
.ticket-silver .ticket-header {background-color: #7f7f7f}
.ticket-gold .ticket-header {background-color: #c69436}
.ticket-vip .ticket-header {background-color: #dc3737}


.ticket-promo {position: absolute; left: 10px; top:-20px}

.ticket-header {position: relative; text-align: center; padding: 40px 20px; color: #ffffff}
.ticket-header:after {content:""; position: absolute; bottom:2px; left: 0; width: 100%; height: 2px; background-color: #2d2f31}

.ticket-title {font-size: 34px; line-height: 1.2; font-weight: bold;}
.ticket-door-price {font-size: 18px; line-height: 1.2; text-decoration: line-through; display: inline-block}
/*.ticket-door-price:before {content:"MYR ";}*/
.ticket-price {font-size: 21px; line-height: 1.2; text-align: center; background:url(../images/price-glow.png) no-repeat center bottom; padding-bottom: 20px; color: #ffffff; margin-bottom: 20px; position: relative}
/*.ticket-price:before {content:"MYR "; font-size: 25px; line-height: 1.2; font-weight: 300}*/
.ticket-price strong {font-size: 180%}
.ticket-price span {color:#ef4545}
.promo-categories {background:url(../images/promo-categories.png) no-repeat center; background-size: contain; width: 100px; height: 87px; position: absolute; top:-10px; left: -62px}
.promo-soldout {background:url(../images/promo-soldout.png) no-repeat center; background-size: contain; width: 80px; height: 80px; position: absolute; top:-10px; left: -62px}

.ticket-entitlement { font-size: 18px; line-height: 1.4; padding: 15px 25px; color: #e9c274; font-weight: 300; }
.ticket-entitlement-item {background:url(../images/ico-ticket.png) no-repeat 10px center; padding: 12px 0 10px 30px; border-bottom:1px solid #666667}
.ticket-button {text-align: center; position: absolute; bottom: 30px; margin: auto; left: 0; right: 0}

#booknow {margin-top:20px; border: 1px solid #e1e1e1; padding: 20px}

#sec_speaker a {text-decoration: none}
.keynote-box:before {content: url(../images/ico-crown.png)}
.keynote-box {position: absolute; display: inline-block; padding: 20px; top: 100px; background: rgba(255,255,255,0.5)}
.keynote-box.left { left: 0}
.keynote-box.right { right: 60px}

.keynote-name {color: #313131; font-size: 28px; font-weight: bold; line-height: 1.1; margin-bottom: 8px}
.keynote-title {color: #d4b26f; font-size: 22px; margin-bottom: 10px}
.keynote-title:before {content:""; border:1px solid #d4b26f; height: 4px; display: block; width: 100%; margin-bottom: 2px}
.keynote-more {color: #313131; font-size: 18px; font-weight: bold}

#sec_speaker [class^=col-] {padding:0; padding-left: 30px; padding-right: 30px;}
.speaker-detail {padding: 0 20px}
.speaker-detail.right {padding: 0 20px 0 0}
.speaker-top {margin-top: 35px; border-bottom: 1px solid #cdcece}
.speaker-eng {display: inline-block; background-color: #888888; font-size: 14px; color: #fff; padding: 3px 8px; text-transform: uppercase;  margin-right: 5px}
.speaker-chi {display: inline-block;font-size: 24px;  color:#000; font-weight: bold; margin-right: 5px; line-height: 1.2}
.speaker-loc {display: inline-block; width: 30px; height: 17px; background-size: contain !important}
.speaker-loc.kl {background: url(../images/map-kl.png) no-repeat center}
.speaker-loc.pg {background: url(../images/map-pg.png) no-repeat center}
.speaker-loc.klpg {background: url(../images/map-klpg.png) no-repeat center}
.speaker-tra {font-size: 28px;  color:#c99c55; margin: 5px 0 8px}
.speaker-dec {color: #000000}

.map-bullet {position: absolute; top: -8px; background: #fff; padding-right: 20px}
.map-line {border-bottom: 1px solid #d8d8d8; border-top: 1px solid #e7e7e7; padding-top: 2px; margin-bottom: 20px;}

#sponsor {color: #000000}
#sponsor .modal-body {padding:30px}
#sponsor input {width:100%; margin-bottom: 15px; border: 1px solid #ccc; padding:10px}
#sponsor .modal-header {border:none}

.benefit-content {background-color: #272827; color: #ffffff; text-align: center; padding: 30px 50px; margin: 10px 0; position: relative; height: 100%}
.benefit-count {position: absolute; left: 35px; top: -1px; background: url(../images/ico-benefit-count.png) no-repeat bottom center; width: 68px; height: 46px; line-height: 35px; color: #272827; font-size: 14px; font-weight: bold}
.benefit-title {color:#d4b26f; font-size: 22px; line-height: 1.2; font-weight: bold; margin-top: 16px; padding-top: 12px; position: relative; padding-bottom: 10px}
.benefit-title:before {content:""; width: 50px; background: #d4b26f; height: 1px; display: block; position: absolute; top: 0; left: 0; right: 0; margin: auto}
.benefit-text {color:#c1c1c1}


.suitable-content { text-align: center; padding: 30px 20px 40px;}
.suitable-title {color:#463412; font-size: 20px; line-height: 1.2; font-weight: 500; padding: 15px 0;}
#sec_suitable .space06 > [class^=col-] {border-left: 1px dotted #f16624; border-bottom: 1px dotted #f16624;}
#sec_suitable .space06 > [class^=col-]:nth-child(1){border-left: none}
#sec_suitable .space06:nth-child(3) [class^=col-] {border-bottom: none}

#event-detail { position: relative; margin: 0; margin-top: 20px; font-size: 20px}
.detail-title {color:#f15f26; font-size: 28px; line-height: 1.2; border-bottom: 1px solid #f15f26; padding-bottom: 10px; margin-bottom: 15px; font-weight: 500}
.event-detail {padding:50px 50px; background:#202120;}
#event-detail iframe {position: absolute; left: 0; top: 0}

/* Box-Shadow*/
.shadow {-webkit-box-shadow: 0px 0px 18px 9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 18px 9px rgba(0,0,0,0.75);
box-shadow: 0px 0px 18px 9px rgba(0,0,0,0.75);}

/* Arrow animation */
.myarrow {opacity:0}
.keynote-box:hover .myarrow {width:100px; background-color:#000000; height:2px; display:inline-block; position:relative; 
animation-duration: 4s;
animation-name: changewidth;
animation-iteration-count: 1;
animation-direction: normal;
animation-timing-function: ease-out;
opacity:1;
}
.keynote-box.left:hover .myarrow {right:-100px}
.keynote-box.right:hover .myarrow {left:-100px}

.myarrow:after {content:""; width:8px; height:8px; border-radius:100%; background-color:#000000; display:inline-block; position:absolute; top:-3px; right:-5px}

button.close{ position: absolute;
    top: 5px;
    right: 5px;}



@keyframes changewidth {
  0% { width: 0px; }
  10% { width: 0px; }
  25% { width: 80px; }
  100% { width: 80px; }
}

.angle40 {
-ms-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg); 
transform-origin: top left;
}
.angle-40 {
-ms-transform: rotate(200deg);
-webkit-transform: rotate(200deg);
transform: rotate(200deg); 
transform-origin: top left;
}

.sec-arrow {position:absolute; left:50%; top: 20%;}


/* All Button */
.btn-group-lg > .btn, .btn-lg {border-radius: 5px; padding: 5px 20px}
.btn-group-lg > .btn:hover, .btn-lg:hover {}
.btn-banner {color: #cb9c53; font-size: 16px; line-height: 1.2; border: 1px solid #cb9c53 ; background-color: transparent ; letter-spacing: 0.1em}
.btn-banner:hover {color: #fff; border: none; background: #cb9c53;}
.btn-banner.gold {font-size: 16px; color: #fff; border: 1px solid #3765ae; margin: 12px 0; background-color: transparent;margin-bottom: 30px;}
.btn-banner.gold:hover {background: #fff; color: #fcff00}
.btn-banner.blue {font-size: 16px; color: #3257b3; border: 1px solid #3257b3; margin: 12px 0; background-color: transparent !important}
.btn-banner.blue:hover {background-color: #3257b3 !important; color: #fff !important}



.btn-banner-red {
	color: #fff !important; font-size: 22px; line-height: 1.2; font-weight: 700; border: 1px solid #a23608;
	background: rgb(232,193,91); /* Old browsers */
background: -moz-linear-gradient(top, rgba(245,102,42,1) 0%, rgba(152,47,3,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(245,102,42,1) 0%,rgba(152,47,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(245,102,42,1) 0%,rgba(152,47,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5662a', endColorstr='#962e03',GradientType=0 ); /* IE6-9 */}
.btn-banner-red:hover {
	opacity: .5; /* IE6-9 */}


.modal-header {padding: 0; border-bottom: none; padding-top: 15px;}

.carousel {height: 500px; margin-bottom: 30px;}
.carousel a {text-decoration: none}
.carousel .carousel-item {width:auto; height: auto; display: inline-block; opacity: 1 !important; text-align: center}
.carousel .carousel-item > img {}
.speaker-title {font-size:16px; text-align: center; color: #fff; position: absolute; bottom:0; left :0; width: 100%; opacity: 0; transition:1s ease all;}
.speaker-status {font-size: 110%; color:#f9a235; background:url(../images/speaker-title-line.png) no-repeat bottom center; padding-bottom: 8px; font-weight: bold}
.carousel-item.active .speaker-title {opacity: 1}
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v18/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}

.stickybar {position: fixed; right: 0; top: calc(50% - 80px) ; z-index: 200; text-align: center; color: #fff; }
.sticky-early-bird {width: 35px; height: 128px; background: url(../images/sticky-early-bird.png) no-repeat top center; background-size: contain; display: block; margin-bottom: 10px}
.sticky-hrdf {width: 35px; height: 105px; background: url(../images/sticky-hrdf.png) no-repeat top center; background-size: contain; display: block;}
.stickybar:before {content:""; position: absolute; right: 2px; top: -64px; background: url(../images/sticky-gif.png) no-repeat top center; background-size: contain; width: 53px; height: 56px; 
animation: animationFrames linear 1s;
 animation-iteration-count: infinite;
 transform-origin: 50% 100%;
 animation-fill-mode:forwards; /*when the spec is finished*/
 -webkit-animation: animationFrames linear 1s;
 -webkit-animation-iteration-count: infinite;
 -webkit-transform-origin: 50% 100%;
 -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
 -moz-animation: animationFrames linear 1s;
 -moz-animation-iteration-count: infinite;
 -moz-transform-origin: 50% 100%;
 -moz-animation-fill-mode:forwards; /*FF 5+*/
 -o-animation: animationFrames linear 1s;
 -o-animation-iteration-count: infinite;
 -o-transform-origin: 50% 100%;
 -o-animation-fill-mode:forwards; /*Not implemented yet*/
 -ms-animation: animationFrames linear 1s;
 -ms-animation-iteration-count: infinite;
 -ms-transform-origin: 50% 100%;
 -ms-animation-fill-mode:forwards; /*IE 10+*/
		}
.material-icons {font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale;}

.middle-indicator{position:absolute; top:50%; width: 100%; padding: 0 20px; height: 0}
.middle-indicator-text {font-size: 5.2rem;}
a.middle-indicator-text{color:#d8af4d !important;}
.content-indicator{width: 64px;height: 64px;background: none;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.indicators{display:none}
		
.bg-price {background: url(../images/bg-price.png) no-repeat top center; padding: 15px 0}

@keyframes animationFrames{
 0% {
   transform:  translate(-4px,0)  scaleX(1.00) scaleY(1.00) ; 
 }
 4% {
   transform:  translate(-3px,4px)  scaleX(0.95) scaleY(1.05) ;
 }
 29% {
   transform:  translate(0px,10px)  scaleX(0.95) scaleY(1.05) ; 
 }
 50% {
   transform:  translate(0px,15px)  scaleX(1.10) scaleY(0.90) ; 
 }
 90% {
   transform:  translate(-3px,0px)  scaleX(1.01) scaleY(0.99) ; 
 }
 100% {
   transform:  translate(-4px,0px)  scaleX(1.00) scaleY(1.00) ; 
 }
}

@-moz-keyframes animationFrames{
 0% {
   -moz-transform:  translate(-4px,0)  scaleX(1.00) scaleY(1.00) ; 
 }
 4% {
   -moz-transform:  translate(-3px,4px)  scaleX(0.95) scaleY(1.05) ;
 }
 29% {
   -moz-transform:  translate(0px,10px)  scaleX(0.95) scaleY(1.05) ; 
 }
 50% {
   -moz-transform:  translate(0px,15px)  scaleX(1.10) scaleY(0.90) ; 
 }
 90% {
   -moz-transform:  translate(-3px,0px)  scaleX(1.01) scaleY(0.99) ; 
 }
 100% {
   -moz-transform:  translate(-4px,0px)  scaleX(1.00) scaleY(1.00) ; 
 }
}

@-webkit-keyframes animationFrames {
 0% {
   -webkit-transform:  translate(-4px,0)  scaleX(1.00) scaleY(1.00) ; 
 }
 4% {
   -webkit-transform:  translate(-3px,4px)  scaleX(0.95) scaleY(1.05) ;
 }
 29% {
   -webkit-transform:  translate(0px,10px)  scaleX(0.95) scaleY(1.05) ; 
 }
 50% {
   -webkit-transform:  translate(0px,15px)  scaleX(1.10) scaleY(0.90) ; 
 }
 90% {
   -webkit-transform:  translate(-3px,0px)  scaleX(1.01) scaleY(0.99) ; 
 }
 100% {
   -webkit-transform:  translate(-4px,0px)  scaleX(1.00) scaleY(1.00) ; 
 }
}

@-o-keyframes animationFrames {
 0% {
   -o-transform:  translate(-4px,0)  scaleX(1.00) scaleY(1.00) ; 
 }
 4% {
   -o-transform:  translate(-3px,4px)  scaleX(0.95) scaleY(1.05) ;
 }
 29% {
   -o-transform:  translate(0px,10px)  scaleX(0.95) scaleY(1.05) ; 
 }
 50% {
   -o-transform:  translate(0px,15px)  scaleX(1.10) scaleY(0.90) ; 
 }
 90% {
   -o-transform:  translate(-3px,0px)  scaleX(1.01) scaleY(0.99) ; 
 }
 100% {
   -o-transform:  translate(-4px,0px)  scaleX(1.00) scaleY(1.00) ; 
 }
}

@-ms-keyframes animationFrames {
 0% {
   -ms-transform:  translate(-4px,0)  scaleX(1.00) scaleY(1.00) ; 
 }
 4% {
   -ms-transform:  translate(-3px,4px)  scaleX(0.95) scaleY(1.05) ;
 }
 29% {
   -ms-transform:  translate(0px,10px)  scaleX(0.95) scaleY(1.05) ; 
 }
 50% {
   -ms-transform:  translate(0px,15px)  scaleX(1.10) scaleY(0.90) ; 
 }
 90% {
   -ms-transform:  translate(-3px,0px)  scaleX(1.01) scaleY(0.99) ; 
 }
 100% {
   -ms-transform:  translate(-4px,0px)  scaleX(1.00) scaleY(1.00) ; 
 }
}

#myState {}

#myState.aos-init {opacity:1; max-height: 250px; overflow: hidden; transition: max-height 0.6s ease-in;}
#myState.aos-init.aos-animate {opacity:1; max-height: 0}
#myState .col-md-6 {padding-left: 0; padding-right: 0;}

#line-kl img {border-bottom:2px solid #133ba9}
#line-penang img {border-bottom:2px solid #b03806}

#myState .col-md-6:hover {opacity: .5}
.navbar-right.nav-book-now li {margin:0 6px}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 240px}
.dropdown-menu a {display:block; padding: 3px 10px; font-family: "Noto Sans SC",'Roboto', sans-serif}




.screen_detect {position: relative; left: 15px}

@media screen and (max-width: 768px) {
.carousel {height: 400px;}
.carousel .carousel-item > img {width:80%}
.screen_detect {position: relative; left: -20px}
#sec_popup .modal-body {padding: 15px}
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
@media screen and (min-width: 992px) {
	.row-eq-height {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
	}
	
	.valign-center {font-size: 0}
	.valign-center > div {float: none; display: inline-block; vertical-align: middle;}
	.learn-line:before {content: url(../images/line-learn.png); position: absolute; top: 0; left: 0}
	.speaker-box, 
.speaker-box:hover, 
.speaker-box:focus {filter: grayscale(40%);}
.modal-lg {
    width: 880px;
}
	
}


/* col-lg */
@media screen and (max-width: 1200px) {
	
}

/* col-md */
@media screen and (max-width: 992px) {
	
	/*.jumbotron {padding-top: 80%;}*/
	.keynote-box {position: static; display: inline-block; width: 48%; margin-top: 30px; background: transparent}
	.keynote-box:hover .myarrow  {display: none}
	.speaker-des {background: url(../images/bg-speaker-des.png) no-repeat top center #ffffff; background-size: 100%;}
	#sec_suitable .space06 > [class^=col-] {border:none; border-bottom: 1px dotted #ba9b5d !important; margin: 0 30px}
	#sec_suitable .space06:nth-child(3) > [class^=col-]:last-child {border-bottom: none !important}
	#sec_speaker .pull-right {float: none !important}

}
.speaker-video {width: calc(100% - 240px); height: 100%; position: absolute; right: 0px; top:0px; z-index: 10;}
.speaker-img {opacity: 0
}
/* col-sm */
@media screen and (max-width: 768px) {
	.navbar-nav > li > a {padding-top: 10px; padding-bottom: 10px;}
	.space05 > [class^=col-] {padding: 3px}
	.space06 > [class^=col-] {padding: 2px 20px}
	.space10 > [class^=col-] {padding: 0 20px}
	#sec_renshangren {background: url(../images/renshangren-mb.jpg) no-repeat top center; background-size: contain; padding:0; padding-bottom: 32.5%; }
	#js-grid-slider-testimonials {margin: 0 50px}
	.cbp-l-grid-slider-testimonials-body {margin: 10px 0; padding: 50px 30px}
	.cbp-slider-edge .cbp-nav-prev {left:-60px}
	.cbp-slider-edge .cbp-nav-next {right:-60px}
	.speaker-box {padding-top:170px}
	.speaker-box .speaker-img {display: none}
	.speaker-video {position: static; width: 100%; height: 300px}
	.speaker-detail, .speaker-detail.right {padding: 0 20px}
	.map-bullet {padding-left: 20px}
}

/* col-xs */
@media screen and (max-width: 480px) {
	/*.banner-speaker {position: relative; bottom:-48px}*/
	.banner-detail-gap {width:0; display: block; font-size: 0}
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #000;
}

/*--price--*/

			

.price {
  list-style-type: none;
  border: 0px solid #eee;
  margin: 0;
  padding: 0;
  /*-webkit-transition: 0.3s;*/
  transition: 0.3s;
	height: 895px;
}

.price:hover {
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.0)
}

.price li {
  border-bottom: 0px solid #eee;
  padding: 20px;
  text-align: center;
font-weight: 500;
	color: black;
	font-size: 20px;
}
.price li.title{color:#000; padding: 25px; height: 100px; font-size: 25px; font-weight: 900;}
.price .plabel{padding-top: 35px;padding-bottom: 35px; color: #fff; height: 150px}		
.price .plabel2{ color: #000;  font-size: 20px;}

.price .plabel3{ color: #000; font-size: 20px;}

.price .plabel4{ color: #000; font-size: 20px;}

.price .plabel.pgrey {background-color: #13181f;}	
.price .plabel.pblue {background-color: #204089; font-size: 30px;}	
.price .plabel.pred {background-color: #942323; font-size: 30px;}	
.price .plabel.pgold {background-color: #9b7b3b; font-size: 30px;}	
.price .plabel2.plight-grey{background-color: #e3e3e3;}	
.price .plabel4.plight-grey{background-color: #e3e3e3;}	


.hoverb:hover {color:#285ea7}


.hoverred:hover {color:#c02d2e}


.hovergold:hover {color:#c19547}

.price li.checked{
			color:#2c9f39;
		}	
		
	
		
.buttoner {
  background-color: #f15e25;
  border: none;
  color: white;
  padding: 10px 40px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
border-radius: 5px;
background: linear-gradient(to bottom, rgba(242,117,35,100%) 0%,rgba(241,92,37,57) 100%);
	
}

@media only screen and (max-width: 600px) {
  .columns {
    width: 100%;
  }
}
		

		
.greyy {
    background-color: #f15f25 !important;
		
		}	
a:focus, a:hover{
    color: #000; 
	text-decoration: none; }	
		
	
		
/*--price--*/