/*  font  */
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
@font-face { font-family: 'Glyphicons Halflings'; src: url('/fonts/glyphicons-halflings-regular.eot'); src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg') }
@font-face { font-family: 'open_sansregular'; src: url('/fonts/open-sans/OpenSans-Regular-webfont.eot'); src: url('/fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'), url('/fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'), url('/fonts/open-sans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: 400; font-style: normal }
@font-face { font-family: 'open_sanssemibold'; src: url('/fonts/open-sans/OpenSans-Semibold-webfont.eot'); src: url('/fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/open-sans/OpenSans-Semibold-webfont.woff') format('woff'), url('/fonts/open-sans/OpenSans-Semibold-webfont.ttf') format('truetype'), url('/fonts/open-sans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: 400; font-style: normal }
@font-face { font-family: 'open_sansbold'; src: url(/fonts/open-sans/OpenSans-Bold-webfont.eot); src: url('/fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/open-sans/OpenSans-Bold-webfont.woff') format('woff'), url('/fonts/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'), url('/fonts/open-sans/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); font-weight: 400; font-style: normal }

/*  color  */
.text-wht { color: #FFF!important }
.text-org { color: #FBC300!important }
.text-green {color: #C0D028;}
.text-ylw { color: #FFC20E!important }
.text-cyan{color:#74DEFF/*#C0F2FB*/ !important}
.text-blu { color: #287da2!important }
.text-dkblu { color: #0C4576 }
.text-gry { color: #7e7e7e; }
.text-dkgry {color:#444}
.text-red { color: #d9534f }
.bkgd-wht { background: #FFF }
.bkgd-gry { background: #7b7b7b }
.bkgd-ltgry { background: #d7d7d7 }
.bkgd-ltblugry{background:#597089/*#7B91A9 #B1CCE1*/}
.bkgd-ltblu { background: #0399c0 }
/*.bkgd-dkblu { background: #0C4576 }*/
.bkgd-dkblu { background: #011339}
.bkgd-blugry {background:#4E596B}

@media (min-width:768px){
	.bkgd-blugrad{background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,1.00) 0%, rgba(220,227,234,1.00) 100%);
background-image: -moz-linear-gradient(bottom, rgba(255,255,255,1.00) 0%, rgba(220,227,234,1.00) 100%);
background-image: -o-linear-gradient(bottom, rgba(255,255,255,1.00) 0%, rgba(220,227,234,1.00) 100%);
background-image: -ms-linear-gradient(bottom, rgba(255,255,255,1.00) 0%, rgba(220,227,234,1.00) 100%);
background-image: linear-gradient(to top, rgba(255,255,255,1.00) 0%, rgba(220,227,234,1.00) 100%);
}
#i-AMP .bkgd-blugrad,#InBLISS .bkgd-blugrad,#Biz .bkgd-blugrad{padding-top:75px}
}

body { background-color: #fff; }

/*  text  */
html { font-family: sans-serif; }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5em; color: #333; font-weight: 400; font-style: normal; }
h1, h2, h3, h4, h5, h6 {letter-spacing: .02em; color: inherit }
h1,h2, h3, h4 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
h5, h6 {font-family: "open_sansregular", sans-serif;}
h1, h2, .page-header {line-height: 1.5em;transition: all 0.3s ease-in-out 0s; }
h3, h4, h5, h6 { line-height: 1.3em; margin: 0 0 10px 0 }
h1 { font-size: 22px; font-weight: 600;}
h2 { font-size: 14px; font-weight: 500;}
h3 { font-size: 14px; font-weight: 500;}
h4 { font-size: 14px; font-weight: 700;}
h5 { font-size: 14px; font-weight: 600;}
h6 { font-size: 12px; font-weight: 600;}


/* page-banner  */
.page-hdr h1{font-size:22px;margin:0 0 10px 0;line-height:60px}
.page-bnr h3,.page-bnr .lead{margin:100px 0 0;line-height:1.5em}
#home .page-bnr h3{margin:20px 0;line-height:1.5em}
#home .page-bnr .lead{margin:20px 0 0;line-height:1.5em}
.page-bnr .lead{font-size:1.75em}
.page-bnr .lead p{font-size:.7em}

.page-hdr{background:rgba(255,255,255,0.90);height:60px;padding-bottom:40px;position:relative;/*top:100px;*/width:100%;z-index:999}
.page-bnr{position:relative;text-align:center;}
.page-bnr img{float:right}

section  h1.page-header { margin: 15px 0; padding: 0 0 10px; font-weight: 600; border-bottom: 1px solid #ccc; }
section:hover h1.page-header { border-bottom: 1px solid #F47B20; }
#i-AMP section:hover h1.page-header { border-bottom: 1px solid #C0D028; }
#InBLISS section:hover h1.page-header { border-bottom: 1px solid #5CC9E0; }


h1 .btn { font-weight: normal; text-shadow: none; }
p { margin: 0 0 10px; }
.lead {font-family: "open_sansregular", sans-serif; font-weight: 500;  margin-bottom: 20px; font-size: 1.2em;line-height: 1.5em; }
a { color: #337ab7; }
a:focus, a:hover { color: #235582; }

@media (min-width:480px) and (max-width:639px){ 
h1 { font-size: 26px;}
h2 { font-size: 18px;}
}

@media (min-width:640px){ 
h1 { font-size: 26px;}
h2 { font-size: 20px;}
.lead {margin: 20px 10px; font-size: 1.5em;line-height: 1.8em; }
}
@media (min-width:768px){ 
h1 { font-size: 26px;}
h2 { font-size: 20px;}
.page-hdr{background:rgba(255,255,255,0.90);height:60px;padding-bottom:40px;position:fixed;/*top:100px;*/width:100%;z-index:999}
.page-bnr{position:relative;text-align:left;}

}
@media (min-width:992px) {
.banner .anncg{position:relative;z-index:999;}
h1 { font-size: 26px; margin:25px 0 0 0  }
h2 { font-size: 20px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 14px;}
h6 { font-size: 12px;}
}
@media (min-width:992px) {
section .page-header { margin: 20px 0 }
h1.page-header { line-height: 1.2em; }
/*lead, .lead { font-size: 18px; line-height: 1.5em; }*/
blockquote { padding: 15px 50px; }
blockquote::before { left: 0px; top: 20px }
blockquote::after { bottom: 0px; }
blockquote p { font-size: 16px; }
}
/*  banner  */
.banner h1{margin:10px 0 10px 0;text-align:center}
.banner h2{margin:10px 0 10px 0;}
.char{position:relative;margin-top:-50px}
.char{padding-right:0;}
.hd2{padding-left:0;}
.JSprod .panel-heading {font-size:1em;text-align:center}
.JSprod h3 {font-weight:500;margin:0 0 5px;text-align:center}
.JSprod h4 {font-size: .9em;margin:0;font-weight: 500;text-align:center}
.JSprod img {display:block;height:70px;margin:0 auto;}
.JSprod .prodName {font-size:1.2em;display:block;text-align:center;}
.JSprod small {font-size:.8em;text-align:center}
.JSprod .box {display:block;height:100%;width:38%;-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.25);-moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.25);box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.25);}
.prod #desc #desc01{visibility:hidden}
.prod li#p01:hover + #desc #desc01{visibility:visible}
.banner .btn{position:relative;}
.btn{clear:both}
@media (max-width:479px){
.char{display:none}
.hd2{width:100%;float:none;}
}
@media (min-width:480px) and (max-width:767px){
.banner h1{margin:10px 0 10px 50px}
.banner h2{margin:20px 0}
}

@media (min-width:768px){ 
/*.banner .anncg{position:fixed;z-index:999;left:0;max-width:55%}*/
.banner h1{font-size:22px}
.char{position:relative;margin-top:0px}
}
@media (min-width:992px) {
/*.banner .anncg{position:relative;z-index:999;max-width:100%}*/
.hd2{margin-top:40px}
.banner h2{font-size:18px}
.JSprod img {height:70px;}
/*.JSprod ul.cog,.JSprod .box{min-height:180px}*/
}
@media (min-width:992px) and (max-width:1199px) {
/*.banner .anncg img{max-height:200px}*/
.JSprod {font-size:.75em;}
}
.JSprod .box{overflow:hidden;padding:10px}
.JSprod #desc #desc01 {color:#777;font-size: 12px;}

/*  i-AMP  */
#i-AMP img.chrShield,#InBLISS img.chrShield{position:relative;bottom:-50px}
#i-AMP img.gear-icon,#InBLISS img.gear-icon {max-width:80px;display:block;margin:0 auto}
#i-AMP .panel-body img,#InBLISS .panel-body img{opacity:.7}
#i-AMP .panel-body div > div:hover img,#InBLISS .panel-body div > div:hover img{opacity:1.0}
@media (max-width:479px){}


/*  icon  */
i, a i { color: #74DEFF/*#C0F2FB*/; }
i, a i:hover { color: #FFD000; }
ul.blt li:before { color: rgba(249,167,21,1.00); }
ul.arw li:before { color: rgba(204,204,204,.50) }
ul.arw li:hover:before { color: rgba(249,167,21,1.00) }
ul.cog li:before { color: rgba(204,204,204,.50) }
ul.cog li:hover:before { color: rgba(249,167,21,1.00) }
#i-AMP ul.chkmk li:before,ul.chkmk.grn li:before {color: #C0D028;}
#InBLISS ul.chkmk li:before,ul.chkmk.blu li:before {color: #029BC1;}
i, a i { color: #74DEFF/*#C0F2FB*/ }
.nav i, .nav a i:hover{color:#C0D028}
i, a i:hover { color: #FFBA36 }
.hdln { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 0 0 55px; color: #727272 }
.note { font-size: .9em; color: #444; padding: 5px; background-color: #F6F6F6; border: 1px solid #E1E1E1 }
hr { border-top: 1px solid #eee }
header i,header a i { color: #A5A5A5;}


/*  blockquote  */
blockquote { border: 0; display: block; font-weight: 400; letter-spacing: .05em }
blockquote .author span { font-weight: 400!important; font-style: normal; font-size: 1.8em }
.author, blockquote .author, cite { display: block; font-size: .8em; text-align: left; font-style: italic; padding: 0; margin: 10px 0 20px; line-height: 1.3em }
.author, pre { color: #333; display: block }


/*  btn  */
.btn-attn, .btn-minfo, .btn-minfo span, .btn-minfo:hover span, .btn-minfo:active span, .btn-minfo i, .btn-minfo:hover i,.btn-minfo:active i { color: #0c4576!important; }
.btn-attn:active, .btn-minfo:active { border: 1px inset #FEF7DA; background: #f7f7f7; color: #287DA2 }
/*.btn-attn, .btn-minfo { font-weight: 700!important }*/
.btn-attn, .btn-minfo:hover, .navbar-default .navbar-nav > li.mi-8 > a:hover, .navbar-default .navbar-nav > li.mi-8 > a:active, .navbar-default .navbar-nav > li.mi-8 > a:focus { background: rgba(252,234,187,1); background: -moz-linear-gradient(top, rgba(252,234,187,1) 0, rgba(242,192,26,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(252,234,187,1)), color-stop(50%, rgba(242,192,26,1)), color-stop(51%, rgba(248,181,0,1)), color-stop(100%, rgba(251,223,147,1))); background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0, rgba(242,192,26,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); background: -o-linear-gradient(top, rgba(252,234,187,1) 0, rgba(242,192,26,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); background: -ms-linear-gradient(top, rgba(252,234,187,1) 0, rgba(242,192,26,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); background: linear-gradient(to bottom, rgba(252,234,187,1) 0, rgba(242,192,26,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0 )
}
.btn-attn:hover, .btn-minfo, .navbar-default .navbar-nav > li.mi-8 > a { background: rgba(226,226,226,1); background: -moz-linear-gradient(top, rgba(226,226,226,1) 0, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1))); background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); background: -o-linear-gradient(top, rgba(226,226,226,1) 0, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); background: -ms-linear-gradient(top, rgba(226,226,226,1) 0, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); background: linear-gradient(to bottom, rgba(226,226,226,1) 0, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 )
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); }
.btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.btn-default.disabled, .btn-primary.disabled, .btn-success.disabled, .btn-info.disabled, .btn-warning.disabled, .btn-danger.disabled, .btn-default[disabled], .btn-primary[disabled], .btn-success[disabled], .btn-info[disabled], .btn-warning[disabled], .btn-danger[disabled], fieldset[disabled] .btn-default, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-success, fieldset[disabled] .btn-info, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-danger { -webkit-box-shadow: none; box-shadow: none; }
.btn-default .badge, .btn-primary .badge, .btn-success .badge, .btn-info .badge, .btn-warning .badge, .btn-danger .badge { text-shadow: none; }
.btn:active, .btn.active { background-image: none; }
.btn-default { text-shadow: 0 1px 0 #fff; background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; border-color: #dbdbdb; border-color: #ccc; }
.btn-default:hover, .btn-default:focus { background-color: #e0e0e0; background-position: 0 -15px; }
.btn-default:active, .btn-default.active { background-color: #e0e0e0; border-color: #dbdbdb; }
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #e0e0e0; background-image: none; }
.btn-primary { background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)); background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; border-color: #245580; }
.btn-primary:hover, .btn-primary:focus { background-color: #265a88; background-position: 0 -15px; }
.btn-primary:active, .btn-primary.active { background-color: #265a88; border-color: #245580; }
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #265a88; background-image: none; }
.btn-success {font-weight:bold;background-image: -webkit-linear-gradient(top, #c0d028 0%, #6C8D13 100%); background-image: -o-linear-gradient(top, #c0d028 0%, #6C8D13 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#c0d028), to(#6C8D13)); background-image: linear-gradient(to bottom, #c0d028 0%, #6C8D13 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc0d028', endColorstr='#ff97BD2F', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; border-color: #6C8D13; }
.btn-success:hover, .btn-success:focus { background-color: #6C8D13; background-position: 0 -15px; }
.btn-success:active, .btn-success.active { background-color: #6C8D13; border-color: #c9d648; }
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #c0d028; background-image: none; }
.btn-info { background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)); background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; border-color: #28a4c9; }
.btn-info:hover, .btn-info:focus { background-color: #2aabd2; background-position: 0 -15px; }
.btn-info:active, .btn-info.active { background-color: #2aabd2; border-color: #28a4c9; }
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #2aabd2; background-image: none; }
.btn-warning { background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)); background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; border-color: #e38d13; }
.btn-warning:hover, .btn-warning:focus { background-color: #eb9316; background-position: 0 -15px; }
.btn-warning:active, .btn-warning.active { background-color: #eb9316; border-color: #e38d13; }
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #eb9316; background-image: none; }
.btn-danger { background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)); background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; border-color: #b92c28; }
.btn-danger:hover, .btn-danger:focus { background-color: #c12e2a; background-position: 0 -15px; }
.btn-danger:active, .btn-danger.active { background-color: #c12e2a; border-color: #b92c28; }
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #c12e2a; background-image: none; }
/*  image  */
.thumbnail, .img-thumbnail { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); box-shadow: 0 1px 2px rgba(0, 0, 0, .075); }


/*  NAV  */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #e8e8e8; background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #2e6da4; background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
background-repeat: repeat-x; }
@media (min-width:520px) and (max-width:767px) {
.btn { font-size: 16px; }
}

@media (max-width: 767px) {
.navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
background-repeat: repeat-x; }
}
/*  .panel-default  */
.panel-default .panel-heading { text-align: left; background:#245681 /*#3B516B#4E596B#474747*/ ; color: #FFF;border: 2px #029bc1 solid;}
.panel-default.JSprod .panel-heading {font-family:'Raleway',serif;color:#444;background:transparent;border:transparent;}
/*.panel-default .panel-heading img {position:absolute;margin:-20px 0 0 -20px}*/
#InBLISS .panel-default{margin:50px 0 }
#InBLISS .panel-default .panel-heading {text-align: left; max-height:50px;padding:5px;margin-left: 50px;}
#InBLISS .panel-default .panel-heading {/*background: #4E596B ; color: #FFF;*/border: 2px #5CC9E0 solid;}
#InBLISS .panel-default .panel-title { max-height:50px;padding: 0 0 0 zzz0px}
#InBLISS .panel-default .panel-title img { position:absolute;z-index:99;margin:-35px 10px 0 -85px;max-width:110px}
#InBLISS .panel-default .panel-footer h2{margin:0}

/* .well  */
.well { background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); background-image: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
background-repeat: repeat-x; border-color: #dcdcdc; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); }

.wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    left: 0;
    -webkit-transition:  left 0.4s ease-in-out;
    -moz-transition:  left 0.4s ease-in-out;
    -ms-transition:  left 0.4s ease-in-out;
    -o-transition:  left 0.4s ease-in-out;
    transition:  left 0.4s ease-in-out;
}
.wrapper.open-sidebar {
    left: 240px;
}
 
.swipe-area {
    position: absolute;
    width: 50px;
    left: 0;
top: 0;
    height: 100%;
    background: #f3f3f3;
    z-index: 0;
}
#sidebar {
    position: fixed;
    width: 190px; 
    min-height: 100%;
    left: -240px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin: -70px 0 0 0;
  background:#FFF;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .33);
-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, .33);
box-shadow: 0 4px 4px rgba(0, 0, 0, .33);
}
#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#sidebar ul li {
    margin: 0;
}
#sidebar ul li a {
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 100;
    color: white;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #C9223D;
    -webkit-transition:  background 0.3s ease-in-out;
    -moz-transition:  background 0.3s ease-in-out;
    -ms-transition:  background 0.3s ease-in-out;
    -o-transition:  background 0.3s ease-in-out;
    transition:  background 0.3s ease-in-out;
}
#sidebar ul li:hover a {
    background: #C9223D;
}
.main-content {
    width: 100%;
    height: 100%;
    padding: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.main-content .content{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
padding-left: 60px;
width: 100%;
}

.main-content #sidebar-toggle {
    background: #DF314D;
    border-radius: 3px;
    display: block;
    position: relative;
    padding: 10px 7px;
    float: left;
}
.main-content #sidebar-toggle .bar{
     display: block;
    width: 18px;
    margin-bottom: 3px;
    height: 2px;
    background-color: #fff;
    border-radius: 1px;   
}
.main-content #sidebar-toggle .bar:last-child{
     margin-bottom: 0;   
}
@media only screen and (min-width: 40.063em) {
  #sidebar { position: fixed; }
}
/*   address   */
address li a{color: #333;text-decoration:none}
address li:hover, address li a:hover { color: #337AB7;text-decoration:none }
address li .fa { color:#FBC300}
footer address li a{ color: #f2f2f2; }
footer address li:hover, footer address li a:hover { color: #74DEFF;text-decoration:none }
footer address li .fa { color:#74DEFF }
/*  footer  */
footer { color: #f2f2f2;background: #7b7b7b;border-top: 2px solid #029bc1;}
.copyright{ background: #011339}
footer h3 { color: #fbc300;font-size:18px;font-weight:bold }
footer .testimonial .tscroll {height: 80px;width: auto;overflow-x: hidden;overflow-y: scroll;border-bottom: 10px solid #ddd;}
footer blockquote { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #FFF; background: #9c9c9c; }
footer .btn{margin:20px 0}
.copyright { background-color: #4b4b4b; }
.copyright a:hover { color: #74DEFF;text-decoration:none }
.copyright p, .copyright a { color: #FFF; }
.cc i{font-size:32px}
.cc i.fa-cc-visa,.cc i.fa-cc-mastercard,.cc i.fa-cc-discover,.cc i.fa-cc-amex{color:#ddd}
@media (min-width: 768px) {
footer .btn{margin:40px 0}
}
