#section-header
    {
        padding:                                20px 0;
        border-bottom:                          8px solid #ffde02;
    }
    
.section-padding
    {
        padding:                                60px 0;
    }
.section-bottom-padding
    {
        padding:                                0 0 60px 0;
    }
header, footer, #copyright
    {
        width:                                  250px;
        /*border: 1px solid;*/
        margin:                                 0 auto;
    }
header:after, .container:after, footer:after, .info:after, #copyright:after
    {   
        content:                                "";
		display:                                table;
		clear:                                  both;
    }
.header-left, .header-right
    {
        width:                                  250px;
        float:                                  left;
    }
.header-left
    {
        text-align:                             center;
    }
.header-left img
    {
        width:                                  250px;
    }
.header-right
    {
        text-align:                             center;
        margin:                                 20px 0 0 0;
    }
.header-right i
    {
        font-size:                              18px;
        background-color:                       #121211;
        padding:                                15px;
        border-radius:                          50%;
        color:                                  #ffffff;
        cursor:                                 pointer;
        transition:                             background-color 0.3s ease;
    }
.header-right i:hover, #fixed-hidden .container i:hover
    {
        background-color:                       #ffde02;
        color:                                  #121211;
    }
#search-form
    {
        margin-top:                             20px;
    }
#search-form input[type=text]
    {
        width:                                  184px;
        padding:                                10px;
        border:                                 1px solid #cccccc;
        font-family:                            'Open Sans';
        font-size:                              14px;
        border-top:                             1px solid #999999;
    }
#search-form button i
    {
        padding:                                0;
        font-size:                              14px;
    }
#search-form button i:hover
    {
        background-color:                       #121211;
        color:                                  #ffffff;
    }
#button-search
    {
        height:                                 41px;
        padding: 8px 15px;
        background-color: #121211;
        color: #ffffff;
        font-family: 'Open Sans';
        font-size: 14px;
        cursor: pointer;
        font-weight: bold;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
.dark { background-color: #121211; }
.white { background-color: #ffffff; }
.text-light-gray { color: #999999; }

footer
    {
        padding:                                0 0 30px 0;
        border-bottom:                          1px solid #666666;
    }
.footer-box
    {
        width:                                  100%;
        float:                                  left;
        margin:                                 0 0 20px 0;
        text-align:                             center;
    }
.footer-box ul li
    {
        list-style-type:                        none;
        padding:                                5px 0;
    }
.footer-box ul li a
    {
        color:                                  #999999;
        text-decoration:                        none;
    }
.footer-box ul li a:hover
    {
        color:                                  #ffffff;
    }
.social
    {
        text-align:                             center;
    }
.social a i
    {
        color:                                  #ffffff;
        font-size:                              56px;
        margin:                                 0 10px 0 0;
    }
.social a:last-child i
    {
        margin:                                 0;
    }
#copyright
    {
        margin-top:                             30px;
        text-align:                             center;
        font-size:                              13px;
    }
.ngi
    {
        color: #e74a1a;
    }
.ngi:hover
    {
        color: #ffffff;
    }

/* ===================== Nav ===================== */


#nav-container
    {
        position:                               fixed;
		top:                                    0;
		right:                                  -600px;
		width:                                  280px;
		height:                                 100%;
		padding:                                0 0;
		/*background-color:                       #f2f2f2;*/
		z-index:                                999;
        box-shadow:                             5px 0px 20px 8px #333333;
		font-size:                              16px;
        font-weight:                            bold;
        border-bottom: 8px solid #ffde02;
    }
nav:after
    {
        content:                                "";
        display:                                table;
        clear:                                  both;
    }
nav ul li
	{
		list-style-type:                        none;
		padding:                                15px 40px;
        color:                                  #434749;
        border-bottom:                          1px dotted #cccccc;
        border-top:                             1px solid #ffffff;
    }
nav ul li:hover
    {
        background-color:                       #ffffff;
    }
nav ul li:hover > ul
    {
        display: block;
    }
nav ul li:before
    {
        font-family:                            'Font Awesome 5 Free';
        display:                                inline-block;
        font-style:                             normal;
        font-variant:                           normal;
        text-rendering:                         auto;
        font-weight:                            900;
        font-size:                              18px;
        color:                                  #121211;
        margin:                                 0 15px 0 0;
    }
nav ul li:nth-child(1):before
    {
        content:                                '\f059';
    }
nav ul li:nth-child(2):before
    {
        content:                                '\f1ad';
    }
nav ul li:nth-child(3):before
    {
        content:                                '\f14b';
    }
nav ul li:nth-child(4):before
    {
        content:                                '\f007';
    }
nav ul li:nth-child(5):before
    {   
        content:                                '\f140';
    }
nav ul li:nth-child(6):before
    {
        content:                                '\f0e0';
    }
nav ul li ul li:before
    {
        content: '\f105' !important;
    }
nav ul ul
	{
        margin:                                 10px 0 0 20px;
        display: none;
	}
nav ul ul li, nav ul ul li ul li 
	{
        /* border-left:                            1px solid #cccccc; */
        padding-left: 10px;
        padding-right: 10px;
    }
nav ul ul li:first-child
	{
		border-top:                             0;
	}
nav ul ul li:last-child
	{
		border-bottom:                          0;
	}
nav a
	{
		color:                                  #262825;
        text-decoration:                        none;
    }

@media (min-width: 320px) {
    header, .header-left, .header-right, footer, #copyright
        {
            width:                          310px;
        }
    .header-right i
        {
            margin:                         0 5px 0 0;
        }
    #search-form input[type=text]
        {
            width:                          239px;
        }
    #nav-container
        {
            width:                          350px;
        }
}

@media (min-width: 481px) {
    header, .header-left, .header-right, footer, #copyright
        {
            width:                          471px;
        }
    #search-form input[type=text]
        {
            width:                          300px;
        }
    #nav-container
        {
            width:                          420px;
        }
}

@media (min-width: 641px) {
    header, .header-left, .header-right, footer, #copyright
        {
            width:                          631px;
        }
    .footer-box
        {
            width:                          305px;
            text-align:                     left;
        }
    .footer-box:nth-child(1)
        {
            margin:                         0 20px 20px 0;
        }
    .footer-box:nth-child(2), .footer-box:nth-child(4)
        {
            margin:                         0 0 20px 0;
        }
    .footer-box:nth-child(3)
        {
            margin:                         0 20px 0 0;
        }
}

@media (min-width: 961px) {
    header, footer, #copyright
        {
            width:                          951px;
        }
    #section-header
        {
            padding: 30px 0 110px 0;
            background-image: url('https://www.meetnewcastlegateshead.com/wp-content/themes/conferencebureau/imgs/illus_white1.jpg');
            background-repeat: repeat-x;
            background-position: center bottom;
            border-bottom: 0;
            background-size: 80%;
        }
    .header-left
        {
            width:                          300px;
            float:                          left;
        }
    .header-right
        {
            width:                          500px;
            float:                          right;
            text-align:                     right;
        }
    .header-right i
        {
            font-size:                      10px;
            padding:                        8px;
        }
    #icon-menu, #icon-search
        {
            display:                        none;
        }
    #text-phone, #text-email
        {
            display:                        inline-block;
            font-size:                      16px;
        }
    #text-phone
        {
            margin:                         0 20px 0 0;
        }
    #search-form
        {
            display:                        block;
            width:                          500px;
            float:                          left;
            margin:                         20px 0 0 0;
        }
    .footer-box
        {
            width:                          222px;
        }
    .footer-box:nth-child(1), .footer-box:nth-child(2), .footer-box:nth-child(3)
        {
            margin:                         0 20px 0 0;
        }
    .footer-box:nth-child(4)
        {
            margin:                         0;
        }
    .social a i
        {
            font-size:                      50px;
        }
    .left
        {
            float:                          left;
        }
    .right
        {
            float:                          right;
        }

    /* Nav */

    #nav-container
        {
            width:                          100%;
            float:                          left;
            position:                       relative;
            right:                          0;
            /*background-color:               initial;*/
            box-shadow:                     0 0 0;
            height:                         auto;
            padding:                        0;
            background-color: #121211;
            background-image: url('imgs/nav_bg.jp');
            background-position: center center;
            z-index: 20;
        }
    /*.nav-container-home:after HIDDEN NAV OPACITY
        {
            width:                          100%;
            height:                         100%;
            content:                        '';
            position:                       absolute;
            top:                            0;
            left:                           0;
            background-color:               #121211;
            -ms-filter:                     "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            filter:                         alpha(opacity=60);
            -moz-opacity:                   0.6;
            -khtml-opacity:                 0.6;
            opacity:                        0.6;
        }*/
    nav
        {
            width:                          951px;
            position:                       initial;
            background-color:               initial; /* here */
            padding:                        0;
            box-shadow:                     0 0 0;
            margin:                         0 auto;
        }
    nav ul li:before
        {
            content:                        none !important;
        }
    nav ul li
        {
            display:                        block;
            border:                         0;
            position:                       relative;
            padding:                        20px 26px;
            width:                          auto;
            float:                          left;
            transition:                     background-color 0.3s ease;
            font-weight:                    normal;
            text-transform:                 uppercase;
            font-size:                      16px;
            font-family:                    'Karla';
        }
    nav ul li:hover
        {
            background-color:               #ffffff;
        }
    nav ul ul li a
        {
            color:                          #262825;
        }
    nav ul li:hover > a
        {
            color:                          #262825;
        }
    nav a
        {
            text-decoration:                none;
            color:                          #ffffff;
        }
    nav a:hover
        {
            color:                          #ffffff;
            text-decoration:                none;
        }
    nav ul
        {
            position:                       relative;
            z-index:                        5;
        }
    nav ul ul
        {
            width:                          360px;
            position:                       absolute;
            left:                           -9999px;
            top:                            49px;
            background-color:               #ffffff;
            z-index:                        100;
            margin-left:				    0;
            box-shadow:                     2px 4px 15px #cccccc;
            display:                        block;
        }
    nav ul ul li
        {
            width:                          320px;
            position:                       relative;
            float:                          left;
            padding:                        12px 20px;
            border:                         0;
            text-transform:                 none;
            font-size:                      16px;
        }
    nav ul ul li:hover
        {
            background-color:			    #ffde02;
            border: 0;
        }
    nav ul ul ul
        {
            top:                            -10px;
        }
    nav ul ul li, nav ul ul li ul li 
        {
            border-left:                    0;
        }
    nav ul li:hover > ul
        {
            left:                           0 !important;
        }
    nav ul ul li:hover > ul
        {
            left:                           100% !important;
        }
}

@media (min-width: 1025px) {
    header, footer, #copyright
        {
            width:                          1000px;
        }
    nav
        {
            width:                          1000px;
        }
    nav ul li
        {
            padding:                        20px 31px;
        }
    .footer-box
        {
            width:                          235px;
        }
}