a{-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;}
.cc-message a { color: #ffa62b; }

.pfirstchild p:first-child{margin-top: 0px; padding-top: 0px;}
.pfirstchild p:last-child{margin-bottom: 0px; padding-bottom: 0px;}

.loadthis { display: none; }

.grecaptcha-badge { visibility: hidden; z-index: -1; }

.animatethis { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }

.main-content { max-width: 1920px; margin: auto auto; }
.main-content-ins { max-width: 1280px; margin: auto auto; padding-left: 20px; padding-right: 20px; }
.main-content-top { padding-top: 160px; }
.main-content-bot { padding-bottom: 70px; }

.no-marg-padd { margin: 0; padding: 0; }
.no-marg-padd li { margin: 0; padding: 0; }

input, textarea { outline: 0 !important; }
strong, b { font-weight: 700 !important; }

.bootstrap-dialog .modal-header { background-color: #ddd !important; }
.bootstrap-dialog .bootstrap-dialog-close-button button { font-size: 26px; opacity: 1; }
.bootstrap-dialog .bootstrap-dialog-title { font-size: 16px !important; color: #111; }
.bootstrap-dialog .bootstrap-dialog-message { font-size: 15px !important; color: #111; }
.bootstrap-dialog .bootstrap-dialog-footer-buttons .btn-warning { font-size: 15px !important; }
.bootstrap-dialog .bootstrap-dialog-footer-buttons .btn-default { font-size: 15px !important; color: #111; }

.rvl-hdn { visibility: hidden; }

#infscr-loading { text-align: center; z-index: 100; position: fixed; left: 50%; bottom: 40px; width: 274px; margin-left: -137px; padding: 7px 10px; background: #000; opacity: 0.8; color: #fff; border: 1px solid #959595; }

.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* overlay at start */
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate in */
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* overlay animate out */
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* content at start */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate it */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* content animate out */

.pagin { text-align: right; margin-top: 40px; }
.pagin li { margin-left: 15px; display: inline-block; vertical-align: top; }
.pagin li a { display: inline-block; font-size: 16px; color: #555; font-weight: 500; }
.pagin li a:hover,
.pagin li.active a { color: #fb8500; }

.ph-16 { font-size: 16px; color: #555; font-weight: 400; }
.ph-16::-webkit-input-placeholder { opacity: 1 !important; font-size: 16px; color: #777; font-weight: 400; }
.ph-16:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 16px; color: #777; font-weight: 400; }
.ph-16::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 16px; color: #777; font-weight: 400; }
.ph-16:-ms-input-placeholder { opacity: 1 !important; font-size: 16px; color: #777; font-weight: 400;}
.ph-16:-ms-input-placeholder { opacity: 1 !important; font-size: 16px; color: #777; font-weight: 400; }

.ph-18 { font-size: 18px; color: #555; font-weight: 400; }
.ph-18::-webkit-input-placeholder { opacity: 1 !important; font-size: 18px; color: #555; font-weight: 300; }
.ph-18:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 18px; color: #555; font-weight: 300; }
.ph-18::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 18px; color: #555; font-weight: 300; }
.ph-18:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #555; font-weight: 300;}
.ph-18:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #555; font-weight: 300; }

ol.breadcrumb { background: transparent; margin: 6px 0 0 0; padding: 0; }
ol.breadcrumb li.active { color: #fff; }
ol.breadcrumb li.active a { color: #fff; }
ol.breadcrumb li { font-size: 14px; margin: 0; padding: 0; list-style: none; }
ol.breadcrumb li + li:before { content: "//"; padding: 0 4px; font-size: 14px; color: #fff; }
ol.breadcrumb li a { font-size: 14px; color: #fff; text-decoration: none; }
ol.breadcrumb li a:hover { color: #fb8500; }

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/********************* HEADER *********************/
.cbp-af-header { position: fixed; top: 0; left: 0; width: 100%; height: 160px; z-index: 100; background: transparent; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.cbp-af-header.header-scrl { }
.cbp-af-header .header-wrapper { }
.cbp-af-header .header-wrapper header { }

header { }
header .top { background: #007db3; height: 60px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .top .lft { float: left; padding-top: 15px; position: relative; z-index: 1; }
header .top .lft > div { float: left; }
header .top .lft .lngs { position: relative; margin-top: 4px; }
header .top .lft .lngs span { cursor: pointer; background: url(../img/globe.png) no-repeat center left; padding-left: 22px; color: #fff; }
header .top .lft .lngs ul { position: absolute; top: 20px; left: 22px; display: none; }
header .top .lft .lngs ul li { margin-top: 5px; }
header .top .lft .lngs ul li:first-child { margin-top: 0; }
header .top .lft .lngs ul li a { color: #fff; }
header .top .lft .ttl { font-size: 21px; color: #fff; font-weight: 500; margin-left: 20px; }
header .top .rgt { float: right; padding-top: 10px; }
header .top .rgt > div { float: left; }
header .top .rgt .mn { margin-top: 6px; }
header .top .rgt .mn ul { }
header .top .rgt .mn ul li { float: left; border-left: 1px solid #fff; }
header .top .rgt .mn ul li:first-child { border-left: 0; }
header .top .rgt .mn ul li a { display: block; line-height: 28px; padding: 0 20px; color: #fff; }
header .bot { background: #008ec9; height: 100px; position: relative; }
header .bot > div { position: relative; }
header .bot .lft { position: absolute; top: 18px; left: 20px; z-index: 1; }
header .bot .lft a { display: block; background: url(../img/logo.png) no-repeat 0 0; width: 180px; height: 63px; }
header .bot .rgt { position: absolute; top: 35px; right: 20px; z-index: 1; }
header .bot .rgt > div { float: left; }
header .bot .rgt .mob-btn { padding-right: 15px; margin-right: 15px; border-right: 1px solid #fff; line-height: 30px; display: none; }
header .bot .rgt .mob-btn a i { font-size: 20px; color: #ffa62b; line-height: 30px; }
header .bot .rgt .pho { }
header .bot .rgt .pho a { display: block; background: url(../img/phone.png) no-repeat center left; padding-left: 20px; font-size: 18px; color: #fff; font-weight: 500; line-height: 30px; }
header .bot .rgt .srch-btn { padding-left: 15px; margin-left: 15px; border-left: 1px solid #fff; line-height: 30px; }
header .bot .rgt .srch-btn a { display: block; background: url(../img/search.png) no-repeat center center; width: 20px; height: 30px; }
header .bot .cnt { position: absolute; top: 0; left: 0; width: 100%; z-index: 0; text-align: center; }
header .bot .cnt ul li a:hover,
header .bot .cnt ul li a.activeo,
header .bot .cnt ul li a.active { color: #fb8500 !important; }
header .bot .cnt > ul { display: inline-block; vertical-align: top; text-align: left; }
header .bot .cnt > ul > li { float: left; margin-left: 20px; }
header .bot .cnt > ul > li:first-child { margin-left: 0; }
header .bot .cnt > ul > li > a { display: block; font-size: 21px; color: #fff; line-height: 100px; }
header .bot .cnt > ul > li.has > a { background: url(../img/plus.png) no-repeat center right; padding-right: 25px; }
header .bot .cnt > ul > li.has > a:hover,
header .bot .cnt > ul > li.has > a.activeo { background-image: url(../img/minus.png); }
header .bot .cnt > ul > li.has .ins { position: fixed; top: 160px; left: 0; width: 100%; background: #fff; padding: 45px 0 50px; box-shadow: 0px 0px 24.75px 0.25px rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .bot .cnt > ul > li.has .ins.open { opacity: 1; visibility: visible; }
header .bot .cnt > ul > li.has .count-cols-4 { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 40px 20px; }
header .bot .cnt > ul > li.has .count-cols-4 .main-col > ul { }
header .bot .cnt > ul > li.has .count-cols-4 .main-col > ul > li { margin-bottom: 42px; }
header .bot .cnt > ul > li.has .count-cols-4 .main-col > ul > li:last-child { margin-bottom: 0; }
header .bot .cnt > ul > li.has .count-cols-4 .main-col > ul > li > a { font-size: 20px; color: #555; font-weight: 700; letter-spacing: 1px; }
header .bot .cnt > ul > li.has .count-cols-4 .main-col > ul > li > a.active { color: #008bc4 !important; }
header .bot .cnt > ul > li.has .count-cols-4 .main-col > ul > li > div { margin-top: 5px; }
header .bot .cnt > ul > li.has .count-cols-4 .main-col > ul > li > ul { margin-top: 32px; }
header .bot .cnt > ul > li.has .count-cols-4 .main-col > ul > li > ul > li { margin-top: 12px; }
header .bot .cnt > ul > li.has .count-cols-4 .main-col > ul > li > ul > li:first-child { margin-top: 0; }
header .bot .cnt > ul > li.has .count-cols-4 .main-col > ul > li > ul > li > a { display: block; color: #555; }
header .bot .cnt > ul > li.has .count-cols-4 .main-col > ul > li > ul > li > a:before { content: ""; display: inline-block; vertical-align: middle; background: url(../img/arrow-right-16x14.png) no-repeat center 0; width: 16px; height: 14px; margin-right: 10px; transform: translateY(-1px); }
header .srch { position: fixed; top: 160px; left: 0; width: 100%; background: #47494b; padding: 40px 0; opacity: 0; visibility: hidden; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .srch.open { opacity: 1; visibility: visible; }
header .srch form > div { display: grid; grid-template-columns: 1fr 20px; grid-gap: 0 40px; align-items: center; }
header .srch .lft { display: grid; grid-template-columns: 1fr 150px; grid-gap: 0; }
header .srch .lft .inpt { }
header .srch .lft .inpt input { background: #fff; border: 0; width: 100%; height: 56px; margin: 0; padding: 0 30px; }
header .srch .lft .sbm { }
header .srch .lft .sbm button { background: #fb8500; border: 0; width: 100%; height: 56px; margin: 0; padding: 0; text-align: center; text-transform: uppercase; color: #fff; font-weight: 700; }
header .srch .rgt { background: url(../img/close.png) no-repeat 0 0; width: 20px; height: 20px; cursor: pointer; }

.cbp-af-header.cbp-af-header-shrink { height: 100px; }
.cbp-af-header.cbp-af-header-shrink header .top { height: 0; overflow: hidden; }
.cbp-af-header.cbp-af-header-shrink header .srch { top: 100px; }
.cbp-af-header.cbp-af-header-shrink header .bot .cnt > ul > li.has .ins { top: 100px; }

nav#menu { visibility: hidden; height: 0; }
nav#menu ul li a:hover,
nav#menu ul li a.active { color: #007db3; }

.close-menu { cursor: pointer; }

.mm-navbar_tabs a { font-size: 16px; }
.mm-navbar_tabs a i { margin-right: 6px; }

.mm-listitem__text { font-size: 16px; }

.mm-btn_close { background: #008ec9; }
.mm-btn_close::before,
.mm-btn_close::after { border-color: #000; }
.mm-btn_close::before { right: 15px; }
.mm-btn_close::after { right: 22px; }

.mm-navbars_bottom { border-top: 0; }
.mm-navbars_bottom .mm-navbar { background: #fb8500; }
.mm-navbars_bottom .mm-navbar a { color: #fff; }

.mm-btn_close::before,
.mm-btn_close::after { border-color: #fff; }

.bg-shadow { position: fixed; top: 0; left: 0; z-index: 90; background: rgba(0,0,0,0.4); width: 100%; height: 100%; display: none; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { }
footer .top { padding: 70px 0 50px 0; background: #47494b; }
footer .top .logo { }
footer .top .logo a { display: block; background: url(../img/logo-footer.png) no-repeat 0 0; width: 233px; height: 82px; margin: auto auto; }
footer .top .soc { margin-top: 30px; text-align: center; }
footer .top .soc a { display: inline-block; vertical-align: top; margin-left: 10px; background-color: #7e7e7e; background-position: center center; background-repeat: no-repeat; width: 34px; height: 34px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
footer .top .soc a:first-child { margin-left: 0; }
footer .top .soc a.fb { background-image: url(../img/social-facebook.png); }
footer .top .soc a.tw { background-image: url(../img/social-twitter.png); }
footer .top .soc a.in { background-image: url(../img/social-instagram.png); }
footer .top .soc a.lk { background-image: url(../img/social-linkedin.png); }
footer .top .soc a.gp { background-image: url(../img/social-google-plus.png); }
footer .top .soc a:hover { background-color: #fff; }
footer .top .lst { margin-top: 50px; }
footer .top .lst > ul { display: grid; grid-template-columns: repeat(7,1fr); grid-gap: 40px 20px; }
footer .top .lst > ul > li { }
footer .top .lst > ul > li .ttl,
footer .top .lst > ul > li .ttl a { font-size: 20px; color: #fff; font-weight: 700; }
footer .top .lst > ul > li > ul { padding-top: 16px; }
footer .top .lst > ul > li > ul > li { margin-top: 12px; }
footer .top .lst > ul > li > ul > li:first-child { margin-top: 0; }
footer .top .lst > ul > li > ul > li > a { color: #fff; }
footer .top .lst > ul > li > ul > li > a:hover { color: #fb8500; }
footer .top .lst > ul > li > ul > li > a span { display: inline-block; vertical-align: middle; margin-right: 10px; background: url(../img/arrow-right-16x14.png) no-repeat 0 0; width: 16px; height: 14px; transform: translateY(-1px); }
footer .top .cptch { margin-top: 50px; text-align: center; font-size: 14px; color: #fff; }
footer .bot { padding: 16px 0 17px 0; background: #3c3e40; }
footer .bot > div { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0 20px; align-items: center; }
footer .bot .lft,
footer .bot .rgt { font-size: 14px; color: #fff; }
footer .bot .rgt { text-align: right; }
footer .bot .rgt img { display: inline-block; vertical-align: middle; }
/********************* FOOTER *********************/

.m-btn { display: inline-block; vertical-align: top; background: #fb8500; border: 0; text-align: center; line-height: 40px; padding: 0 24px; font-weight: 500; color: #fff; }

.m-btn-2 { display: inline-block; vertical-align: top; background: none; border: 2px solid #fb8500; text-align: center; padding: 12px 30px; font-weight: 700; color: #fb8500; text-transform: uppercase; }
.m-btn-2 span { display: inline-block; vertical-align: middle; margin-left: 10px; background: url(../img/arrow-right-16x14.png) no-repeat 0 0; width: 16px; height: 14px; transform: translateY(-1px); }

.m-btn-3 { display: inline-block; vertical-align: top; border: 0; text-align: center; padding: 12px 30px; font-weight: 700; color: #fff !important; text-transform: uppercase; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.m-btn-3.bg-orange { background: #fb8500; color: #fff; }
.m-btn-3.rev.bg-orange { background: #f3a532; }
.m-btn-3.bg-orange:hover,
.m-btn-3.bg-orange.active { background: #008ec9; }
.m-btn-3.bg-cyan { background: #008ec9; }
.m-btn-3.bg-cyan:hover,
.m-btn-3.bg-cyan.active { background: #fb8500; }
.m-btn-3.bg-grey { background: #47494b; }
.m-btn-3 span { display: inline-block; vertical-align: middle; margin-left: 10px; background: url(../img/arrow-right-16x14-2.png) no-repeat 0 0; width: 16px; height: 14px; transform: translateY(-1px); }
.m-btn-3.rev span { margin-left: 0; margin-right: 10px; transform: rotate(180deg); margin-top: -2px; }

.m-ttl { }
.m-ttl h1,.m-ttl h2,.m-ttl span { margin: 0; font-size: 40px; color: #555; font-weight: 700; line-height: 60px; text-align: center; }
.m-ttl h1 strong,.m-ttl h2 strong,.m-ttl span strong { color: #008ec9; }
.m-ttl.col-orange h1,.m-ttl.col-orange h2,.m-ttl.col-orange span { color: #fb8500; }

.m-ttl-2 { }
.m-ttl-2 h2,.m-ttl-2 h3 { margin: 0; font-size: 30px; color: #555; font-weight: 700; }
.m-ttl-2.col-orange h2,.m-ttl-2.col-orange h3,.m-ttl.col-orange span { color: #fb8500; }

.m-txt { display: block; color: #555; line-height: 30px; }
.m-txt a { color: #fb8500; text-decoration: underline; }
.m-txt strong,
.m-txt b { font-weight: 500; }
.m-txt ul,
.m-txt ul li { margin: 0; padding: 0; list-style: none; position: relative; }
.m-txt ul li { margin-top: 10px; padding-left: 16px; }
.m-txt ul li:first-child { margin-top: 0; }
.m-txt ul li:before { content: ""; display: block; background: #555; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 12px; left: 0; }
.m-txt-2 { display: block; color: #555; font-size: 18px; line-height: 25px; }

.cntr-item { background: #fff; padding: 30px; }
.cntr-item .cntr-img { }
.cntr-item .cntr-ttl { margin-top: 15px; }
.cntr-item .cntr-ttl a { display: block; font-size: 21px; color: #555; font-weight: 700; line-height: 26px; }
.cntr-item .cntr-ttl a img { display: inline-block; vertical-align: middle; margin-left: 10px; }
.cntr-item .cntr-ttl a span { display: inline-block; vertical-align: middle; margin-left: 10px; background: url(../img/arrow-right-19x17.png) no-repeat 0 0; width: 19px; height: 17px; transform: translateY(-1px); }

.cntr-item-2 { border: 1px solid #e1e1e1; text-align: center; padding: 30px; cursor: pointer; -webkit-box-shadow: inset 0px 0px 0px 1px #fff; -moz-box-shadow: inset 0px 0px 0px 1px #fff; box-shadow: inset 0px 0px 0px 1px #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.cntr-item-2:hover,
.cntr-item-2.selected { border: 1px solid #fb8500; -webkit-box-shadow: inset 0px 0px 0px 1px #fb8500; -moz-box-shadow: inset 0px 0px 0px 1px #fb8500; box-shadow: inset 0px 0px 0px 1px #fb8500; }
.cntr-item-2 .cntr-img { }
.cntr-item-2 .cntr-ttl { margin-top: 15px; }
.cntr-item-2 .cntr-ttl h3 { margin: 0; font-size: 21px; color: #555; font-weight: 700; line-height: 26px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.cntr-item-2:hover .cntr-ttl h3,
.cntr-item-2.selected .cntr-ttl h3 { color: #fb8500; }

.sol-item { text-align: center; max-width: 200px; margin: auto auto; }
.sol-item .sol-img { display: flex; flex-direction: column; justify-content: center; height: 130px; }
.sol-item .sol-ttl { font-size: 24px; color: #555; font-weight: 700; margin-top: 20px; }
.sol-item .sol-txt { margin-top: 6px; }

.prt-item { }
.prt-item .prt-top { display: grid; grid-template-columns: 90px 1fr; grid-gap: 0 20px; align-items: center; }
.prt-item .prt-top .prt-img { }
.prt-item .prt-top .prt-img img { display: block; border-radius: 50%; }
.prt-item .prt-top .prt-rgt { }
.prt-item .prt-top .prt-rgt .prt-name { font-size: 22px; color: #555; font-weight: 700; }
.prt-item .prt-top .prt-rgt .prt-loc { color: #fb8500; margin-top: 4px; }
.prt-item .prt-txt { margin-top: 20px; }

.loc-item { }
.loc-item > div { display: grid; grid-template-columns: 50% 50%; grid-gap: 0; }
.loc-item .loc-lft { }
.loc-item .loc-rgt { display: flex; flex-direction: column; justify-content: center; padding-left: 60px; }
.loc-item .loc-rgt .loc-ttl.m-ttl h2 { text-align: left; }
.loc-item .loc-rgt .loc-txt { margin-top: 5px; }
.loc-item .loc-rgt .loc-lst { margin-top: 30px; }
.loc-item .loc-rgt .loc-lst ul { }
.loc-item .loc-rgt .loc-lst ul li { display: grid; grid-template-columns: 18px 1fr; grid-gap: 0 24px; align-items: center; margin-top: 20px; }
.loc-item .loc-rgt .loc-lst ul li:first-child { margin-top: 0; }
.loc-item .loc-rgt .loc-lst ul li > div:first-child img { display: block; margin: auto auto; }
.loc-item .loc-rgt .loc-lst ul li > div:last-child,
.loc-item .loc-rgt .loc-lst ul li > div:last-child a { color: #555; }
.loc-item .loc-rgt .loc-lst ul li > div:last-child a:hover { color: #fb8500; }

.abt-item .abt-ttl h2 { text-align: left; }
.abt-item .abt-txt { margin-top: 10px; }
.abt-item .abt-lnk { margin-top: 35px; }

.prod-item { padding: 30px; background: #fff; }
.prod-item .prod-img { }
.prod-item .prod-ttl { margin-top: 25px; }
.prod-item .prod-ttl h3 { margin: 0; }
.prod-item .prod-ttl h3 a { display: block; font-size: 20px; color: #555; font-weight: 700; }
.prod-item .prod-txt { margin-top: 10px; }
.prod-item .prod-txt a { display: block; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.prod-item .prod-lnk { margin-top: 25px; }
.prod-item .prod-lnk a { display: block; }

.blg-item { background: #fff; }
.blg-item .blg-img { }
.blg-item .blg-det { padding: 20px; }
.blg-item .blg-ttl { }
.blg-item .blg-ttl h3 { margin: 0; }
.blg-item .blg-ttl h3 a { display: block; font-size: 20px; color: #555; font-weight: 700; }
.blg-item .blg-dt { margin-top: 10px; }
.blg-item .blg-dt a { font-size: 14px; color: #777; }
.blg-item .blg-txt { margin-top: 20px; }
.blg-item .blg-txt a { display: block; line-height: 25px; }
.blg-item .blg-lnk { margin-top: 30px; }
.blg-item .blg-lnk a { }

.res-item { display: grid; grid-template-columns: 300px 1fr; grid-gap: 0 30px; align-items: center; }
.res-item .res-det { }
.res-item .res-det .res-ttl { }
.res-item .res-det .res-ttl a { font-size: 20px; color: #555; font-weight: 500; }
.res-item .res-det .res-txt { margin-top: 15px; }
.res-item .res-det .res-txt a { color: #555; line-height: 25px; }
.res-item .res-det .res-lnk { margin-top: 30px; }

/********************* HOMEPAGE *********************/
.hp-slider { position: relative; }
.hp-slider .hp-slider-ins { position: absolute; bottom: -44px; left: 0; width: 100%; }
.hp-slider .hp-slider-ins .cols { display: grid; grid-template-columns: 50% 25% 25%; grid-gap: 0; }
.hp-slider .hp-slider-ins .col-1 { text-align: center; background: rgba(0,0,0,0.8); padding: 30px 20px; }
.hp-slider .hp-slider-ins .col-1 .ins { display: inline-block; vertical-align: top; max-width: 450px; text-align: left; }
.hp-slider .hp-slider-ins .col-1 .ttl { font-size: 45px; color: #fff; font-weight: 700; line-height: 60px; }
.hp-slider .hp-slider-ins .col-1 .pho { font-size: 32px; color: #fff; margin-top: 25px; }
.hp-slider .hp-slider-ins .col-1 .pho a { display: inline-block; vertical-align: baseline; font-size: 36px; color: #fff; font-weight: 700; margin-left: 20px; }
.hp-slider .hp-slider-ins .col-1 .pho a img { display: inline-block; vertical-align: baseline; margin-right: 14px; }
.hp-slider .hp-slider-ins .col-2 a, .hp-slider .hp-slider-ins .col-3 a { display: flex; flex-direction: column; justify-content: center; height: 100%; font-size: 24px; color: #fff; font-weight: 700; line-height: 30px; padding: 20px; }
.hp-slider .hp-slider-ins .col-2 a > span, .hp-slider .hp-slider-ins .col-3 a > span { display: block; max-width: 140px; margin: auto auto; }
.hp-slider .hp-slider-ins .col-2 a > span > span:first-child, .hp-slider .hp-slider-ins .col-3 a > span > span:first-child { display: block; margin-bottom: 25px; }
.hp-slider .hp-slider-ins .col-2 a > span > span:last-child, .hp-slider .hp-slider-ins .col-3 a > span > span:last-child { margin-left: 10px; }
.hp-slider .hp-slider-ins .col-2 a { background: #008ec9; }
.hp-slider .hp-slider-ins .col-3 a { background: #fb8500; }


.hp-slider .slider-0-item .si-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in; }
.hp-slider .slider-0-item.slick-active .si-video { opacity: 1; visibility: visible; }
.hp-slider .slider-0-item .si-video::before { content: ""; background: #000; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; }
.hp-slider .slider-0-item .si-video video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
.hp-slider .slider-0-item .si-video-container { z-index: 4; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.hp-slider .slider-0-item .v-player {opacity: 1;transition: all .2s
ease-in;position: absolute;left: 10px;top: 10px;z-index: 99;}
.hp-slider .slider-0-item .v-player .vp {display: inline-block;color: #ffffff;font-weight: 600;font-size: 16px;border: 0;outline: none;padding: 0;margin: 0;width: 40px;height: 40px;background: transparent;outline: none;}
.hp-slider .slider-0-item .v-player .vp span {display: inline-block;margin-right: 5px;width: 40px;height: 40px;line-height: 40px;position: relative;z-index: 1;text-align: center;border-radius: 50%;background-color: rgba(255, 255, 255, 0.2);color: #ffffff;font-size: 15px;-webkit-transition: 0.5s;transition: 0.5s;}
.hp-slider .slider-0-item .v-player .vp span:before, .hp-slider .slider-0-item .v-player .vp span:after { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.2); }
.hp-slider .slider-0-item .v-player .vp span:before { webkit-animation: ripple 2s linear infinite; animation: ripple 2s linear infinite; }
.hp-slider .slider-0-item .v-player .vp span:after { -webkit-animation: ripple 2s linear 1s infinite; animation: ripple 2s linear 1s infinite; }
.hp-slider .slider-0-item .v-player .vp:hover span { background-color: #ffffff; color: #002e5b; }
.hp-slider .slider-0-item .v-player .vp.active { display: block; }

.hp-txts { display: grid; grid-template-columns: 50% 50%; grid-gap: 0; margin-top: 110px; }
.hp-txts .lft { padding-right: 20px; font-size: 21px; font-weight: 700; letter-spacing: 1px; }
.hp-txts .rgt { }
.hp-cont { background: #f0f0f0; padding: 60px 0 70px 0; margin-top: 70px; }
.hp-cont .lst { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 20px; margin-top: 45px; }
.hp-cont .lnk { margin-top: 70px; text-align: center; }
.hp-map { background: #56585a; padding: 70px 0; }
.hp-map > div { display: grid; grid-template-columns: 53.5% 46.5%; grid-gap: 0; }
.hp-map .lft { padding-right: 20px; display: flex; flex-direction: column; justify-content: center; }
.hp-map .lft .ins { background: #47494b; padding: 45px 50px 50px 50px; }
.hp-map .lft .m-ttl h2 { text-align: left; }
.hp-map .lft .m-txt-2 { color: #fff; margin-top: 15px; }
.hp-map .lft .lnks { }
.hp-map .lft .lnks a { margin: 30px 30px 0 0; }
.hp-map .lft .lnks a:last-child { margin-right: 0; }
.hp-find { background: #008ec9; padding: 60px 0 70px 0; }
.hp-find > div { display: grid; grid-template-columns: 60% 40%; grid-gap: 0; align-items: center; }
.hp-find .lft { }
.hp-find .lft .ins { display: grid; grid-template-columns: 150px 1fr; grid-gap: 0 40px; align-items: center; }
.hp-find .lft .ins .img { }
.hp-find .lft .ins .det { }
.hp-find .lft .ins .det .m-ttl h2 { color: #fff; text-align: left; }
.hp-find .lft .ins .det .m-txt-2 { color: #fff; margin-top: 10px; }
.hp-find .rgt { padding-left: 20px; text-align: right; }
.hp-sol { padding: 55px 0 65px 0; }
.hp-sol .lst { margin-top: 40px; }
.hp-sol .lst ul { display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 30px 20px; }
.hp-find-2 { background: #f0f0f0; padding: 60px 0 70px 0; }
.hp-find-2 > div { display: grid; grid-template-columns: 75% 25%; grid-gap: 0; align-items: center; }
.hp-find-2 .lft { }
.hp-find-2 .lft .ins { display: grid; grid-template-columns: 190px 1fr; grid-gap: 0 40px; align-items: center; }
.hp-find-2 .lft .ins .img { }
.hp-find-2 .lft .ins .det { }
.hp-find-2 .lft .ins .det .m-ttl h2 { text-align: left; }
.hp-find-2 .lft .ins .det .m-txt-2 { margin-top: 10px; }
.hp-find-2 .rgt { padding-left: 20px; text-align: right; }
.hp-par-1 { text-align: center; padding: 20px 0; min-height: 400px; display: flex; flex-direction: column; justify-content: center; position: relative; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; }
.hp-par-1:before { content: ""; background: rgba(0,0,0,0.4); display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.hp-par-1 > div { position: relative; z-index: 1; }
.hp-par-1 .m-ttl h2 { color: #fff; }
.hp-par-1 .m-txt-2 { color: #fff; margin-top: 15px; }
.hp-par-1 .lnk { margin-top: 35px; }
.hp-par-2 { padding: 15px 0; min-height: 720px; display: flex; flex-direction: column; justify-content: center; position: relative; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; }
.hp-par-2:before { content: ""; background: rgba(0,0,0,0.6); display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.hp-par-2 > div { position: relative; z-index: 1; }
.hp-par-2 .ins { max-width: 660px; margin: auto auto; background: rgba(71,73,75,0.8); padding: 45px 50px 50px 50px; }
.hp-par-2 .ins .m-ttl h2 { text-align: left; }
.hp-par-2 .ins .m-txt-2 { color: #fff; margin-top: 15px; }
.hp-par-2 .ins .lnks { }
.hp-par-2 .ins .lnks a { margin: 30px 30px 0 0; }
.hp-par-2 .ins .lnks a:last-child { margin-right: 0; }
.hp-part { padding: 55px 0 70px 0; }
.hp-part .slider-1 { margin-top: 60px; }
.hp-part .slider-1 .slider-1-item { padding: 0 20px; }
.hp-nsl { background: #f0f0f0; padding: 60px 0 70px 0; }
.hp-nsl > div { display: grid; grid-template-columns: 45% 55%; align-items: center; }
.hp-nsl .lft { padding-right: 40px; }
.hp-nsl .lft .m-ttl h2 { text-align: left; }
.hp-nsl .lft .m-txt-2 { margin-top: 18px; }
.hp-nsl .rgt { padding-left: 40px; }
.hp-nsl .rgt .frm { display: grid; grid-template-columns: 1fr 175px; grid-gap: 0; }
.hp-nsl .rgt .frm input { background: #fff; border: 1px solid #dedede; width: 100%; height: 50px; margin: 0; padding: 0 24px; }
.hp-nsl .rgt .frm button { background: #008ec9; border: 0; width: 100%; height: 50px; margin: 0; padding: 0 20px; color: #fff; font-weight: 700; text-transform: uppercase; text-align: center; }
.hp-nsl .rgt .frm button span { display: inline-block; vertical-align: middle; margin-left: 10px; background: url(../img/arrow-right-16x14-2.png) no-repeat 0 0; width: 16px; height: 14px; transform: translateY(-1px); }
.hp-nsl .rgt .chk { margin-top: 10px; position: relative; padding-left: 30px; }
.hp-nsl .rgt .chk > div { position: absolute; top: 0; left: 0; }
.hp-nsl .rgt .chk a { display: inline-block; vertical-align: middle; font-size: 12px; color: #777; }
.hp-nsl .rgt .chk a span { text-decoration: underline; }
/********************* HOMEPAGE *********************/

.main-banner { text-align: center; padding: 20px 0; min-height: 300px; display: flex; flex-direction: column; justify-content: center; position: relative; }
.main-banner:before { content: ""; background: rgba(0,0,0,0.5); display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.main-banner > div { position: relative; z-index: 1; }
.main-banner h1 { margin: 0; font-size: 60px; color: #fff; font-weight: 700; }

/********************* ABOUT *********************/
.about { }
.about .lst { padding: 55px 0 70px; }
.about .lst ul { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 40px 80px; }

.about-ins .main { display: grid; grid-template-columns: 49.2% 50.8%; grid-gap: 0; margin-top: 55px; }
.about-ins .main .lft { padding-right: 20px; }
.about-ins .main .rgt { padding-left: 20px; }
.about-ins .main .m-ttl { }
.about-ins .main .m-ttl h2 { text-align: left; }
.about-ins .main .m-txt { margin-top: 10px; }
/********************* ABOUT *********************/

/********************* RESOURCES *********************/
.resources { }
.resources .main { margin-top: 60px; }
.resources .main .m-txt-2 { line-height: 28px; }
.resources .lst { margin-top: 50px; }
.resources .lst ul { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 60px 80px; }
/********************* RESOURCES *********************/

/********************* NEWS *********************/
.news { background: #f0f0f0; }
.news .frst { display: grid; grid-template-columns: 50% 50%; grid-gap: 0; margin-top: 70px; align-items: center; background: #fff; }
.news .frst .lft { }
.news .frst .rgt { padding: 20px 20px 20px 40px; }
.news .frst .rgt .m-ttl-2 { }
.news .frst .rgt .m-ttl-2 h2 { text-align: left; }
.news .frst .rgt .m-ttl-2 h2 a { color: #555; }
.news .frst .rgt .dt { margin-top: 10px; }
.news .frst .rgt .dt a { font-size: 14px; color: #777; }
.news .frst .rgt .txt { margin-top: 20px; }
.news .frst .rgt .txt a { display: block; line-height: 25px; color: #555; }
.news .frst .rgt .lnk { margin-top: 30px; }
.news .lst { padding: 55px 0 70px; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 40px; }

.new { }
.new .main { padding: 55px 0 65px 0; }
.new .m-ttl { }
.new .dt { font-size: 14px; color: #777; margin-top: 10px; }
.new .m-txt { margin-top: 30px; }
/********************* NEWS *********************/

/********************* FAQ *********************/
.plus-minus-toggle { display: block; cursor: pointer; height: 16px; position: relative; width: 20px; }
.plus-minus-toggle:before,
.plus-minus-toggle:after { background: #555; content: ''; height: 1px; left: 0; position: absolute; top: 0; width: 20px; transition: transform 500ms ease; }
.plus-minus-toggle:after { transform-origin: center; }
.plus-minus-toggle.collapsed:after { transform: rotate(90deg); }
.plus-minus-toggle.collapsed:before { transform: rotate(180deg); }

.faq { }
.faq .main { margin-top: 60px; }
.faq .main .panel-group { margin-bottom: 0; }
.faq .main .panel-group .panel { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #ccc; margin-top: 0; }
.faq .main .panel-group .panel-heading { background: none; padding: 0; }
.faq .main .panel-group .panel-heading h4 a { display: block; margin: 0; font-size: 30px; color: #555; font-weight: 700; padding: 50px 39px 20px 0; position: relative; }
.faq .main .panel-group .panel-heading h4 a > span { display: block; position: absolute; top: 50%; right: -2px; transform: translateY(5px); }
.faq .main .panel-group .panel-heading h4 a.collapsed { padding-bottom: 50px; }
.faq .main .panel-group .panel-heading h4 a.collapsed > span { transform: translateY(0); }
.faq .main .panel-group .panel-heading h4 a.collapsed > span > span:after { transform: rotate(90deg); }
.faq .main .panel-group .panel-heading h4 a.collapsed > span > span:before { transform: rotate(180deg); }
.faq .main .panel-group .panel-body { border-top: 0; padding: 0 0 40px 0; }
/********************* FAQ *********************/

/********************* BROCHURES *********************/
.brochures { }
.brochures .main { }
.brochures .main > ul { }
.brochures .main > ul > li { padding: 55px 0 65px 0; }
.brochures .main > ul > li:nth-child(even) { background: #f0f0f0; }
.brochures .main > ul > li .ttl h2 { text-align: left; }
.brochures .main > ul > li ul { display: grid; grid-template-columns: repeat(6,1fr); grid-gap: 40px 30px; margin-top: 40px; }
.brochures .main > ul > li ul li { }
.brochures .main > ul > li ul li .li-ins { max-width: 150px; }
.brochures .main > ul > li ul li .li-ttl { margin-top: 20px; }
.brochures .main > ul > li ul li .li-ttl h3 a { font-size: 20px; color: #555; }
.brochures .main > ul > li ul li .li-lnk { margin-top: 15px; }
.brochures .main > ul > li ul li .li-lnk a { color: #fb8500; text-decoration: underline; }
/********************* BROCHURES *********************/

/********************* PRODUCTS *********************/
.prods .hp-find-2 { background: #fff; }

.prods-ins { background: #f0f0f0; }
.prods-ins .ins { margin-top: 70px; }
.prods-ins .ins > div { display: grid; grid-template-columns: 290px 1fr; grid-gap: 0 40px; }
.prods-ins .ins .lft { }
.prods-ins .ins .lft .mn { }
.prods-ins .ins .lft .mn ul { border-bottom: 1px solid #ccc; }
.prods-ins .ins .lft .mn ul li { border-top: 1px solid #ccc; }
.prods-ins .ins .lft .mn ul li a { display: block; color: #555; font-weight: 700; padding: 17px 0 17px 10px; }
.prods-ins .ins .lft .mn ul li a:hover,
.prods-ins .ins .lft .mn ul li a.active { color: #fb8500; }
.prods-ins .ins .rgt { }
.prods-ins .ins .rgt .lst { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 10px; margin-top: 35px; }

.prod { }
.prod .top { padding: 70px 0; }
.prod .top .lft { float: left; width: 49.6%; }
.prod .top .lft .gal-big-c { }
.prod .top .lft .btns { position: relative; height: 56px; }
.prod .top .lft .btns .gal-thumbs-l,
.prod .top .lft .btns .gal-thumbs-r { position: absolute; top: 26px; width: 16px; height: 14px; background-position: 0 0; background-repeat: no-repeat; cursor: pointer; background-image: url(../img/arrow-right-16x14.png);  }
.prod .top .lft .btns .gal-thumbs-l { transform: rotate(180deg); left: 0; }
.prod .top .lft .btns .gal-thumbs-r { right: 0; }
.prod .top .lft .btns .num { text-align: center; line-height: 56px; font-weight: 500; color: #555; }
.prod .top .lft .btns .num span { font-size: 20px; color: #fb8500; }
.prod .top .lft .gal-thumbs-c { margin-top: 10px; }
.prod .top .lft .gal-thumbs-c-2 { margin-left: -3px; margin-right: -3px; }
.prod .top .lft .gal-thumbs .item { padding: 0 3px; }
.prod .top .lft .gal-thumbs .item span { display: block; position: relative; cursor: pointer; }
.prod .top .lft .gal-thumbs .item span:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.prod .top .lft .gal-thumbs .item.slick-current span:before,.prod .top .lft .gal-thumbs .item span:hover:before { opacity: 1; }
.prod .top .rgt { float: right; width: 50.4%; padding-left: 40px; }
.prod .top .rgt .ttl { }
.prod .top .rgt .txt { margin-top: 10px; }
.prod .top .rgt .lst { margin-top: 25px; }
.prod .top .rgt .lst span { display: block; font-size: 20px; color: #555; font-weight: 700; letter-spacing: 1px; }
.prod .top .rgt .lst ul { margin-top: 15px; }
.prod .top .rgt .lst ul li { position: relative; padding-left: 30px; display: flex; flex-direction: column; justify-content: center; min-height: 20px; color: #555; margin-top: 15px; }
.prod .top .rgt .lst ul li:first-child { margin-top: 0; }
.prod .top .rgt .lst ul li:before { content: ""; display: block; width: 20px; height: 20px; background: url(../img/tick.png) no-repeat center center #fb8500; border-radius: 50%; position: absolute; top: 50%; left: 0; margin-top: -10px; }
.prod .top .rgt .lnk { margin-top: 40px; }
.prod .top .rgt .lnk a { min-width: 240px; }
.prod .txts { padding: 55px 0 65px 0; background: #f0f0f0; }
.prod .txts > div { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0 60px; }
.prod .txts .ttl h2 { text-align: left; }
.prod .txts .txt { margin-top: 5px; }
.prod .dets-1 { padding: 55px 0 65px 0; }
.prod .dets-1 .m-ttl { text-align: left; }
.prod .dets-1 .m-ttl h2 { text-align: left; }
.prod .dets-1 .m-txt { margin-top: 15px; }
.prod .dets-1 .lst { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0 10px; margin-top: 35px; }
.prod .dets-1 .lst > div { background: #f0f0f0; }
.prod .dets-1 .lst > div > span { display: flex; flex-direction: column; justify-content: center; min-height: 60px; padding: 10px 20px; background: #47494b; font-size: 20px; color: #fff; font-weight: 700; }
.prod .dets-1 .lst > div > ul { }
.prod .dets-1 .lst > div > ul > li { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0; border-bottom: 1px solid #e1e1e1; }
.prod .dets-1 .lst > div > ul > li > div { display: flex; flex-direction: column; justify-content: center; min-height: 60px; padding: 10px 20px; color: #555; }
.prod .dets-1 .lst > div > ul > li > div:first-child { font-weight: 700; }
.prod .dets-1 .img { margin-top: 80px; }
.prod .boxes { background: #f0f0f0; padding: 55px 0 65px 0; }
.prod .boxes .m-ttl { }
.prod .boxes .lst { margin-top: 15px; }
.prod .boxes .lst ul { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0 30px; }
.prod .boxes .lst ul li { text-align: center; }
.prod .boxes .lst ul li .ins { max-width: 330px; margin: auto auto; }
.prod .boxes .lst ul li .ins .ttl { font-size: 30px; color: #fb8500; font-weight: 700; }
.prod .boxes .lst ul li .ins .txt { margin-top: 5px; }
.prod .sim { padding: 55px 0 70px 0; background: #e9e8e8; }
.prod .sim .lst { max-width: 908px; margin: 30px auto 0 auto; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0 10px; }
/********************* PRODUCTS *********************/

/********************* SERVICES *********************/
.servs .hp-find-2 { background: #fff; }
.servs .txts { margin-top: 55px; }
.servs .txts .m-ttl { }
.servs .txts .m-txt { column-count: 2; column-gap: 60px; margin-top: 15px; }
.servs .lst-1 { margin-top: 60px; padding-bottom: 70px; border-bottom: 1px solid #e1e1e1; }
.servs .lst-1 ul { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 40px 20px; }
.servs .lst-1 ul li { }
.servs .lst-1 ul li .ins { max-width: 330px; margin: auto auto; text-align: center; }
.servs .lst-1 ul li .ins .ttl h3 { text-transform: uppercase; }
.servs .lst-1 ul li .ins .txt { margin-top: 12px; }
.servs .lst-2 { margin-top: 65px; padding-bottom: 70px; border-bottom: 1px solid #e1e1e1; }
.servs .lst-2 > ul { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 40px 20px; }
.servs .lst-2 > ul > li { }
.servs .lst-2 > ul > li .ins { max-width: 330px; margin: auto auto; }
.servs .lst-2 > ul > li .ins .ttl { }
.servs .lst-2 > ul > li .ins .txt { margin-top: 15px; }
.servs .gal { margin-top: 70px; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 20px; padding-bottom: 70px; }
.servs .gal-2 { margin-top: 65px; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 20px; padding-bottom: 70px; border-bottom: 1px solid #e1e1e1; }
.servs .txts-2 { padding-top: 55px; }
.servs .txts-2 > ul { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 60px 80px; }
.servs .txt-o { font-size: 25px; color: #fb8500; font-weight: 700; margin-top: 65px; }
/********************* SERVICES *********************/

/********************* LOCATIONS *********************/
.locations { }
.locations .top { background: #47494b; padding: 40px 0 35px; }
.locations .top .m-txt { color: #fff; }
.locations .top .mn { margin-top: 25px; }
.locations .top .mn ul { margin-top: -30px; margin-left: -15px; margin-right: -15px; overflow: hidden; }
.locations .top .mn ul li { float: left; margin: 30px 15px 0 15px; }
.locations .top .mn ul li a { text-transform: uppercase; }
.locations .lst { }
.locations .lst > ul { }
.locations .lst > ul > li { padding: 70px 0; }
.locations .lst > ul > li:nth-child(even) { background: #f0f0f0; }
/********************* LOCATIONS *********************/

/********************* GET A QUOTE *********************/
.get-a-quote { }
.get-a-quote .main-content-ins { max-width: 960px; }
.get-a-quote .m-ttl { margin-top: 55px; }
.get-a-quote .m-ttl h2 { text-align: left; }
.get-a-quote .m-txt { margin-top: 12px; }
.get-a-quote .m-txt.time { background: url(../img/clock.png) no-repeat center left; padding-left: 28px; margin-top: 7px; padding-bottom: 3px; }
.get-a-quote .req { margin-top: 15px; font-size: 12px; color: #555; }
.get-a-quote .det { margin-top: 40px; border-top: 1px solid #555; }
.get-a-quote .det .det-ttl { padding: 35px 0 30px; }
.get-a-quote .det .det-ttl h3 { margin: 0; font-size: 20px; color: #555; font-weight: 700; }
.get-a-quote .det .det-lst { }
.get-a-quote .det .det-lst ul { border-bottom: 1px solid #e1e1e1; }
.get-a-quote .det .det-lst ul li { border-top: 1px solid #e1e1e1; display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0 20px; padding: 26px 0; }
.get-a-quote .det .det-lst ul li > div { color: #555; }
.get-a-quote .det .det-lst ul li > div:first-child { font-weight: 700; }
.get-a-quote .chk { margin-top: 20px; position: relative; padding-left: 30px; }
.get-a-quote .chk > div { position: absolute; top: 0; left: 0; }
.get-a-quote .chk a { display: inline-block; vertical-align: middle; font-size: 12px; color: #777; }
.get-a-quote .chk a span { text-decoration: underline; }
.get-a-quote .btns { margin-top: 45px; }
.get-a-quote .btns .btn-l { float: left; }
.get-a-quote .btns .btn-r { float: right; }
.get-a-quote .btns .btn-l .sbm,
.get-a-quote .btns .btn-r .sbm { margin-top: 0; }
.get-a-quote .sbm { margin-top: 45px; }
.get-a-quote .sel { margin-top: 35px; }
.get-a-quote .sel.sel-sub { float: left; margin-top: 15px; margin-right: 30px; }
.get-a-quote .sel.sel-15 { margin-top: 15px; }
.get-a-quote .sel.sel-70 { margin-top: 70px; }
.get-a-quote .sel .sel-box { background: #f0f0f0; padding: 30px 20px 40px 20px; }
.get-a-quote .sel .sel-txt { }
.get-a-quote .sel .sel-txt span { color: #fb8500; }
.get-a-quote .sel .sel-txt label { margin: 0; text-transform: none; }
.get-a-quote .sel .sel-txt label[class*="required"]:before { content: "*"; display: inline-block; vertical-align: top; color: #fb8500; }
.get-a-quote .sel .sel-ttl { margin-top: 0; }
.get-a-quote .sel .sel-ttl span { display: block; text-align: center; }
.get-a-quote .sel .sel-1 { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 20px; margin-top: 15px; }
.get-a-quote .sel .sel-2 { margin-top: 15px; position: relative; }
.get-a-quote .sel .sel-2 span { cursor: pointer; display: flex; flex-direction: column; justify-content: center; border: 1px solid #dedede; padding: 10px 60px 10px 25px; min-height: 50px; color: #555; position: relative; }
.get-a-quote .sel .sel-2 span:before { content: ""; display: block; position: absolute; top: 50%; right: 20px; background: url(../img/arrow-down-15x9.png) no-repeat 0 0; width: 15px; height: 9px; margin-top: -5px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.get-a-quote .sel .sel-2.active span:before { transform: rotate(180deg); }
.get-a-quote .sel .sel-2 ul { position: absolute; top: 100%; left: 0; z-index: 10; width: 100%; display: none; }
.get-a-quote .sel .sel-2 ul li { cursor: pointer; display: flex; flex-direction: column; justify-content: center; border: 1px solid #dedede; padding: 10px 60px 10px 25px; border-top: 0; min-height: 50px; color: #555; background: #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.get-a-quote .sel .sel-2 ul li:hover,
.get-a-quote .sel .sel-2 ul li.selected { color: #fb8500; }
.get-a-quote .sel .sel-3 { margin-top: 20px; }
.get-a-quote .sel .sel-3 ul { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 1px; }
.get-a-quote .sel .sel-3 ul li { cursor: pointer; display: flex; flex-direction: column; justify-content: center; text-align: center; border: 1px solid #dedede; padding: 10px 60px 10px 25px; min-height: 50px; color: #555; background: #fff; -webkit-box-shadow: inset 0px 0px 0px 1px #fff; -moz-box-shadow: inset 0px 0px 0px 1px #fff; box-shadow: inset 0px 0px 0px 1px #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.get-a-quote .sel .sel-3 ul li:hover,
.get-a-quote .sel .sel-3 ul li.selected { border: 1px solid #fb8500; color: #fb8500; -webkit-box-shadow: inset 0px 0px 0px 1px #fb8500; -moz-box-shadow: inset 0px 0px 0px 1px #fb8500; box-shadow: inset 0px 0px 0px 1px #fb8500; }
.get-a-quote .sel .sel-4 { width: 180px; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0; margin-top: 20px; }
.get-a-quote .sel .sel-4 > div { border: 1px solid #dedede; line-height: 48px; }
.get-a-quote .sel .sel-4 > div.noselect { cursor: pointer; -webkit-box-shadow: inset 0px 0px 0px 1px #fff; -moz-box-shadow: inset 0px 0px 0px 1px #fff; box-shadow: inset 0px 0px 0px 1px #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.get-a-quote .sel .sel-4 > div.noselect:hover { border-color: #fb8500; -webkit-box-shadow: inset 0px 0px 0px 1px #fb8500; -moz-box-shadow: inset 0px 0px 0px 1px #fb8500; box-shadow: inset 0px 0px 0px 1px #fb8500; }
.get-a-quote .sel .sel-4 > div.minus,
.get-a-quote .sel .sel-4 > div.plus { background-position: center center; background-repeat: no-repeat; }
.get-a-quote .sel .sel-4 > div.minus { background-image: url(../img/minus.png); }
.get-a-quote .sel .sel-4 > div.plus { background-image: url(../img/plus.png); }
.get-a-quote .sel .sel-4 > div:nth-child(2) { border-left: 0; border-right: 0; }
.get-a-quote .sel .sel-4 > div input { background: none; border: 0; margin: 0; padding: 0; width: 100%; height: 48px; text-align: center; cursor: not-allowed; }
.get-a-quote .sel .sel-5 { margin-top: 20px; }
.get-a-quote .sel .sel-5 ul { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 20px; }
.get-a-quote .sel .sel-5 ul li { display: grid; grid-template-columns: 36px 1fr; grid-gap: 0 15px; align-items: center; cursor: pointer; }
.get-a-quote .sel .sel-5 ul li > div:first-child { width: 36px; height: 36px; border: 1px solid #dedede;-webkit-box-shadow: inset 0px 0px 0px 1px #fff; -moz-box-shadow: inset 0px 0px 0px 1px #fff; box-shadow: inset 0px 0px 0px 1px #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.get-a-quote .sel .sel-5 ul li:hover > div:first-child,
.get-a-quote .sel .sel-5 ul li.selected > div:first-child { background: url(../img/tick-2.png) no-repeat center center; border-color: #fb8500; -webkit-box-shadow: inset 0px 0px 0px 1px #fb8500; -moz-box-shadow: inset 0px 0px 0px 1px #fb8500; box-shadow: inset 0px 0px 0px 1px #fb8500; }
.get-a-quote .sel .sel-5 ul li > div:last-child { display: flex; flex-direction: column; justify-content: center; min-height: 36px; color: #555; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.get-a-quote .sel .sel-5 ul li:hover > div:last-child,
.get-a-quote .sel .sel-5 ul li.selected > div:last-child { color: #fb8500; }
.get-a-quote .sel .sel-6 { text-align: center; }
.get-a-quote .sel .sel-6 ul { display: inline-block; vertical-align: top; text-align: left; margin-top: 20px; }
.get-a-quote .sel .sel-6 ul li { display: grid; grid-template-columns: 36px 1fr; grid-gap: 0 15px; align-items: center; cursor: pointer; }
.get-a-quote .sel .sel-6 ul li > div:first-child { width: 36px; height: 36px; border: 1px solid #dedede; background-color: #fff; -webkit-box-shadow: inset 0px 0px 0px 1px #fff; -moz-box-shadow: inset 0px 0px 0px 1px #fff; box-shadow: inset 0px 0px 0px 1px #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.get-a-quote .sel .sel-6 ul li:hover > div:first-child,
.get-a-quote .sel .sel-6 ul li.selected > div:first-child { background: url(../img/tick-2.png) no-repeat center center #fff; border-color: #fb8500; -webkit-box-shadow: inset 0px 0px 0px 1px #fb8500; -moz-box-shadow: inset 0px 0px 0px 1px #fb8500; box-shadow: inset 0px 0px 0px 1px #fb8500; }
.get-a-quote .sel .sel-6 ul li > div:last-child { display: flex; flex-direction: column; justify-content: center; min-height: 36px; color: #555; font-weight: 500; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.get-a-quote .sel .sel-6 ul li:hover > div:last-child,
.get-a-quote .sel .sel-6 ul li.selected > div:last-child { color: #fb8500; }
.get-a-quote .sel .sel-7 { margin-top: 15px; }
.get-a-quote .sel .sel-7 input { background: none; border: 1px solid #dedede; margin: 0; padding: 0 25px; width: 100%; height: 50px; color: #555; }
.get-a-quote .sel .sel-7 textarea { background: none; border: 1px solid #dedede; margin: 0; padding: 14px 25px; width: 100%; height: 160px; color: #555; }
.get-a-quote .sel .sel-8 { margin-top: 20px; }
.get-a-quote .sel .sel-8 ul { margin-top: -20px; margin-left: -20px; margin-right: -20px; overflow: hidden; }
.get-a-quote .sel .sel-8 ul li { float: left; margin: 20px 20px 0 20px; display: grid; grid-template-columns: 18px 1fr; grid-gap: 0 10px; align-items: center; cursor: pointer; }
.get-a-quote .sel .sel-8 ul li > div:first-child { width: 18px; height: 18px; border: 1px solid #7a7a7a; border-radius: 50%; position: relative; }
.get-a-quote .sel .sel-8 ul li > div:first-child:before { content: ""; display: block; position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; background: #fb8500; border-radius: 50%; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.get-a-quote .sel .sel-8 ul li:hover > div:first-child:before,
.get-a-quote .sel .sel-8 ul li.selected > div:first-child:before { opacity: 1; }
.get-a-quote .sel .sel-8 ul li > div:last-child { display: flex; flex-direction: column; justify-content: center; min-height: 18px; color: #555; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.get-a-quote .sel .sel-8 ul li:hover > div:last-child,
.get-a-quote .sel .sel-8 ul li.selected > div:last-child { color: #fb8500; }
.get-a-quote .thnk-1 { border-top: 1px solid #555; margin-top: 40px; }
.get-a-quote .thnk-1 .ttl { padding: 35px 0 30px 0; }
.get-a-quote .thnk-1 .ttl h3 { margin: 0; font-size: 20px; color: #555; font-weight: 700; }
.get-a-quote .thnk-1 .lst { display: grid; grid-template-columns: 1fr 430px; grid-gap: 0 30px; }
.get-a-quote .thnk-1 .lst .lst-l { }
.get-a-quote .thnk-1 .lst .lst-l ul { border-top: 1px solid #f0f0f0; }
.get-a-quote .thnk-1 .lst .lst-l ul li { display: grid; grid-template-columns: 1fr 90px; grid-gap: 0 20px; padding: 26px 0; border-bottom: 1px solid #f0f0f0; }
.get-a-quote .thnk-1 .lst .lst-l ul li > div:last-child { text-align: right; }
.get-a-quote .thnk-1 .lst .lst-l ul li .li-ttl { color: #555; font-weight: 700; }
.get-a-quote .thnk-1 .lst .lst-l ul li:first-child .li-ttl { color: #fb8500; text-transform: uppercase; }
.get-a-quote .thnk-1 .lst .lst-l ul li .li-txt { font-size: 14px; color: #555; line-height: 25px; margin-top: 7px; }
.get-a-quote .thnk-1 .lst .lst-l ul li .li-prc { color: #555; }
.get-a-quote .thnk-1 .lst .lst-r { }
.get-a-quote .thnk-1 .lst .lst-r .img { }
.get-a-quote .thnk-1 .lst .lst-r .txt { color: #555; font-weight: 700; text-transform: uppercase; padding-left: 26px; background: url(../img/warning.png) no-repeat center left; margin-top: 15px; }
.get-a-quote .thnk-1 .lst .lst-r .txt-2 { font-size: 12px; line-height: 20px; color: #555; margin-top: 5px; }
.get-a-quote .thnk-2 { background: #fb8500; margin-top: 60px; padding: 30px 50px; }
.get-a-quote .thnk-2 .ttl-1 { color: #fff; font-weight: 700; padding-left: 26px; background: url(../img/warning-2.png) no-repeat center left; }
.get-a-quote .thnk-2 .ttl-2 { color: #fff; font-weight: 700; margin-top: 20px; }
.get-a-quote .thnk-2 .txt { color: #fff; margin-top: 8px; }
.get-a-quote .thnk-3 { margin-top: 70px; padding: 65px 0 70px; background: #f0f0f0; }
.get-a-quote .thnk-3 .ttl { }
.get-a-quote .thnk-3 .ttl h3 { margin: 0; font-size: 20px; color: #555; font-weight: 700; }
.get-a-quote .thnk-3 .lst { display: grid; grid-template-columns: 1fr 430px; grid-gap: 0 30px; margin-top: 30px; }
.get-a-quote .thnk-3 .lst .lst-l { }
.get-a-quote .thnk-3 .lst .lst-l ul { border-top: 1px solid #bebebe; }
.get-a-quote .thnk-3 .lst .lst-l ul li { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0 20px; padding: 26px 0; border-bottom: 1px solid #bebebe; }
.get-a-quote .thnk-3 .lst .lst-l ul li > div:last-child { text-align: right; }
.get-a-quote .thnk-3 .lst .lst-l ul li .li-ttl { color: #555; font-weight: 700; }
.get-a-quote .thnk-3 .lst .lst-l ul li .li-prc { color: #555; }
.get-a-quote .thnk-3 .lst .lst-r { }
/********************* GET A QUOTE *********************/

/********************* CONTACT *********************/
.contact { }
.contact .main-content-ins { max-width: 960px; }
.contact .top { padding: 55px 0 65px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0; align-items: center; }
.contact .top .det { padding-right: 40px; }
.contact .top .det .det-ttl.m-ttl h2 { text-align: left; }
.contact .top .det .det-lst { margin-top: 30px; }
.contact .top .det .det-lst ul { }
.contact .top .det .det-lst ul li { display: grid; grid-template-columns: 18px 1fr; grid-gap: 0 24px; align-items: center; margin-top: 20px; }
.contact .top .det .det-lst ul li:first-child { margin-top: 0; }
.contact .top .det .det-lst ul li > div:first-child img { display: block; margin: auto auto; }
.contact .top .det .det-lst ul li > div:last-child,
.contact .top .det .det-lst ul li > div:last-child a { color: #555; }
.contact .top .det .det-lst ul li > div:last-child a:hover { color: #fb8500; }
.contact .top .det .det-btn { margin-top: 30px; }
.contact .top .map { }
.contact .top .map iframe { width: 100%; height: 460px; }
.contact .req { margin-top: 15px; font-size: 12px; color: #555; }
.contact .chk { margin-top: 20px; position: relative; padding-left: 30px; }
.contact .chk > div { position: absolute; top: 0; left: 0; }
.contact .chk a { display: inline-block; vertical-align: middle; font-size: 12px; color: #777; }
.contact .chk a span { text-decoration: underline; }
.contact .sbm { margin-top: 45px; }
.contact .sel { margin-top: 35px; }
.contact .sel.no-disp { display: none; }
.contact .sel .sel-txt { }
.contact .sel .sel-txt label { margin: 0; text-transform: none; }
.contact .sel .sel-txt label[class*="required"]:before { content: "*"; display: inline-block; vertical-align: top; color: #fb8500; }
.contact .sel .sel-2 { margin-top: 15px; position: relative; }
.contact .sel .sel-2 span { cursor: pointer; display: flex; flex-direction: column; justify-content: center; border: 1px solid #dedede; padding: 10px 60px 10px 25px; min-height: 50px; color: #555; position: relative; }
.contact .sel .sel-2 span:before { content: ""; display: block; position: absolute; top: 50%; right: 20px; background: url(../img/arrow-down-15x9.png) no-repeat 0 0; width: 15px; height: 9px; margin-top: -5px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.contact .sel .sel-2.active span:before { transform: rotate(180deg); }
.contact .sel .sel-2 ul { position: absolute; top: 100%; left: 0; z-index: 10; width: 100%; display: none; }
.contact .sel .sel-2 ul li { cursor: pointer; display: flex; flex-direction: column; justify-content: center; border: 1px solid #dedede; padding: 10px 60px 10px 25px; border-top: 0; min-height: 50px; color: #555; background: #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.contact .sel .sel-2 ul li:hover,
.contact .sel .sel-2 ul li.selected { color: #fb8500; }
.contact .sel .sel-7 { margin-top: 15px; }
.contact .sel .sel-7 input { background: none; border: 1px solid #dedede; margin: 0; padding: 0 25px; width: 100%; height: 50px; color: #555; }
.contact .sel .sel-7 textarea { background: none; border: 1px solid #dedede; margin: 0; padding: 14px 25px; width: 100%; height: 160px; color: #555; }
.contact .sel .sel-8 { margin-top: 20px; }
.contact .sel .sel-8 ul { margin-top: -20px; margin-left: -20px; margin-right: -20px; overflow: hidden; }
.contact .sel .sel-8 ul li { float: left; margin: 20px 20px 0 20px; display: grid; grid-template-columns: 18px 1fr; grid-gap: 0 10px; align-items: center; cursor: pointer; }
.contact .sel .sel-8 ul li > div:first-child { width: 18px; height: 18px; border: 1px solid #7a7a7a; border-radius: 50%; position: relative; }
.contact .sel .sel-8 ul li > div:first-child:before { content: ""; display: block; position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; background: #fb8500; border-radius: 50%; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.contact .sel .sel-8 ul li:hover > div:first-child:before,
.contact .sel .sel-8 ul li.selected > div:first-child:before { opacity: 1; }
.contact .sel .sel-8 ul li > div:last-child { display: flex; flex-direction: column; justify-content: center; min-height: 18px; color: #555; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.contact .sel .sel-8 ul li:hover > div:last-child,
.contact .sel .sel-8 ul li.selected > div:last-child { color: #fb8500; }
/********************* GET A QUOTE *********************/

/********************* CONTAINER *********************/
.cntnr { }
.cntnr .main { display: grid; grid-template-columns: 50.8% 49.2%; grid-gap: 0; margin-top: 70px; }
.cntnr .main .lft { padding-right: 20px; }
.cntnr .main .rgt { padding-left: 20px; }
.cntnr .main .img { position: relative; }
.cntnr .main .img:before,
.cntnr .main .img:after { content: ""; display: block; position: absolute; }
.cntnr .main .img:before { background: rgba(0,125,179,0.8); width: 100%; height: 100%; top: 0; left: 0; }
.cntnr .main .img:after { background: url(../img/dummy/graph-3.png) no-repeat center center #fb8500; width: 260px; height: 260px; top: 50%; left: 50%; border-radius: 50%; margin-left: -130px; margin-top: -130px; }
.cntnr .main .m-ttl { }
.cntnr .main .m-ttl h2 { text-align: left; }
.cntnr .main .m-txt { margin-top: 5px; }
.cntnr .main .lst { margin-top: 30px; }
.cntnr .main .lst ul { border-top: 1px solid #e1e1e1; }
.cntnr .main .lst ul li { padding: 23px 0; border-bottom: 1px solid #e1e1e1; }
.cntnr .main .lst ul li .li-ttl { font-size: 18px; color: #fb8500; font-weight: 700; margin-bottom: -4px; }
.cntnr .main .lnk { margin-top: 25px; }
.cntnr .steps { max-width: 540px; margin-top: 30px; }
.cntnr .steps .back { }
.cntnr .steps .back a { display: inline-block; vertical-align: top; background: url(../img/start.png) no-repeat center left; font-size: 14px; color: #008ec9; padding-left: 20px; text-transform: uppercase; }
.cntnr .steps .m-ttl { }
.cntnr .steps .m-ttl h2 { text-align: left; line-height: 55px; }
.cntnr .steps .sel-8 { margin-top: 30px; }
.cntnr .steps .sel-8 ul { display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 25px 0; }
.cntnr .steps .sel-8 ul.by-2 { grid-template-columns: repeat(2,1fr); grid-gap: 25px 20px; }
.cntnr .steps .sel-8 ul li { display: grid; grid-template-columns: 18px 1fr; grid-gap: 0 10px; align-items: center; cursor: pointer; }
.cntnr .steps .sel-8 ul li.top { align-items: flex-start; }
.cntnr .steps .sel-8 ul li > div:first-child { width: 18px; height: 18px; border: 1px solid #7a7a7a; border-radius: 50%; position: relative; }
.cntnr .steps .sel-8 ul li.top > div:first-child { margin-top: 2px; }
.cntnr .steps .sel-8 ul li > div:first-child:before { content: ""; display: block; position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; background: #fb8500; border-radius: 50%; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.cntnr .steps .sel-8 ul li:hover > div:first-child:before,
.cntnr .steps .sel-8 ul li.selected > div:first-child:before { opacity: 1; }
.cntnr .steps .sel-8 ul li > div:last-child { display: flex; flex-direction: column; justify-content: center; min-height: 18px; color: #555; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.cntnr .steps .sel-8 ul li:hover > div:last-child,
.cntnr .steps .sel-8 ul li.selected > div:last-child { color: #fb8500; }
.cntnr .steps .sel-8 ul li > div:last-child strong { font-weight: 500; }
.cntnr .steps .sel-8 ul li > div:last-child span { display: block; }
.cntnr .steps .lnk { margin-top: 40px; }
.cntnr .steps .lnks { margin-top: 40px; }
.cntnr .steps .lnks .lnk-l { float: left; }
.cntnr .steps .lnks .lnk-r { float: right; }
/********************* CONTAINER *********************/

/********************* SIMPLE *********************/
.simple { }
.simple .main { margin-top: 55px; }
.simple .main .m-ttl { }
.simple .main .m-ttl h2 { text-align: left; }
.simple.text-center .main .m-ttl h2 { text-align: center; }
.simple .main .m-txt { margin-top: 10px; }
.simple .main .m-actions { padding-top: 20px; margin-left: -5px; margin-right: -5px; overflow: hidden; }
.simple .main .m-actions a { display: inline-block; vertical-align: top; margin: 0 5px; }
.simple .main .calc-frm { margin-top: 30px; }
.simple .main .calc-inpts { margin-top: 15px; display: grid; grid-template-columns: 1fr 50px; grid-gap: 0 10px; width: 500px; max-width: 100%; }
.simple .main .calc-inpts input { margin: 0; padding: 0 20px; height: 50px; width: 100%; }
.simple .main .calc-inpts > div:last-child input { padding: 0; text-align: center; cursor: default; }
.simple .main .calc-inpt { margin-top: 15px; }
.simple .main .calc-inpt textarea { margin: 0; padding: 20px; height: 160px; width: 500px; max-width: 100%; }
.simple .main .calc-btns { padding-top: 10px; margin-left: -5px; margin-right: -5px; overflow: hidden; }
.simple .main .calc-btns > div { float: left; margin: 10px 5px 0 5px; }
.simple .main .res-lst { }
.simple .main .res-lst ul { }
.simple .main .res-lst ul > li { padding: 55px 0 65px 0; }
.simple .main .res-lst ul > li:nth-child(even) { background: #f0f0f0; }
/********************* SIMPLE *********************/

@media only screen and (max-width: 1400px) {
.ph-18 { font-size: 16px; }
.ph-18::-webkit-input-placeholder { font-size: 16px; }
.ph-18:-moz-placeholder { font-size: 16px; }
.ph-18::-moz-placeholder {  font-size: 16px; }
.ph-18:-ms-input-placeholder { font-size: 16px; }
.ph-18:-ms-input-placeholder { font-size: 16px; }

.main-content-bot { padding-bottom: 60px; }

/********************* HEADER *********************/
header .top .lft { padding-top: 19px; }
header .top .lft .lngs { margin-top: 0; }
header .top .lft .ttl { font-size: 16px; }
header .top .rgt { padding-top: 12px; }
header .bot .rgt .pho a { font-size: 16px; font-weight: normal; }
header .bot .cnt > ul > li > a { font-size: 18px; }
header .bot .cnt > ul > li.has .ins { padding: 30px 0; }
header .bot .cnt > ul > li.has .count-cols-4 { grid-gap: 30px 15px; }
header .bot .cnt > ul > li.has .count-cols-4 .main-col > ul > li { margin-bottom: 20px; }
header .bot .cnt > ul > li.has .count-cols-4 .main-col > ul > li > a { font-size: 18px; letter-spacing: normal; }
header .bot .cnt > ul > li.has .count-cols-4 .main-col > ul > li > ul { margin-top: 15px; }
header .bot .cnt > ul > li.has .count-cols-4 .main-col > ul > li > ul > li { margin-top: 6px; }
header .srch { padding: 20px 0; }
header .srch form > div { grid-gap: 0 20px; }
header .srch .lft .inpt input { height: 40px; padding: 0 15px; }
header .srch .lft .sbm button { height: 40px; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer .top { padding: 40px 0; }
footer .top .lst { margin-top: 40px; }
footer .top .lst > ul > li .ttl { font-size: 18px; }
footer .top .lst > ul > li > ul { padding-top: 10px; }
footer .top .lst > ul > li > ul > li { margin-top: 6px; }
footer .top .cptch { margin-top: 40px; }
/********************* FOOTER *********************/

.m-btn { line-height: 36px; padding: 0 15px; }
.m-btn-2 { padding: 8px 15px; }
.m-btn-3 { padding: 8px 15px; }

.m-ttl h1,.m-ttl h2,.m-ttl span { font-size: 30px; line-height: normal; }

.m-txt { line-height: normal; }
.m-txt-2 { font-size: 16px; line-height: normal; }

.cntr-item { padding: 20px; }
.cntr-item .cntr-ttl a { font-size: 18px; line-height: normal; }

.cntr-item-2 { padding: 20px; }
.cntr-item-2 .cntr-ttl h3 { font-size: 18px; line-height: normal; }

.sol-item .sol-img { height: 100px; }
.sol-item .sol-ttl { font-size: 20px; margin-top: 15px; }

.prt-item .prt-top { grid-gap: 0 15px;}
.prt-item .prt-top .prt-rgt .prt-name { font-size: 18px; }
.prt-item .prt-txt { margin-top: 15px; }

.abt-item .abt-lnk { margin-top: 30px; }

.prod-item { padding: 20px; }
.prod-item .prod-ttl { margin-top: 20px; }
.prod-item .prod-ttl h3 a { font-size: 18px; }
.prod-item .prod-txt a { line-height: normal; }
.prod-item .prod-lnk { margin-top: 20px; }

.loc-item .loc-rgt { padding-left: 40px; }
.loc-item .loc-rgt .loc-lst ul li { grid-gap: 0 20px; }

.res-item .res-det .res-ttl a { font-size: 18px; }
.res-item .res-det .res-txt a { line-height: normal; }

/********************* HOMEPAGE *********************/
.hp-slider .hp-slider-ins { position: relative; bottom: auto; left: auto; margin-top: 20px; }
.hp-slider .hp-slider-ins .col-1 { padding: 20px; display: flex; flex-direction: column; justify-content: center; }
.hp-slider .hp-slider-ins .col-1 .ins { margin-left: auto; margin-right: auto; }
.hp-slider .hp-slider-ins .col-1 .ttl { font-size: 30px; line-height: normal; }
.hp-slider .hp-slider-ins .col-1 .pho { font-size: 24px; margin-top: 20px; }
.hp-slider .hp-slider-ins .col-1 .pho a { font-size: 20px; }
.hp-slider .hp-slider-ins .col-1 .pho a img { margin-right: 10px; max-height: 20px; }
.hp-slider .hp-slider-ins .col-2 a, .hp-slider .hp-slider-ins .col-3 a { font-size: 20px; line-height: normal; }
.hp-slider .hp-slider-ins .col-2 a > span > span:first-child, .hp-slider .hp-slider-ins .col-3 a > span > span:first-child { margin-bottom: 20px; }
.hp-txts { margin-top: 60px; }
.hp-txts .lft { font-size: 18px; letter-spacing: normal; }
.hp-cont { margin-top: 60px; }
.hp-cont .lst { margin-top: 30px; }
.hp-cont .lnk { margin-top: 40px; }
.hp-map { padding: 60px 0; }
.hp-map > div { grid-template-columns: 56% 44%; }
.hp-map .lft .ins { padding: 30px; }
.hp-map .lft .lnks a { margin-right: 20px; }
.hp-find .lft .ins { grid-template-columns: 100px 1fr; grid-gap: 0 30px; }
.hp-find-2 .lft .ins { grid-template-columns: 100px 1fr; grid-gap: 0 30px; }
.hp-par-1 .lnk { margin-top: 30px; }
.hp-par-2 { min-height: 600px; }
.hp-par-2 .ins { padding: 30px; }
.hp-par-2 .ins .lnks a { margin-right: 20px; }
.hp-part { }
.hp-part .slider-1 { margin-top: 40px; padding: 0 40px; }
.hp-part .slider-1 .slider-1-item { padding: 0 10px; }
.hp-nsl > div { }
.hp-nsl .lft { padding-right: 20px; }
.hp-nsl .lft .m-txt-2 { margin-top: 15px; }
.hp-nsl .rgt { padding-left: 20px; }
.hp-nsl .rgt .frm { grid-template-columns: 1fr 160px; }
.hp-nsl .rgt .frm input { height: 40px; padding: 0 15px; }
.hp-nsl .rgt .frm button { height: 40px; padding: 0 15px; }
/********************* HOMEPAGE *********************/

.main-banner h1 { font-size: 40px; }

/********************* ABOUT *********************/
.about .lst ul { grid-gap: 40px; }
/********************* ABOUT *********************/

/********************* PRODUCTS *********************/
.prods-ins .ins .lft .mn ul li a { padding: 15px 10px; }
.prods-ins .ins .rgt .lst { margin-top: 30px; }

.prod .top { padding: 60px 0; }
.prod .top .rgt { padding-left: 30px; }
.prod .top .rgt .lst span { font-size: 18px; letter-spacing: normal; }
.prod .top .rgt .lst ul li { margin-top: 10px; }
.prod .top .rgt .lnk { margin-top: 30px; }
.prod .top .rgt .lnk a { min-width: auto; }
.prod .txts > div { grid-gap: 0 30px; }
.prod .dets-1 .lst { margin-top: 30px; }
.prod .dets-1 .lst > div > span { font-size: 18px; font-weight: 500; }
.prod .dets-1 .img { margin-top: 60px; }
.prod .boxes .lst ul li .ins .ttl { font-size: 24px; }
/********************* PRODUCTS *********************/

/********************* GET A QUOTE *********************/
.get-a-quote .det { margin-top: 30px; }
.get-a-quote .det .det-ttl { padding: 20px 0; }
.get-a-quote .det .det-ttl h3 { font-size: 18px; font-weight: 500; }
.get-a-quote .det .det-lst ul li { padding: 20px 0; }
.get-a-quote .det .det-lst ul li > div:first-child { font-weight: 500; }
.get-a-quote .btns { margin-top: 30px; }
.get-a-quote .sbm { margin-top: 30px; }
.get-a-quote .sel { margin-top: 30px; }
.get-a-quote .sel.sel-70 { margin-top: 60px; }
.get-a-quote .sel .sel-box { padding: 30px 20px; }
.get-a-quote .sel .sel-7 input { padding: 0 20px; }
.get-a-quote .sel .sel-7 textarea { padding: 14px 20px; }
.get-a-quote .thnk-1 .ttl h3 { font-size: 18px; }
.get-a-quote .thnk-1 .lst .lst-l ul li { padding: 20px 0; }
.get-a-quote .thnk-2 { padding: 30px; }
.get-a-quote .thnk-3 { margin-top: 60px; padding: 40px; }
.get-a-quote .thnk-3 .ttl h3 { font-size: 18px; }
.get-a-quote .thnk-3 .lst .lst-l ul li { padding: 20px 0; }
.get-a-quote .thnk-3 .lst .lst-l ul li .li-ttl { font-weight: 500; }
/********************* GET A QUOTE *********************/

/********************* CONTACT *********************/
.contact .top .det { padding-right: 30px; }
.contact .top .det .det-lst ul li { grid-gap: 0 20px; }
.contact .sbm { margin-top: 30px; }
.contact .sel { margin-top: 30px; }
.contact .sel .sel-7 input { padding: 0 20px; }
.contact .sel .sel-7 textarea { padding: 14px 20px; }
/********************* GET A QUOTE *********************/

/********************* SERVICES *********************/
.servs .txts .m-txt { column-gap: 40px; }
.servs .lst-1 { padding-bottom: 60px; }
.servs .lst-2 { margin-top: 60px; padding-bottom: 60px; }
.servs .gal { margin-top: 60px; padding-bottom: 60px; }
.servs .gal-2 { margin-top: 60px; padding-bottom: 60px; }
.servs .txts-2 > ul { grid-gap: 40px; }
.servs .txt-o { font-size: 18px; margin-top: 60px; }
/********************* SERVICES *********************/

/********************* RESOURCES *********************/
.resources .main .m-txt-2 { line-height: normal; }
.resources .lst { margin-top: 40px; }
.resources .lst ul { grid-gap: 40px; }
/********************* RESOURCES *********************/

/********************* NEWS *********************/
.news .frst { margin-top: 60px; }
.news .frst .rgt .txt a { line-height: normal; }
.news .lst { padding: 40px 0 60px; display: grid; grid-gap: 30px; }
/********************* SERVICES *********************/

/********************* FAQ *********************/
.faq .main .panel-group .panel-heading h4 a.collapsed { padding-bottom: 40px; }
.faq .main .panel-group .panel-body { padding: 0 0 30px 0; }
/********************* FAQ *********************/

/********************* BROCHURES *********************/
.brochures .main > ul > li ul { grid-gap: 40px 20px; }
/********************* BROCHURES *********************/

/********************* LOCATIONS *********************/
.locations .top .mn ul { margin-left: -10px; margin-right: -10px; }
.locations .top .mn ul li { margin-left: 10px; margin-right: 10px; }
.locations .lst > ul > li { padding: 60px 0; }
/********************* LOCATIONS *********************/

/********************* CONTAINER *********************/
.cntnr .main { margin-top: 60px; }
.cntnr .main .lst ul li { padding: 20px 0; }
.cntnr .steps .m-ttl { margin-top: 10px; }
.cntnr .steps .m-ttl h2 { line-height: normal; }
.cntnr .steps .m-txt { margin-top: 10px; }
.cntnr .steps .sel-8 ul { grid-gap: 20px 0; }
.cntnr .steps .sel-8 ul.by-2 { grid-gap: 20px 15px; }
.cntnr .steps .lnk { margin-top: 30px; }
.cntnr .steps .lnks { margin-top: 30px; }
/********************* CONTAINER *********************/
}

@media only screen and (max-width: 1200px) { /* .col-lg- */
/********************* HEADER *********************/
header .bot .rgt .mob-btn { display: block; }
header .bot .rgt .pho a { padding-left: 0; width: 12px; height: 30px; }
header .bot .rgt .pho a span { display: none; }
header .bot .cnt { display: none; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer .top .lst > ul { grid-template-columns: repeat(4,1fr); }
/********************* FOOTER *********************/
}

@media only screen and (max-width: 992px) { /* .col-md- */
/********************* HEADER *********************/
.cbp-af-header { position: absolute; }
header .srch { position: absolute; }
/********************* HEADER *********************/

/********************* HOMEPAGE *********************/
.hp-sol .lst ul { grid-template-columns: repeat(3,1fr); }
/********************* HOMEPAGE *********************/

/********************* PRODUCTS *********************/
.prods-ins .ins > div { display: block; }
.prods-ins .ins .rgt { margin-top: 40px; }
/********************* PRODUCTS *********************/

/********************* BROCHURES *********************/
.brochures .main > ul > li ul { grid-template-columns: repeat(3,1fr); }
/********************* BROCHURES *********************/
}

@media only screen and (max-width: 767px) { /* .col-xs- */
.main-content-ins { padding-left: 15px; padding-right: 15px; }
.main-content-top { padding-top: 136px; }
.main-content-bot { padding-bottom: 40px; }

/********************* HEADER *********************/
.cbp-af-header { height: 136px; }
header .top { height: 56px; }
header .top .lft { padding-top: 17px; }
header .top .lft .ttl { display: none; }
header .top .rgt { padding-top: 10px; }
header .top .rgt .mn { margin-top: 4px; }
header .top .rgt .mn ul li a { padding: 0 10px; }
header .bot { height: 80px; }
header .bot .lft { position: absolute; top: 10px; left: 15px; }
header .bot .lft a { width: 171px; height: 60px; background-size: 171px 60px; }
header .bot .rgt { top: 24px; right: 15px; }
header .srch { top: 136px; padding: 15px 0; }
header .srch form > div { grid-gap: 0 15px; }
header .srch .lft { grid-template-columns: 1fr 120px; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer .top .logo a { width: 171px; height: 60px; background-size: 171px 60px; }
footer .top .lst > ul { grid-template-columns: repeat(2,1fr); grid-gap: 30px 15px; }
footer .bot > div { display: block; text-align: center; }
footer .bot .rgt { margin-top: 10px; text-align: center; }
/********************* FOOTER *********************/

.m-ttl h1,.m-ttl h2,.m-ttl span { font-size: 24px; }
.m-ttl-2 h2,.m-ttl-2 h3 { font-size: 24px; }

.cntr-item { padding: 15px; }
.cntr-item .cntr-ttl { margin-top: 10px; }

.cntr-item-2 { padding: 15px; }
.cntr-item-2 .cntr-ttl { margin-top: 10px; }

.loc-item > div { display: block; }
.loc-item .loc-rgt { margin-top: 30px; padding-left: 0; }
.loc-item .loc-rgt .loc-lst { margin-top: 20px; }
.loc-item .loc-rgt .loc-lst ul li { grid-gap: 0 15px; margin-top: 15px; }

.res-item { display: block; }
.res-item .res-det { margin-top: 30px; }

/********************* HOMEPAGE *********************/
.hp-slider .hp-slider-ins { margin-top: 15px; }
.hp-slider .hp-slider-ins .cols { grid-template-columns: 50% 50%; }
.hp-slider .hp-slider-ins .cols > div:first-child { grid-column: 1 / -1; }
.hp-slider .hp-slider-ins .col-1 { padding: 20p 15px; }
.hp-slider .hp-slider-ins .col-1 .ins { max-width: 100%; text-align: center; }
.hp-slider .hp-slider-ins .col-1 .ttl { font-size: 24px; }
.hp-slider .hp-slider-ins .col-1 .pho { font-size: 20px; margin-top: 15px; }
.hp-slider .hp-slider-ins .col-1 .pho a { font-size: 20px; margin-left: 15px; }
.hp-slider .hp-slider-ins .col-2 a, .hp-slider .hp-slider-ins .col-3 a { font-size: 18px; padding: 20px 15px; text-align: center; }
.hp-slider .hp-slider-ins .col-2 a img, .hp-slider .hp-slider-ins .col-3 a img { max-height: 50px; }
.hp-slider .hp-slider-ins .col-2 a > span, .hp-slider .hp-slider-ins .col-3 a > span { max-width: 100%; }
.hp-slider .hp-slider-ins .col-2 a > span > span:first-child, .hp-slider .hp-slider-ins .col-3 a > span > span:first-child { margin-bottom: 15px; }
.hp-txts { display: block; margin-top: 40px; }
.hp-txts .lft { padding-right: 0; }
.hp-txts .rgt { margin-top: 30px; }
.hp-cont { padding: 40px 0; margin-top: 40px; }
.hp-cont .lst { grid-template-columns: repeat(3,1fr); grid-gap: 15px; }
.hp-map { padding: 15px 0 40px 0; }
.hp-map > div { display: block; }
.hp-map .lft { padding-right: 0; margin-bottom: 30px; }
.hp-map .lft .ins { padding: 20px 15px; }
.hp-map .lft .lnks a { margin: 20px 15px 0 0; }
.hp-find { padding: 40px 0; }
.hp-find > div { display: block; }
.hp-find .lft .ins { grid-gap: 0 15px; }
.hp-find .rgt { padding-left: 115px; text-align: left; margin-top: 30px; }
.hp-sol { padding: 40px 0; }
.hp-sol .lst ul { grid-gap: 30px 15px; }
.hp-find-2 { padding: 40px 0; }
.hp-find-2 > div { display: block; }
.hp-find-2 .lft .ins { grid-gap: 0 15px; }
.hp-find-2 .rgt { padding-left: 115px; text-align: left; margin-top: 30px; }
.hp-par-1 { min-height: 300px; }
.hp-par-2 { min-height: 300px; }
.hp-par-2 .ins { padding: 20px 15px; }
.hp-par-2 .ins .m-txt-2 { color: #fff; margin-top: 10px; }
.hp-par-2 .ins .lnks a { margin: 20px 15px 0 0; }
.hp-part { padding: 40px 0; }
.hp-part .slider-1 { margin-top: 30px; padding: 0 35px; }
.hp-part .slider-1 .slider-1-item { padding: 0; }
.hp-nsl { padding: 40px 0; }
.hp-nsl > div { display: block; }
.hp-nsl .lft { padding-right: 0; }
.hp-nsl .rgt { padding-left: 0; margin-top: 30px; }
/********************* HOMEPAGE *********************/

.main-banner { min-height: 200px; }
.main-banner h1 { font-size: 30px; }

/********************* ABOUT *********************/
.about .lst { padding: 40px 0; }
.about .lst ul { grid-template-columns: repeat(1,1fr); grid-gap: 40px 0; }

.about-ins .main { display: block; margin-top: 40px; }
.about-ins .main .lft { padding-left: 0; margin-top: 30px; }
.about-ins .main .rgt { padding-right: 0; max-width: 600px; margin: auto auto; }
/********************* ABOUT *********************/

/********************* PRODUCTS *********************/
.prods-ins .ins { margin-top: 40px; }
.prods-ins .ins .rgt .lst { grid-template-columns: repeat(2,1fr); }

.prod .top { padding: 40px 0; }
.prod .top .lft { float: none; width: 100%; max-width: 616px; margin: auto auto; }
.prod .top .rgt { float: none; width: 100%; padding-left: 0; margin-top: 30px; }
.prod .txts { padding: 40px 0; }
.prod .txts > div { grid-template-columns: repeat(1,1fr); grid-gap: 30px 0; }
.prod .dets-1 { padding: 40px 0; }
.prod .dets-1 .lst { grid-template-columns: repeat(1,1fr); grid-gap: 15px 0; }
.prod .dets-1 .lst > div > span { min-height: auto; padding: 10px 15px; }
.prod .dets-1 .lst > div > ul > li > div { min-height: auto; padding: 10px 15px; }
.prod .dets-1 .img { margin-top: 40px; }
.prod .boxes { padding: 40px 0; }
.prod .boxes .lst ul { display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 30px 0; }
.prod .boxes .lst ul li .ins { max-width: 100%; }
.prod .boxes .lst ul li .ins .ttl { font-size: 20px; }
.prod .sim { padding: 40px 0; }
.prod .sim .lst { grid-template-columns: repeat(2,1fr); grid-gap: 10px; }
/********************* PRODUCTS *********************/

/********************* GET A QUOTE *********************/
.get-a-quote .m-ttl { margin-top: 40px; }
.get-a-quote .m-txt { margin-top: 10px; }
.get-a-quote .det .det-lst ul li { grid-gap: 0 15px; }
.get-a-quote .sel.sel-sub { margin-right: 15px; }
.get-a-quote .sel.sel-70 { margin-top: 40px; }
.get-a-quote .sel .sel-box { padding: 30px 15px; }
.get-a-quote .sel .sel-1 { grid-template-columns: repeat(2,1fr); grid-gap: 15px; }
.get-a-quote .sel .sel-2 span { padding-left: 15px; padding-right: 45px; min-height: auto; }
.get-a-quote .sel .sel-2 span:before { right: 15px; }
.get-a-quote .sel .sel-2 ul li { padding-left: 15px; padding-right: 45px; min-height: auto; }
.get-a-quote .sel .sel-3 ul { grid-template-columns: repeat(1,1fr); grid-gap: 1px 0; }
.get-a-quote .sel .sel-3 ul li { padding-left: 15px; padding-right: 45px; min-height: auto; }
.get-a-quote .sel .sel-5 ul { grid-template-columns: repeat(2,1fr); grid-gap: 20px 15px; }
.get-a-quote .sel .sel-7 input { padding: 0 15px; }
.get-a-quote .sel .sel-7 textarea { padding: 14px 15px; }
.get-a-quote .sel .sel-8 ul { margin-left: -10px; margin-right: -10px; }
.get-a-quote .sel .sel-8 ul li { margin: 20px 10px; }
.get-a-quote .thnk-1 .lst { display: block; }
.get-a-quote .thnk-1 .lst .lst-l ul li { grid-gap: 0 15px; }
.get-a-quote .thnk-1 .lst .lst-r { margin-top: 40px; }
.get-a-quote .thnk-1 .lst .lst-r .txt-2 { line-height: normal; }
.get-a-quote .thnk-2 { margin-top: 40px; padding: 30px 15px; }
.get-a-quote .thnk-3 { margin-top: 40px; padding: 40px 0; }
.get-a-quote .thnk-3 .lst { display: block; }
.get-a-quote .thnk-3 .lst .lst-l ul li { grid-gap: 0 15px; }
/********************* GET A QUOTE *********************/

/********************* CONTACT *********************/
.contact .top { padding: 40px 0; display: block; }
.contact .top .det { padding-right: 0; }
.contact .top .det .det-lst ul li { grid-gap: 0 15px; margin-top: 15px; }
.contact .top .map { margin-top: 30px; }
.contact .sel .sel-2 span { padding-left: 15px; padding-right: 45px; min-height: auto; }
.contact .sel .sel-2 span:before { right: 15px; }
.contact .sel .sel-2 ul li { padding-left: 15px; padding-right: 45px; min-height: auto; }
.contact .sel .sel-3 ul { grid-template-columns: repeat(1,1fr); grid-gap: 1px 0; }
.contact .sel .sel-3 ul li { padding-left: 15px; padding-right: 45px; min-height: auto; }
.contact .sel .sel-5 ul { grid-template-columns: repeat(2,1fr); grid-gap: 20px 15px; }
.contact .sel .sel-7 input { padding: 0 15px; }
.contact .sel .sel-7 textarea { padding: 14px 15px; }
.contact .sel .sel-8 ul { margin-left: -10px; margin-right: -10px; }
.contact .sel .sel-8 ul li { margin: 20px 10px; }
/********************* GET A QUOTE *********************/

/********************* SERVICES *********************/
.servs .txts { margin-top: 40px; }
.servs .txts .m-txt { column-count: 1; column-gap: 0; }
.servs .lst-1 { margin-top: 40px; padding-bottom: 40px; }
.servs .lst-1 ul { grid-template-columns: repeat(2,1fr); grid-gap: 30px 15px; }
.servs .lst-2 { margin-top: 40px; padding-bottom: 40px; }
.servs .lst-2 > ul { grid-template-columns: repeat(2,1fr); grid-gap: 30px 15px; }
.servs .gal { margin-top: 40px; grid-template-columns: repeat(2,1fr); grid-gap: 15px; padding-bottom: 40px; }
.servs .gal-2 { margin-top: 40px; grid-template-columns: repeat(2,1fr); grid-gap: 15px; padding-bottom: 40px; }
.servs .txts-2 { padding-top: 40px; }
.servs .txts-2 > ul { grid-template-columns: repeat(1,1fr); grid-gap: 30px 0; }
.servs .txt-o { margin-top: 40px; }
/********************* SERVICES *********************/

/********************* RESOURCES *********************/
.resources .main { margin-top: 40px; }
.resources .lst ul { grid-template-columns: repeat(1,1fr); grid-gap: 30px 0; }
/********************* RESOURCES *********************/

/********************* NEWS *********************/
.news .frst { display: block; margin-top: 40px; }
.news .frst .rgt { padding: 30px 15px; }
.news .lst { padding: 40px 0; grid-template-columns: repeat(2,1fr); grid-gap: 30px 15px; }

.new .main { padding: 40px 0; }
/********************* NEWS *********************/

/********************* FAQ *********************/
.faq .main { margin-top: 40px; }
.faq .main .panel-group .panel-heading h4 a { font-size: 24px; padding-top: 30px; }
.faq .main .panel-group .panel-heading h4 a.collapsed { padding-bottom: 30px; }
/********************* FAQ *********************/

/********************* BROCHURES *********************/
.brochures .main > ul > li { padding: 40px 0; }
.brochures .main > ul > li ul { grid-gap: 30px 20px; margin-top: 30px; }
.brochures .main > ul > li ul li .li-ttl { margin-top: 15px; }
.brochures .main > ul > li ul li .li-ttl h3 a { font-size: 18px; }
.brochures .main > ul > li ul li .li-lnk { margin-top: 10px; }
/********************* BROCHURES *********************/

/********************* LOCATIONS *********************/
.locations .top .mn ul { margin-left: -5px; margin-right: -5px; }
.locations .top .mn ul li { margin-left: 5px; margin-right: 5px; }
.locations .lst > ul > li { padding: 40px 0; }
/********************* LOCATIONS *********************/

/********************* CONTAINER *********************/
.cntnr .main { display: block; margin-top: 40px; }
.cntnr .main .lft { padding-right: 0; max-width: 600px; margin: auto auto; }
.cntnr .main .rgt { padding-left: 0; margin-top: 30px; }
/********************* CONTAINER *********************/

/********************* SIMPLE *********************/
.simple .main .res-lst ul > li { padding: 40px 0; }
/********************* SIMPLE *********************/
}

@media only screen and (max-width: 480px) {
.m-ttl h1,.m-ttl h2,.m-ttl span { font-size: 20px; }
.m-ttl-2 h2,.m-ttl-2 h3 { font-size: 20px; }

.cntr-item .cntr-ttl a { font-size: 16px; }

/********************* HOMEPAGE *********************/
.hp-slider .hp-slider-ins .col-1 .ttl { font-size: 20px; }
.hp-cont .lst { grid-template-columns: repeat(2,1fr); }
.hp-sol .lst ul { grid-template-columns: repeat(2,1fr); }
/********************* HOMEPAGE *********************/

/********************* SERVICES *********************/
.servs .lst-1 ul { grid-template-columns: repeat(1,1fr); grid-gap: 30px 0; }
.servs .lst-2 > ul { grid-template-columns: repeat(1,1fr); grid-gap: 30px 0; }
/********************* SERVICES *********************/

/********************* CONTAINER *********************/
.cntnr .main .img:before,
.cntnr .main .img:after { display: none; }
/********************* CONTAINER *********************/

/********************* NEWS *********************/
.news .lst { grid-template-columns: repeat(1,1fr); grid-gap: 30px 0; }
/********************* NEWS *********************/

/********************* FAQ *********************/
.faq .main .panel-group .panel-heading h4 a { font-size: 20px; }
/********************* FAQ *********************/

/********************* BROCHURES *********************/
.brochures .main > ul > li ul { grid-template-columns: repeat(2,1fr); }
/********************* BROCHURES *********************/
}

@media only screen and (max-width: 479px) {
/********************* HEADER *********************/
header .top .rgt .mn { display: none; }
/********************* HEADER *********************/

/********************* PRODUCTS *********************/
.prods-ins .ins .rgt .lst { grid-template-columns: repeat(1,1fr); grid-gap: 10px 0; }
.prod .sim .lst { grid-template-columns: repeat(1,1fr); grid-gap: 10px 0; }
/********************* PRODUCTS *********************/
}

@media only screen and (max-width: 360px) {

}