@import url('https://fonts.googleapis.com/css?family=Open+Sans');

*{

font-family: 'Open Sans', sans-serif;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}
@media only screen and (max-width:900px) {
#main {
	padding: 20px;
	margin-right: 0
}
#side {
	float: none
}
.float-panel {
	position: static!important
}
}
#header {
	background-color:rgba(29,28,28,1.00);
	padding-top: 6px;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999999994;
	padding-bottom: 26px;
}
#header .small {
	margin-right: 20px;
	text-align: right;
}
#header a {
	color: #ddd;
	text-decoration: none
}
#header a:hover {
	color: #fff;
	text-decoration: none
}
.text-left {
	text-align: left
}
.text-right {
	text-align: right
}
.text-center {
	text-align: center
}
/*.green {
	color: #074
}
.red {
	color: #c33
}
.gray {
	color: #999
}
.cn {
	font-family: Consolas, Menlo, monospace
}
.black {
	color: #000
}
.small {
	font-size: 85%
}
.smaller {
	font-size: smaller
}
.small-xx {
	font-size: 64%
}
.large {
	font-size: 1.3em
}
.large-x {
	font-size: 2em
}
.left {
	float: left
}
.i-b {
	display: inline-block
}
.inline {
	display: inline
}
.right {
	float: right
}
.zero {
	font-size: 0
}*/
.clear {
	clear: both!important
}
.row {
	clear: both
}
.row div {
	display: inline-block;
	vertical-align: top
}
.row:before, .row:after {
	display: table;
	content: " "
}
.row:after {
	clear: both
}
.col25 {
	width: 25%
}
.col33 {
	width: 33.3333%
}
.col50 {
	width: 50%
}
.pad4 {
	padding: 4px
}
.pad10 {
	padding: 10px
}
.p20 {
	padding: 20px
}
.padh20 {
	padding-left: 20px;
	padding-right: 20px
}
.padv20 {
	padding-top: 20px;
	padding-bottom: 20px
}
.padh30 {
	padding-left: 30px;
	padding-right: 30px
}
.padv30 {
	padding-top: 30px;
	padding-bottom: 30px
}
.padh40 {
	padding-left: 40px;
	padding-right: 40px
}
.padv40 {
	padding-top: 40px;
	padding-bottom: 40px
}
.w40 {
	width: 40px
}
.w60 {
	width: 60px
}
.w80 {
	width: 80px
}
.w100 {
	width: 100px
}
.w120 {
	width: 120px
}
.w160 {
	width: 160px
}
.w260 {
	width: 260px
}
.r10 {
	margin-right: 10px
}
.w-100 {
	width: 100%
}


#menuCFX {
	display: block;

	letter-spacing: normal
	font-family: 'Ubuntu', sans-serif;
}
#menuCFX ul {
	margin: 0 auto;
	padding: 0;
	text-align: right;
	width: 100%;
	font-size: 0;
	display: inline-block;
	list-style: none;
	position: relative;

	z-index: 1000;
}
#menuCFX li {
	margin: 0;
	padding: 0;
	font-size: 15px;
	display: inline-block;
    *display:inline;
	zoom: 1;
	position: relative;
	color: #eee;
	line-height: 44px;
	vertical-align: middle;
	transition: background-color .2s;
	outline: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	background-clip: border-box;
	border-radius: 3px 3px 0 0
}
#menuCFX .full-width {
	position: static;
	  
}
#menuCFX .over {
	color: #333;
	background-color: #eee
}
#menuCFX .over.no-sub {
	color: #fff;
	background-color: #314f60
}
#menuCFX .top-heading {
	font-weight: normal;
	white-space: nowrap;
	margin: 0 22px;
	color: inherit;
	text-decoration: none;
	display: inline-block;
	outline: 0;
	cursor: pointer
}
#menuCFX a, #menuCFX a:link, #menuCFX a:hover {
	color: inherit
}
#menuCFX a:hover {
	text-decoration: none
}
#menuCFX a:focus {
	outline: 1px dotted #09f
}
#menuCFX .caret {
	color: inherit;
	left: -18px;
	width: 0;
	height: 0;
	overflow: hidden;
	vertical-align: middle;
	margin-bottom: 2px;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	display: inline-block;
	position: relative
}
#menuCFX .dropdown {
	width: auto;
	left: 0;
	color: #333;
	padding: 0;
	margin: 0;
	display: none;
	position: absolute;
	overflow: hidden;
	top: 100%;

	border-top: none;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 4px 4px rgba(0,0,0,.14)
}
#menuCFX .full-width .dropdown {
	width: 100%;
	padding: 0;
	margin: 0
}
#menuCFX .offset300 {
	left: -300px;
	right: auto
}
#menuCFX .right-aligned {
	left: auto;
	right: 0
}
#menuCFX .over .dropdown {
	display: block
}
#menuCFX .dd-inner {
	text-align: center;
    padding: 7px;
    margin: 0;
 
   background-color:#f5f5f5;
    white-space: nowrap;
    padding-bottom: 0px;
	padding-right:10px;
}
#menuCFX ul ul {
	margin: 0;
	padding: 0;
	text-align: left;
	width: auto;
	background: none;
	border: none;
	display: block;
	position: static;
	z-index: 0;
	border-radius: 0
}
#menuCFX ul ul li {
	font-size: 14px;
	padding: 6px 0;
	color: inherit;
	line-height: 1;
	margin: 0;
	display: block;
	position: static;
	background: none;
	border: none;
	transition: none;
	border-radius: 0;
	text-align:justify;
}
#menuCFX .dropdown a:not(.btn) {
	color: #222;
	line-height: 1;
	text-decoration: none
}
#menuCFX .btn2 {
	font-size: 19px;
	margin: 0
}
#menuCFX .dropdown a:hover, #menuCFX .dropdown a:focus {
	text-decoration: underline;
	color: #09f
}
#menuCFX .column {
	text-align: left;
    vertical-align: top;
    display: inline-block;
    white-space: normal;
    width: auto;
    min-width: 222px;
    max-width: 273px;
    padding: 0px 18px 18px 8px;
    /*border-right: 1px solid #333*/
}
#menuCFX .column:hover {
	background-color:#FFF;
	
}
#menuCFX .column-large {
	text-align: left;
	vertical-align: top;
	display: inline-block;
*display:inline;
*zoom:1;
	white-space: normal;
	width: auto;

	    max-width: 289px;

	padding: 0px 18px 18px 30px;

}
#menuCFX .column-large:hover {
	background-color:#FFF;
}
#menuCFX .dd-inner ul:last-child {
	border-right: none
}
#menuCFX h3 {
	font-weight: 500;
	line-height: 1.1;
	margin-top: 12px;
	margin-bottom: 8px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight:bold;

}
#logo {
	font-family: Oswald;
	font-size: 24px;
	font-weight: 200;
	line-height: 30px;
	height: 40px;
	text-decoration: none
}
#logo span {
	font-family: Arial;
	font-size: 13px;
	color: #aaa;
	position: relative;
	top: -26px;
	left: -26px
}
#menuCFX .menu-icon {
	display: none;
}
@media only screen and (min-width:481px)and (max-width:900px) {
#logo {
	padding-left: 20px
}
#menuCFX .mayHide {
	display: none
}
#menuCFX ul {
	width: 100%
}
#menuCFX li {
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	border-top: 1px solid rgba(255,255,255,.3);
	border-right: 1px solid rgba(255,255,255,.3);
	border-radius: 0
}
#menuCFX .column li {
	width: 200px
}
#menuCFX .column-large li {
	width: 200px
}
#menuCFX .full-width {
	position: relative
}
#menuCFX .full-width .dropdown {
	width: auto
}
#menuCFX .column {
	width: auto;
	border: none;
	padding: 0;
	display: block
}
#menuCFX .column-large {
	width: auto;
	border: none;
	padding: 0;
	display: block
}
}
@media only screen and (max-width:1024px) {
	#menuCFX .full-width {
	
	    float: none;
}
#menuCFX .no-sub, #menuCFX .mayHide {
	display: none
}
#menuCFX ul {
	width: 100%;
	display: none;
	border-radius: 0
}
#menuCFX li {
	position: relative;
	display: block;
	font-size: 20px;
	text-align: left;
	border-bottom: 1px solid rgba(0,0,0,.2);
	border-radius: 0
}
#menuCFX .full-width {
	position: relative
}
#menuCFX .dropdown {
	position: relative;
*top:auto;
	border: none;
	border-radius: 0;
	box-shadow: none
}
#menuCFX .offset300 {
	left: 0
}
#menuCFX .full-width .dropdown {
	width: auto
}
#menuCFX .dd-inner {
	margin: 0;
	background: none;
	text-align: left
}
#menuCFX li .column {
	width: auto;
	padding: 0;
	border: none;
	display: block
}
#menuCFX li .column-large {
	width: auto;
	padding: 0;
	border: none;
	display: block
}
#menuCFX .caret {
	position: absolute;
	left: auto;
	right: 14px;
	top: 19px;
	border-width: 5px
}
#menuCFX .menu-icon {
	font-size: 32px;
	display: block;
	position: relative;
	width: 40px;
	height: 36px;
	text-align: center;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	/*background-color: #eee;*/
	border-radius: 3px;
	margin-left: 12px;
	margin-right: auto
}
#menuCFX .menu-icon:before {
	content: "";
	position: absolute;
	top: .25em;
	left: 4px;
	width: 1em;
	height: .125em;
	    border-top: .375em double #fff;
    border-bottom: .125em solid #fff;
	box-sizing: content-box
}
#menuCFX .menu-icon-active {
	/*background-color: #333*/
}
#menuCFX .menu-icon-active::before {
	border-color: #eee
}
.hide-div
{
	display:none !important;
}
}

#acdn {
	visibility: hidden;
	background: #314f60
}
#acdn ul {
	padding: 0;
	margin: 0;
	list-style: none
}
#acdn .top>a, #acdn .top>div {
	padding-left: 16px;
	padding-top: 10px;
	padding-bottom: 10px
}
#acdn li li>a, #acdn li li>div {
	padding-left: 30px;
	padding-top: 8px;
	padding-bottom: 8px
}
#acdn li li li>a, #acdn li li li>div {
	padding-left: 50px
}
#acdn li>div {
	font-family: 'Lucida Grande', Geneva, Candara, Tahoma, sans-serif;
	font-weight: bold;
	font-size: large;
	color: #bbb
}
#acdn .active>div {
	color: #eee
}
#acdn li {
	font-family: Arial, sans-serif;
	font-size: 13px;
	padding: 0;
	cursor: pointer;
	overflow: hidden
}
#acdn li.top {
	border-top: 1px solid #3a5c6f
}
#acdn a {
	color: #999;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	display: block;
	line-height: 1;
	transition: all .3s
}
#acdn a:hover {
	color: #fff
}
#acdn a.active {
	color: #fff;
	background-color: rgba(255,255,255,.15)
}
#acdn div.caret {
	color: inherit;
	display: inline-block;
	margin-bottom: 0;
	margin-right: 12px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-style: solid;
	border-width: 6px;
	position: relative;
	border-bottom: 6px solid transparent;
	border-right: none;
	border-left-color: initial;
	border-top-color: transparent
}
#acdn div.caret.active {
	margin-bottom: 3px;
	margin-right: 6px;
	border-bottom: none;
	border-right: 6px solid transparent;
	border-left-color: transparent;
	border-top-color: initial
}
#acdn li {
	-ms-user-select: none;
	-mos-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none
}
#project .box {
	background: #f3f3f3;
}
 .box {
 padding: 50px 30px;
 background: #fff;
 border-bottom: 1px solid #e9e9e9;
 position: relative;
}
.project-filter {
	margin-bottom: 50px;
	text-align: center;
}
.project-items, .project-filter {
	list-style: none;
	padding: 0;
	margin: 0;
}
.hvr-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.img-details {
	border: 2px solid rgb(220, 208, 208) !important;
	border-radius: 10px;
	/*   max-width: 150px;*/
	margin-right: 15px;
	float: left;
	margin-bottom: 21px;
}
.onhover {
	cursor: pointer;
}
.port-image {
	width: 100%;
}
.col-md-3 {
	margin-bottom: 20px;
}
.each-item {
	position: relative;
	overflow: hidden;
}
.each-item:hover .cap2, .each-item:hover .cap1 {
	left: 0px;
}
.cap1 {
	position: absolute;
	width: 100%;
	height: 70%;
	background: rgba(255, 255, 255, 0.5);
	top: 0px;
	left: -100%;
	padding: 10px;
	transition: all .5s;
}
.cap2 {
	position: absolute;
	width: 100%;
	height: 30%;
	background: rgba(0, 178, 255, 0.5);
	bottom: 0px;
	left: 100%;
	padding: 10px;
	transition: all .5s;
}
.port-image {
	height: 200px !important;
    max-width: 200px !important;
    min-height: 190px;
    width: 100%;
    height: 200px;
    object-fit: cover
}
.item-inner {
	margin: 0 20px 20px 0;
	text-align: center;
	background: #fff;
	padding: 10px;
	/*border-bottom: 1px solid #e1e1e1;*/
}
.box {
	padding: 50px 30px;
	background: #fff;
	border-bottom: 1px solid #e9e9e9;
	position: relative;
}

.project-filter {
	margin-bottom: 50px;
	text-align: center;
}
.filter-button {
	background-color: #ed1b24 !important;
}
.innerbanner-item {
	max-height: 400px;
	width: 100%;
}
.copyright {
	background-color: #222222;
	border-top: 1px solid #3e3b3b;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
}
.copyright p {
	font-family: 'Open Sans', sans-serif;
	padding: 15px 0 0px 0;
	font-size: 12px;
}
.copyright a {
	text-decoration: none;
	cursor: pointer;
	color: #FFF;
}
.copyright a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #9e0d94;
}
footer {
	background-color: #222222;
	max-height: 100px;
	padding: 35px 0 39px 0;
}
footer p {
	color: #FFF;
}
.margin-top {
	margin-top: 20px;
	float: right;
}
footer .menu li a {
	font-family: Roboto;
	color: #b1aca1;
	padding: 10px;
	text-decoration: none;
}
footer .menu li a:hover {
	color: #7dabdb;
}
.list-inline>li {
	display: inline-block;
	padding-right: 0px !important;
	padding-left: 5px;
}
.list-inline a {
	text-align: center;
	float: left;
	width: 39px;
	height: 39px;
	border: 1px solid #909090;
	border-radius: 100%;
	margin-right: 7px; /*space between*/
	padding-right: 0px;
}
.list-inline a i {
	font-size: 20px;
	line-height: 38px;
	color: #909090;
}
.fa.fa-facebook, .fa.fa-twitter, .fa.fa-linkedin {
	color: #b1aca1;
	font-size: 20px;
	padding: 0px;
	margin-bottom: 2px;
}
.fa.fa-facebook:hover, .fa.fa-linkedin:hover, .fa.fa-twitter:hover {
	color: #9e0d94;
}
.search-text {
	margin-top: 50px;
	background-color: #1d1d1d;
	padding-top: 60px;
	padding-bottom: 60px;
	color: #FFF;
	border-bottom: 1px solid #4e4b4b;
	text-align: left;
}
.search-text li {
	list-style: none;
}
.search-text li a {
	color: #FFF;
}
.search-text li a:hover {
	color: #9e0d94;
	cursor:pointer;
	text-decoration:none;
}
.search-text .input-search {
	height: 45px;
	width: 400px;
	padding-left: 20px;
	color: #333;
}
.search-text .btn-search {
	background-color: #7dabdb;
	border: 1px solid #FFF;
	font-family: Roboto;
	color: #FFF;
	padding: 11px 20px 11px 20px;
}
.padding-left {
	padding-left: 108px !important;
}
.search-text .btn-search:hover {
	background-color: #FFF;
	color: #7dabdb;
}
.p_align {
	text-align: left;
}
.p_align2 {
	text-align: right;
}
.img-align {
	text-align: left;
}
.page-header {
  
    border-bottom: 1px solid #9e0d94 !important;
}
.navbar-brand {
   
    height: 17px !important;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.btn-primary {

    border-color:rgba(46, 109, 164, 0)!important;
	
}
.btn
{
	margin-bottom:3px !important;
}
.fixed-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .5%;
    z-index: 99;
    background-color: #9e0d94;
    color: #fff;
}
 @media only screen and (max-width: 992px) {
.div-responsive {
	text-align: center;
}
.padding-left {
	padding-left: 0px !important;
}
.p_align {
	text-align: center;
	padding-left: 29px;
}
.img-align {
	text-align: center;
}
.p_align2 {
	text-align: center;
}
.navbar-brand {
    float: right !important;
    height: 17px !important;
    padding: 0px 15px !important;
    font-size: 18px;
    line-height: 20px;
}
}
.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.thumbnail {
    width:300px !important;
	height:200px !important;
	object-fit:contain;
}
/*#myCarousel .item{

  padding-bottom: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 250px;
}*/