@font-face {
  font-family: Gotham Bold;
  src: url(../fonts/ufonts.com_gotham-bold.ttf);
}

@font-face {
  font-family: Gotham Book;
  src: url(../fonts/ufonts.com_gotham-book.ttf);
}


@font-face {
  font-family: Gotham Medium;
  src: url(../fonts/ufonts.com_gotham-medium.ttf);
}

@font-face {
  font-family: Baron;
  src: url(../fonts/baron.otf) format(opentype);
}

body, html{
  height: 100%;
  color:#000;
  font-size:90%;
  width: auto;
  z-index:1;
  background-color: #fff;
}

a:link {
  text-decoration: none;
  color:#fff;
}

::-webkit-input-placeholder 
{ 
  color: #160e43; 

}
::-moz-placeholder 
{ 
  color: #160e43; 

  } /* firefox 19+ */
  :-ms-input-placeholder 
  { 
    color: #160e43; 

    } /* ie */
    input:-moz-placeholder 
    { 
      color: #160e43; 

    }

    .about{
      font-size:17pt;
      font-family: Baron;
      letter-spacing: 0.1em;
    }

    .about a{
      color:#FFF;
      cursor:pointer;
    }

    .p1{
      font-family: Gotham Medium;
    }

    .p2{
      font-family: Gotham Medium;
    }

    .imgWrap {
      position: relative;
      height:auto;
      margin: auto;
      text-align:center;
    }

    .imgDescription{
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, .5);
      color: #fff;
      margin:auto;

      visibility: hidden;
      opacity: 0;
      pointer-events:none;

  /*remove comment if you want a gradual transition between states
  -webkit-transition: visibility opacity 0.2s;
  */
}

.description{
  position: absolute;
  top: 40%;
  width: 100%;
}

.banner{
  position: fixed;
  margin:auto;
  z-index:999;
  left: 0;
  right: 0;
  background-color: #fff;
}

.aboutcol{
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
  -webkit-column-gap: 35px; /* Chrome, Safari, Opera */
  -moz-column-gap: 35px; /* Firefox */
  column-gap: 35px;
}

.imgWrap:hover .imgDescription {
  visibility: visible;
  opacity: 1;
}



.project-grid:after{
  display: inline-block;
}

.project-grid .mix,
.project-grid .gap{
  display: inline-block;
}

.project-grid .mix{
  display: none;
}

.project-grid .mix:after{

  display: inline-block;

}

.project-grid .mix:before{
  display: inline-block;
}

#sbmt{
  font-family: Gotham Medium;
  border: solid thin white !important;
  color:#fff;
  background-color:#000;
  width:150px;
}

input{
  border: solid thin black;
  outline: none;
}

.not-valid{
  border: solid thin red !important;
}

.top-pad
{
  padding-top:22px;
}

.contactinput{
  width:250px;
  padding-left: 10px;
}

@media (max-width: 991px) {
  .contactleft{

  }
  .contactright{

  }
}

@media (min-width: 992px) {
  .contactleft{
    float:right !important;
  }
  .contactright{
    float:left !important;
  }
}

@media screen and (max-width: 1250px) {
  .p2{
    font-size: 90%;
  }
}

@media screen and (max-width: 1145px) {
  .p2{
    font-size: 80%;
  }
}

@media screen and (max-width: 1036px) {
  .p2{
    font-size: 75%;
  }
}

@media screen and (max-width: 991px) {
  .p2{
    font-size: 90%;
  }
}

/* backend */
.gapheadcontent{
	margin-top:105px;
}

.table-padding td{
	padding:5px;
}

.fontstyle{
	font-family: Gotham Medium;
	font-size: 90%;
	font-style:normal;
	font-weight:normal;
}

.form-control{
	font-family: Gotham Medium !important;
  	font-size: 90% !important;
}

.btn{
	font-family: Gotham Medium !important;
  	font-size: 90% !important;
}

.red{
	color:#F00;
}

.green{
	color:#090 !important;
}

.gapcontent{
	margin-left:50px;
	margin-right:50px;
	margin-bottom:10px;
}

.logoutstyle{
	font-size:11pt;
	font-family: Baron;
	color:#000;
	text-align:right;
}

.titlestyle{
	font-size:17pt;
	font-family: Baron;
}

.information{
	font-size:11px;
}

.menugap{
	height:15px;
}

.tableborder{
	border:thin solid #000;
}

.tableborder th{
	border-bottom:thin solid #000;
	background-color:#000;
	color:#FFF;
	text-align:center;
	padding:10px !important;
}


.tableborder td{
	border-bottom:thin solid #000;
	padding:10px !important;
}


a.logout:link {
	padding:10px;
	color:#fff;
	background-color:#000;
	text-decoration:none;
}
a.logout:visited {
	padding:10px;
	color:#fff;
	background-color:#000;
	text-decoration:none;
}
a.logout:hover {
	padding:10px;
	color:#fff;
	background-color:#000;
	text-decoration:none;
}

a.menu:link {
	padding:10px;
	color:#000;
	text-decoration:none;
}
a.menu:visited {
	padding:10px;
	color:#000;
	text-decoration:none;
}
a.menu:hover {
	padding:10px;
	color:#fff;
	background-color:#000;
	text-decoration:none;
}