@import url(font-awesome.min.css); @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700"); * { list-style: none;} .container-fluid { width: 100%; margin-right: 8rem!important; margin-left: 0.5rem; padding-right: 2rem;} .container-fluid1 { width: 100%; margin-right: 10rem; margin-left: 0rem; margin-top: 3rem;} .container-fluid2 { width: 100%; margin-right: 6rem; margin-left: -2rem;} .footer p { color:#fff; background-color: #d20000; padding: 0.5em; width: 100%;} table { table-layout: auto!important; word-wrap: break-word!important; background-color: rgba(255, 255, 255, .3)!important;} .boxed { border-color: #003366!important; border-width: 0.5rem!important; border-radius: 0.75rem!important; border-style:double!important; padding:0.5rem!important;} .pic25 {width: 100%;} .pic25-1 {width: 80%;} .headpic { width: 90%; align-content: center!important;} .storepic6 { width: 90%!important;} .bitpic { width: 90%;} .callpic { width: 90%;} .eaglepic { width: 90%;} .novapic { width: 50%;} .longpic1 { width: 60%!important;} .subslide { width: auto; max-height: 15em;} .tblline {height: 5px;background-color: #003366;} hr.white{ border-top: 0.25em solid #ffffff;} .calltx { font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; color:blue; line-height: 3rem; font-size: 220%; vertical-align: middle;} .style4 { font-family: Verdana, sans-serif, Arial, helvetica; font-size: 12px; font-weight: bold; background-color: #036; color: #FFF;} .tblpad5 { padding: 5px; text-align:center;} .tblpad5l { padding: 5px; text-align:left;} .nobg { background-color: rgba(255, 255, 255, .0);} .img-right { float: right; max-width: 250px; padding-left: 20px; padding-bottom: 10px;} .img-left100 { float: left; max-width: 100px; padding-right: 10px; padding-bottom: 10px;} .img-left250 { float: left; max-width: 250px; padding-right: 10px; padding-bottom: 10px;} .img-right250 { float: right; max-width: 250px; padding-left: 20px;} .img-right150 { float: right; max-width: 150px; padding-left: 20px;} .img-h500 { max-height:500px; width:auto;} .imgRt { float: right; margin-left: 5px;} .imgLt { margin: 0px 5px 0px 0px; float: left !important;} .right { float:right;} .left { float:left;} .middle { vertical-align: middle!important; } .center { text-align:center!important; margin-left: 0px!important; margin-right: 0px!important;} .lefttext { text-align:left!important; margin-left: 2px!important; margin-right: auto!important;} .pad { padding: 5px;} .ccpic { margin-left: 20px;} .num { font-size: 130%; font-weight: bold!important; } .list-check { padding-left:1.5rem;} .list-check li { list-style-type:none; padding-left:1rem;} .list-check li:before { font-family: "Font Awesome 5 Free"; content: "\f00c"; display: inline-block; /*padding-right: 3px;*/ vertical-align: middle; font-weight: 900; margin:0 10px 0 -28px; color: #003366;} .list-check2 li { list-style-type:none; padding-left:1rem;} .list-check2 li:before { font-family: "Font Awesome 5 Free"; content: "\f00c"; display: inline-block; /*padding-right: 3px;*/ vertical-align: middle; font-weight: 900; margin:0 10px 0 -28px; color: #ffffff;} .list-caret-right li:before { font-family: "Font Awesome 5 Free"; content: "\f0da"; display: inline-block; /*padding-right: 3px;*/ vertical-align: middle; font-weight: 900; margin:0 10px 0 -28px; color: #003366;} .shdwbox { -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); border-radius: 0.5rem;} .shdwbox1 { -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); border-radius: 0.5rem; background-color: rgba(255, 255, 255, .1); width: 80%; margin-left: auto; margin-right: auto; margin-top: 0.5rem;} .shdwbox2 { -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); border-radius: 0.5rem; background-color: rgba(255, 255, 255, .1); width: 95%; margin: 0.5rem auto; align-content: center!important;} .tabctr { width: 100%!important; margin-left: auto!important; margin-right: auto!important; } a.back-to-top { display: none; width: 50px; height: 70px; text-indent: -9999px; position: fixed; z-index: 999; right: 10px; bottom: 20px; background: url("../../images/arrowblue.png") no-repeat center 43%; } .responsive-iframe-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .responsive-iframe-container iframe, .vresponsive-iframe-container object, .vresponsive-iframe-container embed { position: absolute; top: 0; left: 10%; width: 80%; height: 100%; } .responsive-iframe-container1 { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .responsive-iframe-container1 iframe, .vresponsive-iframe-container1 object, .vresponsive-iframe-container1 embed { position: absolute; top: 0; left: 20%; width: 60%; height: 80%; } .faspace { padding-left: 2em;} .storepic { width: 50%!important;} a[data-toggle="collapse"] { position: relative; } .hdn { display: none } @media (max-width: 480px){ .headpic { width: 90%!important; margin-top: -0.5rem!important; margin-left: -0.5rem!important; } .callpic { width: 65%!important;} .eaglepic { width: 40%;} .novapic { width: 80%!important;} .storepic { width: 100%!important;} .largepic { width: 100%!important;} .largepic2 { width: 100%!important;} .hammerpic { width: 100%!important;} .longpic { width:90%!important;} .ml-mini-n5{ margin-left: -3rem!important;} } @media (max-width: 575px) { .pic50 { width: 50%!important; margin-left: 5rem;} .pic25 {width: 25%!important; padding-top: 1rem;} .pic25-1 {width: 25%!important;} .storepic { width: 90%!important;} .eaglepic { width: 40%;} .largepic { width: 90%!important;} .largepic2 { width: 90%!important;} .hammerpic { width: 90%!important;} .longpic { width:90%!important;} .shdwbox2 { -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); border-radius: 0.5rem; background-color: rgba(255, 255, 255, .1); width: 110%; margin: 0.5rem auto; align-content: center!important; margin-left: -1rem;} } @media (min-width: 768px) { .eaglepic { width: 90%;} } @media (max-width: 767px) { #content { width: 100%; margin-top: 0.5rem!important; padding: 1rem; min-width: height 100vh; transition: all 0.4s; } .container-fluid { width: 100%; margin-right: 8rem!important; margin-left: 0.5rem; padding-right: 1rem;} .tblscrl { display: block!important; width: 100% !important; overflow-x:auto!important; -webkit-overflow-scrolling: touch!important;} .headpic { width: 100%;} .footer p { color:#fff; background-color: #d20000; padding: 0.5em; margin: 0 0 0 2em; width: 100%;	} .callpic { width: 80%!important;} .storepic { width: 70%!important;} .eaglepic { width: 40%;} .largepic { width: 80%!important;} .largepic2 { width: 80%!important;} .hammerpic { width: 80%!important;} .longpic { width:80%!important;} } @media (min-width: 992px) { .casingpic { width: 80%!important;} .callpic { width: 65%!important;} .hammerpic { width: 50%!important;} .largepic { width: 60%!important;} .largepic2 { width: 40%!important;} .longpic { width:60%!important;} } .casingpic { width: 100%!important;} .hammerpic { width: 50%!important;} .largepic { width: 70%!important;} .largepic2 { width: 50%!important;} .longpic { width:70%!important;} /* Sidebar */ #sidebar { -moz-flex-grow: 0; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -moz-flex-shrink: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -moz-transition: margin-left 0.75s ease, box-shadow 0.75s ease; -webkit-transition: margin-left 0.75s ease, box-shadow 0.75s ease; -ms-transition: margin-left 0.75s ease, box-shadow 0.75s ease; transition: margin-left 0.75s ease, box-shadow 0.75s ease; min-width: 270px; max-width: 270px; background-image:url("../../images/bg-left1-3.webp")!important; background-attachment: fixed; background-repeat: no-repeat; color: #fff!important; padding-top: 20px; font-size: 0.9em; font-weight: bold; position: relative; } #sidebar h2 { font-size: 1.3888888889em; } #sidebar > .inner { position:relative; width: 250px!important; } #sidebar > .inner > * { margin: 0 0 0 0; padding: 0 0 0 0; } #sidebar > .inner > * > :last-child { margin-bottom: 0; /* padding-bottom: 1em;*/ } #sidebar > .inner > *:last-child { margin-bottom: 0; /* padding-bottom: 1em;*/ } #sidebar > .inner > .alt { background-color: #eff1f2; margin: -2.2222222222em 0 4.4444444444em -2.2222222222em; padding: 2.2222222222em; width: calc(100% + 4.4444444444em); } #sidebar .toggle { text-decoration: none; -moz-transition: left 0.5s ease; -webkit-transition: left 0.5s ease; -ms-transition: left 0.5s ease; transition: left 0.5s ease; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border: 0; display: block; height: 2.5em; left: 275px; line-height: 2.5em; outline: 0; overflow: hidden; position: absolute; text-align: center; text-indent: 3.5em; margin-top: 0.5em!important; top: 0; padding: 0 0.1em 0 0.1em; width: 11em!important; z-index: 10000; } #sidebar .toggle:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-style: normal; font-weight:bold; text-transform: none !important; } #sidebar .toggle:before { content: "Open/Close Menu"; color: #fff; background-color: #D20000; border-radius: 1em; font-size: 1rem!important; height: inherit; left:0; line-height: inherit; position: absolute; text-indent: 0; top: 0; width: inherit; z-index: 10000; } #sidebar.inactive { margin-left: -275px; } @media screen and (min-width: 1680px) { #sidebar { width: 270px; padding-top: 20px; } #sidebar > .inner { width: 270px; } #sidebar > .inner > .alt { margin: -1.6666666667em 0 3.3333333333em -1.6666666667em; padding: 1.6666666667em; width: calc(100% + 3.3333333333em); } #sidebar .toggle { height: 2.25em; left: 275px; line-height: 2.25em; text-indent: 5em; width: 5em; } #sidebar .toggle:before { font-size: 1.5rem; } #sidebar.inactive { margin-left: -275px; } } @media screen and (max-width: 1680px) { #sidebar { width: 270px; padding-top: 20px; #sidebar > .inner { } width: 270px; } #sidebar > .inner > .alt { margin: -1.6666666667em 0 3.3333333333em -1.6666666667em; padding: 1.6666666667em; width: calc(100% + 3.3333333333em); } #sidebar .toggle { height: 2.25em; left: 275px; line-height: 2.25em; text-indent: 5em; width: 5em; } #sidebar .toggle:before { font-size: 1.5rem; } #sidebar.inactive { margin-left: -275px; } } @media screen and (min-width: 1281px) { #sidebar > .inner { -webkit-overflow-scrolling: touch!important; height: 100%; left: 0; padding-top: 20px; overflow-x: hidden; overflow-y:scroll; position:fixed; top: 0; right: -10;} #sidebar .toggle { visibility: hidden;} } @media screen and (max-width: 1280px) { #sidebar { box-shadow: 0 0 5em 0 rgba(0, 0, 0, 0.175); height: 100%; left: 0; position: fixed; top: 0; bottom: 0; z-index: 10000; } #sidebar.inactive { box-shadow: none; } #sidebar > .inner { -webkit-overflow-scrolling: touch; height: 100%; left: 0; overflow-x: hidden; overflow-y: auto; position: absolute; top: 0; right: -10; } #sidebar > .inner:after { content: ''; display: block; height: 4em; width: 100%; } #sidebar .toggle { text-indent: 6em; width: 6em; } #sidebar .toggle:before { font-size: 1.5rem; } body.is-preload #sidebar { display: none; } } @media screen and (max-width: 736px) { #sidebar .toggle { text-indent: 6em; width: 6em; } #sidebar .toggle:before { font-size: 1.5rem; } body.is-preload #sidebar { display: none; } } .sidebar-menu { list-style: none; margin: 0; padding: 0;} .sidebar-menu > li { position: relative; font-size: 1.1em; font-weight: 550; line-height: 1.3em; margin: 0; padding: 0; } .sidebar-menu > li > a { padding: 5px 5px 5px 15px; display: block; color: #fff; text-decoration: none!important;} .sidebar-menu > li > a > .fa { width: 20px; } .sidebar-menu > li:hover > a, .sidebar-menu > li.active > a { -webkit-transition: all 0.3s!important; -o-transition: all 0.3s!important; transition: all 0.3s!important; color:#DCE618!important; font-size: 0.9em; margin-left: -2px;} .sidebar-menu > li .label, .sidebar-menu > li .badge { margin-top: 3px; margin-right: 5px; } .sidebar-menu li.sidebar-header { padding: 10px 25px 10px 15px; font-size: 12px; color: #fff;} .sidebar-menu li > a > .fa-angle-left{ transform: rotate(-90deg); font-weight:bolder; font-size: 1.5em; width: auto; height: auto; padding: 0; margin-right: 10px; margin-top: 3px; } .sidebar-menu li.active > a > .fa-angle-left { transform: rotate(-270deg); } .sidebar-menu li.active > .sidebar-submenu { display: block; } .sidebar-menu a { color: #fff!important; text-decoration: none; } .sidebar-menu .sidebar-submenu { display: none; list-style: none; padding-left: 8px; margin: 0 1px;} .sidebar-menu .sidebar-submenu .sidebar-submenu { padding-left: 5px; } .sidebar-menu .sidebar-submenu > li > a { padding: 5px 5px 5px 5px; display: block; font-size: 1em; color: #fff!important; } .sidebar-menu .sidebar-submenu > li > a > .fa { width: 20px; } .sidebar-menu .sidebar-submenu > li > a > .fa-angle-left, .sidebar-menu .sidebar-submenu > li > a > .fa-angle-down { width: auto; } .sidebar-menu .sidebar-submenu > li.active > a, .sidebar-menu .sidebar-submenu > li > a:hover { -webkit-transition: all 0.3s!important; -o-transition: all 0.3s!important; transition: all 0.3s!important; color:#DCE618!important; font-size: 0.9em; margin-left: -2px;} .last { padding-bottom: 1em; } .first { padding-top: 1em; }