/** ---------html/Body Design-- */
html, body {height: 100%;}
body {font-family: 'Nunito', sans-serif; font-size: 1.3rem; line-height: 2.4rem; color: #606060; margin:0px }
ol { list-style: decimal; }
ul { list-style: disc; font-weight:300; font-size: 14px; }
li { display: list-item; }
ol, ul { margin-left: 1.7rem; }
ul li { padding-left: .4rem; }
ul ul, ul ol, ol ol, ol ul { margin: .6rem 0 .6rem 1.7rem; }
hr { margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #adadad; }


/** ---------Header ----------- */
header {    width: 100%;position: absolute;top: 0px;left: 0px;right: 0px;padding: 10px 0px;z-index: 10000;
-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
box-shadow: 0 6px 10px -6px #8a8a8a;background: #00000063;}
header .row { width: auto; height: 70px; z-index: 10000; position: relative; }
header .logo { margin-top: 0px; margin-bottom: 0px; margin-left:17px; z-index: 10000; position: absolute; left: 0px; top: 45%; -webkit-transform: translateY(-50%); 	-ms-transform: translateY(-50%); transform: translateY(-50%); }
header .logo a { margin: 0; padding: 0; border: none; text-shadow: none; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.sticky { position: fixed; background: #fff; top: 0; padding:0px; }
.mobmemberlogin { display: none !important }
.nohdr { padding: 8rem 0 1rem !important; }

@media only screen and (max-width:768px) { 
header { top: 0; padding: 6px 0; }
}


/** ---------Footer ---------- */
footer { padding: 5rem 0; background: #F8F8F8; color: #000;  font-size: .75em; border-t: solid 1px #c8c8c8; font-size: 0.9em; font-weight: 400; font-family: 'Nunito', sans-serif; }
footer p { line-height: 25px; margin-top:0px; } 
footer a, footer a:visited { color: #000; font-weight:400; font-size: 1em; line-height: 30px; font-family: 'Nunito', sans-serif; }
footer strong { font-size:1em; }
footer .btn-black { margin: 5px 0; line-height: 20px; } 
footer h4 { margin: 1em 0; font-size: 1.1em; color: #888; font-weight: 500;letter-spacing:-1px;}
.smallfont { font-size: 11px; line-height: 20px; }
#mobfooter { display: none }

.sidenav { height: 100%; width: 0; position: fixed; z-index: 10000; top: 70px; left: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; padding-top: 20px; }
.sidenav a { padding: 8px 8px 8px 32px; font-size: 15px !important; display: block; transition: 0.3s; }

.sidenav .closebtn { position: absolute; top: 15px; right: 15px; font-size: 36px !important; margin-left: 50px; color: #000;}
.sidenav2 { height: 100%; width: 0; position: fixed; z-index: 10000; top: 70px; right: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; padding: 20px 0; }
.sidenav2 .container { padding-left: 30px; }
.sidenav2 a { padding: 8px 8px 8px 32px; color: #fff; font-size: 15px !important; display: block; transition: 0.3s; }
.sidenav2 a:hover { color: #f1f1f1; }
.sidenav2 .closebtn { position: absolute; top: 15px; right: 15px; font-size: 36px !important; color: #000; margin-left: 50px; }
.sidenavh2 { font-size: 20px; color: #ff6203; padding-left: 30px; }
.sidenav2h2 { padding-left: 15px; font-size: 15px; font-weight:500;color: #000; margin-bottom: 0px; }

/** ---------Text Style ------- */
a, a:visited { color:#009fff; font-size:.9em; text-decoration: none; }
a:hover, a:focus { color:#0086d6; text-decoration:none; }
p, p.lead { font-size: 1.3rem; line-height: 1.6; color: rgba(0, 0, 0, 1); }
strong, b { font-weight:600; font-size: 1.3rem; line-height: 20px; }
.txt-center { text-align:center; }
.txt-left { text-align:left; }
.w400 {font-weight: 400;}
.font15 { font-size: 15px; }
.txt-justify { text-align:justify; }
.text-uppercase { text-transform: uppercase !important; }
.subtext { font-weight: 400; color: #929292; }
.txtwt { font-weight: 100; font-size:28px; }
.para { font-size: 13px; line-height: 20px; letter-spacing: .3px; color: #000; }


/** ---------title Style ------- */
h1, h2, h3, h4, h5, h6, .h01, .h02, .h03, .h04, .h05, .h06 { font-family: 'Poppins', sans-serif; margin-bottom: 2.1rem; }
h3, .h03, h4, .h04 {margin-bottom: 1.8rem;}
h5, .h05, h6, .h06 {margin-bottom: 1.2rem;}
h1, .h01 { font-size: 3rem; line-height: 1.35; font-weight: 100; }
h2 { font-weight: 300; font-size: 32px; color:#000; margin-bottom: 15px; margin-top: 10px;letter-spacing: -1px;}
h3, .h03 { font-size: 1.8rem; line-height: 1.5; }
h4, .h04 { font-size: 1.5rem; line-height: 1.76; }
h5, .h05 { font-size: 1.3rem; line-height: 1.7; text-transform: uppercase; letter-spacing: .08rem; }
h6, .h06 { font-size: 14px; line-height: 1.5em; color: #222; font-family: "Poppins",sans-serif; text-transform: uppercase; }
.memh3 { margin: 1em 0; font-size: 1.8em; letter-spacing: -1px; line-height: 30px; font-weight: 400; color:#000; }
.awwwardsh2 { margin: 1em 0; font-size: 1.5em; line-height: 30px; font-weight: 400; color:#000; }


@media only screen and (max-width:600px) {
h1, .h01 { font-size: 2.4rem; letter-spacing: -.07rem; }
}

/** ---------Paddings  -------- */
.padd60 { padding-left: 60px; }


/** ---------Buttons ---------- */
.default-btn { display: inline-block; margin: 20px 10px 10px 0px; background: #e07629; border-radius: 2px; padding: 6px 12px; color: #fff !important; }
.default-btn:hover { background: #ff6b00; }
.btn-black { display: inline-block; margin: 20px 10px 10px 0px; background: #000000; border-radius: 2px; padding: 6px 12px; color: #fff !important; }
.btn-black:hover { background:#292929 }
.btn-white { display: inline-block; margin: 20px 10px 10px 0px; background: #fff; border-radius: 2px; padding: 6px 12px; color: #000 !important; }
.btn-white:hover { background:#292929 }

/** ---------Images ----------- */
img { max-width: 100%; width: auto; }
.imgfull { width: 100% }


/** ---------Sections---------- */
#home-banner { padding: 13rem 0 6rem; color: #fff; background:url(../images/nettcode-banner.jpg); background-size:100%; background-attachment:fixed; }
#home-banner p { color:#fff; font-weight: 300; font-size: 16px; }
.paddbotm { margin-bottom: 100px; }
#home-banner h1 { font-size: 35px; font-weight: 500; color: #fff; line-height: 1.2em; margin-bottom: 20px; margin-top: 20px; }
#home-banner h2 { font-size: 2.2rem; line-height: 1.25; color: #fff; font-weight: 500; }
#home-banner .searchform { width: 300px; display: inline-block; padding: 11px 15px; font-size: 13px; margin-right: 20px; position: relative; margin-top: 7px; }
#home-banner .searchicon { position: absolute; margin-top: 7px; }
#bannerbar { background-color:#f2f2f2; }
.usps { color:#616161; padding:30px; font-size:16px; display:inline-block; font-weight:500; letter-spacing:-1px; }
.usps2 { color:#795548; padding: 6px; font-size:1.2rem; display:inline-block; font-weight:300; letter-spacing:.2px; line-height:15px; }
.usp3 { color:#fff; padding: 6px; font-size:1.2rem; display:inline-block; font-weight:300; letter-spacing:.2px; line-height:15px; }
#bannerbar .fa { color: #828282; font-size: 30px; margin-bottom: 15px; }
#bandfooter{ padding: 1rem 0; background-image:url('../images/tajmahal.jpg'); background-size: cover; text-align:center;}
#bandfooter h2 {color: #fff;}

#bcrumbs { padding:15px; background:#f3f3f3; color:#888; font-size:12px; }
#bcrumbs a { color:#000; font-size:12px;}
#bcrumbs span { color:#000; font-size:16px;}

#nettcode-services { padding: 8rem 0; background:#fff; color: #000; text-align:center; }
#nettcode-services h3 { font-size: 1.4rem; margin-bottom: 0px; font-weight: 400; }
#nettcode-services p { color:#727e85; font-weight: 300; } 
#nettcode-services a { color:#000; }
#nettcode-services .bigicon { font-size: 22px; padding: 15px; border-radius: 30px; color: #ff6203; background: #ffffff; display: inline-block; margin-bottom: 10px; }
#nettcode-services .certidiv { background: #f9f9f9;  padding: 20px; border: 1px solid #f3f3f3;; margin-bottom: 30px; }
#nettcode-services .certidiv1 { background: #d4d4d4;  padding: 20px; border: 1px solid #f3f3f3;; margin-bottom: 30px; }
#nettcode-services .certidiv1 h3 { font-size:17px; }
#nettcode-services .arrowright { position: absolute; right: -3%; top: 37%; color: #e8e8e8; }
.sep { background:url('../sep/lavacanza-featured-project-31st-aug-2018.jpg'); background-attachment: fixed; background-size: cover; }
.oct { background:url('../oct/paris-birds-eye-featured-project-oct-2018.jpg'); background-attachment: fixed; background-size: cover; }
.nov { background:url('../nov/orchid-square-featured-project-nov-2018.jpg'); background-attachment: fixed; background-size: cover; background-position: center;}
.dec { background:url('../dec/behance-bhavna-dec18-featured.jpg'); background-attachment: fixed; background-size: cover; background-position: center;}
.jan { background:url('../jan/the-quirk-duck-co-jan-featured-project.jpg'); background-attachment: fixed; background-size: cover; background-position: center;}
.feb { background:url('../feb/featured-project-feb2019-nettcode.jpg'); background-attachment: fixed; background-size: cover; background-position: center;}
.march { background:url('../march/food-talk.jpg'); background-attachment: fixed; background-size: cover; background-position: center;}
.april { background:url('../april/satvaras.jpg'); background-attachment: fixed; background-size: cover; background-position: center;}
.may { background:url('../may/Fitpass-featured-project.jpg'); background-attachment: fixed; background-size: cover; background-position: center;}
.june2019 { background:url('../june2019/Featured-Project-sporteyz.jpg'); background-attachment: fixed; background-size: cover; background-position: center;}
.july2019 { background:url('../july2019/Featured-Project-AVA-nettco.jpg'); background-attachment: fixed; background-size: cover; background-position: center;}
.aug2019 { background:url('../aug2019/FEATURED-IMAGE-NETTCODE-AG.jpg'); background-attachment: fixed; background-size: cover; background-position: center;}
.sep2019 { background:url('../sep2019/FEATURED-IMAGE-NETTCODE-sep.jpg'); background-attachment: fixed; background-size: cover; background-position: center;}
.oct2019 { background:url('../oct2019/featured-image-nettcode-oct.jpg'); background-attachment: fixed; background-size: cover; background-position: center;}
.nov2019 { background:url('../nov2019/Boosted-App-Redesign.jpg'); background-attachment: fixed; background-size: cover; background-position: right;}
.dec2019 { background:url('../dec2019/pipra-featured-project-december-2019.jpg'); background-attachment: fixed; background-size: cover; background-position: right;}
.jan2020 { background:url('../jan2020/featured-project-food.jpg'); background-attachment: fixed; background-size: cover; background-position: right;}
.feb2020 { background:url('../feb2020/featured-project-food-one-z.jpg'); background-attachment: fixed; background-size: cover; background-position: right;}
.march2020 { background:url('../march2020/featured-project-Exelur.jpg'); background-attachment: fixed; background-size: cover; background-position: right;}
.april2020 { background:url('../april2020/featured-project-Tatvic-apr.jpg'); background-attachment: fixed; background-size: cover; background-position: right;}
.may2020 { background:url('../may2020/Pet-care-featured-project-m.jpg'); background-attachment: fixed; background-size: cover; background-position: right;}
.june2020 { background:url('../june2020/Featured-project-Image.jpg'); background-attachment: fixed; background-size: cover; background-position: right;}
.july20 { background:url('../july20/featured-project-travel-web.jpg'); background-attachment: fixed; background-size: cover; background-position: right;}
.aug20 { background:url('../aug20/FEATURED-IMAGE-NETTCODE-aug.jpg'); background-attachment: fixed; background-size: cover; background-position: right;}
.sep20 { background:url('../sep20/featured-project-Upcart-Theme.jpg'); background-attachment: fixed; background-size: cover; background-position: right;}
.oct20 { background:url('../oct20/featured-project-Upcart-Theme.jpg'); background-attachment: fixed; background-size: cover; background-position: right;}
.nov20 { background:url('../nov20/FEATURED-LEARNING-APP-DESIG.jpg'); background-attachment: fixed; background-size: cover; background-position: right;}

#featured-project { padding: 10rem 0; position: relative; color: #fff; text-align:center; position: relative; }
#overlay { background-color: black; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.7; }
#featured-project h2 { color:#fff; }
#featured-project .subtext { font-weight: 400; color: #929292; }
#featured-project p { color:#ddd; font-weight: 300; }
#featured-project .fplabel { position: absolute; z-index: 99; top: -7px; left: 16%; }
#honourable-mention { padding: 8rem 0 4rem; background:#fff; color: #000; }
.honourable-mention { position: relative; float: right; top: -98px; right: 0%; } 
#agency { padding: 6rem 0; color: #000; background: #f9f9f9; }
.members { color:#000;padding:1px;font-size:13px;font-weight:400;letter-spacing:-.4px }
.city { color:#E91E63;font-size:12px;display:inline-block;font-weight:300; }
.member-img { width: 110px; height: 115px; margin-bottom:15px; border-radius: 50%; filter: sepia(90%); background-color: white; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 5px 10px 0 rgba(0, 0, 0, 0.19); }
.member-img:hover{filter: none;} 
#browseby { padding: 8rem 0 5rem; background: #fff; color: #000; }
#browseby h3 { color: #8c8c8c; font-size: 17px; font-weight: 400; }
#browseby a { color: #8c8c8c; font-size: 13px; line-height: 30px; }
#browseby img { float: left; margin-right: 10px; }
#browseby span { font-size: 10px; text-transform: uppercase; display: block; line-height: 13px; color: #3fbb39; }
.paddtop { padding-top: 5px; }
#browseby .default-btn { line-height: 20px; }
#browseby .padd { padding: 0px 100px }
#browseby .padds { padding: 0 0 0 100px }
#projects { padding: 6rem 0; background:#f1f1f1; background-attachment: fixed; background-size: 50%; color: #000; position: relative; }
#projects .wbg { background: #fff; padding:10px 20px 1px; -webkit-box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.51); -moz-box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.51); box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.51); }
#projects .title { font-weight:600; color: #ff6203; }
#projects .meta { font-size: 11px; }
#projects .capture { position: absolute; right: 30px; margin-top: -50px; background: #0072ff; color: #fff; padding: 11px 12px; border-radius: 25px; }
#inner-container { padding: 6rem 0; color: #fff; background: url(../images/inner-page-banner.jpg); background-attachment: fixed; background-size: cover; }
#inner-banner { padding: 11rem 0 4rem; color: #fff; background:url(../images/nettcode-banner.jpg); background-size:100%; background-attachment:fixed; }
#inner-banner p { color:#fff; font-weight: 300; font-size: 16px; }
#inner-banner h1 { font-size: 35px; font-weight: 500; color: #fff; line-height: 1.2em; margin-bottom: 0px; margin-top: 20px; }
#inner-banner h2 { font-size: 25px; font-weight: 500; color: #fff; line-height: 1.2em; margin-bottom: 20px; margin-top: 0px; }
#inner-container { padding: 4rem 0; color: #000; background:#fff; }
.iframes { height: 560px; overflow:hidden; width:100%; border: none; }
.iframesmob { height: 750px; overflow:hidden; width:100%; border: none; }
#formsection { padding: 4rem 0; color: #000; background: #fff; }
.paph2 { font-weight: 300; text-transform: uppercase; font-size: 26px; color: #000; margin-bottom: 25px; margin-top: 0px; }
#inner-container-ventures { padding: 0rem 0; color: #000; background: #fff; }
#hero-venture-byb { background-repeat: no-repeat; background-position: 100% 100%; background-image: url(../images/hero-bybuilders-in.png); color: #d8d8d8; min-height: 400px; background-size: cover; }
#hero-venture-tutorbook { background-repeat: no-repeat; background-position: 100% 100%; background-image: url(../images/hero-tutorbook.png); color: #d8d8d8; min-height: 400px; background-size: cover; }
#hero-venture-workfloor { background-repeat: no-repeat; background-position: 100% 100%; background-image: url(../images/hero-workfloor.png); color: #d8d8d8; min-height: 400px; background-size: cover; }
#graybg { padding: 6rem 0; color: #000; background: #f9f9f9; border-bottom:1px solid #888;}
#graybg h3 { font-size:20px; font-weight:400;}
#graybg h4 { font-size:20px; font-weight:400;}
#graybg span { font-size:15px; font-weight:300; } 
#graybg p { line-height:25px; } 
#hirefor { padding: 5rem 0; color: #000; background:#fff; }
#hirefor h2 { font-size:25px; font-weight:400; }
#hirefor h3 { font-size:15px; font-weight:400; margin: 10px 0; }
#hirefor .fa { font-size: 30px; padding: 22px 20px; background: #ff6203; color: #fff; border-radius: 40px; margin-bottom: 10px;}
#hirefor .faone { padding: 22px 23px; }
#hirefor .fatwo { padding: 22px 21px; }
#hirefor .fathree { padding: 22px 23px; }
#hirefor .fafour { padding: 22px 18px; }
#hirefrom { padding: 3rem 0; background:#ff6203; color:#8a3400; }
#hirefrom h3 {color: #fff; font-size: 30px; margin: 0px; line-height: 32px; }
#hirefrom h3 span { font-weight:300; font-size:20px; }
#hirefrom h4 {color: #fff; font-size: 25px; margin: 5px 0 0px;  font-weight:400;  }
#hirefrom a { background: #ce5106; color: #fff !important; text-align: center; font-size: 14px; padding: 12px; margin-top: 10px; display: block; border-radius: 10px;     border: 1px solid #ff7c2d; }

/** ---------Menu-------------- */
#main-nav-wrap, .main-navigation { margin: 0; padding: 0; }
a.menu-toggle { display: none; }
#main-nav-wrap { width:70%; z-index: 10000; font-weight:600; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; position: absolute; top: 0; right: 0px; }
.main-navigation { display: inline-block; width: auto; text-align: left; margin-top: 15px; }
.main-navigation li { position: relative; display: inline-block; list-style: none; padding: 0; margin: 0; height: auto; }
.main-navigation li.current a { color:#ff6203; }
.main-navigation li.current a::after { position: absolute; left: 50%; bottom: 0; width: 80%; height: 3px; }
.main-navigation li.highlight a { color: #68beca; }
.main-navigation li a { font-size: 13px; font-weight: 500; color: #fff; text-transform: none; margin: 0 12px; letter-spacing: 0px; display: inline-block; padding: 5px 0px; font-family: 'Poppins', sans-serif; }
.main-navigation .navsignin, .main-navigation .navjoin, .main-navigation .navpap { float: right; }
.main-navigation .navpap a { background: #ff6203; border-radius: 2px; padding: 6px 12px; color: #fff }
.main-navigation .navpap a:hover { background: #ff863e; color:#fff; }
.main-navigation .navsignin a { border: 1px solid #fff; border-radius: 2px; padding: 4px 12px; }
.main-navigation .navsignin a:hover { color:#ddd; border: 1px solid #ddd; border-radius: 2px; padding: 4px 12px; }
.main-navigation .navjoin a { background: #fff; border-radius: 2px; padding: 6px 12px; color: #000 }
.main-navigation .navjoin a:hover { background: #ddd; border-radius: 2px; padding: 6px 12px; color: #000 }
.main-navigation li a:active { background-color: transparent !important; }
.main-navigation li a:hover { color: #ff6203; text-decoration:none; }
.sticky .main-navigation li a { color: #000; }
.sticky .main-navigation .navjoin a { background: #ff6203; color: #fff !important; }
.sticky .main-navigation .navjoin a:hover { background: #e26316; }
.sticky .main-navigation .navsignin a { border: 1px solid #676767; color: #000; }
.sticky .main-navigation .navsignin a:hover { border: 1px solid #ddd; color: #000; }
.sticky .main-navigation .navpap a { color:#fff; }

/*** mobile view - primary navigation  **/
@media only screen and (max-width:768px) {
.dropdown-menu { background:#0469d5; }
#main-nav-wrap { display: block; width: 100%; position: absolute; top: 72px; right: 0; }
a.menu-toggle { display: block; width: 40px; height: 40px; position: absolute; top: 49%; left: 10px; margin-top: -20px; }
a.menu-toggle span { display: block; width: 24px; height: 3px; margin-top: -1.5px; position: absolute; right: 8px; top: 50%; bottom: auto; left: auto; background-color: #f15d05; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -webkit-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; font: 0/0 a; text-shadow: none; color: transparent; }
a.menu-toggle span::before, a.menu-toggle span::after { content: ''; width: 100%; height: 100%; position: absolute; background-color: inherit; left: 0; -moz-transition-duration: 0.2s, 0.2s; -o-transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; -ms-transition-duration: 0.2s, 0.2s; transition-duration: 0.2s, 0.2s; -moz-transition-delay: 0.2s, 0s; -o-transition-delay: 0.2s, 0s; -webkit-transition-delay: 0.2s, 0s; -ms-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s; }
a.menu-toggle span::before { top: -8px; -moz-transition-property: top, transform; -o-transition-property: top, transform; -webkit-transition-property: top, transform; -ms-transition-property: top, transform; transition-property: top, transform; }
a.menu-toggle span::after { bottom: -8px; -moz-transition-property: bottom, transform; -o-transition-property: bottom, transform; -webkit-transition-property: bottom, transform; -ms-transition-property: bottom, transform; transition-property: bottom, transform; }
.menu-toggle.is-clicked span { background-color: rgba(255, 255, 255, 0); }
.menu-toggle.is-clicked span::before, .menu-toggle.is-clicked span::after { background-color: #f15d05; -moz-transition-delay: 0s, 0.2s; -o-transition-delay: 0s, 0.2s; -webkit-transition-delay: 0s, 0.2s; -ms-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s; }
.menu-toggle.is-clicked span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.menu-toggle.is-clicked span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.main-navigation { background: #ffdbc6; padding: 48px 42px 54px 42px; margin: 0; width: 100%; height: auto; clear: both; display: none; }
.main-navigation > li { display: block; height: auto; text-align: left; border-bottom: 1px dotted rgba(200, 200, 200, 0.08); padding: 0; }.main-navigation > li:first-child { border-top: 1px dotted rgba(200, 200, 200, 0.08); }
.main-navigation li { margin-top:20px }
.main-navigation li a { display: block; color: #000; width: auto; padding: 6px 0; line-height: 2px; border: none; }
.main-navigation li a:hover { color: #fff; } 
.main-navigation li.current > a { background: none; color: #fff; }
.main-navigation li.current > a:after { display: none; }
}

/*** Tab view - primary navigation  **/
@media only screen and (min-width:769px) {
#main-nav-wrap ul.main-navigation { display: block !important; }
}

/** ---------Forms-------------- */
fieldset { border: none; }
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea,
select { display: block; width:100%; margin-bottom:10px; padding: 1.2rem 2rem; border: 0; outline: none; vertical-align: middle; color: #000; font-size: 1.1rem; line-height: 1rem; border-radius: 3px; background: #fff; max-width: 100%; border: 0px; }
::-webkit-input-placeholder { color: #888; }
:-moz-placeholder { /* Firefox 18- */ color: #888; }
::-moz-placeholder { /* Firefox 19+ */ color: #888; }
:-ms-input-placeholder { color: #888; }
.placeholder { color: #888 !important; }


/** ---------Slider------------- */

.MultiCarousel { float:left;overflow:hidden;padding:0;width:100%;position:relative;}
.MultiCarousel .MultiCarousel-inner{transition:all 1s ease;float:left;}
.MultiCarousel .MultiCarousel-inner .item{float:left;}
.MultiCarousel .MultiCarousel-inner .item > div { width: 100% }
.plandiv { background:none!important;padding:15px!important;margin:10px!important; }
.MultiCarousel .leftLst, .MultiCarousel .rightLst{position:absolute;top:calc(50% - 20px);}
.MultiCarousel .leftLst { top: 26%; left:0; background: #ff6203; border: 0px; border-bottom-right-radius: 20px; border-top-right-radius: 20px; padding: 5px 15px; font-size: 20px; color: #fff; }
.MultiCarousel .rightLst { top: 26%; right: 0; background: #ff6203; border: 0px; border-bottom-left-radius: 20px; border-top-left-radius: 20px; padding: 5px 15px; font-size: 20px; color: #fff; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over{pointer-events:none;background:#ccc; }



/** ---------Tabs------------- */
.tabinator h2{text-align:center;}
.tabinator input{display:none;}
.tabinator label{box-sizing:border-box;display:inline-block;padding:12px 25px;margin-bottom:-1px;margin-left:30px;}
.tabinator label:before{content:'';display:block;height:5px;position:absolute;bottom:-11px;left:0;z-index:10;}
.tabinator label:hover{cursor:pointer;}
.tabinator input:checked + label{position:relative;color:#000;border-bottom:2px solid red;}
.tabinator input:checked + label:after{display:block;content:'';position:absolute;top:0;right:0;bottom:0;left:0;}
#content1, #content2, #content3, #content4, #content5{display:none;padding:15px;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5{display:block;border-top:solid 1px #dfdfdf;}

/** ---------Tabs for Home Page------------- */
#nettcode-services .tabinator label { border: 1px solid #ff6203; }
#nettcode-services .tabinator input:checked + label { color: #fff; border-bottom: 0px; background: #ff6203; }



/** ---------Award-book-tabs------------- */
.downloadrow{margin:10px -16px;}
.downloadrow,
.downloadrow > .downloadcolumn{padding:8px;}
.downloadcolumn{float:left;width:20%;display:none;}
.downloadrow:after{content:"";display:table;clear:both;}
.downloadcontent{background-color:white;padding:10px;}
.downloadshow{display:block;}
.downloadbtn{border:none;outline:none!important;cursor:pointer;}
.downloadbtn.active{background-color:skyblue;color:white;}
.downloadcontent .fplabel { left: 8% !important; width: 8%; position: absolute; margin-top: -17%; }
.downloadcontent .honourable-mention { position: relative; float: right; top: -98px; right: 0%; } 

.btn-theme{display:inline-block;outline:none;line-height:22px;padding:6px 12px 6px 12px;border-radius:20px;font-size:12px !important;text-align:center;text-decoration:none;font-weight:300;cursor:pointer;color:#fff !important;background:#1075a2;text-decoration:none;}
.btn-theme:hover{background:#00BCD4;}


@media screen and (min-width: 0px) and (max-width:768px) {
#hideinmobile { display: none; }   /* hide it elsewhere */
.hideinmobile { display: none; }   /* hide it elsewhere */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] { line-height: 45px !important; }
header .logo { left:33%; }
.mobmemberlogin { z-index: 10000; display: inline-block !important; position: absolute; right: 5%; top: 36%; color: #fff; font-size: 20px !important; }
.sticky .mobmemberlogin { color: #000 }
#home-banner { background-size:cover !important; padding: 10rem 0 1rem !important; }
#home-banner h1 { font-size: 24px !important; }
#home-banner .paddbotm { margin-bottom: 40px !important; }
#inner-banner { background-size:cover !important; }
#bannerbar { padding: 30px 0; }
#featured-project { padding:4rem 0 !important; }
#featured-project h2 { font-size: 22px !important; }
#featured-project .fplabel { left: 5% !important; width: 26%; }
#honourable-mention { padding: 4rem 0 1rem !important; }
.usps { padding: 15px 0 !important; width: 48% !important; }
.main-navigation .navsignin, .main-navigation .navjoin, .main-navigation .navpap { float: none !important; }
.main-navigation .navsignin a { padding:12px 10px !important; border: 1px solid #676767; display: inline-block; }
.main-navigation .navjoin a { padding:12px 10px !important; background: #ff6203; color: #fff !important; display: inline-block; }
.main-navigation .navpap a { padding: 12px 12px; display: inline-block; }
#honourable-mention h2 { font-size: 21px; }
.honourable-mention { position: absolute !important; margin-top: 318px !important; right: 6% !important; }
#projects .wbg { margin:15px; }
.sticky .main-navigation .navsignin a, .sticky .main-navigation .navpap a, .sticky .main-navigation .navjoin a { padding: 12px 10px !important; display: inline-block; }
#mobfooter { z-index: 100000; display: block !important; position: fixed; bottom: 0; left: 0; right: 0; background: #ff6203; padding: 10px 0; color: #fff; }
#mobfooter a { color: #fff; font-size: 13px }
#formsection { padding: 1rem 0 !important; }
.downloadcolumn { width:100%; }
.downloadcontent .honourable-mention { position: relative !important; top: -415px; right: 2% !important; margin-bottom: -380px; }
.downloadcontent .fplabel { left: 8% !important; width: 35% !important; margin-top: -90% !important; }
#hirefrom h3 { font-size: 20px !important; }
#hirefrom h3 span { font-size:16px !important; }
}


@media screen and (min-width: 768px) and (max-width: 2000px) {
#hideindesktop { display: none; }   /* hide it elsewhere */
.hideindesktop { display: none; }   /* hide it elsewhere */
.MultiCarousel .leftLst, .MultiCarousel .rightLst { display:none; }
}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}