/*
Theme Name: FotoMin
Theme URI: http://themechic.com/fotomin
Description: A clean responsive theme based on the WP Bootstrap framework for photography professionals. 
Version: 2.0
Author: ThemeChic
Author URI: http://themechic.com
Tags: white, black
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/


body {
padding-top: 0px;
font-size: 11.4px;
margin-top: 2em;
line-height: 2em;
-webit-backface-visibility: hidden;
overflow:hidden;
font-weight: 400;
font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
}

p{
-webkit-font-smoothing: subpixel-antialiased;
font-size:12px;
}

.img-responsive{
width:100% !important;
}

.alert-info{
background-color: #eee;
border-color: #333;
color: #333;
}

.comment-form #submit{
margin-top:2em;
}

ol.commentlist li{
padding-right:0;
}

.demo-2{
margin-top:9.8em;
}

.tags a{
color: #333 !important;
}

.home-page{
padding-top:0 !important;
margin-top: 9.8em !important;
margin-right: 0 !important;
margin-left: 0 !important;
}

.inner-page{
margin-top:11.8em !important;
}

.inner-page-contact{
margin-top: 9.8em !important;
}

.inner-page-contact #content{
padding-top:0;
}

.inner-page-contact .map{
margin-bottom:2em;
}

.inner-page-contact #map_canvas {
        width: 100%;
        height: 300px;
		  -webkit-filter: grayscale(100%);
		  -moz-filter: grayscale(100%);
		  -ms-filter: grayscale(100%);
		  -o-filter: grayscale(100%);
		  filter: grayscale(100%);
		  filter: url(grayscale.svg); /* Firefox 4+ */
		  filter: gray; /* IE 6-9 */       
}


.latest-photos article{
padding:0;
}

.avatar{
border-radius:50%;
}

input, textarea{
width:100%;
margin-bottom: 1em;
padding:0.6em 1em;
}

#inner-footer p{
font-size:11.4px !important;
}

#main article img{
max-width: auto !important;
}

.single-portfolio #main{
margin-top:12em;
}

.single-portfolio #main .col-sm-4 h1, .single-portfolio #main .col-sm-4 p{
margin-left:30px !important;
}

input[type="submit"]{
width:200px !important;
float:right !important;
border:0;
}

header[role=banner] .container{
min-height:100px !important;

}

header[role=banner] a.navbar-brand{
line-height:60px;
}

.btn, .button{
border:0 !important;
}

div#preloader {
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 999;
}

.lb-caption {display: none !important;}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
transition:none !important;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
	margin-top:0 !important;
}

a:hover, a:focus{
text-decoration:none;
color:#ccc;
}

header[role=banner]{
position:absolute;
width:100%;
z-index:3000;
top:0;
}

.dropdown-menu > li > a, .navbar-default .navbar-nav > li > a{
font-family: 'Oswald', sans-serif;
font-size: 15px;
text-transform:uppercase;
letter-spacing: 1px;
}

.single-portfolio p strong, .page-template-aboutme-php p strong {
font-family: 'Oswald', sans-serif;
font-size: 11px;
text-transform:uppercase;
letter-spacing: 1px;
font-weight:normal;
margin-right:1em;
padding-right:1em;
border-right:1px dotted #ccc;
color:#444;
}

.home-col-3{
text-align:center;
}

.home-content-main{
padding:0 0 6em 0 ;
margin:4em 0;
overflow:hidden;
}

.home-content-main p{
	-webkit-font-smoothing: antialiased;
font-weight:500;
}


.home-content-main h4{
font-size:30px;
}

.logo{
max-height:70px;
}

.navbar {
margin-bottom: 0px;
}

#pricing-package h2{
margin-bottom:1em !important;
font-size:42px ;
}

#pricing-package article{
text-align:center;
background:#eee;
margin:0.3em;
}

footer[role=contentinfo]{
background:#191613;
padding-bottom:1em;
}

footer[role=contentinfo] h4{
color:#ccc;
}

footer[role=contentinfo] hr{
border-top:1px dotted #555;
}


h2,h3,h4,h5,h6 { 
font-weight: 400;
font-family: 'Oswald', sans-serif;
}

div#calendar_wrap{
border:1px solid #444;
}

h1.logotxt{
font-size: 26px;
font-family: 'Oswald', sans-serif;
-webkit-font-smoothing:antialiased;
}

img{
max-width:auto;
height:auto;
}

.inner-port img, .widget img, .post img{
max-width:100%;
height:auto;
}



h1.pagetitle, h1.archive_title, .archive h3, h1.page-title, .woocommerce h1, .woocommerce h2{ 
margin:0 0 0.6em 0 !important;
font-family: 'Oswald', sans-serif;
font-size: 50px;
text-transform:uppercase;
letter-spacing: 1px;
-webkit-font-smoothing:antialiased;
padding:0.6em 0 0.8em 0;
}

h1,h2,h3,h5,h6{
line-height:100%;
font-family: 'Oswald', sans-serif;
}

h1{
font-size:25px;
}

h2{
font-size:22px;
}

h3{
font-size:18px;
}

h4{
font-size:16px; 
}

h3.page-title{
padding: 0.6em;
padding-top:1em;
}

.post_content p{
font-size: 14px;
line-height: 2em;
}

.post_content img{
max-width:100%;
margin-bottom:1em;
}

img.attachment-wpbs-featured {
margin-bottom:1em;
}

.social-icons{
float:left;
}

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

.sticky h1{
padding-left:1em;
}

/* The CSS */
select {
width:100%;
padding-left:1em !important;
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #666, 0 -1px #666 inset;
    background: #444;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}



.social-icons li{
float:left;
font-size:1.3em;
line-height:100px;
padding:0 1em;
border-bottom:0;
border-top:0;
}

.navbar-header{
position: relative;
z-index: 4;
}

.navbar{
border: 0;
}

a.about-pic img{
max-width:100%;
}

.about-meta{
padding:2em 1em 0 1em;
margin-bottom:4em;
}

.navbar-toggle {
margin-top: 34px;
border:0;
}

.navbar-toggle .icon-bar {
width: 36px;
height: 3px;
}

.navbar-collapse{
padding-right:0 !important;
position: relative;
}

.navbar-nav > li > a{
line-height: 70px !important;
}

.navbar-right{
position: absolute;
right:0;
}

.navbar-nav > li:last-child > a{
padding-right:0 !important;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
background-color:transparent;
}

.dropdown-menu > li > a, .navbar-default .navbar-nav > li > a{
-webkit-font-smoothing: subpixel-antialiased;
}

#main{
	margin-bottom:2em;
}

.home-page #content{
padding:0;
}

.home-page #main, .page-template-multigallery-full-php #main{
margin-bottom: 0 !important;
padding:0 !important;
}

.home-page #main article, .page-template-multi-gallery-php #main article, .page-template-multigallery-full-php #main article{
margin: 0 !important;
padding: 0;
overflow:hidden;
padding:0;
}

.home-fixed #main article{
margin-bottom: 0;
}

.home-fixed #main article div{
margin-bottom: 1.4em;
}

p {
line-height: 2.2em;
}

.navbar{
border-radius:0 !important;
}

.page #main article {
border:0;
}

.dropdown-menu{
border:0;
box-shadow:none;
 -webkit-box-shadow:none;
}

.dropdown-menu li{
border-bottom: 1px dotted #d2d5d7;
text-align:right;
}

.widget_recent_comments{
display:inline-block;
}

h4.widgettitle{
font-family: 'Oswald', sans-serif;
font-size:16px;
text-transform: uppercase;
padding-bottom: 1em;
letter-spacing:1px;
text-align:left !important;
}

.widget{
margin-bottom: 28px;
}

.widget li a{
padding:0.4em 0;
}

.widget li{
padding: 0.4em 0;
}


.widget li:first-child{
padding-top:0 !important;
}

.widget li:last-child{
border-bottom:0 !important;
}

.page-header {
margin-top:0;
}
.lead {
font-size: 11.4px;
line-height: 2em;
}

.pagination{
clear: both;
display:block;
padding: 1em 0 0 0;
margin:6em 0;
}

.wp-caption.aligncenter{
text-align:center;
margin:0 auto;
}

ul.thumbnails li{
display:inline-block;
}

ul.thumbnails .thumbnail{
border:0;
background-color:transparent !important;
}

.wp-caption.alignleft{
text-align:left;
float:left;
}

.wp-caption.alignright{
text-align:right;
float:right;
}

.clearfix{
clear:both;
}

.pagination > li > a, .pagination > li > span{
border:0;

}

.wp-caption{}

.wp-caption-text{}

.sticky{}

.gallery-caption{}


#widget-footer{
padding-top:4em;
}

.link-to{
position:absolute;
top:0;
right:0;
}

#main article{
	border-bottom:0;
}

.gallery-grid #main article{
padding-bottom: 0 !important;
margin-bottom:0 !important;
}

.gallery-grid #main{
margin-bottom: 0;
overflow: hidden;
}

.gallery-arrow-left {
left:24px !important;
}

.social{
text-align:right; 
font-size:14px;
}

.meta{
float:left;
}

.comments-link{
display:inline-block;
float:right;
}

.widget > ul{
padding-left:0;
}

ul.filter-list{
margin-bottom: 20px;
}

ul.filter-list li{
display:inline-block;
padding:0 1.4em;
}

ul.filter-list li:hover{
cursor: pointer; cursor: hand;
}

ul.filter-list li a:hover{
text-decoration:none;
}

.page-template-page-homepage-php .carousel {
    height: 400px;
}

.carousel {
    overflow: hidden;
}

.page-template-home-full-slideshow-php{
width: 100%; /*slider width*/
}

.page-template-home-full-slideshow-php .carousel .item img {
    width: 100%; /*img width*/
}


.carousel.c-fade .item {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.carousel.c-fade .active.left,
.carousel.c-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.c-fade .next,
.carousel.c-fade .prev {
  left: 0;
  z-index: 1;
}
.carousel.c-fade .carousel-control {
  z-index: 3;
}

.mix{
	display: none;
}

.dropdown-menu{
z-index: 2000;
}

footer{
position: relative;
z-index:1000;
}

.home-fixed{
margin-top:8em !important;
}

img.horiz-image{

display:inline-block;
max-height:500px;

}

table#flickr_badge_wrapper{
margin-top:.8em;
}

#flickr_badge_uber_wrapper, #flickr_badge_wrapper{
width:100% !important;
background-color: transparent !important;
border:0 !important;
}

#flickr_badge_uber_wrapper br{
display:none !important;
}

#flickr_badge_uber_wrapper a{
float:left !important;
padding-right:10px !important;
padding-bottom:10px;

}
#flickr_badge_uber_wrapper img{
height:50px !important;
width:55px;
border-radius: 8px;
}

#flickr_badge_uber_wrapper a:last-child{
padding-right:0 !important;
}


#am_thumbnail img{
border: 0 !important;
max-width: 40% !important;
float:left !important;
margin-right:1em !important;
}

.single img, .single-portfolio img{

}


a, #pricing-package h2 {
color: #13c1aa;
}

figure.effect-layla {
background: #000;
}

.social-icons li{
color: #13c1aa;
}

.home-content-main h4{
color: #13c1aa;
}


input[type="submit"], .btn, .button{
background: #ccc !important;
color: #666 !important;
border-radius: 0 !important;
border: 1px solid #888 !Important;
}

div.navbar.navbar-default{
border-top:10px solid #13c1aa;
}

.home-content-main{
border-bottom:10px solid #13c1aa;
}


th{
text-align:center;
}



/*---------------*/
/***** Layla *****/
/*---------------*/


figure.effect-layla {
overflow: hidden;
margin-bottom:-30px;
}

figure.effect-layla figcaption{
position:absolute;
z-index:1000;
top:0;
left:0;
color: #fff;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width:100%;
height:100%;
}

figure.effect-layla img {
	width: -webkit-calc(100% + 30px) !important;
	width: calc(100% + 30px) !important;
	min-width: 100% !important;
	height: -webkit-calc(100% + 30px) !important;
	height: calc(100% + 30px) !important;
	position:relative;
	z-index:0;
}

figure.effect-layla figcaption {
	padding: 3em;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-layla h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-layla p {
	padding-top:45%;
	text-align:center;
	text-transform: uppercase;
	letter-spacing:1px;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-weight:normal;
	font-size:10px;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-layla p a{
	color:#fff;
	font-size:0.7em !important;
	z-index:1000;
	position:relative;
}

figure.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	position:relative;
	z-index:0;
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	position:relative;
	z-index:1000;
}

figure.effect-layla:hover p a:hover{
color:#ccc;
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}


/*----------------------------*/
/***** WooCommerce Styles *****/
/*----------------------------*/
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta{
	font-size:1.2em;
}

.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img{
box-shadow: none;
}

.woocommerce .price{
font-size:1.4em;
}

ins{
text-decoration:none;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-message{
box-shadow:none !important;
background:none !important;
background-color:transparent !important;
}

.woocommerce table.shop_table.cart{
border:0;
}

.woocommerce table.cart th{
border-top:0;
}

.woocommerce-cart .quantity, .woocommerce-cart .quantity{
margin:0 !important;
}

.woocommerce th{
text-align:left;
}

.woocommerce .button{
text-shadow:none !important;
}

.woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table{
padding:2em;
}


/*-----------------------*/
/***** Media queries *****/
/*-----------------------*/

@media all and (max-width: 640px) {
.da-animate .zoom, .da-animate p{
display:none;
}
.da-animate .link_post{
margin-top:10px;
}

}

@media all and (max-width: 768px) {
.navbar-right{
position: relative;
}
.navbar-collapse{
padding-left:0;
}

.navbar-nav > li > a{
line-height:10px !important;
}

.navbar-nav{
margin:0;
}

.social-icons{
display:none;
}

}


@media all and (min-width: 769px) and (max-width: 1000px){

.social-icons{
display:none;
}


}

@media all and (max-width: 767px){
.dropdown-menu{
position: relative;
width:100%;
}
}

@media all and (min-width:501px){
#pricing-package .col-md-4{
width: 32%;
}
}

@media all and (min-width: 1px) and (max-width: 600px){
.demo-2 blockquote{
display:none;
}
}