@charset "utf-8";

html {
/*     overflow: hidden; */
    height: 100%;
}

body{
    overflow-y: scroll;
    height: 100%;
    font-family:  Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    background-color: #FBFCFD;
}
.whitespace-fix{
    height:auto;
    overflow:hidden;
}

body.windows::-webkit-scrollbar{
    width: 20px;
    background:transparent;
    position: absolute;
}
body.windows::-webkit-scrollbar-thumb{
    height:56px;
    background-color: rgba(179, 179, 179, 0.42)
}
.hero{
    overflow-x: hidden;
}

h1{
    font-size: 48px;
    line-height: 54px;
    font-weight: 400;
    margin-top:-8px;
    margin-bottom: 66px;
}
h2{
    color: #000;
    margin-top: 0;
    line-height: normal;
    font-size: 44px;
    margin-bottom: 32px;
    font-weight: bold;
}

.test{
    background-color: hotpink!important;
}
p.taller{
    line-height: 27px;
    font-size: 17px;
}
.sticky-footer{
    width: 100%;
    height: auto;
    background-color: #043544;
    bottom: 0;
    left: 0;
}

.sticky-footer-inner{
    padding-right: 30px;
    padding-left: 30px;
    position: relative;
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
}
a{
    cursor: pointer;
}
#fullpage.touch{
    overflow-y: scroll; /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;

}

.grid{
    margin: 0 auto;
    max-width: 1180px;
    min-width: 320px;
    padding: 0;
    width: 100%;
    height: inherit;
}

.home .grid, .grid.homestyle{
    max-width: 1025px;
}
.grid.internalstyle{
    max-width: 1025px;
}
.grid.herostyle{
    max-width: 1600px;
}
p.lines-higher{
    margin-top: -7px;
    line-height: 1.75em;
}
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bg-offwhite{
    background-color: #FBFCFD;
}

.windows #header-bar .top-nav{
    padding-right: calc(100vw - 100%);
}

.content-bg {
    position: relative;
    background-position:center center;
    background-size: 1600px;
    background-repeat: no-repeat;
    margin: 0 auto;
    max-width: 1600px;
    min-width: 320px;
    padding: 0;
    width: 100%;
    height: inherit;
}

.fader-full{
    background-image: url("../assets/images/blog_banner_screen.png");
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    top: 0;
}
.blogs-single .fader-full, .blogs-single .fader-right, .blogs-single .fader-left{
    height: 100%;
}
.section{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 100vh;
}

.section .grid{
    background-repeat: no-repeat;
    background-position:right 10%;
    background-size: 50% 50%;
}

p.button-spacing{
    margin-bottom: 53px;
}

p.block-text.button-spacing{
    margin-bottom: 50px;
}
p.lines-higher.button-spacing{
    margin-bottom: 50px;
}

.bttn, .bttn:active, .touch .bttn:hover{
    transition:   all 250ms cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
    background-color: #0d758e;
    color: #ffffff;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 8px;
    font-weight: bold;
    font-size: 15px;
    line-height: 27px;
    letter-spacing: 1.13px;
    padding-left: 35px;
    padding-right: 35px;
    text-align: center;
    cursor: pointer;
}
.home-bttn-holder .bttn:first-of-type{
    margin-bottom: 10px;
}
.bttn.white-bttn, .touch .bttn.white-bttn:hover{
    background-color: #ffffff;
    color: #000000;
}
.bttn-txt{
    text-transform: uppercase;
}
.home-bttn{
    display: block;
    margin-bottom: 10px;
}
.bttn-text{
    text-align: center;
}
.bttn.download-bttn, .bttn.bttn-smaller{
    margin-left: auto;
    margin-right: auto;
    padding-left: 25px;
    padding-right: 24px;
    padding-top: 7px;
    padding-bottom: 4px;
}
.bttn:hover{
    background-color: #22C8DF;
}
.bttn.white-bttn:hover{
    color: #ffffff;
     background-color: #22C8DF;;
}

.bttn a{
    text-decoration: none;
    color: #000000;
}
.txt-bttn{
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 3px;
    border-bottom: 1px solid #22C8DF;
    letter-spacing : 0.98px;
    transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);

}
a.txt-bttn{
    color: #000000;
    text-decoration: none;
}
a.txt-bttn:hover, .txt-bttn:hover{
    color: #22C8DF;
}

.three-col-object .blog-link{
    position: absolute;
    bottom: 30px;
}

/** top nav**/
#header-bar{
    z-index: 11;
    position:fixed;
    width: 100%;
    top: 0;
    left: 0;
    transition: top 0.2s ease-in-out;
    -webkit-transition: top 0.2s ease-in-out;
    -moz-transition:  top 0.2s ease-in-out;
    -o-transition: top 0.2s ease-in-out;
    height: 60px;
}
.windows #header-bar.modalOpen{
    padding-right: 20px;
}
.logo-main, .logo-cn{
    float:left;
}
.logo-cn{
    margin-top: 17px;
    margin-left: 20px;
}
#header-bar.nav-up {
    top: -91px;
}
#header-bar.nav-down{
    background-color: #00758f;
}
.template #header-bar{
    background-image: url(../assets/images/learn_banner.png);
    background-size: cover;
    background-position: top center;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
    margin-bottom: 6px;
}
.navbar-expand{
    display: block;
}
.navbar-collapse{
    display: none;
}
.top-nav{
    height:60px;
    position: relative;
}

#top-nav-contact{
    width: 158px;
}
#top-nav-contact span{
    width: 122px;
}
#top-nav-contact span{
    color: #00758F;
    background-color: #FFFFFF;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5.5px;
    padding-bottom: 5.5px;
}
#top-nav-contact span:hover{
    color:#FFFFFF;
    background-color:  #00C8E1 ;
}
#top-nav-blogs{
    width: 64px;

}
#top-nav-home{
    width: 75px;
}
.top-nav-right{
    position: absolute;
    right:0;
    height: inherit;

}
.top-nav-right a, .touchevents .top-nav-right a:hover{
    color: #FFFFFF;
    text-decoration: none;
    float: left;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 54px;
    border-top:6px solid transparent;
    text-align: center;

}
.top-nav-right a.active{
    border-top:6px solid #FFFFFF;
}
.top-nav-right a:hover{
    color: #00C8E1;
}
.top-nav-right a.active:hover{
    color: #FFFFFF;
    border-top:6px solid #FFFFFF;
}
.top-nav-right a#top-nav-contact:hover{
    color: #FFFFFF;
}
@media (hover: hover) {
    .touchevents .top-nav-right a:hover{
        color: #00C8E1;
    }
    .touchevents .top-nav-right a.active:hover{
        border-top:6px solid #FFFFFF;
        color: #FFFFFF;
    }
}



/**landing page**/
.p1-content{
    background-repeat: no-repeat;
    padding-top: 70px;
    padding-bottom: 75px;
    width: 1024px;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
}
#home-4 .p1-content{
    padding-bottom: 70px;
}
.blogs-single .hero .p1-content{
    padding-top: 0;
    padding-bottom: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.home .heroSlider-outer{
    background-size: cover;
    background-position: center;
}

.heroSlider .slick-prev{
    left: Calc(50% - 747px);
}
.heroSlider .slick-next{
    right: Calc(50% - 747px);
}
#home-slide-1{
    background-image: url("../assets/images/home_banner1_bg_1441.jpg");
}
#home-slide-2{
    background-image: url("../assets/images/home_banner2_bg_1441.jpg");
}
#home-slide-3{
    background-image: url("../assets/images/home_banners/home_banner_codeone_bg_1441.jpg");
}
#home-slide-4{
    background-image: url("../assets/images/home_banners/home_banner_kubcon_bg_1441.jpg");
}

#home-2{
    height: 500px;
    background-image: url("../assets/images/home_colorblock1.png");
    background-size: cover;
    background-position: center;
    background-repeat: repeat-y;

}
#home-5{
    height: 500px;

}
.yellow-line{
    position: absolute;
    width: 1px;
    height: 335px;
    background-color: #cbb450;
    top:50%;
    right:0;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

#home-3{
    height: 500px;
}
#home-vector-1{
    background-image: url("../assets/images/home_vector1.svg");
    background-size: contain;
    background-position: left center;
}
#home-vector-2{
    background-image: url("../assets/images/home_vector2.svg");
    background-size: contain;
    background-position: right center;
}
#home-vector-3{
    background-image: url("../assets/images/home_vector3.svg");
    background-size: contain;
    background-position: left center;
}
.home .p1-content,.p1-content.home-spacing{
    width: 1025px;
    padding-top: 72px;
    height: inherit;

}
p.block-text{
    color:#ffffff;
    font-size:21px;
    line-height: 36px;
}

p.block-text.txt-black{
    color: #000000;
}
section{
    background-repeat: no-repeat;

}
section.border-bottom{
    border-bottom: 1px solid #f5f5f5;
}
section.bottom-shadow, section.bg-black, section.no-bottom-border{
    border-bottom: none;
}
.text-block-right{
    background-repeat: no-repeat;
    width:50%;
    float:right;
    text-align: right;
    padding-top: 72px;
    padding-right: 30px;
    padding-left: 30px;
    height: inherit;
}
.text-block-left{
    background-repeat: no-repeat;
    width:50%;
    float:left;
    text-align: left;
    padding-top: 72px;
    padding-left: 30px;
    padding-right: 30px;
    height: inherit;

}
.image-block-left, .image-block-right{
    width: 50%;
    float: left;
    height: inherit;
    background-repeat: no-repeat;
}
h1 span.border-bottom{
    border-bottom: 1px solid;
    padding-bottom: 33px
}

.pull-quote {
    background-repeat: no-repeat;
    font-size: 29px;
    color: #0d758e;
    padding-top: 0;
    padding-left: 0;
    padding-right: 30px;
    background-size: 96px 84px;
    display: inline-block;
    text-align: center;
    margin-left: 30px;
    margin-bottom: 75px;

}
.quote-text{
    font-style: italic;
}
.quote-caller{
    float: right;
    color: #0d758e;
    font-size: 17px;
    line-height:27px;
    margin-top: 31px;
    text-align: right;
}
.caller-name{
    font-size: 18px;

}
.caller-title{
    font-size: 16px;
}
/** assets**/
.asset-columns-container{
    width: 1025px;
    max-width: 100%;
    margin-top: -48px;
    margin-bottom: 74px;
    display: table;
}
.asset-column{
    width: 33.33%;
    float: left;
    color: #ffffff;
}
.asset-column-object{
    width:100%;
    position: relative;
    height:225px;
    overflow: hidden;
    text-align: center;
    background-size: cover;

}

.tile-title{
    font-size: 40px;
}

.title-text{
    font-size: 16px;
}
.tile-link-title{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 4px;
}
.tile-link-desc{
    font-size: 16px;
}
.ideate .asset-column-object{
    background-color:#003b4d;
}

.innovate  .asset-column-object{
    background-color:#00758f;
}

.dominate  .asset-column-object{
    background-color:#324b5c;
}
.asset-tile{
    padding-right: 30px;
    padding-left: 30px;

}
.icon-video,.icon-article{
    margin-bottom: 13px;
}


.asset-tile.link{
    position: absolute;
    padding-top: 43px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:inherit;
    cursor: pointer;
}

.asset-tile{
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.asset-column-object a{
    color: #ffffff;
    text-decoration: none;
}

.asset-tile.link:hover{
    text-decoration: underline;
}
.touch .asset-tile.link:hover{
    text-decoration: none;
}
.ideate .asset-tile.link{
    background-color: rgba(0, 55, 72, .85);
}
.innovate .asset-tile.link{
    background-color: rgba(14, 105, 127, .85);
}
.dominate .asset-tile.link{
    background-color: rgba(46, 67, 82, .85);
}

#ideate-2{
    background-image: url("../assets/images/mosaic/ideate3.jpg");

}
#ideate-3{
    background-image: url("../assets/images/mosaic/dominate3.jpg");

}
#ideate-4{
    background-image: url("../assets/images/mosaic/ideate1.jpg");

}
#innovate-1{
    background-image: url("../assets/images/mosaic/innovate1.jpg");
}
#innovate-3{
    background-image: url("../assets/images/mosaic/innovate2.jpg");
}
#innovate-4{
    background-image: url("../assets/images/mosaic/innovate3.jpg");
}
#dominate-1{
    background-image: url("../assets/images/mosaic/dominate1.jpg");
}
#dominate-2{
    background-image: url("../assets/images/mosaic/dominate2.jpg");
}
#dominate-4{
    background-image: url("../assets/images/mosaic/ideate2.jpg");

}

/**hero**/
.hero {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 510px;
    position: relative;
    width: 100%;
    padding-top: 60px;
    overflow-y:hidden;
}

.learn .hero, .home .hero{
    padding-top: 0;
}

.hero > div {
    position: relative;
    z-index: 2;
}
.bottom-shadow{
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
    margin-bottom: 6px;
}
/*pages without hero slider**/
.hero-content{
    display: block;
    position: relative;
    width: 100%;
    height: -webkit-fill-available;
}
/*hero slider*/
button.slick-arrow{
    background-color: transparent;
}

button.slick-arrow:hover{
    background-color: transparent;
}


.page-bg{
    width: 100%;
    height: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#slide-1{
    background-image: url("../assets/images/home_banners/home_banner1_text_1441.svg");
    background-size: 1145px 450px;
    background-position: top center;

}
#slide-2{
    position: relative;

}
.slide-bttn-holder{
    background-size: 1145px 450px;
    background-position: center;
    background-repeat: no-repeat;
    position:absolute;
    width:1445px;
    height:450px;
    left:50%;
    top:0;
    transform:translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}
.slide-2-bttn-holder{
    background-image: url("../assets/images/home_banner2_text_1441.svg");
}
.slide-3-bttn-holder{
    background-image: url("../assets/images/home_banners/home_banner_codeone_text_1441.svg");

}
.slide-4-bttn-holder{
    background-image: url("../assets/images/home_banners/home_banner_kubcon_eu_text_1441.svg");
}
.slide-bttn{
    position: absolute;
    left: 650px;
    top: 264px;
}
.slide-bttn2{
    top: 320px;
}
.slick-next, .touch .slick-next:hover{
    background-image: url("../assets/icons/right_arrow.svg");
}
.slick-next:hover{
    background-image: url("../assets/icons/right_arrow_over.svg");
    background-color: inherit;
}
.slick-prev, .touch .slick-prev:hover{
    background-image: url("../assets/icons/left_arrow.svg");
}
.slick-prev:hover{
    background-image: url("../assets/icons/left_arrow_over.svg");
    background-color: inherit;
}
#blogs-bg, #hero-bg{
    position: relative;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
    min-width: 320px;
    padding: 0;
    width: 100%;
    height: inherit;
}

.blogs  .slick-next, .touch.blogs .slick-next:hover{
    background-image: url("../assets/icons/right_arrow_blog.svg");
}
.blogs .slick-next:hover{
    background-image: url("../assets/icons/right_arrow_blog_over.svg");
}
.blogs .slick-prev, .blogs.touch .slick-prev:hover{
    background-image: url("../assets/icons/left_arrow_blog.svg");
}
.blogs .slick-prev:hover{
    background-image: url("../assets/icons/left_arrow_blog_over.svg");
}

.dots-holder{
    position: relative;
    width: 50%;
    display: flex;
    justify-content: space-evenly;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -31px;
}
.dots-holder .slick-prev,
.dots-holder .slick-next{
    position: inherit;
    margin-top: -15px;

}
.dots-holder .slick-dots{
    width: auto;
    margin-bottom: 0;
    margin-top: 0;
}
#home-bg .slick-next, #home-bg .slick-prev{
    background-color: transparent;
}


button, .button:hover {
    background-color: inherit;
    -webkit-appearance:none;
    -moz-appearance: none;
}
.heroSlider-page{
    position: relative;;
}
.heroSlider  .arrows {
    position: absolute;
    width: 96% !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

 .slick-arrow {
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
    position: absolute;
     z-index: 10;
    width: 29px;
    height: 54px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: none;
    outline: none
}


.slick-arrow:before, .slick-arrow:after {
    color: #fff;
    font-size: 120px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    position: absolute;
    left: 0;
    opacity: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.slick-arrow:after {
    -webkit-transition: opacity 700ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: opacity 700ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition:opacity 700ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 700ms cubic-bezier(0.4, 0, 0.2, 1);
}

 .slick-arrow:hover {
    cursor: pointer;
}

.slick-arrow:before, .slick-arrow:after {
    left: 50% !important;
    opacity: 1
}

.heroSlider, .notSlider{
    position: relative;
}

.slick-dots {
    position: absolute;
    bottom: -16px;
    width: 100%;
    text-align: center;
    -webkit-transition: opacity 650ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: opacity 650ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition:opacity 650ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 650ms cubic-bezier(0.4, 0, 0.2, 1);
    padding-left: 0;
}
.blogs .slick-dots, .heroSlider .slick-dots{
    bottom: 19px;
}

.slick-dots li {
    margin: 5px 5px;
    outline: none;
    position: relative;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: none;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    width: 22px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    text-indent: -100px;
    background-color: transparent;
    border: 2px solid #ffffff;
    border-radius: 50%;
    display: inline-block;
    height: 17px;
    width: 17px;
    overflow: hidden;
    outline: none;
    cursor: pointer;
    padding:0;
    margin:0;
}

.slick-dots li button:hover {
    background: #ffffff;
}

.slick-dots li button:focus {
    outline: 0
}

.slick-dots li button::-moz-focus-inner {
    border: 0
}

.slick-dots li.slick-active button {
    border: 2px solid #ffffff;
    background: #ffffff;
}
/***LEARN***/
/**Learn Main**/

.heroSlider-outer{
    background-size: cover;
    background-position: center;
    padding-top: 60px;
}
#learn-slide-1{
   background-image: url("../assets/images/learn_landing_banner1_1441.jpg");

}
#learn-slide-2{
    background-image: url("../assets/images/learn_landing_banner2_1441.jpg");
}
#learn-slide-3{
    background-image: url("../assets/images/learn_landing_banner3_1441.jpg");
}
.learn .heroSlider h1{
    font-weight: 700;
    font-size: 44px;
    width: 642px;
    margin-bottom: 8px;
}
.bttn-arrow{
    position: absolute;
    height: 18px;
    width: 25px;
    background-image: url(../assets/icons/arrow_button.svg);
    background-size: 22px 18px;
    background-position: top left;
    background-repeat: no-repeat;
    margin-top: 8px;
    -moz-transition:  background-position 0.33s ease-in-out;
    -ms-transition:  background-position 0.33s ease-in-out;
    -o-transition:  background-position 0.33s ease-in-out;
    transition:  background-position 0.33s ease-in-out;
    
}
.arrow-bttn:hover .bttn-arrow{
    background-position: top right
}
.learn .heroSlider p{
    color: #FFFFFF;
    font-size: 21px;
    line-height: 36px;
    width: 642px;
    margin-bottom: 49px;
}
.quickview{
    position: absolute;
    right: 0;
    top:0;
    background-color: #00758F;
    height: 45px;
    width: 138px;
    color: #FFFFFF;
    padding: 0 15px 0 15px;
    line-height: 48px;
    cursor: pointer;
    font-size: 15px;
}
.quickview:hover, .quickview.active, .touchevents .quickview.active:hover{
    background-color:#00C8E1 ;
}
.touchevents .quickview:hover{
    background-color: #00758F;
}

@media (hover: hover) {
    .touchevents .quickview:hover{
        background-color:#00C8E1 ;

    }
}

.quickview-icon{
    width: 21px;
    height: 48px;
    float: right;
    background-image: url(../assets/icons/hamburger.svg);
    background-repeat: no-repeat;
    background-position: center;

}
.category-object{
    border: 1px solid #00758F;
    width: 100%;
    display: inline-block;
    height: auto;
    margin-bottom: 20px;
    -moz-transition:  height 0.33s ease-in-out;
    -ms-transition:  height 0.33s ease-in-out;
    -o-transition:  height 0.33s ease-in-out;
    transition:  height 0.33s ease-in-out;
}
.category-object-left{
    height: 160px;
    background-size: 330px 160px;
    background-position: top right;

}
#category-object-1 .category-object-left{
    background-image: url("../assets/images/learn_category_images/application.jpg");
}
#category-object-2 .category-object-left{
    background-image: url("../assets/images/learn_category_images/distributed.jpg");
}
#category-object-3 .category-object-left{
    background-image: url("../assets/images/learn_category_images/infrastructure.jpg");
}
#category-object-4 .category-object-left{
    background-image: url("../assets/images/learn_category_images/observability.jpg");
}
#category-object-5 .category-object-left{
    background-image: url("../assets/images/learn_category_images/machine.jpg");
}

.subcategory-holder{
    width: 556px;
    margin-left: auto;
    margin-right: auto;
    display: none;
}
.subcategory-holder.slick-initialized{
    display: block;
}
/**/
.subcategory-holder .slick-arrow{
    z-index: 2;
    width: 20px;
    height: 35px;
    background-size: 20px 35px;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);

}
.subcategory-holder .slick-next{
    background-image: url("../assets/icons/arrow_right_selected.svg");
    right: -40px;
}
.subcategory-holder .slick-next:hover {
    background-image: url("../assets/icons/arrow_right_hover.svg");
}
.touchevents .subcategory-holder .slick-next:hover {
    background-image: url("../assets/icons/arrow_right_selected.svg");
}
@-moz-document url-prefix() {
    .touchevents .subcategory-holder .slick-next:hover {
        background-image: url("../assets/icons/arrow_right_hover.svg");
    }
}
@media (hover: hover) {
    .touchevents .subcategory-holder .slick-next:hover {
        background-image: url("../assets/icons/arrow_right_hover.svg");
    }
}
.subcategory-holder .slick-prev{
    background-image: url("../assets/icons/arrow_left_selected.svg");
    left: -40px;

}
.subcategory-holder .slick-prev:hover {
    background-image: url("../assets/icons/arrow_left_hover.svg");
}
.touchevents .subcategory-holder .slick-prev:hover {
    background-image: url("../assets/icons/arrow_left_selected.svg");
}
@-moz-document url-prefix() {
    .touchevents .subcategory-holder .slick-prev:hover {
        background-image: url("../assets/icons/arrow_left_hover.svg");
    }
}
@media (hover: hover) {
    .touchevents .subcategory-holder .slick-prev:hover {
        background-image: url("../assets/icons/arrow_left_hover.svg");
    }
}
.subcategory-holder .slick-next.slick-disabled,  .touchevents .subcategory-holder .slick-next.slick-disabled:hover {
    pointer-events: none;
    background-image: url("../assets/icons/arrow_right_disabled.svg");
}
.subcategory-holder .slick-prev.slick-disabled, .touchevents .subcategory-holder .slick-prev.slick-disabled:hover{
    pointer-events: none;
    background-image: url("../assets/icons/arrow_left_disabled.svg");
}

.subcategory{
    display: inline;
    float: left;
    width:139px;
    padding-left: 7px;
    padding-right: 7px;
    text-decoration: none;
}
.arrow-bttn, .arrow-bttn:active, .touch .arrow-bttn, .touch .arrow-bttn:active{
    position: relative;
    padding-left: 24px;
    padding-right: 45px;
    background-color: #00758F;
    height: 52px;
    line-height: 34px;
}
.touch .arrow-bttn:hover{
    padding-left: 24px;
    padding-right: 45px;
    height: 52px;
    line-height: 34px;
}
.arrow-bttn span{
    padding-right: 13px;
    text-transform:uppercase;
}
.bttn-arrow{

    display: inline;
}
#template-1{
    margin-top: 60px;
}
.categories-holder{
    width: 100%;
   max-width: 965px;
}
.category-object-left{
    border-right: 1px solid #00758F ;
    background-color:#043544 ;
    color: #FFFFFF;
    text-align: left;
    height: 160px;
    padding: 20px;
    width: 29%;
    float: left;
    position: relative;
}
.category-title{
    text-transform: uppercase;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: .8px;
    font-weight: 700;
    text-align: right;
    right: 20px;
    width: 240px;
}
.category-close{
    font-size: 17px;
    font-weight: 700;
    color: #00758F;
    text-align: right;
    margin-bottom: 23px;
    cursor: pointer;
}
.category-close:hover{
    text-decoration: underline;
}
.category-object-right{
    background-color:#005267 ;
    padding-top: 20px;
    width: 71%;
    float: left;
    height: 160px;
}
.icon-subcategory{
    width: 86px;
    height: 86px;
    margin-bottom: 3px;
    background-position: center;
    border-radius: 50%;
    background-size: 75px 75px;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition:  background-size 0.25s ease-in-out;
    -moz-transition:  background-size 0.25s ease-in-out;
    -ms-transition:  background-size 0.25s ease-in-out;
    -o-transition:  background-size 0.25s ease-in-out;
    transition:  background-size 0.25s ease-in-out;
}
.subcategory:hover .icon-subcategory{
    background-size: 81px 81px;
}
.subcategory.active:hover .icon-subcategory{
    background-size: 75px 75px;
}
.subcategory:hover .subcategory-text{
    text-decoration: underline;
}
.subcategory.active:hover .subcategory-text{
    text-decoration: none;
}
#icon-microservices{
    background-image: url("../assets/images/learn_icons/microservices.png");
}
.subcategory:hover #icon-microservices {
    background-image: url("../assets/images/learn_icons/microservices_over.png");
}

.subcategory.active #icon-microservices, .subcategory:active #icon-microservices{
    background-image: url("../assets/images/learn_icons/microservices_selected.png");
}
#icon-database{
    background-image: url("../assets/images/learn_icons/database.png");
}
.subcategory:hover #icon-database {
    background-image: url("../assets/images/learn_icons/database_over.png");
}
.subcategory.active #icon-database, .subcategory:active #icon-database{
    background-image: url("../assets/images/learn_icons/database_selected.png");
}
#icon-resource-management{
    background-image: url("../assets/images/learn_icons/resource_mgt.png");
}
.subcategory:hover #icon-resource-management {
    background-image: url("../assets/images/learn_icons/resource_mgt_over.png");
}
.subcategory.active #icon-resource-management, .subcategory:active #icon-resource-management{
    background-image: url("../assets/images/learn_icons/resource_mgt_selected.png");
}
#icon-security{
    background-image: url("../assets/images/learn_icons/security.png");
}
.subcategory:hover #icon-security {
    background-image: url("../assets/images/learn_icons/security_over.png");
}
.subcategory.active #iicon-security, .subcategory:active #icon-security{
    background-image: url("../assets/images/learn_icons/security_selected.png");
}
#icon-object_storage{
    background-image: url("../assets/images/learn_icons/object_storage.png");
}
.subcategory:hover #icon-object_storage{
    background-image: url("../assets/images/learn_icons/object_storage_over.png");
}
.subcategory.active #icon-object_storage, .subcategory:active #icon-object_storage{
    background-image: url("../assets/images/learn_icons/object_storage_selected.png");
}
#icon-package-management{
    background-image: url("../assets/images/learn_icons/package_management.png");
}
.subcategory:hover #icon-package-management{
    background-image: url("../assets/images/learn_icons/package_management_over.png");
}
.subcategory.active #icon-package-management{
    background-image: url("../assets/images/learn_icons/package_management_selected.png");
}
#icon-ci-cd{
    background-image: url("../assets/images/learn_icons/ci_cd.png");
}
.subcategory:hover #icon-ci-cd{
    background-image: url("../assets/images/learn_icons/ci_cd_over.png");
}
.subcategory.active #icon-ci-cd{
    background-image: url("../assets/images/learn_icons/ci_cd_selected.png");
}
#icon-serverless{
    background-image: url("../assets/images/learn_icons/serverless.png");
}
.subcategory:hover #icon-serverless{
    background-image: url("../assets/images/learn_icons/serverless_over.png");
}
.subcategory.active #icon-serverless{
    background-image: url("../assets/images/learn_icons/serverless_selected.png");
}
#icon-container-orchestration{
    background-image: url("../assets/images/learn_icons/container_orchestration.png");
}
.subcategory:hover #icon-container-orchestration{
    background-image: url("../assets/images/learn_icons/container_orchestration_over.png");
}
.subcategory.active #icon-container-orchestration{
    background-image: url("../assets/images/learn_icons/container_orchestration_selected.png");
}
#icon-service-mesh-and-discovery{
    background-image: url("../assets/images/learn_icons/service_mesh_and_discovery.png");
}
.subcategory:hover #icon-service-mesh-and-discovery{
    background-image: url("../assets/images/learn_icons/service_mesh_and_discovery_over.png");
}
.subcategory.active #icon-service-mesh-and-discovery{
    background-image: url("../assets/images/learn_icons/service_mesh_and_discovery_selected.png");
}

#icon-queuing-streaming{
    background-image: url("../assets/images/learn_icons/queuing_streaming.png");
}
.subcategory:hover #icon-queuing-streaming{
    background-image: url("../assets/images/learn_icons/queuing_streaming_over.png");
}
.subcategory.active #icon-queuing-streaming{
    background-image: url("../assets/images/learn_icons/queuing_streaming_selected.png");
}
#icon-infrastructure-as-code{
    background-image: url("../assets/images/learn_icons/infra_as_code.png");
}
.subcategory:hover #icon-infrastructure-as-code{
    background-image: url("../assets/images/learn_icons/infra_as_code_over.png");
}
.subcategory.active #icon-infrastructure-as-code{
    background-image: url("../assets/images/learn_icons/infra_as_code_selected.png");
}
#icon-block-storage{
    background-image: url("../assets/images/learn_icons/block_storage.png");
}
.subcategory:hover #icon-block-storage{
    background-image: url("../assets/images/learn_icons/block_storage_over.png");
}
.subcategory.active #icon-block-storage{
    background-image: url("../assets/images/learn_icons/block_storage_selected.png");
}
#icon-file-system-storage{
    background-image: url("../assets/images/learn_icons/file_system_storage.png");
}
.subcategory:hover #icon-file-system-storage{
    background-image: url("../assets/images/learn_icons/file_system_storage_over.png");
}
.subcategory.active #icon-file-system-storage{
    background-image: url("../assets/images/learn_icons/file_system_storage_selected.png");
}
#icon-logging{
    background-image: url("../assets/images/learn_icons/logging.png");
}
.subcategory:hover #icon-logging{
    background-image: url("../assets/images/learn_icons/logging_over.png");
}
.subcategory.active #icon-logging{
    background-image: url("../assets/images/learn_icons/logging_selected.png");
}
#icon-telemetry{
    background-image: url("../assets/images/learn_icons/telemetry.png");
}
.subcategory:hover #icon-telemetry{
    background-image: url("../assets/images/learn_icons/telemetry_over.png");
}
.subcategory.active #icon-telemetry{
    background-image: url("../assets/images/learn_icons/telemetry_selected.png");
}
#icon-distributed-tracing{
    background-image: url("../assets/images/learn_icons/distributed_tracing.png");
}
.subcategory:hover #icon-distributed-tracing{
    background-image: url("../assets/images/learn_icons/distributed_tracing_over.png");
}
.subcategory.active #icon-distributed-tracing{
    background-image: url("../assets/images/learn_icons/distributed_tracing_selected.png");
}
#icon-machine-learning-1{
    background-image: url("../assets/images/learn_icons/machine_learning_1_selected.png");
}
.subcategory:hover #icon-machine-learning-1{
    background-image: url("../assets/images/learn_icons/machine_learning_1_over.png");
}
.subcategory.active #icon-machine-learning-1{
    background-image: url("../assets/images/learn_icons/machine_learning_1.png");
}
#icon-machine-learning-2{
    background-image: url("../assets/images/learn_icons/machine_learning_2.png");
}
.subcategory:hover #icon-machine-learning-2{
    background-image: url("../assets/images/learn_icons/machine_learning_2_over.png");
}
.subcategory.active #icon-machine-learning-2{
    background-image: url("../assets/images/learn_icons/machine_learning_2_selected.png");
}

.subcategory-text{
    color: #BDE6EE;
    font-size: 16px;
    text-align: center;
}
.category-expand{
    background-color: #FFFFFF;
    background-image: url("../assets/images/subcategory_image1440.svg");
    background-size: 512px 390px;
    background-position: top right;
    background-repeat: no-repeat;
    padding: 20px 45px 45px 45px;
    display: inline-block;
}

.category-expand-details{
	display:none;
}

.heightFix{
    overflow: hidden;
    height: 475px;
    width: 100%;
}

.category-expand-title{
    font-weight: 700;
    font-size: 30px;
    color: #00758F;
    margin-bottom: 6px;
}

.category-expand-paragraph{
    margin-bottom: 25px;
    line-height: 26px;
}
.category-expand-cta{
    color: #00758F;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 8px;
}

.categories-top{
    position: relative;
}

.solution-thumb {
    width: 200px;
    float: left;
    margin-right: 12px;
    margin-bottom: 13px;
    border: 1px solid #DBDDDD;
    text-decoration:none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
}

.windows .solution-thumb{
    margin-right:11px;
}
.solution-thumb:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);

}
.solution-thumb-logo{
    height: 110px;
}
.solution-thumb-logo img{
    width: 100%;
    height: 100%;
}
.solution-thumb-txt{
    height: 72px;
    background-color: #003B4D;
    color: #FFFFFF;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 15px;
    display:block;
    line-height: 20px;
}
/*
.solution-thumb:hover span{
    text-decoration: underline;
}
*/

.learn .search-wrap{
    top:0;
    right: 146px;
    width: 290px;
}

.learn .search-wrap input{
    color: #FFFFFF;
    background-color: #003B4D;
    width: 230px;
    padding-top: 4px;

}
.learn .search-wrap input::placeholder {
    color: #FFFFFF;
}
.ui-menu-item ul{
    display: block!important;
    left: 0!important;
    top: 0!important;
    padding-left: 13px;
}

.ui-menu-item a{
    color: #FFFFFF;
    text-decoration: none;
}
.ui-menu-item a:hover{
    text-decoration: underline;
}

.learn .search-box{
    width: 287px;
    background-color: #003B4D;
    height: 45px;
    padding: 8px 0 0 0;
    margin-left: 1px;
    border: 1px solid #00758F;
}
.search-dropdown{
    background-color: #00758F;
    padding: 14px 14px 9px 14px;
    display: none;
}
.ui-autocomplete{
    background-color: #00758F;
    padding: 14px 14px 9px 14px;
    width: 287px;
    margin-top: 14px;
    max-height: 400px;
    overflow-y: auto;

}
.search-dropdown.active{
    display: block;
}

.search-dropdown a, .ui-autocomplete li{
    display: block;
    color: #FFFFFF;
    margin-bottom: 2px;
    line-height: 22px;
}
.search-dropdown a:hover{
    text-decoration: underline;
}
.quickview-expanded{
    width: 686px;
    height: auto;
    background-color: transparent;
    position: absolute;
    right: 0;
    top: 45px;
    z-index: 5;

    -ms-overflow-style:-ms-autohiding-scrollbar;
    display: none;
}
.quickview-expanded.active{
    display: block;
}
.quickview-hovercover{
    max-height: Calc(100vh - 120px );
    margin-top: 7px;
    background-color: #FFFFFF;
    padding: 30px 18px 30px 30px;
    display: inline-block;
    border: 1px solid #00758F;
    overflow-y: auto;
    overflow-y: overlay;
    overflow-x: hidden;
    -ms-overflow-y: scroll;
}


/**Learn template- overview**/
#hero-bg-overview{
    height: 60px;
    background-image:url("../assets/images/learn_banner.png");
    background-size: cover;
    background-position: top center;
}
.template{
    background-color: #FFFFFF;
}



pre {
    max-width:100%;
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.learn .heroSlider-page{
    padding-left: 201px;
}
#learn-1 .p1-content{
    padding-bottom: 37px;
    width: 865px;
}

#learn-1 a{
    color:#00758F ;
}
#learn-1 a:hover{
    text-decoration: underline;
}
#learn-2 .p1-content{
    padding-bottom: 52px;
    display: table;
}

.grid.templatestyle{
    max-width: 1248px;
    overflow: hidden;
}
.grid.grid-hide{
    overflow-x: hidden;
}
.template .p1-content{
    padding: 0 30px 0 0;
    display: inline-block;
    width: 100%;
}
.swipe-container{
    position: relative;
    height: 100%;
    width: 100%;
    left: 0;
    -webkit-transition:  left 0.33s ease-in-out;
    -moz-transition:  left 0.33s ease-in-out;
    -ms-transition:  left 0.33s ease-in-out;
    -o-transition:  left 0.33s ease-in-out;
    transition:  left 0.33s ease-in-out;
}
.sidebar{
    position: fixed;
    top: 89px;
    padding: 0;
    left:inherit;
    background-size: 207px 367px;
    background-position: top right;
    background-repeat: no-repeat;
    height:auto;
    width: 296px;
    overflow-x: visible;

}
.template-footer{
    background-color: #003b4d;
    width: Calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
}
.swipe-area {
    position: absolute;
    width: 20px;
    right: 8px;
    top: 0;
    height: 100%;
    z-index: 0;
}
.swipe-container.open-sidebar {
    left: 0;
}
#sidebar-toggle {
    cursor: pointer;
    background: #00758F;
    position: absolute;
    left: 0;
    top: -34px;
    width: 100%;
    height: 34px;
    float: right;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    line-height: 34px;
    display: none;
}
#sidebar-toggle span{
    margin-left: 46px;
}


.sidebar-contents{
    min-height: 627px;
    background-image: url("../assets/images/course_left_nav.svg");
    background-color: #E5F1F4;

    background-size: 207px 367px;
    background-position: top right;
    background-repeat: no-repeat;
    max-height: Calc(100vh - 90px);
    padding: 28px 15px 46px 15px;
    overflow-y:hidden;
    opacity: 1;
    -webkit-transition: opacity 0.33s ease-in;
    -moz-transition:  opacity 0.33s ease-in;
    -o-transition: opacity 0.33s ease-in;
    transition:  opacity 0.33s ease-in;
}
@media only screen and (max-height: 746px) {
    .sidebar-contents {
        min-height: Calc(100vh - 88px);
    }
}

.sidebar-contents:hover{
    overflow-y: auto;
}

.sidebar-contents:hover::-webkit-scrollbar, .quickview-hovercover::-webkit-scrollbar{
    width: 10px;
    background:transparent;
    position: absolute;
}
.sidebar-contents:hover::-webkit-scrollbar-thumb, .quickview-hovercover::-webkit-scrollbar-thumb{
    height:56px;
    background-color: rgba(179, 179, 179, 0.42)
}

.open-sidebar .sidebar-contents{
    opacity: 1;

    overflow-x: hidden;
}
.template-box-right{
    position: relative;
    width: 952px;
    min-height: 100px;
    padding:0 30px 0 30px;
    -webkit-transition: width 0.33s ease-in;
    -moz-transition:  width 0.33s ease-in;
    -o-transition: width 0.33s ease-in;
    transition:  width 0.33s ease-in;
    margin-left: 296px;
    max-width: Calc(100% - 30px);
}
.open-sidebar .template-box-right{
    max-width: Calc(100% - 256px);
}
.collapse-arrow-left{
    left: 20px;
    height: 14px;
    width: 17px;
    background-image: url("../assets/icons/arrow_collapse.svg");
    background-size: 17px 14px;
}
.collapse-arrow-left:hover{
    background-image: url("../assets/icons/arrow_collapse_over.svg");

}
.collapse-arrow-left img, .collapse-arrow-right img{
    display: block;
}
.collapse-arrow-right{
    opacity: 1;
    right:5px;
    height: 14px;
    width: 17px;
    background-image: url("../assets/icons/arrow_open.svg");
    background-size: 17px 14px;
    -webkit-transition: opacity 0.33s ease-in;
    -moz-transition:  opacity 0.33s ease-in;
    -o-transition: opacity 0.33s ease-in;
    transition:  opacity 0.33s ease-in;
}
.collapse-arrow-right:hover{
    background-image: url("../assets/icons/arrow_open_over.svg");
}
.open-sidebar .collapse-arrow-right{
    opacity: 0;
}
.course-contents{
    color: #00758F;
    font-size: 25px;
    line-height: 29px;
    letter-spacing: 2.5px;
    margin-bottom: 5px;
}
.related-content .course-contents{
    margin-bottom: 19px;
}
.course-contents-block{
    border-bottom: 1px solid #D9D9D9;
    padding: 12px 0 0 0;
    margin-left: 15px;
    margin-right: 15px;
}

.course-contents-block:last-of-type{
    border-bottom: none;
}
.course-contents-label{
    color: #808080;
    font-size: 13px;
    letter-spacing: 1.3px;
    margin-bottom: 4px;
    text-transform: uppercase;
}
.template-box-right .course-contents-label{
    margin-top: 8px;
}

.course-contents-item{
    font-size: 16px;
    color: #00758F;
    position: relative;
    display: block;
    margin-bottom: 12px;
    line-height: 19.2px;
    text-decoration: none;
}
.course-contents-item:last-of-type{
    margin-bottom: 10px;
}
.course-contents-item:hover{
    text-decoration: underline;
}
.course-contents-item.active{
    font-weight: 700;
    color: #003B4D;
}
.course-contents-item.active:hover{
    text-decoration: none;
}
.sidebar-contents:hover .course-contents-block{
    margin-right: 10px;
}
.course-contents-item .marker{
    background-color: transparent;
    width: 4px;
    height: Calc(100% - 5px);
    margin-left: -9px;
    position: absolute;
    bottom: 4px;

}
.course-contents-item.active .marker{
    background-color: #00758F;
}
.feedback-block{
    margin-top: 42px;
    margin-bottom: 11px;
    margin-left: 15px;
}
a.feedback{
    font-size: 16px;
    color: #00758F;
}
a.feedback:hover{
    text-decoration: underline;
}
a.feedback .feedback-icon{
    margin-right: 8px;
    margin-bottom: -2px;
}
.related-content{
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    padding: 30px 20px 22px 20px;
    width: 266px;
}
.soln-logo{
    width: 380px;
    height: 160px;
}
.soln-logo img{
    width: 100%;
    height: auto;
}
/***parser**/
#md_content h1{
    font-size: 35px;
    line-height: normal;
    font-weight: 700;
    color: #003B4D;
    margin-bottom: 2px;
    margin-top: 4px;
}
#md_content h2{
    font-size: 30px;
    font-weight: 400;
    color: #003B4D;
    margin-bottom: 6px;
    overflow-wrap: break-word;

}
#md_content h3{
    font-size: 23px;
    font-weight: 700;
    color: #003B4D;
    margin-bottom: 2px;

}
#md_content h4{
    font-size: 23px;
    font-weight: normal;
    color: #003B4D;
    margin-bottom: 1px;

}
#md_content h5{
    color: #003B4D;
    font-weight: 700;
    font-size: 18px;
}
#md_content p{
    font-size: 16px;
    color: #000000;
    line-height: 24px;

}
#md_content ul{
    margin-top: 0;
}
#md_content code{
    color: #787878;
    margin-left: 48px;
    display: block;
    word-wrap: break-word;
    max-width: 100%;
}
#md_content code {
    background-color: #F0F5F7;
    padding: 20px;
}
#md_content p code, #md_content ol code, #md_content ul code, #md_content li code{
    display: inline;
    margin-left: 0px;
    padding: 0;
    background-color: transparent;
}

#md_content a{
    color: #00758F;
    text-decoration: none;
}
#md_content a:hover{
    text-decoration: underline;
}
#md_content img {
	max-width: 100%;
}
#md_content ul, #md_content li{
    line-height: 24px;
}

#md_content .video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

#md_content .video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/**EVENTS**/
.events-hero{
    width: 1441px;
    margin-right: auto;
    margin-left: auto;
    display: table;
    position: relative;
    height: inherit;
}
.events-hero-text{
    color: #FFFFFF;
    margin-left: 120px;
}
#events-bg{
    background-image: url("../assets/images/events_landing_1441.jpg");
    background-position: bottom center;
    background-size: cover;
}
.events-single #events-bg{
    background-position: center center;
}
.events-hero h1{
    margin-bottom: 14px;
}
.events .events-hero-text p{
    color: #FFFFFF;
    font-size: 21px;
    line-height: 36px;
    width: 825px;
    margin-bottom: 49px;
}

.event-bg{
    background-image: url("../assets/images/event_banners/generic1_sm.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height:287px;
    background-position: center center;
    padding: 84px 40px 20px 40px;
    border-bottom: 10px solid #00758F;
}
.event-label{
    position: absolute;
    background-color:#00C8E1 ;
    color: #FFFFFF;
    text-transform: uppercase;
    left: -14px;
    top:21px;
    padding-left: 16px;
    padding-right: 35px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing : 0.98px;
}
.event-label-caret{
    top: 53px;
    background-image: url("../assets/images/event_type_bottom.svg");
    width: 14px;
    height: 16px;
    background-size: 14px 16px;
    position: absolute;
    left: -14px;
}
.event-date, .event-location{
    display: inline;
}
.event-object{
    margin-bottom: 34px;
}
.date-time{
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    letter-spacing : 0;
    margin-bottom: 0;
    color : #BDE6EE;
}
#events-header{
    font-weight : 700;
    font-size : 44px;
    line-height : 48px;
    color : #000000;
    margin-bottom: 36px;
}
#events-1{
    background-color: #F0F5F7;
}
.arrow-bttn.event-bttn, .arrow-bttn.event-bttn:hover{
    font-size: 13px;
    height: 43px;
    line-height: 24px;
    padding-left: 18px;
    padding-right: 31px;
    width: fit-content;
    width: -moz-max-content;
    display: inline-block;
}
.arrow-bttn.event-bttn.phone-only, .arrow-bttn.event-bttn.phone-only:hover{
    display: none!important;
}
.arrow-bttn.event-bttn.phone-invis, .arrow-bttn.event-bttn.phone-invis:hover{
    display: inline-block!important;
}

.event-bttn .bttn-arrow{
    width: 20px;
    height: 14px;
    background-size: 18px 14px;
    margin-top: 4px;
}

.event-bttn .arrow-bttn span {
    padding-right: 9px;
}
.events-tabs{
    width: 100%;
    border-bottom:10px solid #003B4D;
    margin-bottom: 45px;
}
.events-tab-holder{
    display: table;
    margin-left: auto;
    margin-right: auto;
    height: 42px;
    margin-bottom: -4px;
}
.events-tab{
    cursor: pointer;
    background-color: #FFFFFF;
    color:#00758F ;
    letter-spacing : 1.11px;
    font-weight: 700;
    font-size: 15px;
    height: inherit;
    width: 195px;
    display: inline-block;
    position: relative;
    margin-right: 2.5px;
    margin-left: 2.5px;
}
.events-tab:hover{
    background-color:#00758F ;
    color: #FFFFFF;
}
.events-tab.active, .events-tab.active:hover{
    background-color: #003B4D;
    color: #FFFFFF;
    cursor: auto;
    pointer-events: none;
}

.events-tab span{
    position: absolute;
    top: 18px;
    width: 100%;
    text-align: center;
    display: inline;
}

.windows #upcoming-events-tab span{
    min-width: 164px;
}
.windows #past-events-tab span{
    min-width: 117px;
}
.event-title{
    color: #FFFFFF;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 38px;
    max-height: 72px;
    overflow: hidden;
}
.event-subtitle{
    font-style: italic;
}

.event-blurb{
    background-color: #FFFFFF;
    border: 1px solid #DBDDDD;
    border-top: none;
    padding:  20px 22px 20px 22px ;
    font-size : 16px;
    line-height : 21px;
    color : #767676;

}
.events .p1-content{
    padding-bottom: 40px;
}
.event-corner{
    background-image: url("../assets/icons/banner_graphic.svg");
    position: absolute;
    top:0;
    right: 0;
    width: 118px;
    height: 118px;
    background-size: 118px 118px;
}
.events-bttns{
    margin-left: auto;
    margin-right: auto;
   display: table;
    position: relative;
}

ul.countdown-clock{
    list-style: none;
    position: absolute;
    bottom: 4px;
    right: 16px;
    width: 286px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: none;
    flex-flow: row nowrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
}
.countdown-clock li{
    float:left;
    padding-top: 10px;
    margin-left: 3px;
    margin-right: 3px;
    position: relative;
    width: 76px;
    height: 78px;
    border: 1px solid #BDE6EE ;
    background-color: rgba(0,0,0,.3);
    font-size : 14px;
    line-height : 34px;
    letter-spacing : 0.7px;
    color : #BDE6EE;
    text-align: center;
}
.countdown-days, .countdown-hours, .countdown-minutes{
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 0.7px;
    line-height: 39px;
    margin-bottom: 0;

}
/**EVENTS SINGLE**/

.events-single .hero{
    padding-top: 0;
}
.events-single-hero{
    padding-top: 129px;
    width: 1441px;
    margin-right: auto;
    margin-left: auto;
    display: table;
    position: relative;
    height: inherit;

}
.events-single-hero .events-hero-text{
    margin-left: 250px;

}
.events-single-hero .date-time{
    margin-bottom: 13px;
    font-size : 18px;
    line-height : 20px;
    letter-spacing : 0.9px;
}
.events-single-hero h1#hero-title{
    margin-bottom: 0;
    font-size : 44px;
    line-height : 46px;
}
.events-single-hero .hero-subheading{
    font-style : italic;
    font-size : 26px;
    line-height : 28px;
    margin-bottom: 0;
    margin-top: 13px;
}
.register-bttn{
    margin-bottom: 0;
    margin-top: 46px;
}
.past_event .register-bttn{
    display: none;
}
#add-to-cal{
    position: absolute;
    right:250px;
    bottom: 122px;
}
.add-event{
    cursor: pointer;
    background-color: transparent;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 13px;
    letter-spacing: 0.8px;
    color: #BDE6EE!important;
    background-image: none;
    padding: 2px 0px 1px 38px;
    text-decoration: underline;
    box-shadow: none;
    border: none;
    outline: none;
    background-image: url(../assets/icons/calendar.svg);
    width: 16px;
    height: 18px;
    background-size: 16px 18px;
    margin-top: -4px;
    background-repeat: no-repeat;
    width: auto;
    padding-left: 24px;
    display: initial;
    background-position: top left;
}
.add-to-calendar-checkbox~a {
    background-image: url("../assets/icons/calendar.svg");
    background-size: 40px 45px;
    background-repeat: no-repeat;
    background-position: top center;
    text-decoration: none;
    width: 146px;
    padding-top: 57px;
    float: left;
    display: block!important;
    margin-left: 0;
    color: #BDE6EE;
}
.add-to-calendar-checkbox~a:hover{
    background-image: url("../assets/icons/calendar_over.svg");
    color: #00C8E1;

}
.touch .add-to-calendar-checkbox~a:hover {
    background-image: url("../assets/icons/calendar.svg");
    color: #BDE6EE;
}
@media (hover: hover) {
    .touch .add-to-calendar-checkbox~a:hover {
        background-image: url("../assets/icons/calendar_over.svg");
        color: #00C8E1;
    }
}
.add-to-calendar-checkbox{
    right: 9999px;
    position: absolute;
}
.add-event-pop{
    width: 584px;
    margin-right: auto;
    margin-left: auto;
}
#add-to-cal-popup{
    display: none;
    background-color: #003B4D;
    padding: 67px 30px 61px 30px;
    width: 711px;
    text-align: center;
    top: 50%!important;
    transform: translateY(-50%);
    -ms-transform:  translateY(-50%);
    -webkit-transform:  translateY(-50%);
}

.add-event:hover{
    color: #00C8E1!important;
}
.cal-close{
    position: absolute;
    right:20px;
    top:20px;
    cursor: pointer;
    font-weight : 700;
    font-size : 16px;
    line-height : 15.44px;
    letter-spacing : 0.8px;
    color : #FFFFFF;
}
.cal-close:hover{
    text-decoration: underline;
}
#add-to-cal-popup h1{
    font-weight: 700;
    font-size : 34px;
    line-height : 36px;
    margin-bottom: 14px;
    color : #FFFFFF;
}
#add-to-cal-popup p{
    font-size : 16px;
    line-height : 23px;
    color : #FFFFFF;
    margin-bottom: 39px;
}

.copyx{
    display: none!important;
}
.events-single-hero .countdown-clock{
    right: 246px;
    bottom: 17px;
}
/**Agenda**/
h1.agenda-header{
    font-weight : bold;
    font-size : 44px;
    line-height : 48.04px;
    color : #000000;
    margin-bottom: 30px;
}
.agenda-description{
    margin-bottom: 38px;
    font-size : 16px;
    line-height : 27px;
    color : #000000;
}

#tabs .block {
    padding-top: 10px;
    display: none;
}
#tabs .block.active {
    display: block;
}

.agenda-tabs-ul{
    width: 827px;
    overflow: hidden;
    color: #FFFFFF;
    list-style: none;
    display: block;
    height: 51px;
    padding-left: 18px;
}
.border-holder{
    width: 100%;
    border-bottom: 10px solid #003B4D;
    margin-bottom: 15px;
}
.agenda-tabs-ul.with-arrows{
    padding-left: 61px;
    padding-right: 61px;
    width: 914px;

}
.agenda-tabs-ul .slick-next{
    background-image: url("../assets/icons/circle_btn_default_right.svg");
    right:0;
    padding: 0;
}
.agenda-tabs-ul .slick-prev{
    background-image: url("../assets/icons/circle_btn_default_left.svg");
    left: 0;
    padding: 0;
}
.agenda-tabs-ul li:first-of-type{
    margin-left: 0px;
}
.a-tab {
    cursor: pointer;
    height:51px;
    padding-top: 12px;
    text-align: center;
    width: 155px!important;
    margin-left: 5px;
    float: left;
    background-color:#8AADBF ;
    text-transform: uppercase;
    font-weight : bold;
    font-size : 15px;
    line-height : 17px!important;
    letter-spacing : 0.75px;
}
.a-tab.active, .a-tab.active:hover{
background-color: #003B4D;
}
.a-tab:hover{
    background-color:#00C8E1 ;
    color: #FFFFFF;
}

.agenda-tabs-ul li a{
    color: #FFFFFF;
}
.agenda-tabs-ul .slick-track{
    height: 51px;
    display:flex;
}
.tracks-dd-label{
    cursor: pointer;
    width: 550px;
    max-width: 100%;
    border: 1px solid #C7D6DB;
    background-color:#F0F5F7 ;
    height: 45px;
    font-weight : bold;
    font-size : 16px;
    line-height : 17px;
    color : #00758F;
    position: relative;
    padding-left: 22px;
    padding-right: 44px;
    background-image: url("../assets/icons/arrow_dropdown.svg");
    background-repeat: no-repeat;
    background-size: 19px 11px;
    background-position-y: 17px;
    background-position-x: Calc(100% - 20px );
}
.tracks-dd-label span{
    max-width: Calc(100% - 81px);
    max-height: 19px;
    overflow: hidden;
}
.tracks-dd{
    display: none;
    width: 550px;
    max-width: 100%;
    border: 1px solid #C7D6DB;
    background-color:#F0F5F7 ;
    font-size : 16px;
    line-height : 17px;
    color : #00758F;
    border-radius: 0;
    outline: none;
    height: auto;
    position: absolute;
    left: 0px;
    top: 45px;
    border-top: none;
    z-index: 12;
}
.track-error{
    margin-top: -2px;
}


.tracks-dd-label:hover{
    background-image: url("../assets/icons/arrow_dropdown_hover.svg");

}
.track-option{
    background-color:#F0F5F7 ;
    color : #00758F;
    padding-left: 21px;
    padding-right: 21px;
    width: 100%;
    line-height : 17px;
    position: relative;
    height: 41px;
}
.track-option:hover{
    background-color:#00C8E1 ;
    color : #FFFFFF;
}
.track-option span{
    cursor: pointer;
}
.day-item-description .desc-short, .day-item-description .desc-long {
    display: none;

}
.day-item-description .readmore{
    font-size : 15px;
    color : #00758F;
    text-decoration : underline;
    padding-right: 23px;
    background-image: url("../assets/icons/expand_open.svg");
    background-repeat: no-repeat;
    background-position: center right;
    border-bottom: none;
    background-size: 15px 15px;
}
.day-item-description .active{
    display: inherit;
}

.day-item-description .readless{
    font-size : 15px;
    color : #00758F;
    text-decoration : underline;
    padding-right: 23px;
    background-image: url("../assets/icons/expand_close.svg");
    background-repeat: no-repeat;
    background-position: center right;
    border-bottom: none;
    background-size: 15px 15px;
    cursor: pointer;

}
.day-item-description .readmore:hover, .day-item-description .readless:hover{
    color:#00C8E1 ;
}
.dayItem{
    margin-bottom: 14px;
}
.day-item-top{
    background-color: #00758F;
    height: 41px;
    line-height: 20px;
    font-size : 16px;
    padding-left: 23px;
    position: relative;
}
.day-item-top .day-time{
    color:#FFFFFF;
    display: inline;
}
.day-item-top .day-date, .day-item-top .day-location{
    color:#BDE6EE;
    display: inline;
}
.day-item-bottom{
    padding: 17px 23px 14px 23px;
    background-color: #F0F5F7;
    border: 1px solid #C7D6DB;
    -webkit-transition: height .75s ease-in-out;
    -moz-transition:height .75s ease-in-out;
    -o-transition:height .75s ease-in-out;
}
.day-item-title{
    font-weight : bold;
    font-size : 35px;
    line-height : 37px;
    color : #00758F;
    margin-bottom: 4px;
}
.day-item-description{
    font-size : 16px;
    line-height : 22px;
    color : #000000;
    margin-bottom: 5px;
    margin-top: 13px;
}
.day-item-description p{
    line-height : 22px;
}
.day-item-speakers{
    font-size : 16px;
    color : #00758F;
    margin-bottom: 5px;
    margin-top: 10px;
    line-height: 30px;
}
.day-item-speakers a{
    text-decoration: underline;
}
.day-item-speakers a:hover{
    color:#00C8E1;
}
/**Gallery**/
h1.gallery-header{
    text-align: center;
    font-weight : bold;
    font-size : 44px;
    line-height : 48.04px;
    margin-bottom: 36px;
}
.gallery-tabs {
    width: 100%;
    border-bottom: 10px solid #003B4D;
    margin-bottom: 45px;
}
.gallery-tab-holder {
    display: table;
    margin-left: auto;
    margin-right: auto;
    height: 42px;
    margin-bottom: 0px;
}
.gallery-tab {
    cursor: pointer;
    background-color: #8AADBF;
    font-weight : bold;
    font-size : 15px;
    letter-spacing : 1.13px;
    color : #FFFFFF;
    height: inherit;
    width: 195px;
    display: inline-block;
    position: relative;
    margin-right: 2.5px;
    margin-left: 2.5px;
    text-align: center;
    line-height: 52px;
}
.gallery-tab:hover{
    background-color: #00758F;
}
.gallery-tab.active, .gallery-tab.active:hover {
    background-color: #003B4D;
    color: #FFFFFF;
    cursor: auto;
    pointer-events: none;
}
#video-gallery-container{
    width: Calc(100% + 15px);
    margin-left: -7.5px;
    display: none;

}
#video-gallery-container.active-gallery{
    display: table;
}
#photo-gallery-container{
    display: none;
    width: 100%;
}
#photo-gallery-container.active-gallery{
    display: table;
}

.bc-iframe .vjs-playlist-sidebar .vjs-playlist-show-hide button:hover, .bc-player-SyGHte2Ul_default .vjs-big-play-button:active, .bc-player-SyGHte2Ul_default .vjs-big-play-button:focus, .bc-player-SyGHte2Ul_default .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected, .bc-player-SyGHte2Ul_default .vjs-play-progress, .bc-player-SyGHte2Ul_default .vjs-volume-level, .bc-player-SyGHte2Ul_default:active .vjs-big-play-button, .bc-player-SyGHte2Ul_default:hover .vjs-big-play-button{
    background-color: #00758F;
}
.video-block{
    cursor: pointer;
    width: 311px;
    height: 426px;
    position: relative;
    float:left;
    margin-left: 7.5px;
    margin-right: 7.5px;
    margin-bottom: 15px;
    transition: all .25s ease-in-out;
    z-index: 7;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
}
.video-block:hover{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    transform: scale(1.04); }

.video-block-top{
    height: 175px;
    width: 311px;
    position: absolute;
    top:0px
}
.video-block-bottom{
    background-color: #324B5C;
    position: absolute;
    top:175px;
    padding: 20px;
    height: 252px;
    overflow: hidden;
    width: 100%;
}
.video-gallery-bttns{
    margin-left: auto;
    margin-right: auto;
    display: table;
    padding-top: 30px;
}

.video-block-title{
    font-weight : bold;
    font-size : 19px;
    line-height : 20px;
    color : #BDE6EE;
    margin-bottom: 8px;
}
.video-block-description{
    font-size : 15px;
    line-height : 18px;
    color : #FFFFFF;
}
.video-block-top .vjs-poster{
    z-index: 30;
}
.video-container{
    height: 175px;
}
.video-cover{
    width: inherit;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.25);
    background-image: url(../assets/icons/video_play_btn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px 60px;
    z-index: 31;
    top: 0;
    bottom: 0;
    height: 175px;
}
.video-cover:hover, .video-bg:hover{
    background-image: url("../assets/icons/video_play_btn_hover.svg");
}
.video-cover.youtube{
    background-size: cover;
}
.video-cover.youtube:hover{
    background-image:inherit;
}
.active .video-cover, .active .video-bg{
    display: none;
}
.video-container iframe{
    height: 175px;
    width: 311px;
}
.video-bg{
    width: inherit;
    height: inherit;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.25);
    background-image: url(../assets/icons/video_play_btn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px 60px;
    z-index: 31;
}


/**SPEAKERS**/


.speaker-popup{
    height: auto;
    max-height: 100vh;
    display: none;
    background-color: #003B4D;
    padding: 65px 30px 26px 30px;
    width: 768px;
    overflow-y: auto;
    position: fixed;
    z-index: auto;
}
.windows .speaker-popup::-webkit-scrollbar{
    width: 20px;
    position: absolute;
    background-color: rgba(179, 179, 179, 0.42);
}
.windows .speaker-popup::-webkit-scrollbar-thumb{
    height:56px;
    background-color: rgba(179, 179, 179, 0.42)
}
.speaker-image-bg{
    width: 290px;
    height: 300px;
    position: relative;
    background-color: #FFFFFF;
    float: left;
    margin-right: 30px;
    border-bottom:10px solid #00758F; ;
}
.speaker-close{
    position: absolute;
    cursor: pointer;
    right: 20px;
    top:20px;
    font-weight : 700;
    font-size : 16px;
    line-height : 15.44px;
    letter-spacing : 0.8px;
    color : #FFFFFF;
}
.speaker-close:hover{
    text-decoration: underline;
}
.speaker-pop-top{
    width: 100%;
    display: flex;
    margin-bottom: 34px;
}
.speaker-block-right{
    float:right;
    width: Calc(100% - 360px);
}
.speaker-block-right .speaker-name{
    margin-bottom: 9px;
    border-left: 10px solid #00758F;
    font-size: 40px;
    line-height: 38px;
    letter-spacing: 2px;
    color: #FFFFFF;
    padding-left: 17px;
    text-align: left;
}
.speaker-block-right .speaker-role{
    text-align: left;
    font-size : 16px;
    line-height : 23px;
    letter-spacing : 0.8px;
    color : #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 23px;
}
.speaker-social .social-icon{
    width: 42px;
    height: 42px;
    margin-right: 14px;
    float:left;
    background-size: 42px 42px;

}
.speaker-social .author-twitter-bttn, .speaker-social  .touchevents, .speaker-social  .author-twitter-bttn:hover {
    margin-left: 0!important;
}
/******************************
POPUPS
******************************/
.overlay-fill {
    width: 100%;
    height: 100%;
    background-color: black;
    display: block;
    position: absolute;
    top: 21px;
    opacity: 1;
}

#overlay-container {
    z-index: 1001;
    display: none;
    text-align: center;
    opacity: 1 !important;
    width: 980px;
    margin-top: 25px;
    height: 560px;
    position: relative;
}
.voverlay-content{
    width: 639px;
    height: 360px;

}

/* modify to fit size of the popup image */
#overlay-content {
    opacity: 0;
    overflow: hidden;
    margin: 45px auto 0;
    z-index: 1001;
    display: none;
    text-align: right;
    width: 822px;
    height: 489px;
    color: #fff;
    margin-top: 24px;
    background-color:transparent;
    background-repeat: no-repeat;
    background-size: 126px 100px;
    background-position: center;
    position: absolute;
    top: 48px;
}

#voverlay-content object, #voverlay-content iframe, #voverlay-content span {
    width: 100%;
    height: 100%;
}
.y-close{
    background-image: url(../assets/icons/close_video.svg);
    color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: 94px 24px;
    background-position: right;
    width: 94px;
    height:20px;
    float: right;
    margin-top: -5px;
    margin-bottom: 5px;
    cursor:pointer;
}
.y-close:hover{
    background-image: url("../assets/icons/close_video_over.svg");
}


/**footer**/
footer{
    height: 60px;
    position: relative;
}
.sticky-footer-links{
    min-width: 488px;
    font-size: 12px;
    color: #ffffff;
    display:block;
    margin-bottom: 21px;

}
.sticky-footer-links span{
    border-right: 1px solid #cbb450;
    padding-right: 14px;
    padding-left: 14px;
    display: inline-block;
    height: 13px;
    margin-bottom: 12px;
}
.sticky-footer-links span:last-of-type{
    border:none;
}
.sticky-footer-links a, .touch .sticky-footer-links a:hover{
    color: #ffffff;
    text-decoration: none;
}
.sticky-footer-links a:hover{
    text-decoration: none;
    color:#22C8DF;
}
.social{
    width: 30px;
}
footer{
    padding-right: 30px;
    padding-left: 30px;
}
.footer-nav-left{
    display: block;
    width: 100%;
    margin-bottom: 30px;
}
.footer-nav-center{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 14px;
}

.footer-nav-right{
    display: block;
    height: 60px;
    width:100%;
    margin-bottom: 10px;
}
.footer-logo{
    background-image: url("../assets/images/footer_logo.svg");
    width: 230px;
    height: 32px;
    background-size: 100%;


}
.social a{
    width: 30px;
    height: 33px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
}
.social a.social-twitter, .touch .social a.social-twitter:hover{
    margin-right: 12px;
    background-image: url("../assets/icons/footer_twitter_icn.svg");
}
.social a.social-twitter:hover{
    background-image: url("../assets/icons/footer_twitter_icn_over.svg");
}
.social a.social-mail, .touch .social a.social-mail:hover{
    background-image: url("../assets/icons/footer_email_icn.svg");
}
.social a.social-mail:hover{
    background-image: url("../assets/icons/footer_email_icn_over.svg");
}
/** Three Column Blog Layout**/

.three-col-layout{
display:inline-block;
 max-width:100%;

}
.partner-content .three-col-layout{
    width: 100%;
}

.three-col-row{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}


.three-col-object{
    overflow: hidden;
    width: Calc(33% - 9px);
    height: 416px;
    background : #FFFFFF;
    border: 1px solid  #DBDDDD;
    box-shadow : 1px 1px 3px rgba(0, 0, 0, 0.05);
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#000000') ;
    position: relative;
    float: left;
}
a.three-col-object{
    color: #58595B;
    text-decoration: none;
}
.three-col-object:first-of-type{
    margin-left: 0;
}
.read-all-holder{
    margin-top: -26px;
    margin-bottom: 38px;
    display: inline-block;
    height: auto;
}
.title-large{
    display: block;
}
.title-small{
    display:none
}
.blog-thumb{
    position: relative;
    width: 346px;
    height: 172px;
    overflow: hidden;

}
.blog-thumb-image{
    position: absolute;
    width: 100%;
    height: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    background:no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.blog-thumb-image img {
    height: inherit;
    width: auto;
}
.three-col-layout .blog-thumb-image img{
    width: 100%;
    height: auto;
}
.blog-thumb-overlay{
    width: 100%;
    height: inherit;
    background-color: rgba(0, 0, 0,.4);
    position: absolute;
    top:0px;
    left: 0px;
    background-size: cover;
    background-position: center center;
}
.blog-thumb-desc{
    position: absolute;
    bottom:10px;
    left: 30px;
    font-weight : bold;
    font-size : 15px;
    letter-spacing : 0.75px;
    color : #FFFFFF;
    text-transform: uppercase;
}
.blog-thumb-content{
    padding: 30px 30px 30px 30px;

}
.blog-thumb-top{
    font-size : 14px;
    color : #737373;
    margin-bottom: 14px;
    font-family: "Arial Light", Arial;

}
.blog-thumb-top .date{
    display: inline;

}
.blog-thumb-top .divider{
    display: inline;
    margin-left: 3px;
    margin-right: 3px;

}
.blog-thumb-top .author{
    display: inline;

}
.blog-thumb-title {
    font-size : 22px;
    font-weight: 700;
    color : #58595B;
    letter-spacing: -.02em;
}

/***EVENTS SINGLE***/
.grid{
    background-repeat: no-repeat;
    background-position: top center;
}

.tab-bttns.expand{
    display: table;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}
.tab-bttns.collapse{
    display:none;
}
.tab-bttns{
    font-size: 18px;
    height: 57px;
}
.tab-bttns .active{
    font-weight: bold;
}
.about-module-1 a {
    color: #00758F;
    text-decoration: none;
}
.about-module-1 a.bttn{
    color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    display: table;
    margin-top: 54px;
}
.about-module-1 a:hover {
    text-decoration: underline;
}
.about-module-1 a.bttn:hover{
  text-decoration: none;
}
.events-single .speaker-html-content a {
    color: #BDE6EE;;
    text-decoration: underline;
}
.events-single .speaker-html-content a:hover {
    color: #00C8E1;
    text-decoration: underline;
}
.about-module-1{
    background-color: #FBFCFD;
    border-bottom:1px solid #ECECEC;
}
.about-module-1 h1{
    font-weight : 700;
    font-size : 44px;
    line-height : 46px;
    color : #000000;
    text-align: center;
    margin-bottom: 34px;
}
.about-module-1 p{
    text-align: center;
    font-size : 16px;
    line-height : 27px;
    color : #000000;
}
.speaker-html-content ul, .speaker-html-content li, .events-single ul, .events-single li {
    line-height: 24px;
    margin-bottom: 0;
}
.about-module-1 p:last-of-type{
    margin-bottom: 0;
}
.about-module-1 .p1-content{
    width: 100%;
    max-width: 830px;
    padding-top: 75px;
    padding-bottom: 67px;
}
.about-module-2{
    background-color: #324B5C;
}
.about-module-2 .p1-content{
    padding-top: 75px;
    padding-bottom: 136px;
}

.about-module-2 h1{
    margin-bottom: 38px;
    text-align: center;
    font-weight : 700;
    font-size : 44px;
    line-height : 46px;
    color : #FFFFFF;
}
.about-module-3{
    background-color: #FBFCFD;
    border-bottom:1px solid #F0F5F7;
}
.color1{
    background-color: #FBFCFD;
}
.color2{
    background-color: #F0F5F7;
}
.color3{
    background-color: #FFFFFF;
}
.about-module-3 .p1-content{
    padding-top: 75px;
    padding-bottom: 36px;
}
.about-module-3 h1{
    font-weight : bold;
    font-size : 44px;
    line-height : 46px;
    color : #00758F;
    max-width: 830px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 37px;
}
.about-module-3 h2{
    text-align: center;
    font-weight : bold;
    font-size : 26px;
    line-height : 28px;
    color : #00758F;
    max-width: 608px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 11px;
}
.about-module-3 p{
    text-align: center;
    font-size : 16px;
    line-height : 24px;
    color : #767676;
    max-width: 608px;
    margin-left: auto;
    margin-right: auto;
}
.about-module-3 .video-holder{
    width: 608px;
    height: 342px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    -webkit-box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.2);

}
.about-module-3 iframe{
    width: 100%;
    height: 100%;
}
.tabs{
    border-top:1px solid #4D7683;
}
.tab-bttn,.tab-bttn-label{
    float:left;
    margin-left: 23px;
    margin-right: 23px;
    font-size : 16px;
    line-height : 55px;
    letter-spacing : 0.8px;
    color : #FFFFFF;
    position: relative;
    cursor: pointer;
    text-decoration:none;
    text-transform:uppercase;
}
.tab-bttn.active span, .tab-bttn-label.active span, .tab-bttn:hover, .tab-bttns.collapse .tab-bttn:hover{
    color: #00C8E1;
}
.tab-arrow {
    display: none;
    position: absolute;
    bottom:-2px;
    width: 0;
    height: 0;
    left:50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 14px solid #fbfcfd;
}

.tab-speakers .tab-arrow{
    border-bottom: 14px solid #F0F5F7;
}
.active .tab-arrow{
    display: block;
}
.speaker-object{
    width: 290px!important;
    margin-left: 8.5px;
    margin-right: 8.5px;
    border-bottom: 10px solid #00758F  ;
}
.speaker-object-top{
    overflow: hidden;
    width: inherit;
    height: 290px;
    position: relative;
    background-color: #FFFFFF;

}
.speakers-content .speaker-object-top{
    border:1px solid #DBDDDD ;
    border-bottom: none;
}
.speaker-image{
    background-image: url("../assets/images/event_speakers/speaker_blank.svg");
    width: 290px;
    height: 290px;
    background-size: cover;
    mix-blend-mode: luminosity;
    -webkit-filter: grayscale(100%);
    background-position: center;
}
#test1{
    background-image: url("../assets/images/event_speakers/featured_speaker1.jpg");

}
#test2{
    background-image: url("../assets/images/event_speakers/featured_speaker2.jpg");

}
#test3{
    background-image: url("../assets/images/event_speakers/featured_speaker3.jpg");

}
#test4{
    background-image: url("../assets/images/event_speakers/featured_speaker4.jpg");

}
#test5{
    background-image: url("../assets/images/event_speakers/featured_speaker5.jpg");

}
.speaker-object-bottom{
    position: relative;
    width: inherit;
    background-color: #FFFFFF;
    padding: 25px 15px 25px 15px;
    height: 195px;
}
.speakers-content .speaker-object-bottom{
    border-left:1px solid #DBDDDD ;
    border-right:1px solid #DBDDDD ;
}
.speaker-html-content h1{
    font-weight : 700;
    font-size : 40px;
    line-height : 38px;
    letter-spacing : 2px;
    color : #FFFFFF;
    margin-bottom: 13px;
}
.speaker-popup p, .speaker-html-content *{
    font-size : 16px;
    line-height : 26px;
    color : #BDE6EE;
    margin-bottom: 32px;
}
.featured-slider{
    height:495px;
    visibility: hidden;
}
.featured-slider .slick-track{
    margin-left: auto;
    margin-right: auto;
}
.featured-slider.slick-initialized {
    visibility: visible;
}
.featured-slider{
    width: 923px;
    margin-left: auto;
    margin-right: auto;
}
.speaker-name{
    text-align: center;
    font-weight : 700;
    font-size : 25px;
    line-height : 25px;
    color : #58595B;
    margin-bottom: 4px;
}
.speaker-role{
    text-align: center;
    font-size : 18px;
    line-height : 20px;
    color : #737373;

}
.speaker-bttn,.speaker-bttn.arrow-bttn,.speaker-bttn:hover, .touch .speaker-bttn.arrow-bttn:hover{
    position: absolute;
    bottom: 25px;
    left: 50%;
    height: 42px;
    line-height: 24px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: max-content;
    width: 184px;
}

.speaker-bttn .bttn-arrow{
    margin-top: 2px;
}
.featured-slider .slick-dots{
    margin-bottom: -53px;
}
.featured-slider .slick-arrow, .agenda-tabs-ul .slick-arrow{
    width: 61px;
    height: 45px;
    background-size: 45px 45px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);

}

.featured-slider .slick-next{
    background-image: url("../assets/icons/circle_btn_default_right.svg");
    right: -14px;
}
.featured-slider .slick-next:hover, .agenda-tabs-ul .slick-next:hover {
    background-image: url("../assets/icons/circle_btn_hover_right.svg");
}
.touchevents .featured-slider .slick-next:hover, .touchevents .agenda-tabs-ul .slick-next:hover {
    background-image: url("../assets/icons/circle_btn_default_right.svg");
}
@media (hover: hover) {
    .touchevents .featured-slider .slick-next:hover, .touchevents .agenda-tabs-ul .slick-next:hover  {
        background-image: url("../assets/icons/circle_btn_hover_right.svg");
    }
}
.featured-slider .slick-prev{
    background-image: url("../assets/icons/circle_btn_default_left.svg");
    left: -14px;
}
.featured-slider .slick-prev:hover, .agenda-tabs-ul .slick-prev:hover {
    background-image: url("../assets/icons/circle_btn_hover_left.svg");
}
.touchevents .featured-slider .slick-prev:hover {
    background-image: url("../assets/icons/circle_btn_default_left.svg");
}
@media (hover: hover) {
    .touchevents .featured-slider .slick-prev:hover,  .touchevents .agenda-tabs-ul .slick-prev:hover {
        background-image: url("../assets/icons/circle_btn_hover_left.svg");
    }
}
.featured-slider .slick-next.slick-disabled,  .touchevents .featured-slider .slick-next.slick-disabled:hover, .agenda-tabs-ul  .slick-next.slick-disabled,  .touchevents .agenda-tabs-ul  .slick-next.slick-disabled:hover {
    pointer-events: none;
    background-image: url("../assets/icons/circle_btn_disabled_right.svg");
}
.featured-slider .slick-prev.slick-disabled, .touchevents .featured-slider .slick-prev.slick-disabled:hover, .agenda-tabs-ul .slick-prev.slick-disabled, .touchevents .featured-slider .slick-next.slick-disabled,  .touchevents .featured-slider .slick-next.slick-disabled:hover .slick-prev.slick-disabled:hover{
    pointer-events: none;
    background-image: url("../assets/icons/circle_btn_disabled_left.svg");
}
/*SPEAKERS*/
.speakers-module-1{
    background-color: #F0F5F7;

}
h1.speakers-header{
    font-weight: 700;
    text-align: center;
    font-size : 44px;
    line-height : 48px;
    margin-bottom: 35px;
    color : #000000;
}
.speakers-container{
    display: table;
    width: 921px;
    margin-left: auto;
    margin-right: auto;
}
.speakers-content .speaker-object{
    float:left;
    margin-bottom: 21px;
}
.speakers-module-1 .p1-content{
    padding-bottom: 54px;
}


.author-holder{
    position: relative;
    height: 520px;
    margin-left: 2.11%;
    width: 31.92%;
    float:left;
    margin-bottom: 32px;
}
.author-holder:first-of-type{
    margin-left:0;
}
.author-share-holder{
    display: inline;
}

#authors-blocks{
    margin-left: -15px;
    margin-bottom: -25px;

}
#authors-blocks .three-col-object{
    height: 535px;
    width: 100%;
    -webkit-transition: height .75s ease-in-out;
    -moz-transition:height .75s ease-in-out;
    -o-transition:height .75s ease-in-out;
}
.author-row{
 width: 100%;

}
.expand.author-row:last-of-type{
    padding-bottom: 180px;
    height: fit-content;
    display: table;

}
.authorTextShort{
    display: block;

}
.authorTextLong{
    display: none;
}


.author-thumb-image img{
    width:100%;
}
#authors-blocks .three-col-object.open{
    height: auto;
    position: absolute;
    z-index: 4;

}
#authors-blocks .three-col-object.open .authorTextShort{
    display: none;

}
#authors-blocks .three-col-object.open .authorTextLong{
    display:block!important;
    padding-bottom: 46px;
}
.author-thumb-content{
    padding: 30px;
}
.author-thumb-content .description, .author-thumb-content .position{
    font-size: 16px;
}
.author-thumb-content .description{
    margin-bottom: 17px;
}
.author-bar{
    margin-bottom: 7px;
}
.posts-bttn{
    position:absolute;
    left:30px;
    bottom:30px;
}
.readmore{
    border-bottom: 1px solid #f80000;
    cursor: pointer;
}
.readmore:hover, .readLess:hover{
    color: #f80000;
}
.readLess{
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    bottom: 5px;
}
.teamclose-holder{
    position: relative;
    padding-right: 25px;
    display: inline-block;
}
.readLess img{
    width: 15px;
    height: 15px;
}
.authorTextShort, .authorTextLong{
    color: #767676;
    font-size: 13px;
    line-height: 23px;
    margin-bottom: 28px;
}
.author-bar span{
    padding: .1em .1em .0em .1em;
    font-size: 30px;
    color: #fff;
    background-color: #000;
    margin-bottom: 15px;
}

/***Blogs Page***/
.blog-content h1{
    font-size: 45px;
    margin-bottom: 0;
}

.blogs-single .hero{
    overflow: hidden;
}
.blog-object-holder{
    margin-top: 30px;
}
#blogs-bg{
    overflow: hidden;
}
.blogs-bttn-holder{
    position:relative;
    width: 100%;
}
.mobile-nav{
    display: none;
}
.hero-datename{
    width: 100%;
    font-size : 18px;
    color: #ffffff;

    margin-bottom: 53px;
}

.hero-datename .date{
    display: inline;
}
.hero-datename .divider{
    display: inline;
    margin-left: 3px;
    margin-right: 3px;
}
.hero-datename .author{
    display: inline;
}
.heroSlider-page{
    height:452px;
    padding-left: 114px;
    padding-right: 114px;
}
.blogs .heroSlider-page{
    padding-left: 200px;
                   }
.blog-content p{
    font-family: Arial, Helvetica, sans-serif!important;
}
.blog-object{
    cursor:pointer;
    width:100%;
    height: 262px ;
    background-color: #ffffff;
    border:1px solid #dbdddd;
    margin-bottom: 33px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition:opacity .25s ease-in-out;
    -o-transition:opacity .25s ease-in-out;
}
.blog-object.active{
    opacity: 1;
}
.blog-object-image{
    width: 100%;
    overflow: hidden;
    height: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.blog-object-left{
    width: 269px;
    height: inherit;
    float:left;
    position: relative;
    overflow:hidden;
}
.blog-object-right{
    width: Calc(100% - 269px);
    float: left;
    padding: 25px 30px 30px 30px;
}
.blog-object-category{
    text-transform: uppercase;
    font-size: 15px;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.portrait-down{
    display: none;
}

.blog-object-title{
    color: #0f758e;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 6px;
}
.blog-object-right .date, .blog-object-right .divider, .blog-object-right .author{
    font-family: "Arial Narrow", Arial;
    color: #767676;
    display: inline-block;
    font-size: 15px;
    margin-bottom: 9px;
}
.blog-object-teaser{
    color: #767676;
    line-height: 1.4em;
    font-size: 15px;
    margin-bottom: 22px;
}
.blog-object-teaser p{
    line-height: 1.5em;
    margin-bottom: 28px;
}
.bttn-holder{
    position: absolute;
    right: 0;
    bottom: 1px;
}
.share-bttn img{
    width: 20px;
    height: 22px;
    margin-right: 8px;
    position: absolute;
    top: -4px;
}
.blog-object .txt-bttn{
    border-bottom: 1px solid #00C8F1;
    margin-right: 20px;
    font-size: 13px;
}
.share-bttn{
    font-size: 13px;
    font-weight: bold;
    position: relative;
    letter-spacing : 0.98px;
}
 .search-bttn{
    font-size: 15px;
    font-weight: bold;
    position: relative;
    width: auto;
    display: inline-block;
    float:right;
    margin-left: 22px;
    margin-top: 11px;
    cursor: pointer;
    letter-spacing : 0.98px;
}

.search-bttn img{
    width: 15px;
    height: 15px;
    top: 0;

}
.sort-bttn img, .search-bttn img{
    position: absolute;
    right: 0;


}
.share-bttn span{
    padding-left: 28px;
}

.share-bttn span:hover{
    color: #00C8F1;
}

.subscribe-bttn-black{
    float:right;
    width:118px;
    height:31px;
    background-image: url("../assets/icons/subscribe_btn.svg");
    display: inline-block;
    margin-left: 22px;
    margin-top: 3px;

}
.touch .subscribe-bttn-black:hover {
    background-image: url("../assets/icons/subscribe_btn.svg");
}
.phone-only .subscribe-bttn-black, .phone-only  .touch .subscribe-bttn-black:hover{
    margin-top: 6px;
}
.subscribe-bttn-black:hover{
    background-image: url("../assets/icons/subscribe_btn_over.svg");

}
.sort-bttn span, .search-bttn span {
    padding-right: 28px;
}
.sort-nav{
    display: none;
    opacity: 0;
    position: absolute;
    width: 209px;
    z-index: 10;
    left: -116px;
    top:70px;
    transition: opacity .25s ease-in-out, top .25s ease-in-out ;;
    -webkit-transition: opacity .25s ease-in-out, top .25s ease-in-out ;
    -moz-transition:opacity .25s ease-in-out, top .25s ease-in-out ;
    -o-transition:opacity .25s ease-in-out, top .25s ease-in-out ;
}
.sort-nav-border{
    border: 1px solid black;
}
.sort-nav.active{
    opacity: 1;
    top: -16px;

}
.sort-close{
    height: 42px;
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    width: 100%;
    margin-bottom: 2px;
}

.sort-nav-item{
    font-size: 18px;
    background-color: #0F758E;
    color: #ffffff;
    width: 100%;
    padding: 14px 25px 14px 25px;
    cursor: pointer;

}
.sort-nav-item:hover{
    background-color: #ffffff;
    color: #0F758E;
}
.search-wrap{
    width: 356px;
    position: absolute;
    overflow: visible;
    right: 130px;
    top:70px;
    transition: opacity .25s ease-in-out, top .25s ease-in-out ;;
    -webkit-transition: opacity .25s ease-in-out, top .25s ease-in-out ;
    -moz-transition:opacity .25s ease-in-out, top .25s ease-in-out ;
    -o-transition:opacity .25s ease-in-out, top .25s ease-in-out ;
}

.search-wrap.active{
    display:block;
    opacity: 1;
    top: -16px;
    z-index: 7;
}
.search-hovercover{
    background-color: transparent;
    display: inline-block;
    height:53px;
    width: 354px;
}
.search-close{
    background-size: contain;
    background-image: url(../assets/icons/search_close.svg);
    width: 28px;
    height: 28px;
    display: inline-block;
    right: -41px;
}
.search-close:hover{
    background-image: url("../assets/icons/search_close_over.svg");
}
.search-box{
    background-color: #ffffff;
    height: 50px;
    width: 420px;
    display: inline-block;
    padding: 11px;
    position: relative;
}

.search-wrap input{
    color: #767676;
    font-size: 16px;
    border: none;
    outline: #ffffff;
    left:51px;
    width: 85%;
    -webkit-user-select: text; /* Safari 3.1+ */
    -moz-user-select: text; /* Firefox 2+ */
    -ms-user-select: text; /* IE 10+ */
    user-select: text;
}
.search-icon img{
    width: 30px;
    height: 30px;
    position: absolute;
    left: 11px;
}
.search-bg{
    background-color: #0f758e;
    padding: 11px;
    width: 486px;
    max-width: 100vw;
}
.older-bttn, .newer-bttn, .next-bttn, .back-bttn{
    float:left;
    position: relative;

}
.older-bttn, .back-bttn, .back-bttn:active, .back-bttn:hover{
    margin-right: 12px!important;
    padding-left: 63px!important;
}
.newer-bttn,.next-bttn,.next-bttn:active,.next-bttn:hover{
    padding-right: 63px!important;
}
.older-bttn-arrow, .newer-bttn-arrow{
    background-repeat: no-repeat;
    width: 18px;
    height: 14px;
    display: inline-block;
}
.older-bttn-arrow{
    left:36px;
    background-image: url("../assets/icons/older_entries_arrow.svg");
}
.older-bttn:hover .older-bttn-arrow {
    background-image: url("../assets/icons/older_entries_arrow_over.svg");

}

.back-bttn .older-bttn-arrow, .next-bttn .newer-bttn-arrow {
    -moz-transition: all 0.33s ease-in-out;
    -ms-transition: all 0.33s ease-in-out;
    -o-transition: all 0.33s ease-in-out;
    transition: all 0.33s ease-in-out;
}
.back-bttn:hover .older-bttn-arrow {
    left: 30px;
}

.newer-bttn-arrow{
    right: 36px;
    margin-left: 5px;
    background-image: url("../assets/icons/newer_entries_arrow.svg");
}
.newer-bttn:hover .newer-bttn-arrow{
    background-image: url("../assets/icons/newer_entries_arrow_over.svg");
}
.next-bttn:hover .newer-bttn-arrow{
right:30px;
}
.bttn.inactive{
    opacity: .5;
    pointer-events: none;
    cursor: default;
}
.blogs-bttns{
    margin-left: auto;
    margin-right: auto;
    display: table;
    margin-top: 60px;
}
h1.blogSlider-h1{
    color: #ffffff;
    font-size: 48px;
    max-width: 871px ;
    font-weight: bold;
    margin-bottom: 10px;
}
.blog-group{
    display: none;
}
.share-icons-holder{
    position: relative;
    display: none;
}
.social-active .share-icons-holder{
    display: block;
}
.share-icons{
    position: absolute;
    white-space: nowrap;
    font-size: 2rem;
    line-height: .5;
    z-index: 999;
    background: #fff;
    padding: 8px;
    display: inline-block;
    box-shadow: 0 4px 23px rgba(0,0,0,0.375);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition:  all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition:  all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 3px;
    opacity:0;
    top: -104px;
    left: 115px;

}
.share-icons.social-active{
    opacity: 1;
    top: -80px;
}
.share-icon{
    width:30px;
    height:30px;
    display: inline-block;
    margin-right: 5px;
    background-size: contain;
}
.share-icon.icon-facebook, .touch .share-icon.icon-facebook:hover{
    background-image: url("../assets/icons/share_facebook.svg");
}
.share-icon.icon-facebook:hover{
    background-image: url("../assets/icons/share_facebook_over.svg");
}
.share-icon.icon-twitter, .touch .share-icon.icon-twitter:hover{
    background-image: url("../assets/icons/share_twitter.svg");
}
.share-icon.icon-twitter:hover{
    background-image: url("../assets/icons/share_twitter_over.svg");
}
.share-icon.icon-linkedin, .touch .share-icon.icon-linkedin:hover{
    background-image: url("../assets/icons/share_linked_in.svg");
}
.share-icon.icon-linkedin:hover{
    background-image: url("../assets/icons/share_linked_in_over.svg");
}
.share-icon:last-of-type{
    margin-right: 0;
}
.caret-holder{
    width: 100%;
    height: 25px;
    overflow: hidden;
    position: absolute;
    top: 45px;
    left: 0;
}
.share-caret{
    position: absolute;
    top: -7px;
    left: 20px;
    width: 14px;
    height: 14px;
    content: " ";
    background: #fff;
    box-shadow: 0 3px 20px rgba(0,0,0,0.25);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/**Author Page**/

.authors .hero{
    height:auto;
}
.bg-gradient{
    background: rgb(55,194,218);
    background: linear-gradient(90deg, rgba(55,194,218,1) 0%, rgba(3,59,76,1) 100%);
}
.authors .heroSlider-page {
    height: auto;
    padding-bottom: 15px;
}
#authors-hero-title{
    font-size: 48px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 18px;
}
#author-1 h1{
    font-size: 45px;
    font-weight: bold;
    line-height: 40px;
}

.author-profile-image img{
    width:120px;
    height:120px;
    margin-bottom: 16px;
    border-radius: 50%;
}
#author-profile-name{
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 8px;
}
#author-profile-title{
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 32px;
}
#author-profile-desc{
    color: #ffffff;
    font-size: 18px;
    width: 815px;
}
#author-profile-desc p{
    line-height: 26px;
}
#author-profile-desc p:last-of-type{
    margin-bottom: 0;
}
.author-follow-bttn{
    float:right;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    margin-top: 18px;
    min-width: 190px;
}
#back-bttn{
    display: table;
    margin-left: 0;
    margin-top: -31px;
    margin-bottom: 73px;
}
.author-share{
    background-size: cover;
    float: right;
    width: 30px;
    height: 30px;
    margin-left: 15px;
}
.author-rss-bttn, .touchevents .author-rss-bttn:hover{
    background-image: url("../assets/icons/share_rss.svg");
}
.author-rss-bttn:hover{
    background-image: url("../assets/icons/share_rss_over.svg");
}


@media (hover: hover) {
    .touchevents .author-rss-bttn:hover{
        background-image: url("../assets/icons/share_rss_over.svg");

    }

}
.author-twitter-bttn, .touchevents .author-twitter-bttn:hover{
    background-image: url("../assets/icons/share_twitter.svg");
    margin-left: 15px;
}
.author-twitter-bttn:hover{
    background-image: url("../assets/icons/share_twitter_over.svg");
}
@media (hover: hover) {
    .touchevents .author-twitter-bttn:hover{
        background-image: url("../assets/icons/share_twitter_over.svg");
    }
}

.author-linkedin-bttn, .touchevents .author-linkedin-bttn:hover{
    background-image: url("../assets/icons/share_linked_in.svg");
}
.author-linkedin-bttn:hover{
    background-image: url("../assets/icons/share_linked_in_over.svg");
}
@media (hover: hover) {
    .touchevents .author-linkedin-bttn:hover{
        background-image: url("../assets/icons/share_linked_in_over.svg");
    }
}

.author-insta-bttn, .touchevents .author-insta-bttn:hover{
    background-image: url("../assets/icons/share_instagram.svg");
}
.author-insta-bttn:hover{
    background-image: url("../assets/icons/share_instagram_over.svg");
}
@media (hover: hover) {
    .touchevents .author-insta-bttn:hover{
        background-image: url("../assets/icons/share_instagram_over.svg");
    }
}
/**single blog page**/
#hero-title{
    color:#ffffff;
    font-weight: 700;

}
.blogs-single .heroSlider-page{
    height: 377px;
}
.blogs-single .hero-datename{
    margin-bottom: 0;
}
.single-blog-container {
    width: 100%;
    max-width: 1024px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.blogs-single .p1-content h1{
    margin-bottom: 14px;

}
#blog-content h2{
    font-size: 25px;
    color:#324b5c;
    font-family:  Arial, Helvetica, sans-serif;
    overflow-wrap: break-word;
}
.author-padding{
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 170px;
    background-position: bottom center;
}

.single-blog-content {
    padding-top: 40px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 75px;
}
.single-blog-left {
    width: 823px;
    float: left;
}
.single-blog-right{
    float: left;
    padding: 38px 0 0 0;
    position: relative;
}

.social-table{
    width: 100%;
    border: 1px solid #DBDDDD;
}
.social-table td{
    border-right: 1px solid #DBDDDD;
    padding: 13px 14px 9px 13px;
}
.social-table td:last-of-type{
    border-right:none;
}
.social-table a.share-icon{
    width: 28px;
    height:28px;

}
.sticky-social{
    -webkit-transition: all .25s ease-in-out;
    -moz-transition:all .25s ease-in-out;
    -o-transition:all .25s ease-in-out;
}
.sticky-social.fixed{
    display: block;
    position: fixed;
    top: 57px;
    bottom: unset;
    width: 172px;
    padding: 9px 1px 32px 0px;

}
.sticky-social .author-blurb{
    border:1px solid #DBDDDD;
    margin-bottom: 20px;
}
.sticky-social .author-image{
    width: 170px;
    height:170px;
    overflow: hidden;

}
.sticky-social.abs{
    position: absolute;
    bottom: 0;
    top: unset;
}
.sticky-social .social{
    margin-bottom: 20px;
    width: 100%;
}
#subscribe-bttn{
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align:center;
}

.sticky-social .author-padding{
    padding: 20px;
}
.author-image img{
    width: 100%;
    margin-bottom: 7px;
}
.author-name{
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    overflow:hidden;
}
.author-name span{
    padding: 2px 2px 0 2px;
    color: #0F758E;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    width: -ms-max-content;
}
.author-desc{
    color: #767676;
    font-size: 14px;
    margin-bottom: 28px;
}

.TableContainer{
    display: table;
}

#blog-content a, #blog-content a:link,#blog-content a:visited {
    color: #00758f !important;
    text-decoration: none!important;
    border-bottom: none!important;
}
#blog-content a.single-blog-bttn{
    color: #ffffff !important;
}

.single-blog-section{
    height: auto;
}
.social-header{
    display:block;
    color:#ffffff;
    background:linear-gradient(90deg, #22c8df,#043b4c);
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%;
}
#blog-content img {
    max-width: 100%;
    margin-left: 0 !important;
    text-align: left!important;
    height: auto;
}
#blog-content p, #blog-content p span{
    font-size: 16px!important;
    font-family: Arial, Helvetica, sans-serif!important;
    color:#000000!important;
}
.twitter-tweet {
    margin-bottom: 32px!important;
}
.single-blog-bttn{
    margin-top: 56px;
}
/**extra**/
@media only screen and (max-width: 1920px) {
    .home .heroSlider-outer{
        background-size: 1920px 510px;
    }
    .template #header-bar{
        background-size: 1920px 90px;
    }
    #home-2{
        background-size: 1920px 1px;


    }


}
@media only screen and (max-width: 1600px) {
    .heroSlider .slick-next{
        right: 55px;
    }
    .heroSlider .slick-prev{
        left: 55px;
    }

}

@media only screen and (max-width: 1440px) {
    #home-bg .slick-next{
        right: 29px;
    }
    .heroSlider .slick-next{
        right: 30px;
    }
    .heroSlider .slick-prev{
        left: 30px;
    }
    #slide-1{
        background-image: url("../assets/images/home_banners/home_banner1_text_1025.svg");
        background-size: 779px 392px;
    }
    .slide-bttn-holder{
        background-size: 779px 392px;
        width: 779px;
        height: 392px;
    }
    .slide-2-bttn-holder{
        background-image: url("../assets/images/home_banner2_text_1025.svg");
    }
    .slide-3-bttn-holder{
        background-image: url("../assets/images/home_banners/home_banner_codeone_text_1025.svg");
    }
    .slide-4-bttn-holder{
        background-image: url("../assets/images/home_banners/home_banner_kubcon_eu_text_1025.svg");
    }
    .slide-bttn{
        left: 340px;
    }
    #home-bg .slick-prev{
        left: 29px;
    }
    .heroSlider-page {
        padding-left: 114px;
        padding-right: 114px;
    }
    .learn .heroSlider-page{
        padding-left: 142px;
    }
    .blogs .heroSlider-page{
        padding-left: 144px;
    }
    h1.blogSlider-h1{
        max-width: 700px ;
    }
    .about .heroSlider-page{
        padding-left: 30px;
    }
    /**learn***/
    .heroSlider-outer {
        background-size: 1920px 510px;
    }
    .feedback-block {
        margin-top: 30px;
    }
    .swipe-container {
        left: -227px;
    }
    .sidebar-contents {
        opacity: 0;
    }
    .soln-logo {
        width: 285px;
        height: 120px;
    }
    #sidebar-toggle{
        display: block;
    }
    .template .p1-content {
        padding: 0;
    }
    a.feedback {
        font-size: 14px;
    }
    .sidebar{
        top: 124px;
        width: 256px;
    }
    .sidebar-contents {
        padding: 16px 15px 46px 5px;
        max-height: Calc(100vh - 124px);
    }
    .sidebar-contents:hover{
        padding: 16px 7px 46px 5px;
    }
    .course-contents-block{
        margin-right: 5px;
    }

    .course-contents{
        font-size: 17px;
        line-height:20.4px;
        margin-bottom: 7px;
    }
    .course-contents-item{
        font-size: 14px;
        line-height: 16.8px;
        margin-bottom: 11px;
    }
    .template-box-right{
        margin-left: 256px;
    }
    .related-content{
        padding: 20px 15px 9px 15px;
        width: 226px;
        margin-left: 10px;
    }
    .course-contents-item .marker {
        bottom:3px;
    }
    .related-content .course-contents {
        margin-bottom: 5px;
    }
    .template-footer{
        width: 100vw;
        margin-left: -59px;
    }
    .open-sidebar .template-footer{
        margin-left: -30px;
        width: Calc(100% + 60px);
    }
    .template-box-right{
        width: 1160px;
    }
    /**events**/
    .events-hero {
        width: 100%;
    }
    .events-hero-text{
        margin-left: 60px;
    }
    .events-single-hero{
        width: 100%;
        max-width: 910px;
    }
    .events-single-hero .events-hero-text {
        margin-left: 60px;
    }
    .events-single-hero .countdown-clock {
        right: 57px;
        bottom: 17px;
    }
    #add-to-cal{
        right: 60px;
    }


}

@media only screen and (max-width: 1045px) {
    .windows #video-gallery-container{
        width: Calc(100vw + 15px);
    }
    .windows .gallery-tabs {
        width: Calc(100% + 15px);
    }

}
/****TABLET LANDSCAPE***/
@media only screen and (max-width: 1024px) {
    h1{
        font-size: 38px;
        line-height: 1em;
    }
    .learn .heroSlider h1{
        font-size: 38px;
        margin-bottom: 14px;
        width: 555px;
    }
    .learn .heroSlider p{
        font-size: 18px;
        line-height: 26px;
        width: 555px;
    }
    .home .heroSlider-outer{
        background-size: 1024px 460px;
    }
    #home-2 h2{
        width: 105%;
        margin-left: -5%;
    }
    #home-slide-1{
        background-image: url("../assets/images/home_banner1_bg_911.jpg");
    }
    #home-slide-2{
        background-image: url("../assets/images/home_banner2_bg_911.jpg");
    }
    #home-slide-3{
        background-image: url("../assets/images/home_banners/home_banner_codeone_bg_911.jpg");
    }
    #home-slide-4{
        background-image: url("../assets/images/home_banners/home_banner_kubcon_bg_911.jpg");
    }
    #slide-1{
        background-image: url("../assets/images/home_banners/home_banner1_text_911.svg");
        background-size: 779px 338px;
    }

    .slide-bttn-holder{
        background-size: 779px 338px;
        width: 779px;
        height: 338px;
    }
    .slide-2-bttn-holder {
        background-image: url("../assets/images/home_banner2_text_911.svg");
    }
    .slide-3-bttn-holder {
        background-image: url("../assets/images/home_banners/home_banner_codeone_text_911.svg");
    }
    .slide-4-bttn-holder {
        background-image: url("../assets/images/home_banners/home_banner_kubcon_eu_text_911.svg");
    }
    .slide-bttn{
        top: 188px;
    }

    h1.blackout span{
        line-height: 1.2em;
    }
    .windows h1.blackout span{
        line-height: 1.25em;
    }
    .p1-content h1 {
        font-size: 36px;
    }

    h1.responsive {
        line-height: .9em;
        font-size: 4.68vw;
    }
    h2{
        font-size: 37px;
    }
    #learn-2 h2{
        font-size: 38px;
    }
    .heroSlider .slick-arrow{
        height: 24px;
        width: 14px;
        top: 411px;
    }
    #home-bg .heroSlider .slick-arrow.slick-next{
        right: Calc(50% - 74px);

    }
    #home-bg .heroSlider  .slick-arrow.slick-prev{
        left: Calc(50% - 74px);
    }
    .learn .heroSlider .slick-arrow.slick-next{
        right: Calc(50% - 96px);

    }
    .learn .heroSlider .slick-arrow.slick-prev{
        left: Calc(50% - 96px);
    }
    .hero-datename, .hero-category{
        font-size: 16px;
    }
    .heroSlider-page{
        padding-left: 0;
        padding-right: 0;
    }
    .blogs .heroSlider-page {
        padding-left: 60px;
    }

    /**Home Page**/
    p.block-text{
        font-size: 18px;
    }
    .tile-title {
        font-size: 33px;
    }
    .title-text {
        font-size: 14px;
    }
    .tile-link-title {
        font-size: 15px;
    }
    .tile-link-desc{
        font-size: 14px;
    }
    .asset-columns-container {
        width: 100%;
    }

    /**Blogs page**/
    .blogs .heroSlider h1{
        font-size: 38px;
        line-height: 1.25em;
        padding: .1em 0 0 0;
    }
    .blogs .heroSlider h1.blackout span {
        padding: .1em 0 0 0;
        line-height: 1.25em;
    }
    .windows.blogs .heroSlider h1.blackout span, .windows.blogs .heroSlider h1 {
        line-height: 1.4em;
    }
    .blog-content h1 {
        font-size: 38px;
    }
    .hero, .blogs-single .hero{
        height: 460px;
    }
    .heroSlider-page {
        height: 400px;
    }
    .learn .heroSlider-page{
        padding-left: 60px;
    }

    .home  .heroSlider .slick-dots{
        bottom: 36px;
    }
    .heroSlider .slick-dots{
        bottom: 17px;

    }
    .blog-object-left {
        width: 24%;
    }
    .blog-object-right{
        width: 76%;
    }
    .three-col-row {
        display: block;
    }
    .three-col-object{
        margin-left:17px ;
    }
    /**single blog**/
    .blogs-single .hero .p1-content{
        left: 0;
        transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
        -webkit-transform: translate(0%,-50%);
    }
    .blogs-single .fader-full {
        height: 461px;
    }
    .single-blog-container {
        width: 100%;
    }
    .p1-content .single-blog-container h1{
        font-size: 38px;
    }
    .single-blog-left{
        width:Calc(100% - 202px);
    }
    .single-blog-content {
        padding-left: 30px;
        padding-right: 30px;
    }
    /*about*/
    .author-thumb-content {
        padding: 20px;
    }
    .author-thumb-content .description, .author-thumb-content .position{
        font-size:13px;
    }
    .posts-bttn {
        left: 20px;
        bottom: 20px;
    }
    .contact-object-header{
        font-size:16px;
    }
    .about-module-3 h1{
        font-size : 38px;
        line-height : 40px;
    }
    .about-module-3 h2{
        font-size : 22px;
        line-height : 24px;
    }
    /**authors page**/
    #authors-hero-title{
        font-size: 38px;

    }
    #author-profile-desc {
        font-size: 16px;
    }
    #author-profile-desc {
        width: 670px;
        max-width: 90%;
    }

    #authors-blocks .three-col-object, .author-holder {
        height: 480px;
    }
    .authors .bttn-holder {
        position: relative;
        display: inline-block;
        width: auto;
    }
    #author-1 h1 {
        width: 100%;
    }
    .template-box-right .course-contents-label {
        margin-bottom: 13px;
    }
    /**learn**/
    .quickview:hover .quickview-icon, .quickview.active .quickview-icon,    .touchevents .quickview.active:hover .quickview-icon{
        background-image: url("../assets/icons/quickview_x.svg");
    }
    .touchevents .quickview:hover .quickview-icon {
        background-image: url("../assets/icons/hamburger.svg");
    }

    @media (hover: hover) {
        .touchevents .quickview:hover .quickview-icon {
            background-image: url("../assets/icons/hamburger.svg");
        }

    }
    .heroSlider-outer{
        background-size: 1024px 460px;
    }
    #learn-slide-1{
        background-image: url("../assets/images/learn_landing_banner1_911.jpg");

    }
    #learn-slide-2{
        background-image: url("../assets/images/learn_landing_banner2_911.jpg");
    }
    #learn-slide-3{
        background-image: url("../assets/images/learn_landing_banner3_911.jpg");
    }
    #learn-2 .p1-content {
        display: table-cell;
    }
    .subcategory-holder{
        width: 524px;
    }
    .subcategory{
        padding-left: 3px;
        padding-right: 3px;
    }
    .category-object-left{
        width: 24%;
    }
    .category-object-right{
        width: 76%;
    }
    .category-title{
        width: 165px;
    }
    /**events**/
    .events .hero{
        height: 460px;
    }
    .events .events-hero-text p{
        font-size : 16px;
        line-height : 27px;
        width: 600px;
    }

    .events-single-hero .date-time{
        font-size : 18px;
        line-height : 20px;
        letter-spacing : 0.9px;
    }
    .events-single-hero h1#hero-title{
        font-size : 38px;
        line-height : 40px;
    }
    .events-single-hero .hero-subheading{
        font-size : 24px;
        line-height : 26px;
    }
    .events-single-hero {
        padding-top: 117px;
    }
    .about-module-1 h1, .about-module-2 h1{
        font-size : 38px;
        line-height : 40px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .featured-slider {
        width: 615px;
    }
    .speakers-container {
        width: 614px;
    }
    /**Agenda**/
    h1.agenda-header{
        font-size : 38px;
        line-height : 40px;
    }
    .day-item-title{
        font-size : 30px;
        line-height : 33px;
    }
    .agenda-tabs-ul.with-arrows {
        width: 757px;
    }
    /**Gallery**/
    h1.gallery-header{
        font-size : 38px;
        line-height : 40px;
        margin-bottom: 33px;
    }
    .gallery-tabs{
        width: 637px;
        margin-left: auto;
        margin-right: auto;
    }
    .gallery-tabs.photos{
        width: 100%;
    }
    #video-gallery-container{
        width: 652px;
        margin-left: auto;
        margin-right: auto;
    }
    .windows #video-gallery-container, .windows .gallery-tabs {
        width: 652px;
    }
    .windows .gallery-tabs.photos {
        width: 100%;
    }
    .windows .gallery-module-1 .p1-content{
        padding-left: 30px;

    }

}


/****TABLET PORTRAIT***/
@media only screen and (max-width: 910px) {
    html{
      //  overflow: hidden!important;
    }
    .portrait-down{
        display: inherit;
    }
    .landscape-up{
        display: none;
    }
    .navbar-expand{
        display: none;
    }
    .navbar-collapse{
        display: block;
    }


    #blogs-bg, #hero-bg{
        position: relative;
        background-position: center center;
        background-size: 1600px;
        background-repeat: no-repeat;
        height: auto;
        margin: 0 auto;
        max-width: 1600px;
        min-width: 320px;
        padding: 0;
        width: 100%;
    }
    #header-bar{
        background-color: rgba(0, 117, 143, .5);
    }
    #slide-1{
        background-image: url("../assets/images/home_banners/home_banner1_text_768.svg");
        background-size: 700px 338px;
    }

    .slide-2-bttn-holder{
        background-size: 700px 338px;
        width: 700px;
        height: 338px;
    }
    .slide-2-bttn-holder {
        background-image: url("../assets/images/home_banner2_text_768.svg");
    }
    .slide-3-bttn-holder {
        background-image: url("../assets/images/home_banners/home_banner_codeone_text_768.svg");
    }
    .slide-4-bttn-holder {
        background-image: url("../assets/images/home_banners/home_banner_kubcon_eu_text_768.svg");

    }
    #slide-bttn{
        top: 186px;
        left: 306px;
    }
    #home-2 .text-block-right{
        padding-left: 0px;
    }

    /* ICON NAV */
    .icon-wrap{
        height: inherit;
        position: relative;
    }
    .icon-wrap > * {
        display: inline-block;
        position: relative;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
    }


    /* DROPDOWN MENU */

    .icon-wrap > ul {
        transform: translateX(100%);
        -ms-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        visibility: hidden;
        opacity:0 ;
        top: 100%;
        left: 50%;
        z-index: 2;
        padding-left: 0px;
        border-radius: 0;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition:all .25s ease-in-out;
        -o-transition:all .25s ease-in-out;
        background-color: #ffffff;
        margin: 0;

    }
    .mobile-nav{
        background-color: rgba(0, 117, 143, .15);
        display: block;
        width: 100%;
        color:#ffffff;
        font-size: 12px;
        position: absolute;
        top: 60px;
        height: 30px;
        line-height: 30px;
        padding-left: 24px;
        z-index: 3;
    }
    .template .mobile-nav{
        background-image: url("../assets/images/learn_banner_tablet.png");
        background-size: 910px 90px;
        background-position: bottom center;
        top:0;
        z-index: 1;
        -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
        box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
    }
    .top-nav-right a, .touchevents .top-nav-right a:hover{
        text-align: left;
    }
    .icon-wrap > ul {
        left: 0;
        top:0;
        height: 100vh;
    }

    .icon-wrap.hoverish  ul {
        transform: translateX(1.5%);
        -webkit-transform: translateX(1.5%);
        -ms-transform: translateX(1.5%);
        opacity: 1;
        visibility: visible;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition:all .25s ease-in-out;
        -o-transition:all .25s ease-in-out;
        height: 100vh;
    }

    .icon-wrap > ul > li {
        list-style: none;
    }

    .icon-wrap > ul > li a, .icon-wrap > * > ul > li span {
        padding: 0 0 0 30px;
        display: block;
        transition:  all .25s ease-in-out;
        -webkit-transition:  all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        cursor: pointer;
    }

    .icon-wrap > * > ul > li .icon-download a {
        padding: 12px 20px 2px 0;
    }

    .icon-wrap > * > ul > li span, .icon-wrap > * > ul > li a {
        transition:   background-color 0.25s ease-in-out;
        -webkit-transition: background-color 0.25s ease-in-out;
        -moz-transition: background-color 0.25s ease-in-out;
        -o-transition: background-color 0.25s ease-in-out;
    }

    .icon-wrap > * > ul > li:hover a, .icon-wrap > * > ul > li:hover span {
        transition:   background-color 0.25s ease-in-out;
        -webkit-transition: background-color 0.25s ease-in-out;
        -moz-transition: background-color 0.25s ease-in-out;
        -o-transition: background-color 0.25s ease-in-out;
        text-decoration: none;
    }
    .hamburger_icon {
        background-image: url(../assets/icons/hamburger.svg);
        background-repeat: no-repeat;
        width: 36px;
        height: 24px;
        background-position: 0 0;
        cursor: pointer;
        margin-top: 0;
        position: absolute;
        right: 30px;
    }

    .icon-wrap > ul {
        width: 100vw;
        left: -1.5%;
    }
    .menu-close-image{
        cursor: pointer;
        height: 24px;
        width: 24px;
        right: 30px;
        position: absolute;
        top: 17px;
    }

    .top-nav-right a.menu-txt{
        font-size: 20px;
        color: #000000;
        width: 100%;
        border-top: none;
        border-bottom: 1px solid #DBDDDD;
        background-color: #ffffff;
        height: 60px;
        line-height: 60px;
        text-align: left;
    }
    a.menu-txt:active, a.menu-txt:hover, .top-nav-right a.menu-txt:hover, .touchevents .top-nav-right a.menu-txt:hover{
        font-weight: 400;
        background-color: #00758F;
        color: #ffffff;
        font-size: 20px;
        padding: 0 0 0 30px;
        border-top:none;
        line-height: 60px;
    }
    .top-nav-right a.menu-txt.active{
        color:#00C8E1 ;
    }
    .menu-close, .menu-close:hover{
        height: 60px;
        background-color: #000000;
        position: relative;
    }
    /**blogs**/
    .blog-object-title {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .blog-object-left {
        width: 29%;
    }
    .blog-object-right {
        width: 71%;
    }

    h1.blogSlider-h1 {
        max-width: 560px;
    }
    .blog-thumb-desc {
        left: 20px;
    }
    .blog-thumb-top {
        font-size: 13px;
    }
    .blog-thumb-content {
        padding: 20px 20px 20px 20px;
    }
    .three-col-object{
        margin-left: 2.11%;
        width: 31.92%;
    }
    .blog-thumb {
        width: 100%;
    }
    .title-small{
        display:none;
    }
    .title-large{
        display:block;
    }
    .tab-bttns{
        padding-left: 0;
    }
    /**authors page**/
    #authors-hero-title{
        font-size: 38px;
    }
    #author-profile-desc {
        font-size: 16px;
    }
    #author-profile-desc {
        width: 670px;
        max-width: 90%;
    }

    /**Home Page**/

    .asset-column-object{
        width: 100%;
    }
   .yellow-line{
       display: none;
   }
    .asset-tile {
        padding-right: 20px;
        padding-left: 20px;
    }
    .pull-quote {
        font-size: 25px;
        padding-top: 23px;
        padding-left: 23px;
        padding-right: 23px;
    }

    /** single blog **/
    .blogs-single .hero .p1-content{
        padding-left: 60px;
        padding-right: 0;
    }
    #blog-content h2{
        font-size: 25px;
    }
    /**learn**/
    #learn-1 p{
        width: 100%;
    }
    .subcategory-holder{
        width: 393px;
    }
    .subcategory {
        width: 131px;
        padding-left: 3px;
        padding-right: 3px;
    }
    .category-object-left{
        width: 25%;
    }
    .category-object-right{
        width: 75%;
    }
    #template-1{
        margin-top: 90px;
    }
    .sidebar {
        top: 151px;
        z-index: 6;
    }
    .soln-logo{
        width: 285px;
        height: 120px;
    }
    .template #header-bar{
        background-image: url("../assets/images/learn_banner_tablet.png");
        background-size: 910px 90px;
        background-position: center top;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .sidebar-contents {
        max-height: Calc(100vh - 150px);
    }
    .category-title{
        font-size: 14px;
        width: 155px;
    }
    .category-expand{
        padding: 20px 30px 30px 30px;
    }

        /*footer*/
    .sticky-footer-links{
        font-size: 11px;
    }
    .sticky-footer-links {
        min-width: 428px;
    }
    .sticky-footer-links span {
        padding-right: 10px;
        padding-left: 10px;
    }
    .icon-wrap.hoverish{
        margin-right: 0;
    }
    .icon-wrap > ul {
        transform: translateX(0%);
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        right:100%;
    }
    .icon-wrap.hoverish ul{
        position: fixed;
        left: 0;
        right: 0;
        transform:translateX(0);
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }
    /*AUTHOR**/
    #author-1 h1 {
        font-size:36px;
    }
    /*EVENTS*/
    .event-title{
        font-size : 27px;
        line-height : 32px;
    }
    .date-time{
        margin-bottom: 1px;
    }
    .events-single-hero .events-hero-text {
        margin-left: 30px;
    }
    #add-to-cal {
        right: 30px;
    }
    .events-single-hero .countdown-clock {
        right: 27px;
    }
    /**Agenda**/

    .a-tab{
        width: 125px!important;
    }
    .agenda-tabs-ul.with-arrows {
        width: 637px;
    }


}

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

    h2 {
        font-size: 32px;
    }
    #home-2 .text-block-right{
        padding-left: 15px;
    }

    #home-2 h2 {
        width: 100%;
        margin-left: 0%;
    }

    body.windows::-webkit-scrollbar {
        width: 15px;
    }
    body.windows.touch::-webkit-scrollbar {
        display: none;

    }
    .hero {
        height: 575px;
        padding-top: 44px;
    }
    .windows h1.blackout span {
        padding: .1em .0em .0em .1em;
    }
    .blog-object-left {
        width: 42.7%;
    }
    .blog-object-right{
        width: 57.3%;
    }
    .search-hovercover{
        width: 115px;
    }

    .heroSlider-page {
        height: 515px;
    }
    .heroSlider-outer{
        background-size: 767px 575px;
        background-position: top center;
        padding-top: 44px;
    }
    #learn-slide-1{
        background-image: url("../assets/images/learn_landing_banner1_320.jpg");

    }
    #learn-slide-2{
        background-image: url("../assets/images/learn_landing_banner2_320.jpg");
    }
    #learn-slide-3{
        background-image: url("../assets/images/learn_landing_banner3_320.jpg");
    }
    .p1-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .authors .heroSlider-page .p1-content{
        padding-left: 0;
        padding-right: 0;
    }

    .hamburger_icon {
        right: 15px;
    }
    #header-bar{
        height: 44px;

    }
    .text-block-right, .text-block-left{
        padding-right: 15px;
        padding-left: 15px;
    }
    .mobile-nav{
        top:44px;
    }
    .template .mobile-nav{
        top:0;
        z-index: 1;
    }

    /***blogs***/
    .heroSlider-page {
        padding-left: 20px;
        padding-right: 20px;
        height: 530px;
    }

    .blog-content h1 {
        width: 100%;
        margin-bottom: 16px;
    }

    .mobile-nav {
        padding-left: 15px;
    }

    .blog-object {
        height: 155px;
    }

    .blog-object-right {
        padding: 20px 20px 20px 20px;
    }

    .blog-thumb-image {
        width: -webkit-fill-available;
    }

    .blog-thumb-image img {
        height: inherit;
        width: auto;
    }

    .blog-object-left .blog-thumb-image img {
        height: auto;
        width: 100%;
    }

    .blog-object .txt-bttn {
        font-size: 12px;
        margin-right: 0;
    }

    .blog-object-category {
        font-size: 13px;
    }

    .bttn-holder {
        position: absolute;
        display: table;
        width: fit-content;
        left: 0;
        top: unset;

    }
    .phone-only .subscribe-bttn-black{
        float:left;
    }

    .blog-object-teaser, .blog-object .divider, .blog-object .author, .blog-object .date, .blog-object .share-btn {
        display: none;
    }

    .heroSlider .slick-arrow {
        top: 524px;
    }
    .heroSlider .slick-next{
        right: Calc(50% - 140);

    }
    .heroSlider .slick-prev{
        left: Calc(50% - 140);
    }
    .blog-object-title {
        margin-bottom: 14px;
        font-size: 15px;
    }

    .sort-bttn {
        margin-left: 0;
    }

    .sort-nav {
        left: 0;
    }

    .sort-close {
        background-image: url(../assets/icons/sort_by_close.svg);
    }

    .share-bttn {
        display: none;
    }
    #learn-bg{
        background-size: 767px 575px;
    }

    .search-wrap {
        width: 116px;
        max-width: 116px;
        left: -15px;
        z-index: 6;
    }
    .quickview{
        right: unset;
        left:0;
        top: 118px;
    }
    .quickview-expanded{
        top: 29px;
        left: -15px;
        width: 297px;
        right: unset;
        max-height: Calc(100vh - 220px);
        padding: 15px;
    }
    .learn .search-wrap{
        width: 290px;
        max-width: 290px;
    }
    .categories-top{
        height: 187px;
        max-width: 290px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .bttn-holder {
        width: 100%;
    }
    .bttn-holder.phone-only{
        position: relative;

    }
    .bttn-holder.phone-only .search-bttn {
        float: left;
        margin-left: 0;
        margin-top: 16px;
        margin-bottom: 38px;
    }

    .search-wrap.active {
        display: block;
    }
    h1.blogSlider-h1 {
        max-width: Calc(100% - 15px);
    }

    .search-box {
        width: 90%;
        max-width: 420px;
    }

    .search-wrap input {
        width: 80%;
    }

    .search-close {
        width: 20px;
        height: 20px;
        right: -32px;
    }

    .blogs .heroSlider-content.align-vertical {
        margin-top: -30px;
    }

    .blogs .heroSlider h1 {
        font-size: 35px;
    }

    .blogs-bttns {
        isplay: table;
        position: relative;
        width: 100%;
        height: 110px;
    }
    .blogs .heroSlider-page{
        padding-left: 20px;
        padding-right: 20px;
    }

    .older-bttn {
        margin-bottom: 12px;
        top: 0;
    }

    .newer-bttn {
        bottom: 0;
    }

    .older-bttn, .newer-bttn {
        width: 252px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
    /**authors**/
    #author-profile-desc {
        width: 100%;
        max-width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .authors .bttn-holder{
        width:100%;
        height:61px;
        position: relative;
    }

    .author-linkedin-bttn{
        margin-left: 0;
    }
    .author-follow-bttn{
        position: absolute;
        top:0;
        margin-top: 0;
    }
    #author-1 h1{
        margin-bottom: 15px;
    }
    .author-share-holder{
       position: absolute;
        bottom: 0;
    }


    /** single blog**/
    .blogs .heroSlider-page {
        padding-left: 20px;
    }
    .single-blog-left, .single-blog-right {
        width: 100%;
        display: block;
    }

    .single-blog-container.flex {
        display: block;

    }

    .single-blog-right {
        padding-top: 0;
    }

    .sticky-social, .sticky-social.abs, .sticky-social.fixed {
        position: inherit;
        margin-left: auto;
        margin-right: auto;
        top: 0;
        padding-bottom: 75px;
    }


    .blogs-single .hero .p1-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .single-blog-content {
        padding-left: 15px;
        padding-bottom: 35px;
        padding-right: 15px;
    }

    #main-blog-content {
        display: -webkit-box;
    }

    .blog-thumb-desc {
        left: 30px;
    }

    .blog-thumb-top {
        font-size: 14px;
    }

    #single-blog-slider h1 {
        text-align: center;
    }

    .blog-thumb-content {
        padding: 30px 30px 30px 30px;
    }

    #single-blog-slider .read-all-holder {
        margin-bottom: 23px;
    }

    #blog-content h2 {
        font-size: 20px;
    }

    #blog-content img {
        width: 100% !important;
    }

    .single-blog-bttn {
        margin-top: 22px;
    }

    /**Home Page**/
    .home .heroSlider-outer{
        background-size: 767px  575px;
    }
    #home-slide-1{
        background-image: url("../assets/images/home_banner1_bg_320.jpg");
    }
    #home-slide-2{
        background-image: url("../assets/images/home_banner2_bg_320.jpg");
    }
    #home-slide-4{
        background-image: url("../assets/images/home_banners/home_banner_kubcon_bg_320.jpg");
    }
    .page-bg{
        background-position: top center;
    }
    #slide-1 {
        background-image: url(../assets/images/home_banners/home_banner1_text_320.svg);
        background-size: 320px 466px;
    }
    .slide-bttn-holder {
        background-size: 320px 466px;
        width: 320px;
        height: 466px;
        top:0;
        transform:translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
    }
    .slide-2-bttn-holder {
        background-image: url(../assets/images/home_banner2_text_320.svg);
    }
    .slide-3-bttn-holder {
        background-image: url(../assets/images/home_banners/home_banner_codeone_fix_320.svg);
    }
    .slide-4-bttn-holder {
        background-image: url(../assets/images/home_banners/home_banner_kubcon_eu_text_320.svg);
    }
    .slide-bttn{
        top: 355px;
        left:50%;
        transform:translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        width: 188px;
    }
    .logo-main img{
        width:240px;
        height:44px;
    }
    .top-nav{
        height:44px;
    }

    .heroSlider-page {
        padding-left: 20px;
    }
    #home-2 .image-block-left{
        display: none;
    }
    #home-2 .text-block-right{
        width: 100%;
        background-image: url(../assets/images/home_vector1_320.svg);
        background-size: 320px 315px;
        background-position: bottom left;

    }
    #home-3 .text-block-left{
        width: 100%;
        background-image: url(../assets/images/home_vector2_320.svg);
        background-size: 320px 315px;
        background-position: bottom right;
    }
    #home-5 .text-block-right{
        width: 100%;
        background-image: url(../assets/images/home_vector3_320.svg);
        background-size: 320px 315px;
        background-position: bottom left;

    }
    #home-vector-2,#home-vector-3{
        display: none;
    }

    h1 span.border-bottom{
        border-bottom: none;
        padding-bottom: 0px
    }
    h1.border-bottom{
         border-bottom: 1px solid;
         padding-bottom: 33px;
        margin-bottom: 33px;
     }
    .asset-column{
        float: none;
        width: 100%;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;

    }
    .asset-tile{
        padding-left: 30px;
        padding-right: 30px;
    }

    .tile-title{
        font-size: 43px;
    }

    .title-text{
        font-size: 16px;
    }
    .tile-link-title{
        font-size: 18px;
    }
    .tile-link-desc{
        font-size: 16px;
    }

    .read-all-holder {
        display: table;
        margin-top: 15px;
        margin-bottom: 44px;
    }

    .read-all-holder a {
        float: none;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: inherit;
    }

    .three-col-layout {
        width: 100%;
    }

    .title-large {
        display: none;
    }
    .blog-thumb-title {
        font-size: 24px;
    }
    .single-blog-bttn, .touch .single-blog-bttn:hover{
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
    .title-small {
        display: block;
    }
    .three-col-row {
        display: table;
        width: 100%;
        max-width: 346px;
        margin-left: auto;
        margin-right: auto;
    }

    .three-col-object, .three-col-object:first-of-type {
        width: 100%;
        max-width: 346px;
        margin-bottom: 30px;
        margin-left: 0;
    }

    .three-col-object:last-of-type {
        margin-bottom: 0;
    }

    /*learn*/
    .learn .heroSlider-page {
        padding-left: 20px;
        padding-right: 20px;
    }
    .learn .heroSlider h1{
        font-size: 34px;
        width: 100%;
        max-width: 464px;
    }
    .sidebar-contents::-webkit-scrollbar{
        width: 10px;
        background:transparent;
        position: absolute;
    }
    .sidebar-contents::-webkit-scrollbar-thumb{
        height:56px;
        background-color: rgba(179, 179, 179, 0.42)
    }
    .learn .search-wrap {
        top: 61px;
        right: unset;
        left: 0;
    }
    .learn .heroSlider p{
        font-size: 16px;
        width: 100%;
        max-width: 464px;
        line-height: 22px;
        padding-right: 20px;
    }
    #learn-2 .p1-content {
        padding-bottom: 74px;
    }
    .categories-top {
        height: 187px;
    }
    .category-expand{
        padding: 15px;
        width: 100%;
        background-size: 282px 215px;
        background-position: top right;
    }
    .category-object{
        max-width: 290px;
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
    .category-object-left{
        background-size: 290px 65px;
        width: 100%;
        max-width: 290px;
        height: 65px;
        border-right: none;
        border-bottom: 1px solid #00758F;

    }
    .category-object-right{
        width: 100%;
        max-width: 290px;
        height: auto;
    }
    .subcategory-holder{
        width: 100%;
    }
    .subcategory {
        width: 139px!important;
        height: 127px;
        margin-bottom: 17px;
    }
    .foursquare .subcategory{
        width: 139px!important;
    }
    .flat .slick-track{
        width: 290px!important;
    }
    .subcategory-holder .slick-next {
        right: -37px;
        width: 40px;
    }
    .subcategory-holder .slick-prev {
        left: -37px;
        width: 40px;
    }
    #category-object-1 .category-object-left{
        background-image: url("../assets/images/learn_category_images/application_mobile.jpg");
    }
    #category-object-2 .category-object-left{
        background-image: url("../assets/images/learn_category_images/distributed_mobile.jpg");
    }
    #category-object-3 .category-object-left{
        background-image: url("../assets/images/learn_category_images/infrastructure_mobile.jpg");
    }
    #category-object-4 .category-object-left{
        background-image: url("../assets/images/learn_category_images/observability_mobile.jpg");
    }
    #category-object-5 .category-object-left{
        background-image: url("../assets/images/learn_category_images/machine_mobile.jpg");
    }
    .category-title{
        text-align: left;
        right: unset;
        line-height: 17px;
        letter-spacing: 0.7px;
        width: 182px;
    }
    #template-1{
        margin-top: 55px;
    }
    .template #header-bar{
        background-image: url("../assets/images/learn_banner_mobile.png");
        background-size: 767px 74px;
        background-position: center top;
    }
    .template .mobile-nav{
        background-image: url("../assets/images/learn_banner_mobile.png");
        background-size: 767px 74px;
        background-position: bottom center;
    }
    .swipe-container{
        -webkit-transition:all 330ms ease-in;
        -moz-transition: all  330ms ease-in;
        -o-transition:all  330ms ease-in;
        transition:all  330ms ease-in;
    }
    .sidebar {
        top: 118px;
    }
    .soln-logo {
        width: 247px;
        height: 104px;
    }
    .modal{
        position: fixed;
        width: 30px;
        height: 100vh;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 2;
        background-color: rgba(0,0,0,0) ;
        -webkit-transition:background-color .33s;
        -moz-transition:background-color .33s;
        -o-transition:background-color .33s;
        transition:background-color .33s;
    }
    .modal.active{
        background-color: rgba(0,0,0,.75) ;
    }
     .modal.open{
        width: 100vw;
    }
    .template-box-right {
        position: fixed;
        left: 0;
        top: 75px;
        margin-left: 0;
        max-width: 100%;
        max-height: Calc(100vh - 75px);
        min-height: 100px;
        padding: 0 30px 0 45px;
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        -o-transition: all 0s;
        transition: all 0s;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .sidebar{
        left:-225px;
    }
    .open-sidebar .sidebar{
        left: 0;
    }
    .open-sidebar .template-box-right {
        width: 950px;
        max-width: 100%;
        margin-left: 0;
    }
    .template-footer, .open-sidebar .template-footer{
        width: 100vw;
        margin-left: -45px;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .sidebar-contents {
        max-height: Calc(100vh - 118px);
        overflow-y: scroll;
    }
    .touchevents .swipe-holder{
        height: 300vh;
        display: table;
    }


    /**footer**/

    .sticky-footer-links {
        min-width: 100%;
    }

    .social {
        min-width: 100%;
        position: unset;
        display: block;
        text-align: center;
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        left: 0;
        top: 0;
    }

    .author-holder, .author-holder:first-of-type {
        width: 100%;
        max-width: 346px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-bottom: 30px;
    }

    .social a {
        height: 30px;
    }
    .author-row {
        width: 100vw;
    }
    .article-download {
        width: 100%;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        display: block;
        margin-bottom: 62px;
    }

    .article-download:last-of-type {
        margin-bottom: 0;
    }

    .youtube-overlay-container {
        width: Calc(100% - 30px)!important;
        left:50%!important;
        transform: translate(-50%,10%);
        -ms-transform: translate(-50%,10%);
        -webkit-transform: translate(-50%,10%);

    }
    .youtube-overlay-content {
        position: relative;
        width: 100%!important;
        height: 0!important;
        padding-bottom: 56%; /* The height of the item will now be 56% of the width. */
    }
    .youtube-overlay-content iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    #authors-blocks .three-col-object, .author-holder {
        height: 535px
    }

    .author-thumb-content .description, .author-thumb-content .position {
        font-size: 16px;
    }

    .authorTextShort, .authorTextLong {
        line-height: 23px;
    }

    .author-thumb-content .description {
        margin-bottom: 1px;
    }
    .author-follow-bttn{
        width: 100%;
    }
    /**EVENTS**/
    #events-bg{
        background-image: url("../assets/images/events_landing_320.jpg");
        background-position: center bottom;
        background-size: 764px 460px;
    }
    .events-single #events-bg{
        background-size: cover;
    }

    .events-hero-text {
        margin-left: 15px;
        margin-right: 15px;
    }
    .events-hero-text p{
        width: auto;
    }
    .date-time {
        letter-spacing: 0;
    }
    h1#hero-title{
        font-size : 32px;
        line-height : 34px;
        max-height: 202px;
        overflow: hidden;
    }
    .events-single-hero h1#hero-title {
        font-size : 32px;
        line-height : 34px;
    }
    .events-hero-text{
        max-width: 500px;
    }

    .events-bttns{
        height: 98px;
    }
    .event-label{
        top: 12px;
        left: -10px;
        padding-left: 10px;
        padding-right: 20px;
        font-size: 10px;
        height: 20px;
        line-height: 20px;
    }
    .event-label-caret {
        top: 32px;
        width: 9px;
        height: 10px;
        background-size: 9px 10px;
        left: -9px;
    }
    .windows #upcoming-events-tab span {
        min-width: unset;
    }
    .events-tab-holder{
        margin-bottom: 0px;
    }
    .event-bg{
        height: 128px;
        padding: 39px 17px 17px 17px;
    }
    .event-blurb{
        padding: 20px 15px 22px 15px;
    }
    .event-title{
        font-size : 15px;
        line-height : 18px;
        max-height: 53px;
    }
    .events ul.countdown-clock{
        display: none;
    }
    .event-blurb span{
        margin-bottom: 17px;
        display: inline-block;
    }
    .event-corner{
        width: 48px;
        height: 48px;
        background-size: 48px 48px;
    }
    #events-header{
        font-size : 34px;
        line-height : 48px;
        margin-bottom: 34px;
    }
    .events-holder {
        width: 290px;
        margin-left: auto;
        margin-right: auto;
    }

    .events-tabs {
        width: 290px;
        margin-right: auto;
        margin-left: auto;
    }
    .events-tab{
        width: 142px;
        height:63px;
        float: left;

    }
    .about-module-3 .video-holder {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56%; /* The height of the item will now be 56% of the width. */
    }
    .about-module-3 .video-holder iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    #past-events-tab{
        margin-right: 0;
    }
    #upcoming-events-tab{
        margin-left: 0;
    }
    .events-single-hero {
        padding-top: 99px;
    }
    .events-single-hero .date-time{
        font-size : 15px;
        line-height : 17px;
        margin-bottom: 14px;
    }
    .register-bttn {
        margin-top: 19px;
    }
    .events-single-hero h1{
        font-size : 32px;
        line-height : 34px;
    }
    .events-single-hero .hero-subheading{
        font-size : 20px;
        line-height : 22px;
    }
    .events-single-hero .events-hero-text {
        margin-left: 15px;
    }
    #add-to-cal{
        right:15px;
    }

    .events-single-hero .countdown-clock{
        right: 12px;
        bottom: 14px;
    }
    .arrow-bttn.event-bttn.phone-only, .arrow-bttn.event-bttn.phone-only:hover{
        display: block!important;
    }
    .arrow-bttn.event-bttn.phone-invis, .arrow-bttn.event-bttn.phone-invis:hover{
        display: none!important;
    }
    .featured-slider {
        width: 308px;
    }
    .tab-bttns.expand {
        display: none;
    }

    .tab-bttn-label {
        position: relative;
    }

    .tab-bttns.collapse {
        display: block;
        height: auto;
    }
    .tab-bttns.collapse.open{
        height: auto;
        display: table;
    }

    .tab-bttns.collapse .tab-bttn, .tab-bttns.collapse .tab-bttn-label {
        width: 100vw;
        color: #ffffff;
        background-color: #00758F;
        text-align: center;
        margin-left: 0;
        line-height: 57px;
        cursor: pointer;
        float: none;
        display: block;
    }
    .tab-bttns.collapse .tab-bttn:hover{
        color:#00C8E1;
    }
    .tab-bttns.collapse .tab-bttn-label {
        background-color:#003b4d;
    }


    .tab-bttns.collapse .tab-drop-holder .tab-bttn,  .tab-bttns.collapse .tab-drop-holder.tab-bttns.collapse .tab-bttn span  {
        line-height: 35px;
    }

    .tab-bttns.collapse .tab-bttn span, .tab-bttns.collapse .tab-bttn-label  span {
        text-transform: capitalize;

    }
    .tab-bttns.collapse .tab-bttn-label  span{
        font-weight: bold;
    }

    .tab-drop-holder {
        background-color: #003B4D;

    }

    .tab-bttns.collapse .tab-bttn.tab-bttn-label {
        position: relative;
        background-color: #003B4D;

    }
    .tab-bttns.collapse .tab-bttn.tab-bttn-label:hover{
        color:#00C8E1;
    }
    .tab-drop-holder .tab-bttn:first-of-type{
        padding-top: 19px;
    }
    .tab-bttn:last-of-type{
        padding-bottom: 19px;
        margin-bottom: -4px;
    }

    .tab-bttns.collapse .tab-bttn.tab-bttn-label .tab-arrow {
        display: block;
        bottom: 0px;
        border-left: 12.5px solid transparent;
        border-right: 12.5px solid transparent;
        border-bottom: 12px solid #fbfcfd;
        transition: opacity 150ms;
        -webkit-transition:opacity 150ms;
        -moz-transition: opacity 150ms ;
        -o-transition: opacity 150ms ;
    }
    .tab-bttns.collapse .tab-bttn.tab-bttn-label:hover .tab-arrow{
        opacity: 0;
    }

    .tab-toggle {
        display: inline-flex;
        width: 15px;
        height: 12px;
        background-image: url(../assets/icons/sort_by_btn.svg);
        background-size: 14px 8px;
        margin-left: 15px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .open .tab-toggle {
        background-image: url(../assets/icons/sort_by_btn_flipped.svg);
    }
    .events-single .tab-toggle{
        background-image: url("../assets/icons/caret_down.svg");
        background-repeat: no-repeat;
        width: 14px;
        height:12px;
        background-size: 14px 8px;
    }
    .events-single .open .tab-toggle{
        background-image: url("../assets/icons/caret_up.svg");
    }
    .add-event-pop{
        width: 100%;
    }
    .add-to-cal-popup{
        background-color: #003B4D;
        width: 100%;
        padding: 20px 30px 30px 65px;
    }
    #add-to-cal-popup {
        width: 330px;
        padding: 67px 15px 61px 15px;
        max-height: 100vh;
        overflow-y: auto;

    }
    .windows #add-to-cal-popup {
        margin-top: 25px;
        max-height: Calc(100vh - 25px);

    }
    @media (hover: hover) {
        .windows #add-to-cal-popup {
            margin-top: 0px;
            max-height: 100vh;

        }
    }
    #add-to-cal-popup::-webkit-scrollbar{
        width: 15px;
        background:transparent;
        position: absolute;
    }
    #add-to-cal-popup::-webkit-scrollbar-thumb{
        height:20px;
        background-color: rgba(179, 179, 179, 0.42)
    }
    .add-to-calendar-checkbox~a {
        width: 100%;
        margin-bottom:28px;
    }
    .events .events-hero-text p {
        width: 100%;
    }
    .events h1#hero-title{
        font-size : 32px;
        line-height : 34px;
    }
    /**SPEAKERS**/
    .speaker-popup{
        width: 100vw;
        padding: 65px 15px 26px 15px;
        left: 0px!important;
    }
    .windows .speaker-popup {
        margin-top: 25px;
        max-height: Calc(100vh - 25px);

    }
    @media (hover: hover) {
        .windows .speaker-popup {
            margin-top: 0px;
            max-height: 100vh;

        }
    }
    .speaker-image-bg{
        display: none;
    }
    .speaker-block-right .speaker-role{
        margin-bottom: 11px;
    }
    .speaker-close{
        top: 15px;
        right:15px;
    }
    .speaker-pop-top{
        margin-bottom: 36px;
    }
    .speaker-block-right{
        width: 100%;
    }
    .speakers-container{
        width: 305px;
    }

    /**Agenda**/
    .a-tab{
        width: 80px!important;

    }
    .agenda-tabs-ul{
        padding-left: 11px;
    }
    .day-item-top {
        padding-left: 15px;
        padding-right: 15px;
    }
    .day-item-top{
        height: 60px;
    }
    .day-item-title{
        font-size : 20px;
        line-height : 24px;
    }
    .day-item-top .day-date, .day-item-top .day-location, .day-item-top .day-time{
        font-size : 16px;
        line-height : 20px;
    }
    /**Agenda**/
    .agenda-tabs-ul.with-arrows {
        width: 288px;
    }
    select#tracks-dd{
        width: 100%;
        background-position-x: Calc(100% - 23px);
    }
    .day-item-bottom {
        padding: 17px 15px 14px 15px;
    }
    .day-item-top .align-vertical{
        max-width: Calc(100vw - 60px);
    }
    /**Gallery**/

    .gallery-tabs.photos{
        width: 100%;
    }
    .gallery-tabs, #video-gallery-container,.windows #video-gallery-container, .windows .gallery-tabs {
        width: 311px;
    }
    .video-block {
        margin-right: 0;
        margin-left: 0;
    }
    .gallery-tab {
        width: 138px;
    }
    #gallery.panelOpen .ug-arrow-left, #gallery.panelOpen .ug-arrow-right{
        top:20%!important;
    }
    .voverlay-content {
        width: 100%;
        height: auto;
    }
    .voverlay-container{
        width: 100vw;
        padding-right: 10px;
        padding-left: 10px

    }




}
/****SMALL PHONE***/
@media only screen and (max-width: 401px) {
    .navbar-collapse {
        display: block;
        width: 100vw;
    }

    .bttn {
        max-width: Calc(100% - 30px);
        text-align: center;
    }

    .events-bttns .bttn {
        max-width: unset;
    }

    .windows .bttn.download-bttn {
        line-height: 3em;
        padding-top: 0;
    }

    .youtube-overlay-container {
        max-width: 100vw !important;
    }

    .fullpage-wrapper {
        min-height: 100px;
    }

    .about-module-2 .p1-content {
        padding-left: 0;
        padding-right: 0;
    }

    .featured-slider .slick-prev {
        left: -6px;
    }

    .featured-slider .slick-next {
        right: -6px;
    }

    .events-tab span {
        max-width: unset;
        text-align: center;
        width: 100%;
    }


}


    @media only screen and (max-width: 330px) {
       #add-to-cal-popup{
           left: 0!important;
       }
        .events-single-hero .date-time {
            font-size: 14px;
        }
        .subcategory-holder .slick-next {
            right: -13px;
            width: 20px;
        }
        .subcategory-holder .slick-prev {
            left: -13px;
            width: 20px;
        }
        .events-single-hero h1#hero-title {
            font-size: 29px;
        }
        .gallery-module-1 .p1-content{
            padding-left: 5px;
            padding-right: 5px;
        }
        .tab-toggle{
            display: inline-block;
        }


    }


}