@charset "utf-8";
/* CSS Document */


body{font-family: font-family:Brandon Grotesque,'Raleway', sans-serif !important; color:#7f7f7f; font-size:14px; background-color: #ffffff; padding:0px !important; width:100%; height:100%;}
@font-face {font-family:neuropol x; src:url('../fonts/neuropol x free.ttf');}

@font-face {font-family:segoe ui; src:url('fonts/SEGOEUI.TTF');}
@font-face { font-family: Brandon Grotesque; src: url('fonts/Brandon_reg.otf'); } 
@font-face { font-family: Brandon Grotesque thin; src: url('fonts/Brandon_light.otf'); } 
@font-face { font-family:newscycle; src: url('fonts/newscycle-regular.ttf'); }


 
.chat-button{width:93px; min-height:75px; overflow:hidden; position:fixed; right:-15px; top:40%; 
background-color:transparent; z-index:9999; }
.chat-button img{width:100%; height:auto;}

.wait-progress-bar{
	margin-top: 8px;
	overflow: hidden;
	display : none;
}

.wait-progress-bar img{
	width:98%;
	
}

#status {
    margin-bottom: 0;
}
.chat-box-request {
    width: 360px;
    height: 330px;
    bottom: 0;
    right: 30px;
    background-color: #02aceb;
    position: fixed;
    z-index: 99991;
    border: solid 1px #fff;
    border-radius: 0;
    border-bottom: 0px;
    padding: 0px;
    display: none;
}
.request-head{color: #fff;
    clear: both;         
    font-family: 'Raleway',sans-serif;    
    padding-top: 10px;
    font-size: 12px;
    text-align: center;     line-height: 18px;
    margin: 0 0 15px;} 
.top-section {
    width: 100%; padding:10px 10px 0 10px;; float: left;
    height: auto;
    padding-bottom: 10px;
    border-bottom: solid 1px #fff;
    margin: 0px;
}
.top-section-front {
    width: 100%;
    padding: 0 10px;     padding: 5px 10px;
    float: left;
    height: auto;
    border-bottom: solid 1px #fff;
    margin: 0px;
    background-color: #333;
}
.front-form-wrap{width:100%; height:auto; overflow:hidden; padding:10px;}

.chat-box-request ul{list-style-type:none; margin:0px; padding:0px;}
.chat-box-request ul li{display:inline-block; color:#fff;}
.chat-box-request ul li:first-child{float:left;}
.chat-box-request ul li:last-child{float:right;}
.chat-box-request ul li a{color:#fff;     font-family: segoe ui;}
.chat-login-wrap{width:100%; height:auto; overflow:hidden;}

.chat-login-wrap{
    width: 100%;
    margin-bottom: 10px;
    height:auto;     background-color: transparent;
    float: left;
}
.chat-input {
    height: auto;
    overflow: hidden;
        background-color: #fff;
    width: 100%;
    border-radius: 5px; 
    position: relative;
}
.chat-input input {
    width: 100%;     outline: none;     background-color: #fff!important;     
    height: 40px; float: left;  border:none;
    font-family: segoe ui;   border-radius: 5px; 
    padding: 5px 10px;     white-space: pre-wrap;
    word-wrap: break-word;
}

.chat-now{width: 85% !important;     border: none;
    min-height: 40px;     float: left; overflow:hidden;
    font-family: segoe ui;
    padding: 5px 10px;
}
    
.controls-buttons{
    margin: 0;
    padding: 0; float: right;
    list-style: none;
}
.picture-chat {
    width: 50px;
    height: 50px; overflow:hidden;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 10px;
}
.picture-chat img{width:100%; height:100%;}
.status {
    list-style-type: none !important;
    padding: 0px;
    margin: 0px;
    width: 80%; 
    float: left;
}
.status li{float:left; line-height:47px;}
.chat_welcome msg{background-color: #fff;}


.chat-window {
    width: 100%;     height: 270px;
    overflow-y: scroll;
    background-color: #fff;
    position: relative;
}

.status li .fa {
    font-size: 16px;
    margin-right: 10px;
    color: #5cff38
}
.setting-box {
    width: 141px;
    height: 150px; padding:10px;
    position: absolute;
    z-index: 9999;
    right: 0px;
    background-color: #f9f9f9;
    border: solid 1px #bbb;
    border-radius: 8px;
}

.setting-box ul li a {
    color: #bbb;
    font-size: 14px;
    border-bottom: solid 1px #ccc;
    display: block;
    width: 100%;
}
.controls-buttons li{float:left; position: relative; line-height: 34px;}
  
.controls-buttons li a{color:#fff; font-size:20px;}

.chat-input .btn-default 
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    width: 15%; 
    border: none;
    height: 40px;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 0;
}

.status li{float:left;     line-height: 48px;} 

.status li a{color:#fff; font-size:20px;}

.chat-input .btn-default {
    color: #4267b2; outline:none;
    background-color: transparent;
    border-color: #ccc;
    width: 15%;
    border: none;
    height: 40px;
    font-size: 18px;
}

.chat-input textarea {
    width: 100%;
    border: none;
    height: 64px;
    padding: 10px;     border-radius: 10px;
    background-color: #fff; border:none;
}

.chat-button a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
    line-height: 50px;
    color: #fff;
    font-size: 26px;
}
.customer-wait {
    background-color:#02aceb; text-align:center; font-weight:600;
    margin: 0px;
    padding: 5px 10px;
    color: #fff;
}

.live-chat-icon{width:70px; height:auto; overflow:hidden; float:right;}
.welcome-live-message{width:100%; height: auto; overflow:hidden; background-color:#333333; padding:10px;}
.message-new {
    width: auto;
    float: left;
    color: #fff;
    font-family: neuropol x;
    background: url(http://dev.valueittechnology.com/fci_markets_new/public/frntend/images/logo.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 110px;
    padding-left: 138px;
}
.message-new h4 {
    font-size: 10px;
    line-height: 16px;
    font-family: neuropol x;
    margin: 10px 0; color:#fff;
}
.live-chat-icon img{width:100%; height:auto; }
.chat-box{
	width: 400px; min-height: 545px;
	border-radius: 0; 
    bottom: 0; 
    z-index: 99991;
    right: 30px;  
    background-color: #fff;
    position: fixed;
    border: solid 1px #fff;
    border-bottom: 0px;
    padding: 0;
    display: none;
}
    .typing-upload{width:100%; height:auto; overflow: hidden; background-color:#fff; margin:0 0 10px;}
    .select-wrapper {
  background: url('http://dev.valueittechnology.com/fci_markets_new/public/assets/icons/camera.png') no-repeat;
  background-size: cover;
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
}
#userfile {
  width: 26px;
  height: 26px;
  margin-right: 100px;
  opacity: 0;
  filter: alpha(opacity=0); /* IE 5-7 */
}
.chat-in {
    width:255px;
    min-height: 5px;
    padding: 5px;
    background-color: #f0f4f8;
    margin: 5px 10px;
    border-radius: 10px 10px 0 10px;
    float:left;
    overflow: hidden;
    padding:5px 10px;
    clear:both;
    word-wrap: break-word;
}


.chat-out {
	clear:both;
    width:255px;     
    text-align: left;
    min-height: 10px;
    word-wrap: break-word;
    padding:5px 10px;
    background-color: #c7edfc;
    float: right;
    margin: 5px 10px;
    border-radius: 10px 0 10px 10px;
    overflow: hidden;
}

.chat-wrap {
    width: 95%;
    margin-bottom: 8px;
    height: auto;
    background-color: #303030;
    float: left;
    position: absolute;
    bottom: 0px;
    left: 10px;
}
    
.submit-request {
    color: #333;
    width: 100%;
    border-radius: 40px;      font-family: 'Raleway',sans-serif;
    background-color: transparent;
    border: solid 2px #fff;
    color: #fff;
    padding: 10px 20px;
}


.form-control::-moz-placeholder {
color:#656262;     font-family: 'Raleway',sans-serif;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#656262;     font-family: 'Raleway',sans-serif;
}
.form-control::-webkit-input-placeholder {
color:#656262;     font-family: 'Raleway',sans-serif;
}






.typing{
    background-color: #fff;
    width: 50%;     font-family: 'Raleway',sans-serif;
    height: 20px;
    padding-left: 5%;
    float: left;}








@media only screen and (min-width: 993px) and (max-width: 1024px)
{

.logo{margin-top:35px;}
.football-logo{margin-top:2px;}
.button-blocks .btn-default {height: 35px; line-height: 35px;}
.header-back{min-height:132px;}
.header-back:before{height:137px;     background: url(images/new-head-1.png); background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    content: '';
    top: 0;
    right: 0px;
    width: 45%;}
.header-back:after{height:137px;  background: url(images/new-head-2.png); background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    content: '';
    top: 0;
    right: 0px;
    width: 45%;}
#nav_wrapper ul.menu li a{font-size:14px;     margin: 15px 0px;}
#multiple .banner-content ul li {
    display: inline-block;
    width: 100px;
    height: auto;
}
#multiple .banner-content h2 {line-height: 36px; font-size: 24px;}
.banner-content {padding: 10px 5px 10px 40px;}


}

@media only screen and (min-width: 1025px) and (max-width: 1300px)
{
.chat-button{width:65px;}
}


@media only screen and (max-width: 1440px)
{
.chat-button{width:65px;}
}
@media only screen and (min-width: 1301px) and (max-width: 1400px)
{
.chat-button{width:65px;}
}
@media only screen and (min-width: 1400px) and (max-width: 1440px)
{
.chat-button{width:65px;}
}

@media only screen and (min-width: 1500px) and (max-width: 1680px)
{
.chat-button{width:65px;}
}


@media only screen and (min-width: 768px)
{
	
}











/* Tablet Portrait size to standard 1024 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 992px) {
#nav_wrapper ul.menu li a{padding:0 6px;}
.button-blocks .btn-default{font-size:11px;}
#multiple .banner-content ul li{width: 89px;}
#multiple .banner-content h2{line-height:22px; font-size:18px;}
.banner-content{padding: 20px 0px 20px 20px;}
#nav_wrapper ul.menu li a > span{top:37%;}
#nav_wrapper ul.menu li ul.sub-menu{top: 80%;}
.logo {width: 150px; padding: 10px 0; transition: .5s all ease-in;}
.sticky .logo{width: 140px; padding: 5px 0px;}
.nav-bar-wrap{margin:0;}
#nav_wrapper ul.menu li a{line-height:13px; font-size: 12px;}

.sticky #nav_wrapper ul.menu li a{font-size:10px; line-height: 51px;}
.head-text-wrap{width: 690px;}
.intro-text-wrap{width:690px;}
.fci-capital-second-section p {font-size: 16px; line-height: 26px; margin: 0 0 25px;}

.head-text-wrap ul li a {font-size: 86%; line-height: 40px;}
.product-name {width:485px; height: auto; margin: 0 auto;}
.product-name h2 {font-size: 18px; line-height: 70px; margin: 0px;}
.product-image{padding: 50px 0px; min-height: 20px;}

.intro-inner-name{width: 90%; height: auto; margin: 0 auto;}

.football-logo{width: 150px; margin-top: -30px; width: 150px;  float: right;}
.logo{margin-top:15px;}
.glossary-tabs .nav-tabs > li > a{width:24px; height:24px; line-height:24px;}

.button-blocks .btn-default{line-height: 25px; height: 25px;}
.header-back{min-height:50px;}
.header-back:before{height:102px;     background: url(images/new-head-1.png); background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    content: '';
    top: 0;
    right: 0px;
    width: 45%;}
.header-back:after{height:102px;  background: url(images/new-head-2.png); background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    content: '';
    top: 0;
    right: 0px;
    width: 45%;}
.explore-fci h3{font-size:18px;}

}





/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) {
.logo {
    width: 200px; float: none;
    position: relative;
    margin: 20px auto;
}
.links-wrap {
    overflow: hidden;
    width: 100%;
    padding-left: 0;
    height: auto;
    background: none;
}
.megamenu h2{font-size:21px;}
.links-wrap-new{
    overflow: hidden;
    width: 100%;
    padding-left: 0;
    height: auto;
    background: none;
}
.football-logo {
    width: 255px;
    position: static;
    margin: 0 auto;
}
.banner-content {
    width: 100%;
    min-height: 74px !important;
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    left: 0px;
    bottom: 0;
    padding: 5px;
    border-radius: 0;
    text-align: center;
}
.carousel-indicators{display: none;}
#multiple .banner-content h2 {
    line-height: 13px;
    margin: 0 0 10px;
    color: #fff;
    text-transform: lowercase;
    font-size: 12px;
}
#multiple .banner-content ul li {
    display: inline-block;
    width: 80px;
    height: auto;
}
.middle-resp{
    box-shadow: -1px 0px 17px #000;
    border: none; color:#fff !important; font-size:16px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a4a4a+0,353535+100 */
background: #4a4a4a; /* Old browsers */
background: -moz-linear-gradient(top, #4a4a4a 0%, #353535 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4a4a4a 0%,#353535 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4a4a4a 0%,#353535 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#353535',GradientType=0 ); /* IE6-9 */

}
.header-back:before{background-image:none;}
.header-back:after{background-image:none;}
.button-blocks{margin:0 auto; width: 100%;}
.form-wrap{display:none;}
.nav-bar{ width:100%; margin:10px 0}
.slicknav_menu{ display: block; color:#59595c;}
#nav_wrapper ul.menu{ display: none;}
.container{padding:0 15px;}
.head-text-wrap {width: 90%; padding: 30px 0; margin: 0 auto 30px;}
.slicknav_btn {
    background-color: transparent !important;
    border: solid 2px #fff;
}

.nav-bar-wrap{width:100%;}
.header-bg{position:static; background-color: #252524; float:left;}
.slicknav_nav {padding: 20px 0 0 !important;}
.head-text-wrap h1 {
    font-size: 22px;
    margin: 0 0 20px;
line-height: 30px;}









}



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

}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 302px) and (max-width: 480px) {




}