@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,900,300,100&subset=latin,latin-ext);

html, body { padding:0px; margin:0px; width:100%; height:auto;  }

body { background: #FFFFFF; color: #000000; font-size: 14px; font-weight:normal; font-family: 'Roboto', sans-serif; cursor: default; min-height:780px; padding-bottom:100px; }
body { min-width: 670px; }

a { text-decoration:none; }
a:hover { text-decoration:none; }

/* .doc2col a .d2ybutt, */
.xlogotd2 ul,
.xlogotd2 a div,
.doctit2 a .doctitbut1,
.xsubpageleft li a div,
.xtright li a,
.xtleft li a,
.xlogoline ul.xtright a,
.xsliderdots ul li,
.qprods a,
.xslider,
.xpagefooter .xins ul.tbl li.td a li,
a .xmovetop,
.trans02 {
  transition: opacity .2s ease-out, height .2s ease-out, margin .2s ease-out;
  -moz-transition: opacity .2s ease-out, height .2s ease-out, margin .2s ease-out;
  -webkit-transition: opacity .2s ease-out, height .2s ease-out, margin .2s ease-out;
  -o-transition: opacity .2s ease-out, height .2s ease-out, margin .2s ease-out;
}

.ximgr,
a .xmovetop,
.trans05
{
  transition: opacity .5s ease-out, height .5s ease-out, width .5s ease-out, margin .5s ease-out;
  -moz-transition: opacity .5s ease-out, height .5s ease-out, width .5s ease-out, margin .5s ease-out;
  -webkit-transition: opacity .5s ease-out, height .5s ease-out, width .5s ease-out, margin .5s ease-out;
  -o-transition: opacity .5s ease-out, height .5s ease-out, width .5s ease-out, margin .5s ease-out;
}

.xslider li.sitem,
.trans1
{
  transition: opacity 1s ease-out, height 1s ease-out, margin 1s ease-out;
  -moz-transition: opacity 1s ease-out, height 1s ease-out, margin 1s ease-out;
  -webkit-transition: opacity 1s ease-out, height 1s ease-out, margin 1s ease-out;
  -o-transition: opacity 1s ease-out, height 1s ease-out, margin 1s ease-out;
}

.rtbl { display: table; }

.xtopline { background-color: #F2F2F2; height: 44px; margin-top:2px; padding-bottom:1px; }
.xtoplineins { border-bottom: 1px solid #D6D6D6; }
.xtoplineins2 { height:43px; }
.xtoplinediv { width:1171px; position:relative; margin-left: auto; margin-right:auto; }
.xtoplinediv ul, .xtoplinediv ul li { padding:0px; margin:0px; }
.xtoplinediv ul.xtleft { position:absolute; left:0px; }
.xtoplinediv ul.xtright { position:absolute; right:0px; }
.xtoplinediv ul li { display: table-cell; vertical-align: middle; height:43px; }

.xtoplinediv .xtright li a { display: block; padding-right:3px; padding-left:3px; opacity:1; }
.xtoplinediv .xtright li a:hover { opacity: 0.5; }

.xtoplinediv .xtleft li a { display: block; opacity:1; }
.xtoplinediv .xtleft li a:hover { opacity: 0.5; }

.xico { height:30px; width:30px; background-image: url(../images/iset1.png); background-repeat: no-repeat; }
.xico1 { background-position: 0px center; }
.xico2 { background-position: -30px center; }
.xico3 { background-position: -65px center; }
.xico4 { background-position: -101px center; }
.xico5 { background-position: -136px center; }

.qico { padding-left:20px; padding-top:5px; padding-bottom:3px; margin-right:20px; font-size:12px; color: #5E5E5E;  }
.qico2 .qico { padding-left:30px !important; }

.qico1 { background-image: url(../images/i1.png); background-repeat: no-repeat; background-position: left center; }
.qico2 { background-image: url(../images/i2.png); background-repeat: no-repeat; background-position: left center; }
.qico3 { background-image: url(../images/i3.png); background-repeat: no-repeat; background-position: left center; }


.xg1 { position:absolute;right:0px;top:0px;width:61px; height:491px;background:url(../images/y2.png) top right no-repeat;z-index:100; }
.xg2 { position:absolute;left:0px;bottom:0px;width:53px; height:434px;background:url(../images/y3.png) bottom left no-repeat;z-index:101; }
.xg3 { position:absolute;left:0px;bottom:0px;width:609px; height:67px;background:url(../images/y4.png) bottom left no-repeat;z-index:100; }

.xlogoline { height: 171px;  font-family: 'Roboto Condensed', sans-serif; }
.xlogolineins { }
.xlogolineins2 { height:171px; }
.xlogolinediv { width:1171px; position:relative; margin-left: auto; margin-right:auto; }
.xlogolinediv ul, .xlogolinediv ul li { padding:0px; margin:0px; }
.xlogolinediv div.xtleft { position:absolute; left:0px; }
.xlogolinediv ul.xtright { position:absolute; right:0px; }
.xlogolinediv ul li { display: table-cell; vertical-align: bottom; height:109px; }

.xlogoline div.xtleft { width:251px; height: 171px; background: url(../images/logo.png) no-repeat left 44px; }
.xlogoline ul.xtright { font-size:22px; font-weight:300; }
.xlogoline ul.xtright li.xitem { padding-left: 10px; padding-right: 10px; }
.xlogoline ul.xtright a { display:block; color:#000000; opacity:1; }
.xlogoline ul.xtright a:hover { opacity:0.5; }
.xlogoline ul.xtright li.active a { color:#004777 !important; font-weight: bold; }

.xbannerline { height: 542px;  font-family: 'Roboto', sans-serif; }
.xbannerline2 { height: 252px;  font-family: 'Roboto', sans-serif; }
.xbannerlineins { }
.xbannerlineins2 { }
.xbannerlinediv { width:100%; }
.xbannerlinediv ul, .xlogolinediv ul li { padding:0px; margin:0px; }
.xbannerlinediv div.xtleft { position:absolute; left:0px; right:50% }
.xbannerlinediv div.xtright { position:absolute; left:50%; right:0px; background-color: #004777; }
.xbannerlinediv div.xtdiv  { height:542px; }
.xbannerlinediv div.xtsubdiv  { height:252px; }

.xbannerlinediv ul li { display: table-cell; vertical-align: top; }

.xbannerlinediv .xtleft { background-repeat: no-repeat; background-size: cover; background-position: right center; }
.xbannerlinediv .xtright { color: #FFFFFF; }


.xsubslider { display:block; position:relative; margin-left:52px; margin-top:57px; width:513px; height: 148px; overflow:hidden; }
.xsubsliderins {  }
ul.xslider2 { display: table; padding: 0px; margin: 0px; }
ul.xslider2 li.sitem { display: table-cell; width:513px; height: 148px; overflow:hidden; }
ul.xslider2 li.sitem div.sitemins { display: block; width:513px; height: 148px; overflow:hidden; }

.sitemins2 { position:relative; }
.sitemins2 h1 { display: block; padding:0px; margin:0px; margin-bottom:20px; font-size:28px; font-family: 'Roboto Condensed', sans-serif; }
.sitemins2 h2 { display: block; padding:0px; margin:0px; margin-bottom:20px; font-size:22px; font-weight:400; font-family: 'Roboto Condensed', sans-serif; }
.sitemins2 h3 { display: block; position: absolute; bottom:0px; left:0px; width: 172px; height: 172px; background: url(../images/y1.png) center center no-repeat; }
.sitemins2 h3>span { display: table-cell; width: 172px; height: 172px; color: #FFFFFF;
  vertical-align: middle; font-size: 22px; text-transform: uppercase; font-weight:300; padding:0px; margin:0px; text-align:center; }
.sitemins2 p { display: block; padding:0px; margin:0px; position: absolute; bottom:0px; right:23px; width: 282px; height: 172px; font-size:14px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; }


.xhomeslider { display:block; position:relative; margin-left:52px; margin-top:79px; width:513px; height: 411px; overflow:hidden; }
.xhomesliderins {  }
ul.xslider { display: table; padding: 0px; margin: 0px; }
ul.xslider li.sitem { display: table-cell; width:513px; height: 411px; overflow:hidden; }
ul.xslider li.sitem div.sitemins { display: block; width:513px; height: 411px; overflow:hidden; }

.sitemins { position:relative; }
.sitemins h1 { display: block; padding:0px; margin:0px; margin-bottom:20px; font-size:28px; font-family: 'Roboto Condensed', sans-serif; }
.sitemins h2 { display: block; padding:0px; margin:0px; margin-bottom:20px; font-size:22px; font-weight:400; width:335px; font-family: 'Roboto Condensed', sans-serif; }
.sitemins h3 { display: block; position: absolute; bottom:0px; left:0px; width: 172px; height: 172px; background: url(../images/y1.png) center center no-repeat; }
.sitemins h3>span { display: table-cell; width: 172px; height: 172px; color: #FFFFFF;
  vertical-align: middle; font-size: 22px; text-transform: uppercase; font-weight:300; padding:0px; margin:0px; text-align:center; }
.sitemins p { display: block; padding:0px; margin:0px; position: absolute; bottom:0px; right:23px; width: 282px; height: 172px; font-size:14px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; }


.xsliderdots { position:absolute;right:0px;bottom:0px; }
.xsliderdots ul { display:table; height: 27px; position:relative; left:-10px; top:-10px; }
.xsliderdots ul li { width:32px; background-image: url(../images/sdots.png); background-position: -33px center; background-repeat: no-repeat; opacity:1; cursor:pointer;  }
.xsliderdots ul li:hover { opacity:0.5; }
.xsliderdots ul li.active { background-position: 0px center; }

.qprod { width:170px; height: 312px; background-position: center top; background-repeat: no-repeat;  }
.qprod>div { position: absolute; top: 189px; display: table; }
.qprodins { display: table-cell; position:relative; height:156px; width:170px; vertical-align: middle; font-size:22px; font-weight:300; color:#FFFFFF;
  text-align:center; text-transform: uppercase; }
.qprod1 { background-color: #59A4C0; background-image: url(../images/p1.png); }
.qprod2 { background-color: #F46B00; background-image: url(../images/p2.png); }
.qprod3 { background-color: #779617; background-image: url(../images/p3.png); }

.doccontent { width:1171px; margin-left:auto; margin-right:auto; position:relative; }
.doccontent .qtbl { display: table; width:100%; }
.doccontent .qtd { display: table-cell; vertical-align:top; }
.doccontent .qtd50 { display: table-cell; width:50%; vertical-align:top; }
.doccontent .qtd30 { display: table-cell; width:50%; vertical-align:top; }

.doccontent h1 { font-size: 44px; color:#365468; font-weight:bold; padding:0px; margin:0px; padding-bottom:15px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; }
.doccontent p { font-size: 18px; color:#535353 ; font-weight:bold; padding:0px; margin:0px; padding-bottom:15px; font-weight:300; }

.dpadright { padding-right:20px; }

.qprods a { opacity:1; }
.qprods a:hover { opacity:0.5; }

.dgrayblock { background-color: #F4F4F4; padding:25px; margin-top:30px; border-bottom:1px solid #C6C6C6; }
.dgrayblock .dxins {
-moz-column-count:3;
-webkit-column-count:3;
column-count:3;
-moz-column-gap:20px;
-webkit-column-gap:20px;
column-gap:20px;
column-fill: auto;
}

.nocolbreak {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
}

.dgtbl { display: table; padding:0px; margin:0px; width:100%; table-layout: fixed; padding-bottom:15px; }
.dgblue { display: table-cell; width: 53px; text-align:center; vertical-align:top; }
.dgblueins { color:white; font-family: 'Roboto Condensed', sans-serif; font-size: 17px; font-weight:bold; display: table-cell;
  height: 53px; width: 53px; text-align:center; vertical-align:middle; background-color:#004777;  }
.dgtitle { padding:10px; padding-top:3px; font-family: 'Roboto Condensed', sans-serif; color:#365468; font-size:18px; font-weight:bold; }

.dxins .nocolbreak p { color:#365468 !important; }
.dxins .nocolbreak a { color:#365468 !important; font-size: 18px; }

.doctit2 { margin-top:50px; display:table; width:100%; height: 80px; }
.doctit2left { display: table-cell; width: 899px; height: 80px; }
.doctit2left h1 { padding:0px; margin:0px; color:#365468; font-size:46px; text-transform: uppercase; font-weight: bold; }
.doctit2left h2 { padding:0px; margin:0px; color:#365468; font-size:22px; text-transform: uppercase; font-weight: 300; }
.doctit2right { display: table-cell; height: 80px; }

.doctit2 a .doctitbut1 { opacity:1; }
.doctit2 a:hover .doctitbut1 { opacity:0.5; }

.doctitbut1 { display: table; width:272px; height:68px; table-layout: fixed; padding:0px; margin:0px; position:relative; top:13px; }
.doctitbut1left { display: table-cell; background-color: #004777; color:#FFFFFF; vertical-align: middle; text-align:center; font-size:22px; text-transform: uppercase; }
.doctitbut1right { display: table-cell; width:70px; height:68px; background: url(../images/b1.png) no-repeat center center; }

.doc2col {
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
-moz-column-gap:20px;
-webkit-column-gap:20px;
column-gap:20px;
column-fill: auto;
}

.doc2col { margin-top:55px; margin-bottom:55px;  }
.doc2col .nocolbreak { position:relative; }
.doc2col .nocolbreak h1 { color: #365468; font-size: 31px; padding-bottom: 50px; background: url(../images/c1.png) left 50px no-repeat;  }
.doc2col .nocolbreak p { font-size:22px; font-weight:300; }
.doc2col .nocolbreak p.d2ico { padding-left:89px; padding-bottom:20px; background-repeat:no-repeat; background-position: left top; }
.doc2col .nocolbreak p.d2img { padding-left:297px; padding-bottom:43px; background-repeat:no-repeat; background-position: left top; }
.doc2col .nocolbreak .d2ybutt { padding-left: 45px;  padding-right: 45px; display:table-cell; height:40px; background: #ECC631;
    text-transform:uppercase; color:#FFFFFF; vertical-align:middle; font-size:22px; }

.doc2col a .d2ybutt { opacity:1; }
.doc2col a:hover .d2ybutt { opacity:0.5; }

a .xmovetop { opacity:0.5; }
a:hover .xmovetop { opacity:1; }
.xmovetop { position: fixed; bottom: 10px; right:10px; width:0px; height:50px; background: url(../images/upbutt.png) no-repeat left bottom; }

.xlogofooter { height:129px; background: #F4F4F4; border-bottom: 1px solid #D7D7D7; }
.xlogofooter .xins { width: 1171px; margin-left:auto; margin-right:auto; }
.xlogofooter .xins .xlogotbl { display: table; table-layout: fixed; width:100%; padding:0px; margin:0px; height:129px; }
.xlogofooter .xins .xlogotd1 { display: table-cell; width:36px; padding:0px; margin:0px; vertical-align: middle; height:129px; cursor: pointer; }
.xlogofooter .xins .xlogotd2 { display: table-cell; width:1099px; padding:0px; margin:0px; vertical-align: middle; height:129px; overflow:hidden; }
.xlogotd2  ul { padding:0px; margin:0px; list-style: none; display: table; height:129px; table-layout: fixed; }
.xlogotd2  ul li { padding:0px; margin:0px; list-style: none; display: table-cell; vertical-align: middle; height:129px; }
.xlogotd2  ul li img { padding-left:20px; padding-right:20px; }
.xlogotd2  ul li div { }

.xlogotd2 a div { opacity:1; }
.xlogotd2 a:hover div { opacity:0.5; }

.xpagefooter { padding-top:21px; }
.xpagefooter .xins { width: 1171px; margin-left:auto; margin-right:auto; }
.xpagefooter .xins ul.tbl { display: table; width:1113px; padding:0px; margin:0px; list-style: none; }
.xpagefooter .xins ul.tbl li.td { display: table-cell; padding:0px; margin:0px; list-style: none; vertical-align: top; }


.xpagefooter .xins ul.tbl li.td .xtbl { display: table; padding:0px; margin:0px; padding-top: 34px; width:493px; }
.xbotlogotext { display:table-cell; width:254px; font-size: 14px; color: #535353; padding-right: 20px; vertical-align: middle; text-align: right; }
.xbotlogoimg { display:table-cell;  vertical-align: middle; }

.xpagefooter .xins ul.tbl li.td { font-family: 'Roboto', sans-serif; font-weight: 300; }

.xpagefooter .xins ul.tbl li.td h1 { font-size:30px; color: #084776; padding:0px; margin:0px; padding-bottom:15px; font-weight: 300; }
.xpagefooter .xins ul.tbl li.td ul { display: block; list-style: none; padding:0px; margin:0px; }
.xpagefooter .xins ul.tbl li.td ul li { display: block; list-style: none; padding:0px; margin:0px; padding-left:20px; background: url(../images/dot1.png) left center no-repeat;
    color:#535353; font-size: 18px; }

.xpagefooter .xins ul.tbl li.td a li { opacity: 1; }
.xpagefooter .xins ul.tbl li.td a:hover li { opacity: 0.5; }

.doccontent .xsubpageleft h1.xblue { display: table; width: auto; padding:12px; text-transform: uppercase; font-size: 24px; color: #FFFFFF;
   font-weight: 400; background-color:#004777; margin-bottom: 22px; }
.doccontent .xsubpageleft ul { display: block; padding:0px; margin:0px; list-style:none; margin-bottom: 56px; }
.doccontent .xsubpageleft ul li { font-weight: 300; color: #004777; padding-top:3px; padding-bottom:3px; padding-left: 40px;  font-size:18px;
  background: url(../images/dot2.png) 12px center no-repeat;  }
.doccontent .xsubpageleft ul li.active { font-weight:bold; }
.doccontent .xsubpageleft ul li a { color: #004777; }

.doccontent .xsubpageleft li a div { opacity:1; }
.doccontent .xsubpageleft li a:hover div { opacity:0.5; }


.doccontent .yellowbox { width:364px; height: 216px; display: table-cell; vertical-align: middle; text-align:center; font-size:13px;
  color: #004777; background: #ECC631; }

.doccontent .xsubpageright { width:720px; font-size: 18px; line-height:150%; color:#2D2D2D; }
.doccontent .xsubpageright h1 { color:#2D2D2D; margin:0px; padding:0px; font-size:24px; padding-top:30px; text-transform: none; }
.doccontent .xsubpageright h1:first-child { padding-top:0px !important; }
.doccontent .xsubpageright img.imgleft { padding:15px; padding-left:0px; float:left; }
.doccontent .xsubpageright p { color:#2D2D2D; }
.doccontent .xsubpageright li { list-style:none; font-weight:300; }
.doccontent .xsubpageright li a { color:#2D2D2D; }

.xpruh { background-color: #F4F4F4; height:8px; border-bottom: 1px solid #D7D7D7; margin-top:20px; margin-bottom:20px;  }







@media (min-width: 1251px) and (max-width: 1307px)
{
.xlogolinediv ul.xtright { right: 50px; }
.xtoplinediv ul.xtright { right: 50px; }
}


@media (min-width: 961px) and (max-width: 1250px)
{
.xtoplinediv { width:960px; }
.xlogolinediv { width:960px; }
.xlogolinediv ul.xtright { right: 54px; }
.xtoplinediv ul.xtright { right: 59px; }
.xlogoline ul.xtright { font-size:17px; }
.xsubslider { width: 70%; }
.sitemins2 h1 { font-size:19px; }
.sitemins2 h2 { font-size:17px; }

.doccontent { width:960px; margin-bottom: 50px; }
.xsubpageleft { width: 280px; }
.doccontent .yellowbox { width:280px; }
.doccontent .xsubpageright { padding-left:20px; padding-right:20px;  font-size:15px; width: auto; }
.doccontent .xsubpageleft ul li { font-size: 15px; }
.doccontent p { font-size: 15px; }
.doccontent h2 { display: table; }

.doccontent .xsubpageright img.imgleft { display: table; margin-left: auto; margin-right: auto; float: none; }

ul.xslider li.sitem div.sitemins { width:414px; }
ul.xslider li.sitem { width:414px; }
.xhomeslider { width:414px; }

.sitemins p { width:189px; }

.xlogofooter .xins { width: 960px; }
.xlogofooter .xins .xlogotd2 { width: auto; }

.xpagefooter .xins { width: 960px; }
.xpagefooter .xins ul.tbl li.td ul li { font-size: 15px; }
.xpagefooter .xins ul.tbl { width: 960px; }

.xbotlogotext { display: block; position:relative; }
.xbotlogoimg { display: block; position:relative; }
.xpagefooter .xins ul.tbl li.td .xtbl { width: auto }

.xbotlogoimg { text-align: right; position: relative; left: -17px; top: 10px; }
.xfooterlogotd .xtbl { float: right;  }
.xpagefooter .xins ul.tbl li.td .xtbl { padding-top: 10px; padding-right: 20px; }

.doccontent h1 { font-size: 30px; padding-bottom: 26px; }
.doccontent p { font-size: 15px; }

.qprod { width: 145px; }
.qprodins { width: 145px; font-size:19px; }

.doctit2left { width: auto; position:relative; top: -5px; }
.doctit2left h2 { font-size: 19px; margin-top: -20px; }

.doc2col .nocolbreak p { font-size: 13px; }
.doc2col .nocolbreak p.d2img { padding-left: 250px; background-size: 50% auto; min-height: 70px; }


}




@media (max-width: 960px)
{
.doccontent .xsubpageright img.imgleft { display: table; margin-left: auto; margin-right: auto; float: none; }

.doc2col .nocolbreak p { font-size: 13px; }
.doc2col .nocolbreak p.d2img { padding-left: 182px; background-size: 50% auto; }

.doctit2left { width: auto; position:relative; top: -10px; }
.doctit2left h2 { font-size: 15px; margin-top: -20px; }

.dgtitle { font-size:12px;  }

.doccontent h1 { font-size: 20px; padding-bottom: 26px; }
.doccontent p { font-size: 14px; }

.dxins .nocolbreak p { font-size:13px; }
.dxins .nocolbreak a { font-size:13px; }

.qprod { width: 102px; }
.qprodins { width: 102px; font-size:14px; }

.xlogofooter .xins { width: 670px; }
.xlogofooter .xins .xlogotd2 { width: auto; }

.xpagefooter .xins { width: 670px; }
.xpagefooter .xins ul.tbl li.td ul li { font-size: 15px; }
.xpagefooter .xins ul.tbl { width: 670px; }

.xbotlogotext { display: block; position:relative; }
.xbotlogoimg { display: block; position:relative; }
.xpagefooter .xins ul.tbl li.td .xtbl { width: auto }

.xbotlogoimg { text-align: right; position: relative; left: -17px; top: 10px; }
.xfooterlogotd .xtbl { float: right;  }
.xpagefooter .xins ul.tbl li.td .xtbl { padding-top: 10px; padding-right: 20px; }

.xpagefooter .xins ul.tbl li.td ul li { background-position: left 3px; font-size: 13px; }


.sitemins h1 { font-size:19px; }
.sitemins h2 { font-size:16px; width: auto; }
.sitemins h3 { height:49px; background-position: center top; }
.sitemins h3>span { height:57px; font-size:14px; font-weight: bold; }
.sitemins p { width: auto; bottom: 43px; }

ul.xslider li.sitem div.sitemins { width:214px; }
ul.xslider li.sitem { width:214px; }
.xhomeslider { width:214px; }


.xtoplinediv { width:670px; }
.xlogolinediv { width:670px; }
.xtoplinediv ul.xtright { display: none; position: absolute; left:0px; width:0px;}
.xlogoline ul.xtleft { }

.doccontent { width:670px; }
.xsubpageleft { width: 280px; }
.doccontent .yellowbox { width:280px; }
.doccontent .xsubpageright { width: auto; padding-left:20px; padding-right:20px;  font-size:15px; }
.doccontent .xsubpageright li { margin-left: -20px; }

.doccontent .xsubpageleft ul li { font-size: 15px; }
.doccontent p { font-size: 15px; }
.doccontent h2 { display: table; }


.xsubslider { width: 70%;  }
.sitemins2 h1 { font-size:17px; }
.sitemins2 h2 { font-size:15px; }

.xlogoline ul.xtright { font-size:17px; display: block; right:60px;
width: 300px;
height: 93px;
top: 38px;

-moz-column-count:3;
-webkit-column-count:3;
column-count:3;
-moz-column-gap:20px;
-webkit-column-gap:20px;
column-gap:20px;
column-fill: auto;


}

.xbotlogotext { font-size: 11px; }


.xlogoline ul.xtright li { display: block; }
.xlogolinediv ul li { height:25px; }
.xlogolinediv ul li.spc { display:none; }

}


@media (max-width: 780px)
{
.xg1 { display:none; }
.xg2 { display:none; }
.xg3 { display:none; }
.xbannerlinediv div.xtleft { display: none; }
.xbannerlinediv div.xtright { left:0px; }

.xhomeslider { display:block; position:relative; margin-left:52px; margin-top:79px; width:513px; height: 411px; overflow:hidden; }
.xhomesliderins {  }
ul.xslider { display: table; padding: 0px; margin: 0px; }
ul.xslider li.sitem { display: table-cell; width:513px; height: 411px; overflow:hidden; }
ul.xslider li.sitem div.sitemins { display: block; width:513px; height: 411px; overflow:hidden; }

.sitemins { position:relative; }
.sitemins h1 { display: block; padding:0px; margin:0px; margin-bottom:20px; font-size:28px; font-family: 'Roboto Condensed', sans-serif; }
.sitemins h2 { display: block; padding:0px; margin:0px; margin-bottom:20px; font-size:22px; font-weight:400; width:335px; font-family: 'Roboto Condensed', sans-serif; }
.sitemins h3 { display: block; position: absolute; bottom:0px; left:0px; width: 172px; height: 172px; background: url(../images/y1.png) center center no-repeat; }
.sitemins h3>span { display: table-cell; width: 172px; height: 172px; color: #FFFFFF;
  vertical-align: middle; font-size: 22px; text-transform: uppercase; font-weight:300; padding:0px; margin:0px; text-align:center; }
.sitemins p { display: block; padding:0px; margin:0px; position: absolute; bottom:0px; right:23px; width: 282px; height: 172px; font-size:14px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; }

.qhctx .qtd50 { display: block; position:relative; width: auto; }

.qhctx .qtd50:first-child { padding-bottom:20px; }
.qhctx .qtd50:last-child { padding-bottom:20px; }

.qprod { width:170px; height: 312px; background-position: center top; background-repeat: no-repeat;  }
.qprod>div { position: absolute; top: 160px; display: table; }
.qprodins { display: table-cell; position:relative; height:156px; width:170px; vertical-align: middle; font-size:22px; font-weight:300; color:#FFFFFF;
  text-align:center; text-transform: uppercase; }

.doccontent h1 { font-size:30px; }

.dgrayblock .dxins {
-moz-column-count:1;
-webkit-column-count:1;
column-count:1;
-moz-column-gap:20px;
-webkit-column-gap:20px;
column-gap:20px;
column-fill: auto;
}

.dgtitle { font-size:22px; }

.doctit2left h1 { font-size:20px; }

.xbotlogotext { text-align: left; }
.xbotlogoimg { text-align: left; left:0px; }

.sitemins2 h1 { font-size:22px; }

.doccontent .qtblsubpage .qtd { display:block; width:auto; }
.doccontent .qtblsubpage .qtd:first-child { padding-bottom:20px; }

.doc2col .nocolbreak:last-child { padding-top:30px; }

.doc2col {
-moz-column-count:1;
-webkit-column-count:1;
column-count:1;
-moz-column-gap:20px;
-webkit-column-gap:20px;
column-gap:20px;
column-fill: auto;
}

.doc2col .nocolbreak p.d2img { min-height:100px; padding-left:364px; }

}