.primitive_link{
color: #ff7700 !important;
}
.crafted_txt a:first-child{
color: #0275d8;
}
a:hover{
color: #e98432;
}
.mnav_menu_item li{
font-family: abolition, sans-serif;
}
.crafted_txt{
margin-bottom: 0;
}
p{
font-family: fira-sans;
}
h3{
font-family: fira-sans;
}
a{
font-family: fira-sans;
}
.number_logo{
width: 200px;
top: 0%;
right: 0%;
position: absolute;
}
.bottom_nav_link:hover{
color: #e98432;
}
.bottom_nav_link{
color: black;
padding-right: 30px;
font-weight: 500;
}
.nav_img_cont{
height: 100px;
width: 150px;
background-color: white;
margin-right: 120px;
}
.nav_img{
height: 70px;
width: 70px;
text-align: center;
margin-top: 15px;
}
.nav_link{
color: white;
padding-right: 30px;
}
.nav_link:hover{
color: #e98432;
}
.topnavbar_li{
margin: 0 auto;
text-align: center;
display: flex;
justify-content: center;
}
.topnavbar_li li{
font-family: open sans, sans-serif;
color: white;
display: inline;
line-height: 100px;
}
.topnavbar_li li a {
color: #fff;
text-decoration: none;
font-family: open sans, sans-serif;
}
.navbar_cont{
height: 100px;
width: 100%;
background-color: #333333;
position: relative;
z-index: 1000000;
}
.bottom_nav_link{
color: black;
padding-right: 30px;
font-weight: 500;
}
.crafted_cont{
background-color: #333333;
}
.crafted_txt{
font-size: 12px;
font-weight: 400;
color: #ff7700;
text-align: center;
padding: 20px 10px 20px 10px;
}
.bottom_nav_img_cont{
height: 100px;
width: 150px;
margin-right: 30px;
}
.bottom_nav_cont{
background-color: #eceae6;
}
.mobilenav{
display: none;
}
.nav_link{
font-size: 14px;
}
.bottom_nav_link{
font-size: 14px;
color: #000;
}
#menuToggle
{
position: fixed;
top: 40px;
right: 50px;
z-index: 1;
-webkit-user-select: none;
user-select: none;
}
#menuToggle input
{
display: block;
width: 40px;
height: 32px;
position: absolute;
top: -7px;
left: -5px;
cursor: pointer;
opacity: 0; /* hide this */
z-index: 2; /* and place it over the hamburger */
-webkit-touch-callout: none;
}
/*
* Just a quick hamburger
*/
#menuToggle span
{
display: block;
width: 33px;
height: 4px;
margin-bottom: 5px;
position: relative;
background: #cdcdcd;
border-radius: 3px;
z-index: 1;
transform-origin: 4px 0px;
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
opacity 0.55s ease;
}
#menuToggle span:first-child
{
transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2)
{
transform-origin: 0% 100%;
}
/*
* Transform all the slices of hamburger
* into a crossmark.
*/
#menuToggle input:checked ~ span
{
opacity: 1;
transform: rotate(45deg) translate(-2px, -1px);
background: #232323;
}
/*
* But let's hide the middle one.
*/
#menuToggle input:checked ~ span:nth-last-child(3)
{
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
/*
* Ohyeah and the last one should go the other direction
*/
#menuToggle input:checked ~ span:nth-last-child(2)
{
opacity: 1;
transform: rotate(-45deg) translate(0, -1px);
}
/*
* Make this absolute positioned
* at the top left of the screen
*/
#menu
{
position: absolute;
width: 300px;
margin: -100px 0 0 -170px;
padding: 50px;
padding-top: 125px;
background: #ededed;
list-style-type: none;
-webkit-font-smoothing: antialiased;
/* to stop flickering of text in safari */
transform-origin: 0% 0%;
transform: translate(100%, 0);
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
#menu li
{
padding: 10px 0;
font-size: 27px;
text-decoration: none;
color: #000;
}
/*
* And let's fade it in from the left
*/
#menuToggle input:checked ~ ul
{
transform: scale(1.0, 1.0);
opacity: 1;
}
.mnav_menu_item {
text-decoration: none;
color: #fff;
}
.cur_page{
color: #e98432;
font-size: 17px;
}
@media (max-height: 600px){
#menu li{
font-size: 20px;
padding: 5px 0px;
}
#menu {
margin: -180px 0 0 -170px;
}
}
@media (max-width: 1400px){
.bottom_nav_img_cont{
margin-right: 0px;
}
.nav_link{
font-size: 12px;
padding-right: 15px;
}
.bottom_nav_link{
font-size: 10px;
padding-right: 17px;
}
.topnavbar_li{
padding-left: 0px;
}
.bottom_nav_link{
font-size:12px;
}
}
@media (max-width: 1200px){
.nav_img_cont{
margin-right: 10px;
}
}
@media (max-width: 1000px){
.mobilenav{
display: block;
}
.top_nav_li li{
display: none;
}
.nav_img_cont{
position: absolute;
left:0px;
}
.bottom_nav_img_cont{
margin: 0 auto;
}
.nav_link{
display: none;
}
.bottom_nav_link{
display: none;
}
.navbar_cont{
position: fixed;
z-index: 20;
}
}
@media (max-width: 920px){
.typical_list li{
font-size: 14px;
}
}
@media (max-width: 400px){
}
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
/* GLOBAL CLASSES */
html {
}
body {
margin: 0px;
max-width: 100%;
overflow-x: hidden;
}
.sec_services {
width: 100%;
background-image: url("/assets/images/services_bg.png");
background-repeat: no-repeat;
background-size: cover;
height: 500px;
background-color: #4286f4;
position: relative;
}
.sec_services .number_logo {
width: 200px;
top: 0%;
right: 0%;
position: absolute;
}
.sec_services .servicebx {
background-image: url("/assets/images/titlebox.png");
background-size: 100% 700px;
position: absolute;
right: 60%;
height: 50%;
width: 1000px;
background-repeat: no-repeat;
top: 40px;
z-index: 1;
}
.sec_services .servicebx h1 {
font-family: 'Fjalla One', sans-serif;
font-size: 58px;
color: #FFF;
text-transform: uppercase;
position: absolute;
left: 60%;
top: 50%;
}
.sec_navv {
width: 100%;
height: 70px;
background-color: #ECEAE6;
position: absolute;
margin: 0;
padding: 0;
}
.sec_navv ul {
display: inline-block;
padding: 10px;
position: absolute;
list-style-type: none;
flex-wrap: nowrap;
width: 100%;
text-align: center;
}
.sec_navv li {
display: inline;
}
.sec_navv a:link, a:visited {
display: inline-block;
width: auto;
text-align: center;
}
.sec_navv ul li a:link,a:visited
{
display:inline-block;
width: auto;
color:#000;
text-align:center;
padding-right: 50px;
border-radius: 4px;
text-decoration:none;
text-transform:uppercase;
-webkit-border-radius: 4px;
border-radius: 4px;
transition: background-color .4s;
-webkit-transition: background-color .4s;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
}
/*
.sectiongov {
}
.sectionaud {
}
.sectionlith {
}
.sectionrec {
}
*/
.undernav {
width: 100%;
height: 100px;
background-color: #fff;
}
.sec_gov {
width: 100%;
background-image: cover;
height: 800px;
background-color: #333333;
}
.sec_gov .wrap_gov {
width: 100%;
}
.sec_gov .govbx {
position: relative;
background-image: url("/assets/images/govregulations_header.png");
background-size: auto 100%;
left: 45%;
height: 880px;
background-repeat: no-repeat;
top: -30px;
z-index: 5;
}
.sec_gov .govinfo {
display: block;
position: absolute;
height: 300px;
color: #FFF;
margin-bottom: 400px;
width: 500px;
margin-top: 100px;
margin-left: 100px;
}
.govinfo h2 {
font-family: 'Fjalla One', sans-serif;
text-transform: uppercase;
font-size: 42px;
margin-left: 20px;
letter-spacing: 1px;
}
.govinfo li {
font-size: 16px;
font-family: 'Fira Sans', sans-serif;
color: #fff;
opacity: 0.58;
}
.undergov {
width: 100%;
height: 100px;
background-color: #fff;
}
.sec_lith {
width: 100%;
background-image: cover;
height: 800px;
background-color: #ECEAE6;
}
.sec_lith .wrap_lith {
max-width: 100%;
display: flex;
}
.sec_lith .lithbx {
background-image: url("/assets/images/lithium_header.png");
background-size: auto 100%;
margin-left: -25%;
height: 850px;
width: 100%;
background-repeat: no-repeat;
z-index: 5;
}
.sec_lith .lithinfo {
display: block;
position: absolute;
height: 300px;
color: #514B46;
margin-bottom: 400px;
width: 560px;
margin-top: 100px;
margin-left: 55%;
}
.lithinfo h2 {
font-family: 'Fjalla One', sans-serif;
text-transform: uppercase;
font-size: 42px;
margin-left: 0px;
letter-spacing: 1px;
}
.lithinfo li {
font-size: 16px;
font-family: 'Fira Sans', sans-serif;
color: #514B46;
opacity: 0.58;
}
.underlith {
width: 100%;
height: 100px;
background-color: #fff;
}
.sec_aud {
width: 100%;
background-image: cover;
height: 800px;
background-color: #88C638;
}
.sec_aud .audbx {
background-image: url("/assets/images/aud_header.png");
background-size: auto 100%;
margin-left: 45%;
height: 100%;
width: 100%;
background-repeat: no-repeat;
z-index: 5;
}
.sec_aud .audinfo {
display: block;
position: absolute;
height: 300px;
color: #FFF;
margin-bottom: 400px;
width: 500px;
margin-top: 30px;
margin-left: 100px;
}
.audinfo h2 {
font-family: 'Fjalla One', sans-serif;
text-transform: uppercase;
font-size: 42px;
margin-left: 20px;
letter-spacing: 1px;
}
.audinfo li {
font-size: 16px;
font-family: 'Fira Sans', sans-serif;
color: #fff;
opacity: 0.86;
}
.audinfo .audbtn {
width: 200px;
height: auto;
background-color: #333333;
opacity: 0.56;
padding-left:15px;
padding-right: 15px;
margin-left: -15px;
z-index: 99;
}
.audinfo .audbtn a{
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
text-transform: uppercase;
color: #fff;
font-family: 'Fira Sans', sans-serif;
text-decoration: none;
display: block;
z-index: 99;
}
.underaud {
width: 100%;
height: 50px;
background-color: #fff;
}
.sec_rec {
width: 100%;
background-image: cover;
height: 1000px;
background-color: #333333;
}
.sec_rec .recwrap {
height: 800px;
margin-left: 3%;
margin-right: 3%;
top: 5%;
margin-bottom: 5%;
position: relative;
display: flex;
}
.sec_rec .recwrap .recimage {
display: block;
width: 40%;
height: 100%;
background-image: url("/assets/images/rec_header.jpg");
background-position: 0% 40%;
background-size: 900px;
background-repeat: no-repeat;
}
.sec_rec .recwrap .recimage img {
max-width: 800px;
max-height: auto;
display: block;
}
.sec_rec .recwrap .recinfo {
display: block;
max-width: 750px;
width: 60%;
margin-left: 50px;
margin-top: -40px;
}
.recinfo h2 {
font-family: 'Fjalla One', sans-serif;
color: #fff;
text-transform: uppercase;
font-size: 42px;
margin-left: 40px;
letter-spacing: 1px;
}
.recinfo h3 {
font-family: 'Fira Sans', sans-serif;
color: #fff;
text-transform: uppercase;
font-size: 36px;
margin-left: 0px;
letter-spacing: 2px;
font-weight:bolder;
margin-top: 0px;
margin-bottom: 20px;
}
.recinfo p {
font-family: 'Fira Sans', sans-serif;
font-size: 16px;
line-height: 22px;
color: #fff;
opacity: 0.72;
}
.recinfo li {
font-size: 16px;
font-family: 'Fira Sans', sans-serif;
margin-left: 20px;
color: #fff;
opacity: 0.72;
}
@media (max-width: 1500px) {
.sec_lith .lithbx {
margin-left: -50%;
}
.sec_lith .lithinfo {
margin-left: 50%;
}
}
@media (max-width: 1200px) {
.sec_services .servicebx{
right: 46%;
height: 40%;
}
.sec_services .servicebx h1 {
left: 55%;
top: 33%;
font-size: 58px;
}
.sec_navv ul li a:link, a:visited {
padding-right: 20px;
font-size: 14px;
font-weight: 700;
}
.sec_gov .govinfo {
width: 300px;
margin-left: 10px;
}
.sec_gov .govbx {
background-size: auto 100%;
left: 50%;
height: 802px;
top: 0px;
}
.sec_lith .lithbx {
height: 800px;
}
.sec_lith .lithinfo {
margin-left: 55%;
width: 350px;
}
.sec_aud .audinfo {
margin-left: 50px;
width: 350px;
}
.sec_aud .audbx {
margin-left: 48%;
}
.undergov {
height: 20px;
}
.underlith {
height: 20px;
}
.underaud {
height: 20px;
}
.sec_rec {
height: 1200px;
}
}
@media (max-width: 900px) {
.sec_services .servicebx h1 {
font-size: 56px;
top: 50px;
text-align: center;
left: 58%;
max-width: 100%;
}
.sec_services .servicebx {
right: 30%;
}
.sec_navv {
height: 160px;
}
.undernav {
height: 160px;
}
.sec_navv ul {
padding: 5px;
margin-top: 5px;
display:
}
.sec_navv ul li a:link, a:visited {
padding-right: 10px;
font-size: 22px;
display: list-item;
line-height: 36px;
}
.govinfo h2 {
font-size: 26px;
}
.lithinfo h2 {
font-size: 26px;
}
.audinfo h2 {
font-size: 26px;
}
.recinfo h2 {
font-size: 26px;
}
.recinfo h3 {
font-size: 22px;
}
.sec_lith .lithinfo {
margin-left: 55%;
width: 250px;
}
.sec_aud .audbx {
margin-left: 39%;
}
.sec_aud .audinfo {
margin-left: 20px;
width: 300px;
}
.audinfo .audbtn {
width: 150px;
}
.sec_rec {
height: 124vh;
}
.sec_rec .recwrap {
height: 1300px;
}
.sec_rec .recwrap .recinfo {
margin-left: 10px;
}
}
@media (max-width: 600px) {
.sec_services {
height: 450px;
}
.sec_services .servicebx {
top: 280px;
right: 20%;
height: 150px;
width: 100%
}
.sec_services .servicebx h1 {
top: 20px;
font-size: 48px;
text-align: center;
left: 22%;
max-width: 100%;
}
.sec_navv ul {
margin-left: 10px;
margin-top: 15px;
width: 90%;
box-sizing: content-box;
border:2px solid #a1a1a1;
align-items: center;
}
.sec_navv ul li a:link, a:visited {
font-size: 14px;
padding-right: 2px;
display: list-item;
line-height: 28px;
top: -30px;
cursor: pointer;
}
.sec_services .number_logo {
width: 100px;
}
.sec_navv {
flex-direction: column;
height: 150px;
}
.undernav {
height: 150px;
}
.sec_gov {
height: 100vh;
}
.govinfo li {
opacity: 1;
font-size: 16px;
}
.sec_gov .govbx {
background-size: auto 100%;
left: -36%;
width: 136%;
overflow: hidden;
opacity: 0.2;
height: 100vh;
}
.sec_gov .govinfo {
margin-top: 10px;
margin-left: 0px;
}
.govinfo h2 {
font-size: 32px;
}
.sec_lith {
height: 100vh;
}
.sec_lith .lithbx {
background-size: auto 100%;
width: 620px;
opacity: 0.1;
height: 100vh;
}
.sec_lith .lithinfo {
margin-top: 10px;
margin-left: 0%;
width: 320px;
}
.lithinfo h2 {
margin-left: 20px;
font-size: 32px;
}
.lithinfo li {
opacity: 1;
font-size: 16px;
}
.sec_aud {
height: 100vh;
}
.sec_aud .audbx {
margin-left: -80%;
height: 100%;
width: auto;
opacity: 0.1;
z-index: 2;
}
.sec_aud .audinfo {
margin-top: 0px;
width: 340px;
z-index: 19;
}
.audinfo h2 {
font-size: 32px;
text-align: center;
margin-left: 10px;
}
.audlist {
margin-left: -20px;
max-width: 300px;
}
.audinfo li {
opacity: 1;
font-size: 16px;
text-align: left;
}
.audinfo .audbtn {
margin-top: -20px;
}
.sec_rec {
height: 150vh;
}
.sec_rec .recwrap {
display: block;
top: 1%;
height: 145vh;
}
.sec_rec .recwrap .recimage {
height: 144vh;
width: 100%;
opacity: 0.1;
}
.sec_rec .recwrap .recinfo {
width: 100%;
margin-left: -10px;
margin-top: -143vh;
}
.recinfo h2 {
text-align: center;
margin-left: 15px;
}
.recinfo p {
font-size: 14px;
line-height: 24px;
margin-left: -25px;
text-align: center;
}
.recinfo h3 {
font-size: 18px;
margin-left: -20px;
text-align: center;
}
.recinfo li {
font-size: 14px;
line-height: 28px;
text-align: left;
margin-left: -5px;
}
.recinfo br { content: ' ';
}
}
@media (max-width: 374px) {
.sec_services {
height: 330px;
}
.sec_services .servicebx {
right: 0%;
height: 160px;
top: 100px;
}
.sec_services .servicebx h1 {
font-size: 48px;
text-align: center;
left: 6%;
max-width: 100%;
}
.sec_services .number_logo {
width: 100px;
}
.sec_navv {
flex-direction: column;
height: 150px;
}
.undernav {
height: 150px;
}
.sec_gov {
height: 100vh;
}
.govinfo h2 {
font-size: 26px;
}
.govinfo li {
opacity: 1;
font-size: 14px;
}
.sec_gov .govbx {
background-size: auto 100%;
left: -36%;
width: 136%;
overflow: hidden;
opacity: 0.2;
height: 100vh;
}
.sec_gov .govinfo {
margin-top: 10px;
margin-left: 0px;
}
.sec_lith {
height: 100vh;
}
.sec_lith .lithbx {
background-size: auto 100%;
width: 620px;
opacity: 0.1;
height: 100vh;
}
.sec_lith .lithinfo {
margin-top: 10px;
margin-left: 0%;
}
.lithinfo h2 {
margin-left: 20px;
font-size: 26px;
}
.lithinfo li {
opacity: 1;
font-size: 14px;
}
.sec_aud {
height: 110vh;
}
.sec_aud .audbx {
margin-left: -80%;
height: 100%;
width: auto;
opacity: 0.1;
}
.sec_aud .audinfo {
margin-top: 0px;
max-width: 100%;
width: 300px;
}
.audinfo h2 {
font-size: 26px;
text-align: center;
margin-left: 0px;
}
.audlist {
margin-left: -20px;
max-width: 100%;
}
.audinfo br { content: ' ';
}
.audinfo li {
opacity: 1;
font-size: 14px;
text-align: left;
line-height: 22px;
}
.audinfo .audbtn {
margin-top: 20px;
}
.audinfo br { content: ' ';
}
.sec_rec {
height: 190vh;
}
.sec_rec .recwrap .recimage {
height: 184vh;
width: 100%;
opacity: 0.1;
}
.sec_rec .recwrap .recinfo {
width: 100%;
margin-left: -10px;
margin-top: -180vh;
}
.recinfo p {
line-height: 20px;
}
}
@media (max-width: 992px) {
}
@media (max-width: 776px) {
}
@media (max-width: 500px) {
}