/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
body { font-family: 'Montserrat', sans-serif; color: #95989A; padding-top: 140px;}
.ltgrey { color: #95989A }
.white { color: #FFFFFF }
.gold { color: #F5B900 }
.tolet { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 40px; color: #0A1738; }
.title { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 50px; color: #95989A; margin-top: -5px; margin-bottom: 10px }
.thin { font-weight: 200; }
.subtitle { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 20px; color: #F5B900; }
.description { line-height: 100% !important; padding: 20px 0; }
.address { margin-bottom:0}
/*.indest { margin-top: -35px }
.description { margin-top: 150px }*/
h2 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 20px; color: #FFFFFF; margin-bottom: 20px; }
h3 { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 18px; color: #FFFFFF; margin-bottom: 20px; }
p { font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 14px; color: #95989A; line-height: 200%; }
li { list-style: disc; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 14px; color: #95989A; line-height: 200%; padding-right: 10px }
small { font-size: 10px; line-height: 12px }
.content-pad { padding: 50px 100px; }
td { padding: 5px 10px; margin: 2px; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border: none; }
.table-striped > tbody > tr:nth-of-type(even) { background-color: rgba(255,255,255,0.10) }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(255,255,255,0.05) }
.header-nt-logo-wrapper { width: 200px; position: absolute; top: 30px; right: 90px; }
.header-nt-logo { max-width: 200px; }
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100%; }

.socialsider_right_middle a.enquire { right:55px !important}
.socialsider_right_middle a.enquire:hover  { right:65px!important}

.parallax { background-image: url("../images/bg-header.jpg"); height:550px; /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: left center; background-repeat: no-repeat; background-size:auto; }
.parallax-specification { background-image: url("../images/bg-header-specification.jpg"); height: 400px; min-height: 400px;  /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center 100px; background-repeat: no-repeat; background-size: auto;  }
.parallax-downloads { background-image: url("../images/bg-header-downloads.jpg"); height: 400px; min-height: 400px;  /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center 100px; background-repeat: no-repeat; background-size: auto; }
.parallax-location { background-image: url("../images/bg-header-location.jpg"); height: 400px; min-height: 400px;  /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center 100px; background-repeat: no-repeat; background-size: auto; }
.parallax-contact { background-image: url("../images/bg-header-contact.jpg"); height: 400px; min-height: 400px;  /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center 100px; background-repeat: no-repeat; background-size: auto; }
.parallax-news { background-image: url("../images/bg-header-news.jpg"); height: 400px; min-height: 400px;  /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: auto; }
.parallax-gallery { background-image: url("../images/bg-header-gallery.jpg"); height: 400px; min-height: 400px;  /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center 100px; background-repeat: no-repeat; background-size: auto; }
.parallax-availability { background-image: url("../images/bg-header-availability.jpg"); height: 400px; min-height: 400px;  /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center 100px; background-repeat: no-repeat; background-size: auto; }
.shadower { position: absolute; width: 100%; height: 100%; background-image: url("../images/bg-header.jpg");  /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }

/* Nav */
.container-nav { margin: 0 50px }
.navbar { margin-bottom: 0; z-index: 100; }
.navbar-flat { background-color: #0D1D48; height: 140px; border-radius: 0px; }
.navbar-brand, .navbar-nav > li > a { text-shadow: 0 0 0 rgba(255, 255, 255, .25); font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 12px; color: #FFFFFF; }
.nav > li > a:hover, .nav > li > a:focus { background: none; color: #F5B900; }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0 }
.navbar-header { margin: 35px 20px 0 10px !important; width: 205px; height: 54px; }
.navbar-brand { width: 205px; height: 54px; padding: 0 0 0 30px; }
.navbar-nav { margin: 40px 0 !important; float: right }
.nav > li > a { position: relative; display: block; padding: 10px 12px; }
.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: #162E78; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.navbar-toggle .icon-bar { background-color: #F5B900 }
.navbar-collapse { border: none; }
/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky { position: fixed; top: 0; width: 100% }
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content { padding-top: 140px; }
#map { width: 100%; height: 100%; background-color: grey; }
.gal, .gal2, .gal3 { -webkit-column-count: 7; /* Chrome, Safari, Opera */ -moz-column-count: 7; /* Firefox */ column-count: 7; }
.gal img, .gal2 img, .gal3 img { width: 100%; padding: 7px 0; }
.news-column { margin: 0 0 30px; }
.news-column h4:after { content: ''; display: block; width: 60px; height: 1px; background: #F5B900; margin-top: 8px; }
.news-column small:after { content: ''; display: block; width: 40px; height: 1px; background: #FFFFFF; margin: 8px 0 12px; }

@media (max-width: 500px) {
.gal, .gal2, .gal3 { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; }
}
.download-pod { width: 124px; text-align: center; background-color: #162E78; padding-bottom: 2px; color: #FFF; margin: 10px 30px 20px; float: left }
.download-pod h4 { padding: 10px; font-size: 14px; }
.btn { border-radius: 20px; }
.btn.btn-enquire { color: #141d24; background-color: #F5B900; border-color: #F5B900; margin-top: 47px; float: right }
.btn.btn-enquire:hover { color: #141d24; background-color: #FFFFFF; border-color: #F5B900; }
.w-100 { width: 100% !important; }
.h-100 { height: 100% !important; }
.mx-auto { margin-right: auto !important; margin-left: auto !important; }
.m-0 { margin: 0 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mr-0 { margin-right: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.ml-0 { margin-left: 0 !important; }
.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.m-1 { margin: 1rem 1rem !important; }
.mt-1 { margin-top: 1rem !important; }
.mr-1 { margin-right: 1rem !important; }
.mb-1 { margin-bottom: 1rem !important; }
.ml-1 { margin-left: 1rem !important; }
.mx-1 { margin-right: 1rem !important; margin-left: 1rem !important; }
.my-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.m-2 { margin: 1.5rem 1.5rem !important; }
.mt-2 { margin-top: 1.5rem !important; }
.mr-2 { margin-right: 1.5rem !important; }
.mb-2 { margin-bottom: 1.5rem !important; }
.ml-2 { margin-left: 1.5rem !important; }
.mx-2 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
.my-2 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.m-3 { margin: 3rem 3rem !important; }
.mt-3 { margin-top: 3rem !important; }
.mr-3 { margin-right: 3rem !important; }
.mb-3 { margin-bottom: 3rem !important; }
.ml-3 { margin-left: 3rem !important; }
.mx-3 { margin-right: 3rem !important; margin-left: 3rem !important; }
.my-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.p-0 { padding: 0 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.px-0 { padding-right: 0 !important; padding-left: 0 !important; }
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.p-1 { padding: 1rem 1rem !important; }
.pt-1 { padding-top: 1rem !important; }
.pr-1 { padding-right: 1rem !important; }
.pb-1 { padding-bottom: 1rem !important; }
.pl-1 { padding-left: 1rem !important; }
.px-1 { padding-right: 1rem !important; padding-left: 1rem !important; }
.py-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.p-2 { padding: 1.5rem 1.5rem !important; }
.pt-2 { padding-top: 1.5rem !important; }
.pr-2 { padding-right: 1.5rem !important; }
.pb-2 { padding-bottom: 1.5rem !important; }
.pl-2 { padding-left: 1.5rem !important; }
.px-2 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
.py-2 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.p-3 { padding: 3rem 3rem !important; }
.pt-3 { padding-top: 3rem !important; }
.pr-3 { padding-right: 3rem !important; }
.pb-3 { padding-bottom: 3rem !important; }
.pl-3 { padding-left: 3rem !important; }
.px-3 { padding-right: 3rem !important; padding-left: 3rem !important; }
.py-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.p-4 { padding: 6rem 6rem !important; }
.pt-4 { padding-top: 6rem !important; }
.pr-4 { padding-right: 6rem !important; }
.pb-4 { padding-bottom: 6rem !important; }
.pl-4 { padding-left: 6rem !important; }
.px-4 { padding-right: 6rem !important; padding-left: 6rem !important; }
.py-4 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
/* fancy buttons */

.button-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; }
.button:hover, .button2:hover, .button3:hover, .button4:hover, .button5:hover, .button5inverse:hover, .button6:hover, .button7:hover, .button8:hover, .button9:hover, .button10:hover { cursor: pointer; }
.button, .button2, .button3, .button4, .button5, .button5inverse, .button6, .button7, .button8, .button9, .button10 { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 10px; padding: 10px; border: 1px solid #F5B900; text-align: center; text-transform: uppercase; position: relative; overflow: hidden; -webkit-transition: .3s; transition: .3s; z-index: 2; border-radius: 30px; }
.button:after { position: absolute; -webkit-transition: .3s; transition: .3s; content: ''; width: 0; left: 50%; bottom: 0; height: 3px; background: #f7f7f7; }
.button:hover:after { width: 100%; left: 0; }
.button2:after { left: 0; bottom: 0; height: 3px; }
.button3:after { right: 0; left: auto; }
.button4:after { left: 0; bottom: auto; top: -3px; width: 100%; }
.button4:hover:after { top: calc(100% - 3px); }
.button5 { color: #F5B900 }
.button5:after { position: absolute; -webkit-transition: .3s; transition: .3s; content: ''; width: 0; bottom: 0; background: #F5B900; height: 120%; left: -10%; -webkit-transform: skewX(15deg); transform: skewX(15deg); z-index: -1; }
.button5:hover { color: #0A1738; z-index: 0; }
.button5:hover:after { left: -10%; width: 120%; }
.button5inverse { color: #0A1738; background: #F5B900; }
.button5inverse:after { position: absolute; -webkit-transition: .3s; transition: .3s; content: ''; width: 0; bottom: 0; background: #0A1738; height: 120%; left: -10%; -webkit-transform: skewX(15deg); transform: skewX(15deg); z-index: -1; }
.button5inverse:hover { color: #F5B900; z-index: 0; }
.button5inverse:hover:after { left: -10%; width: 120%; }
.button6:hover { -webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3; }
.button6:hover:after { width: 0%; }
.button7:hover { border-radius: 30px; }
.button7:hover:after { width: 0%; }
.button8 { -webkit-transform: scale(1.2); transform: scale(1.2); }
.button8:after { width: 0%; }
.button9 { -webkit-box-shadow: inset 0px 0px 0px 3px #f7f7f7; box-shadow: inset 0px 0px 0px 3px #f7f7f7; }
.button9:after { width: 0%; }
.button10 { -webkit-box-shadow: 0px 0px 0px 3px #f7f7f7; box-shadow: 0px 0px 0px 3px #f7f7f7; }
.button10:after { width: 0%; }
.nav li {padding-right: 0;}
footer { background: #050C1C; padding: 60px 0; }
footer p { font-size: 14px; color: rgba(255, 255, 255, 0.6); }
footer a { color: #F5B900; }
footer a:hover { color: #F5B900; }
footer .footer-title { position: relative; font-size: 18px; text-transform: uppercase; color: white; }
footer .footer-title:after { content: ''; display: block; width: 60px; height: 1px; background: #F5B900; margin-top: 8px; }
footer .right-border { border-right: 1px solid rgba(255, 255, 255, 0.1); }
footer .left-border { border-left: 1px solid rgba(255, 255, 255, 0.1); }
footer .navigation { margin: 0 20px; }
.navigation li { list-style: none; line-height: 100% !important }
footer .navigation li a { color: rgba(255, 255, 255, 0.6); text-transform: uppercase; text-decoration: none; }
.footer-button-col-l { padding-left: 6em }
.footer-button-col-r { padding-right: 6em }
.wj-logo {width:190px;}
.nt-logo {width:190px;}


footer .footer-about { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 20px; }
footer .contact-info .single { margin: 15px 0; }
footer .contact-info .single i { display: block; float: left; color: #F5B900; margin-right: 10px; line-height: 22px; }
footer .contact-info .single p { margin: 0; padding: 0; display: block; overflow: hidden; }
footer .navigation li a { color: rgba(255, 255, 255, 0.6); text-transform: uppercase; line-height: 30px; text-decoration: none; }
footer .navigation li a:hover { color: #F5B900; }
footer .copyright { padding-top: 40px; }

/*form*/

#contact-form { margin-top: 100px; }
#feedbackForm { display: hidden; width: 640px; position: fixed; right: -640px; border-right: 1px solid gold; padding: 30px 30px 30px 30px; background-color: rgba(255,255,255,1); height: 100%; z-index: 101; overflow-y: scroll; }

.x { display: block; position: relative; right: 0; top: 0; width: 32px; height: 32px; transition: transform .25s ease-in-out; float: right; }
.x:hover { transform: rotate(180deg); }
.x:before { content: ""; position: absolute; display: block; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 32px; height: 0; border-top: 1px solid rgba(0,0,0,0.5); transform: rotate(45deg); transform-origin: center; }
.x:after { content: ""; position: absolute; display: block; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 32px; height: 0; border-top: 1px solid rgba(0,0,0,0.5); transform: rotate(-45deg); transform-origin: center; }

.form-group input { font-family: 'Montserrat', sans-serif;  outline: 0; background: #f2f2f2; width: 100%; border: 0; margin: 0 0 20px; padding: 15px; box-sizing: border-box; font-size: 14px; -webkit-box-shadow: inset 0 0 10 rgba(0, 0, 0, .0); box-shadow: inset 0 0 0 rgba(0, 0, 0, .0); }
.form-group textarea { font-family: 'Montserrat', sans-serif;  outline: 0; background: #f2f2f2; width: 100%; border: 0; margin: 0 0 20px; padding: 15px; box-sizing: border-box; font-size: 14px; -webkit-box-shadow: inset 0 0 10 rgba(0, 0, 0, .0); box-shadow: inset 0 0 0 rgba(0, 0, 0, .0); }
.form-group small { width: 100%; text-align: right; display: block; color: #6B0021 }

.form-button { color: #0A1738; background: #F5B900; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 10px; padding: 10px; border: 1px solid #F5B900; text-align: center; text-transform: uppercase; position: relative; overflow: hidden; -webkit-transition: .3s; transition: .3s; z-index: 2; border-radius: 30px;  }

@media (max-width: 991px) {
footer .right-border { border-right: none; }
}

@media (max-width: 766px) {
#feedbackForm { width: 100% !important; padding: 8px 15px 8px 15px !important; }
footer .right-border { border-right: none; }
footer .left-border { border-left: none; }
footer .navigation { margin: 40px 20px; border-top: 1px solid white; }
.header-nt-logo-wrapper { width: 100%; position: absolute; top: 50px; text-align: center; }
.header-nt-logo { max-width: 200px; margin: 0 auto }
.tolet { font-size: 20px!important; }
.title { font-size: 40px !important; margin-top: -20px }
.thin { font-weight: 200; }
.subtitle { font-size: 16px!important; padding: 0 30px; margin: 10px 0 20px; }
.indest { margin-top: -15px }
.address { font-size: 12px!important; }
.description { font-size: 12px!important; margin-top: 50px }
p { font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 12px; color: #95989A; line-height: 200%; }
.content-pad { padding: 40px; }

.footer-button-col-l { padding-left: 15px }
.footer-button-col-r { padding-right: 15px }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 767px) 
and (max-width : 991px)  {
	.container-nav { margin: 0 20px }
.navbar-brand { width: 205px; height: 54px; padding: 0; }
/*.navbar-nav { margin: 40px 0 !important; float: left; background-color: #050C1C; width: 100%; padding: 20px }*/
	.navbar-header { margin: 35px 20px 0 10px !important; height: 54px; width: 100%; float: none;}
	.navbar-toggle { display: block; }
	/*.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }*/
	.navbar-collapse.collapse { display: none!important; }
	.navbar-nav { float: none!important; margin: 7.5px -15px; background-color: #050C1C; width: 100%; padding: 20px }
	.navbar-nav>li { float: none; }
	.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
	/* since 3.1.0 */
	.navbar-collapse.collapse.in { display: block!important; }
	.collapsing { overflow: hidden!important; }
	.navbar-static-top .navbar-collapse { max-height: inherit; }
	.navbar-brand>img { display: block; }
	/*.container-fluid>.navbar-header {	margin-right: -15px;    margin-left: -15px;    padding: 0 15px;}*/
	.tolet { font-size: 30px; padding-bottom: 20px  }
	.title { font-size: 80px; }
	.thin { font-weight: 200; }
	.subtitle { font-size: 16px; padding: 0 30px; margin: 10px 0 20px; }
	.indest { margin-top: -15px }
	.address { font-size: 12px; }
}
 

@media only screen 
and (min-width : 992px) 
and (max-width : 1100px) 
 { 
	.nav > li > a { position: relative;	display: block;	padding: 10px 8px; font-size: 11px;	}
	 
	.tolet { font-size: 30px; padding-bottom: 10px  }
	.title { font-size: 120px; }

}