/*#############################################*/
/* LIVE CHAT */
/*#############################################*/
@font-face {
  font-family: 'Source Sans Pro-Light';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(../fonts/toadOcfmlt9b38dHJxOBGD_j0nMiB9fPhg_k1wdK2h0.woff2) format('woff2');
}

@font-face {
  font-family: 'Source Sans Pro-Regular';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../fonts/ODelI1aHBYDBqgeIAH2zlNOAHFN6BivSraYkjhveRHY.woff2) format('woff2');
}

@font-face {
  font-family: 'robotoregular';
  src: url('../fonts/Roboto-Regular-webfont.eot');
  src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
    url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
    url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Conv_journal-webfont';
  src: url('../fonts/journal-webfont.eot');
  src: url('../fonts/journal-webfont.eot?#iefix') format('embedded-opentype'),
    local('☺'), url('../fonts/journal-webfont.woff') format('woff'), 
    url('../fonts/journal-webfont.ttf') format('truetype'), 
    url('../fonts/journal-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(../fonts/7m8l7TlFO-S3VkhHuR0at76up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
}

#livechat-window {
  background:url(../images/zopim/bg-livechat.png) no-repeat center top;
  font-family: 'robotoregular';
  width:160px;
  height:184px;
  margin:0;
  font-weight:400;
  padding:82px 32px 0 32px;
  text-align:center;
  position:fixed;
  right: 40px;;
  bottom:-500px;
  z-index:102;
  box-sizing: initial  !important;
  -webkit-box-sizing: initial  !important;
  -moz-box-sizing: initial  !important;
}
#livechat-window h2 {
  font-family:'Source Sans Pro-Light', Arial, Helvetica, sans-serif;
  font-size:30px;
  color:#0051a4;
  font-weight:300;
  line-height:30px;
  margin:10px 0 4px;
}
#livechat-window p {
  font-family: 'robotoregular';
  font-size:13px;
  color:#5a5a5a;
  font-weight:400;
  line-height:18px;
  margin:0 px;
}
#livechat-window a.close,
#select-channel-window a.close  {
  background:url(../images/zopim/bg-close-btn.png) no-repeat;
  width:20px;
  height:20px;
  text-indent:-9999px;
  position:absolute;
  right:10px;
  top:57px;
  z-index:102;
}
#livechat-window a.close:hover,
#select-channel-window a.close:hover {
  -webkit-filter: brightness(93%);
}
#livechat-window a.chat-btn {
  background:url(../images/zopim/sprite-chat-btn.png) no-repeat center 0;
  width:160px;
  height:39px;
  text-indent:-9999px;
  display:block;
  margin:-4px 0 0 0;
  transition:initial;
  -webkit-transition: initial;
}
#livechat-window a.chat-btn:hover { background-position:center -39px; }

/*#############################################*/
/* SELECT CHANNEL WINDOW */
/*#############################################*/
#select-channel-window {
  font-family: 'robotoregular';
  background:#b5b6ba;
  border:solid 1px #a9acb0;
  border-bottom:none;
  width:394px;
  height:auto;
  padding:5px 5px 0px 5px;
  border-radius:8px 8px 0 0;
  -moz-border-radius:8px 8px 0 0;
  -webkit-border-radius:8px 8px 0 0;
  box-shadow:rgba(0, 0, 0, 0.15) 5px 5px 10px, rgba(0, 0, 0, 0.15) 0px -5px 10px;
  position:fixed;
  right:40px;
  bottom:-600px;
  z-index:102;
  box-sizing: initial !important;
  -webkit-box-sizing: initial  !important;
  -moz-box-sizing: initial  !important;
}
#select-channel-window div {
  box-sizing: initial  !important;
  -webkit-box-sizing: initial  !important;
  -moz-box-sizing: initial  !important;
}

#select-channel-window a.close {
  position:absolute;
  right:-6px;
  top:-6px;
  z-index:102;
}
#select-channel-inner{
  background:url(../images/zopim/bg-lcw-in.png) repeat-x #fff;
  border:solid 1px #8092a2;
  border-bottom:none;
  width:350px;
  height:345px;
  padding:26px 21px 0 21px;
  border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
}
#select-channel-window img.rl{
  float:right;
  margin-left:-5px;
}
#select-channel-window h3 {
  font-family:'Source Sans Pro-Regular', Arial, Helvetica, sans-serif;
  font-size:30px;
  color:#004c77;
  line-height:40px;
  font-weight:400;
  padding:0 0 4px;
  letter-spacing:-1px;
  text-shadow:rgba(255, 255, 255, 0.75) 0px 1px 0px;
  -webkit-margin-before: 0px !important;
  -webkit-margin-after: 0px !important;
}
#select-channel-window p {
  font-family: 'robotoregular';
  font-size:13px;
  color:#575757;
  font-weight:400;
  line-height:20px;
  padding:0 0 21px;
}
#select-channel-window form {
  width:100%;
  position:relative;
  z-index:20;
}
#select-channel-window form .row {
  width:100%;
  height:45px;
  position:relative;
  z-index:21;
}
#select-channel-window form .row2 {
  width:251px;
  height:48px;
  padding:1px 0 0 142px;
  position:relative;
  z-index:21;
}
#select-channel-window form label {
  background:url(../images/zopim/sprite-lcw-label.png) no-repeat;
  width:114px;
  height:30px;
  float:left;
  font-size:13px;
  color:#212121;
  line-height:30px;
  padding:4px 0 0 29px;	
  font-family: 'robotoregular';
  font-weight:400;
}
#select-channel-window form label.first{
  background-position:0 9px;
}
#select-channel-window form label.second{
  background-position:0 -34px;
}
#select-channel-window form label.third{
  background-position:0 -79px;
}
#select-channel-window form input[type=text] {
  font-family: 'robotoregular';
  font-weight:400;
  background:#fff;
  border:solid 1px #b2c1cb;
  width:184px;
  height:22px;
  float:left;
  font-size:13px;
  color:#525252;
  list-style:22px;
  padding:5px 10px;
  margin:1px 0 0;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  box-shadow:rgba(0, 0, 0, 0.12) 3px 3px 5px inset;
  box-sizing: initial !important;
  -webkit-box-sizing: initial !important;
  -moz-box-sizing: initial !important;
}
#select-channel-window form input[type=submit],
#select-channel-window form input[type=button] {
  background:url(../images/zopim/sprite-chat-btn2.png) no-repeat 0 0;
  width:207px;
  height:48px;
  float:left;
  cursor:pointer;
  border:none;
}
#select-channel-window form input[type=submit] {
  padding: 10px 110px 10px 10px;
}
#select-channel-window form input[type=submit]:hover,
#select-channel-window form input[type=button]:hover {
  background-position:0 -48px;
}

#select-channel-window  label {
  margin-bottom: 0px;

  box-sizing: initial !important;
  -webkit-box-sizing: initial !important;
  -moz-box-sizing: initial !important;
}

#select-channel-window  section {
  margin-bottom: 0px;

  box-sizing: initial !important;
  -webkit-box-sizing: initial !important;
  -moz-box-sizing: initial !important;
}
#select-channel-window  .row {
  margin:0px !important
}


#select-channel-window .arrow-row{
  background:url(../images/zopim/bg-lcw-arrow.png) no-repeat;
  font-family: 'Conv_journal-webfont';
  font-size:24px;
  color:#000;
  float:left;
  width:200px;
  letter-spacing:1px;
  padding:5px 0 0 60px;
  margin:1px 0 0 120px;
  line-height: normal;
}

#channelbox{position:relative; font-family: 'robotoregular';
            font-weight:400; z-index:102; width:207px; float:left; padding:1px 0 0;}
#channelbox > div .plan-droplist-select { font-size: 13px; line-height: 22px; height: 34px; width:207px; color:#393939; background-color: #fff; position: relative; z-index:30; padding: 0;overflow:hidden;}
#channelbox > div .plan-droplist-select:hover { cursor: pointer; }
#channelbox > div .plan-droplist-select > .plan-droplist-selectbtn { background:url(../images/zopim/bg-lcw-sb-arrow.png) no-repeat; border:none; cursor: pointer; width:28px; height: 28px; line-height: 0; margin: 0px; padding: 0; position: absolute; top: 3px; right: 1px; display: block; z-index:200; }

#channelbox > div .plan-droplist-select > ul { padding: 0 0 10px; margin: 0; list-style: none; cursor: pointer; margin: -1px; border: 1px solid #b2c1cb; border-bottom:none; background-color: #fff; font-size: 13px; position: absolute; left: -999em; z-index: 102; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; box-shadow:rgba(0, 0, 0, 0.15) 0px 3px 5px;}
#channelbox > div .plan-droplist-select.droplist-open { overflow: visible; }
#channelbox > div .plan-droplist-select.droplist-open > ul { left: 1px; width: 204px; top: -203px; }
#channelbox > div .plan-droplist-select > ul > li { border-top: 1px solid #d8e0e5; -ms-word-wrap: break-word; word-wrap: break-word; text-decoration: none; padding: 10px 10px 8px; height:22px; display: block; position: relative; _zoom: 1; overflow:hidden; z-index:111;}
#channelbox > div .plan-droplist-select > ul > li > div { overflow:hidden;width:100%;}
#channelbox > div .plan-droplist-select > ul > li:first-child { border-top: 0 none; }
#channelbox > div .plan-droplist-select > ul > li:hover { background-color: #e9b52f; color:#fff; border-top-color:#e9b52f; padding-bottom:9px; margin-bottom:-1px; z-index:115; }
#channelbox > div .plan-droplist-select > ul > li.selected,
#channelbox > div .plan-droplist-select > ul > li.selected:hover {background-color: #e9b52f; color:#fff; border-top-color:#e9b52f; padding-bottom:9px; margin-bottom:-1px; z-index:115;}

#channelbox > div .plan-droplist-select > .plan-droplist-selected{position:relative; z-index:150; border:solid 1px #b2c1cb; background:#fff; float:left; width:184px; height:22px; line-height:22px;
                                                                  padding:5px 10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; }

#channelbox > div .plan-droplist-select > .plan-droplist-selected > span,
#channelbox > div .plan-droplist-select > ul > li span { float: left; text-align: right;  width: auto; }

#channelbox > div .plan-droplist-select > .plan-droplist-selected > span.nc,
#channelbox > div .plan-droplist-select > ul > li span.nc { float: left; text-align: right;  width: auto; background:url(../images/zopim/sprite-lcw-sl-nc.png) no-repeat 0 1px; padding-left:10px; }
#channelbox > div .plan-droplist-select > .plan-droplist-selected > span.nc { font-size:12px; padding-left:5px; }


#channelbox > div .plan-droplist-select > ul > li:hover span.nc,
#channelbox > div .plan-droplist-select > ul > li.selected span.nc{background-position:0 -40px;}

#channelbox > div .plan-droplist-select > .plan-droplist-selected > span.ico,
#channelbox > div .plan-droplist-select > ul > li span.ico { float: left; text-align: left; width: 28px; text-indent:-9999px; background:url(../images/zopim/sprite-lcw-sl-ico.png) no-repeat;}

#channelbox > div .plan-droplist-select > .plan-droplist-selected > span.ico.sc,
#channelbox > div .plan-droplist-select > ul > li span.ico.sc { background-position:0 0;}
#channelbox > div .plan-droplist-select > .plan-droplist-selected > span.ico.tc,
#channelbox > div .plan-droplist-select > ul > li span.ico.tc { background-position:0 -42px;}
#channelbox > div .plan-droplist-select > .plan-droplist-selected > span.ico.bc,
#channelbox > div .plan-droplist-select > ul > li span.ico.bc { background-position:0 -81px;}
#channelbox > div .plan-droplist-select > .plan-droplist-selected > span.ico.csc,
#channelbox > div .plan-droplist-select > ul > li span.ico.csc { background-position:0 -121px;}
#channelbox > div .plan-droplist-select > .plan-droplist-selected > span.ico.ctc,
#channelbox > div .plan-droplist-select > ul > li span.ico.ctc { background-position:0 -162px;}

#channelbox > div .plan-droplist-select > ul > li:hover span.ico.sc,
#channelbox > div .plan-droplist-select > ul > li.selected span.ico.sc { background-position:-40px 0;}
#channelbox > div .plan-droplist-select > ul > li:hover span.ico.tc,
#channelbox > div .plan-droplist-select > ul > li.selected span.ico.tc { background-position:-40px -42px;}
#channelbox > div .plan-droplist-select > ul > li:hover span.ico.bc,
#channelbox > div .plan-droplist-select > ul > li.selected span.ico.bc { background-position:-40px -81px;}
#channelbox > div .plan-droplist-select > ul > li:hover span.ico.csc,
#channelbox > div .plan-droplist-select > ul > li.selected span.ico.csc { background-position:-40px -121px;}
#channelbox > div .plan-droplist-select > ul > li:hover span.ico.ctc,
#channelbox > div .plan-droplist-select > ul > li.selected span.ico.ctc { background-position:-40px -162px;}

#channelbox > div .plan-droplist-select > ul > li:last-child,
#channelbox > div .plan-droplist-select > ul > li:last-child.selected {border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; margin-bottom:0; padding-bottom:8px;}


.chat-Pannel {
  background:#29abe1;
  font-family:'Roboto', Arial, Helvetica, sans-serif;
  width:240px;
  height:200px;
  margin:0;
  padding:0;
  right:40px;
  bottom: -100%;
  position: fixed;
  z-index:102;
  border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  overflow: hidden;  
  box-sizing: initial;
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial !important;
}
.chat-Pannel .topPannel {
  width:100%;
  height:166px;
  position:relative;
  z-index:102;
}
.chat-Pannel .topPannel .logobox {
  display:block;
  text-align:center;
  padding-bottom:3px;
  padding-top:60px;
}
.chat-Pannel .topPannel .title {
  display:block;
  text-align:center;
  font-size:18px;
  color:#ffffff;
  font-weight:700;
  line-height:24px;
}
.chat-Pannel .bottom-pannel {
  background:#fff;
  width:210px;
  height:26px;
  padding:5px 15px 5px 15px;
  position:relative;
}
.chat-Pannel .bottom-pannel input[type=text] {
  font-family:'Roboto', Arial, Helvetica, sans-serif;
  background:#fff;
  border:none;
  width:185px;
  height:26px;
  float:left;
  font-size:13px;
  color:#aaa;
  font-weight:300;
  font-style:italic;
  line-height:24px;
  margin:0;
  padding:0;
}
.chat-Pannel .bottom-pannel input[type=submit],
.chat-Pannel .bottom-pannel input[type=button] {
  background:url(../images/zopim/sprite-submit-plane-btn.png) no-repeat 0 0;
  border:none;
  width:17px;
  height:17px;
  float:left;
  margin:4px 0 0 8px;
  padding:0;
  cursor:pointer;
}
.chat-Pannel .bottom-pannel input[type=submit]:hover,
.chat-Pannel .bottom-pannel input[type=button]:hover {
  background-position:0 -17px;
}