@import url(reset.css);



html {

    height: 100%;

}

body {

    font:12px/1.4 Arial, sans-serif;

    height:auto;

    width: 100%;

    color:#;

    min-width:1000px;

    background:#fff url(../images/bg/bg.jpg) repeat-x;

}

select, input, textarea {

    color: #444;

    font: 12px Arial, sans-serif;

}

::-webkit-input-placeholder { color: #444; }

:-moz-placeholder           { color: #444; }





h1, h2, h3, h4, h5, h6  { font-weight: bold; }

a   { color: #607890; }

a:hover { color: #036; }



/* Minimal base styles */



/* =Useful classes

*******************************************************************************/



.debug    { border: 1px dotted red !important; }

.hidden   { display: none; visibility: hidden; }

.no-marg  { margin: 0 !important; }

.no-pad   { padding: 0 !important; }

.no-bg    { background: none !important; }

.no-bd    { border: none !important; }

.fl-l     { float: left !important; }

.fl-r     { float: right !important; }

.a-center { text-align: center; }

.a-left   { text-align: left; }

.a-right  { text-align: right; }

.clear    { clear: both; }

.underline{text-decoration: underline;}

.hr {

    height: 1px;

    font: 0/0 Arial;

    border-bottom: 1px dotted #888;

    margin: 15px 0;

}

.btn {

    background: none;

    border: none;

    cursor: pointer;

    display: inline-block;

}

.wrapper {

    height:auto !important;

    min-height:100%;

    background:url(../images/bg/main.jpg) no-repeat 50% 0;

}

.main-wrap {

    overflow:hidden;

    position:relative;

    width:100%;

   /* padding-bottom:300px;*/

}

.w1 {

    width:1020px;

    float:left;

    position:relative;

    left:50%;

}

.w2 {

    width:978px;

    padding:0 22px 0 20px;

    float:left;

    position:relative;

    left:-50%;

    background:url(../images/bg/page.png) no-repeat 0 130px;

}



/* Useful classes */

.btn {

    float:left;

    height:30px;

    color:#848484;

    font-size:12px;

    line-height:30px;

    font-weight:bold;

    background:url(../images/btn/simple.png) no-repeat;

}

.btn span {

    float:left;

    cursor:pointer;

    height:30px;

    padding:0 10px;

    background:url(../images/btn/simple.png) no-repeat 100% -30px;

}

.btn:hover {

    background-position:0 -60px;

}

.btn:hover span {

    background-position:100% -90px;

}



/* btn submit */

.btn-submit {

    float:left;

    height:41px;

    padding-right:14px;

    cursor:pointer;

    background:url(../images/btn/submit.png) no-repeat 100% 0;

}

.btn-submit span,

.btn-submit span input {

    float:left;

    height:41px;

    cursor:pointer;

    color:#3d2304;

    font-size:15px;

    line-height:40px;

    font-weight: bold;

    text-transform:uppercase;

    padding:0 4px 0 14px;

    border:none;

    background:url(../images/btn/submit.png) no-repeat;

}

.btn-submit span:hover,

.btn-submit input:hover {

    color:#fff;

}

.btn-submit span input {

    margin:0 -15px;

    padding:0 15px;

    position:relative;

    background:none;

}



/* Header */

.header {

    position:relative;

    height:190px;

    z-index:20;

}



/*.header.stick{ position:fixed; background:#018877; z-index:9999; width:100%; float:left;}*/

.header.stick{ position: fixed;

background: #018877;

z-index: 9999;

width:1004px;

float: none;

margin: 0 auto;

right: 0;

left: 0;}

.header.stick:after{position:absolute;top:0; left:-100%; height:100%;width:100%; content:"";background:#018877; z-index:9999;}

.header.stick:before{position:absolute;top:0; right:-100%; height:100%;width:100%; content:"";background:#018877; z-index:9999;}



.logo {

  float: left;

height: 90px;

left: 46px;

overflow: hidden;

position: absolute;

text-indent: -9999px;

top: 23px;

width: 305px;

}

.logo a {

   background: url("../images/logonew.png") no-repeat scroll 0 0;

display: block;

height: 90px;

width: 305px;

}

.logo img {

    display: none;

}

.header .phone {

    background: url("../images/spritenew.png") no-repeat scroll 0 0;

    color: #fff;

    font-size: 18px;

    line-height: 24px;

    min-height: 24px;

    padding: 0 0 4px 22px;

    position: absolute;

    /*left: 61%;*/

    top: 82px;

    float: right;

    width: auto;
    right: 230px;

}



.header.stick .phone {

    background: url("../images/spritenew.png") no-repeat scroll 0 0;

    color: #fff;

    font-size: 18px;

    line-height: 24px;

    min-height: 24px;

    padding: 0 0 4px 32px;

    position: relative;

    /*left:57%;*/

    top: 82px;

    float: right;

    width: auto;
    left: -245px;
}

.main-pict a {

    position:absolute;

    right:0;

    top:70px;

    width:216px;

    height:50px;

    text-align:center;

    color:#3d2304;

    font-size:17px;

    line-height:50px;

    font-weight: bold;

    text-transform:uppercase;

    background:url(../images/sprite.png) no-repeat 0 -100px;

}



.header .request-quote{position: absolute;

    right: 0;

    top: 70px;

    height: 50px;

    text-align: center;

    color: #3d2304;

    font-size: 17px;

    line-height: 50px;

    font-weight: bold;

    text-transform: uppercase;

    background: #e9a400;/*url(../images/sprite.png) no-repeat 0 -100px;*/
    border: 3px solid #fff;
    border-radius: 35px;
    padding: 0 20px;
    float: left;}



.header.stick .request-quote{position:absolute;

    right:0;

    top: 70px;

    width: 170px;

    height: 50px;

    text-align: center;

    color: #3d2304;

    font-size: 17px;

    line-height: 50px;

    font-weight: bold;

    text-transform: uppercase;

    /*background: url(../images/sprite.png) no-repeat 0 -100px;*/

    float: right;}



.header.stick .sub-nav {

    position: fixed;

    left:54.3%;

    top: 0;

    z-index: 9999;

    float: right;

    width:auto;

}



.header .pre-fingerprint {

    right: 214px;

}

.header .request-quote:hover,

.main-pict a:hover {

    color:#fff;

}



/* =Main Navigation */

.nav {

    position:absolute;

    /*left:40px;*/ left: 14px;

    top:144px;

    width:940px;

    z-index:9999;

}

.header.stick .nav {

    position:relative;

    left:40px;

    top:144px;

    width:940px;

    z-index:9999;

}

.header.stick .nav::after {

border: 2px solid #eaaa14;

content: "";

left: -41px;

position: absolute;

right: 0;

top: 42px;

width: 975px;

}

.nav li {

    float:left;

    font-size:11px;

    line-height:44px;

    font-weight:bold;

    text-transform:uppercase;

    z-index:5;

    background:url(../images/bg/nav-sep.png) no-repeat 0 -3px;

}

.nav li:first-child {

    background:none;

}

.nav a {

    float:left;

    color:#fff;

    position:relative;

    z-index:10;

}

.nav a span {

    float:left;

    cursor:pointer;

    height:44px;

    padding:0 8px;

}

.nav a em {

    float:left;

    cursor:pointer;

    height:44px;

    font-style:normal;

}

.nav a.home-link em {

    padding-left:36px;

    background:url(../images/ico/home.png) no-repeat 0 50%;

}

.nav li:hover,

.nav li.active {

    background:none;

}



.nav li:hover a,.nav li.active a {

    margin:0px -14px;

    padding-right:20px;

    background:url(../images/btn/nav.png) no-repeat 100% 100%;

}



.nav li:hover a span,

.nav li.active a span {

    padding:0 8px 0 28px;

    background:url(../images/btn/nav.png) no-repeat;

}

.nav li:hover {

    position:relative;

}

.nav li:hover .drop {

    display:block !important;

}

/* drop */

.drop {

    position:absolute;

    display:none;

    left:-40px;

    top:42px;

    width:296px;

    z-index:9999;

}

.drop-top,

.drop-btm {

    width:296px;

    height:25px;

    background:url(../images/bg/drop.png) no-repeat;

}

.drop-btm {

    width:269px;

    background-position:-331px 0;

}

.drop-frame {

    margin:-10px 0 0;

    position:relative;

    padding-bottom:10px;

    background:url(../images/bg/drop-shadow.png) no-repeat 50% 100%;

}

.drop-hold {

    width:242px;

    margin:0 27px;

    background:#e9a400;

}

.drop ul {

    padding:0 0 10px;

    margin:0;

}

.drop ul li {

    float:none;

    padding:0;

    vertical-align:top;

    zoom:1;

    margin:0 !important;

    background:url(../images/bg/drop-sep.png) repeat-x;

}

.drop ul li:first-child {

    background:none;

}

.drop ul a,

.nav li:hover .drop ul a {

    float:none;

    display:block;

    font-size:13px;

    line-height:20px;

    font-weight: bold;

    margin:0 !important;

    padding:10px 5px 10px 37px !important;

    background:url(../images/bg/drop-arrow.png) no-repeat 23px 15px !important;

}

.drop ul a:hover,

.nav li:hover .drop ul a:hover,

.nav .active .drop ul .active a {

    background:#007d6d url(../images/bg/drop-arrow.png) no-repeat 23px 15px !important;

}



/* sub-nav */

.sub-nav {

    position:absolute;

    right:-10px;

    top:0;

}

.sub-nav-l,

.sub-nav-r {

    float:left;

    margin-top:6px;

    width:22px;

    height:44px;

    background:url(../images/bg/sub-nav-lr.png) no-repeat -22px 0;

}

.sub-nav-r {

    background-position:0 0;

}

.sub-nav ul {

    float:left;

    height:50px;

    background:url(../images/bg/sub-nav.png) repeat-x 0 100%;

}

.sub-nav li {

    float:left;

    font-size:12px;

    line-height:40px;

    font-weight:bold;

    background:url(../images/bg/sub-nav-sep.png) no-repeat;

}

.sub-nav li:first-child {

    background:none;

}

.sub-nav a {

    color:#fff;

    padding:0 26px;

}

.sub-nav a:hover,

.sub-nav .active a {

    text-decoration:underline;

}



/* main-container */

.main-container {

    background:#fff;

    min-height:710px;

    padding:0 0 20px;

    position:relative;

    z-index:10;

	margin:30px 0;
    margin-top: 0;
}

.main-pict {

    position:relative;

}

.main-pict .pict {

    display:block;

}

.main-pict .text {

    position:absolute;

    left:50px;

    top:52px;

    width:550px;

}

.main-pict h1 {

    margin:0 0 10px;

    text-indent:-9999px;

    height:37px;

    background:url(../images/photo/banner-title.png) no-repeat;

}

.main-pict .text p {

    /*margin:0;*/color: #fff;

font: bold 14px/18px "Century Gothic",Arial,sans-serif;

margin: 0 22px 0 0;

}

.main-pict a {

    position:static;

    margin-top:60px;

    display:block;

}



/* three-columns */

.three-columns {

    padding:12px 0 0;

}

.two-txt-cols {

    float:left;

    width:600px;

    margin:20px 0 0;

    padding:0 0 0 32px;

    position:relative;

    background:url(../images/bg/sep.png) repeat-y 326px 0;

}

.two-txt-cols .txt-col {

    float:left;

    width:255px;

    padding-bottom:30px;

    text-align:justify;

}

.two-txt-cols .txt-col-alt {

    float:right;

    width:270px;

    text-align:left;

}

.two-txt-cols .txt-col .more {

    display:block;

    position:absolute;

    bottom:0;

    margin-left:65px;

    float:none;

    width:130px;

}

.two-txt-cols .txt-col .more span {

    width:110px;

    text-align:center;

}

.main-content {

    font-size:13px;

    line-height:22px;

    color:#3d3d3d;

}

.main-content .content-inner{ font-size:13px; line-height:22px; color:#3d3d3d; font-family:Arial, Helvetica, sans-serif;}

.main-content h2,

.main-content h1,
.main-content h3 {

    margin:0 0 28px;

    color:#007d6d;

    font-size:32px;

    line-height:30px;

    text-transform:uppercase;

}
.main-content h2 {
    font-size:26px;
}
.main-content h3 {
    font-size: 22px;
}


.main-content ul.list {

    padding:0;

}

.main-content ul.list li {

    padding:0 0 0 17px;

    background:url(../images/bg/bullet.png) no-repeat 0 8px;

}

.main-content p {

    margin:0 0 10px;

}

.main-content .banner-intern{    top: 325px; bottom: -236px;

float: left;

left: 25px;

position: absolute;

width: 100%;}

/* map */

.map {

    float:right;

    margin-right:7px;

    width:310px;
    margin-top: 25px;
}

.map-hold {

    padding:6px 6px 15px;

    background:#ececec;

    border:1px solid #fff;

}

.map-place img {

  height: 247px;

  width: 310px;

}

/*.map-place img {

    display:block;

    border:1px solid #fff;

}*/

.map .link {

    display:block;

    margin:14px 0 0 14px;

    padding:0 0 0 45px;

    color:#4a5d6f;

    font-size:12px;

    line-height:14px;

    font-weight: bold;

    background:url(../images/bg/arrow.png) no-repeat 0 50%;

}

.map-shadow {

    height:17px;

    background:url(../images/bg/map-shadow.png) no-repeat;

}

.map ul {

    padding:0 22px;

}

.map ul li {

    padding:20px 0;

    overflow:hidden;

    zoom:1;

    font-size:12px;

    line-height:14px;

    font-weight: bold;

    color:#4a5d6f;

    background:url(../images/bg/sep2.png) repeat-x;

}

.map ul li:first-child {

    background:none;

}

.map ul div {

    color:#4a5d6f;

}

.map ul li span {

    float:left;

    width:57px;

    text-align:center;

    color:#fff;

    font-size:30px;

    line-height:30px;

    font-weight: bold;

    text-transform:uppercase;

}

.sidebar .map {

    float:none;

    margin:0;

}



/* two-columns */

.two-columns {

    padding:40px 0 0 32px;

}

.content {

    float:left;

    width:560px;

}

.content-text {

    text-align:justify;

}

.content-text a {

    color:#3d3d3d;

    font-weight:bold;

    text-decoration:underline;

    display: inline-block;

    margin: 0 0 10px;

}

.content-text a:hover {

    text-decoration:none;

}



/* request-holder */

.request-holder {

    padding:94px 0 0;

}

.request-holder h1 {

    text-align:center;

}



/* sidebar */

.sidebar {

    float:right;

    width:310px;

    margin-right:34px;

}

/* contact-us-info */

.contact-us-info {

    margin:0;

    width:307px;

    color:#fff;

}

.contact-us-info-hold {

    padding:220px 25px 20px;

    background:#007d6d url(../images/bg/contact-us.jpg) no-repeat;

}

.main-content .contact-us-info h2 {

    margin:0 0 6px 37px;

    font-size:18px;

    color:#fff;

    text-transform:none;

}

.contact-us-info h2 span {

    display:block;

    font-size:27px;

}

.contact-us-info ul li {

    padding:7px 0 7px 10px;

    font-size:12px;

    line-height:16px;

    font-weight: bold;

    background:url(../images/bg/sep3.png) repeat-x;

}

.contact-us-info ul li div {

    padding:0 0 0 28px;

    min-height:32px;

    background:url(../images/bg/bullet2.png) no-repeat 0 50%;

}

.contact-us-info-shadow {

    height:17px;

    background:url(../images/bg/map-shadow.png) no-repeat;

}



/* content-wide */

.content-wide {

    padding:0 32px 0 0;

}

.content-wide h2 {

    font-size:18px;

    margin-bottom:5px;

}

.content-wide h3 {

    color: #007D6D;

    font-size:16px;

    margin:0 0 5px;

}

.content-wide h4 {

    font-size:14px;

    color: #007D6D;

    margin-bottom:5px;

}



/* Footer */

.footer {

    width:976px;

    /*margin:-205px auto 0;*/

	margin:0 auto 0;

    position:relative;

    /*height:391px;*/

    color:#e9a400;

    overflow:hidden;





}

.footer .frame {

    padding:20px 30px;

    /*height:282px;*/

    background:#007d6d;

}

.f-menu {

    float:right;

    width:540px;

    font-size:0;

    line-height:0;

}

.f-menu li {

    display:inline-block;

    vertical-align:top;

    width:138px;

    font-size:12px;

    line-height:16px;

    margin-right:40px;

    border-bottom:1px solid #009885;

}

* + html .f-menu li {

    display:inline;

}

.f-menu a {

    display:block;

    color:#fff;

    font-size:12px;

    line-height:16px;

    padding:7px 0;

}

.f-menu a:hover {

    color:#ccc;

    text-decoration:underline;

}

.copyright {clear:both;padding:30px 0 0; color:#83bdb6; float:left; width:100%;text-align: center;}

.copyright a {

    color:#83bdb6;

}

.copyright a:hover {

    text-decoration:underline;

}

.footer .address {

    float:left;

    width:230px;

    color:#fff;

    line-height:30px;

}

.footer .address strong {

    display:block;

    color:#e9a400;

}



/* =Form

*******************************************************************************/

.form-contact {

    padding:36px 0 0;

    zoom:1;

    background:url(../images/bg/sep2.png) repeat-x;

}

.form-message {

    padding:0 0 10px;

    color:#f00;

    text-align:center;

}

.form h3 { margin: 15px 0; }

.form legend {

    font-weight: bold;

    padding-bottom: 20px;

}

.f-row { margin: 0 0 17px; }

.f-row-btn {

    width:485px;

}

.f-row-btn .btn-submit {

    background:url(../images/btn/submit2.png) no-repeat 100% 0;

}

.f-row-btn .btn-submit span {

    background:url(../images/btn/submit2.png) no-repeat;

}

.f-row img { vertical-align: top; }

.f-row label {

    float: left;

    width: 140px;

    text-align:right;

    line-height:22px;

    margin-right:10px;

}

.f-row label span {

    color: #f00;

    padding-right: 5px;

}

.form ul { list-style: none !important; }

.form li { padding-bottom: 5px; }

.f-input,

.f-select,

.f-button {

    float:left;

}

.f-input label,

.f-select label,

.f-button label {

    float: none;

    width: auto;

    padding: 0 15px 0 0;

    line-height: 22px;

}

.form label.alt {

    text-align:left;

    width:auto;

}

.form .f-radio,

.form .f-checkboxes {

    overflow: hidden;

    margin: 0;

}

.f-radio li { display: inline-block; }

.ie7 .f-radio li { zoom: 1; display: inline; }

.form .f-radio input[type=radio] { top: 3px; }

.f-input.f-input label {

    position: relative;

    margin-left: 3px;

    top: 4px;

}

.form div.help-link {

    margin-left: 130px;

}

.form input[type=checkbox] {

    margin: 0 5px 0 0;

}

.form input[type=radio],

.form input[type=checkbox] {

    position: relative;

    top: 4px;

}

.form input[type=search],

.form input[type=text],

.form input[type=edit],

.form input[type=url],

.form input[type=password],

.form input[type=email],

.form textarea {

    background: #fff;

    width:316px;

    border: 1px solid #cecccd;

    padding:2px 5px;

    height:16px;

}

.form select{ border: 1px solid #cecccd;background: #fff;padding:2px 5px;color:#444;}
.form .date-tccontainer{border: 1px solid #cecccd;background: #fff;color:#444;padding:0 5px;}
.form textarea {

    height:170px;

    max-width:316px;

}

.form input[type=search] {

    -webkit-appearance: none;

    -moz-box-sizing: border-box;

    width: 210px;

    height: 26px;

    box-sizing: border-box;

}

.form input[type=text]:focus,

.form textarea:focus {

    background: #f7f6f6;

}

.f-select-day, .f-select-month, .f-select-year {

    width: 70px;

}

.form input[type=text].f-input-country { width: 70px; }

.form input[type=text].f-input-state { width: 70px; }

.form input[type=text].f-input-zip { width: 40px; }

.form input[type=text].f-input-custom-1 { width: 130px; }

.form input[type=text].f-input-custom-2 { width: 30px; }

.form input[type=text].f-input-custom-3 { width: 55px; }

.calendar {

    position: relative;

    top: 4px;

}

.form .f-input2 {

    width:86px;

}

.form .f-input2 input {

    width:76px;

}

.form .sub-row {

    margin-right:8px;

}



.form .btn-submit {

    float:right;

}



.form-request {

    width:505px;

    padding:20px 0 0;

    margin:0 0 0 185px;

}

.form-request label {

    width:160px;

}

.form-request .f-row-btn {

    width:505px;

}

.button1{ float:left; width:100%;text-align:center; }
.button1 a{background: rgba(0, 0, 0, 0) url("../images/bga.png") no-repeat scroll 0 0;
color: #fff;
float: left;
font-family: Franklin Gothic;
font-size: 13px;
height: 83px;
margin-right: 25px;
padding: 13px 25px 0;
text-align: center;
width: 14%;
}


.main-container-text{box-sizing: border-box;

float: left;

padding-bottom: 236px;

width: 60%;}

.holder-widget {
    width: 311px;
    float: none;
    padding: 20px 0 0;
	text-align:center;
}

.holder-widget {

  float: right;

  padding: 5px 0 0;

  position: absolute;

  right: 0;

  top: 20%px;

  width: 322px;

}

/*.holder-widget {

    width: 322px;

    float: right;

    padding: 20px 0 0;

}*/

.holder-widget .banner {

    margin: 0 0 20px;

}

/*
.holder-widget .banner1 {

  /*  background: rgba(0, 0, 0, 0) url("../images/bg1.png") repeat scroll 0 0;*/

  background:#143B5F;

box-sizing: border-box;

color: #fff;

float: right;

font-size: 24px;

height: 118px;

margin: 0 0 20px;

padding: 25px 35px;

width: 315px;

border-radius:4px;

}

.holder-widget .banner1 a[href="equipment.html"] img{display:none;}



.holder-widget .banner1 span{box-sizing: border-box;

color: #fff;

float: left;

font-family: arial;

font-weight: bold;

line-height: normal;

padding: 58px 0;

text-align: center;

text-transform: uppercase;

width: 100%;}

.holder-widget .banner {

    margin: 0 0 20px;

}

*/

.holder-widget .banner1 {

  /*  background: rgba(0, 0, 0, 0) url("../images/bg1.png") repeat scroll 0 0;*/

  background:#143B5F;

box-sizing: border-box;

color: #fff;

float: right;

font-size: 24px;

height: 118px;

margin: 0 0 20px;

padding: 25px 35px;

width: 315px;

border-radius:4px;

}


.two-colls {

    overflow: hidden;

    width: 100%;

    margin: 0 0 10px;

}

.two-colls .coll {

    width: 50%;

    float: left;

}

.two-colls .coll p {

    margin: 0 0 5px;

}



.inner-detail {

  border-top: 1px solid #e2e2e2;

  box-sizing: border-box;

  float: left;

  margin-top: 7px;

  padding: 28px 0 31px;

  width: 100%;

}

.inner-detail .item {

  float: left;

  width: 100%;

}

.inner-detail .item .name {

 color: #000000;

float: left;

font-family: arial;

font-size: 18px;

font-weight: bold;

line-height: 23px;

margin-top: 8px;

width: 80%;

}

.inner-detail .item .detail1 {

  box-sizing: border-box;

  color: #535454;

  float: left;

  font-family: Arial,Helvetica,sans-serif;

  font-size: 13px;

  line-height: 20px;

  padding: 15px 6px;

  width: 80%;

}

.inner-detail .item .image {

  float: left;

  width: 20%;

}

.inner-detail .item .image .image1 {

  box-sizing: border-box;

float: left;

margin-left: 66px;

}

.inner-detail .item .detail1 p{

  box-sizing: border-box;

  color: #535454;

  float: left;

  font-family: Arial,Helvetica,sans-serif;

  font-size: 13px;

  line-height: 20px;

  padding: 15px 0;

  width: 100%;

}

.inner-detail .item1 {

  float: right;

  width: 80%;

}

.inner-detail .item1 .name1 {

 color: #000000;

float: left;

font-family: arial;

font-size: 18px;

font-weight: bold;

line-height: 23px;

margin-top: 8px;

width: 100%;

}

.inner-detail .item1 .detail1 {

  box-sizing: border-box;

  color: #535454;

  float: left;

  font-family: Arial,Helvetica,sans-serif;

  font-size: 13px;

  line-height: 20px;

  padding: 15px 6px;

  width: 100%;

}

.inner-detail .item1 .detail1 p{

  box-sizing: border-box;

  color: #535454;

  float: left;

  font-family: Arial,Helvetica,sans-serif;

  font-size: 13px;

  line-height: 20px;

  padding: 15px 0;

  width: 100%;

}

.inner-detail .item .detail2 {

  box-sizing: border-box;

  color: #535454;

  float: left;

  font-family: Arial,Helvetica,sans-serif;

  font-size: 13px;

  line-height: 20px;

  padding: 15px 6px;

  width: 100%;

}





/* =Additional Styles

*******************************************************************************/

/* =Mobile Orientation

*******************************************************************************/



@media all and (orientation:portrait) {

  /* Style adjustments for portrait mode goes here */

}



@media all and (orientation:landscape) {

  /* Style adjustments for landscape mode goes here */

}



/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) */

@media screen and (max-device-width: 480px) {}



/* Mobile Orientation */



/* =Print styles

*******************************************************************************/

@media print {

    * {

        background: transparent !important;

        color: black !important;

        text-shadow: none !important;

        filter: none !important;

        -ms-filter: none !important;

    }

    .header .frame *, .footer, .pagenavigator, .nav, .banner {

        display: none !important;

    }

    .header .logo, .header .logo * {

        display: block !important;

        padding: 0;

    }

    a, a:visited { text-decoration: underline; }

    a[href]:after { content: " (" attr(href) ")"; }

    abbr[title]:after { content: " (" attr(title) ")"; }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {

        content: "";

    }

    pre, blockquote  {

        border: 1px solid #999;

        page-break-inside: avoid;

    }

    thead { display: table-header-group; }

    tr, img { page-break-inside: avoid; }

    img { max-width: 100% !important; }

    @page { margin: 0.5cm; }

    p, h2, h3 { orphans: 3; widows: 3; }

    h2, h3 { page-break-after: avoid; }

}

/* Print styles */



/*@media only screen and (min-width: 2000px) and (max-width: 2500px)	{

/*body{min-height:1300px;}

body{margin-bottom:0; transition:all ease-in 0.1s;}





}*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

.main-container{min-height:1010px;}

/*.header.stick .sub-nav {left:297px;}*/



}



@media only screen and (min-width:1460px) and (max-width: 1760px)	{

/*body{min-height:1300px;}*/

body{/*margin-bottom:221px;*/ transition:all ease-in 0.1s;}

.header.stick .sub-nav {left:52%;}

.header.stick .phone {left:-27%;}

.header.stick .request-quote {left:76%;}



}

@media only screen and (min-width:1800px) and (max-width: 2000px)	{

/*body{min-height:1300px;}*/

body{/*margin-bottom:315px;*/ transition:all ease-in 0.1s;}

.header.stick .sub-nav {left:52%;}

.header.stick .phone {/*left:53.7%;*/}

.header.stick .request-quote {left:76%;}

}

@media only screen and (min-width:2000px) and (max-width: 2600px)	{

/*body{min-height:1300px;}*/

body{/*margin-bottom:346px;*/ transition:all ease-in 0.1s;}

.header.stick .sub-nav {left:52%;}

.header.stick .phone {/*left:53.7%;*/}

.header.stick .request-quote {left:76%;}

}

@media only screen and (min-width: 2630px) and (max-width:2900px)	{

body{/*margin-bottom:498px;*/}

.header.stick .sub-nav {left:52%;}

.header.stick .phone {/*left:53.5%;*/}

.header.stick .request-quote {left:59.6%;}

}



@media only screen and (min-width: 2930px) and (max-width: 3900px)	{

body{/*margin-bottom:800px;*/}

.header.stick .sub-nav {left:51.5%;}

.header.stick .phone {/*left:52.5%;*/}

.header.stick .request-quote {left:57%;}

.header.stick::before {right: -200%;width: 200%;}

.header.stick::after {left: -200%;width: 200%;}

}





@media only screen and (min-width: 4000px) and (max-width: 8400px)	{



body{/*margin-bottom:400px;*/ transition:all ease-in 0.1s;}

.header.stick .sub-nav {left:51.8%;}

.header.stick .phone {/*left:52.5%;*/}

.header.stick .request-quote {left:56%;}

}

#menu-ul {
    display: none;
}

.visible-xs {
    display: none;
}