/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/
.navbar-default {
background-color: #222222;
border-color: #515151;
}
/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {    position: relative;height: 100vh;}
.fade-carousel .carousel-inner .item {    height: 100vh;}
.fade-carousel .carousel-indicators > li {    margin: 0 2px;background-color: #f39c12;border-color: #f39c12;opacity: .7;}
.fade-carousel .carousel-indicators > li.active { width: 10px;height: 10px;opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;top: 50%;left: 50%;z-index: 3;color: #fff;text-align: center;text-transform: uppercase;text-shadow: 1px 1px 0 rgba(0,0,0,.75);-webkit-transform: translate3d(-50%,-50%,0);   -moz-transform: translate3d(-50%,-50%,0);    -ms-transform: translate3d(-50%,-50%,0);     -o-transform: translate3d(-50%,-50%,0);        transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;  
    font-weight: bold;margin: 0;padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;-webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;-webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;  
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {  position: absolute;  width: 100%;  height: 100%;z-index: 2;background-color: #080d15;opacity: .2;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;background-color: #1abc9c;border-color: #1abc9c;outline: none;margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 { 
  background-image: url(../../img/one.jpg); 
}
.fade-carousel .slides .slide-2 {
  background-image:url(../../img/two.jpg);
}
.fade-carousel .slides .slide-3 {
  background-image:url(../../img/three.jpg);
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }    
}


/********************************/
/*       MIN NAV    */
/********************************/

.white-background {
	background-color: rgb(255, 255, 255);color: rgb(51, 51, 51);padding-top: 10px;border-radius: 4px;
}
.title {
	font-size: 3em;font-weight: 700;text-shadow: 0px 0px 5px rgb(51, 51, 51);text-shadow: 0px 0px 5px rgba(51, 51, 51, 0.8);text-align: center;
}
#fullscreen {
    position: fixed;top: 10px;right: 10px;
}
/* END OF DEMO CSS */

    .animate {
		-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	-ms-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;}

	.navbar-fixed-left {
		position: fixed;	top: 0px;	left: 0px;	border-radius: 0px;}

	.navbar-minimal {
		width: 60px;		
		min-height: 60px;	max-height: 100%;	background-color: rgb(51, 51, 51);	background-color: rgba(51, 51, 51, 0.8);	border-width: 0px;	z-index: 1000;}

	.navbar-minimal > .navbar-toggler {
		position: relative;	min-height: 60px;	border-bottom: 1px solid rgb(81, 81, 81);	z-index: 100;	cursor: pointer;}

	.navbar-minimal.open > .navbar-toggler,
	.navbar-minimal > .navbar-toggler:hover {
		background-color: rgb(158, 202, 59);}

	.navbar-minimal > .navbar-toggler > span {
		position: absolute;	top: 50%;	right: 50%;	margin: -8px -8px 0 0;	width: 16px;	height: 16px;	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAxNiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTEsN2gxNGMwLjU1MiwwLDEsMC40NDgsMSwxcy0wLjQ0OCwxLTEsMUgxQzAuNDQ4LDksMCw4LjU1MiwwLDgKCVMwLjQ0OCw3LDEsN3oiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLDEyaDE0YzAuNTUyLDAsMSwwLjQ0OCwxLDFzLTAuNDQ4LDEtMSwxSDFjLTAuNTUyLDAtMS0wLjQ0OC0xLTEKCVMwLjQ0OCwxMiwxLDEyeiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTEsMmgxNGMwLjU1MiwwLDEsMC40NDgsMSwxcy0wLjQ0OCwxLTEsMUgxQzAuNDQ4LDQsMCwzLjU1MiwwLDMKCVMwLjQ0OCwyLDEsMnoiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLjMzLDI4Ljk3bDExLjY0LTExLjY0YzAuNDU5LTAuNDU5LDEuMjA0LTAuNDU5LDEuNjYzLDAKCWMwLjQ1OSwwLjQ1OSwwLjQ1OSwxLjIwNCwwLDEuNjYzTDIuOTkzLDMwLjYzM2MtMC40NTksMC40NTktMS4yMDQsMC40NTktMS42NjMsMEMwLjg3MSwzMC4xNzQsMC44NzEsMjkuNDMsMS4zMywyOC45N3oiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yLjk5MywxNy4zM2wxMS42NDEsMTEuNjRjMC40NTksMC40NTksMC40NTksMS4yMDQsMCwxLjY2MwoJcy0xLjIwNCwwLjQ1OS0xLjY2MywwTDEuMzMsMTguOTkzYy0wLjQ1OS0wLjQ1OS0wLjQ1OS0xLjIwNCwwLTEuNjYzQzEuNzg5LDE2Ljg3MSwyLjUzNCwxNi44NzEsMi45OTMsMTcuMzN6Ii8+Cjwvc3ZnPgo=);	background-repeat: no-repeat;	background-position: 0 0;	-webkit-transition: -webkit-transform .3s ease-out 0s;	-moz-transition: -moz-transform .3s ease-out 0s;	-o-transition: -moz-transform .3s ease-out 0s;	-ms-transition: -ms-transform .3s ease-out 0s;	transition: transform .3s ease-out 0s;	-webkit-transform: rotate(0deg);	-moz-transform: rotate(0deg);	-o-transform: rotate(0deg);	-ms-transform: rotate(0deg);	transform: rotate(0deg);}

	.navbar-minimal > .navbar-menu {
		position: absolute;	top: -1000px;	left: 0px;	margin: 0px;	padding: 0px;	list-style: none;	z-index: 50;	background-color: rgb(51, 51, 51);	background-color: rgba(51, 51, 51, 0.8);}
	.navbar-minimal > .navbar-menu > li {
		margin: 0px;	padding: 0px;	border-width: 0px;	height: 54px;}
	.navbar-minimal > .navbar-menu > li > a {
		position: relative;	display: inline-block;	color: rgb(255, 255, 255);	padding: 20px 23px;	text-align: left;	cursor: pointer;	border-bottom: 1px solid rgb(81, 81, 81);	width: 100%;	text-decoration: none;	margin: 0px;}

	.navbar-minimal > .navbar-menu > li > a:last-child {
		border-bottom-width: 0px;}
	.navbar-minimal > .navbar-menu > li > a:hover {
		background-color: rgb(158, 202, 59);}
	.navbar-minimal > .navbar-menu > li > a > .glyphicon {
		float: right;}

	.navbar-minimal.open {
		width: 320px;}

	.navbar-minimal.open > .navbar-toggler > span {
		background-position: 0 -16px;	-webkit-transform: rotate(-180deg);	-moz-transform: rotate(-180deg);	-o-transform: rotate(-180deg);	-ms-transform: rotate(-180deg);	transform: rotate(-180deg);}

	.navbar-minimal.open > .navbar-menu {
		top: 60px;	width: 100%;	min-height: 100%;}

	@media (min-width: 768px) {
		.navbar-minimal.open {
			width: 60px;	}
		.navbar-minimal.open > .navbar-menu {
			overflow: visible;	}
		.navbar-minimal > .navbar-menu > li > a > .desc {
			position: absolute;		display: inline-block;		top: 50%;		left: 130px;		margin-top: -20px;		margin-left: 20px;		text-align: left;		white-space: nowrap;		padding: 10px 13px;		border-width: 0px !important;		background-color: rgb(51, 51, 51);		background-color: rgba(51, 51, 51, 0.8);		opacity: 0;	}
		.navbar-minimal > .navbar-menu > li > a > .desc:after {
			z-index: -1;		position: absolute;		top: 50%;		left: -10px;		margin-top: -10px;		content:'';		width: 0;		height: 0;		border-top: 10px solid transparent;		border-bottom: 10px solid transparent; 	
			border-right: 10px solid rgb(51, 51, 51);		border-right-color: rgba(51, 51, 51, 0.8);	}
		.navbar-minimal > .navbar-menu > li > a:hover > .desc {
			left: 60px;		opacity: 1;	}
	}
	
	
/********************************/
/*       TITLE  */
/********************************/
	.dynamicTile .col-sm-2.col-xs-4{
    padding:5px;
}

.dynamicTile .col-sm-4.col-xs-8{
    padding:5px;
}

#tile1{
    background: rgb(0,172,238);
}

#tile2{
    background: rgb(243,243,243);
}

#tile3{
    background: rgb(71,193,228);
}

#tile4{
    background-image: url('http://handsontek.net/demoimages/tiles/facebook.png');
    background-size: cover;
}

#tile5{
    background: rgb(175,26,63);
}

#tile6{
    background: rgb(62,157,215);
}

#tile7{
    background: white;
}

#tile8{
    background: rgb(209,70,37);
}

#tile9{
    background: rgb(0,142,0);
}

#tile10{
    background: rgb(0,93,233);
}

.tilecaption{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%); 
    margin:0!important;
    text-align: center;
    color:white;
    font-family: Segoe UI;
    font-weight: lighter;
}
	
/********************************/
/*       BREADCRUMB  */
/********************************/


/********************************/
/*       image hover CRUSOL  */
/********************************/
.row-img {
    margin: 20px 0px 20px 0px;
    }

.img-h {
    margin: 10px 10px 10px 10px;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s; /* Safari */
    }

.img-h:hover {
	cursor: pointer;
	-webkit-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    transform: scale(2, 2);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s; /* Safari */
    box-shadow: 10px 10px 5px #888888;
    z-index: 1;
    }
/********************************/
/*       back-to-top  */
/********************************/	
	
	.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

/********************************/
/*       Client Slider  */
/********************************/	
/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */
/********************************/
/*   Box content text  */
/********************************/

.box {
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px 25px;
    text-align: right;
    display: block;
    margin-top: 60px;
}
.box-icon {
    background-color: #57a544;
    border-radius: 50%;
    display: table;
    height: 100px;
    margin: 0 auto;
    width: 100px;
    margin-top: -61px;
}
.box-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.info h4 {
    font-size: 26px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.info > p {
    color: #717171;
    font-size: 16px;
    padding-top: 10px;
    text-align: justify;
}
.info > a {
    background-color: #03a9f4;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.info > a:hover {
    background-color: #0288d1;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}

/********************************/
/*   Blur content text  */
/********************************/
.post
{
    background-color: #FFF;
    overflow: hidden;
    box-shadow: 0 0 1px #CCC;
}
.post img
{
    filter: blur(2px);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
}
.post .content
{
    padding: 15px;
}
.post .author
{
    font-size: 11px;
    color: #737373;
    padding: 25px 30px 20px;
}
.post .post-img-content
{
    height: 196px;
    position: relative;
}
.post .post-img-content img
{
    position: absolute;
}
.post .post-title
{
    display: table-cell;
    vertical-align: bottom;
    z-index: 2;
    position: relative;
}
.post .post-title b
{
    background-color: rgba(51, 51, 51, 0.58);
    display: inline-block;
    margin-bottom: 5px;
    color: #FFF;
    padding: 10px 15px;
    margin-top: 5px;
}
/********************************/
/*   EXTRA  */
/********************************/
.space{margin:20px 0px}