@import 'https://www.714area.com/photographers3/css/font-awesome.css';
@import url(////fonts.googleapis.com/css?family=Open+Sans:400);
@import url(////fonts.googleapis.com/css?family=Open+Sans:700);
@import url(////fonts.googleapis.com/css?family=Open+Sans:300);
@import url(////fonts.googleapis.com/css?family=Open+Sans:300italic);
@import url(////fonts.googleapis.com/css?family=Pathway+Gothic+One);
@import url(////fonts.googleapis.com/css?family=Dosis:400);
@import url(////fonts.googleapis.com/css?family=Dosis:300);

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (min-width: 310px) and (max-width: 767px) {
iframe, .iframe{
	width: 300px !important;
    height: 300px !important;
	float: left;
    top: 45px;
}

.grid_3.phtographer-box.test{width:100% !important;margin-left:0px !important;}
.grid_3.phtographer-box.test .user-pic{ margin-bottom: 5px !important; }
.grid_3.phtographer-box.test .user-pic img{width: 35% !important;}
.test-right-part{margin-top: 5px !important;}
.page1 h2.ta__center.mar-bot-test{line-height: 34px; font-size: 26px;}
#page {
	width: 250px;
    }
#container{
	width: 250px;
    height: 250px;
}
#container ul li{
	width: 250px;
    height: 255px;
}
.header_top.profile{
	min-height: 150px !important;
	max-height: 180px !important;
}
.profil-pic{
	top:35px !important;
	width: 150px !important;
    height: 150px !important;
}
.free-quotes{
    margin-bottom: 15px;
    text-align: center;
}
.container.profile .grid_4{
	float:left;
	text-align:center;
}

.con-buttons{
	float: left;
    width: 100%;
    text-align: center;
    height:70px;
    margin:0;
    margin-top:20px;
	
}
.con-buttons.hom a{padding:0;font-size:28px;} 

#jssor_1{
	width:100% !important;
	}
.grid_12.short{
	width:100% !important;
	}	
.container.short {
    width: 96% !important;
	}

	 ul.stat-album
	 {
		width: 100%;
	 }
	 ul.stat-album .list {
		width: 47.5%;
	 }
	 ul.stat-album .list .grid_3.phtographer-box.profile-box{
		 width:100% !important;
	 }
	.grid_3.phtographer-box.profile-box{
		width:95% !important;
	}
	.free-quotes {
		padding: 18px 50px !important;
	}
	.connect-buttn.social{
		margin: 0 0 10px 8px !important;
		font-size: 12px !important;
	}
	.fa.icon-set{
		font-size: 16px !important;
		margin-right: 5px !important;
	}
	#container{
	width: 250px;
    height: 250px;
}	
#container ul li{
	width: 250px;
    height: 255px;
	}
.grid_3.gallery.cat{
	width: 42% !important;
    min-height: 165px;
    min-width: 175px !important;
    margin-right: 0;
    float: left;
	}	
.uper-page-head p{
	font-size: 12px !important;
	line-height: 16px !important;
	}
.cat-photo-desc{
	font-size: 12px !important;
	line-height: 20px !important;
	text-align: justify !important;
	}
	.page1 h2.ta__center.mar-bot-test2{
		font-size: 26px !important;
		line-height: 30px;
	}
	.ta__center.cat-page.cont{
		   line-height: 32px;
		margin-bottom: 25px;
	}

 }
 @media only screen and (min-width: 310px) and (max-width: 479px) {
	 ul.stat-album
	 {
		width: 100%;
	 }
	 ul.stat-album .list {
		width: 100%;
	 }
	 ul.stat-album .list .grid_3.phtographer-box.profile-box{
		 width:100%;
	 }
	 .page1 #profile-photo .profile h1{
		 font-size:20px !important;
	 }
	 .ratings-profile a{
		 font-size: 11px !important;
	 }
	.grid_3.gallery.cat{
	 width: 100% !important;
    min-height: 165px;
    min-width: 180px !important;
    margin-right: 0;
    float: left;
	}	 
	.grid_3.phtographer-box.profile-box.cat{
		height: 225px !important;
		xmin-width: 255px !important;
	}
	.ta__center.cat-page{
		font-size: 28px !important;
	}
 }
 @media only screen and (min-width: 768px) and (max-width: 1199px) {
	.grid_3.phtographer-box.profile-box.cat{
		height: 225px;
		xmin-width: 225px;
	} 
 }
 
 
#stuck_container {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 998 !important;
  padding-bottom: 7px;
}
#stuck_container .isStuck {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#stuck_container .isStuck .menuBox {
  margin: 0;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
@media only screen and (min-width: 979px) {
  .isStuck {
    background-color: #000;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  }
}

@media only screen and (max-width: 979px) {
  #stuck_container {
    position: relative !important;
    box-shadow: none;
  }
  .pseudoStickyBlock {
    height: 0 !important;
  }
  .free-quotes{
	  font-size: 16px !important;
  }
  .container.profile .grid_4.last-right{ 
	float:right;
}
}
html {
  width: 100%;
}
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
sss * {
  -webkit-text-size-adjust: none;
}
body {
  position: relative;
  background: #323045;
  color: #585555;
  font: 14px/20px 'Open Sans', sans-serif;
}
.ic {
	border:0;
	float:right;
	background:#fff;
	color:#f00;
	width:50%;
	line-height:10px;
	font-size:10px;
	margin:-220% 0 0 0;
	overflow:hidden;
	padding:0
}
strong {
  font-weight: 700;
}
address {
  font-style: normal;
}
p {
  margin-bottom: 20px;
}
p.offset__1 {
  margin-bottom: 38px;
}
p.offset__2 {
  margin-bottom: 16px;
}

img {
  max-width: 100%;
}
/****Heads****/
.page1  h1,
.page1  h2,
.page1  h3,
.page1  h4,
.page1  h5,
.page1  h6 {
  font-weight: 400;
  color: #171616;
  font-family: 'Pathway Gothic One', sans-serif;
}
.page1  h2 {
  font-size: 48px;
  line-height: 48px;
  letter-spacing: -3px;
  word-spacing: 7px;
  padding-top: 92px;
  word-spacing: 1px;
  margin-bottom: 24px;
}
.page1  h3 {
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -2px;
  margin-bottom: 22px;
  padding-top: 80px;
}
/****Lists****/
.page1  ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.list-1 {
  padding-top: 4px;
}
.list-1 li {
  position: relative;
  letter-spacing: -2px;
  font-size: 24px;
  line-height: 20px;
}
.list-1 li a {
  display: block;
  position: relative;
  padding: 13px 30px 18px 60px;
  color: #323045;
}
.list-1 li a .fa {
  font-size: 20px;
  position: absolute;
  left: 20px;
  top: 17px;
  right: auto;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.list-1 li a:hover {
  color: #e8e6b9;
}
.list-1 li a:hover .fa {
  left: 90%;
}
.list-1 li:nth-child(even) {
  background-color: #88858a;
}
.list-1 li span {
  position: absolute;
  background-color: #333146;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
.list-1 li:hover span {
  width: 100%;
}
/****Links****/
a {
  text-decoration: none;
  color: inherit;
  outline: none;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
a:hover {
  color: #0099cc;
}

.page1  .nbtn {
  font: 18px/20px 'Dosis', sans-serif;
  color: #323045;
  border: 1px solid #000;
  display: inline-block;
  padding: 0px 25px 5px;
  margin-top: 16px;
}
.nbtn:hover {
  background-color: #ffffff;
  border-color: #eee;
}
/****classes****/
.mb0 {
  margin-bottom: 0px !important;
}
.m0 {
  margin: 0 !important;
}
.pad0 {
  padding: 0 !important;
}
.img_inner {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 18px;
  margin-top: 4px;
}
.img_inner.fleft {
  float: left;
  width: auto !important;
  margin-right: 30px;
  margin-bottom: 0px;
}
.img_inner.fleft.noresize {
  margin-right: 20px;
  margin-top: 4px;
}
.img_inner.img_fright {
  position: relative;
  top: 7px;
  float: right;
  margin-left: 20px;
  margin-bottom: 40px;
}
.oh {
  overflow: hidden;
}
.fwn {
  font-weight: normal;
}
.fright {
  float: right !important;
}
.upp {
  text-transform: uppercase;
}
.alright {
  text-align: right;
}
.ta__center {
  text-align: center;
}
.ta__left {
  text-align: left;
}
.td__underline {
  text-decoration: underline;
}
.ta__right {
  text-align: right;
}
.fw_med {
  font-weight: 500;
}
.wrapper,
.extra_wrapper {
  overflow: hidden;
}
.clear {
  float: none !important;
  clear: both;
}
.oh {
  overflow: hidden;
}
.nowrap {
  white-space: nowrap;
}
.rel {
  position: relative;
}
/*header*/
.page1  header {
  color: #e6e5e5;
  display: block;
  position: relative;
  z-index: 999;
  background: url(https://www.714area.com/photographers3/images/slide.jpg) center 0 no-repeat;
  max-height:850px;
}
header .rel {
  z-index: 999;
}
.page1  header h1 {
	text-transform: uppercase;
    color: #ffffff;
    z-index: 999;
    font-size: 48px;
    line-height: 59px;
    margin-bottom: 8px;
    letter-spacing: normal;
    float: left;
    margin-top:350px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom:10px;
    background: rgba(0,0,0,.3);
	text-align:center;
	display: block;
}
.page1  header h1 span{
	font-size:26px;
}

.page1  header h1 a {
  display: block;
  -webkit-transition: 0s ease;
  transition: 0s ease;
}
header h1 a:hover {
  color: #ffffff;
}
header h1.logo {
  float: left;
  padding-top: 11px;
  margin-bottom: 0;
  font-size: 36px;
  line-height: 36px;
}
header .header_top {
  letter-spacing: -1px;
  font: 300 30px/48px 'Dosis', sans-serif;
  
  background: url(https://www.714area.com/photographers3/images/kalon-imaging-llc_2016-05-10_14628987921223.jpeg) center 0 no-repeat;
}
.contri-row-full .row{margin:0;}
/****Content****/
#content {
  background-color: #ffffff;
  padding-bottom: 93px;
  background: #fffced url(../images/content_img.jpg) center 0 no-repeat fixed;
}
.page1  .container {
  width: 1170px;
}
.page1  .container {
    margin-right: auto;
    margin-left: auto;
   
}

@media only screen and (min-width: 959px) {
  .images.row-firstcol{
	max-height: 700px;
	height: 700px;
	}
.images.row-firstcol img{
	max-height: 700px;
    width: 100%;
	}
.images.row-secondcol-half{
	max-height: 350px;
	height: 350px;
	}
.images.row-secondcol-half img{
	max-height: 350px;
	height: 350px;
    width: 100%;
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
 .page1  .container {
    width: 940px;
  }	
	
}
@media (max-width: 767px) {
  .page1  .container {
    width: 420px;
    padding: 0 0px;
  }
  .page1 .main-wrapper-all .container{
	width:100%;
	padding:0;
}

}
@media (max-width: 479px) {
  body {
    padding: 0;
  }
  .page1  .container {
    width: 360px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
[class*="grid_"] {
  float: left;
  min-height: 1px;
  margin-left: 30px;
}

/****Non suppage set****/
.page1 h2 {
  padding-top: 92px;
  margin-bottom: 28px;
  letter-spacing: 4px;
}

.page1 h2.ta__center.mar-bot{
	margin: 0;
    padding-bottom: 15px;
    margin-top: 40px;
    color: #fff;
    padding-top: 20px;
    background: rgba(0,0,0,.5);
}

.page1 h5.ta__center.col-grey {
	color: #fff;
    font-size: 18px;
    letter-spacing: 4px;
    padding-bottom: 18px;
    margin-top: 0px;
    background: rgba(0,0,0,.5);
}
.page1 h2.ta__center.mar-bot-test{
	margin-bottom:35px;
	color:#fff;
	padding-top:30px;
	font-size: 26px;
	letter-spacing:5px;
}

.iframe{
	width: 595px ;
	height: 595px ;
	border-radius: 50%;
	position: relative;
	left: -175px;
	float:left;
	border: 4px solid #666;
	z-index: 9999;
}

.page1 #content {
	padding-bottom: 95px;
}

.page1 #content2 {
	padding-bottom: 25px;
	padding-top:22px;
	background: #fff;
	z-index:99;
	position: relative;
}

.page1 #content3 {
	padding-bottom: 45px;
	background: #333366;
}

.page1 h3 {
  padding-top: 84px;
  margin-bottom: 18px;
}
.page1 h3.head__1 {
  padding-top: 81px;
  margin-bottom: 19px;
}

/****Blocks-photographer****/

.grid_3.phtographer-box {
	text-align:center;
	padding: 0px 0;
	width:100%;
	margin:0;
	xpadding-left:15px;
	xpadding-right:15px;
}

.grid_3.phtographer-box h4{ 
	#color:#0099cc;
	color:#000;
	font-size:16px;
	font-weight:bold;
	
	
}

.user-pic{
	width: 100%;
    height:auto;
    border-radius: 50%;
    float: left;
    text-align: center;
	opacity: 0.7;
	margin-bottom: 15px;
}

.testimonials-slider .user-pic{
    height:200px;
	background-size: cover;
	width:200px;
}

.user-pic img{
	border-radius: 50%;
    width: 80%;
    border: 4px solid #cccccc;
}




/****Blocks-testimonials-photographer****/

.grid_3.phtographer-box.test {
	text-align: center;
	padding: 0px 0;
	width: 21%;
    margin-left: 40px;
}
.grid_3.phtographer-box.test .user-pic{
	opacity: 1;
}
.grid_3.phtographer-box.test .user-pic img{
	width: 50%;
	 min-width: 130px;
	 max-width: 200px;
	 min-height: 130px;
	}
.grid_3.phtographer-box.test h4{
	color:#fff;
	font-size:12px;
	font-weight:normal;
	letter-spacing: 3px;
}
.test-right-part{
	text-align: center;
	color: #fff;
	margin-left: 0;
    margin-top:15px;
}
.test-right-part h4{
	font-size: 18px;
    color: #fff;
	margin-bottom: 15px;
}
.test-right-part h4 a{
	color:#ffcc00;
	text-decoration:underline;
}

.test-right-part p{
	font-size: 16px;
	margin-bottom: 15px;
	max-height: 120px;
	overflow:hidden;
}
.test-right-part h5{
	font-size: 16px;
	color:#fff;
}

/****Blocks-photographer,testimonials-slider****/

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
	display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
	height:auto;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center; 
	height:auto;	
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
   height:auto;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
	overflow:hidden;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(https://www.714area.com/photographers3/images/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(../images/button-next.png) no-repeat;
}


.bx-next {position: absolute;top: 0;right: 0;width: 30px;border-left:1px solid #ddd;height: 30px;cursor: pointer;background: #ED3131 url(https://www.714area.com/photographers3/css/images/caousel-next.png) no-repeat 0 0 ;}
 .bx-prev {position: absolute;top: 0px;right: 30px;border-right:1px solid #ddd;width: 30px;height: 30px;cursor: pointer;background: #ED3131 url(https://www.714area.com/photographers3/css/images/caousel-prev.png) no-repeat 0 0 ;}
 .bx-controls-direction a {position: absolute;top: 0;margin-top: 0;margin-right: 0px;outline: 0;width: 30px;height: 30px;text-indent: -9999px;z-index: 9999;}

.grid_12.testi{position:relative;}
.bx-controls-direction{position:relative;}
.bx-controls-direction a{ border: 1px solid #fff;}
.bx-prev{background: #333366 url(../images/caousel-prev.png) no-repeat 0 0;}
.bx-next{background: #333366 url(../images/caousel-next.png) no-repeat 0 0;}
.bx-pager.bx-default-pager,.bx-controls-auto{display:none;} 

/****profile-page****/
.header_top.profile{
	width: 100%;
    min-height: 225px;
    max-height: 250px; 
	background-size: cover !important;
    background-position: center center !important;
	border-top: 2px solid #ccc;
    
}

.profil-pic{
	margin: 0 auto;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    border: 10px solid #fff;
	position: relative;
    top: 150px;
}

.profil-pic img{
	width:100%;
	height:100%;
	border-radius:50%;
}
.page1 #profile-photo{
	padding:25px 0;
	background-color:#fff;

}
.page1 #profile-photo .profile h1{
	font-size:26px;
	letter-spacing: 2px;
}

.profile span.state-loc{
	margin:5px 0;
	width:100%;
	float:left;
}

.ratings-profile{
	margin:5px 0;
	width:100%;
	float:left;
}

.ratings-profile a{
	color:#5e87b0;
	margin-right:20px;
}
.ratings-profile a img{
	border: 1px solid #ccc;
    border-radius: 5px;
}
a.desc-times{
	color: #3399ff;
	text-decoration: underline;
	margin: 2px 0 4px 6px;
	float: left;
    width: 100%;
}

.summrey-desc{
	float: left;
    width: 100%;
    text-align: justify;
    line-height: 22px;
	margin-bottom: 5px;
}
.page1 h5.ta__center.col-grey.profile-head.right-desc{
	float: left;
    font-size: 16px;
    width: 100%;
    letter-spacing: 2px;
	margin-bottom: 12px;
}

.eve-type-small{
	padding: 6px 12px;
    font-size: 12px;
	margin-right: 8px;
	margin-bottom: 8px;
	border-radius: 5px;
	background-color: #fff;
    border: 1px solid #4b739a;
    color: #4b739a;
	float: left;
    font-weight: lighter;
}
.free-quotes.small:hover{
	background-color: #4b739a;
	color: #fff;
}
.free-quotes:hover,.connect-buttn:hover{
	color: #fff;
	opacity:0.7;
}

.connect-buttn{
	color: #fff;
    background-color: #4b739a;
    border-color: #3c5c7b;
	padding: 8px 20px;
	border-radius: 2px;
	font-size:16px;
	margin-bottom:20px;
}

.free-quotes{
	padding:20px 30px;
	font-size:22px;
	background-color:#333366;
	border-radius: 8px;
    color: #fff;
    font-weight: lighter;
}
.con-buttons { 
    float: left;
    width: 100%;
    height:70px;
    margin:0;
    margin-top:13px;
}

.container.short{
	width:760px;
}

.grid_12.short{
	width:760px;
}
.page1 h5.ta__center.col-grey.profile-head{
	text-align: left;
    margin-bottom: 20px;
    border-bottom: 2px solid #656565;
    padding-bottom: 5px;
    color: #656565;
	font-size: 22px;
    letter-spacing: 2px;
	}

.user-pic.profile, .user-pic.profile img{
	border-radius: 0%;

	opacity: 1;
	
}
.user-pic.profile img{
	width: 100%;
	border:none;
	height: 100%;
    min-height: 180px;
    min-width: 180px;
}
.grid_3.phtographer-box.profile-box{
	width: 95%;
    margin-left: 10px;
}

a.grid_3.phtographer-box.profile-box:hover{
	opacity: 0.65;
}

.page1 .profile-sec{
	padding-bottom: 15px !important;
}

.page1 .profile-sec-last{
	padding-bottom: 35px !important;
}

.grid_3.phtographer-box.profile-box{
	width:23.5%;
	height: 180px;
    min-width: 180px;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.grid_3.phtographer-box.profile-box.first{
	margin-left: 0px;
	}


.user-pic.profile  h5{
	position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    box-sizing: border-box;
    padding: 8px 5px;
    line-height: 14px;
	background-color: rgba(0,0,0,0.7);
	width:100%;
	letter-spacing: .6px;
	margin:0;
}
.news .user-pic.profile h5{
	text-align: left;
    font-size: 14px;
}
.container.short.pad-bot{
	padding-bottom:15px;
}
.profile-sec.pad-top{
	padding-top:25px;
}
.social-like-box{
	xfloat:left;
	width:100%;
	height:auto;
	border:2px solid #eae6e6;
	margin:20px 0;
	padding:15px 15px;
	border-radius: 4px;
	min-height: 48px;
	box-sizing: border-box;
	text-align:center;
}
.fa.icon-set{
	font-size: 20px;
    font-weight: bolder;
    margin-right: 15px;
}
a.social{
	font-size: 18px;
	xfloat: left;
    margin-right: 40px;
}
a.social:hover{
	opacity: 0.5;
}

ul.stat-album{
	float:left;
	width: 100%;
}
ul.stat-album .list{
	float:left;
	margin-right: 5px;
	margin-left:5px;
    margin-bottom: 10px;
}
ul.stat-album .list .grid_3.phtographer-box.profile-box{
	margin-left:0px;
}
.last-right{float:right;}

 /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('../img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }

        /* jssor slider thumbnail navigator skin 01 css */
        /*
        .jssort01 .p            (normal)
        .jssort01 .p:hover      (normal mouseover)
        .jssort01 .p.pav        (active)
        .jssort01 .p.pdn        (mousedown)
        */
        .jssort01 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 72px;
            height: 72px;
        }
        
        .jssort01 .t {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .jssort01 .w {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
        
        .jssort01 .c {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 68px;
            height: 68px;
            border: #000 2px solid;
            box-sizing: content-box;
            background: url('https://www.714area.com/photographers3/img/t01.png') -800px -800px no-repeat;
            _background: none;
        }
        
        .jssort01 .pav .c {
            top: 2px;
            _top: 0px;
            left: 2px;
            _left: 0px;
            width: 68px;
            height: 68px;
            border: #000 0px solid;
            _border: #fff 2px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p:hover .c {
            top: 0px;
            left: 0px;
            width: 70px;
            height: 70px;
            border: #fff 1px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p.pdn .c {
            background-position: 50% 50%;
            width: 68px;
            height: 68px;
            border: #000 2px solid;
        }
        
        * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
            /* ie quirks mode adjust */
            width /**/: 72px;
            height /**/: 72px;
        }
        



/****Catogery Page****/

.uper-page-head{
	background-color: rgba(207,207,207,0.8);
	padding: 20px 0;
}
.uper-page-head h1{
	font-size:34px;
	color:#fff;
	margin-bottom: 15px;
	margin-top: 0;
}
.uper-page-head p{
	color: #fff;
    font-size: 16px;
	margin-bottom: 0;
    line-height: 24px;
}
.page1 h5.ta__center.col-grey.cat{
	font-size: 16px;
    letter-spacing: 2px;
}
.cat-photo-desc{
	color: #999;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 30px;
    text-align: center;
	
}
.line{
	color: #fff;
}
.page1 h2.ta__center.mar-bot-test.mar-short{
	margin-bottom:5px;
}
.cont-buttn{
	padding: 8px 30px;
    background-color: #fff;
    border-radius: 5px;
    font-size:30px;
    color: #333366;
    letter-spacing: 3px;
	
}
.shadow2{
	-webkit-box-shadow: 0px 15px 19px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 15px 19px -10px rgba(0,0,0,0.75);
box-shadow: 0px 15px 19px -10px rgba(0,0,0,0.75);
	
}

.layer-style{
	    background: #fffced url(https://www.714area.com/photographers3/images/content_img2.jpg) center 0 repeat fixed !important;
	
}

.ta__center.cat-page{
	font-size: 30px;
	padding-top: 30px;
	letter-spacing: 2px;
}
.cat-page-op{
	    background: rgba(51,51,102,0.6) !important;
		background:url(../images/op-back.jpg) center 0 repeat fixed !important;
		padding-bottom: 0 !important;
}
.full-op-back{
    background: rgba(51,51,102,0.8) !important;
    padding-bottom: 50px;
    height: 100%;
}

.grid_3.phtographer-box.profile-box.cat{
	width: 95%;
	height: 275px;
	xmin-width: 355px;
	background-position: center center;
	background-size: cover;
	position: relative;
	
}

.phtographer-box.profile-box.cat .user-pic.profile h5{
	font-size: 16px;
	padding: 15px 5px;
	font-size: 20px;
}

 /* jssor slider bullet navigator skin 01 css */
        /*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
        .jssorb01 {
            position: absolute;
        }
        .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            position: absolute;
            /* size of bullet elment */
            width: 12px;
            height: 12px;
            filter: alpha(opacity=70);
            opacity: .7;
            overflow: hidden;
            cursor: pointer;
            border: #000 1px solid;
        }
        .jssorb01 div { background-color: gray; }
        .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
        .jssorb01 .av { background-color: #fff; }
        .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

        /* jssor slider arrow navigator skin 13 css */
        /*
        .jssora13l                  (normal)
        .jssora13r                  (normal)
        .jssora13l:hover            (normal mouseover)
        .jssora13r:hover            (normal mouseover)
        .jssora13l.jssora13ldn      (mousedown)
        .jssora13r.jssora13rdn      (mousedown)
        */
        .jssora13l, .jssora13r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 50px;
            cursor: pointer;
            background: url('https://www.714area.com/photographers3/css/img/a13.png') no-repeat;
            overflow: hidden;
        }
        .jssora13l { background-position: -10px -35px; }
        .jssora13r { background-position: -70px -35px; }
        .jssora13l:hover { background-position: -130px -35px; }
        .jssora13r:hover { background-position: -190px -35px; }
        .jssora13l.jssora13ldn { background-position: -250px -35px; }
        .jssora13r.jssora13rdn { background-position: -310px -35px; }

#jssor_1 img{
	
	left:-6px !important;
}
.header_top2{
	background-color:#fff;
}

.uper-full-desc-layer{
	background-color:#fff;
}
.grid_3.gallery.cat{
	width: 22%;
    height: 160px;
    min-width: 225px;
    background-position: center center;
    background-size: cover;
    position: relative;
	margin-bottom: 30px;
}
.grid_3.gallery.cat:hover{
	opacity:0.5;
}
.grid_3.gallery.cat .user-pic.profile h5{
	background-color: rgba(117,117,117,0.6);
	padding: 10px 5px;
	font-size: 24px;
}
.page1 #content-cat{
	padding: 50px 0;
    background: #fff;
    z-index: 9889;
    position: relative;
	
}

.page1 h2.ta__center.mar-bot-test2 {
    margin-bottom: 15px;
    color: #fff;
    padding-top: 30px;
    font-size: 36px;
    letter-spacing: 5px;
    font-weight: bold;
}
.ta__center.cat-page.cont{
	font-size: 36px;
	font-weight: bold;
	margin-bottom:0px;
	}

.cont-buttn.contri	{
	background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    padding: 15px 25px;
		
	}


.full-op-back2{
    background: rgba(51,51,102,0.8) !important;
    padding-bottom: 50px;
   }
.contri .user-pic img{
	min-height:150px;
	min-width:150px;
}
.ta__center.desc-contri{
	color: #fff;
    font-size: 24px;
    letter-spacing: 2px;
    line-height: 32px;
    margin-bottom: 40px;
	
}

a.cont-buttn.contri2{
    border: 1px solid #fff;
    padding: 15px 25px;
	background-color:#333366;
	color:#fff;
	text-decoration:none;
}
a.cont-buttn.contri2:hover{
    border: 1px solid #333366;
    padding: 15px 25px;
	background-color:#fff;
	color:#333366;
	text-decoration:none;
}
a.cont-buttn.contri:hover{
	background-color:#fff;
	color:#333366;
	text-decoration:none;
}

















/****Blocks****/
.time-1 {
  position: relative;
  top: -2px;
  display: block;
  float: left;
  color: #323045;
  font-size: 30px;
  font-weight: normal;
  line-height: 30px;
  min-width: 103px;
  margin-bottom: 10px;
}
.shuffle-me {
  position: relative;
}
.shuffle-me .info {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.shuffle-me.offset__1 {
  #margin-bottom: 21px;
}
.socials {
  margin-bottom: 14px;
}
.socials li {
  padding-top: 12px;
  font-size: 18px;
  font-weight: 300;
  overflow: hidden;
}
.socials li .fa {
  font-size: 18px;
  line-height: 44px;
  display: block;
  width: 44px;
  height: 44px;
  background-color: #323045;
  border-radius: 500px;
  color: #ffffff;
  text-align: center;
  float: left;
  margin-right: 21px;
  position: relative;
  top: -8px;
}
.socials li .fa.fa-youtube {
  font-size: 24px;
}
.socials li a:hover {
  text-decoration: underline;
}
.socials li + li {
  margin-top: 24px;
}
.bq_1 {
  overflow: hidden;
}
.bq_1 .bq_title {
  font-style: italic;
  font-size: 24px;
  color: #323045;
  line-height: 48px;
  padding-top: 11px;
}
.bq_1 .clear {
  height: 12px;
}
.block-1 .fa {
  display: block;
  border-radius: 500px;
  color: #ffffff;
  background-color: #323045;
  font-size: 48px;
  line-height: 114px;
  width: 114px;
  height: 114px;
  text-align: center;
  margin: 0 auto 17px;
}
.block-1 .block-1_title {
  text-align: center;
  font-weight: 300;
  font-size: 24px;
  line-height: 48px;
  color: #323045;
  margin-bottom: 16px;
}
.block-1 .nbtn {
  margin-top: 28px;
}

/****Gallery****/
.box {
  position: relative;
  margin-top: 2px;
  margin-bottom: 31px;
  padding-bottom: 68px;
  overflow: hidden;
}
.box .gall_item {
  position: relative;
  display: block;
}
.box .gall_item img {
  width: 100%;
}
.box .gall_item span {
  -webkit-transition: background-position 0.5s ease;
  transition: background-position 0.5s ease;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://www.714area.com/photographers3/images/magnifyer.png) center -100px no-repeat;
}
.box .gall_item:hover span {
  background-position: center center;
}
.box .box_bot {
  background-color: #323045;
  color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 7px 26px;
  top: 207px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.box .box_bot .box_bot_title {
  padding-left: 18px;
  font-size: 24px;
  line-height: 48px;
  font-weight: 300;
  letter-spacing: -1px;
  margin-bottom: 19px;
}
.box .box_bot .nbtn {
  margin-top: 0;
  border-color: #e8e6b9;
  color: #e8e6b9;
}
.box .box_bot .nbtn:hover {
  color: #323045;
  border-color: #ffffff;
}
.box .box_bot:hover {
  top: 0;
}
.box .box_bot:hover .box_bot_title {
  color: #e8e6b9;
}
.blog .nbtn {
  margin-top: 28px;
  margin-bottom: 31px;
}
.blog table {
  border-color: #000;
  border-top: 1px solid rgba(50, 48, 69, 0.49);
  width: 100%;
  line-height: 40px;
  position: relative;
  top: 2px;
}
.blog table tr {
  border-color: #000;
  border-bottom: 1px solid rgba(50, 48, 69, 0.49);
}
.blog table .fa {
  font-size: 20px;
  color: #323045;
  min-width: 24px;
  margin-right: 20px;
  line-height: 40px;
}
.blog table td + td .fa {
  margin-right: 5px;
}
.blog table td:first-child {
  width: 278px;
}
.blog table td + td + td {
  text-align: right;
}
.blog table td + td + td .fa {
  margin-right: 40px;
}
.blog + .blog {
  margin-top: 91px;
}
/****Separators****/
.sep-1 {
  height: 1px;
  position: relative;
  margin-top: 65px;
}
.sep-1:after {
  position: absolute;
  left: 188px;
  right: 188px;
  height: 1px;
  top: 0;
  background-color: #171616;
  content: '';
}
.sep-1.offset__1 {
  margin-top: 86px;
}
/****Text styles****/
.text1 {
  font-size: 24px;
  line-height: 48px;
  font-weight: 300;
  margin-bottom: 15px;
  letter-spacing: -1px;
}
.text1.tx__1 {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  margin-bottom: 22px;
  letter-spacing: normal;
}
.color1 {
  color: #323045;
}
.color1 a:hover,
a.color1:hover {
  color: #616070;
}
.color2 {
  color: #616070;
}
/****Map****/
.map {
  overflow: hidden;
  padding-top: 5px;
}
.map figure {
  position: relative;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.map figure iframe, .map figure .iframe {
  width: 100%;
  height: 399px;
  max-width: 100%;
}
.address1 {
  display: block;
  float: left;
}
.address1 + .address1 {
  margin-left: 70px;
}
.address1 dt {
  margin-bottom: 13px;
}
.address1 dd span {
  min-width: 144px;
  display: inline-block;
  text-align: left;
}
.address1 dd span.col1 {
  min-width: 0;
}
/**Footer**/
#footer {
  text-align: center;
  color: #ffffff;
  padding-bottom: 25px;
}
#footer h2 {
  padding-top: 85px;
  margin-bottom: 23px;
  color: #e3dfdf;
}
#footer .footer_phone {
  font-size: 24px;
}
#footer .sub-copy {
  padding-top: 37px;
  color: #6d6a6a;
}
#footer a:hover {
  color: #ffffff;
}
#footer .footer_mail {
  margin-top: 15px;
  display: inline-block;
  border: 1px solid #ffffff;
  font-size: 30px;
  line-height: 30px;
  padding: 9px 100px 16px;
}
#footer .footer_mail:hover {
  text-decoration: none;
  background-color: #fff;
  color: #323045;
}
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 40px;
  left: 51%;
  margin-left: 640px;
  overflow: hidden;
  border: none;
  border: 1px solid #ffffff;
  color: #ffffff;
  width: 72px;
  height: 66px;
  font-size: 30px;
  line-height: 65px;
  text-align: center;
  z-index: 20;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
  background-color: #323045;
}
#toTop:hover {
  outline: none;
  background-color: #000000;
}
.slide {
    float: left;
    width: 100%;
}
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1199px) {
  .extra_wrapper {
    overflow: visible;
  }
  .box .box_bot {
    top: 168px;
  }
  .box .box_bot .box_bot_title {
    padding-left: 0;
  }
  .box p {
    display: none;
  }
  .list-1 li {
    font-size: 18px !important;
    letter-spacing: -1px;
  }
  .list-1 li a {
    padding-left: 40px;
  }
  
}
@media only screen and (max-width: 979px) {
  .shuffle-me img {
    width: 100%;
  }
  .box .box_bot {
    top: 132px;
  }
  .box .box_bot .box_bot_title {
    font-size: 20px;
  }
  .map figure,
  .map figure iframe,  .map figure .iframe,
  #form input,
  #form textarea,
  #form .success {
    width: 100% !important;
    float: none !important;
  }
  #form .success {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .map figure {
    height: auto !important;
    margin-bottom: 15px;
  }
  .nowrap {
    white-space: normal;
  }
  .img_inner.fleft {
    margin-bottom: 20px;
  }

}
@media only screen and (max-width: 767px) {
  .address1 + .address1 {
    margin-left: 60px;
  }
  .box .box_bot {
    top: 235px;
  }
  .sep-1:after {
    left: 30px;
    right: 30px;
  }
  .img_inner,
  .img_inner.fleft,
  .img_inner.img_fright {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 20px !important;
    margin-top: 30px;
  }
  .img_inner img,
  .img_inner.fleft img,
  .img_inner.img_fright img {
    width: 100%;
  }

  header h1 a img {
    display: block;
    margin: 0 auto;
  }
  header .header_top {
    font-size: 18px;
    line-height: 22px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  header .header_top h1 {
    margin-bottom: 0px;
    font-size: 30px;
    line-height: 32px;
	padding-top: 5px;
  }
  .map figure iframe, .map figure .iframe {
    height: 300px;
  }
  .content .noresize {
    width: auto !important;
    float: left !important;
    margin-right: 20px !important;
    margin-top: 4px !important;
  }
  .none {
    clear: both;
  }
  .footer_mail {
    font-size: 16px !important;
  }
  .block-1 {
    margin-bottom: 40px;
  }
  .page1  header h1 {
	margin-top:200px;
  }
.profilethumb5{
	width:100%;
	height:200px;
}
a.col-xs-5.col-sm-3.phtographer-box.test{
	width: 100%;
	text-align: center;
	}
.testimonials-slider .user-pic{
	height: 150px;
    background-size: cover;
    width: 150px;
    margin: 0 auto;
    float: none;
	}
.test-right-part{
	width: 100%;
	}
}
.profilethumb5{
	width:100%;
    height: 275px;
    background-position: center center;
    background-size: cover;
    position: relative;
	display:block;
}
@media only screen and (max-width: 479px) {
	.box .box_bot {
		top: 151px;
	}
	.footer_mail {
		font-size: 16px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.profilethumb5{
		width:100%;
		height:175px;
	}
}