@charset "utf-8";
/*------------------------------------------------------------------
[Main Stylesheet]

Project:        Photography - Shia 
Version:        1.0
Last change:    21.06.2016
Primary use:    Photography Business Template
Author:         WebDesignLab
URL:            http://webdesignlab.co.in
-------------------------------------------------------------------*/
@import "genericons.css";
@import "animate.css";

::selection {
  background: #333333;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #333333;
  /* Firefox */
  color: #fff;
  text-shadow: none;
}
::-webkit-selection {
  background: #333333;
  /* Safari */
  color: #fff;
  text-shadow: none;
}
:active,
:focus {
  outline: none !important;
}
body {
  line-height: 1.7;
  color: #898986;
  font-size: 14px;
  /* font-family: 'Advent Pro', sans-serif; */
  font-family: 'Roboto', sans-serif;
  background-color: #fff;
  background-attachment: fixed;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
#wrapper{
	max-width:100%;
	background-color: #fff;
}
a { color: #6c6c69; text-decoration: none;}

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

a img { border: none;}
img { max-width: 100%;}
iframe { border: none !important;}

/* -------- Headings ---------- */
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 24px;
}
h3,
.h3 {
  font-size: 18px;
}
h4,
.h4 {
  font-size: 16px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  /*line-height: 1.42857143;*/
  line-height:1;
  color: #333333;
}
/*h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  color: #333333;
}*/
.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-bottom: 15px;
  margin-top: 15px;
}
h4,
h5,
h6,
.h4,
.h5,
.h6 {
  font-weight: 500;
}
.text-left {
    text-align: left;
}
.line-separator{
    background: #eee;
    height: 1px;
    width: 100%;
    margin-bottom: 75px;
    margin-top: 75px;
}
/* -------- Basic Structure ---------- */
html {
  font-size: 100%;
  max-width: 100%;
}
html,
html a {
  -webkit-font-smoothing: antialiased;
}
body {
  max-width: 100%;
  overflow-x: hidden;
}
.container {
    margin: 0 auto;
    max-width: 978px;
}
.container-fluid {
    margin: 0 auto;
    max-width: 100%;
	padding-left:0;
	padding-right:0;
	
}
img {
  max-width: 100%;
}
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fluid-video-wrapper {
  padding: 0;
  position: relative;
  width: 100%;
}
iframe {
  border: none;
  width: 100%;
}
.text-highlight {
  background: none repeat scroll 0 0 #111111;
  border-radius: 4px;
  color: #fff;
  padding: 0 5px 3px;
}
.text-highlight.light {
  background: #808080;
}
.inline-block {
  display: inline-block;
}
.display-block {
  display: block;
}
.fullwidth {
  width: 100%;
}
a {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* Text-decoration */
.text-underline {
  text-decoration: underline;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
img {
    max-width: 100%;
    height: auto;
}
/* -------- Section & Divider ---------- */
header {
    mix-width: 978px;
    position: relative;
    background1: url("../images/header.jpg");
    height: auto;
    background-origin: padding-box;
    background-position: top;
}
section {
  position: relative;
  overflow: hidden;
}
section > .container,
section > .container-fluid {
  padding-top: 60px;
  padding-bottom: 60px;
}
.divider{background:url(../images/divider.png) no-repeat; width:100%; height:43px; padding:0 20px;}

.hero-unit {
    background-image:url('../images/header.jpg');
    background-size:cover;
    background-color: #EEEEEE;
    height:500px;
	/*height:auto;*/
}
.hero-content{width:100%; height:400px; margin: 0 auto;/*float:right; margin:90px 20px 0 0;*/}
.hero-unit h1 {
    color: #FFFFFF;
    font-size: 80px;
    letter-spacing: -1px;
    line-height: 60px;
    margin-bottom: 40px;
	text-align:center;
	font-family: 'Raleway', sans-serif;
	padding-top:10%;
	font-weight:normal;
	
}
.hero-unit h2 {
    font-size: 40px;
    color: #FFFFFF;
	text-align:right;
	font-family: 'Advent Pro', sans-serif;
}
.fill{width:100%;height:350px;background-position:center;background-size:cover;}
.btn-primary {
	color:#fff;
	background-color:transparent;
	border-color:#f1f1f1;
	text-align:center;
	border-radius:0;
	width:150px;
	padding:3px 15px;
	margin:15px 10px;
	/*margin: 0 auto;*/
	font-weight:bold;
	font-size:18px;
	text-shadow:none;
	letter-spacing: normal;
}
.btn-primary.focus,.btn-primary:focus {
	color:#fff;
	background-color:#111;
	border-color:#ccc;
}
.btn-primary:hover {
	color:#fff;
	background-color:#111;
	border-color:#ccc;
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
	color:#fff;
	background-color:#222;
	border-color:#ccc;
}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
	color:#fff;
	background-color:#222;
	border-color:#ccc;
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
	background-image:none
}



/*=============================== NAVIGATION =========================================*/
.navbar-default {
    background-color: #ffffff !important;
    /* max-width: 978px; */
	max-width:100%;
    margin: auto 0;
	border:none;
	font-weight:normal;
	
	
}

.navbar-right {
    float: right !important;
    margin-right: 5px;
}
.navbar-default .navbar-nav > li > a {
  color: #151110;  
  font-size:18px;
  /* font-family: 'Advent Pro', sans-serif; */
  font-family: 'Roboto', sans-serif;
  font-weight:normal; 	
  line-height:18px;
  
}

.navbar-default .navbar-toggle, .navbar-collapse {border-bottom:1px solid #fff;}
.navbar-nav>li>a:hover {color: #a3a0a3 !important; }
.navbar-toggle, .navbar-toggle:hover { background-color:#bfbfbf !important; margin-left:20px;}
.sliding-middle-out {
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
}
.sliding-middle-out:after {
	content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
.sliding-middle-out:hover:after {
	width: 100%;
	background: #fff;
}       

.navbar-nav {
  width: 100%;
  text-align: center;
}
.navbar-nav > li {
  float: none;
  display: inline-block;
}

/*======================= About Us ==============================*/
#about, #portfolio, #theme{padding-top:20px;overflow: hidden;}
#about h1{font-size:60px; color:#000; text-align:center; font-weight:bold; padding-bottom:30px;color:#fff;}
#portfolio h1,  #theme h1{font-size:60px; color:#151110; text-align:center; font-weight:bold; padding-bottom:30px;}
#about h3, #portfolio h3, #contacts h3{font-size:30px; color:#f4f1f1; text-align:center; margin-top:10px;}
#about p{font-size:20px; color:#f4f1f1; text-align:center; padding-top:20px;}
#about{background-image:url(../images/about.jpg);}
#about h4{font-size:40px; color:#f4f1f1; text-align:center; margin-top:10px; padding-bottom:30px;}
.border-left{border-left:1px solid #fff;}
.border-top{border-top:0px solid #fff;}

/*======================= Portfolio ==============================*/
#portfolio h3{padding-bottom:50px;}
.gallery{width:100%;height:auto;margin: auto 0;}
.gallery a img {padding:5px;}
.icon_container .icon {
    float: left;
    padding-right: 10px;
    padding-bottom: 20px;
}
.icon_inner {
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
    width: 200px;
    height: 200px;
    margin-left: 10px;
}
.icon_inner .icon-header {
    padding: 0 20px;
    overflow: hidden;
    position: relative;
}

.icon_inner_box {
    border: 1px solid #dadada;
}
.icon_i
.icon_inner .icon_hover, .icon_inner .icon_hover .read_more a, .icon_inner .icon_hover .read_more a:hover {
    color: #ffffff;
    font-family: 'Lato', sans-serif;
}.icon_inner .icon_hover {
    text-align: center;
    height: 190px;
    width: 200px;
    position: absolute;
    left: 0;
    background-color: #a8a8a8;
    background-color: #04B7E5;
    background-color: #303030;
    top: -100%;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 10;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.icon_inner .icon_hover, .icon_inner .icon_hover .read_more a, .icon_inner .icon_hover .read_more a:hover {
    color: #ffffff;
    font-family: 'Lato', sans-serif;
}

/*==================== Pagination ===============================*/
.demo{
    width:100%;
    padding:5px;
    margin:10px auto;
	text-align:center;
    /* border: 1px solid #fff;
    background-color:#f7f7f7; */
    }
    
.pagedemo{
	/* border: 1px solid #CCC; */
	width:100%;
	margin:2px;
    padding:50px 10px;
    text-align:center;
	background-color:white;	
}
.jPaginate{
    height:54px;
    position:relative;
    color:#a5a5a5;
    font-size:small;   
	width:30%;
	margin-left:auto !important;
	margin-right:auto !important;
	
}
.jPaginate a{
    line-height:15px;
    /* height:18px; */
    cursor:pointer;
    padding:2px 5px;
    margin:2px;
    float:left;
	
	font-size:14px;
}
.jPag-control-back{
	position:absolute;
	left:0px;
}
.jPag-control-front{
	position:absolute;
	top:0px;
}
.jPaginate span{
    cursor:pointer;
}
ul.jPag-pages{
    float:left;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
}
ul.jPag-pages li{
    display:inline;
    float:left;
    padding:0px;
    margin:0px;
}
ul.jPag-pages li a{
    float:left;
    padding:2px 8px;
}
span.jPag-current{
    cursor:default;
    font-weight:normal;
    line-height:15px;
    /* height:18px; */
    padding:2px 8px;
    margin:2px;
    float:left;
	/* background-image:url(../images/circle.png); */
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    height:22px;
    margin:2px;
    float:left;
    line-height:18px;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin:2px 0px 2px 2px;
    font-size:12px;
    font-weight:bold;
    width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0px;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{
    margin:2px 0px 2px 2px;
    font-size:18px;
    width:15px;
    text-align:right;
}
span.jPag-snext,
span.jPag-snext-img{
    margin:2px 2px 2px 0px;
    font-size:18px;
    width:15px;
     text-align:right;
}
ul.jPag-pages li span.jPag-previous-img{
    background:transparent url(../images/previous.png) no-repeat center right;
            }
ul.jPag-pages li span.jPag-next-img{
    background:transparent url(../images/next.png) no-repeat center left;
            }
span.jPag-sprevious-img{
    background:transparent url(../images/sprevious.png) no-repeat center right;
            }
span.jPag-snext-img{
    background:transparent url(../images/snext.png) no-repeat center left;
            }

/*========================= Themes ================================*/

.theme{
    padding: 15px 30px; float:left;
}
.theme-title {
    margin: 0;
    padding: 15px 0;
    font-size: 24px;
    text-align: center;
	font-family: 'Roboto', sans-serif;
    /*text-transform: uppercase;*/
}
.theme-title a {
    color: #2b2c2e;
    text-decoration: none;
}	
/* .theme-title h4 {visibility: visible; animation-name: fadeInUp; text-align: center; font-size:24px; } */
.theme img:hover{opacity:0.7;}   

/*======================= Team========================*/

.theme h4 , .theme h5{visibility: visible; animation-name: fadeInUp; text-align: center;}

/*======================= Contacts ==============================*/
#contacts{padding-top:20px; overflow:hidden; background:#151515;}
#contacts h1{font-size:60px; color:#fff; text-align:center; font-weight:bold; padding-bottom:30px;}
h2.contact-title  { color:#fff; border-bottom:2px solid #2b2c2e; line-height:45px;}
#contacts{background-image:url(../images/footer.jpg);}
.contact-desc{text-align:center;}


/*==================== Social Media=========================*/
.social-profiles {
    margin: 5px auto;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    height: 50px;
    padding: 0 20%;
}
.social-profiles ul li {
    margin: 8px;
    float: left;
}


.social-profiles ul li a {
	display: block;
	width: 35px;
	height: 35px;
	padding: 4px;
	color: #fff;
	font-family: 'Genericons';
	font-size: 20px;
	line-height: 25px;
	text-align: center;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 350px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}
.social-profiles ul li a:hover {
	opacity: 10;
	-moz-opacity: 10;
	filter:alpha(opacity=100);
}
.social-profiles ul li.facebook a {
    background-color: #0766b2;
}
.social-profiles ul li.facebook a:before {
	content: '\f204';
}
.social-profiles ul li.twitter a {
	background-color: #0766b2;
}
.social-profiles ul li.twitter a:before {
	content: '\f202';
}

.social-profiles ul li.wordpress a {
	background-color: #21759b;
}
.social-profiles ul li.wordpress a:before {
	content: '\f205';
}
.social-profiles ul li.linkedin a {
	background-color: #0766b2; /*#047cb1;*/
}
.social-profiles ul li.linkedin a:before {
	content: '\f207';
}
.social-profiles ul li.pinterest a {
	background-color: #cc2026;
}
.social-profiles ul li.pinterest a:before {
	content: '\f209';
}
.social-profiles ul li.flickr a {
	background-color: #000;
}
.social-profiles ul li.flickr a:before {
	content: '\f211';
}
.social-profiles ul li.vimeo a {
	background-color: #1ab7ea;
}
.social-profiles ul li.vimeo a:before {
	content: '\f212';
}
.social-profiles ul li.you-tube a {
	background-color: #cd201f;
}
.social-profiles ul li.you-tube a:before {
	content: '\f213';
}
.social-profiles ul li.tumblr a {
	background-color: #35465c;
}
.social-profiles ul li.tumblr a:before {
	content: '\f214';
}
.social-profiles ul li.instagram a {
	background-color: #915646;
}
.social-profiles ul li.instagram a:before {
	content: '\f215';
}
.social-profiles ul li.codepen a {
	background-color: #000;
}
.social-profiles ul li.codepen a:before {
	content: '\f216';
}
.social-profiles ul li.polldaddy a {
	background-color: #d45042;
}
.social-profiles ul li.polldaddy a:before {
	content: '\f217';
}
.social-profiles ul li.google-plus a {
	background-color: #dd4b39;
}
.social-profiles ul li.google-plus a:before {
	content: '\f218';
}
.social-profiles ul li.path a {
	background-color: #ee3423;
}
.social-profiles ul li.path a:before {
	content: '\f219';
}
.social-profiles ul li.skype a {
	background-color: #009fe3;
}
.social-profiles ul li.skype a:before {
	content: '\f220';
}
.social-profiles ul li.digg a {
	background-color: #1b5891;
}
.social-profiles ul li.digg a:before {
	content: '\f221';
}
.social-profiles ul li.reddit a {
	background-color: #a6c8e9;
}
.social-profiles ul li.reddit a:before {
	content: '\f222';
}
.social-profiles ul li.stumbleupon a {
	background-color: #ea4b24;
}
.social-profiles ul li.stumbleupon a:before {
	content: '\f223';
}
.social-profiles ul li.pocket a {
	background-color: #eb1d37;
}
.social-profiles ul li.pocket a:before {
	content: '\f224';
}
.social-profiles ul li.dropbox a {
	background-color: #007ee5;
}
.social-profiles ul li.dropbox a:before {
	content: '\f225';
}
.social-profiles ul li.rss a {
	background-color: #ff6600;
}
.social-profiles ul li.rss a:before {
	content: '\f413';
}
.social-profiles ul li.github a {
	background-color: #000;
}
.social-profiles ul li.github a:before {
	content: '\f200';
}
.social-profiles ul li.dribbble a {
	background-color: #ea4c89;
}
.social-profiles ul li.dribbble a:before {
	content: '\f201';
}

/*========================================== FOOTER =============================================*/

footer{
	width:100%;
	height:auto;
	
	text-align:center;
	
	
}
.copyright-box{
	width:100%;
	height:auto;
	color:#c3c3c3;
	padding-bottom:20px;
	
}
#scrollup{
    background: url('../images/scrolltotop.png') no-repeat;
    width: 40px;
    height: 40px;
    position:fixed;
    bottom:50px;
    right:20px;
    display:none;
    text-indent:-9999px;
}

/*========================================== MEDIA QUERIES ======================================*/
@media screen and (max-width: 767px) {
	.side-collapse-container{
		width:100%;
		position:relative;
		right:0;
		transition:left .4s;
	}
	.side-collapse-container.out{ left:200px;}
	.side-collapse {
		top:50px;
		bottom:0;
		right:0;
		width:200px;
		position:fixed;
		overflow:hidden;
		transition:width .4s;
	}
	.side-collapse.in {width:0;}
	.hero-unit {
		background-image:url('../images/header.jpg');
		background-size:cover;
		background-color: #EEEEEE;
		height:200px;
		/*height:auto;*/
	}
	.hero-content{width:100%; height:auto; margin: 0 auto;}
	.hero-unit h1 {
		color: #FFFFFF;
		font-size: 40px;
		letter-spacing: -1px;
		line-height: 30px;
		margin-bottom: 20px;
		text-align:center;
		font-family: 'Raleway', sans-serif;
		padding-top:10%;
		font-weight:normal;
		
	}
	#about, #portfolio, #theme{padding-top:10px;overflow: hidden;}
	#about h1{font-size:40px; color:#000; text-align:center; font-weight:bold; padding-bottom:10px;color:#fff;}
	#portfolio h1,  #theme h1{font-size:40px; color:#151110; text-align:center; font-weight:bold; padding-bottom:10px;}
	#about h3, #portfolio h3, #contacts h3{font-size:20px; color:#f4f1f1; text-align:center; margin-top:10px;}
	#about h4{font-size:20px; color:#f4f1f1; text-align:center; margin-top:10px; padding-bottom:30px;}
	#about p{font-size:14px; color:#f4f1f1; text-align:center; padding-top:20px;}
	#contacts h1{font-size:40px; color:#fff; text-align:center; font-weight:bold; padding-bottom:10px;}
       
}
	  
    /* Large desktop */
    @media (min-width: 1200px) { ... }
     
    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) { 
			
	.border-left{border-left:0px solid #fff;}
    .border-top{border-top:1px solid #fff;}
	
	
	
	}
     
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) { .border-left{border-left:0px solid #fff;}
    .border-top{border-top:1px solid #fff;}
	}
     
    /* Landscape phones and down */
    @media (max-width: 480px) { ... }