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

@font-face {
  font-family: "Source Sans Pro";
  src:url('Source_Sans_Pro/SourceSansPro-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

html, body{ height: 100%;}
body{font-family:'Fira Sans', sans-serif !important; color:#454545 !important; font-size:13px !important; background:#fff !important; } header{width:100%; float:left; position:relative;margin: 2% 0%;} a{color:#6897ca; text-decoration:none;padding: 0px;line-height: 30px;  font-family:'Fira Sans', sans-serif !important;} a:hover{color:#002036 !important; text-decoration:none !important;} li{list-style:none !important;} .btn {color:#fff !important;} nav a{color:#fff !important; text-transform:capitalize; padding-left: 25px;} article{float:left; padding:20px; position:relative; width:100%;}nav ul li{float: left;width: 100%;background:#060a14; /*border-bottom: thin solid #eee;*/} nav ul li li{ float:none;} nav article{width:100%; position:relative; float:left} .box{ min-height:100px !important; display:block; background:none;padding: 10px 0px; padding-top:0px; margin:0px 10px 10px 0px!important} .box h1, h2, h3, h4, h5, h6{ color:#000 !important; border-bottom:thin solid;padding:8px 0px !important; font-weight:600 !important; margin-top:10px !important; margin-bottom:10px !important;} .box ul{margin-left: -30px;}
nav.upper-main{ height: 55px; top: 0px; position: absolute;}
nav.upper-main ul, li{display:block; position:relative;}
nav.upper-main ul{width:100%; margin: 0px;float: right;} 
nav.upper-main li{width: auto;float: right;position: relative; display: block; padding:5px !important; background:none !important; border:none !important} nav.upper-main li a{ color:#fff !important; border:none !important;} nav.upper-main li a i.fa{padding: 5px; padding-right: 25px;}
div#loader{ display: block !important; position: fixed; top: 9%; background: none; width: 50%; left: 30%; height: 25px; z-index: 99999;} div#loader img{margin: 0px auto !important;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12{padding:0px !important;}
 nav h1, h2, h3, h4, h5, h6{color:#fff !important; border:none !important;} 
article h1, h2, h3, h4, h5, h6{/*border-bottom:thin solid #000;*/}  .page-content{width: 100%;margin: 0%;display: block !important;height: auto;position: absolute;padding: 0px;float: left;height: 100%;} table{width: 80%;margin: 2% 0%;background: none;padding: 10px;/* color: #000; */font-weight: normal;} thead{padding: 5px !important; background: #243750;} th{padding:15px !important;} .tables th{ color:#fff !important;} td{padding:5px !important;} .tables tr{ border-bottom:none} .tables tr:last-child{border-bottom:none;} .nav-cat li{float:left; margin:0px 2px; width:30%;} .nav-cat{float:left;display: block; position: relative; width: 100%;} .nav-cat li li{float:none !important; width:auto !important;}.dropdown{ width:100%; display:block; float:none;left: 0%;} .dropdown li{ width: 50% !important;float: left; background:none !important;}  .dropdown li:hover{ border-top:none !important; color:#fff !important;}.dropdown a{color:#fff !important; text-align: left;} div.inner-box{margin-bottom:10px; padding: 10px 25px;display: block;float: left; width:100%;} .tables tr:nth-child(even){ background-color:rgba(108, 143, 194, 0.23);} .form-group ul li{float:left; margin:0px 5px; padding:1px;width: auto; display: block;} .form-group ul ul{ width: auto;} .form-group li li{ float: none; width: 100%; display: block;}.prod{ width:100%; float:left; display:block;left: -6%; position: relative} .prod li{ width:30%; margin:1%; float:left; position:relative;} .prod div{ display:block; padding:1px; border-top: medium solid #3F9;} .login-table{width: 40% !important; padding: 2%; margin:10% 30%;} h6{font-size: 18px !important;} .shw-banner{padding-left: 0px !important;width: 100%;display: block;} .shw-banner li{width: 30%;
position: relative;
display: block;
margin: 5px 20px 2px 3px;
float: left;} .shw-banner div{ padding:15px !important;}
.shw-banner img{ width:100% !important; margin-bottom: 12px;} .enclose{ width:100%; float:left; position:relative; padding:0px;} .b-margin{ margin-bottom:10px;} form{ padding:0px !important;} button.arrow{color:#09f !important;background: none; border: none !important; padding:0px !important;}

.support_chat{border-radius:10px;border: thin solid;margin-bottom: 10px !important;!important; padding:10px 15px;}
.support_chat h4{ background:none !important; text-transform:capitalize !important; color:#fff !important; border:none !important; text-shadow:none !important;}
.support_chat p{font-size:17px !important;}
.user{background:#eb6636 !important; color:#fff !important;margin-left: 20px !important; } .support{background:#09f !important; color:#fff; margin-left:45px !important;}


@media (max-width: 600px){
	.box{ width:100% !important; float:left; display:block;}
}
/*backgrounds*/
.black-trn{background: #333; !important;}
.white-trn{background: rgba(232, 232, 232, 0.15) !important;}
.white-back{background: #fff !important;}
.blue-back{background: #5486c4 !important;}
.black-back{background:#060a14 !important;}
.white-back h1, h2, h3, h4, h5, h6{ color:#000 !important; font-family:"Source Sans Pro";text-transform: capitalize;}

/*height*/
.full-height{height: 100%;vertical-align: middle; display:table;}
.full-height > section { margin:auto !important; float:none !important; display:table-cell !important; vertical-align: middle;}
.full-height > article { margin:auto !important; float:none !important; display:table-cell !important; vertical-align: middle;}
.full-height > div { margin:auto !important; float:none !important; display:table-cell;}
.full-height > nav { margin:auto !important; display:table-cell !important; vertical-align: middle;}

div.view-box{
	float: left !important;
	position: absolute  !important;
	height: 85%;
	display: block;
	width: 100%;
	padding: 10px 0px;
	overflow: scroll;
	margin: 70px 0px !important;
}
div.view-box p{ padding:10px;}
div.box3{
	height: 200px;
	width: 32%;
	float: left;
	margin-left: 10px;
	border: 10px solid rgba(0, 0, 0, 0.43);
}
#addNewMenu{ display:none;}
table.top-none{ margin-top:0px !important;}

ul.boxed-display{
	float: left;
	position: relative;
	display: block;
	width: 100%;
	margin-left:-40px; 
}
.boxed-display li{
	width: auto;
}
.boxed-display ul ul{ 
display: inline-table;
position: relative;
}
.boxed-display li li{ 
	width:100%; 
	margin-left:-30px; 
}

div.gal-img{ width:100%; height:250px; overflow:hidden; display:block; padding:0px !important; margin-bottom:10px;}div.pro-img{ width:100%; height:auto; overflow:hidden; display:block; padding:0px !important; margin-bottom:10px;} .pro-img > h4{ margin:0px !important;} .pro-img p{ padding: 0px !important;}.pro-img > div{ width:100%; height:200px; overflow:hidden; padding:0px !important;}

a.ico{width: 70%;text-align: center; display: block;
font-size: 65px;
padding: 20px;
color: #333;
background: #eee;
margin: 10px auto;
height: 200px;
border-radius: 5px;
border: 1px solid #ccc; }

a.ico span{font-size: 16px;
width: 100%;
display: block;
background: none;
margin: 30px 0px;
text-transform: capitalize; }

a.ico:hover{background: #333; color: #eee !important;}