img {
    image-orientation: from-image;
}
  /**************************************************************/
 /* CUSTOM MODIFICATIONS for CFS CORP **************************/
/**************************************************************/

.page-title {
	background-image: url('../images/art/page-title-5.jpg'); /*default*/
}

@media (min-width: 768px) {
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
		margin-right: -15px;
		margin-left: -15px;
	}
	.navbar-nav > li > a {
		padding-left:10px;
	}
}

.fltlft {
	float:left;
}
.fltrgt {
	float:right;
}
.clearfloat {
	clear:both;
}

/***************************************/
/* Fadeout post bottom stuff
/***************************************/

.grid-blog .post-content {
	overflow:hidden;
	height:11em;
	position:relative;
}

.grid-blog .post-content .footer-meta {
	position:absolute;
	bottom:0px;
	margin:0px;
}

.fadeout {
    position: absolute; 
    bottom:0px;
    height:6em;
	width:100%;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 80%
    ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 80%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 80%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 80%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 80%
    );
} 

/*.blog-posts figure img {
    height: 200px;
    max-width: none;
    width: auto;
}*/

.articleImage {
    width: 100%;
    height: 200px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}

.panel-title i {
    font-size:200%;
}

.tableClass th, .tableClass td {
	padding:0px 10px;
}
.categoryListing {
    position: relative;
    margin: 10px;
    padding: 10px;
    float: left;
}
.panel-title div {
    border-right: 2px solid #000;
    display: inline-block;
    width: 24%;
    text-align: center;
}

.fancyboxCustomText{
	background-size:cover;
	background-position:center center;
	max-width:800px;
}
.fancyboxCustomText .info {
	padding:40px;
	background:rgba(255, 255, 255, .9);
}

/*************************** Datepicker */
.ui-datepicker {
	padding:10px;
	background:#fff;
	border:1px solid #E1E1E1;
	display:none;
}
.ui-datepicker .ui-datepicker-header {
	padding:5px;
	background: #1E1E1E;
	color: #CACACA;
	border:1px solid #E1E1E1;
	font-variant:small-caps;
	text-align:center;
}
.ui-datepicker-prev {
	float:left;
}
.ui-datepicker-next {
	float:right;
}
.ui-datepicker td, .ui-datepicker th {
	padding:0px 4px;
}
.clientTile {
    height:250px;
    width:250px;
    float:left;
    border: 1px solid #333;
    padding: 10px;
    text-align:center;
    border-radius: 5px;
    margin: 5px;
    background-color:#FFF;
}
.clientTile img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.section-title h3 {
	font-size: 2.25em;
}


/*Arrow for the scrolling */

/* the important styles */

.arrow-wrap {
  position:absolute;
  z-index:100;
  left:50%;
  bottom:1em;
  margin-left:-5em;
  background:#111;
  width:10em;
  height:10em;
  padding:4em 2em;
  border-radius:50%;
  font-size:0.5em;
  display:block;
  box-shadow:0px 0px 5px 0px #333;
}

.arrow {
  float:left;
  position:relative;
  width: 0px;
height: 0px;
border-style: solid;
border-width: 3em 3em 0 3em;
border-color: #ffffff transparent transparent transparent;
  -webkit-transform:rotate(360deg)
}

.arrow:after {
  content:'';
  position:absolute;
  top:-3.2em;
  left:-3em;
  width: 0px;
height: 0px;
border-style: solid;
border-width: 3em 3em 0 3em;
border-color: #111 transparent transparent transparent;
  -webkit-transform:rotate(360deg)
}


.hint {
  position:absolute;
  top:0.6em;
  width:100%;
  left:0;
  font-size:2em;
  font-style:italic;
  text-align:center;
  color:#fff;
  opacity:0;
}


.arrow-wrap:hover .hint {
  opacity:1;
}


  @-webkit-keyframes arrows {
    0% { top:0; }
    10% { top:12%; }
    20% { top:0; }
    30% { top:12%; }
    40% { top:-12%; }
    50% { top:12%; }
    60% { top:0; }
    70% { top:12%; }
    80% { top:-12%; }
    90% { top:12%; }
    100% { top:0; }
  }
  
  .arrow-wrap .arrow {
    -webkit-animation: arrows 2.8s 0.4s;
    -webkit-animation-delay: 3s;
  }

  /**************************************************************/
 /* Styling for Datepicker fields ******************************/
/**************************************************************/
input.hasDatepicker {
  width: auto;
  padding-left: 25px;
  background: url("../img/calendar-icon.png") left center no-repeat !important;
}
input.hasDatepicker:focus {
	background-color:#fff !important;
}