<style type="text/css">/* Header Styling */

    @media (min-width:1024px) {
        .master-layout-1 #divMainMenu nav {
            text-transform: uppercase;
        }
    
        .master-layout-1 .container-fluid {
            padding-right: 0;
        }
    
        .master-layout-1 .MyProfile_Member, .master-layout-1 .MyProfile_Member .MyProfile_SignedIn .SignedIn_container, .master-layout-1 .MyProfile_Member .MyProfile_SignedOut .SignedIn_container {
            background: #cd492e;
        }
    
        .master-layout-1 .MyProfile_Member .MyProfile_Name {
            color: #fff;
        }
    }

    /* Mega Menu Container */
    .mega-menu-container {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        margin: 0 16px;
        background: #fff;
        padding: 20px 30px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        z-index: 9999;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 90vw;
        box-sizing: border-box;
    }

    /* Each column */

    .mega-menu-col {
        display: flex;
        flex-direction: column;
        margin: 0 15px;
        flex: 1 1 0;
        max-width: 22.5%;
        min-width: 22.5%;
    }

    /* Column heading */
    .mega-menu-col > a {
        margin-bottom: 12px;
    }

    @media (hover: hover) and (pointer: fine) and (min-width: 1025px),
        screen and (-ms-high-contrast: none) and (min-width: 1025px) {
        .master-layout-1 #divMainMenu nav #main-menu a:hover {
        background-color: #f2f2f2;
        color: #2a2a2a;
        }

        .master-layout-1 #divMainMenu nav #main-menu a {
            padding-left: 15px;
            text-transform: uppercase;
        }

        .master-layout-1 #divMainMenu nav #main-menu a[href*="inactive"]:hover {
        color: inherit;
        text-decoration: none;
        cursor: default;
        background: #fff;
        }
    }

    /* Sub-items list */
    .mega-menu-list {
        display: flex;
        flex-direction: column;
    }

    /* Show mega menu on hover of parent */
    #main-menu > li:hover > .mega-menu-container {
        display: flex;
    }

    /* Global */
    
    section[id*="TextArea"] p[style*="center"] {
        max-width: 680px;
        margin: auto;
    }
    
    .theme1 h1,
    .theme2 h1 {
       color: #4874B3;
    }
    
    /* Rotating Banner */
    
    @media (min-width: 768px) {
        .home-banner.cho-hero-textwidget.height100 {
            height: 100vh;
        }
    }
    
    @media screen and (max-width: 767px) {
        .cho-hero-textwidget-content {
            position: absolute !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            color: white;
        }
    }
    
    /* Video Banner */
    
    .video-widget .scroll-chevron.position-fixed,
    .video-widget .scroll-chevron {
        display: none;
    }
    
    .cho-hero-textwidget .cho-hero-textwidget-content .center-center, .cho-hero-textwidget .cho-hero-textwidget-content .content-center {
        text-shadow: none;
    }
    
    .cho-hero-textwidget .cho-hero-textwidget-content h2 {
        font-size: 3em;
    }
    
    .cho-hero-textwidget .cho-hero-textwidget-content h4 {
        font-size: 1.266em;
    }

    .video-banner-new {
      max-height: 100vh;
      overflow: hidden;
    }

    .ytPlayerControlsContainerRendered {
        display: none;
    }
    
    /* Title & Summary */
    
    @media screen and (min-width: 768px) {
    
        .basic-block .basic-block-wrapper .img-block {
            min-height: 70vh;
            height: 100%;
        }
    
        section[id*="TitleAndSummary"] .col-sm-pull-6 h4 {
            left: -15px;
            transform-origin: left;
            top: 60%;
        }
    
        section[id*="TitleAndSummary"] .col-sm-6:not(.col-sm-pull-6) h4 {
            left: unset;
            right: -35px;
            transform: rotate(90deg);
            top: 40%;
        }
    
    section[id*="TitleAndSummary"] h4 {
        position: absolute;
        transform: rotate(-90deg);
        transform-origin: bottom;
        opacity: 0.25;
        font-size: 24px;
        color: var(--blue);
        width: 100px;
        text-align: center;
        justify-content: center;
        display: flex;
        white-space: nowrap;
    }
    }
    
    @media screen and (max-width: 768px) {
    section[id*="TitleAndSummary"] h4 {
        display: none;
    }
    }
    
    /* Full-width Quicklinks */
    
    .full-width-quicklinks .full-width-quicklink-container {
        width: 1600px;
        max-width: 100%;
        margin: 0 auto;
        column-gap: 20px;
        row-gap: 20px;
    }
    
    /* Text Quicklinks */
    
    .quicklink-text-bg .quicklink-text-content .quicklink-text-title {
        margin: 0;
        font-size: 1.6em;
    }
    
    .quicklink-text-bg .quicklink-text-content .quicklink-text-para {
        line-height: 1.2;
        margin: 0;
        clear: both;
        font-family: Cinzel;
        font-size: 1.6em;
    }
    
    /* Contact Card Styling */
    
    .card-title h4 {
        font-size: 1.25rem;
    }
    
    .contact-card-widget.full-card .contact-card-wrapper .contact-card-item{
        border: 1px solid rgba(26, 60, 95, 0.2);
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        max-width: 75%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .card-view .contact-card-item .card-photo{
        margin-top: -120px !important;
        position: relative;
    }
    
    .card-view .contact-card-item{
        margin-top: 120px !important;
    }
    
    .card-view .contact-card-item .card-photo{
        border-bottom: 4px solid #4874B3 !important;
    }
    
    .card-view .contact-card-item{
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    }
    
    .contact-card-item .card-photo img {
        background-size: cover !important;
    }
    
    .contact-card-item .card-photo[style="background-image: url('');"]:after {
        content: '';
        background: url('/getmedia/7a4f1328-8b8e-4bb5-95e0-bc48d42e3bf6/tyc-logo-flag1.aspx'), #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: 60% auto;
        z-index: 0;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    /* Quicklinks */
    
    .content-quicklink-menu .content-quicklink-menu-a:after {
      content: "\f18e";
      position: relative;
      top: 20px;
      color: #4874B3;
      font-family: FontAwesome;
      display: inline-block;
      padding-right: 3px;
      vertical-align: middle;
      margin-right: 10px;
    }
    
    .content-quicklink-menu .content-quicklink-menu-a {
        border-bottom: 1px solid #4874B3;
    }
    
    /* Blog Styling */
    
    .blog-widget-zone.col-xs-12.col-sm-4 {
        display: none;
    }
    
    .blog-news-date.col-xs-12,
    .news-widget .latest-news-date {
        font-size: 1.125rem;
    }


    /*------------- ANIMATE FROM -------------*/
   html{
      overflow-x: hidden !important;
   }
   body:not(.EditMode) .fade-in-top,
   body:not(.EditMode) .fade-in-left,
   body:not(.EditMode) .fade-in-right {
      opacity: 0;
      -webkit-transform: translateY(40px);
      -moz-transform: translateY(40px);
      -ms-transform: translateY(40px);
      -o-transform: translateY(40px);
      transform: translateY(40px);
      -webkit-transition: all 0.6s ease-out;
      -moz-transition: all 0.6s ease-out;
      -ms-transition: all 0.6s ease-out;
      -o-transition: all 0.6s ease-out;
      transition: all 0.6s ease-out;
   }

   @media (min-width: 1024px) {
      body:not(.EditMode) .fade-in-left {
         -webkit-transform: translateX(-40px);
         -moz-transform: translateX(-40px);
         -ms-transform: translateX(-40px);
         -o-transform: translateX(-40px);
         transform: translateX(-40px);
         -webkit-transition: all 0.6s ease-out;
         -moz-transition: all 0.6s ease-out;
         -ms-transition: all 0.6s ease-out;
         -o-transition: all 0.6s ease-out;
         transition: all 0.6s ease-out;
      }

      body:not(.EditMode) .fade-in-right {
         -webkit-transform: translateX(40px);
         -moz-transform: translateX(40px);
         -ms-transform: translateX(40px);
         -o-transform: translateX(40px);
         transform: translateX(40px);
         -webkit-transition: all 0.6s ease-out;
         -moz-transition: all 0.6s ease-out;
         -ms-transition: all 0.6s ease-out;
         -o-transition: all 0.6s ease-out;
         transition: all 0.6s ease-out;
      }

   }

   body:not(.EditMode) #animate1 {
      transition: transform 0.3s ease-out;
   }

   body:not(.EditMode) .scale-in-fade {
      opacity: 0.98;
      -webkit-transform: scale(1.15);
      -moz-transform: scale(1.15);
      -ms-transform: scale(1.15);
      -o-transform: scale(1.15);
      transform: scale(1.15);
      -webkit-transition: all 0.6s ease-out;
      -moz-transition: all 0.6s ease-out;
      -ms-transition: all 0.6s ease-out;
      -o-transition: all 0.6s ease-out;
      transition: all 0.6s ease-out;
   }

   /*------------------------ ANIMATE TO ---------------------*/
   body:not(.EditMode) .fade-in-left.visible,
   body:not(.EditMode) .fade-in-right.visible,
   body:not(.EditMode) .fade-in-top.visible {
      opacity: 1;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
   }

   body:not(.EditMode) .scale-in-fade.visible {
      opacity: 1;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
   }

   body:not(.EditMode) .zap {
      transform: scale(2.5);
   }

   body:not(.EditMode) section[id*="StaticImageBanner"] .parallaxParent {
      height: 100%;
      overflow: hidden;
   }

   body:not(.EditMode) section[id*="StaticImageBanner"] .parallaxParent>* {
      height: 130% !important;
      position: relative !important;
      top: -70%;
      transition: none !important;
   }

   .no-animation .fade-in-top, .no-animation .fade-in-left, .no-animation .fade-in-right{
	-webkit-transform: translateX(0px) !important;
	-moz-transform: translateX(0px) !important;
	-ms-transform: translateX(0px) !important;
	-o-transform: translateX(0px) !important;
	transform: translateX(0px) !important;
	opacity: 1 !important;
   }
    </style>
    