/*

Theme Name: Zohn Fletcher

Theme URI: http://www.john-fletcher.com.au

Author: Mr. Kamal Hossain

Author URI: https://neshbd.com/

Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.

Version: 1

License: GNU General Public License v2 or later





This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



@font-face {
 font-family: 'Oswald-Regular';
 src: url('fonts/Oswald-Regular.ttf');
 font-weight:500;
}
 @font-face {
 font-family: 'Lato-Regular';
 src: url('fonts/Lato-Regular.ttf');
 font-weight:500;
}
 @font-face {
 font-family: 'Lato-Light';
 src: url('fonts/Lato-Light.ttf');
 font-weight:300;
}
 @font-face {
 font-family: 'Pacifico';
 src: url('fonts/Pacifico.ttf');
 font-weight:500;
}
* {
	margin:0;
	padding:0;
}
body {
	width:100%;
	margin:0;
	background: #f1ebdd !important;
	font-size:14px;
}
#wrapper {
	max-width:2500px;
	margin:0 auto;
	position:relative;
}
.container {
	margin:0 auto;
}
p {
	font-size:14px;
	line-height:20px;
}
a:hover {
	text-decoration:none !important;
}
/*---------------------------------------------------------*/

					/*End General Settings*/

/*---------------------------------------------------------*/



/*---------------------------------------------------------*/

					/*Start navigation*/

/*---------------------------------------------------------*/

.header-top {
	z-index:9999;
	position:relative;
	min-height:40px;
}
.abn {
	font-family: 'Lato-Regular';
	font-size:14px;
	font-weight:500;
	color:#003366;
	padding-top:10px;
}
.hcontact {
	float:right;
}
.hcontact ul li {
	float:left;
	list-style:none;
	margin-left:20px;
	font-family: 'Lato-Regular';
	font-size:14px;
	font-weight:500;
	color:#003366;
}
.hcontact ul li strong {
	font-family: 'Oswald-Regular';
	font-weight:500;
	font-size:18px;
}
.hcontact ul li img {
	margin-right:2px;
}
.logo {
	padding:17px 0 17px 0px;
}
.navigation {
	min-height:120;
	position: relative;
	z-index: 9999;
	top:0;
}
.navigation {
  background: rgba(0, 0, 0, 0) url("images/nav-bg.png") repeat-x scroll 0 0;
}

.menu {
	max-width:100%;
	margin: 0 auto;
	min-height:120px;
	float:right;
	padding-top:0;
}
#custommenu {
	width: auto;
	float:left;
}
#custommenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1;
	display: block;
	zoom: 1;
}
#custommenu ul:after {
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}
#custommenu ul li {
	display: inline-block;
	padding: 0;
	margin: 0;
}
#custommenu.align-right ul li {
	float: right;
}
#custommenu.align-center ul {
	text-align: center;
}
#custommenu ul li a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 50px 15px;
	font-family: 'Oswald-Regular';
	font-weight: 500;
	text-transform: uppercase;
	font-size: 18px;
	position: relative;
 -webkit-transition: color .25s;
 -moz-transition: color .25s;
 -ms-transition: color .25s;
 -o-transition: color .25s;
 transition: color .25s;
}
#custommenu ul li a:hover {
	color: #064971;
}
#custommenu ul li a:hover:before {
	width: 100%;
}
#custommenu ul li a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 5px;
	width: 0;
	background: #064971;
 -webkit-transition: width .25s;
 -moz-transition: width .25s;
 -ms-transition: width .25s;
 -o-transition: width .25s;
 transition: width .25s;
}
#custommenu ul li.last > a:after,  #custommenu ul li:last-child > a:after {
	display: none;
}
#custommenu ul li.active a {
	/*color: #064971;*/
}
#custommenu ul li.active a:before {
	width: 100%;
}
#custommenu.align-right li.last > a:after,  #custommenu.align-right li:last-child > a:after {
	display: block;
}
#custommenu.align-right li:first-child a:after {
	display: none;
}
#custommenu ul li.current-menu-item a {
	/*color: #064971;*/
}
#custommenu ul li.current-menu-item a:before {
	width: 100%;
}
#showmenu {
	background:url(images/menu-icon.png) no-repeat;
	height:34px;
	width:44px;
	cursor:pointer;
}
 #showmenu:focus, .#showmenu:hover {
 background:url(images/menu-icon-hover.png) no-repeat;
 height:34px;
 width:44px;
}
#showmenu {
	display:none;
}
#hsearch {
	background: rgba(0, 0, 0, 0) url("images/icon-search.png") no-repeat scroll 50% 0;
	cursor: pointer;
	float: right;
	height: 20px;
	margin-top: 50px;
	padding: 0;
	width: 40px;
}
.menu .search {
	display: none;
	clear: both;
	float: right;
	position: absolute;
	top: 0;
	width: 150px;
	right:0;
	top:90px;
}
.searchform label {
	display:none;
}
.searchform #s {
	height:30px;
	width:150px;
}
.searchform #searchsubmit {
	background: rgba(0, 0, 0, 0) url("images/icon-search.png") no-repeat scroll 0 0;
	border: medium none;
	content: "";
	font-size: 0;
	height: 18px;
	position: absolute;
	right: 10px;
	top: 5px;
	width: 18px;
}
/*---------------------------------------------------------*/

					/*Start slider*/

/*---------------------------------------------------------*/

.slider {
	position:relative;
	top:-163px;
	background: #fff
}
.slider .carousel-caption {
	left:10%;
	text-align:left;
	max-width:830px;
	margin:0 auto;
	text-shadow:none;
	bottom:58%;
	right:10%;
	background-color:rgba(0, 0, 0, 0.50);
	text-align:center;
	padding: 12px 0 6px 0;
}
.slider .carousel-caption h3 {
	font-family: 'Lato-Light';
	font-size:32px;
	line-height:35px;
	color:#fff;
	margin:0 auto;
}
.carousel-fade .carousel-inner .item {
	background-position: center center !important;
	background-size: cover;
	height: 100%;
	min-height: 327px;
	width: 100%;
	opacity: 0;
	transition-property: opacity;
	background-repeat:no-repeat;
	background-attachment:local;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left,  .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left,  .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 2;
}



/*

WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."

now override the 3.3 new styles for modern browsers & apply opacity

*/

@media all and (transform-3d), (-webkit-transform-3d) {
 .carousel-fade .carousel-inner > .item.next,  .carousel-fade .carousel-inner > .item.active.right {
 opacity: 0;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 .carousel-fade .carousel-inner > .item.prev,  .carousel-fade .carousel-inner > .item.active.left {
 opacity: 0;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 .carousel-fade .carousel-inner > .item.next.left,  .carousel-fade .carousel-inner > .item.prev.right,  .carousel-fade .carousel-inner > .item.active {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
/*---------------------------------------------------------*/

					/*Start container-one*/

/*---------------------------------------------------------*/

.container-one {
  background: rgba(0, 0, 0, 0) url("images/contain-bg.png") repeat scroll 0 0;
  margin-top: -613px;
  padding: 14px 0;
  position: relative;
  z-index: 9999;
}
.home-cat h2 {
	font-family: 'Oswald-Regular';
	font-size:28px;
	margin:25px auto 25px;
	color:#fff;
	padding-bottom:12px;
	text-transform: uppercase;
	border-bottom:4px solid #fff;
	display: inline-block;
}
.home-cat h2 a{
	color:#fff;
	text-decoration:none;
}
.wpb_single_image .vc_single_image-wrapper.vc_box_border, .wpb_single_image .vc_single_image-wrapper.vc_box_border_circle {
	padding: 2px !important;
}
.cat-single {
	position:relative;
}
.home-caption {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 37px;
	left: 0;
	margin: 0 auto;
	max-width: 354px;
	position: absolute;
	right: 0;
}
.home-caption p {
	color:#fff;
	padding:15px 8px;
	font-size:15px;
	font-family: 'Lato-Regular';
	font-weight:500;
}
.footer {
	text-align:center;
	padding:20px 0;
	background:#3e3d39;
	min-height:60px;
}
.footer p {
	font-family: 'Lato-Regular';
	font-size:14px;
	color:#fff;
	margin:0 auto;
}
.footer p a {
	color:#999999;
}
.footer p a:hover {
	color:#999999;
}
/*---------------------------------------------------------*/

					/*Start About*/

/*---------------------------------------------------------*/

.inner-slider {
	position:relative;
	top:-163px;
}
.inner-slider img {
	height:317px;
	max-width:2500px;
	margin:0 auto;
	width:100%;
}
.bg-container {
	max-width:1170px;
	position:relative;
	margin: -125px auto 0;
}
.inner-title {
	margin-left:15px;
}
.inner-title h1 {
	font-family: 'Oswald-Regular';
	font-size:40px;
	line-height:60px;
	color:#064971;
	text-transform:uppercase;
}
p.about {
	font-size:14px;
	font-family: 'Ubuntu-R';
	padding:125px 0;
}
.about-content {
	margin-top:50px;
	max-width:690px;
	width:100%;
}
.about-content .wpb_wrapper p {
	max-width:640px;
	font-size:15px;
	font-family: 'Lato-Regular';
	line-height:22px;
}
.col-control {
	max-width:480px;
	width:100% !important;
}
.about-img {
	margin-top:50px;
}
/*---------------------------------------------------------*/

					/*Start project*/

/*---------------------------------------------------------*/

.project-content h2 {
	font-family: 'Oswald-Regular';
	font-size:28px;
	line-height:60px;
	color:#064971;
	text-transform:uppercase;
	text-align:center;
}
.project-content h2:before {
	background: #064971 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 5px;
	left: 42%;
	position: absolute;
	top: 75px;
	transition: width 0.25s ease 0s;
	width: 16%;
}
.project-content .nivo-directionNav {
	display:none;
}
.project-content .theme-default .nivoSlider {
	box-shadow:none;
	border:2px solid #cfcecd;
	margin-top:27px;
}
.project-content .nivo-controlNav {
	display:none;
}
.project-content .nivo-caption {
	text-align:center;
	font-size:15px;
	font-family: 'Lato-Regular';
	color:#fff;
	font-weight:500;
	padding: 22px 10px;
	opacity: 0.6;
}
.container-two {
	margin-top:-128px;
	padding-bottom:100px;
	background:#fff;
}
.history-content {
	margin-top: 75px;
	max-width: 510px;
	width: 100% !important;
}
.history-content .wpb_wrapper p {
	color: #000;
	font-family: "Lato-Regular";
	font-size: 15px;
	font-weight: 500;
	line-height: 22px;
	max-width: 475px;
	padding-left: 15px;
}
.gallery-slider {
	max-width:655px;
	width:100% !important;
	margin-top:75px;
}
.gallery-slider .sp-image-container img {
	max-width:655px;
	width:100%;
}
.gallery-slider .sp-horizontal .sp-previous-arrow {	
	height:31px;
	width:31px;
}
 .gallery-slider .sp-previous-arrow::before, .gallery-slider .sp-previous-arrow::after, .gallery-slider .sp-next-arrow::before, .gallery-slider .sp-next-arrow::after {
 background:none;
}
.gallery-slider .sp-horizontal .sp-next-arrow {
	height:31px;
	width:31px;
}
.gallery-slider .sp-horizontal .sp-arrows {
	margin-top: 0;
	opacity:1;
}
.gallery-slider #example3_108 .sp-selected-thumbnail {
	border:0px;
}
.gallery-slider .sp-bottom-thumbnails {
	margin-top:55px;
	margin-left:0;
}
.gallery-slider .sp-top-thumbnails {
	left: 0;
	margin: 0;
}
.container-two #slider {
	margin-top:10px;
}
.project-main-slider {
	position:relative;
	margin-top:25px;
}
.container-two #slider {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	border:1px solid #ccc;
}
.container-two #slider li .image-container {
}
ul.flex-direction-nav li {
	list-style:none;
}
.container-two #carousel {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
#carousel .slides > li {
	margin-right: 10px;
	cursor: pointer;
}
.container-two #slider1 {
	margin-top:55px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
.container-two #slider1 .flex-control-nav {
	display:none;
}
#slider .flex-direction-nav .flex-next {
	right: 25px;
	background:#fff url("images/arrow-right.png") no-repeat scroll 50% 0;
	height:31px;
	width:31px;
}
#slider .flex-direction-nav a {
	font-size:0;
	opacity: 1;
}
 #slider .flex-direction-nav a::before {
 font-size: 0;
}
#slider .flex-direction-nav .flex-prev {
	left: 25px;
	background:#fff url("images/left-arrow.png") no-repeat scroll 50% 0;
	height:31px;
	width:31px;
}
#slider .flex-direction-nav .flex-disabled {
	opacity:1 !important;
}
#carousel .flex-direction-nav .flex-disabled {
	cursor: pointer;
	opacity:1 !important;
}
#carousel .flex-direction-nav {
	display:none;
}
#slider1 .project_description {
	font-family: "Lato-Regular";
	font-size: 15px;
	font-weight: 500;
}
#slider1 h3 {
	color:#064971;
	font-size:24px;
	font-family: 'Oswald-Regular';
	margin-top:0px;
}
.container-two #slider1 .flex-direction-nav {
	display:block;
}
a:focus {
	outline: none !important;
}
/*---------------------------------------------------------*/

					/*Start gallery*/

/*---------------------------------------------------------*/





/*---------------------------------------------------------*/

					/*Start testimonials*/

/*---------------------------------------------------------*/





  /*----------------Updated 10.10.2015----------------*/

  





.flexslider {
	margin-bottom: 0 !important;
}
.big {
	background: url("images/light.png") no-repeat scroll 0 0;
	display: block;
	height: 17px;
	width: 17px;
	float:right;
	margin-right:15px;
}
.caption {
	background: url("images/caption.png") no-repeat scroll 0 0;
	display: block;
	height: 17px;
	width: 15px;
	margin: 20px 0 25px 0;
}
.slide-current-slide, .slide-total-slides {
	font-size:10px;
	color:#ccc;
}
.slide-current-slide {
	margin-left:15px;
}
#carousel {
	margin-bottom: 58px !important;
}
.flex-control-paging {
	display: none;
}
#boo {
	border-bottom: 1px solid #ccc;
}
.p-n {
	float: right;
	margin-top: 23px;
	max-width: 350px;
	width: 100%;
}
.p-n > a {
	border-right: 1px solid #ccc;
	color: #064971;
	font-family: oswald-regular;
	font-size: 18px;
	padding: 0 27px 0 0;
}
.p-n > a:last-child {
	border-right: medium none;
	padding-left: 27px;
}

.sp-slides-container{
	border:1px solid #dadad8;
}
.sp-thumbnails .sp-thumbnail-container{
	width:40px !important;
	height:40px !important;
	margin-right:5px !important;
}
.carousel-inner > .item > img{
	visibility:hidden;	
}