body{
	background-color: #353845;
}

.container-fluid{
	margin: 0px;
}

.row{
	margin:0px;
}

/*[class*="col-"]{
	border: 1px solid #ffffff;
	background-color: #cccccc;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}*/

nav.navbar.shrink {
  height: 80px;
}

.nav li > .active {
	border-radius:20px;
	border:1px solid #fff;
	transition:all .2s;
}

.navbar-default{
	height: 81px;
	border: none;
	background-color: #1A1B5B;
}

.navbar-brand{
	height: 120px;
	width: 120px;
	float: left;
	position: absolute;
	margin-top:-10px; 
	left: 50px;
	top: 0px;
}

#hicatLogo{
	  -webkit-filter: drop-shadow(2px 2px 2px #222);
    filter:         drop-shadow(2px 2px 2px #222); 
}

#nav-doc {

	margin-right: 15px;/* sitck right*/
	color: #ccc;
	font-size: 20px;
	padding-top: 23px;
	display: inline-block;
	float: right;

}

#nav-store {

	margin-right: 35px;/* sitck right*/
	color: #ffffff;
	font-size: 20px;
	margin-top: 29px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	float: right;

	/*color: #379683;*/
	border:3px solid #2C5F8E;
	/*background-color: #379683;*/
	border-radius: 23px;
	font-weight: bold;
	opacity: 0.8;

} 
.nav-dropdown{
	background: transparent !important;
	color: #ccc !important;

}

a.nav-dropdown{
	color: #ccc;
	background: transparent !important;
}

.nav-dropdown a:hover{

	color: #ccc;
	background: transparent;
}

#nav-slack{
	margin-right: 15px;
	color: #ccc;
	display: inline-block;
	float: right;
	font-size: 20px;
	padding-top: 23px;
}

#nav-language{
	margin-right: 15px;
	color: #ccc;
	display: inline-block;
	float: right;
	font-size: 20px;
	padding-top: 23px;
}

#nav-forum{
	margin-right: 15px;
	color: #ccc;
	display: inline-block;
	float: right;
	font-size: 20px;
	padding-top: 23px;
}

.navbar-text {
	/*font-size: 51px;*/
	margin-top: 15px;
	margin-bottom: 15px;
	/*padding-left: 140px;*/
}
#imager{
	font-size: 30px;
	margin-left: 5px;
	color: #fff;
	padding-left: 100px;
}

.jumbotron{
	padding-top: 210px;
	padding-left: 30px;
	min-height: 550px;
    background: url(img/header.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #ffffff;
}

#jump-input{
	border-radius:24px; 

}

#emailInput{
	width: 300px;
}

/*#featureList h4, p{
	color: #ffffff;
}*/

#icon1 img{
	width: 70px;
}

#icon2 img{
	width: 80px;
}

#icon3 img{
	width: 80px;
}

#icon4 img{
	width: 70px;
}

#icon5 img{
	width: 80px;
}

#icon6 img{
	width: 80px;
}

#icon7 {
	width: 320px;
	padding-left: 15%;
}

#icon8 ,#icon9 {
	width: 300px;
	padding: 20px;
	margin: auto 10px ;
}

.intro-words {
	float: left;
}

#icon10 {
	/*float: right;*/
	width: 220px;
	padding-left: 20px;

}

#icon11 {
	width: 250px;

}

#coulddolist {
	padding: 30px;
	background-color: #eee;
	width: 100%;
}	

#featureblock {
	padding: 20px;
	margin: -30px 0px;
	color: #f4f4f4;
	font-weight: 200;
	background:#1A1B5B;
	padding-bottom:40px;
}

#featureblock-container .col-md-4{
	padding: 25px;
}

.media-body p {
	font-weight: 100;
}

.wrapper{
	padding-top: 50px; 
}

#links {
	margin-top: 100px;
	margin-bottom: 300px;
	color: #eee;
}

.btn-xlarge {
    padding: 18px 28px;
    font-size: 20px;
    line-height: normal;
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
            border: 2px solid;
    background: none;
}


.Ironroll {
	margin:auto;
	position:absolute;
	width:430px;
	height:260px;
	margin:-130px -215px
   }
   .Ironroll * {
	transform-origin:50% 50%;
   }
   .Ironroll-link {
	display:block;
	position:absolute;
	top:0;
	width:97px;
	height:97px;
	margin:-49px;
	font-size:14px;
	color:#fff
   }
   .Ironroll-textframe {
	display:inline-block;
	vertical-align:top;
	position:relative;
	padding:1em 1.5em 0;
	margin:0 2px 20px;
	border:2px solid hsla(0,0%,100%,0);
	border-bottom:0;
	border-image-slice:1!important;
	background-color:transparent;
	color:#fff;
	text-align:left;
	transform-origin:left bottom;
	transform-origin:11px calc(100% + 11px);
	position:absolute;
	margin:-17px 1px;
	top:-64px;
	right:-175px;
	width:168px;
	display:-ms-flexbox;
	display:flex;
	text-shadow:#000 0 1px 1px;
	padding:0
   }
   .Ironroll-textframe>strong {
	font-size:.875rem;
	letter-spacing:2px;
	letter-spacing:1px
   }
   .Ironroll-textframe.u-textSmall p {
	font-size:inherit
   }
   .Ironroll-textframe.u-textSmall>strong,.Ironroll-textframe.u-textSmall h6 {
	font-size:.75rem
   }
   .Ironroll-textframe:before {
	content:"";
	display:block;
	position:absolute;
	margin:0;
	width:auto;
	height:20px;
	bottom:-20px;
	border:2px solid hsla(0,0%,100%,0);
	border-top:0;
	border-image-slice:inherit;
	-o-border-image:inherit;
	border-image:inherit;
	border-left-width:0;
	left:18px;
	right:-2px
   }
   .Ironroll-textframe:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	margin:-14px;
	bottom:-18px;
	width:27px;
	height:27px;
	border-top:2px solid hsla(0,0%,100%,0);
	transform:rotate(45deg)
   }
   .Ironroll-textframe .textframe-text {
	position:relative;
	max-width:400px;
	display:block;
	margin:auto 0;
	padding:10px 15px;
	border-top:2px solid #fff;
	border-right:2px solid #fff
   }
   .Ironroll-textframe .textframe-text .borderTL {
	position:absolute;
	border-left:2px solid #fff;
	top:0;
	left:0;
	height:calc(100% - 20px)
   }
   .Ironroll-textframe .textframe-text .borderBtm {
	position:absolute;
	right:0;
	bottom:0;
	width:calc(100% - 20px);
	border-bottom:2px solid #fff
   }
   .Ironroll-textframe .textframe-text .borderAngle {
	position:absolute;
	bottom:0;
	left:0;
	height:20px;
	width:12px;
	border-right:3px solid #fff;
	transform:skew(43deg)
   }
   .Ironroll-textframe .textframe-text * {
	display:block;
	margin:0;
	line-height:1.2
   }
   .Ironroll-playing .Ironroll-box,.Ironroll-playing .Ironroll-line {
	display:block
   }
   .Ironroll.no-text .Ironroll-box,.Ironroll.no-text .Ironroll-line {
	display:none
   }
   .Ironroll-line {
	stroke-dasharray:2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 80
   }
   .Ironroll-playing .Ironroll-line {
	stroke-dashoffset:80;
	transition:all .25s .25s
   }
   .Ironroll.active.Ironroll-playing .Ironroll-line {
	stroke-dashoffset:0;
	transition:all .2s
   }
   .Ironroll-box {
	stroke-dasharray:488
   }
   .Ironroll-playing .Ironroll-box {
	stroke-dashoffset:488;
	fill:transparent;
	stroke:hsla(0,0%,100%,.5);
	transition:all .25s
   }
   .Ironroll.active.Ironroll-playing .Ironroll-box {
	stroke-dashoffset:0;
	fill:hsla(0,0%,40%,.2);
	stroke:#fff;
	transition:all .25s .2s
   }
   .Ironroll-dot,.Ironroll-glowing {
	fill:#fff
   }
   .Ironroll-playing {
	opacity:.25;
	transform:scale(.01);
	transition:all 1s cubic-bezier(.65,.05,.36,1)
   }
   .Ironroll.animating.Ironroll-playing {
	opacity:1;
	transform:scale(1)
   }
   .Ironroll-playing+.Ironroll-link {
	cursor:pointer
   }
   .Ironroll-playing+.Ironroll-link:before {
	display:none
   }
   .Ironroll-playing+.Ironroll-link .Ironroll-textframe {
	color:#fff;
	opacity:0;
	transform:scale(.1);
	transition:all .5s
   }
   .Ironroll-playing+.Ironroll-link .Ironroll-textframe,.Ironroll-playing+.Ironroll-link .Ironroll-textframe:after,.Ironroll-playing+.Ironroll-link .Ironroll-textframe:before {
	border-color:hsla(0,0%,100%,0)
   }
   .Ironroll.active.Ironroll-playing+.Ironroll-link .Ironroll-textframe {
	opacity:1;
	transform:scale(1);
	transition:all .5s .125s
   }
   .Ironroll-playing .Ironroll-dot {
	r:0;
	stroke:none;
	stroke-width:0;
	transition:all .5s 1s
   }
   .Ironroll.active.Ironroll-playing .Ironroll-dot {
	r:4px;
	stroke:none;
	stroke-width:0;
	transition:all .5s ease-out
   }
   .Ironroll.animating.Ironroll-playing .Ironroll-glowing {
	animation:a 2s infinite cubic-bezier(.22,.61,.36,1) alternate;
	animation:e 2s linear,a 2s infinite cubic-bezier(.22,.61,.36,1) alternate
   }
   .Ironroll.animating.Ironroll-playing .Ironroll-circles {
	animation:b 10s infinite linear;
	animation-play-state:paused
   }
   .Ironroll.active.Ironroll-playing .Ironroll-circles {
	animation-play-state:running
   }
   .Ironroll-playing .circle-1,.Ironroll-playing .circle-2,.Ironroll-playing .circle-3 {
	stroke:hsla(0,0%,100%,.8)
   }
   .Ironroll.animating.Ironroll-playing .circle-1,.Ironroll.animating.Ironroll-playing .circle-2,.Ironroll.animating.Ironroll-playing .circle-3 {
	animation:b 65s infinite linear
   }
   .Ironroll-playing .circle-1 {
	animation-duration:50s
   }
   .Ironroll-playing .circle-2 {
	animation-direction:reverse
   }
   :root .Hero .Ironroll-playing .Ironroll-circles,_::-webkit-full-page-media {
	animation:none;
	transition:all 13s ease-out;
	transform:rotate(-1turn)
   }
   :root .Hero .active.Ironroll-playing .Ironroll-circles,_::-webkit-full-page-media {
	transform:rotate(0deg)
   }
   .Ironroll-playing .circle-2,.Ironroll-playing .circle-3,.Ironroll-playing .Ironroll-circles,:root .Ironroll-playing .circle-1,_::-webkit-full-page-media {
	transform-origin:215px 130px
   }
   .Ironroll-container {
	display:block;
	position:absolute;
	height:0;
	width:0
   }
   .Ironroll-container.direction-down,.Ironroll-container.direction-down .Ironroll-textframe>* {
	transform:scaleY(-1)
   }
   .Ironroll-container.direction-left,.Ironroll-container.direction-left .Ironroll-textframe>* {
	transform:scaleX(-1)
   }
   .Ironroll-container.direction-left .Ironroll-textframe {
	text-align:right
   }
   .Ironroll-container.direction-left.direction-down,.Ironroll-container.direction-left.direction-down .Ironroll-textframe>* {
	transform:scale(-1)
   }
   .Ironroll-container.size-small {
	transform:scale(.5)
   }
   .Ironroll-container.size-small.direction-left {
	transform:scaleX(-1) scale(.5)
   }
   .Ironroll-container.size-small.direction-down {
	transform:scaleY(-1) scale(.5)
   }
   .Ironroll-container.size-small.direction-left.direction-down {
	transform:scale(-1) scale(.5)
   }
   @keyframes a {
	0% {
	 r:1.75px;
	 opacity:.75
	}
	to {
	 r:4.5px;
	 opacity:1
	}
   }
   @keyframes b {
	0% {
	 transform:rotate(0deg)
	}
	to {
	 transform:rotate(1turn)
	}
   }
   

.ply-butn{
	background:#1A1B5B;
	color:#fff;
}


.ply-butn:hover{
	color:#fff;
	border-radius:20px;
	border:1px solid #fff;
	transition:all .2s;
}

#coulddolist{
padding-bottom:80px;	
}

#coulddolist h4 {
color:#373878;	
}

#footer{
	background-image:url('back.jpg');
	padding:10px;
	background-position:center;
	background-size:cover;
}

.btn-white{
	background:transperent;
	color:#fff;
	border:1px solid #fff;
	transition:all .2s;
	border-radius:0px;
	
}

.btn-white:hover{
color:#ccc;
}

#vreak{
	background:#fff;
	padding:10px;
}

.ft-nav{
	list-style:none;
	margin-top:40px;
}

.ft-nav li a{
color:#fff;
float:left;
padding:15px;
}

.pr-tb{
	border-bottom:1px solid #6869A9;
}

.pr-tb > li.active > a{
	color:#1A1B5C;
	background:transparent;
	border:none;
}

.pr-tb > li.active > a:hover{
	color:#1A1B5C;
	background:transparent;
	border:none;
}

.pr-tb > li.active > a:focus{
	color:#1A1B5C;
	background:transparent;
	border:none;
}


.pr-tb > .active {
	border-bottom:5px solid #1A1B5C;
}


.pr-tb li{
        width:100%;
    }
	


@media (min-width:680px) {
    .pr-tb li{
        width:50%;
    }
}

.pr-tb li a{
		text-align:center;
		color:#444;
		font-size:14px;
	}
	
@media (min-width:830px) {
	.pr-tb li a{
		text-align:center;
		color:#444;
		font-size:19px;
	}
}

.tab-content{
	padding-top:10px;
}


.nv-lnk a{
	color:#444;
	text-decoration:none;
	}
	
.nv-lnk a:hover{
	color:#1A1B5C;
	}
	
.nv-lnk > .active{
	color:#1A1B5C;
	}
	
	.chat
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.chat li
{
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-body
{
    margin-left: 60px;
}

.chat li.right .chat-body
{
    margin-right: 60px;
}


.chat li .chat-body p
{
    margin: 0;
    color: #777777;
}

.panel .slidedown .glyphicon, .chat .glyphicon
{
    margin-right: 5px;
}

.panel-body
{
	background-color:#fff;
}

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}


.cht-bx{
	width:300px;
	position:fixed;
	right:10px;
	bottom:-20px;
}

.panel-primary > .panel-heading {
	
	border: 1px solid #fff;
}

.cht-input textarea, input{
	margin-bottom:10px;
}

.cht-bx .panel-body{
overflow-y: scroll;	
height: 250px;
}


.collapsed .my-chevron::before {
    content: "\e113";
}

.my-chevron::before {
    content: "\e114";
}

.darkicon{
	color:#888
}