a{-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;}
.pfirstchild p:first-child{margin-top: 0px; padding-top: 0px;}
.pfirstchild p:last-child{margin-bottom: 0px; padding-bottom: 0px;}

.main-content { max-width: 1920px; margin-left: auto; margin-right: auto; }
.main-content-ins { max-width: 1900px; margin-left: auto; margin-right: auto; padding: 0 20px; }
.main-content-ins-2 { max-width: 1644px; margin-left: auto; margin-right: auto; padding: 0 20px; }
.main-content-ins-3 { max-width: 1604px; margin-left: auto; margin-right: auto; }

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

#toTop { position: fixed; bottom: 14px; right: 14px; display: none; z-index: 10; }
#toTop span { display: block; margin: 0; padding: 0; background:rgba(0,0,0,0.6); width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 30px; color: #fff; cursor: pointer; }

input, textarea { outline: 0 !important; }

strong, b { font-weight: bold; }

.main-txt, .main-txt a, .main-txt span, .main-txt div { font-size: 18px; color: #4f4d4d; }
.main-txt p { margin: 0; padding: 0; }
.main-txt strong, .main-txt b { font-weight: bold; }

.pagin { text-align: right; font-size: 18px; margin-top: 40px; }
.pagin ul li { margin-left: 20px; }
.pagin ul li a { color: #555; }
.pagin ul li a:hover { color: #000; }
.pagin ul li.disabled a:hover { color: #555; }
.pagin ul li.active a { color: #000; font-weight: 600; }

.no-disp { display: none; }

.custom-input { background: #e1e1e1; border: 0; margin: 0; padding: 0 10px; width: 100%; height: 30px; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.z-index-1 { z-index: 1; position: relative; }
.z-index-2 { z-index: 2; position: relative; }
.z-index-3 { z-index: 3; position: relative; }

/********************* HEADER *********************/
header { overflow: hidden; }
header .top { background: #004e98; height: 110px; }
header .top .lft { float: left; padding-top: 24px; }
header .top .rgt { float: right; padding: 14px 154px 0 0; position: relative; }
header .top .rgt .espa { position: absolute; top: 0; right: 0; }
header .top .rgt .soc-lngs { text-align: right; }
header .top .rgt .soc-lngs > div { display: inline-block; vertical-align: middle; }
header .top .rgt .soc-lngs .soc { }
header .top .rgt .soc-lngs .soc ul { }
header .top .rgt .soc-lngs .soc ul li { display: inline-block; vertical-align: middle; margin: 0 10px; }
header .top .rgt .soc-lngs .soc ul li a { display: block; background-position: center center; background-repeat: no-repeat; }
header .top .rgt .soc-lngs .soc ul li.fb a { background-image: url(../img/facebook.png); width: 11px; height: 20px; }
header .top .rgt .soc-lngs .soc ul li.yt a { background-image: url(../img/youtube.png); width: 29px; height: 20px; }
header .top .rgt .soc-lngs .soc ul li.in a { background-image: url(../img/instagram.png); width: 19px; height: 20px; }
header .top .rgt .soc-lngs .lngs { margin-left: 20px; color: #fff; font-weight: 700; }
header .top .rgt .soc-lngs .lngs a { color: #fff; font-weight: 300; }
header .top .rgt .soc-lngs .lngs a.active { font-weight: 700; }
header .top .rgt .mn-srch { text-align: right; margin-top: 20px; }
header .top .rgt .mn-srch > div { display: inline-block; vertical-align: middle; }
header .top .rgt .mn-srch .mn { }
header .top .rgt .mn-srch .mn ul li { display: inline-block; vertical-align: middle; }
header .top .rgt .mn-srch .mn ul li:before { content: "|"; display: inline-block; vertical-align: top; margin: 0 13px; color: #fff; font-weight: 700; }
header .top .rgt .mn-srch .mn ul li:first-child:before { display: none; }
header .top .rgt .mn-srch .mn ul li a { color: #fff; font-weight: 300; }
header .top .rgt .mn-srch .srch { margin-left: 10px; background: url(../img/search.png) no-repeat center center #003c75; width: 34px; height: 34px; border-radius: 50%; cursor: pointer; }
header .bot { background: #003c75; border-bottom: 1px solid #003c75; }
header .bot ul { }
header .bot ul li { float: left; width: 14.28%; border-left: 1px solid #004e98; }
header .bot ul li:first-child { border-left: 0; }
header .bot ul li a { display: block; font-size: 20px; color: #fff; font-family: 'United Sans Rg Hv'; text-align: center; padding: 10px 10px 6px 10px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .bot ul li a:hover,
header .bot ul li a.active { background: var(--tooltip-color); }
header .mob-menu-toggle { background: #004e98; height: 50px; padding: 0 10px; display: none; }
header .mob-menu-toggle .mob-menu-toggle-l { float: left; padding-top: 6px; }
header .mob-menu-toggle .mob-menu-toggle-l span { display: block; background: url(../img/menu.png) no-repeat top center; font-size: 13px; color: #fff; font-weight: 800; text-align: center; padding-top: 23px; cursor: pointer; }
header .mob-menu-toggle .mob-menu-toggle-r { float: right; padding-top: 9px; }
header .mob-menu-toggle .mob-menu-toggle-r .srch { display: block; background: url(../img/search-2.png) no-repeat 0 0; width: 32px; height: 32px; cursor: pointer; }
header .mob-menu { display: none; text-align: center; background: #003c75; }
header .mob-menu ul li { border-top: 1px solid #fff; }
header .mob-menu ul li a { display: block; padding: 6px 8px; color: #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .mob-menu ul li a:hover,
header .mob-menu ul li a.active { background: #004e98; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { margin-top: 74px; }
footer.no-marg { margin-top: 0; }
footer .top { background: #004e98; padding: 38px 0 30px 0; }
footer .top .lft { float: left; width: 474px; position: relative; }
footer .top .rgt { float: right; width: 100%; margin-left: -474px; }
footer .top .rgt .ins { padding-left: 504px; }
footer .top .rgt .ins ul { }
footer .top .rgt .ins ul li { float: left; width: 33.33%; text-align: center; position: relative; padding: 0 30px; }
footer .top .rgt .ins ul li:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 174px; background: #b4cbe1; }
footer .top .rgt .ins ul li:first-child:before { display: none; }
footer .top .rgt .ins ul li:last-child { padding-right: 0; }
footer .top .rgt .ins ul li > div { display: inline-block; vertical-align: top; text-align: left; font-size: 20px; color: #fff; }
footer .top .rgt .ins ul li:nth-child(3) > div { max-width: 372px; float: right; }
footer .top .rgt .ins ul li > div a { font-size: 20px; color: #fff; }
footer .top .rgt .ins ul li > div .txt { display: block; line-height: 20px; font-size: 16px; }
footer .top .rgt .ins ul li > div .lbl { font-size: 16px; margin-top: 5px; }
footer .top .rgt .ins ul li > div .inpt { margin-top: 2px; }
footer .top .rgt .ins ul li > div .inpt input { background: #fff; color: #000; border: 0; width: 100%; height: 40px; margin: 0; padding: 0 10px; }
footer .top .rgt .ins ul li > div .und { margin-top: 6px; }
footer .top .rgt .ins ul li > div .und .chk { float: left; }
footer .top .rgt .ins ul li > div .und .chk a { display: inline-block; vertical-align: middle; margin-left: 6px; font-size: 16px; }
footer .top .rgt .ins ul li > div .und .mybtn { float: right; text-align: right; }
footer .top .rgt .ins ul li > div .und .mybtn input { background: none; border: 0; margin: 0; padding: 0; font-size: 16px; color: #fff; display: inline-block; }

.copy { padding: 28px 0 18px 0; background: url(../img/bg-footer.jpg) repeat-x top left #0d2542; }
.copy .lft { float: left; margin-right: 8px; font-size: 16px; color: #556a86; }
.copy .lft a { color: #556a86; }
.copy .lft a:hover { color: #fff; }
.copy .rgt { float: right; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home { padding-bottom: 12px; }
.home .top { position: relative; background-position: center center; background-repeat: no-repeat; height: 400px; }
.home .top .logo { position: absolute; top: 24px; left: 14px; }
.home .top .logo a img { height: 48px; width: auto; }
.home .top .ins { max-width: 1000px; height: 400px; margin: auto auto; position: relative; padding: 0 10px; }
.home .top .ins .ins1 { position: absolute; bottom: 2px; left: 145px; }
.home .top .ins .ins1 a { display: block; font-size: 75px; color: #fff; font-family: 'United Sans Cd Bk'; line-height: 58px; }
.home .top .ins .ins2 { max-width: 230px; float: right; height: 400px; display: flex; justify-content: center; flex-direction: column; }
.home .top .ins .ins2 .txt { }
.home .top .ins .ins2 .txt a { display: block; line-height: 20px; }
.home .top .ins .ins2 .mybtn { margin-top: 30px; }
.home .top .ins .ins2 .mybtn a { display: block; background: #004e98; font-size: 24px; color: #fff; font-weight: 800; text-align: center; line-height: 42px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.home .top .ins .ins2 .mybtn a:hover { background: var(--tooltip-color); }
.home .lst { overflow: hidden; }
.home .lst ul { margin-left: -7px; margin-right: -7px; }
.home .lst ul li { float: left; width: 20%; padding: 0 7px; margin-top: 12px; }
.h-item { max-width: 362px; margin: auto auto; }
.h-item .h-img { }
.h-item .h-img a { display: block; position: relative; background-repeat: no-repeat; height: 244px; }
.h-item .h-img a span { display: block; position: absolute; }
.h-item .h-img a span.h-logo { top: 0; left: 0; padding: 12px 14px 0 14px; }
.h-item .h-img a span.h-logo img { height: 26px; width: auto; }
.h-item .h-img a span.h-ttl { bottom: 0; left: 0; padding: 0 14px 5px 14px; font-size: 50px; color: #fff; font-family: 'United Sans Cd Bk'; line-height: 38px; }
.h-item .h-more a { display: block; background: #d7d7d7; padding: 10px; text-align: center; }
.h-item .h-more a span { display: inline-block; background: #004e98; padding: 0 24px; line-height: 42px; font-size: 24px; color: #fff; font-weight: 800; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.h-item .h-more a span:hover { background: var(--tooltip-color); }
/********************* HOMEPAGE *********************/

.main-title { position: relative; border-top: 6px solid var(--tooltip-color); border-bottom: 6px solid var(--tooltip-color); background-repeat: no-repeat; background-position: center right; height: 134px; }
.main-title span.ins { display: block; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 134px; padding: 0 0 0 56px; display: flex; justify-content: center; flex-direction: column; }
.main-title span.ins .logo { }
.main-title span.ins .logo img { max-height: 50px; }
.main-title span.ins .ttl { display: block; color: #fff; font-family: 'United Sans Cd Bk'; }
.main-title span.ins .ttl-s { font-size: 44px; }
.main-title span.ins .ttl-b { font-size: 70px; line-height: 54px; }
.main-title span.bg { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: block;
background-image: -webkit-linear-gradient(-180deg, rgba(255,255,255,0) 20%, var(--tooltip-color) 80%);
background-image: -moz-linear-gradient(270deg, rgba(255,255,255,0) 20%, var(--tooltip-color) 80%);
background-image: linear-gradient(270deg, rgba(255,255,255,0) 20%, var(--tooltip-color) 80%);
}

/********************* ABOUT US *********************/
.about { }
.about .cont { margin-left: auto; margin-right: auto; margin-top: 30px; max-width: 942px; padding: 8px 30px 100px 30px; background: #fff; position: relative; -webkit-box-shadow: 10px 10px 0 0 #d7d7d7; box-shadow: 10px 10px 0 0 #d7d7d7; }
.about .cont .ttl { border-bottom: 1px solid #4f4d4d; padding-top: 42px; padding-bottom: 12px; }
.about .cont .ttl h2,
.about .cont .ttl h3 { margin: 0; font-size: 30px; color: #4f4d4d; font-weight: bold; }
.about .cont .txt { padding-top: 34px; }
.about .espa { margin-top: 40px; }
.about .espa .img { }
/********************* ABOUT US *********************/

/********************* CONTACT *********************/
.contact { }
.contact .map { position: relative; }
/*.contact .map .gmaps-contact { height: 650px; }*/
.contact .map iframe { width: 100%; height: 650px; }
.contact .map .info { position: absolute; bottom: 0; left: 0; width: 100%; }
.contact .map .info .open-close { display: block; margin: auto auto; background:rgba(37,43,51,0.38); font-size: 30px; color: #fff; width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; }
.contact .map .info .open-close.openBtn,
.contact .map .info .open-close.closeBtn { font-size: 30px; color: #fff; }
.contact .map .info .open-close.closeBtn { display: none; }
.contact .map .info .ins { background:rgba(37,43,51,0.38); padding: 24px 0 30px 0; }
.contact .map .info .ins2 { max-width: 1186px; margin: auto auto; padding: 0 10px; }
.contact .map .info .ins2 .col { float: left; padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-align: left; }
.contact .map .info .ins2 .col.col1 { width: 40%; }
.contact .map .info .ins2 .col.col2 { width: 30%; }
.contact .map .info .ins2 .col.col3 { width: 30%; }
.contact .map .info .ins2 .col:last-child { padding-right: 0; }
.contact .map .info .ins2 .col span.fa { display: inline-block; vertical-align: middle; color: #fff; width: 56px; text-align: center; font-size: 32px; }
.contact .map .info .ins2 .col span.nofa { display: inline-block; vertical-align: middle; font-size: 18px; color: #fff; }
.contact .map .info .ins2 .col a { font-size: 18px; color: #fff; }
.contact .map .info .ins2 .col .item { margin-top: 6px; }
.contact .map .info .ins2 .col .item.marker i { font-size: 32px; }
.contact .map .info .ins2 .col .item.phone i { font-size: 26px; }
.contact .map .info .ins2 .col .item.mobile i { font-size: 36px; }
.contact .map .info .ins2 .col .item.fax i { font-size: 26px; }
.contact .map .info .ins2 .col .item.envelope i { font-size: 20px; }
.contact .map .info .ins2 .col .item.globe i { font-size: 24px; }
.contact .cont { max-width: 1758px; margin: auto auto; padding: 0 20px; }
.contact .ttl { padding: 44px 0 13px 0; text-align: center; border-bottom: 1px solid #404040; }
.contact .ttl h2 { margin: 0; font-size: 36px; font-weight: bold; }
.contact .frm { margin: auto auto; padding-top: 24px; max-width: 302px; }
.contact .frm .inpt { margin-top: 26px; }
.contact .frm .inpt input { background: #fff; border: 0; margin: 0; padding: 0 10px; width: 100%; height: 38px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.5); }
.contact .frm .inpt textarea { background: #fff; border: 0; margin: 0; padding: 10px; width: 100%; height: 166px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.5); }
.contact .frm .mybtn { text-align: center; margin-top: 32px; }
.contact .frm .mybtn input { margin: 0; padding: 0; background: none; border: 0; display: inline-block; font-size: 31px; color: #08182d; }
/********************* CONTACT *********************/

/********************* WEB TV *********************/
.webtv { }
.webtv .ttl { background: #252525; text-align: center; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.3); padding: 25px 20px 22px 20px; }
.webtv .ttl h2 { margin: 0; font-size: 30px; color: #fff; font-weight: bold; }
.webtv .cont { max-width: 1764px; margin: 0 auto; padding: 0 30px; }
.webtv .cont .txt { margin-top: 70px; }
.webtv .cont .blck { margin-top: 60px; }
.webtv .cont .blck .sttl { border-bottom: 1px solid #252b33; padding-bottom: 6px; }
.webtv .cont .blck .sttl .lft { display: inline-block; vertical-align: middle; width: 50%; }
.webtv .cont .blck .sttl .lft h3 { margin: 0; }
.webtv .cont .blck .sttl .lft h3 a { font-size: 30px; font-weight: bold; }
.webtv .cont .blck .sttl .rgt { display: inline-block; vertical-align: middle; width: 50%; text-align: right; }
.webtv .cont .blck .sttl .rgt a { font-size: 30px; font-weight: bold; }
.webtv .cont .blck .vds { }
.webtv .cont .blck .vds .pull-left { width: 40.8%; margin-top: 68px; }
.item-video-b { }
.item-video-b .img { border-bottom: 50px solid #ccc; position: relative; }
.item-video-b .img a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url(../img/play.png) no-repeat center center; }
.item-video-b .vttl { margin-top: 10px; }
.item-video-b .vttl a { font-size: 38px; font-weight: bold; }
.webtv .cont .blck .vds .pull-right { width: 59.2%; margin-top: 42px; padding-left: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.webtv .cont .blck .vds .pull-right .ins { width: 100%; max-width: 916px; float: right; }
.webtv .cont .blck .vds .pull-right .ins ul { margin-left: -1.3%; margin-right: -1.3%; }
.webtv .cont .blck .vds .pull-right .ins ul li { float: left; width: 30.73%; margin-left: 1.3%; margin-right: 1.3%; margin-top: 26px; }
.item-video-s { }
.item-video-s .img { border-bottom: 20px solid #ccc; position: relative; }
.item-video-s .img a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url(../img/play-small.png) no-repeat center center; }
.item-video-s .vttl { margin-top: 5px; min-height: 44px; }
.item-video-s .vttl a { font-size: 16px; font-weight: bold; }
.webtv .cont .lst { margin-top: 60px; }
.webtv .cont .lst .sttl { border-bottom: 1px solid #252b33; padding-bottom: 6px; font-size: 30px; font-weight: bold; }
.webtv .cont .lst .responsive-4 { padding: 60px 68px 0 68px; }
.webtv .cont .lst .responsive-4 .slider-item-4 { margin: 0 13px; }
/********************* WEB TV *********************/

/********************* PRODUCTS *********************/
.prods { }
.prods .lst { padding: 0 30px; }
.prods .lst ul { margin-left: -14px; margin-right: -14px; overflow: hidden; }
.prods .lst ul li { float: left; width: 25%; padding: 40px 14px; }
.p-item { max-width: 380px; margin: auto auto; }
.p-item .p-det { text-align: center; background: #ebebeb; padding: 34px 20px 22px 20px; }
.p-item .p-det .p-ttl { }
.p-item .p-det .p-ttl a { display: block; font-size: 35px; color: #176bbd; font-family: 'United Sans Cd Bk'; line-height: 34px; }
.p-item .p-det .p-prc { margin-top: 18px; }
.p-item .p-det .p-prc a { display: block; font-size: 30px; color: #393939; font-weight: 800; }
.p-item .p-det .p-lnk { margin-top: 10px; text-align: center; }
.p-item .p-det .p-lnk a { display: inline-block; background: #004e98; padding: 0 24px; line-height: 42px; font-size: 24px; color: #fff; font-weight: 800; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.p-item .p-det .p-lnk a:hover { background: var(--tooltip-color); }
/********************* PRODUCTS *********************/

/********************* PRODUCT *********************/
.prod { }
.prod .cont { margin-top: 30px; padding: 0 30px; }
.prod .lft { float: left; width: 60%; }
.prod .lft .ins { float: right; width: 100%; max-width: 974px; }
.prod .lft .ins .imgCont { background: #fff; }
.prod .lft .ins .responsive-1 { margin-top: 50px; padding: 0 66px; }
.prod .lft .ins .responsive-1 .slide { margin: 0 14px; cursor: pointer; }
.prod .lft .ins .prod-lft-cont { display: none; }
.prod .lft .ins .info { padding-top: 26px; }
.prod .lft .ins .info .info-lst { margin-top: 14px; }
.prod .lft .ins .info .info-lst ul { }
.prod .lft .ins .info .info-lst ul li { padding: 2px 24px 4px 24px; color: #231f20; }
.prod .lft .ins .info .info-lst ul li:nth-child(odd) { background: #e1e1e1; }
.prod .lft .ins .info .info-lst ul li:nth-child(even) { background: #ebebeb; }
.prod .lft .ins .info .info-lst ul li:first-child { font-size: 27px; font-weight: 800; padding-top: 6px; padding-bottom: 2px; }
.prod .lft .ins .info .info-lst ul li .li-lft { float: left; width: 50%; padding-right: 10px; }
.prod .lft .ins .info .info-lst ul li .li-rgt { float: right; width: 50%; padding-left: 10px; }
.prod .lft .ins .info .info-bnr { margin-top: 14px; position: relative; background-repeat: no-repeat; height: 396px; }
.prod .lft .ins .info .info-bnr.info-bnr-lft { background-position: center right; }
.prod .lft .ins .info .info-bnr.info-bnr-rgt { background-position: center left; }
.prod .lft .ins .info .info-bnr .bnr { position: absolute; top: 0; width: 268px; height: 100%; background: var(--tooltip-color); padding: 22px 18px 18px 18px; }
.prod .lft .ins .info .info-bnr.info-bnr-lft .bnr { left: 0; }
.prod .lft .ins .info .info-bnr.info-bnr-rgt .bnr { right: 0; }
.prod .lft .ins .info .info-bnr .bnr .bnr-ttl { font-size: 31px; color: #fff; font-weight: 700; line-height: 32px; }
.prod .lft .ins .info .info-bnr .bnr .bnr-txt { font-size: 21px; color: #fff; line-height: 25px; margin-top: 2px; }
.prod .lft .ins .info .info-bnr .img { display: none; }
.prod .lft .ins .info .info-dim { margin-top: 14px; background: #ebebeb; padding: 2px 24px 34px 24px; }
.prod .lft .ins .info .info-dim .dim-ttl { font-size: 27px; color: #231f20; font-weight: 800; }
.prod .lft .ins .info .info-dim .dim-img { margin-top: 40px; }
.prod .rgt { float: right; width: 40%; padding-left: 30px; }
.prod .rgt .ins { float: right; width: 100%; max-width: 580px; }
.prod-rgt-cont .top { max-width: 434px; }
.prod-rgt-cont .top .ttl { }
.prod-rgt-cont .top .ttl h1 { margin: 0; font-size: 43px; line-height: 36px; color: #333; font-family: 'United Sans Rg Hv'; }
.prod-rgt-cont .top .txt { display: block; font-size: 21px; color: #333; line-height: 25px; margin-top: 14px; }
.prod-rgt-cont .top .clrs { margin-top: 100px; }
.prod-rgt-cont .top .clrs span { font-size: 19px; color: #333; }
.prod-rgt-cont .top .clrs ul { font-size: 0; }
.prod-rgt-cont .top .clrs ul li { display: inline-block; vertical-align: top; margin: 6px 10px 0 0; }
.prod-rgt-cont .top .clrs ul li a { display: block; width: 30px; height: 30px; border: 1px solid #333; }
.prod-rgt-cont .top .prc { font-size: 45px; color: #333; font-family: 'United Sans Rg Hv'; margin-top: 32px; }
.prod-rgt-cont .top .mybtn { margin-top: 40px; }
.prod-rgt-cont .top .mybtn a { display: block; background: #004e98; font-size: 24px; color: #fff; font-weight: 800; text-align: center; padding: 14px 10px; }
.prod-rgt-cont .top .info2 { font-size: 16px; color: #333; line-height: 20px; margin-top: 30px; }
.prod-rgt-cont .ttl2 { font-size: 104px; color: #333; font-weight: 800; line-height: 106px; margin-top: 100px; }
/********************* PRODUCT *********************/

/********************* ACCSESSORIES *********************/
.accessor { }
.accessor .lst { padding: 0 30px; }
.accessor .lst ul { margin-left: -14px; margin-right: -14px; overflow: hidden; }
.accessor .lst ul li { float: left; width: 25%; padding: 0 14px; margin-top: 60px; margin-bottom: 30px; }
.accessor .lst ul li .ins { max-width: 336px; margin: auto auto; text-align: center; }
.accessor .lst ul li .ins .ttl { margin-top: 40px; }
.accessor .lst ul li .ins .ttl a { display: inline-block; background: #004e98; padding: 0 24px; line-height: 42px; font-size: 24px; color: #fff; font-weight: 800; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.accessor .lst ul li .ins .ttl a:hover { background: var(--tooltip-color); }
.accessor .m-cont { margin-top: 46px; }
/********************* ACCSESSORIES *********************/

.slide-mobile { display: none; }
.slide-mobile .item {  }
.slide-mobile .item img { max-width: 100%; width: auto; height: auto; display: block; margin-left: auto; margin-right: auto; }
.slide-mobile .slick-left,.slide-mobile .slick-right {font-size: 70px;padding: 0;color: #ccc;width: 40px;position: absolute;right: 10px;top: 50%;left: 0px;line-height: 60px;margin-top: -30px;text-align: center;cursor: pointer;z-index: 1;}
.slide-mobile .slick-right {right: 0px;left: auto;}
.slide-mobile .slick-left:hover,.slide-mobile .slick-right:hover{color: #eee;}
.slide-mobile .slick-disabled{/*cursor: no-drop;*/}
.slide-desktop {  }

/********************* NET *********************/
.net { margin-top: 20px; }
.net .top { text-align: right; }
.net .top ul { font-size: 0; }
.net .top ul li { display: inline-block; font-size: 11px; color: #8b8b8b; font-weight: 700; }
.net .top ul li a { font-size: 11px; color: #8b8b8b; font-weight: 700; }
.net .top ul li a:hover,
.net .top ul li a.active { color: #4c4c4c; }
.net .bot { margin-top: 10px; }
.net .bot .lft { float: left; width: 232px; position: relative; }
.net .bot .lft .blk { }
.net .bot .lft .blk.blk2 { margin-top: 10px; }
.net .bot .lft .blk .ttl { background: url(../img/arrow-down-13x7.png) no-repeat center right 16px #c8c8c8; font-size: 18px; color: #000; font-weight: 700; padding: 10px 45px 10px 16px; border-bottom: 4px solid #d1d1d1; border-radius: 3px; cursor: pointer; }
.net .bot .lft .blk .lst { margin-top: 6px; background: #d9d9d9; padding: 12px 12px 30px 12px; border-bottom: 4px solid #dfdfdf; border-radius: 3px; }
.net .bot .lft .blk .lst ul li { margin-top: 6px; }
.net .bot .lft .blk .lst ul li a { display: block; background: url(../img/lst-off.png) no-repeat center left; padding: 0 0 0 26px; font-size: 16px; color: #5f5f5f; font-weight: 700; }
.net .bot .lft .blk.blk2 .lst ul li a { font-size: 11px; }
.net .bot .lft .blk .lst ul li a:hover,
.net .bot .lft .blk .lst ul li a.active { background-image: url(../img/lst-on.png); }
.net .bot .rgt { float: right; width: 100%; margin-left: -232px; }
.net .bot .rgt .ins { padding-left: 242px; }
.net .bot .rgt .ins .lst { }
.net .bot .rgt .ins .lst ul li { padding-top: 10px; margin-top: 10px; border-top: 1px solid #000; }
.net .bot .rgt .ins .lst ul li:first-child { margin-top: 0; }
.net .bot .rgt .ins .lst ul li .img { float: left; width: 310px; position: relative; border: 1px solid #ebe9e1; }
/*.net .bot .rgt .ins .lst ul li .img .gmaps-contact { height: 310px; width: 100%; }*/
.net .bot .rgt .ins .lst ul li .img iframe { height: 310px; width: 100%; }
.net .bot .rgt .ins .lst ul li .det { float: right; width: 100%; margin-left: -310px; }
.net .bot .rgt .ins .lst ul li .det .ins2 { padding-left: 330px; }
.net .bot .rgt .ins .lst ul li .det .ins2 .ttl { font-size: 23px; color: #111; font-weight: 700; }
.net .bot .rgt .ins .lst ul li .det .ins2 .txt { display: block; font-size: 14px; color: #6e6e6e; font-weight: 700; line-height: 24px; margin-top: 14px; }
/********************* NET *********************/

/********************* ERROR 404 *********************/
.error404 { max-width: 1764px; margin: 0 auto; padding: 60px 30px 0 30px; text-align: center; }
.error404 .ttl { }
.error404 .ttl h1 { margin: 0; font-size: 30px; font-weight: 700; }
.error404 .ttl2 { margin-top: 8px; }
.error404 .ttl2 h2 { margin: 0; font-size: 24px; font-weight: 600; }
.error404 .txt { margin-top: 10px; }
/********************* ERROR 404 *********************/

/********************* SIMPLE *********************/
.simple { max-width: 1764px; margin: 0 auto; padding: 0 30px; }
.simple .ttl { margin-top: 40px; }
.simple .ttl h2 { margin: 0; font-size: 30px; font-weight: 700; }
.simple .txt { margin-top: 30px; }
.simple .lst { margin-top: 20px; }
.simple .lst ul li { margin-top: 10px; }
/********************* SIMPLE *********************/

@media only screen and (max-width: 1560px) {
/********************* HOMEPAGE *********************/
.h-item .h-img a span.h-ttl { font-size: 40px; line-height: 32px; }
.h-item .h-more a span { padding: 0 10px; font-size: 20px; }
/********************* HOMEPAGE *********************/
}

@media only screen and (max-width: 1400px) {
/********************* FOOTER *********************/
footer .top .lft { float: left; width: 360px; }
footer .top .rgt { margin-left: -360px; }
footer .top .rgt .ins { padding-left: 390px; }
/********************* FOOTER *********************/

/********************* PRODUCT *********************/
.prod-rgt-cont .ttl2 { font-size: 74px; color: #333; line-height: 72px; }
/********************* PRODUCT *********************/
}

@media only screen and (max-width: 1200px) {
/********************* FOOTER *********************/
footer { margin-top: 54px; }
footer .top .rgt .ins ul li > div { font-size: 16px; }
footer .top .rgt .ins ul li > div a { font-size: 16px; }
footer .top .rgt .ins ul li > div .txt { line-height: normal; font-size: 12px; }
footer .top .rgt .ins ul li > div .und .chk a { font-size: 14px; }
footer .top .rgt .ins ul li > div .und .mybtn input { font-size: 14px; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home { padding-bottom: 20px; }
.home .lst ul { margin-left: -10px; margin-right: -10px; }
.home .lst ul li { width: 33.33%; padding: 0 10px; margin-top: 20px; }
.home .lst ul li:nth-child(1),
.home .lst ul li:nth-child(2) { width: 50%; }

.h-item { max-width: 100%; }
.h-item .h-img a span.h-ttl { font-size: 50px; line-height: 38px; }
.h-item .h-more a span { padding: 0 24px; font-size: 24px; }
/********************* HOMEPAGE *********************/

/********************* PRODUCTS *********************/
.prods .lst ul li { width: 33.33%; }
/********************* PRODUCTS *********************/

/********************* PRODUCT *********************/
.prod .lft { width: 64%; }
.prod .lft .ins .responsive-1 { padding: 0 46px; }
.prod .rgt { width: 36%; }
/********************* PRODUCT *********************/

/********************* PRODUCT *********************/
.prod .lft { width: 64%; }
.prod .lft .ins { float: none; max-width: 100%; }
.prod .lft .ins .responsive-1 { padding: 0 46px; }
.prod .lft .ins .info { padding-top: 26px; }
.prod .lft .ins .info .info-lst ul li .li-lft { width: 38%; }
.prod .lft .ins .info .info-lst ul li .li-rgt { width: 62%; }
.prod .rgt { width: 36%; }
.prod .rgt .ins { float: none; max-width: 100%; }
.prod-rgt-cont .top { max-width: 100%; }
.prod-rgt-cont .top .clrs { margin-top: 64px; }
.prod-rgt-cont .top .mybtn { margin-top: 30px; }
/********************* PRODUCT *********************/

/********************* ACCSESSORIES *********************/
.accessor .lst ul li { width: 33.33%; }
/********************* ACCSESSORIES *********************/
}

@media only screen and (max-width: 1199px) { /* .col-lg- */
/********************* HEADER *********************/
header .top .lft { padding-top: 36px; }
header .top .lft a img { height: 41px; }
header .top .rgt .mn-srch .mn ul li:before { margin: 0 10px; font-size: 16px; }
header .top .rgt .mn-srch .mn ul li a { font-size: 16px; }
header .bot ul li a { font-size: 18px; padding-left: 0; padding-right: 0; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer .top { padding: 30px 0 24px 0; }
footer .top .lft { float: none; width: 100%; max-width: 474px; margin: auto auto; }
footer .top .rgt { float: none; width: 100%; max-width: 474px; margin: 23px auto 0 auto; }
footer .top .rgt .ins { padding-left: 0; }
footer .top .rgt .ins ul li { float: left; width: 33.33%; text-align: center; position: relative; padding: 0 30px; }
footer .top .rgt .ins ul li:nth-child(1),
footer .top .rgt .ins ul li:nth-child(2) { width: 50%; text-align: center; }
footer .top .rgt .ins ul li:nth-child(1) > div,
footer .top .rgt .ins ul li:nth-child(2) > div { text-align: center; }
footer .top .rgt .ins ul li:nth-child(1) { padding: 0 10px 0 0; }
footer .top .rgt .ins ul li:nth-child(2) { padding: 0 0 0 10px; }
footer .top .rgt .ins ul li:nth-child(3) { clear: both; float: none; width: 100%; padding: 50px 0 0 0; }
footer .top .rgt .ins ul li:before { height: 100%; }
footer .top .rgt .ins ul li:last-child:before { display: none; }
footer .top .rgt .ins ul li:nth-child(3) > div { max-width: 100%; float: none; }

.copy { padding: 14px 0 14px 0; text-align: center; }
.copy .lft { float: none; margin-right: 0; }
.copy .rgt { float: none; margin-top: 6px; }
/********************* FOOTER *********************/

/********************* PRODUCT *********************/
.prod-rgt-cont .ttl2 { display: none; }
/********************* PRODUCT *********************/

.webtv .cont { padding-left: 20px; padding-right: 20px; }
.webtv .cont .txt { margin-top: 40px; }
.webtv .cont .blck { margin-top: 50px; }
.webtv .cont .blck .vds .pull-left { float: none !important; width: 100%; margin-top: 30px; }
.webtv .cont .blck .vds .pull-left .item-video-b .vid { border-bottom: 30px solid #ccc; }
.webtv .cont .blck .vds .pull-left .item-video-b .vttl a { font-size: 30px; }
.webtv .cont .blck .vds .pull-right { float: none !important; width: 100%; margin-top: 0; padding-left: 0; }
.webtv .cont .blck .vds .pull-right .ins { max-width: 100%; float: none; }
.webtv .cont .blck .vds .pull-right .ins ul { margin-left: -1%; margin-right: -1%; }
.webtv .cont .blck .vds .pull-right .ins ul li { width: 31.33%; margin-left: 1%; margin-right: 1%; margin-top: 30px; }
.webtv .cont .lst { margin-top: 50px; }
}

@media only screen and (max-width: 991px) { /* .col-md- */
.main-txt, .main-txt a, .main-txt span, .main-txt div { font-size: 16px; }

/********************* HEADER *********************/
header .top { height: 90px; }
header .top .lft { float: none; padding-top: 10px; }
header .top .lft a img { height: 33px; }
header .top .rgt { float: none; padding: 10px 0 0 0; height: 47px; }
header .top .rgt .espa { position: absolute; top: -43px; right: 0; }
header .top .rgt .espa img { height: 90px; }
header .top .rgt .soc-lngs { text-align: left; }
header .top .rgt .soc-lngs .soc ul li:first-child { margin-left: 0; }
header .top .rgt .mn-srch { text-align: center; margin-top: 9px; margin-left: -20px; margin-right: -20px; background: #003c75; height: 50px; padding: 10px 20px 0 20px; }
header .top .rgt .mn-srch .mn ul li { vertical-align: top; }
header .top .rgt .mn-srch .mn ul li:before { margin: 0 8px 0 5px; }
header .top .rgt .mn-srch .mn ul li a { font-weight: 600; }
header .top .rgt .mn-srch .srch { display: none; }
header .bot { display: none; }
header .mob-menu-toggle { margin-top: 50px; display: block; }
/********************* HEADER *********************/

/********************* HOMEPAGE *********************/
.h-item .h-img a span.h-ttl { font-size: 40px; line-height: 32px; }
.h-item .h-more a span { padding: 0 10px; font-size: 20px; }
/********************* HOMEPAGE *********************/

.contact .ttl { padding-top: 30px; padding-bottom: 18px; }
.contact .ttl h2 { font-size: 28px; }
.contact .map .info .ins { padding-top: 8px; padding-bottom: 20px; }
.contact .map .info .ins2 .col { float: none; padding-right: 0; text-align: center; }
.contact .map .info .ins2 .col.col1 { width: 100%; }
.contact .map .info .ins2 .col.col2 { width: 100%; }
.contact .map .info .ins2 .col.col3 { width: 100%; }
.contact .map .info .ins2 .col span.fa { width: 34px; text-align: left; }
.contact .map .info .ins2 .col .item { margin-top: 12px; }
.contact .frm { padding-top: 0; }
.contact .frm .mybtn { margin-top: 26px; }
.contact .frm .mybtn input { font-size: 28px; }

.about { }
.about .cont { margin: 10px; max-width: 100%; padding-top: 0px; padding-bottom: 60px; -webkit-box-shadow: none; box-shadow: none; }
.about .cont .ttl { padding-top: 30px; padding-bottom: 10px; }
.about .cont .ttl h2,
.about .cont .ttl h3 { font-size: 24px; }
.about .cont .txt { padding-top: 20px; }

.webtv .ttl { padding: 15px 10px 12px 10px; }
.webtv .ttl h2 { font-size: 24px; }
.webtv .cont .txt { margin-top: 30px; }
.webtv .cont .blck .sttl .lft h3 a { font-size: 24px; }
.webtv .cont .blck .sttl .rgt a { font-size: 24px; }
.webtv .cont .lst .responsive-4 { padding-top: 50px; }

.net .bot .rgt .ins .lst ul li .img { width: 200px; }
/*.net .bot .rgt .ins .lst ul li .img .gmaps-contact { height: 200px; }*/
.net .bot .rgt .ins .lst ul li .img iframe { height: 200px; }
.net .bot .rgt .ins .lst ul li .det { margin-left: -200px; }
.net .bot .rgt .ins .lst ul li .det .ins2 { padding-left: 220px; }
}

@media only screen and (max-width: 768px) { /* .col-sm- */
.pagin { margin-top: 30px; }

.main-title { border: 0; background: none !important; height: auto; }
.main-title span.ins { position: relative; top: auto; left: auto; height: auto; padding: 12px 10px 3px 10px; display: block; line-height: normal; }
.main-title span.ins .logo img { margin: auto auto; }
.main-title span.ins .ttl { text-align: center; }
.main-title span.ins .ttl-s { font-size: 35px; margin-top: 5px; }
.main-title span.bg { background: var(--tooltip-color) !important; }

/********************* HOMEPAGE *********************/
.home .top .logo { left: 36px; }
.home .top .ins { max-width: 100%; padding: 0; }
.home .top .ins .ins1 { left: 28px; }
.home .top .ins .ins2 { max-width: 100%; padding: 0 28px 20px 0; justify-content: flex-end; }
.home .top .ins .ins2 .txt { display: none; }
.home .top .ins .ins2 .mybtn { margin-top: 0; }
.home .top .ins .ins2 .mybtn a { padding: 0 24px; }
.home .lst { max-width: 734px; margin-left: auto; margin-right: auto; }
.home .lst ul li { width: 50%; }
.home .lst ul li:nth-child(5) { width: 100%; }

.h-item .h-img a span.h-ttl { font-size: 50px; line-height: 38px; }
.h-item .h-more a span { padding: 0 24px; font-size: 24px; }
/********************* HOMEPAGE *********************/

/********************* PRODUCTS *********************/
.prods .lst ul li { width: 50%; padding: 30px 14px; }
.p-item .p-det { padding-left: 10px; padding-right: 10px; }
.p-item .p-det .p-lnk a { padding: 0 14px; font-size: 18px; }
/********************* PRODUCTS *********************/

/********************* PRODUCT *********************/
.prod .lft { float: none; width: 100%; }
.prod .lft .ins .responsive-1 { margin-top: 20px; padding: 0 34px; }
.prod .lft .ins .prod-lft-cont { display: block; }
.prod .rgt { display: none; }
.prod-rgt-cont .top { margin-top: 50px; }
.prod-rgt-cont .top .ttl-txt { float: left; width: 60%; padding-right: 20px; }
.prod-rgt-cont .top .clrs-prc { float: right; width: 40%; padding-left: 20px; }
.prod-rgt-cont .top .clrs { margin-top: 0; }
.prod-rgt-cont .top .prc { margin-top: 80px; }
.prod-rgt-cont .top .mybtn { max-width: 384px; margin: 50px auto 0 auto; }
.prod-rgt-cont .top .info2 { max-width: 384px; margin: 16px auto 0 auto; }
/********************* PRODUCT *********************/

/********************* ACCSESSORIES *********************/
.accessor .lst ul li { width: 50%; }
.accessor .lst ul li .ins .ttl a { padding: 0 14px; font-size: 18px; }
/********************* ACCSESSORIES *********************/

.about .cont { padding-bottom: 40px; padding-left: 20px; padding-right: 20px; }

.webtv .cont .txt { margin-top: 30px; }
.webtv .cont .blck { margin-top: 40px; }
.webtv .cont .blck .vds .pull-left { margin-top: 20px; }
.webtv .cont .blck .vds .pull-left .item-video-b .vid { border-bottom: 20px solid #ccc; }
.webtv .cont .blck .vds .pull-left .item-video-b .vttl a { font-size: 24px; }
.webtv .cont .blck .vds .pull-right .ins ul li { width: 48%; margin-top: 20px; }
.webtv .cont .lst { margin-top: 40px; }
.webtv .cont .lst .responsive-4 { padding-top: 40px; padding-left: 60px; padding-right: 60px; }
.webtv .cont .lst .responsive-4 .slider-item-4 { margin: 0 5px; }

.error404 { padding-top: 40px; }

.slide-mobile { display: block; }
.slide-desktop { display: none; }
}

@media only screen and (max-width: 767px) { /* .col-xs- */
.main-content-ins { padding-left: 10px; padding-right: 10px; }
.main-content-ins-2 { padding-left: 10px; padding-right: 10px; }

.copy .ins { text-align: center; }
.copy .ins .pull-left { float: none !important; margin-right: 0; }
.copy .ins .pull-right { float: none !important; margin-top: 12px; }
.copy .ins .pull-right a img { display: inline-block; }

/********************* HEADER *********************/
header .top .rgt .mn-srch { margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px; }
/********************* HEADER *********************/

/********************* NET *********************/
.net .bot .lft { float: none; width: 100%; }
.net .bot .lft .blk .lst { display: none; }
.net .bot .rgt { float: none; margin-left: 0; margin-top: 20px; }
.net .bot .rgt .ins { padding-left: 0; }
/********************* NET *********************/
}

@media only screen and (max-width: 640px) {
/********************* HOMEPAGE *********************/
.home .top .logo { top: 20px; left: 20px; }
.home .top .ins .ins1 { left: 20px; }
.home .top .ins .ins2 { padding: 0 20px 80px 0; }
.home .top .ins .ins2 .mybtn a { padding: 0 20px; }
/********************* HOMEPAGE *********************/

.webtv .cont .lst .responsive-4 { padding-top: 30px; padding-left: 65px; padding-right: 65px; }
.webtv .cont .lst .responsive-4 .slider-item-4 { margin: 0; }
}

@media only screen and (max-width: 560px) {
/********************* HOMEPAGE *********************/
.home { padding-bottom: 10px; }
.home .lst { max-width: 100%; }
.home .lst ul { margin-left: 0; margin-right: 0; }
.home .lst ul li { width: 100% !important; padding-left: 0; padding-right: 0; margin-top: 10px; }
/********************* HOMEPAGE *********************/

/********************* PRODUCT *********************/
.prod-rgt-cont .top { max-width: 384px; margin-left: auto; margin-right: auto; text-align: center; }
.prod-rgt-cont .top .ttl-txt { float: none; width: 100%; padding-right: 0; }
.prod-rgt-cont .top .clrs-prc { float: none; width: 100%; padding-left: 0; }
.prod-rgt-cont .top .clrs { margin-top: 24px; }
.prod-rgt-cont .top .prc { margin-top: 20px; }
.prod-rgt-cont .top .mybtn { margin-top: 0; }
/********************* PRODUCT *********************/
}

@media only screen and (max-width: 480px) {
.main-txt, .main-txt a, .main-txt span, .main-txt div { font-size: 14px; }

.main-title span.ins .ttl-b { font-size: 44px; line-height: 34px; }

/********************* HEADER *********************/
header .top .lft a img { height: 30px; }
header .top .rgt { padding-top: 13px; height: 50px; }
header .top .rgt .espa { top: -40px; }
header .top .rgt .mn-srch .mn ul li:before { margin: 0 3px 0 0; font-weight: 300; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { margin-top: 40px; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .top .logo { top: 14px; left: 14px; }
.home .top .ins .ins1 { bottom: 70px; left: 14px; }
.home .top .ins .ins1 a { font-size: 50px; line-height: 38px; }
.home .top .ins .ins2 { float: none; height: auto; display: block; position: absolute; bottom: 14px; left: 14px; padding-bottom: 0; }
/********************* HOMEPAGE *********************/

/********************* PRODUCTS *********************/
.prods .lst { padding: 0; }
.prods .lst ul { margin-left: 0; margin-right: 0; }
.prods .lst ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; }
.p-item { max-width: 100%; }
.p-item .p-det .p-lnk a { padding: 0 24px; font-size: 24px; }
/********************* PRODUCTS *********************/

/********************* ACCSESSORIES *********************/
.accessor .lst { padding: 0; }
.accessor .lst ul { margin-left: 0; margin-right: 0; }
.accessor .lst ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; }
.accessor .lst ul li .ins .ttl a { padding: 0 24px; font-size: 24px; }
/********************* ACCSESSORIES *********************/

/********************* PRODUCT *********************/
.prod .lft .ins .info .info-lst ul li { padding: 0; }
.prod .lft .ins .info .info-lst ul li:nth-child(odd) { background: none; }
.prod .lft .ins .info .info-lst ul li:nth-child(even) { background: none; }
.prod .lft .ins .info .info-lst ul li:first-child { font-size: 27px; font-weight: 800; padding-top: 0; padding-bottom: 2px; }
.prod .lft .ins .info .info-lst ul li { margin-top: 10px; }
.prod .lft .ins .info .info-lst ul li:first-child { margin-top: 4px; }
.prod .lft .ins .info .info-lst ul li .li-lft { float: none; width: 100%; padding-right: 0; font-weight: 600; }
.prod .lft .ins .info .info-lst ul li .li-rgt { float: none; width: 100%; padding-left: 0; margin-top: 6px; }

.prod .lft .ins .info .info-bnr { height: auto; background: none !important; }
.prod .lft .ins .info .info-bnr .bnr { position: relative; top: auto; width: 100%; height: auto; padding: 20px 20px 30px 20px; text-align: center; }
.prod .lft .ins .info .info-bnr.info-bnr-lft .bnr { left: auto; }
.prod .lft .ins .info .info-bnr.info-bnr-rgt .bnr { right: auto; }
.prod .lft .ins .info .info-bnr .img { display: block; }

.prod .lft .ins .info .info-dim { margin-top: 14px; background: #ebebeb; padding: 2px 24px 34px 24px; }
.prod .lft .ins .info .info-dim .dim-ttl { font-size: 27px; color: #231f20; font-weight: 800; }
.prod .lft .ins .info .info-dim .dim-img { margin-top: 40px; }
/********************* PRODUCT *********************/

.contact .ttl { padding-top: 20px; padding-bottom: 12px; }
.contact .ttl h2 { font-size: 24px; font-weight: normal; }
.contact .map .info .ins2 .col span.fa { display: block; text-align: center; width: 56px; margin: auto auto; text-align: center; font-size: 26px; }
.contact .map .info .ins2 .col span.nofa { display: block; font-size: 14px; margin-top: 4px; }
.contact .frm .inpt { margin-top: 20px; }
.contact .frm .mybtn { margin-top: 20px; }
.contact .frm .mybtn input { font-size: 24px; }

.about .cont { padding-bottom: 30px; padding-left: 10px; padding-right: 10px; }
.about .cont .ttl { padding-top: 20px; }
.about .cont .ttl h2,
.about .cont .ttl h3 { font-weight: normal; }

.webtv .cont { padding-left: 10px; padding-right: 10px; }
.webtv .cont .blck .sttl .lft h3 a { font-size: 20px; }
.webtv .cont .blck .sttl .rgt a { font-size: 20px; }
.webtv .cont .blck .vds .pull-left .item-video-b .vid { border-bottom: 10px solid #ccc; }
.webtv .cont .blck .vds .pull-left .item-video-b .vttl a { font-size: 20px; }
.webtv .cont .blck .vds .pull-right .ins ul { margin-left: 0; margin-right: 0; }
.webtv .cont .blck .vds .pull-right .ins ul li { float: none; width: 100%; margin-left: 0; margin-right: 0; }
.webtv .cont .blck .vds .pull-right .ins ul li .item-video-s .vid { border-bottom: 10px solid #ccc; }

.error404 { padding-top: 30px; }

/********************* NET *********************/
.net .bot .rgt .ins .lst ul li .img { float: none; width: 100%; }
.net .bot .rgt .ins .lst ul li .det { float: none; margin-left: 0; margin-top: 10px; }
.net .bot .rgt .ins .lst ul li .det .ins2 { padding-left: 0; text-align: center; }
.net .bot .rgt .ins .lst ul li .det .ins2 .txt { margin-top: 6px; }
/********************* NET *********************/
}

@media only screen and (max-width: 479px) {
/********************* PRODUCT *********************/
.prod .cont { padding: 0 10px; }
/********************* PRODUCT *********************/
}