/*@font-face {
      font-family: proxima-nova;
      src: url(https://cdn.jsdelivr.net/npm/font-proxima-nova@1.0.1/fonts/ProximaNova-Regular.ttf);
    }*/

    a, h5, li{
        font-family: "proxima-nova", Sans-serif;
        outline: none;
    }
    *, * * {position: initial;}
    .header-row-wrap{
	margin-left: 0px;
    	margin-right: 0px;
    	width: 100% !important;
    	max-width: 1366px;
    	justify-content: space-between;
	margin:auto;
	display:flex;
	flex-wrap:nowrap;
    }
    .row.footer-bar-wrap, .row.footer-wrap{
	max-width: 1366px;
	margin:auto;
    }
    .navbar-brand{
	width:70px;
	max-width: 70px;
        box-shadow: none;
        background-image: url(https://storage.googleapis.com/gal-uploads/1/elementor/thumbs/GU-p2dj3hm3n1wfli7mdysrvaw604ywfsijae14pnxqm8.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .header-sticky .navbar-brand{
	background-image: url(https://storage.googleapis.com/gal-uploads/1/2020/02/GU-Buff-White-768x593.png);
	width: 55px;
	margin-top:5px;
    }
    .col-megamenu.mega-desc a.after-summ-a{
	line-height:2.5em;
    }
    .megamenu .mega-border-right{
        border-right: 1px solid #DDDFE7;
    }
    .megamenu .mega-border-left{
        border-left: 1px solid #DDDFE7;
    }

    .fa-search{
        color:#0F4D81;
        padding-left: 15px;
        cursor: pointer;
    }
    .gu-top-bar{
        background-color: #DDDFE7;
        padding: 8px 22px 4px 22px;
        margin:0px;
    }
    .gu-top-bar.gu-top-bar-on-sticky{
    	margin-bottom:82px;
    }
    .gu-top-bar a{
        color:#54595F;
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        font-family: "proxima-nova", Sans-serif;
    }
    .gu-top-bar a i{
        color: #54595F;
        font-size: 10px;
        margin: 0px 3px 0px 0px;
    }
    .gu-top-bar .first-col a{
        padding-right: 15px;
        font-family: "proxima-nova", Sans-serif;
        cursor: pointer;
    }
    .gu-top-bar .second-col a{
        padding-left: 15px;
        font-family: "proxima-nova", Sans-serif;
        cursor: pointer;
    }
    .gu-top-bar .second-col a:hover i{
        color: #0F4D81;
    }
    .gu-top-bar a:hover{
        color:#0F4D81;
        text-decoration: none;
    }
    .gu-top-bar .second-col a.red-link, .gu-top-bar .second-col a.red-link i{color:#B42D5A;}
    .col-megamenu li a{
        color:#595F6F; 
        transition: ease-in-out 0.3s;
        font-family: "proxima-nova", Sans-serif;
        font-size: 16px;
    }
    .col-megamenu li a:hover{
        color:#0678B3; 
        text-decoration: none;
    }
    .col-megamenu li{
        margin-bottom: 7px;
        font-family: "proxima-nova", Sans-serif;
    }
    .megamenu .title-col .title{
        color: #595F6F;
        font-size: 18px;
        font-weight: 600;
        line-height: 1em;
        letter-spacing: 0px;
        margin-bottom: 0px;
    }
    .megamenu .title-col .title.first{
        color:#0D3F69;
        font-size: 22px;
        font-weight: bold;
    }
    .header-sticky .dropdown-menu.megamenu{
        margin-top: -6px !important;
    }
    .col-megamenu.mega-desc p{
        color: rgb(89, 95, 111);
    }
    .col-megamenu.mega-desc a{
        color: #0678B3;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 600;
        margin: 15px 0;
    }
    .col-megamenu.mega-desc a:hover{
        color:#0F4D81;
        text-decoration: none;
    }
    #gallaTemp p{
        background-color: #0F4D81;
        color:white;
        padding: 15px 5px;
        border-radius: 50%;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
        text-align: center;
        font-size: 34px;
        width:80px;
        height: 80px;
        font-family: "proxima-nova", Sans-serif;
    }
    #gallaTemp{
        margin-top: -30px;
        position: absolute;
        margin-left:15px;
    }
    li.d-md-none.nav-item.gu-search-icon{
	list-style:none;
    }
    #search{
        align-items: center;
        background: rgba(0,0,0,.8);
        height: 0;
        display: flex;
        justify-content: center;
        opacity: 0;
        position: fixed;
        transition: all .5s;
        width: 100vw;
        will-change: transform, opacity;
        z-index: -1;
    }

    #search:target {
        height: 100vh !important;
        opacity: 1;
        width: 100vw !important;
        z-index: 999;
    }
    #search .close-btn{ 
        display: block; 
        font-size:32px;
        margin-top:10px;
    }

    #searchbox{
        background: transparent;
        border: solid #F7F8FB;
	font-weight:600;
        border-width: 0 0 2px 0;
        color: #fff;
        flex: 1 0 auto;
        font-size: 40px;
        height: 2rem;
        max-width: 70%;
        outline: 0;
        padding: 30px 0;
	padding-bottom:45px;
        border-radius: 0px;
        font-family: "proxima-nova", Sans-serif;
    }
    #searchbox::placeholder{
        font-family: "proxima-nova", Sans-serif;
        color:#ffffff73;
    }

    .close-btn{
        display: none;
        color: #fff;
        font-size: 2rem;
        position: absolute;
        top: .5rem;
        right: 2rem;
    }

    #search .fade{
        height: 100vh;
        width: 100vw;
        transition: opacity .5s;
    }
    #close-search{
        color:white;
    }
    .navbar-nav .icon-search{
        color:#0F4D81;
        margin-left:15px;
        margin-top:-10px;
        font-size:18px;
    }
    .header-sticky .navbar-nav .icon-search{
	color:white;
    }
    .navbar-nav .gu-search-icon{
        margin-top:-3px;
        margin-left: 0px;
        margin-right: 0px;
    }
    #main_nav a.dropdown-toggle{
    	font-weight:600;
    }
    /*.skip-to-content{
        height: 30px;
        left: 0%;
	top:0;
	font-size:10px !important;
        padding-left: 3px;
	position: absolute;
	z-index:1;
	color:#0F4D81;
    }*/
    
    /*@media (max-width:1023px){
	.skip-to-content{
	    left:auto;
	    right:15pz;;
	    top:30px;
	}
    }*/
    @media all and (min-width: 1266px) {
        #main_nav a.dropdown-toggle{
            font-size: 18px;
        }
    }
    @media all and (min-width: 1260px){
	#outer_nav.header-sticky a.dropdown-toggle{
	    margin-left:30px;
	}
    }
    @media all and (min-width: 992px) and (max-width: 1265px) {
        #main_nav a.dropdown-toggle{
            font-size: 16px;
        }
    }
    @media all and (min-width: 769px) and (max-width: 991px) {
        #main_nav a.dropdown-toggle{
            font-size: 12px;
        }
	.gu-top-bar a{
	    font-size:10px;
	}
	.gu-top-bar .first-col a{
	    padding-right:8px;
	}
	.gu-top-bar .second-col a{ 
            padding-left:8px;
        }	
    }
	@media all and (min-width: 769px) {
		.navbar{ 
            padding-top: 0; padding-bottom: 0; 
        }
        .navbar-expand-md .navbar-nav{
            margin-right: 0px;
        }
		.navbar .has-megamenu{
            position:static!important;
            margin-left: 0px;
            margin-right: 0px;
	    padding-bottom: 10px;
        }
		.navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
		.navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }
        #main_nav a.dropdown-toggle{
            color:#0F4D81;
            padding: 0px;
            margin-left: 15px;
            padding-bottom: 5px;
            font-weight: 600;
            font-family: "proxima-nova", Sans-serif;
        }
        #main_nav a.dropdown-toggle:hover{
        color: #0678B3;
        }
        
        .header-sticky{
          background-color: #0F4D81 !important;
          position: fixed;
          width: 100%;
          top:0;
          padding-bottom: 0px !important;
          z-index: 99;
        }
        .header-sticky .navbar-brand img{
            max-width: 55px;
        }

        #outer_nav.header-sticky a.dropdown-toggle{
            color: white !important;
        }
        #outer_nav.header-sticky i.fa-search{
            color: white !important;
        }
        .col-megamenu ul.list-unstyled, .col-megamenu ul.list-unstyled li{
            margin-left: 0px;
        }{
            margin-left: 0px;
        }


        #main_nav a.dropdown-toggle:after{display:none;}
        a.left
        {
          position: relative;
        }

        a.left:before {
          content: "";
          position: absolute;
          width: 0;
          height: 3px;
          bottom: 0;
          left: 0;
          background-color: #EFCA77;
          visibility: hidden;
          transition: all 0.3s ease-in-out;
        }
        a.left:hover:before {
          visibility: visible;
          width: 100%;
        }
        .dropdown-menu.megamenu{
            margin-top: -25px !important;
            background-color: #F7F8FB;
            box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
            border-radius: 0px;
            border:none;
            padding-top:50px;
            padding-bottom: 50px;
        }
        .dropdown-menu.megamenu .mega-wrap{
            max-width: 1266px;
            margin: auto;
        }
        .dropdown-menu.megamenu .col-megamenu img{
            max-width: 100%;
            border-radius: 5px;
            box-shadow: 5px 5px 35px 5px rgba(0, 0, 0, 0.1);
        }
        .navbar{
            padding-bottom: 20px;
            background-color:#F7F8FB;
            padding-left: 30px;
            padding-right: 30px;
        }
        .row.align-right-mbl{
            margin:0px;
        }
        .dropdown-menu, .header-sticky{
          /*animation-name: slidenavAnimation;
          animation-duration:.5s;
          animation-iteration-count: 1;
          animation-timing-function: ease;
          animation-fill-mode: forwards;

          -webkit-animation-name: slidenavAnimation;
          -webkit-animation-duration:.5s;
          -webkit-animation-iteration-count: 1;
          -webkit-animation-timing-function: ease;
          -webkit-animation-fill-mode: forwards;

          -moz-animation-name: slidenavAnimation;
          -moz-animation-duration:.5s;
          -moz-animation-iteration-count: 1;
          -moz-animation-timing-function: ease;
          -moz-animation-fill-mode: forwards;*/
        }
	.dropdown-menu{
          /*animation-name: slidenavAnimation;
          animation-duration:.5s;
          animation-iteration-count: 1;
          animation-timing-function: ease;
          animation-fill-mode: forwards;

          -webkit-animation-name: slidenavAnimation;
          -webkit-animation-duration:.5s;
          -webkit-animation-iteration-count: 1;
          -webkit-animation-timing-function: ease;
          -webkit-animation-fill-mode: forwards;

          -moz-animation-name: slidenavAnimation;
          -moz-animation-duration:.5s;
          -moz-animation-iteration-count: 1;
          -moz-animation-timing-function: ease;
          -moz-animation-fill-mode: forwards;*/
        }
        @keyframes slidenavAnimation {
          from {
            opacity: 0;
          }
          to {
            opacity: 1;
          }
        }
        @-webkit-keyframes slidenavAnimation {
          from {
            opacity: 0;
          }
          to {
            opacity: 1;
          }
        }

        .navbar .nav-item .dropdown-menu.megamenu{ display: none; }
        .navbar .nav-item:hover .nav-link{ color: #fff;  }
        .navbar .nav-item:hover .dropdown-menu{ 
            /*display: block;*/ 
        }
        .navbar .nav-item .dropdown-menu{ margin-top:0; }

        #main_nav{
            justify-content: flex-end;
	    padding-top:20px;
        }
        #outer_nav > div {
            width: auto;
            background-color: #f8f9fa;
        }
        #outer_nav.header-sticky > div {
            width: auto;
            background-color: #0F4D81 !important;
        }
        .col-megamenu{
            padding-right: 15px !important;
        }
	}

    @media (max-width: 768px){
        .align-right-mbl{
            justify-content: space-between;
            width: 100%;
            margin:0px;
            padding:10px 15px;
        }
	#searchbox{
            max-width:80%;
        }
        #main_nav .dropdown-menu{
            box-shadow: none;
            -webkit-box-shadow: none;
        }
	.mbl-nav-open + .dropdown-menu{
	    display:block !important;
	}
        #outer_nav .align-right-mbl{
            background-color: #0F4D81 !important;
            display: flex;
        }
        .gu-top-bar{display: none;}
        .navbar-toggler{border:none;}
        #outer_nav{
            background-color:transparent;
            padding:0px;
            position:fixed;
            top:0;
            right:0;
            left:0;
            z-index: 999;
            border:none;
        }
        .navbar-light .navbar-toggler{
            color: white !important;
            outline: none;
            background-color: transparent;
            box-shadow: none;
            border:none;
        }
        #main_nav{
            padding: 0px 15px;
            background-color:white !important;
        }
        .gray-cta-mbl .col{
            background-color: #595F6F;
            color: white;
            text-align: center;
            padding:12px 0px;
            border-right: 1px solid white;
        }
        .gray-cta-mbl .col:last-of-type{
            border-right: 0px solid white;
        }
        .gray-cta-mbl .col a{
            font-family: "proxima-nova", Sans-serif;
            text-transform: uppercase;
            font-size: 12px;
            color:white;
        }
        .dropdown-toggle::after{
            position: absolute;
            right: 0;
            content: "\2192";
            border:none;
        }
        .dropdown-toggle{
            color:#0F4D81 !important;
            font-size: 22px;
            font-weight: 600;
        }
        .navbar-nav{
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .navbar-nav .dropdown-menu{
            padding:0px 15px;
        }
	.gu-bottom-mbl{
	    min-height: 35vh;
	}
	.lock-mbl-menu .gu-bottom-mbl{
	    min-height: 1vh;
	}
        .dropdown-toggle.mbl-nav-open::after{
            content: "\2190";
        }
        .navbar-nav .dropdown-menu{border:none;}
        .dropdown-menu.megamenu.show {
            position: relative;
            left: -800px;
            -webkit-animation: slide 0.5s forwards;
            -webkit-animation-delay: 0.1s;
            animation: slide 0.5s forwards;
            animation-delay: 0.1s;
            width: 100%;
            margin:0px;
            border-radius: 0px;
        }

        @-webkit-keyframes slide {
            100% { left: 0; }
        }

        @keyframes slide {
            100% { left: 0; }
        }

        .megamenu .mega-border-right{
            border-right: none;
        }
        .outer-mega-col{
            border-left: 1px solid #DDDFE7;
        }
        .gu-bottom-mbl li{
            list-style: none;
            font-weight: 700;
            color:#595F6F;
            margin-bottom: 7px;
            text-transform: uppercase;
            font-size: 14px;
        }
        .gu-bottom-mbl li a{
            list-style: none;
            font-weight: 700;
            color:#595F6F;
            margin-bottom: 7px;
            text-transform: uppercase;
            font-size: 14px;
            cursor: hover;
        }
        .gu-bottom-mbl{
            background-color: #DDDFE7;
            padding-top:30px;
            padding-bottom: 20px;
            padding-left: 15px;
            padding-right: 15px;
        }
        .gu-bottom-mbl .first-col{
            border-right: #BFC4CE solid 1px;
        }
        body .sticky-links-tab {
            top:70px;
        }
        body #side {
            top:74px;
        }
        .navbar > div{
            display: block;
        }
        .navbar-toggler i{
            font-size: 20px;
        }
        .navbar-brand{
            height: auto;
	    background: url(https://storage.googleapis.com/gal-uploads/1/2020/02/GU-Buff-White-768x593.png);
	    background-size:contain;
        }
        .row.align-right-mbl:before, .row.align-right-mbl:after{
            content:none;
        }
        .top-slideshow{
            margin-left:0px;
            margin-right: 0px;
        }
	#outer_nav.lock-mbl-menu{
            height: 100% !important;
            overflow-y: scroll;
        }
    }

    #footer-bar #footer-bar-wrap{
        max-width: 1266px;
    }
    #footer{
        background-color: #0F4D81;
        padding: 90px 30px 60px 30px;
    }

    #footer .row{
	max-with:1366px;
	margin:auto;
    }
    #footer a, #footer p, #footer h5{
        color:white;
        font-family: "proxima-nova", Sans-serif;
        font-weight: 300;
    }
    #footer p, #footer-bar p{
        color: #DDDFE7;
        font-size: 14px;
        line-height: 1.4em;
        letter-spacing: 0px;
        font-family: "proxima-nova", Sans-serif;
    }
    #footer h5{
        color: #F7F8FB;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 18px;
        padding-bottom: 10px;
    }
    #footer li{
        list-style:none;
        margin-bottom: 10px;
        margin-top: 10px;
        line-height: 1.4em;
        font-size: 14px;
        font-weight: 500;
        font-family: "proxima-nova", Sans-serif;
        margin-left: 0px;
        margin-right: 0px;

    }
    #footer li a{
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4em !important;
        font-family: "proxima-nova", Sans-serif;
        transition: ease 0.3s;
    }
    #footer li a:hover{
        color:#EFCA77;
        text-decoration: none;
    }
    #footer ul.list-unstyled{
        margin-left: 0px;
    }
    #footer .ftr-branding img{
        max-width: 100%;
        width:200px;
        margin-top: -40px;
        margin-left: -10px;
        box-shadow: none;
    }
    #footer-bar{
        padding:10px 30px 20px 30px;
        background-color: #0D3F69;
    }
    #footer .gu-statement{
        max-width: 320px;
	font-weight:400;
    }
    #footer .social i{
        color: #0D3F69;
        background-color: white;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        padding-top: 4px;
        padding-bottom: 5px;
        text-align: center;
        vertical-align: center;
        transition: ease 0.3s;
        font-size: 13px;
    }

    #footer .social{
        text-align: left;
    }

    #footer .social i:hover{
        color:white;
        background-color: #0D3F69;
    }
    #footer .social a{
        margin-right: 0px;
    }

    @media (max-width: 576px){
        #footer-bar{
            padding-top:20px;
            padding-bottom: 20px;
        }
    }