/* CSS Document */
    /*Subpage Style Break*/
    #sp-main {
        width: 100%;
    }
    #sp-main #left {
        float: none;
        width: auto;
        padding: 0;
    }
    #SpContent_Container {
        padding: 0;
    }
    #SpSubHead {
        display: none;
    }
    .addthis_toolbox.addthis_default_style {
        display: none;
    }
    #SpContent_Container .calloutbox:nth-child(2) {
        top: 1px;
        right: 0;
        position: absolute;
        z-index: 10;
    }
    
    #sp-main:before{display:none}
    .header-out {border-bottom: 2px solid rgba(0,0,0, .1);}
    .bottomcontentarea-out { display: none;}
    /*Subpage Style Break*/

    /*Page styles
    =============================================================*/
    
    /*Setion padding*/
    :root{
        --teal:#55B5BA;
        --teal:#55B5BA;
        --blue:#03306b;
    }
    section{padding:90px 0} 
    
    /*ul padding margin*/
    ul { padding: 0; margin: 0;}
    p { font-size: 1.55rem; color: #777; line-height: 3rem;}
    .hr-line { padding: 0 10%;}
    .hr-line hr {     
        border: 5px;
        margin-top: 55px;
        margin-bottom: 55px;
        margin-bottom: 55px;
        border: 0;
        height: 2px;
        background: #f7f7f7;
        border-top: 1px solid #ddd;
        box-shadow: inset 0 0 1px 0 rgb(0 0 0 / 20%);
    }
    #toTopBtn {
        background-color:var(--teal);
        border: none;
        border-radius: 100px;
        bottom: 10%;
        color: white;
        cursor: pointer;
        display: none;
        font-size: 38px;
        height: 50px;
        line-height:50px;
        outline: medium none;
        padding: 0;
        position: fixed;
        right: 50px;
        width: 50px;
        z-index: 99;
        opacity: 0.5;
        -webkit-transition: all 225ms ease-in 0s;
        -moz-transition: all 225ms ease-in 0s;
        -o-transition: all 225ms ease-in 0s;
        transition: all 225ms ease-in 0s;
}
    #toTopBtn:hover{
         opacity: 1;
    }

    /*Titles*/
    .title{font-size:4rem; padding-right: 25%;}
    .subtitle{font-size:3rem; color:#555; line-height: 5rem; padding-right: 25%;}
    
    /*Flex Items*/
    .flex-parent{display:flex; }
    .flex-col{flex:1; width:100%;}
    
    /*Image overlay*/
    .overlay{position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background-color:rgba(3,48,108,.6); backdrop-filter: blur(4px);}
    

    /*Hero Section*/
    #hero{    
        padding: 0;
        min-height: 377px;
        background: url(https://www.glacuho.org/resource/resmgr/2022_cp/page1/images/hero.jpg);
        background-attachment: fixed;
        background-size: 100%;
    }
    
    #hero .hero-caption { text-align: center; position: absolute; top: 50%; width: 100%; left: 0; transform: translateY(-50%); color:#fff;}
    #hero .hero-caption .title { font-size: 5rem; color:#fff; padding:0;}
    #hero .hero-caption p { color: #fff; padding: 0;}
    
    
    /*Scroll Nav*/
    #scroll-nav { background: #55B5BA;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#73cece+0,55b5ba+100 */
    background: #73cece; /* Old browsers */
    background: -moz-linear-gradient(top,  #73cece 0%, #55b5ba 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #73cece 0%,#55b5ba 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #73cece 0%,#55b5ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73cece', endColorstr='#55b5ba',GradientType=0 ); /* IE6-9 */
    border-top: 2px solid rgba(0,0,0, .1);
    border-bottom: 2px solid rgba(0,0,0, .1);
    }
    .nav-bar > ul > li { list-style: none; list-style: none;
    flex-grow: 1;
    flex-basis: 0; }
    .nav-bar > ul > li > a { color: #fff; text-align: center; display: block; font-size: 1.8rem; text-transform: uppercase; text-shadow: 0 -1px 1px rgb(0 0 0 / 8%); padding: 10px 10px; border-right: 2px solid rgba(0,0,0,.045); border-left: 1px solid rgba(255,255,255, .3);}
    .nav-bar > ul > li > a:hover {background: rgba(0,0,0, .045);}
    .nav-bar > ul > li:first-child > a{border-left: 2px solid rgba(0,0,0,.045);}
    .nav-bar > ul > li > a > i {opacity: .7; font-size: 1.5rem;}
    .nav-bar > ul > li > a:hover > i {opacity: 1; }
    
    /*Top Info*/
    #top-info {
    border-bottom: 2px solid rgba(0,0,0, .1);
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
    }
    
    #top-info .title {padding-right: 0;}
    #top-info .flex-parent { 
        background: #f7f7f7;
        padding: 2%;
        border: 2px solid rgba(255,255,255, .5 );
        box-shadow: rgb(0 0 0 / 30%) 0px 20px 21px -15px;
        background: /* top, transparent red, faked with gradient */ linear-gradient( rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 1) ), /* bottom, image */ url(https://www.glacuho.org/resource/resmgr/2022_cp/page1/images/hero.jpg);
        background-attachment: fixed;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 60px;
    }
    #top-info .flex-parent > .flex-col{padding:0;}
    #top-info .flex-parent > .flex-col:first-child {padding-right: 20px;}
    #top-info .flex-parent > .flex-col:first-child .subtitle { color: #555; font-weight: 300;}
    #top-info .flex-parent > .flex-col:last-child img{border: 2px solid rgba(0,0,0, .8);}
    .ad-section{padding: 60px 0 120px;}
    #top-info .title { color: #333;}
    #event-details{    
    margin-top: 56px;
    text-shadow: 2px 2px 1px rgb(255 255 255);
    padding: 0 2%;}
    #event-details .subtitle { font-size: 3rem; line-height: 5rem; font-weight: 500;}
    #bottom-links {     
        border: 8px solid #f9f9f9;
        padding: 2%;
        box-shadow: inset 0 0 0 3px #55b5ba;
    }
    #triangle-top-info, #triangle-top-info-4 {
        position: absolute;
        bottom: -71px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        color: var(--blue);
        font-size: 14rem;
        text-shadow: 0 0px 11px rgb(0 0 0 / 15%);
    }
    #triangle-top-info-2, #triangle-top-info-3  {    
        position: absolute;
        bottom: -71px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        color: #ddd; 
        font-size: 14rem; 
        text-shadow: 0 0px 11px rgb(0 0 0 / 30%);
    }
    #bottom-links .subtitle {    font-size: 1.6rem; margin-bottom: 10px; font-weight: 700;  color: #666; padding: 0; line-height: 3rem;}
    #bottom-links  .formbutton{margin-bottom: 20px; font-size: 1.3rem;}
    
   
    /*Pricing*/
    #price-info {
        background: #f1f1f1;
        background-image: url(https://www.glacuho.org/resource/resmgr/2022_cp/page1/images/price_bg.jpg);
        background-size: cover;
        background-attachment: fixed;
    }
    #price-info .overlay{
      background-color: rgba(249,249,249,.90);

    }
    .section-title { text-align: center; margin-bottom: 30px;}
    .section-title .title {padding: 0;     color: #333; text-shadow: 2px 2px 1px rgb(255 255 255);}
    #disclamer { text-align: center; padding: 0 0 0;}
    #disclamer .subtitle{ padding:0; color: #999; font-size: 2rem;}
    .priceOption {
        padding: 1%;
    }
    .pricingTable {
        border: 3px solid var(--teal);
        text-align: center;
        padding: 30px 0;
        background: #fff;
        box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
        }
    .priceTitle {
        color: var(--teal);
        font-size: 17px;
        font-weight: 600;
    		line-height: normal;
        margin: 0 0 30px;
        text-transform: uppercase;
    }
    .priceValue {
        background-color: var(--blue);
        padding: 30px 0;
        position: relative;
    }
    .priceValue2 {
        background-color: var(--teal);
        padding: 30px 0;
        margin-bottom: 30px;
        position: relative;
    }
    .priceValue::before {
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #ffffff;
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .priceValue2::before {
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid var(--blue);
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .pricingTable .type {
        color: #fff;
        display: block;
        font-size: 15px;
        font-weight: 600;
        text-transform: uppercase;
    }
    .pricingTable .amount {
        color: #fff;
        display: inline-block;
        font-size: 50px;
    		font-weight: 600;
        position: relative;
    }
    .pricingTable .currency {
        left: -35px;
        position: absolute;
        top: 0px;
    }
    .pricingTable .value {
        font-size: 20px;
        position: absolute;
        right: -27px;
        top: 21px;
    }
    .priceBenefits {
        list-style: none;
        margin: 0 0 30px;
        padding: 0;
    }
    .priceBenefits li {
        color: #aaaaaa;
        font-size: 16px;
    		font-weight: 600;
        line-height: 35px;
    }
    
    /*Ad section 2*/
    #ad-2{background: var(--blue)}
    .sponsor-title .title {color: #fff; padding-right: 0; text-shadow:none; text-align:center; padding-bottom: 60px;}
    #ad-2 .sponsor-item { margin-bottom: 20px;}
    .carousel-indicators { bottom: -48px;}
     /*Speakers*/
    #speakers-info{  
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
    }
    #speakers-info .speaker-item {
        padding: 60px 0;
        border-bottom: 1px solid #ccc;
        
    }
    #speakers-info .speaker-item:last-child{border-bottom:none;}
    #speakers-info .sectionIntro .title {
        padding-right: 0;
        text-align: center;
        color: #333;
    }
  
    
    
    /*Hotel*/
   
    #exibitor{
      padding-right: 4%;
      color: #333;
      text-shadow: 2px 2px 1px rgb(255 255 255);
    }
    #exibitor-title{padding:0; border-bottom: 1px solid #ccc;}
    #exibitor-title .title { color: #333; margin-bottom: 0; margin-bottom: 40px;}
    #exibitor .speaker-item {padding: 60px 0;}
    #exibitor .speakerButton.formbutton { text-shadow: none;}
    
    #hotel-info {     
    border-top: 2px solid rgba(0,0,0, .1);}
    #hotel{ border: 2px solid var(--teal); background: #FFF; padding: 2%; box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;}
    
    #hotel-title{padding-bottom:10px;}
    #hotel-title .title {
        padding-right: 0;
        color: #333;
        text-shadow: 2px 2px 1px rgb(255 255 255);
    }
    #hotel-img { width: 442px; margin-bottom: 20px;}
    .hotel-info {padding: 8px;}
    #accordeon .panel-default {    
        border-color: var(--teal);
        border-width: 3px;
        border-radius: 8px;
    }
    #accordeon .panel-default>.panel-heading {  
        color: #fff;
        background-color: var(--teal);
        border-color: #ddd;
        padding: 20px;
    }
    #accordeon  .panel-title a { text-transform: uppercase; font-weight: 300;}
    #accordeon .panel-title a:hover, #accordeon .panel-title a:focus { color: #fff; opacity: .7;}
    #accordeon .panel-body h5 { font-size: 1.8rem; color:#333;}
    #accordeon .panel-body p { font-size: 1.3rem;  line-height: 2rem; margin-bottom: 15px;}
    #accordeon  .panel-title a:hover { opacity: .7; color: #fff;}
    #agendaAccordion { padding: 0; }
    .agendaButton.formbutton { margin-bottom: 10px; font-size: 1.3rem;}


   @media(min-width: 1440px){
        .pricingTable{min-height:630px;}
    }
    @media(max-width:1200px){
        #price-info .flex-parent { width: 100%; margin-left: auto;}
        #top-info .flex-parent { flex-direction: column-reverse;}
        #top-info .flex-parent > .flex-col { padding: 2%;}
        .subtitle { font-size: 2rem; color: #555; line-height: 3.5rem; padding-right: 25%;}
        #event-details {margin-top: 0;}
        #bottom-links .formbutton { width: 100%;}
        .pricingTable { min-height: 680px;}
        #accordeon .panel-default>.panel-heading {
            padding: 10px;
        }
    }
    
    @media(max-width:990px){
        #hotel {
            padding: 4%;
            display: inline-block;
            margin-bottom: 60px;
            width: 100%;
        }
        
    }
    
    @media(max-width:959px){
        
    }
    @media(max-width:767px){
       p { line-height: 2.55rem;}
        .subtitle { padding-right: 0;}
        #hero .hero-caption .title { font-size: 4rem;}
         ul.flex-parent { flex-direction: column;}
        .nav-bar > ul > li > a > i { display: none;}
        .nav-bar > ul > li > a { border: none; border-bottom: 1px solid rgba(0,0,0,.1);}
        .nav-bar > ul > li:first-child > a{border-left:none;}
        .nav-bar > ul > li:last-child > a { border-bottom: none;}
       #toTopBtn{right:10px;} 
        
       #top-info { padding: 30px 0;}
       #top-info .title { font-size: 3rem;}
       #top-info .flex-parent {
            border-color: rgba(0,0,0, .04);
            background: #f7f7f7;
        }
       #top-info .flex-parent > .flex-col:first-child {
            padding-right: inherit;
            text-align: center;
        }
        #top-info .flex-parent > .flex-col:first-child .subtitle { padding-right: 0;}
        
        #event-details .subtitle {
            font-size: 2.8rem;
            line-height: 3.8rem;
            font-weight: 500;
            padding-right: 0;
        }
        #event-details {
            margin-top: 0;
            text-align: center;
        }
        #bottom-links {
            border: 8px solid #f9f9f9;
            padding: 7%;
            box-shadow: inset 0 0 0 3px #55b5ba;
            text-align: center;
        }
        
        #speakers-info .speaker-item {text-align: center;}
        .speakerImg img { margin: 0 auto 20px;}
        
        #price-info .flex-parent { flex-direction: column;}
        #price-info { background-attachment: unset;}
        .pricingTable {min-height: auto;}
        div#accordeon {padding: 0;}
       
        #speakers-info { padding: 60px 0;}
        #accordeon .panel-default>.panel-heading {
            padding: 10px;
            text-align: center;
        }

        #hotel-info .container { padding: 0;}
        #exibitor{text-align: center;}
        #exibitor .speaker-item {padding: 30px 0; border-bottom: 1px solid rgba(0,0,0, .2);}
        #price-info .container { padding: 0;}
        .priceOption { padding: 0; margin-bottom: 30px;}
        #triangle-top-info, #triangle-top-info-4, #triangle-top-info-2, #triangle-top-info-3 { bottom: -50px; font-size: 10rem;}
        #exibitor .speaker-item:last-child {
            border-bottom: none;
        }
        

    }