/*
Google Fonts
<link href="https://fonts.googleapis.com/css?family=Abel|Exo+2:400,700" rel="stylesheet">

font-family: 'Abel', sans-serif;
font-family: ''Exo 2'', sans-serif;
*/

/* Begin FE Core */
html,body {max-width: 100%;overflow-x: hidden;}
body {
    font-family:Abel, Arial;
    font-size:18px;
    color:#333;
    margin-top:50px;
    padding-bottom:20px;
    position: relative;
    line-height:1.75;
}
body.inside {
    margin-top:60px;
}
a {color:#e1261c;transition: all 0.3s ease 0s;}
.awhite a {transition: all 0.3s ease 0s;}
.awhite a:hover {opacity: 0.7;}
a:hover {text-decoration:none;color:#c50000;}
a:focus {color:#e1261c;outline:none;text-decoration:none;}
strong {font-family:'Exo 2', Arial;font-size: 18px;}
p {text-align: justify;}

/*utilities*/
.font-light {font-weight:100 !important;}
.font-medium {font-weight:400 !important;}
.font-bold {font-weight:700 !important;}
.text-center {text-align:center !important;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.uppercase {text-transform:uppercase;}
.opacity5 {opacity:0.5;}
.opacity7 {opacity:0.7;}
.opacity8 {opacity:0.8;}
.lh13 {line-height: 1.3 !important;}
.bb-grey {border-bottom: 1px solid #ccc;padding-bottom: 40px;margin-bottom: 40px;}
.center-block {float:none;}
.inline-icon-sm {width: 18px;margin-top: -5px;margin-left: 15px;}

.mb-none {margin-bottom:0px;}
.mb-xs {margin-bottom:5px;}
.mb-sm {margin-bottom:25px;}
.mb-md {margin-bottom:50px;}
.mb-xl {margin-bottom:70px;}

.ml-none {margin-left:0px !important;}
.ml-sm {margin-left:25px;}
.ml-md {margin-left:50px;}
.ml-xl {margin-left:70px;}

.mr-none {margin-right:0px !important;}
.mr-sm {margin-right:25px !important;}
.mr-md {margin-right:50px !important;}
.mr-xl {margin-right:70px !important;}

.mt-none {margin-top:0px;}
.mt-sm {margin-top:25px;}
.mt-md {margin-top:50px;}
.mt-xl {margin-top:70px;}
.mt-xxl {margin-top:120px;}
.ml-5 {margin-left:5%;}

.spacer-xs {height:10px;width: 100%;}
.spacer-sm {height:250px;width: 100%;}
.spacer-md {height:50px;width: 100%;}
.spacer-lg {height:70px;width: 100%;}
.spacer-xl {height:100px;width: 100%;}

.xxxl {font-size: 60px !important;}
.xxl {font-size: 50px !important;}
.xl {font-size: 35px !important;}
.lg {font-size: 22px !important;}
.md {font-size: 18px !important;}

.pt100 {padding-top:100px;}
.pt60 {padding-top:60px;}
.pt40 {padding-top:40px;}

.pb100 {padding-bottom:100px;}
.pb60 {padding-bottom:60px;}
.pb40 {padding-bottom:40px;}
.pb20 {padding-bottom:20px;}

.pl100 {padding-left:100px;}
.pl60 {padding-left:60px;}
.pl40 {padding-left:40px;}
.pl20 {padding-left:20px;}

.color-red {color:#e1261c !important;}
.color-white {color:white !important;}
.color-grey {color:#666 !important;}
.color-lightgrey {color:#ccc !important;}
.padding-70 {padding:70px 0;}
.fixed {position:fixed !important;}
.width100 {width:100% !important;}
.width80 {width:80% !important;}
.width50 {width:50% !important;}
.width40 {width:40% !important;}
.posrel {position:relative;}
.shade {box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.1);transition: all 0.3s ease 0s;}
.shade:hover {box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.3);}
.vmid {vertical-align: middle !important;}

ul.ultolist {list-style: none;margin:0;padding:0;}
ul.ultolist li {float: left;margin:0;padding:0;position: relative;display: block;}
ul.notype {list-style: none;}

ul.resleft li {background: url("'../img/listr.png'") no-repeat left 5px;padding-left: 1em;}
ul.resright li a {display: block;border-bottom: 1px solid #cecece;padding: 15px 0;}

.job h3 {
    border-bottom: 3px solid #e1261c;
    padding-bottom: 20px;
}
.job .panel {
    box-shadow: none;
}
.job .panel-default {
    border:0px;
}
.job .panel-heading {
    border-radius: 0px;
}
.job .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top:0px;
}

.ipsol .panel {
    min-height: 140px;
    text-align: center;
    background: #e1261c;
    color: white;
    padding: 20px 0;
    border-radius: 0px;
    border: 0px;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.1);
}
.head-red {
    border-left: 5px solid #e1261c;
    padding: 25px 0 15px 0;
    padding-left: 50px;
}

.file-icon {
    width: 20px;
    margin-top: -5px;
    margin-right: 5px;
}

table.table.neratbl thead tr th {background: #e1261c;color: white;border-color:white;padding:15px 25px;}
table.table.neratbl>tbody>tr>td {border-color:white;    padding: 15px 25px;font-size: 16px;}
table.table.neratbl.table-striped>tbody>tr:nth-of-type(even) {background: rgb(249, 249, 249);border-color:white; }
table.table.neratbl.table-striped>tbody>tr:nth-of-type(odd) {background: #f1f1f1;border-color:white; }

nav.nerapgn .pagination>li:first-child>a, 
.pagination>li:first-child>span,
nav.nerapgn .pagination>li:last-child>a, 
.pagination>li:last-child>span {border-radius: 0px;}

nav.nerapgn .pagination>li>a, 
nav.nerapgn .pagination>li>span {color: #e1261c;}
nav.nerapgn .pagination>li>a:focus, 
nav.nerapgn .pagination>li>a:hover, 
nav.nerapgn .pagination>li>span:focus, 
nav.nerapgn .pagination>li>span:hover {z-index: 2;color: white;background-color: #e1261c;border-color: #e1261c;}

nav.nerapgn .pagination>.active>a, 
nav.nerapgn .pagination>.active>a:focus, 
nav.nerapgn .pagination>.active>a:hover, 
nav.nerapgn .pagination>.active>span, 
nav.nerapgn .pagination>.active>span:focus, 
nav.nerapgn .pagination>.active>span:hover {
    color: white;
    background: #e1261c;
    border-color: #dddddd;
}

.breadcrumb.brc-white>li+li:before {color: white;}
.anm-appear {animation: appear 1s;}
@keyframes appear {
    0% {
        transform: translate(0, 100px);
        opacity:0;
    }
    100% {
        transform: translate(0, 0);
        opacity:1;
    }
}

.cls {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #999;
    cursor:pointer;
    transition: all 0.3s ease 0s;
}
.cls:hover {
    color:#333;
    transform: rotate(90deg);
}

.right-brd {border-right: 3px solid;}
.white-brd  {border-color: white;}

.pic-b { position:relative; }
.pic-b .remark {
    position: absolute;
    top: 0;
    right: -270px;
    text-align: left;
    width: 250px;
    color: #999;
    font-style: italic;
    font-size: 0.9em;
    border-left: 3px solid #e1261c;
    padding-left: 25px;
}

.thumbs p {line-height: 1;text-align: center;}
.thumbs .dlitem {    
    margin: 25px 0 20px 50px;
    padding: 0 0 25px 0;
    word-wrap: break-word;
}
.thumbs .dlitem a {display: block;}
.thumbs.circular .dlitem {margin: 25px 0 20px 20px;padding: 0 25px 0 0;height: 200px;}

.exo {font-family:'Exo 2', Arial;}
.abel {font-family:Abel, Arial;}
.bd-red {border-bottom:5px solid #e1261c;}
.red-bg {background-color:#e1261c; }
.reddark-bg {background-color:#ca1c12; }
.cream-bg {background-color:#f8f8f0; }
.grey-bg {background-color:#f7f7f7; }
.general-banner h1 {font-size:40px;}
.general-banner p {font-size:20px;}
.oce {padding: 150px 0;background: url(http://www.neranetworks.com.sg//css/frontdesign/img/abt000.jpg) no-repeat -350px -150px;}
.oce2 {padding: 150px 0;background: url(http://www.neranetworks.com.sg//css/frontdesign/img/abt9992.jpg) no-repeat -350px -150px;}
.irxu {padding-left:35px;}

/* Buttons */
.btn {
    border-radius: 0px;
    font-size: inherit;
    padding: 10px 20px;
    font-family: 'Exo 2', Arial;
    transition: all 0.3s ease 0s;
}
.btn-primary {background-color: #e1261c;border-color: #e1261c;}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {background-color: #cc3520;border-color: #cc3520;}

.btn-default {background-color: white;border:0px;color:#e1261c;}
.btn-default:active,
.btn-default:focus,
.btn-default:hover {background-color: white;border:0px;color:#e1261c;opacity:0.8;}


#scss-row .modal-body.ix {padding:10px;}
.modal-search-tray {display: none;}
.modal-search-tray a.io {display: block;padding: 10px 5px;border-bottom: 1px solid #eee;}

/* NERA NAV */
#main-nav a.navbar-brand {padding: 10px 15px;}
#main-nav {
    background: white;
    border: 0px;
    height: 50px;
    border-radius: 0px;
    margin: 0;
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.05);
}
#main-nav .navbar-brand img {
    width:175px;
}
#main-nav .nav.navbar-nav {
    background:white;
    position:relative;
    margin:0;
}
#main-nav .nav.navbar-nav li a {
    line-height:20px;
    color:#333;
    text-transform:uppercase;
    margin-top: 0px;
    font-size: 16px;
}
#main-nav .nav-language {}
#main-nav.navbar-default .navbar-nav>.active>a, 
#main-nav.navbar-default .navbar-nav>.active>a:focus, 
#main-nav.navbar-default .navbar-nav>.active>a:hover,
#main-nav.navbar-default .navbar-nav>li>ul>li.active>a  {
    background:#e1261c;
    color:white;
    padding: 15px 40px;
}
#main-nav.navbar-default .navbar-nav>li:not(.active)>a:hover,
#main-nav.navbar-default .navbar-nav>li>ul>li:not(.active)>a:hover {
    animation:menuAnimate 0.3s;
    animation-fill-mode: forwards;
}

#main-nav .nav ul.neranav {background: #e1261c;padding:0;padding: 20px 25px 40px 35px;}
#main-nav .nav ul.neranav li .navcol {width: 200px;float: left;margin-right:35px;}
#main-nav .nav ul.neranav li .navcol:last-child {margin-right:0;}
#main-nav .nav ul.neranav li .navbg {position: absolute;bottom: -1px;left: -1px;}
#main-nav .nav ul.neranav li ul {margin:0;padding:0;list-style: none;}
#main-nav .nav ul.neranav li ul li a,
#main-nav .nav ul.neranav .navcol a {color:white;transition: all 0.3s ease 0s;text-transform:inherit;}
#main-nav .nav ul.neranav li ul li a:hover,
#main-nav .nav ul.neranav .navcol a:hover h4,
#main-nav .nav ul.neranav .navcol a:hover h5 {opacity:0.7 !important;}
#main-nav .nav ul.neranav li ul li a.uc {opacity:0.5;}

#main-nav .nav ul.neranav,
#main-nav .nav ul.neranav li .navbg {width: 500px;border-radius: 0;}

#main-nav .nav ul.dropdown-menu>li.active>a, 
#main-nav .nav ul.dropdown-menu>li.active>a:focus, 
#main-nav .nav ul.dropdown-menu>li.active>a:hover, {background:#762b7c;color:white;}
#main-nav .nav .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background:inherit;}

html .p250 {padding:250px 0;}
html .px250 {padding:150px 0;}
html .pz250 {padding:150px 0;}

.container-fluid.abt {background:url('../img/abt1.jpg') no-repeat top center;padding-bottom: 200px;}
.container-fluid.abt .cnt {background: #e1261c;color: white;}
.container-fluid.abt .cnt .insd {padding:75px;line-height: 24px;}
.container-fluid.abt .cnt .insd h1 {padding-left: 30px;border-left: 3px solid white;font-size: 50px;font-weight: 100;}
.container-fluid.abt .cnt .insd p {font-size: 18px;}
.abt2 {padding: 50px 0;}
.abt2 .abt2-img {position: absolute;top: -70px;right: 0;}   
.abt2 .abt2-img img {width: 80%;}
.abt3 {background:url('../img/abt3.jpg') no-repeat -200px 0px;padding: 100px 0 70px 0;}
.container-fluid.abt .cnt,
.abt2 .abt2-img img {box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.5)}
.cer {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #e1261c;
}
.container-fluid.xtrm-banner {background:url('../img/xtrm0.jpg') no-repeat top center fixed;padding-bottom: 80px;}
.container-fluid.xpand-banner {background:url('../img/xpand1.jpg') no-repeat top center fixed;}
.container-fluid.xpand-banner {background:url('../img/opt1.jpg') no-repeat top center fixed;}

/* FOOTER */
#footer {padding:30px 0;}
#footer .footer-item h3 {font-size: 20px;border-bottom: 1px solid rgba(225, 38, 28, 0.25);padding-bottom: 15px;}
#footer .footer-item ul {list-style-type: none;margin: 0;padding: 0;}
#footer .footer-item ul li {}
#footer .footer-item ul li a {font-size: 16px;display: block;line-height: 22px;}

#footer .copyright {font-size: 16px;border-top: 1px solid #ddd;margin-top: 50px;padding-top: 25px;}
#footer .copyright p {margin: 0;}
.certs img {float: right;width: 100px;margin-left: 10px;}
#search-modal .form-control:focus {border:0px;}

.carousel-inner .carousel-caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.carousel-caption h1 {font-family: 'Exo 2';font-weight:700;font-size: 54px;}
.carousel-caption p {font-size: 30px;line-height: 1.5em;text-align: center;}
.carousel-caption.altcap h1 {font-size: 44px;color:#e1261c;}
.carousel-caption.altcap p {font-size: 20px;}

.irar.fixed {top:100px !important;}

#scss-row .scss-item {margin-bottom: 25px;}
#scss-row .shadow,
#scss-row .clnt a img {box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.1);transition: all 0.3s ease 0s;}
#scss-row .clnt a img:hover {box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.3);}
#scss-row .modal-body {padding: 25px 50px;}
#scss-row .modal-content {border-radius: 0px;}
#scss-row .modal-content .modal-footer {background-color: #e1261c;border-top: 0px;margin-left: -1px;text-align: center;text-transform: uppercase;transition: all 0.3s ease 0s;}
#scss-row .modal-content .modal-footer a {color: white;display: block;width: 100%;}
#scss-row .modal-content .modal-footer:hover {background-color: #c31c14;}

#carousel-example-generic.pslider .carousel-caption {text-shadow:none;}
#carousel-example-generic.pslider .carousel-caption h2 {font-size:40px;}
#carousel-example-generic.pslider .carousel-caption p {color:#666;font-size:20px;text-align: left;line-height: 28px;}
#carousel-example-generic.pslider .carousel-inner .carousel-caption {top:40%;}

.cpinfo {background: url(../img/cpinf1.jpg) no-repeat top center fixed;background-size:cover;}
.cp-item {}
.cp-item ul {list-style-type: none;padding:0;}
.leftbrd {
    padding-top: 10px;
    padding-bottom: 5px;
    border-left: 5px solid red;
    padding-left: 30px;
    margin-left: 15px;
}
.cp-header h1 {font-size: 44px;}
.cp-header ul {color: white;}
.cpspc h2 {border-bottom: 1px solid #cecece;padding-bottom: 20px;}


.win1 {background: url(../img/win1.jpg) no-repeat top center fixed;background-size:cover;padding:100px 0;}
.ni1 {background: url(../img/nibg.jpg) no-repeat top center fixed;background-size:cover;padding:100px 0;}
.win2 {
    background:linear-gradient(141deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.75) 85%), url(../img/abt1.jpg) center center fixed;
    background-size:cover;
    padding:100px 0;
}
.win4 {
    background:linear-gradient(141deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.75) 85%), url(../img/win4.jpg) center center fixed;
    background-size:cover;
    padding:100px 0;
}
.win1 h1 {margin-left: 0px;padding-bottom: 30px;}

.carousel-control.right,
.carousel-control.left {background-image: none!important;}


#quickbar {background: #e1261c;text-align: center;position: relative;}
#quickbar .quickbar-item a {color: white;height: 110px;display: block;padding: 16px 0;font-size: 18px;transition: all 0.3s ease 0s;}
#quickbar .quickbar-item a img {width:50px;}
#quickbar .quickbar-item a:hover {background: white;color:#e1261c;}
#quickbar .quickbar-item a .qicon-alt {display:none;}
#quickbar .quickbar-item a:hover .qicon {display:none;}
#quickbar .quickbar-item a:hover .qicon-alt {display:block;}

#hoverbar {background: #e1261c;text-align: center;}
#hoverbar.fixed {position: fixed;top: 50px;width: 100%;z-index:990;}
#hoverbar .title {
    float: left;
    padding: 8px 20px;
    color: rgba(255, 255, 255, 0.8);
    background: #d81c12;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
#hoverbar .title:hover {
    color:white;
}

#hoverbar a {color: white;padding: 8px 20px;display: block;transition: all 0.3s ease 0s;}
#hoverbar a:hover,
#hoverbar li.active a {color: #e1261c;background:white;}


#client-acc .panel-default>.panel-heading {
    background: linear-gradient(141deg, rgb(118, 43, 124) 0%, rgb(150, 91, 154));
    padding:0;
    text-align:center;
}
#client-acc .panel-default>.panel-heading a {color:white;padding:10px 15px;width:100%;display: block;}


#gallery .modal-body img {width:100%;}



.bgart {
    background: url(../img/bgart.jpg) no-repeat top center;
    background-size:cover;
}
.banner-padding {padding:60px 0px;}
.pitem a {border:1px solid white;}
.pitem a:hover {border:1px solid #fcfcfc;}
a.pic-inset {padding:0;background: #fcfcfc;}
a.pic-inset .olay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.25);
    width: 100%;
    height: 100%;
    color: white;
    text-align: center;
    padding-top: 25%;
    font-size: 30pt;
    display:none;
    font-family:source sans pro;
}
a.pic-inset:hover .olay {display:inherit;}
a.pic-inset p {
    padding: 5px 10px;
    margin: 0;
    font-size: 14px;
    font-family: source sans pro;
}
li.dropdown > .dropdown-menu {transition: all 0.1s ease 0s;}
/*li.dropdown:hover > .dropdown-menu {
    display: block;
}*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background: #e1261c;color: white !important;}
ul#subprod {
    border: 0px;
    border-radius: 0;
    transform: translate(0,-2px);
}
ul#subprod:hover {

}
ul#subprod a {
    color:#e1261c;
    font-size: 16px;
}
ul#subprod li.active a,
ul#subprod a:hover {
    color: white;
    background:#e1261c;
}
ul#subprod li.tttle {
    margin: -5px 0 5px 0;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid #efefef;
}
ul#subprod li.tttle a {
    padding: 15px 20px;
    color: inherit;
    color: #333;
}
ul#subprod li.tttle a:hover {
    color: white;
}
.title.dropdown:hover .dropdown-menu {display: block;}
.pseudo-anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}
.inside ol li {margin-bottom:0px;}
.inside-subcontent {padding:50px 0;}
.inside-subcontent .container {color:white;}
.inside-subcontent.purple {
    background: linear-gradient(141deg, rgba(184, 61, 193, 0.75) 0%, rgba(24, 12, 25, 0.65) 75%);
}
img.icon-smallest {width:16px !important;margin-right: 5px !important;}


ul li.header {list-style-type: none;margin-left: -25px;font-size: 20px;margin-top:25px;margin-bottom:20px;}

#inside-banner {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position:relative;
}
section.bg1 {
    background: url(../img/bg1.jpg) no-repeat center center fixed; }
section.bg2 {
    background: linear-gradient(141deg, rgba(184, 61, 193, 0.6) 0%, rgba(55, 18, 58, 0.65) 75%), url(../img/bg2.jpg) no-repeat top center fixed;}
section.bg3 {
    background: linear-gradient(141deg, rgba(184, 61, 193, 0.6) 0%, rgba(55, 18, 58, 0.65) 75%), url(../img/bg3.jpg) no-repeat center center fixed;}
section.bg4 {
    background: linear-gradient(141deg, rgba(184, 61, 193, 0.6) 0%, rgba(55, 18, 58, 0.65) 75%), url(../img/bg4.jpg) no-repeat bottom 100px center fixed;}
section.bg5 {
    background: linear-gradient(141deg, rgba(184, 61, 193, 0.6) 0%, rgba(55, 18, 58, 0.65) 75%), url(../img/bg5.jpg) no-repeat center center fixed;}
section.bg6 {
    background: linear-gradient(141deg, rgba(184, 61, 193, 0.6) 0%, rgba(55, 18, 58, 0.65) 75%), url(../img/bg6.jpg) no-repeat center center fixed;}
section.bg7 {
    background-image:url(../img/bg7.jpg);
    background-position:top -260px center;
    background-repeat:no-repeat;
    background-attachment:fixed;
}
section.bg8 {
    background: linear-gradient(141deg, rgba(184, 61, 193, 0.6) 0%, rgba(55, 18, 58, 0.65) 75%), url(../img/teamart1.jpg) no-repeat center center fixed;}
.carousel-caption {right: 10%;left: 10%;}
#contact-form {color: white;}
#contact-form h1 {
    color: white;font-family: Source Sans Pro Black, Arial;
    text-transform: uppercase;font-size: 60px;
}
.form-control {
    border-radius: 0px;height: 46px;font-size: 18px;padding: 12px;
}


#inside-banner.bg_blur {
    background: url(../img/bg_blur.jpg) no-repeat center center fixed;}

#inside-banner .section-content {
    text-align:center;
    padding:100px 0;
    animation:fadein 1.5s;
}
#inside-banner .section-content h1 {
    color:white;
    font-family:Source Sans Pro Black, Arial;
    text-transform:uppercase;
    font-size: 60px;
}
#main-banner {
    background: linear-gradient(141deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.24) 75%), url(../img/bg90.jpg) no-repeat bottom center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    min-height:600px;
    position:relative;
}
#main-banner .section-content {
    width:70%;
    text-align: center;
    margin-top: 210px;
}
#main-banner .section-content h1 {
    color:white;
    font-family:Source Sans Pro Black, Arial;
    text-transform:uppercase;
    font-size: 60px;
}
#main-banner .section-content p {
    color:white;
}
#the-why .why-item {
    text-align: center;
    padding:50px;
    font-family:Source Sans Pro Light, Arial;
}
#the-why .why-item.highlight {
    background: #762b7c;
    color: rgba(255, 255, 255, 0.75);
}
#the-why .why-item img {
    width:100px;
    margin:0 auto;
}
#the-why .why-item h2 {
    text-transform:uppercase;
}
#the-why .why-item p {

}
#the-why .row {display:table;}
#the-why .row [class*="col-"]{
    float: none;
    display: table-cell;
    vertical-align: top;
}
.exp-item ul {list-style-type:none;padding-left: 25px;}
#items {}
#items .sale-item {margin-bottom:50px;}
#items .panel {    
    border: 0px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#items .panel .panel-body {
    margin: 0;
    padding: 0;
    text-align:center;
}
#items .panel .panel-body img {
    width:100%;
}
#items .panel .panel-body .category {
    text-transform:uppercase;
    padding:10px 20px;
    color: rgba(255, 255, 255, 0.75);
    margin-top: -10px;
    display: inline-block;
    width: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#items .panel .panel-body .category.purple {
    background: #762b7c;
}
#items .panel .panel-body .category.red {
    background: #e91e63;
}
#items .panel .panel-body .category.green {
    background: #cddc39;
}
#items .panel .panel-body .category.blue {
    background: #00bcd4;
}
#items .panel .panel-body .content {
    padding:25px;
    text-align:left;
}
#items .panel .panel-body h3.title {
    margin-top: 15px;
    text-transform: uppercase;
}
#items .panel .panel-body p.sub {
    color:#ccc;
}
#items .panel .panel-footer {
    padding:15px 25px;
    background:white;
}
#items .panel .panel-footer a {
    text-transform: uppercase;
    font-family:source sans pro;
}
#section-tab {text-align: center;border-bottom:0;margin-bottom: 25px;}
#section-tab li a, .nav-tabs li {float: none;display: inline-block;font-family:source sans pro;}
#section-tab li a, .nav-tabs li a:hover {color:#762b7c;}
#section-tab li.active a, 
#section-tab li.active a:hover, 
#section-tab li.active a:focus,
#section-tab li a, 
#section-tab li a:hover {background:none;border:0px;}
#section-tab li.active a:focus,
#section-tab li.active a:hover {border-bottom: 5px solid #762b7c;font-family:source sans pro;}
#section-tab li.active a {color:#762b7c;border-bottom: 5px solid #762b7c;font-family:source sans pro;}


.bod-item {}
.bod-item img {width:300px;}

/* Breadcrumbs */
.breadcrumb {background-color: inherit;border-radius: 0px;margin-left: 0;padding-left: 0;position: relative;z-index: 99;}
.offset-anch {padding-top: 140px;margin-top: -140px;position: relative;z-index: 1;}

#inside-content {
    padding:70px 0;
}
#inside-content .team-pic {
    text-align:center;
}
#inside-content .team-pic h4 {
    font-family: source sans pro black;
    color: #762b7c;
    font-size: 18px;
    margin-top:20px;
}

#inside-content h1 {
    font-family:source sans pro black;
    color:#762b7c;
}
#inside-content h3 {
    letter-spacing: 3px;margin-top:50px;
}
#inside-content h4 {
    font-size: 13px;
    font-family: source sans pro;
    color: #762b7c;
    letter-spacing: 3px;
    text-transform: uppercase;
}
h2.separator {
    font-family:source sans pro black;
    text-transform:uppercase;
    position: relative;
    z-index: 1;
}
h2.separator:before {
    border-top: 5px solid #ccc;
    content:"";
    margin: 0 auto; /* this centers the line to the full width specified */
    position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 50%; left: 0; right: 0; bottom: 0;
    width: 95%;
    z-index: -1;
}
h2.separator.offset-anchor:before {
    margin-top: 70px;
}
h2.separator span { 
    /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
    background: #fff; 
    padding-right:15px; 
}


#qb_bottom .ribbon {
    background:#e1261c;
    padding:15px 0 10px 0;
}
#qb_bottom .ribbon ul {
    list-style-type:none;
    display: inline-block;
    width: auto;
    margin:0;
    padding: 0;
}
#qb_bottom .ribbon ul li {
    float:left;
    margin-right: 75px;
    padding-right: 25px;
}
#qb_bottom .ribbon ul li:last-child {
    float:left;
    margin-right: 0;
    border-right: 0px;
    padding-right: 0;
}
#qb_bottom .ribbon ul li a {
    color:white;
    font-family: 'Exo 2', Arial;
}
#qb_bottom .ribbon ul li a:hover {
    opacity:0.8;
}
#qb_bottom .lower {
    padding-top: 25px;
    font-size: 12px;
}

.offset-anchor {
    padding-top: 140px;
    margin-top: -70px;
}



.section-content h1 {
    text-transform:uppercase;
    font-size: 40px;
    color:#762b7c;
}
.section-content h1 b {
    font-family: Source Sans Pro Black;
}

.block {
  text-align: center;
  margin: 20px;
}
 
.block:before {
  content: '\200B';
/*   content: '';
  margin-left: -0.25em; */
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
 }
 
.centered {
  display: inline-block;
  vertical-align: middle;
  width: 300px;
  padding: 10px 15px;
  border: #a0a0a0 solid 1px;
  background: #f5f5f5;
 }



/* general inside side tabs */
ul.nav.nav-tabs.inside-side-tab {width: 100%;text-align:right;border: 0px;width: 250px;}
ul.nav.nav-tabs.inside-side-tab.fixed {top: 140px;width: 250px;}
ul.nav.nav-tabs.inside-side-tab li {width: 100%;border-radius: 0px;margin-bottom:10px;}
ul.nav.nav-tabs.inside-side-tab li.active {border-right:5px solid #762b7c;margin-right: -5px;font-family: source sans pro black;}
ul.nav.nav-tabs.inside-side-tab li a {width: 100%;border: 0px;border-radius: 0px;}
ul.nav.nav-tabs.inside-side-tab li.active a {color:#762b7c;}
ul.nav.nav-tabs.inside-side-tab li a:hover {background:white;border-radius: 0px;}


.vertical-tab .tabs-left {
    border-right: 1px solid #ddd;
}
.vertical-tab .tabs-left, .tabs-right {
    border-bottom: none;
    padding-top: 2px;
}
.vertical-tab .tabs-left>li {
    margin-right: -1px;
}
.vertical-tab .tabs-left>li, .tabs-right>li {
    float: none;
    margin-bottom: 2px;
    width: 100%;
}
.vertical-tab .tabs-left>li.active>a, .tabs-left>li.active>a:hover, .tabs-left>li.active>a:focus {
    border-right-color: transparent;
    background: #762b7c;
    border-width: 0px;
    color: white;
}
.vertical-tab .tabs-left>li>a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block;
    color: white;
    font-family: source sans pro light;
    border:0px;
}
.vertical-tab .tabs-left>li>a:hover {background:#6b3a6f;border-width:0px;}



.intro-fadein {
    animation:fadein 1s;
}



/* Animations */
@keyframes menuAnimate {
  0% {
    background:white;
    color:white;
  }
  100% {
    background:#e1261c;
    color:white;
  }
}
@keyframes fadein {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeout {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes breadcrumb_animate {
  0% { background:rgba(255, 255, 255, 0.85); }
  100% { background: #fcfcfc; }
}
@keyframes breadcrumb_animate_reverse {
  100% { background:rgba(255, 255, 255, 0.85); }
  0% { background: #fcfcfc; }
}

/* 9 April 2017 -- Patch for menu anim */
/* 15 April 2017 Canceled, by client request  */
#main-nav {height: 50px;}
#main-nav .navbar-brand img {width: 175px;}
#main-nav .nav.navbar-nav li a {line-height: 20px;}
#main-nav .nav ul.neranav li ul li a {line-height: 20px;}

#main-nav.smaller {height: 50px;}
#main-nav.smaller .navbar-brand img {width: 175px;}
#main-nav.smaller .nav.navbar-nav li a {line-height: 20px;}

#main-nav,
#main-nav .navbar-brand img,
#main-nav .nav.navbar-nav li a {transition: all 0.1s ease 0s;}