﻿body {
	background:transparent !important;
}



.esthumbs {
	width:50%;
	float:left;

}
@media (min-width: 568px) {
.esthumbs {
	width:25%;
	float:left;

}

}

.estitle {}

.eslink {
	position:relative;
	height: auto;
	max-width: 100%;
	padding: 4px;
	line-height: 1.428571429;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 2px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.eslink:hover {
  border-color #e89a2a;
}

.esthumb i {
	height: 206px;
	width: 100%; 
	background-size: cover;
	background-position: 50% 25%;
	-webkit-transition-property: width, height;
	-webkit-transition-duration: 500ms;
	background-color: transparent;
	position: relative;
	z-index:1;
	display: block;
	border: none;
}

.tagWrapper {
	position: relative;
	overflow: hidden;
}



.hero-unit1 {
    overflow:hidden;
    width:845px;
    padding: 15px;
    margin:0px auto;
    color: inherit;
    background-color: #ffffff;   
}

.hero-unit2 {
    overflow:hidden;
    width:870px;
    padding: 5px;
    margin:0px auto;
    color: inherit;
    background-color: #ffffff;  
}

.gallery-description{
    border: none;
    width: 97%;
    margin: 2px 3px 3px 2px;
    padding: 0px;
    display: block;
    background-image:url('../image/gradient.png');
    background-repeat: repeat-x;
    z-index: 3 !important;
    position:absolute; 
    top:140px;
    margin-left: 0px;
     cursor: default;
}

.gallery-description-container{
    padding-top: 30px;
}

.gallery-photo-name{
    padding-left: 10px;
    padding-right: 10px;
    width: 180px;
    height: 24px;
    overflow: hidden;
    border-bottom: 1px solid lightgray;
}
.gallery-description-count{

}
.gallery-input{
    width: 205px;
    height:205px;
    position: relative;
}

.gallery-photo{
    border: none;
    background-color:#f2f4f8;
    width: 200px;
    height: 200px;
    cursor: pointer;
    z-index: 1;
}

/*.gallery-photo:hover > .gallery-description{
    display:block;  
}*/
.eslink:hover > .gallery-description{
    display:block;  
}
.eslink:hover > .gallery-description{
    display:block;  
}

.eslike {
	float:left;
	color:#ffffff; 
	font-weight:bold; 
	font-size:11px;
	margin-left:10px;
	margin-right:10px;
	cursor: pointer;
}
.developedby {
	margin: 20px 0;
	width: 20%;
	float: left;
	background-repeat:no-repeat;
}


.developedby img {
	width:60px;
}
@media (min-width: 768px) {
.developedby img {
	width: 120px;
}

}


.eslike:hover {
	text-decoration:underline;
}
 
.escomment {
	float:left;
	font-weight:bold; 
	font-size:11px;
	margin-right:10px;

}
.escomment a {

	color:#ffffff !important;
}


.eslikecount{
    text-align:right;
    height:30px;
    color:#ffffff;
    font-size:11px;
  
}

.eslikecount li {
    float: right;
    display: block;
    padding:0px 2px;
    font-size:11px;

}

.gallery-like-photo{
    width: 16px;
    height:16px;
    color:#ffffff;
}

.eslikecount li{
    float: left;display: block;
    padding:0px 2px;

}

.img-rounded{
    z-index: 2; 
    height: 200px;
    width:200px; 
    position: absolute;margin-top: 0px;margin-left: 0px;
}

.gallery-likes{
    color: white;
    text-align:right;
    
}

.album-frame{
    border: none;
    width: 200px;
    height: 270px;
    margin:20px 0px 0px 20px;
    padding: 20px;
    cursor: pointer;
}

.gallery-album{
    border: none;
    background-color:#f2f4f8;
    width: 200px;
    height: 200px;
    cursor: pointer;
    z-index: 1;
}

.hero-unit3 {
    overflow:hidden;
    width:850px;
    padding: 5px;
    margin:0px auto;
    color: inherit;
    background-color: white;
    border-color:rgb(179, 184, 247);
    border-style:solid;
    border-width:1px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;      
}

.eswidget {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 2px;


}

.inline{
    margin:30px auto;
}

.album-details{
    position:absolute; margin-top:230px;margin-left: 0px;
    border: none;
    width: 200px;
    height: 70px;
    margin: 10px 3px 3px 2px;
    cursor: auto;
    
}

.album-name{
    position:absolute; margin-top:10px;margin-left: 0px;
    border: none;
    width: 190px;
    height: 20px;
    margin: 10px 3px 3px 2px;
    text-align: center;
}

.album-number{
    border: none;
    width: 190px;
    height: 20px;
    margin: 10px 3px 3px 2px;
    font-size:12px;
    color: gray;
    text-align: center;
    padding-top: 5px;
}

.video-photo{
    width: 10px;
    height: 10px;
}

.photo-count{
    padding-top:5px;
}



.espagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.espagination>li{display:inline}
.espagination>li>a,
.espagination>li>span{
	position:relative;float:left;padding:3px 8px; font-size:12px; margin-left:-1px;line-height:1.428571429;text-decoration:none;
	background-color:#fff;border:1px solid #ddd;color: #444;
	}
.espagination>li:first-child>a,
.espagination>li:first-child>span{
	margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;
	}
.espagination>li:last-child>a,.espagination>li:last-child>span{
	border-top-right-radius:4px;border-bottom-right-radius:4px;
	}
.espagination>li>a:hover,.espagination>li>span:hover,.espagination>li>a:focus,.espagination>li>span:focus{background-color:#eee}
.espagination>.active>a,.espagination>.active>span,.espagination>.active>a:hover,.espagination>.active>span:hover,.espagination>.active>a:focus,
.espagination>.active>span:focus{
	z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca;
	}
.espagination>.disabled>span,.espagination>.disabled>a,.espagination>.disabled>a:hover,.espagination>.disabled>a:focus{
	color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd;
	}
.espagination-lg>li>a,.espagination-lg>li>span{
		padding:10px 16px;font-size:18px
		}
.espagination-lg>li:first-child>a,
.espagination-lg>li:first-child>span{
	border-bottom-left-radius:6px;border-top-left-radius:6px;
}
.espagination-lg>li:last-child>a,.espagination-lg>li:last-child>span{
	border-top-right-radius:6px;border-bottom-right-radius:6px;
	}
	
.espagination-sm>li>a,.espagination-sm>li>span{
	padding:5px 10px;font-size:12px;
	}
.espagination-sm>li:first-child>a,.espagination-sm>li:first-child>span{
		border-bottom-left-radius:3px;border-top-left-radius:3px;
		}
.espagination-sm>li:last-child>a,.espagination-sm>li:last-child>span{
	border-top-right-radius:3px;border-bottom-right-radius:3px;}



/*WEB*/


body {
	font-family: 'Open Sans', sans-serif !important;
}
h1, h2, h3 {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300 !important;
}


.navbar-brand {
		padding:8px 15px !important;

}

.navbar-brand img {
			width:130px;
}

.navbar-brand:hover { 
	background:#fff !important;
	}

.btn-big {
	border-color: #fff !important;
	background:transparent !important;
	color:#fff;
	padding:15px 35px !important;
	text-transform:uppercase;
}

.btn-big:hover {
	background:#fff !important;
}
.btn-big-dark {
	border-color: #000000 !important;
	background:transparent !important;
	color:#000000;
	padding:15px 25px !important;
	text-transform:uppercase;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background-color:#fff !important;
}
.carousel {
	background: url(../image/bg.jpg)no-repeat center bottom fixed !important;
	margin-bottom: 0px !important;
	background-size: cover !important;
	min-height:600px !important;

}

.carousel p {
	margin-bottom:30px;
	font-size:21px;
	font-weight:200;

	color:inherit;

}


.carousel-caption {
	position: absolute;
	text-align:left !important;
	bottom: 20px;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.carousel-inner>.item {
		min-height:500px !important;
}


.bottom {
	background-color:#0b1725 !important;
}

ul.social-icons {
	list-style: none;
	margin-left: 0px;
}

ul.social-icons li {
	display: inline;
	padding-right: 20px;
	line-height: 40px;
}

ul.social-icons li a {
	color: #778489;
	font-size:16px;
}


.dark {
	border: 0 !important;
	height: 0 !important;
	border-top: 1px solid #262a2c !important;
	border-bottom: 1px solid rgba(97,102,104,0.85) !important;
}


