.nav-normal{background: rgba(5, 5, 12, 1);}
.nav-normal h1,.nav-normal ul li a{line-height: 70px;}
@media all and (max-width: 768px){.nav-mobile ul{height: auto; top: 70px;}}
.nav-normal ul li a, .nav-normal h1, .nav-normal .mobile-btn,.nav-mobile ul li a{color: #666666 !important;}
.nav-normal ul li:hover a, .nav-normal ul li.active a, .nav-normal ul li.current a,.nav-normal ul li.current-menu-item a,
.nav-mobile ul li:hover > a,.nav-mobile ul li.active > a,.nav-mobile ul li.current > a
{color: #AAA !important;}

.nav-normal ul.sub-menu li,	.nav-mobile ul.main-menu{background: rgba(5, 5, 12, 1) !important;}
.nav-mobile ul.sub-menu li{background: transparent !important;}
.nav-normal ul.sub-menu li a{color: #666666 !important;}
.nav-normal ul.sub-menu li:hover > a,.nav-normal ul.sub-menu li.active > a,.nav-normal ul.sub-menu li.current > a
{color: #AAA !important;}




.nav-side{border-color: #333}
.nav-side.open {border-width: 30px 30px 30px 100px;background-color: rgba(51, 51, 51, 0.30);background-image: url(http://northwestservicegroup.com/cncrepair/wp-content/themes/newvision/assets/img/bg.png);}
.nav-side .nav-button span,.nav-side .nav-button span:before,.nav-side .nav-button span:after{background-color: rgba(51, 51, 51, 1);}
.nav-side h1, .nav-side ul li, .nav-side ul li a{color: #fff; width: 100px;}
.nav-side ul li.current a, .nav-side ul li.active a, .nav-side ul li:hover a, .nav-side ul li.current-menu-item a
{color: #fff !important;}

.nav-side ul.sub-menu li{background: #333 !important;}
.nav-side ul li ul:before{border-right: 8px solid #333}
.nav-side ul.sub-menu li a{color: #fff !important;}
.nav-side ul.sub-menu li:hover > a,.nav-side ul.sub-menu li.active > a,.nav-side ul.sub-menu li.current > a
{color: #fff !important;}



.nav-circle ul.main-menu > li{border-left: 3px solid #333;}
.nav-circle ul.main-menu > li > a:before{border: 3px solid #333;}
.nav-circle ul.main-menu > li > a > span,.nav-circle ul.main-menu > li > a:after{background: #333;}
.nav-circle ul.main-menu > li:first-child{margin-left: 3px;}
.nav-circle ul.main-menu > li > a{left: -2px }
.nav-circle ul.main-menu > li > a > span{border-color: #333}
.nav-circle ul.main-menu> li > a > span:before{border-right: 8px solid #333}
.nav-circle ul.main-menu > li > a > span{color: #fff}
.nav-circle ul.main-menu > li > a:hover > span{color: #fff}

.nav-circle ul.sub-menu li{background: #333 !important;}
.nav-circle ul.sub-menu li a{color: #fff !important;}
.nav-circle ul.sub-menu li:hover > a,.nav-side ul.sub-menu li.active > a,.nav-side ul.sub-menu li.current > a
{color: #fff !important;}
.nav-circle .container > ul > li > ul.sub-menu{padding-left: 18px;}

h1{
font-family: "Roboto", Arial, Helvetica, sans-serif !important;
font-style: normal;
font-weight:  100;
text-transform: uppercase ;
color: #A3A3A3;
font-size: 36px ;
}

h2{
font-family: "Roboto", Arial, Helvetica, sans-serif !important;
font-style: normal;
font-weight:  400;
text-transform: uppercase ;
color: #A3A3A3;
font-size: 30px ;
}

h3{
font-family: "Roboto", Arial, Helvetica, sans-serif !important;
font-style: normal;
font-weight:  400;
text-transform: uppercase ;
color: #A3A3A3;
font-size: 24px ;
}

h4{
font-family: "Roboto", Arial, Helvetica, sans-serif !important;
font-style: normal;
font-weight:  400;
text-transform: uppercase ;
color: #A3A3A3;
font-size: 18px ;
}

h5{
font-family: "Roboto", Arial, Helvetica, sans-serif !important;
font-style: normal;
font-weight:  400;
text-transform: uppercase ;
color: #A3A3A3;
font-size: 14px ;
}

h6{
font-family: "Roboto", Arial, Helvetica, sans-serif !important;
font-style: normal;
font-weight:  400;
text-transform: uppercase ;
color: #A3A3A3;
font-size: 12px ;
}

body{
font-family: "Roboto", Arial, Helvetica, sans-serif !important;
font-style: normal;
font-weight:  300;
text-transform: none ;
color: #A3A3A3;
font-size: 14px ;
}

.title h1{
font-family: "Poiret One", Arial, Helvetica, sans-serif !important;
font-style: normal;
font-weight:  100;
text-transform: uppercase ;
color: #A3A3A3;
font-size: 85px ;
}

.title h2{
font-family: "Poiret One", Arial, Helvetica, sans-serif !important;
font-style: normal;
font-weight:  100;
text-transform: uppercase ;
color: #A3A3A3;
font-size: 40px ;
}

.title h3{
font-family: "Roboto", Arial, Helvetica, sans-serif !important;
font-style: normal;
font-weight:  100;
text-transform: uppercase ;
color: #A3A3A3;
font-size: 22px ;
}

nav ul li a{
font-family: "Roboto", Arial, Helvetica, sans-serif !important;
font-style: normal;
font-weight:  500;
text-transform: uppercase ;
color: ;
font-size: 14px ;
}


p.quote, .quote-author, .logo, #dates a, .stat-counter .number, .piechart span,.home-text-slider .bxslider {
font-family: Poiret One, Arial, Helvetica, sans-serif;
}

footer#footer{
background: #333;
color: #fff;
font-size: 12px;
}
.btn-red {
background: #ff0000; }

.service-box .wrap .content {  
height: 60% !important;}

.service-box {height: 400px; !important;}

.testimonials-slider .bxslider li .avatar img {
border-radius: 0 !important;}

.contact-details .company-email {
/*background-color:*/ rgba(255,255,255,0.15);
text-align: center;
font-size: 25px;
line-height: 25px;
/*padding: 10px 20px;*/
border-radius: 3px;
margin-bottom: 30px;
/*display: inline-block;*/
cursor: pointer;
}

.contact-details .company-address {
/*background-color:*/ rgba(255,255,255,0.15);
text-align: center;
font-size: 25px;
line-height: 25px;
/*padding: 10px 20px;*/
border-radius: 3px;
margin-bottom: 30px;
/*display: inline-block;*/
cursor: pointer;
}

.video-control i { 
display: none;
}