/*-- mm map --*/
#banner-event-seminar-info .workshop-events > h3{
	border-bottom:1px solid #3e6a7f;
	padding-bottom:10px;
	margin-top:7px;
}
area{ outline:none !important;}
.map_ph{
	position:relative;
}
.map_ph .maplink{
	position:absolute;
	top:3px;
	right:18px;
}
.maplink img{
	cursor:pointer;
}
.maplink .luzon{
	width:163px;
	height:284px;
	position:relative;
	top:0;
	right:50px;
        z-index:111;
}

.maplink .visayas{
	width:97px;
	height:81px;
	position:absolute;
	top:157px;
	right:17px;
        z-index:112;
}
.maplink .mindanoa{
	width:160px;
	height:132px;
	position:absolute;
	top:204px;
	right:0;
        z-index:110;
}
#banner-event-seminar-info {
        min-height: 460px;
        width:auto;
        float:none;
        max-width:366px;
	position:relative;
	padding: 8px 25px;
	padding-top: 17px;
}
.map_ph:hover .hoverbox{
	border:1px solid transparent;
}
.hoverbox{
	position:relative;
	border:1px solid transparent;
	padding: 16px 0;
	height: 369px;
}
.hoverbox:hover{
	
}
.map_ph .rad.lu{
	padding-top:101px;
}
.map_ph .rad{
	padding-top:63px;
}
.map_ph .rad label{
	cursor:pointer;
}
.rad.lu label{
	color:#ade0ee
}
.rad.vi label{
	color:#fff
}
.rad.mi label{
	color:#2bbbb3;
}
.map_ph input{
	display:none;
}
.map_ph .rad input + label{
	background-image:url(../images/luzon_rad.png);
	width:23px;
	height:23px;
	display:inline-block;
	vertical-align: middle;
}
.map_ph .lu input + label{
	background-position: -1px 0;
}
.map_ph .lu input:checked + label{
	background-position:-27px 0;
}
.map_ph .vi input + label{
	background-position:-55px 0;
}
.map_ph .vi input:checked + label{
	background-position:-81px 0;
}
.map_ph .mi input + label{
	background-position:-110px 0;
}
.map_ph .mi input:checked + label{
	background-position:-136px 0;
}

.rad .txl{
	display:inline-block;
	padding-left:14px;
	font-size:15px;
}

li.select.full {
    width: 48% !important;
}

@media (min-width: 1200px){
	
#banner-event-seminar-info .free-seminar-badge {
    top: -27px;
}

}




/*--- tab ----*/
.ci-state-tabs {
    border-bottom: none;
    padding: 10px 0;
    text-align: center;
}
.workshop_form {
    background-color:#effcff;
    padding-top: 30px;
    box-sizing: border-box;
    width: 100%;
}

.fx-state-title {
    background: #005984 none repeat scroll 0 0;
    color: #fff;
    padding: 15px 0;
    text-align: center;
}
.fx-state-title > h2 {
    display: inline-block;
    font-family: zil_semi_slabregular;
    font-size: 28px;
}
.fx-state-title > h3 {
    display: inline-block;
    font-family: akzidenz-grotesk_nextlight;
    font-size: 28px;
    font-weight: normal;
    margin: 0 5px;
}

.fx-state-tabs {
    background: #ade0ee;
    border-bottom: none;
    padding: 10px 0;
    text-align: center;
}
.fx-state-tabs .nav-tabs{
    text-align:center;
}
.fx-state-tabs .nav-tabs > li {
    margin: 0;
    float:none;
    display: inline-block;
    border-left: 1px solid #fff;
}
.fx-state-tabs .nav-tabs > li:first-child{
    border:0;
}
.fx-state-tabs .nav > li > a {
    padding: 25px 40px;
	cursor:pointer;
	background-color:transparent;
    margin: 0;
    border: none;
    color: #005984;
    font-family: akzidenz-grotesk_nextmedium;
    font-size: 28px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.fx-state-tabs .nav-tabs {
    border-bottom: 0;
}
.fx-state-tabs .nav > li > a:hover{
	color:#fff;
}
.fx-state-tabs .nav-tabs>li.active>a, .fx-state-tabs .nav-tabs>li.active>a:focus, .fx-state-tabs .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: pointer;
    background-color: transparent;
    border: none;
}
.workshop-form .selected-course span {
    background: #7ac6da none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    display: block;
    overflow: hidden;
    padding: 4px 10px 4px 8px;
}
.workshop-form .selected-course span i {
    color: #3c94b1;
    float: right;
    margin-top: 7px;
    cursor: pointer;
}
.workshop-form .selected-course {
    color: #005984;
    font-family: akzidenz-grotesk_next_regulRg;
    font-size: 16px;
    margin: 1px 0 20px;
}
.workshop-form .selected-course > label {
    float: left;
    line-height: 35px;
    margin-right: 10px;
}
.workshop_form .ci-tab-content {
    padding: 25px 50px;
}
.workshop_form .ci-state-title {
    color: #005984;
	padding: 15px 0;
    text-align: center;
}
.workshop_form .ci-state-title > h2 {
    display: inline-block;
    font-family: zil_semi_slabregular;
    font-size: 28px;
}
.workshop_form .ci-state-title > h3 {
    display: inline-block;
    font-family: akzidenz-grotesk_nextlight;
    font-size: 28px;
    font-weight: normal;
    margin: 0 5px;
}
.workshop_form .ci-tab-content .event-details {
    text-align: center;
    position:relative;
    background: #fff;
    box-shadow: 0 0 4px 1px rgba(187, 207, 236, 0.46);
    padding: 25px 15px;
    margin-bottom: 16px;
    margin-top: 16px;
    min-height: 250px;
}
.event-details .free_badge{
   position:absolute;
   top:0;
   right:0;
   height:45px;
   width:45px;
   background:url(../images/free_badge.png) no-repeat;
}
.workshop_form .ci-tab-content .event-details h3 {
    font-size: 23px;
    line-height: 24px;
    color: #005984;
    font-family: 'akzidenz-grotesk_nextmedium';
    margin-bottom: 5px;
}
.workshop_form .ci-tab-content .event-details h4 {
    font-size: 16px;
    color: #777777;
    font-family: 'akzidenz-grotesk_next_regulRg';
    min-height: 37px;
}

.ci-tab-content .event-details .label_radio {
    background: rgba(0, 0, 0, 0) url(https://www.learntotrade.com.au/assets-kta/themes/learntotradecomau/images/mobile_input_radio.png) no-repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    padding-left: 34px;
    position: relative;
    color: #898b8c;
    font-family: akzidenz-grotesk_nextmedium;
    font-size: 16px;
	font-weight:400;
}
.ci-tab-content .event-details .label_radio.select {
    background: rgba(0, 0, 0, 0) url(https://www.learntotrade.com.au/assets-kta/themes/learntotradecomau/images/mobile_input_radio_green_active.png) no-repeat scroll 0 0;
}
.ci-tab-content .event-details .label_radio input {
    height: 30px;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 30px;
}

.ci-tab-content .event-details h5 {
    font-size: 22px;
    color: #2bbbb3;
    font-family: 'akzidenz-grotesk_next_regulRg';
    margin: 14px 0;
    border-bottom: 1px dashed #efefef;
    border-top: 1px dashed #efefef;
    padding: 10px 0;
}

.ci-tab-content .event-details .btn-bar {
    margin-top: 15px;
}
.workshop_form .btn-primary {
    border: 0;
	font-size: 18px;
	font-family: "zil_semi_slabregular";
    padding: 8px 0;
	width:90%;
	max-width:220px;
	margin:auto;
    background-color: #ed2a59;
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.workshop_form .btn-primary:hover {
    background-color: #dc034a;
}
#showmorediv {
    margin: 30px 0 40px;
	text-align: center;
}
#showmorediv input{
	max-width:310px;
}
#maplink {
	z-index: 2;	
}
#banner-event-seminar-info .free-seminar-badge {
	z-index: -1;
}






.workshop-form .selected-course {
    color: rgb(0, 89, 132);
    font-family: akzidenz-grotesk_next_regulRg;
    font-size: 16px;
    margin: 0px 0px 22px;
}
.workshop-form .selected-course label{
	font-weight:400;
}
.workshop-form .box {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 4px 1px rgba(187, 207, 236, 0.46);
    margin-bottom: 40px;
    padding: 30px;
    font-family: akzidenz-grotesk_next_regulRg;
    font-size: 11px;
    color: #777;
}
.workshop-form h2 {
    color: #005984;
    font-size: 26px;
    margin-bottom: 20px;
}
.workshop-form ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.workshop-form ul li {
    float: left;
    width: 50%;
    margin-bottom: 23px;
}
.workshop-form ul li input[type="text"] {
    width: 96%;
    height: 37px;
    color: #777;
    border: 1px solid #e6e6e6;
    background-color: #fbfbfb;
    box-shadow: inset 0 2px 3px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.05);
    font-family: akzidenz-grotesk_nextmedium;
    font-size: 14px;
    padding: 10px;
}
.workshop-form ul li.full {
    float: none;
    width: auto;
}
.workshop-form  .back {
    float: left;
	cursor:pointer;
	color: #f76e71;
    font-family: akzidenz-grotesk_next_regulRg;
    font-size: 14px;
    line-height: 46px;
}
.workshop-form .btn-bar {
    border-top: 1px dashed #ececec;
    margin-top: 20px;
    padding-top: 25px;
}
.workshop-form .back i {
    margin-right: 5px;
}

div#seminar_list h6 {
    text-align: center;
}

@media (min-width:768px){

.fx-state-tabs .nav-tabs > li.active:after {
    color: #effcff;
    content: "\f0d8";
    font-family: fontawesome;
    font-size: 70px;
    left: 32%;
    position: absolute;
    top: 38px;
}

}

@media (max-width:767px){

.fx-state-tabs .container-fluid {
    padding-right: 5px;
    padding-left: 5px;
} 
#customForm .add-more-attendee {
    margin: 2px 0;
}
.workshop-form .btn-bar {
    padding-top: 5px;
    margin-top: 0;
}
.workshop_form .btn-primary {
    border: 0;
    max-width: 100%;
    margin: auto;
    display: block;
    width: 100%;
}
.workshop-form ul li{
float: none;
width:100%;
}
  .workshop_form .ci-tab-content {
    padding: 25px 0;
  }
  .fx-state-tabs .nav > li > a {
    padding: 15px 4px;
    font-size: 22px;
  }
 #semiar_list [class*=col-]{
   padding-left:0;
   padding-right:0;
 }


}


@media (max-width:320px){


  .fx-state-tabs .nav > li > a {
    padding: 20px 1px;
    font-size: 18px;
  }



}




#maplink {
	position: relative !important;
	width: 306px;
	height: 338px;
        left:1px;
}
#transparent_map {
	position: absolute;
	z-index: 30;
	/*width: 340px;
	height: 438px;*/
	border: none;
}
#maplink ul {
	list-style: none;
}
#maplink li {
	position: absolute !important;
	z-index: 20;
        margin:0 !important;
        box-shadow:none !important;
        background-color:transparent !important;
	text-indent: -1000em;
	display: none;
}
#maplink #PHL_LUZ {
	background: url(https://www.learntotrade.com.ph/assets-lttph/themes/lttph/images/luzon.png) no-repeat;
	width: 257px !important;
	height: 266px;
	top: 0px;
	left:0;
}
#maplink #PHL_MND {
	background: url(https://www.learntotrade.com.ph/assets-lttph/themes/lttph/images/mindanoa.png) no-repeat;
	width: 306px !important;
	height: 132px;
	top: 206px;
	left: 0;
}
#maplink #PHL_VIS {
	background: url(https://www.learntotrade.com.ph/assets-lttph/themes/lttph/images/visayas.png) no-repeat;
	width: 290px !important;
	height: 86px;
	top: 159px;
	left: 0px;
}

/*** 06-09-2019 Start Here  **/

#maplink .vn_LUZ {
	background: url(https://www.learntotrade.com.ph/assets-lttph/themes/lttph/images/luzon_vn.png) no-repeat !important;
	width: 257px !important;
	height: 266px;
	top: 0px;
	left:0;
}
#maplink .vn_MND {
	background: url(https://www.learntotrade.com.ph/assets-lttph/themes/lttph/images/mindanoa_vn.png) no-repeat !important;
	width: 306px !important;
	height: 132px;
	top: 206px;
	left: 0;
}
#maplink .vn_VIS {
	background: url(https://www.learntotrade.com.ph/assets-lttph/themes/lttph/images/visayas_vn.png) no-repeat !important;
	width: 290px !important;
	height: 86px;
	top: 159px;
	left: 0px;
}

/*** 06-09-2019 Start Here  **/

#loaderPC {
    z-index: 112;
}


@media (max-width:767px){

   #maplink {
	width: 100%;
	height:auto;
        left:1px;
}
#maplink ul{
   display:none;
}
#maplink #PHL_LUZ, #maplink #PHL_MND, #maplink #PHL_VIS{
    display:none;
}
#maplink #PHL_LUZ:active, #maplink #PHL_MND:active, #maplink #PHL_VIS:active{
    display:none;
}
.banner_new .col-md-5{
   padding:0;
}
#banner-event-seminar-info {
    padding: 8px 10px;
    padding-top: 17px;
}
#transparent_map {
    border: none;
    height: auto;
    max-width: 100%;
    width: 100%;
}

}



@media (max-width:321px){


#banner-event-seminar-info {
    padding: 8px 0px;
    padding-top: 17px;
}
.banner.d2 .container-fluid{
    padding-left:0;
    padding-right:0;
}


}


.workshop_form .ci-tab-content .event-details.spcl-events{
    background: #004668;
}
.workshop_form .ci-tab-content .event-details.spcl-events h3 {
    color: #fff;
}
.ci-tab-content .event-details.spcl-events .label_radio,
.workshop_form .ci-tab-content .event-details.spcl-events h4 {
    color: #2bbbb3;
}

@media (min-width:1200px){
    .workshop_form .ci-tab-content .event-details h3 {
        min-height: 47px;
    }
}