@charset "utf-8";

@import url("animate.css");
@import url("load-font.css");

/* ==========================================================================
	CSS RESET
============================================================================= */
html{
	width:100%;
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
	font-family: "Raleway Regular", sans-serif !important;
	font-size: 13px;
	color: #363636;
	line-height: 1.5;
	text-rendering:optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}
:active,
:focus { 
	outline: none !important; 
}

a,
a:focus,
a:hover {
	text-decoration:none !important;
}

iframe {
	border:none !important;
}

p {
	font-size: 14px;
}
/* ==========================================================================
	WareDC Typography
============================================================================= */
.animated {
	filter: Alpha(Opacity=100) !important;
	opacity: 1 !important;
}

.to_animate{
	opacity: 0;
}

h2.section-heading {
	text-align:center; 
	font-family:'Raleway Bold', sans-serif; 
	font-size: 30px;
	padding-bottom: 20px;
}

.feature-detail > h3{
	font-family: "Raleway Semi Bold", sans-serif;
}

/* form */
label.error {
	font-weight: normal; 
	color: red;
}

input.bottom {
    outline: 0;
    border: none;
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-bottom: 1px solid #888;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}

input.subscribe {
    outline: 0;
    border: none;
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	/* border-bottom: 1px solid #888; */
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	background: #444 !important;
	color: #fff;
}

input.btn-subscribe {
	outline: 0;
    border: none;
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}

textarea.bottom {
    outline: 0;
    border: 1px;
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border: 1px solid #888;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}

.input-group > .input-group-btn > .btn {
	/* border-radius: 0px 3px 3px 0px !important;
	-webkit-border-radius: 0px 3px 3px 0px !important;
	-moz-border-radius: 0px 3px 3px 0px !important;
	-o-border-radius: 0px 3px 3px 0px !important; */
	padding: 7px 15px !important;
}

/* Buttons */
.btn{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color: #000;
	font-size: 12px;
	padding: 10px 15px !important;
	background-color: #f2f2f2;
	border-radius: 100px !important;
	box-shadow: 0 2px 0 1px rgba(0,0,0,.1);
}
.btn:hover {
	color: #FFF;
}

/* .btn.btn-sm.btn-default:hover, .btn.btn-sm.btn-primary:hover, .btn.btn-sm.btn-success:hover, .btn.btn-sm.btn-info:hover, .btn.btn-sm.btn-warning:hover, .btn.btn-sm.btn-danger:hover, .btn.btn-sm.btn-link:hover{
	background:none;
} */

.btn.btn-sm{
	font-weight:400;
	padding:10px 20px 8px 20px;
	border:1px solid #eeeeee;
	font-size:11px;
}
.btn.btn-lg{
	padding:10px 35px;
	border:1px solid #fff;
	border-right:4px solid #fff;
}


.btn-success:hover {
	color: #FFF !important;
	background-color: #00AB4F !important;
}

/* font family and color */
.ft-style-lato { font-family: "Lato", sans-serif; }
.ft-style-opensans { font-family: "Open Sans", sans-serif; }
.ft-clr-white {color: #FFF;}

.main-color { color: #00AB4F;}

/* background */
.bg-clr-black {
	background: #080808;
}

.bg-clr-grey { 
	background: #ebebeb; 
}

.bg-cover {
	background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
}

.bg-green-custom > a, 
.btn-green-custom {
    border-color: #35aa47 !important;
    background-image: none !important;
    background-color: #35aa47 !important;
    color: #FFFFFF !important;
	text-transform:none;
	padding:10px 15px;
	-webkit-border-radius	: 0px;
		-moz-border-radius	: 0px;
			border-radius	: 0px;
}

.bg-green-custom:hover > a, 
.btn-green-custom:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809 !important;
}

.bg-grey-01 { 
	background:url(../images/bg-grey.jpg); 
}

.bg-map { 
	background:#fff url(../images/bg-map-02.png) !important; 
}

.bg-overlay {
	background: rgb(54, 25, 25);
    background: rgba(54, 25, 25, .3);	
}

.bg-parallax {
	background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.bg-pattern-01 { 
	background:#fff url(../images/background-01.png); 
}

.bg-pattern-02 { 
	background:#fff url(../images/bg-green-01.jpg); 
}

.bg-pattern-03 { 
	background:#fff url(../images/pattern/pattern-03.png) repeat-y;
	overflow : hidden;	
}

.bg-slider-02 { 
	background:url(../images/media/slider-02.jpg); 
}

.bg-white{ 
	background: #FFF;
}

.bg-white-overlay {
	background-color: rgba(255,255,255,.9); 
}

/* float */
.fl-left {float: left !important;}
.fl-right {float: right !important;}

/* padding */
.no-padding{padding:0}
.xxs-padding{padding-top:10px;padding-bottom:10px}
.xs-padding{padding-top:20px;padding-bottom:20px}
.sm-padding{padding-top:50px;padding-bottom:50px}
.md-padding,.section{padding-top:80px;padding-bottom:80px}
.lg-padding{padding-top:110px;padding-bottom:110px}
.xl-padding{padding-top:150px;padding-bottom:150px}

/* predefine margin-top */
.m-top-min-5{ margin-top: -5px; }
.m-top-0{ margin-top: 0px; }
.m-top-5{ margin-top: 5px; }
.m-top-10 { margin-top: 10px; }
.m-top-15 { margin-top: 15px; }
.m-top-20 { margin-top: 20px; }
.m-top-25 { margin-top: 25px; }
.m-top-30 { margin-top: 30px; }
.m-top-35 { margin-top: 35px; }
.m-top-40 { margin-top: 40px; }
.m-top-45 { margin-top: 45px; }
.m-top-50 { margin-top: 50px; }
.m-top-55 { margin-top: 55px; }
.m-top-60 { margin-top: 60px; }
.m-top-65 { margin-top: 65px; }
.m-top-70 { margin-top: 70px; }
.m-top-75 { margin-top: 75px; }
.m-top-80 { margin-top: 80px; }
.m-top-85 { margin-top: 85px; }
.m-top-90 { margin-top: 90px; }
.m-top-95 { margin-top: 95px; }
.m-top-100 { margin-top: 100px; }
.m-top-445 { margin-top: 445px; }

.m-top-0, .m-top-5, .m-top-10, .m-top-15, .m-top-20, .m-top-25, .m-top-30, .m-top-35, .m-top-40, .m-top-50, .m-top-80, .m-top-100,
.m-bot-0, .m-bot-5, .m-bot-10, .m-bot-15, .m-bot-20, .m-bot-25, .m-bot-30, .m-bot-35, .m-bot-40, .m-bot-50, .m-bot-80, .m-bot-100{
    display: inline-block;
}

/* predefine margin-bottom */
.m-bot-0 { margin-bottom: 0px; }
.m-bot-5 { margin-bottom: 5px; }
.m-bot-10 { margin-bottom: 10px; }
.m-bot-15 { margin-bottom: 15px; }
.m-bot-20 { margin-bottom: 20px; }
.m-bot-25 { margin-bottom: 25px; }
.m-bot-30 { margin-bottom: 30px; }
.m-bot-35 { margin-bottom: 35px; }
.m-bot-40 { margin-bottom: 40px; }
.m-bot-50 { margin-bottom: 50px; }
.m-bot-80 { margin-bottom: 80px; }
.m-bot-100 { margin-bottom: 100px; }
.m-bot-144 { margin-bottom: 144px; }
.m-bot-175 { margin-bottom: 178px; }


/* predefine all padding */
.p-both-15 { padding: 15px; }
.p-both-20 { padding: 20px; }
.p-both-25 { padding: 25px; }
.p-both-30 { padding: 30px; }
.p-both-35 { padding: 35px; }
.p-both-40 { padding: 40px; }
.p-both-45 { padding: 45px; }
.p-both-50 { padding: 50px; }

/* predefine padding-top */
.p-top-0{ padding-top: 0px; }
.p-top-5{ padding-top: 5px; }
.p-top-10 { padding-top: 10px; }
.p-top-15 { padding-top: 15px; }
.p-top-20 { padding-top: 20px; }
.p-top-25 { padding-top: 25px; }
.p-top-30 { padding-top: 30px; }
.p-top-35 { padding-top: 35px; }
.p-top-40 { padding-top: 40px; }
.p-top-50 { padding-top: 50px; }
.p-top-60 { padding-top: 60px; }
.p-top-70 { padding-top: 70px; }
.p-top-80 { padding-top: 80px; }
.p-top-100 { padding-top: 100px; }

/* predefine top & bottom padding */
.p-tb-10 { padding: 10px 0 }
.p-tb-20 { padding: 20px 0; }
.p-tb-30 { padding: 30px 0; }
.p-tb-50 { padding: 50px 0; }
.p-tb-100 { padding: 100px 0; }
.p-tb-150 { padding: 150px 0; }
.p-tb-200 { padding: 200px 0; }

.p-bot-0 { padding-bottom: 0; }
.p-bot-10 { padding-bottom: 10px; }
.p-bot-20 { padding-bottom: 20px; }
.p-bot-30 { padding-bottom: 30px; }
.p-bot-50 { padding-bottom: 50px; }
.p-bot-80 { padding-bottom: 80px; }
.p-bot-100 { padding-bottom: 100px; }

.p-lr-75 {padding-left: 75px !important; padding-right: 75px !important;}
.p-lr-15 {padding: 0 15px;}

.ft-left {float: left;}
.ft-right {float: right;}
.big-hr.color-1{background-color: #549404;}
.big-hr {
	position: relative;
	margin: 0px auto;
	max-width: 950px;
	height: 135px;
	padding-top: 25px;
	text-align: center;
	margin-top: -35px;
}
.big-hr.color-1:before{
	border-top-color: #549404;
}
.big-hr:before{
	position: absolute;
	top: 0px;
	left: -70px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 135px solid;
	border-left: 70px solid transparent;
}
.big-hr.color-1:after{
	border-top-color: #549404;
}
.big-hr:after{
	position: absolute;
	right: -70px;
	top: 0px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 135px solid;
	border-right: 70px solid transparent;
}
.big-hr > .big-hr-desc {
	margin-left: 40px; 
	margin-right:40px;
	float:left; 
	width: 70%;
}
.big-hr > .big-hr-call {
	float: left;
}
.big-hr > div > h3{
	margin-top: 5px !important;
	font-size: 40px;
	font-family:"Open Sans", sans-serif;
}
.big-hr.color-1 > div > .btn.btn-lg {
	padding: 10px 35px;
	border: 1px solid #fff;
	border-right: 4px solid #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background-color: #549404;
	font-family:"Open Sans", sans-serif;
}

.call-out .container-fluid {
	padding: 0px 0px;
}

.call-out-left {
	float: left;
	width: 45%;
	height: 145px;
	padding-left: 160px;
}

.call-out-right {
	float: left;
	width: 55%;
	height: 145px;
	position:relative;
	background-color: #00ab4f;
	padding-right: 160px;
}

.call-out-left h3 {
	position: relative;
	text-align:right;
	top: 20px;
	font-family:"Raleway Bold", sans-serif;
	font-size: 40px;
	color: #7c7c7c;
}

.call-out-right .call-out-right-desc {
	position:absolute;
	top: 15px;
	left: 80px;
	width: 70%;
}

.call-out-right .call-out-right-desc p {
	color: #FFF !important;
}

.call-out-right .call-out-right-desc a {
	margin-top: 0px !important;
}

.call-out-right:before {
	content: "";
	display: inline-block;
	width: 50px;
	height: 150px;
	border-right: 50px solid #00ab4f;
	border-top: 150px solid #fff;
}

figure.figure-highlight{
	width: 100%;
	height: 178px;
	overflow: hidden;
}

.lined-heading {
	position: relative;
	margin-top: 0;
	margin-bottom: 30px;
	text-align: center;
	display: block;
}
h4.lined-heading{
	width: 100%;
}
h4.lined-heading:before{
	position: absolute;
	top: 70%;
	z-index: 1;
	display: block;
	width: 100%;
	height: 1px;
	border-top: 1px solid #7c7c7c;
	content: "";
}

h4.lined-heading{
	position: relative;
	z-index: 1;
	padding: 15px 0 0 0;
	background: #fff;
	display: inline-block;
}
h4.lined-heading span {
	position: relative;
	z-index: 1;
	padding: 0 20px;
	background: #fff;
	display: inline-block;
	font-family:"Lato", sans-serif;
	font-size: 40px;
}

.head-ft-40 {
	font-size: 40px; 
	font-family: 'Raleway Semi Bold', sans-serif;
}

.heading {
	background: #ebebeb;
    padding: 2px 15px;
    border-left: 10px solid #888;
}

.heading > h4 {
	font-family: "Lato", sans-serif;
	font-size: 40px;
	font-weight: 900;
	line-height: 40px;
	text-transform: uppercase;
}

.heading-hr > h4 {
	font-family: "Raleway Semi Bold", sans-serif;
	font-size: 32px;
	font-weight: 900;
	line-height: 40px;
	text-transform: normal;
	border-bottom: 1px solid #ebebeb;
	padding: 10px 0;
}

ul.pagination > li > a,
ul.pagination > li > span {
	border-radius: 50% !important;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	-o-border-radius: 50% !important;
	margin-right: 5px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #00ab4f !important;
	border-color: #00ab4f !important;
}

.cat-loc > div:not(.bg-overlay-grey-to-normal) {
	border: 4px double #222;
	height: 250px;
}

.cat-loc > div > div > h4 > a {
	font-family: "Lato", sans-serif;
	font-size: 40px;
	text-transform: uppercase;
	color: #00A652 !important;
	font-weight: bold;
	
	position: relative;
	top: 25px;
	
	-webkit-transition: font-size .8s ease;
	   -moz-transition: font-size .8s ease;
		 -o-transition: font-size .8s ease;
			transition: font-size .8s ease;
}

.cat-loc .arrow-right,
.cat-loc .arrow-left {
	width: 150px;
	display: none;
	-webkit-transition: all .8s easeInOut;
	   -moz-transition: all .8s easeInOut;
		 -o-transition: all .8s easeInOut;
			transition: all .8s easeInOut;
}

.cat-loc:hover h4 a {
	color: #222 !important;
	font-size: 72px;
	font-weight: 900;
	line-height: 40px;
	position: relative;
	top: 20px;
}

.cat-loc .bg-overlay-grey-to-normal {
	-webkit-transition: all 0.2s 0.1s;
    transition: all 0.2s 0.1s;
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
}

.cat-loc:hover .bg-overlay-grey-to-normal {
	-webkit-filter: grayscale(0);
	-webkit-filter: grayscale(0%);
	filter:none;
	filter: grayscale(0%);
}

.cat-loc:hover .arrow-right {
	display: block;
}

.cat-loc:hover .arrow-left {
	display: block;
}

.circle-guide {
	width: 100%;
}

.circle-guide > .guide-item {
	width: 20%;
	float: left;
	height: 400px;
	padding: 10px 14px;
	position: relative;
}

.circle-guide > .guide-item > .thumb {
	width: 200px;
    height: 200px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.circle-guide > .guide-item > .thumb.thumbs-abs {
	position: absolute; 
	bottom: 0;
}

.circle-guide > .guide-item > .thumb > .img-main {
	width: 100%;
	height: 100%;
}

.circle-guide > .guide-item > .thumb > .guide-title {
	position: absolute;
    top: 0;
    left: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	padding-top: 40%;
}

.circle-guide > .guide-item > .thumb > .guide-title > h5 {
	color: #f2f2f2;
	font-family: "Raleway Bold", sans-serif;
    font-size: 25px;
	text-transform: uppercase;
	display: none;
	-webkit-transition: all .8s ease;
	   -moz-transition: all .8s ease;
		 -o-transition: all .8s ease;
			transition: all .8s ease;
}

.circle-guide > .guide-item > .thumb:hover > .guide-title {
	background: rgb(54, 25, 25); /* Fall-back for browsers that don't support rgba */
    background: rgba(54, 25, 25, .3);
}

.circle-guide > .guide-item > .thumb:hover > .guide-title > h5{
	display: block;
}

a.btn-more {
	color: #000;
    font-size: 12px;
    padding: 10px 15px;
    background-color: #f2f2f2;
    border-radius: 100px;
    box-shadow: 0 2px 0 1px rgba(0,0,0,.1);
}

a.more_btn {
	color: #363636;
}

a.more_btn:hover {
	color: #00A652;
}

p.sub-list {
	text-align: center;
}

p.sub-list > a {
	font-size: 14px;
	padding: 0 15px;
}

p.sub-list > a:not(:last-child) {
	border-right: 2px solid #CCC;
}

.breadcrumbs {
	padding:10px 0;
	text-align:right;
}
.breadcrumbs > .container > a,
.breadcrumbs > .container > i,
.breadcrumbs > .container > span > a,
.breadcrumbs > .container > span > span > a{
	font-size: 12px;
	color: #222;
}
.breadcrumbs.white-bg{
	bottom:0;
	padding: 10px;
}
.breadcrumbs i {
	display: inline-block;
	margin: 0 10px;
}
.breadcrumbs.style2{
	margin-bottom:40px;
	border-bottom:0;
	display:inline-block;
	padding:0;
	float:right;
	border-radius:5px;
	border-top:0 !important;
	border-top-right-radius:0;
	border-top-left-radius:0
}
.breadcrumbs.style2 a,.breadcrumbs.style2 span{
	display:inline-block;
	padding:0 20px;
	position:relative;
	height:35px;
	line-height:35px
}
.breadcrumbs.style2 a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: -1px;
	width: 0;
	height: 0;
	border-color: transparent transparent transparent #ccc;
	border-style: solid;
	border-width: 17.5px 0 17.5px 10px;
}
.breadcrumbs.style2 a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-color: transparent transparent transparent #EEEEEE;
	border-style: solid;
	border-width: 17.5px 0 17.5px 10px;
}
.breadcrumbs.style2 a.main-bg:after{
	display:none
}
.breadcrumbs.style2 a.main-bg{
	margin-right:5px;
	border-bottom-left-radius:5px
}
.breadcrumbs.style2 a.main-bg:before{
	right: -10px;
}
.breadcrumbs.style3{
	margin-bottom:-40px;
	margin-top:40px;
	border-bottom:0;
	display:inline-block;
	padding:11px 20px;
	float:right;
	border:0 !important
}
.breadcrumbs.style2.f-left,.breadcrumbs.style3.f-left{
	float:left
}
.breadcrumbs.style2.f-none,.breadcrumbs.style3.f-none{
	float:none;
	display:table;
	margin-right:auto;
	margin-left:auto
}
.breadcrumbs.minimal{
	border:0;
	margin-top:25px
}

ul.lst-none {
	list-style-type: none;
}

.profile-tab {
	margin-left: auto; 
	margin-right: auto; 
	width: 60%;
	border-bottom-color: none !important;
}

.profile-tab > li {
	margin-bottom: -1px !important;
}

.profile-tab > li.active > a{
	color: #00ab4f !important;
	font-family: "Lato", sans-serif;
	text-transform: uppercase;
	background-color: rgba(255,255,255,.9) !important; 
	border-bottom-color: none !important;
}

.profile-tab > li:not(.active):hover > a{
	background-color: #00ab4f !important;
	color: #fff !important;
}

.profile-tab > li > a {
	color: #222 !important;
	font-family: "Lato", sans-serif;
	text-transform: uppercase;
	font-size: 13px !important;
	background-color: rgba(255,255,255,.9) !important; 
}

.content-nav {width: 100%;}


.menu-search {
	float:left; 
	height: 49px;
}

.page-title .title-head {
	padding: 15px 20px; 
	background-color: rgba(255,255,255,.8); 
	min-width:300px; 
	max-width: 600px; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:center;
}

.page-title .title-head h1 {
	font-size: 40px; 
	font-family:'Raleway Bold', sans-serif;
}

.page-title .title-meta {
	padding: 15px 20px; 
	background-color: #00A652; 
	min-width:300px; 
	max-width: 300px; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:center;
}
/* ==========================================================================
  2. SITE PRELOADER
============================================================================= */
.page-loader{
	background-color: #fff;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99999
}
/* ==========================================================================
	BOOTSTRAP RESET
============================================================================= */
.page-hader {
}

.container {
	padding-left: 15px;
	padding-right: 15px;
	margin-left:auto;
	margin-right:auto;
}

/* ==========================================================================
	MAIN WRAPPER
============================================================================= */
.page-wrapper {
	min-width: 100%;
	width: 100%;
	min-height: 100vh;
	position:relative;
	top: 0;
	left: 0;
	margin: 0;
}

/* ==========================================================================
	HEADER WRAPPER
============================================================================= */
.page-wrapper .page-header {
	width: 100%;
	position: relative;
	top:0;
	left: 0;
	height: 90px;
	border: 0;
	margin-top: 0;    
	z-index: 21;
    background: #FFF;
	
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	
	-webkit-transition: all .500s;
	   -moz-transition: all .500s;
		 -o-transition: all .500s;
			transition: all .500s;
}

.page-wrapper .fixed-head {
	position:fixed !important;
}

.page-wrapper .sticky-nav {
	height: 62px;
}

.page-wrapper .page-header .container {
	width: 100%;;
	margin: 0;
	padding: 0;
}
/* ==========================================================================
	LOGO
============================================================================= */
.page-header:not(.sticky-nav) .container .logo {
	width: 150px;
	float: left;
	padding: 5px 10px 10px 75px;
}

.sticky-nav .container .logo {
	width: 150px;
	float: left;
	padding: 5px 5px 0px 75px;
}

.page-header:not(.sticky-nav) .container > .logo > a > img{
	height: 75px;
	z-index: 2;
}

.sticky-nav .container > .logo > a > img{
	height: 50px;
	z-index: 2;
	
	-webkit-transition: all .300s;
	   -moz-transition: all .300s;
		 -o-transition: all .300s;
			transition: all .300s;
}

/* ==========================================================================
	TOP BAR & TOP MENU
============================================================================= */
/*-------------- top bar ------------------ */
.page-header:not(.sticky-nav) .top-bar {
	width: 100%;
	position:relative;
	/*border-bottom: 1px solid #ebebeb;*/
	display:block;
}

.sticky-nav .top-bar {
	display: none;
}

.top-bar ul {
	width: 100%;
	list-style-type: none;
	float:left;
	width: 50%;
}

.top-bar > ul > li {
	float: left;
	margin-right: 15px;
	padding: 5px 15px;
}

.top-bar > ul > li > span{
	color: #00A652;
}

.top-bar > ul > li:not(:last-child) {
	border-right: 1px solid #ebebeb;
}

.top-bar > ul > li > a {
	font-size: 12px;
	color: #888;
}

/*-------------- top menu ------------------ */
.page-header:not(.sticky-nav) .container .responsive-nav {
	width: 80%;
	float: right;
	padding-top:21px;
	/*border-bottom:2px solid #35aa47;*/
	
	-webkit-transition: all .300s ease;
	   -moz-transition: all .300s ease;
		 -o-transition: all .300s ease;
			transition: all .300s ease;
}

.sticky-nav > .container > .responsive-nav {
	padding-top: 5px;
	
	-webkit-transition: all .300s ease;
	   -moz-transition: all .300s ease;
		 -o-transition: all .300s ease;
			transition: all .300s ease;
}

.responsive-nav .top-nav {
	display: block;
	float: left;
}

.top-nav > ul.main-menu {
	background: transparent;
	height: 40px;
	width: auto;
	vertical-align: middle;
	margin-top: 0;
}

.top-nav > ul.main-menu > li {
	float: left;
	position: relative;
	padding: 10px 5px;
	display:inline-block;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.top-nav > ul.main-menu > li:hover {
	/*background: #35aa47;*/
}

.top-nav > ul.main-menu > li:hover > a,
.top-nav > ul.main-menu > li.selected > a {
	/* color: #35aa47; */
	color: #00AB4F;
}

.top-nav ul.main-menu li ul.sub-menu:before{
	content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 0 0 10px;
	border-color: #ebebeb;
    border-style: solid;
    border-right: solid 10px transparent !important;
    border-left: solid 10px transparent !important;
    position: absolute;
    top: -10px;
    left: 25%;
    margin-left: -10px;
}

.top-nav > ul.main-menu > li > ul.sub-menu > li {
	width: 180px;
	padding: 5px 0px;
	display:block;
	text-align:center;
}

.top-nav > ul.main-menu > li > ul.sub-menu > li{
	border-top:1px solid #ebebeb;
}

.top-nav > ul.main-menu > li > ul.sub-menu > li:hover > a,
.top-nav > ul.main-menu > li > ul.sub-menu > li.selected > a {
	color: #35aa47 !important;
}

.top-nav ul.main-menu li a {
	cursor: pointer;
	display: block;
	line-height: 30px;
	padding: 0 10px;
	
}

ul.main-menu > li > a {
	font-family: "Lato", sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #222;
	text-transform:uppercase;
}

ul.sub-menu{
	z-index: 21;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

ul.sub-menu > li > a {
	font-family: "Lato", sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #222 !important;
	text-transform:uppercase;
}

.top-nav ul { 
	list-style: none; 
}

.top-nav ul.main-menu ul.sub-menu {
	background: #FFF;
	display: none;
	position: absolute;
	left: 0; 
	top: 100%;
	padding-left: 0;
}

.top-nav ul.main-menu li:hover ul.sub-menu { 
	display: block; 
}

.show-menu {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #19c589;
	background: #fff;
	text-align: center;
	padding: 10px 0;
	display: none;
	cursor: pointer;
}

.show-nav ul.main-menu{
    display: block !important;
}

/*-------------- top search ------------------ */
.responsive-nav .top-search {
	margin: 0 0 0 3px;
	float:left;
	position:relative;
	width:40px;
}
.responsive-nav .top-search > a {
	font-weight:bold;
	display: inline-block;
	position: relative;
	z-index: 2;
	float: right;
	padding: 0 15px;
	font-size: 12px;
	line-height:65px;
}
.responsive-nav .search-box {
	padding: 0;
	line-height:1;
	z-index:1;
	display:none;
	position: absolute;
	top: 100%;
	right: 0;
	width: 300px;
}
.responsive-nav .search-box{
	top: -5px;
	margin-right: 40px;
	width:300px;
	position: relative;
}
.responsive-nav .top-search .search-box{
	right: auto;
	left: 0;
}
.responsive-nav.short,.top-cart.short{
	padding: 20px 0 15px;
}
.top-search.short > a{
	line-height: 40px !important;
	border-radius: 3px;
}
.top-search input[type=text]{
	width:30%;
	border:0;
	line-height: 40px;
	font-size:12px;
}

.top-search .search-box:before{
	content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 0 0 10px;
	border-color: #ebebeb;
    border-style: solid;
    border-right: solid 10px transparent !important;
    border-left: solid 10px transparent !important;
    position: absolute;
    top: 41px;
    left: 7%;
    margin-left: -10px;
}

.top-search .search-box input[type=text]{
	width: 100%;
	font-size: 13px;
	padding: 0 15px;
	line-height: 55px;
	border:1px solid #ebebeb;
	color:#222;
	letter-spacing: 1px;
}
.responsive-nav .search-box input[type=text]{
	line-height: 45px;
	width: 96%;
}
.responsive-nav .top-search > a{
	line-height:50px !important
}
.top-search .search-box button {
	border:0;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	background-color:transparent;
}
.responsive-nav .top-search{
	margin-bottom:0px !important;
}
.actsrch > a > span,.ac-search > a > span{
	font-size:14px;
	line-height:45px;
}

/* ==========================================================================
	CONTENT WRAPPER
============================================================================= */
.page-wrapper .page-content{
	position:relative;
	min-height: 100vh;
	width: 100%;
	background: #e5e5e5;
	top: 0px;
}

.page-section {
	position: relative;
	min-height: 768px; 
	margin: 0 auto; 
	width: 100%;
}

.page-section-auto {
	position: relative;
	height: auto; 
	margin: 0 auto; 
	width: 100%;
}

/* ==========================================================================
	FOOTER WRAPPER
============================================================================= */
.page-wrapper .page-footer{
	position:relative;
	min-height: 150px;
	width: 100%;
}

.page-footer .footer-middle{
	padding: 25px 0;
	height: 100%;
	position: relative;
	overflow: hidden;
	color: #888;
	background: #1a1a1a;
}

.footer-middle .container {
	position: relative;
	z-index: 1;
	padding: 0px 75px;
}

.footer-middle ul.fot-menu-list {
	list-style-type: none;
	padding: 0 15px;
}

.footer-middle .col-md-4{
	min-height: 200px;
}

.footer-middle .col-md-4 h4 span {
	font-family: "Raleway Bold", sans-serif;
	color: #ebebeb !important;
}

.footer-middle .col-md-4:not(:last-child) {
	
}

ul.fot-menu-list > li {
	padding: 5px 5px;
	display: block;
}

.footer-middle ul.fot-menu-list li:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f054";
	width: auto;
	margin-right: 5px;
}

.footer-middle ul.fot-menu-list li a {
	font-family: "Lato", sans-serif;
	font-size: 14px;
	color: #7c7c7c;
	padding:5px 10px;
}

ul.fot-menu-list > li:hover > a {
	color: #04E40A;
	font-weight: bold;
}

.footer-bottom {
	padding: 20px 0;
	overflow: hidden;
	font-size: 12px;
	background-color:#0e0e0e;
	color:#999;
}

.footer-bottom .container {
	padding: 0px 75px;
}

/* ----------------------------------------------------------------
    box
-----------------------------------------------------------------*/
.main-box {
	width: 100%;
	-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
			box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	     -o-border-radius: 0;
			border-radius: 0;
}

/* ----------------------------------------------------------------
    slider revolution
-----------------------------------------------------------------*/

.slider-revolution-wrapper {
	z-index: 10;
}

.tp-banner-container{
    width:100%;
    position:relative;
    padding:0;

}

.tp-banner{
    width:100%;
    position:relative;
}

.tp-banner > ul {
    padding: 0;
    list-style: none;
}

.tp-banner-fullscreen-container {
	width:100%;
	position:relative;
	padding:0;
}

/* custom caption */

.rev-heading {
    color: #FFF;
    font: bold 60px/1.5 'Raleway Bold', sans-serif;
    letter-spacing: 1px;
	padding: 5px;
	/* background: rgb(54, 25, 25);
    background: rgba(54, 25, 25, .3); */
}

.rev-subheading {
	padding: 5px;
	/* background: rgb(54, 25, 25); 
    background: rgba(54, 25, 25, .3); */
}

.rev-subheading > a{
	font-family: 'Open Sans', sans-serif;
    color: #FFF;
    font-size: 14px;
    letter-spacing: 1px;
}

.rev-desc {
    line-height: 18px;
	padding: 5px;
	/* background: rgb(54, 25, 25);
    background: rgba(54, 25, 25, .3); */
}

.rev-desc > p{
	opacity: 1;
    font-size: 14px;
	color: #FFF !important;
	font-family: 'Lato', sans-serif;
}

.rev-white {
    color: #fff;
}

/* ==========================================================================
	To-TOP BUTTOn
============================================================================= */
#to-top {
	font-size: 38px;
    line-height: 33px;
    /* background-color: rgba(0,0,0,0.3); */
    color: #888;
    position: fixed;
    height: 35px;
    width: 40px;
    right: 6px;
    bottom: 6px;
    text-align: center;
    text-transform: uppercase;
    opacity: 0.9;
    filter: alpha(opacity=90);
    text-decoration: none;
    display: none;
    z-index: 1000;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
#to-top:before{
	font-family: "fontawesome";
    content: "\f106";
}

#to-top span {
	width: 40px;
	height: 40px;
	text-align:center;
	line-height: 38px;
	display:block;
	color:#fff;
}

#to-top:hover{
	color: #04E40A;
	background: #080808;
}

/* ==========================================================================
	SOCIAL LIST ICON
============================================================================= */
.social-list {
	margin-left:15px;
}

.social-list a{
	float:left;
	display:block;
	line-height:1
}
.social-list a i{
	margin: 0 5px 5px 0;
	width: 40px;
	height: 40px;
	text-align:center;
	font-size: 20px;
	display:inline-block;
	line-height: 39px;
	border: 1px solid #ccc;
	overflow: hidden;
	position:relative
}
.social-list a i.dark-bg{
	border-color:transparent
}
.social-list a i.gry-bg{
	border-color:#ddd
}
.social-list a i.ic-colored{border-color:transparent}
.social-list a i:before{
	-webkit-transform: scale(1);
	transform: scale(1);
	display:block;
	-webkit-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;
}
.social-list a i:after{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	z-index: 9999;
	top: 0;
	display: block;
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity:0;
	color:#fff;
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
}
.social-list a:hover i{
	border-color: transparent;
	color: #35aa47;
}
.social-list.half-icons a{
	background: #444;
	margin: 0 10px 5px 0;
	
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.social-list.half-icons i{
	margin: 0;
	float: left;
	border-color: #3C3C3C;
	color: #FFF;
}
.social-list.half-icons span{
	display: inline-block;
	margin: 0;
	line-height: 30px;
	padding: 5px 15px;
	font-size: 10px;
	text-transform: uppercase;
}
.social-list.half-icons a:hover{
	background: #04E40A;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

.social-list.half-icons a:hover i{
	color: #222;
}

.kas-box{
	padding: 5px;
	width:25%;
	float:left;
	position:relative;
}

.kas-box-3-col{
	width:33.3333%;
	float:left;
	position:relative;
}

.kas-box .kas-box-inner,
.kas-box-3-col .kas-box-inner{
	background: #FFF;
	overflow:hidden;
	min-height:260px;
	height: 260px;
	border: 1px solid #e5e5e5;
}

.kas-box > .kas-box-inner > .kas-box-image,
.kas-box-3-col > .kas-box-inner > .kas-box-image{
	min-height: 258px;
	height: 258px;
	overflow:hidden;
	position: relative;
}


.kas-box > .kas-box-inner > .kas-box-image > a > img,
.kas-box-3-col > .kas-box-inner > .kas-box-image > a > img{
	object-fit: contain;
	width:100%;
	height:100%;
	transform: scale(2,2);
}

.kas-box > .kas-box-inner > .kas-box-info,
.kas-box-3-col > .kas-box-inner > .kas-box-info{
	vertical-align:middle;
	padding:10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	text-align:center;
	background-color: rgba(255, 255, 255, 0.90);
	overflow:hidden;
	display: none;
	
	-webkit-transition: all .8s ease;
       -moz-transition: all .8s ease;
		 -o-transition:	all .8s ease;
			transition: all .8s ease;
}

.kas-box-3-col > .kas-box-inner > .kas-box-info > h4 {
	margin-top: 25%;
}

.kas-box > .kas-box-inner > .kas-box-info > h4 > a,
.kas-box-3-col > .kas-box-inner > .kas-box-info > h4 > a{
	color: #FFF;
	font-family: "Raleway Bold", sans-serif;
	font-size: 30px;
}

.box-border-all{
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.kas-box-3-col > .kas-box-inner:hover > .kas-box-info {
	display: block;
}

.kas-box-3-col > .kas-box-inner:hover > .kas-box-info > h4 > a{
	color: #222 !important;
	text-transform: normal;
}

.post-item {
	width: 33.3333%;
	height: auto;
	float: left;
	padding: 10px 15px;
	margin-bottom: 50px;
}

.post-item > .post-content {
	width: 100%;
	min-height: 400px;
	max-height: 400px;
	overflow: hidden;
	background-color: #fff;
	
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	     -o-border-radius: 10px;
			border-radius: 10px;
	
	-webkit-transition: all 0.2s 0.1s ease;
       -moz-transition: all 0.2s 0.1s ease;
		 -o-transition:	all 0.2s 0.1s ease;
			transition: all 0.2s 0.1s ease;
}

.post-item > .post-content:hover {
	-webkit-box-shadow: 0px 8px 41px -2px rgba(130,123,130,0.77);
	   -moz-box-shadow: 0px 8px 41px -2px rgba(130,123,130,0.77);
			box-shadow: 0px 8px 41px -2px rgba(130,123,130,0.77);
}

.post-item > .post-content > .post-image {
	position: relative;
	width: 100%;
	height: 250px;
	overflow: hidden;
}

.post-item > .post-content > .post-item-rit{
	position: relative:
	width: 100%;
	padding: 10px 15px;
}

.post-item > .post-content > .post-item-rit > h4 > a {
	color: #080808;
	font-family: 'Raleway Bold', sans-serif;
	font-size: 18px;
}

.post-item > .post-content > .post-item-rit > .item-date {
	color: #bbb;
}

.post-item > .post-content > .post-item-rit > a.btn {
	color: #000;
	font-size: 12px;
	padding: 10px 15px;
	background-color: #f2f2f2;
	border-radius: 100px;
	box-shadow: 0 2px 0 1px rgba(0,0,0,.1);
}

/*
--------------- portfolio -------------- */
.brows-all{
	line-height:40px;
	text-transform:uppercase;
}
.brows-all i{
	margin-left:10px
}
.filter-by{
	margin: 0 0 40px;
	clear:both;
	position:relative
}
.filter-by:after{
	clear:both;
	display:table;
	content:"";
}
.filter-by ul{
	display:table;
	margin:auto;
	padding: 0;
	list-style: none;
}
.filter-by ul li{
	float: left;
	position:relative;
	margin: 0 5px;
	padding-bottom: 0;
}
.filter-by ul li a{
	display:block;
	position:relative;
	z-index:3;
}
.filter-by ul li a span{
	display:block;
	padding: 0 15px;
}
.filter-by.style2,.filter-by.style3 ul {
	border-bottom: 4px #ddd solid;
}
.filter-by.style2 ul li a span{
	padding: 10px 15px
}

.filter-by.style3{
	margin-bottom: 30px
}
.filter-by.style3 ul li{
	margin: 0;
	border-left-width: 1px;
	border-left-style: solid;
}
.filter-by.style3 ul li a span,.filter-by.style4 ul li a span,.filter-by.style5 ul li a span{
	padding: 10px 20px
}
.filter-by.style4 ul{
	border-radius: 4px;
	border: 1px #eee solid;
	overflow: hidden;
	padding: 0;
	margin: 0
}
.filter-by.style4 ul li{
	margin: 0;
}
.filter-by.style4 ul li a{
	border-left: 1px #eee solid;
}
.filter-by.style4 ul li:first-child a{
	border-left: 0;
}
.filter-by.style5{
	border-left:0 !important;
	border-right:0 !important;
}
.filter-by.style5 ul li span{
	padding: 10px 5px !important;
	display: block;
}
/* columns */
.p-1-col .portfolio-item{
	width:100%;
	margin:0 0 25px 0;
	padding-bottom:25px;
	border-bottom: 1px #ddd dashed;
	overflow: hidden;
}
.p-1-col .img-holder{
	float:left;
	margin-right:40px;
}
.p-1-col .name-holder{
	padding:0
}
.p-1-col .name-holder h4{
	font-size:18px;
	margin-bottom:10px
}
.p-1-col .name-holder .list li{
	line-height:30px
}

.p-2-cols .portfolio-item{
	width:49%;
	margin:0 0.5% 1%;
}
.p-2-cols .img-holder img{
	width:100%;
}
.masonry.p-2-cols .img-holder img{
	height:auto;
	max-width: none;
}
.p-2-cols.no-margin .portfolio-item{
	width:50%;
	margin-right:0
}
.p-3-cols .portfolio-item{
	width:32.33333333%;
	margin: 0 0.5% 1%;
}
.p-3-cols .img-holder{
	width: 100%;
}
.p-3-cols .img-holder img{
	width:100%;
}
.p-3-cols.no-margin .portfolio-item{
	width:33.33333333%;
	margin:0 !important
}
.p-3-cols.no-margin .img-holder{
	width: 100%;
}
.p-3-cols.no-margin .img-holder img{
	width:100%;
}
.p-3-cols.full.no-margin .portfolio-item{
	width:33.333333%;
	margin:0 0 15px;
}
.p-4-cols .portfolio-item{
	width:24%;
	margin:0 0.5% 1%;
}
.p-4-cols.no-margin .portfolio-item{
	width:25%;
	margin:0 !important
}
.p-4-cols .img-holder img{
	width:100%;
}
.p-5-cols .portfolio-item{
	width:19%;
	margin:0 0.5% 1%;
}
.p-5-cols.no-margin .portfolio-item{
	width:20%;
	margin:0;
}
.p-6-cols .portfolio-item{
	width:15.6666%;
	margin:0 0.5% 1%;
}
.p-6-cols.no-margin .portfolio-item{
	width:16.6666%;
	margin:0;
}
.portfolio.no-margin .img-holder{
	width: 100%;
}
.portfolio.no-margin .img-holder img{
	width:100%;
	height:auto
}
.portfolio-item .port-img:before{
	position: absolute;
	background-color: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	opacity: 0;
}
.portfolio-item .icon-links{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.portfolio-item .icon-links a{
	display: inline-block;
	opacity: 0;
	position: absolute;
}
.portfolio figure,.portfolio-item .port-img{
	overflow: hidden;
	position: relative;
}
.no-margin.portfolio figure,.no-margin.portfolio .portfolio-item{
	margin: 0
}

/* style 1 */
.portfolio.p-style1 .portfolio-item,.portfolio.p-style4 .portfolio-item{
	margin-bottom: 30px
}
.portfolio.p-style1 .portfolio-item h4,.portfolio.p-style4 .portfolio-item h4{
	margin: 15px 0 0;
	font-size: 16px;
}
.portfolio.p-style1 .portfolio-item p.description,.portfolio.p-style4 .portfolio-item p.description{
	font-size: 13px
}
.portfolio.p-style1 .portfolio-item .icon-links ,.portfolio.p-style4 .portfolio-item .icon-links{
	height: 40px;
}
.portfolio.p-style1 .portfolio-item .icon-links a,.portfolio.p-style4 .portfolio-item .icon-links a{
	width: 50%;
	text-align: center;
	padding: 10px 0;
	margin: 0 !important
}
.portfolio.p-style1 .portfolio-item .icon-links a.zoom{
	right: -300px
}
.portfolio.p-style1 .portfolio-item .icon-links a.link{
	left: -300px
}
.portfolio.p-style1 .portfolio-item:hover .icon-links a.zoom{
	right: 0
}
.portfolio.p-style1 .portfolio-item:hover .icon-links a.link{
	left: 0
}
/* style 2 */
.p-style2 figure img,.p-style3 figure img{
	position: relative;
	width:100%;
	z-index:1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.p-style2 figure:hover img,.p-style3 figure:hover img{
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}
.p-style2 figure figcaption,.p-style3 figure figcaption {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:2;
	opacity:0
}
.portfolio-item figure:after{
	background-color:rgba(0,0,0,.75);
	opacity:0;
	z-index:1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
.p-style2 figure .icon-links a {
	position:absolute;
	left:-60px;
	top:50%;
	margin-top:-20px;
	padding:15px 20px;
}
.p-style2 figure:hover .icon-links a{
	left:0
}
.p-style2 figure .icon-links a.zoom{
	left:auto;
	right:-60px
}
.p-style2 figure:hover .icon-links a.zoom{
	right:0;
}
.p-style2 figure .port-captions{
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	z-index: 9
}
.p-style2 figure h4 {
	margin:0 0 5px;
	font-size: 17px;
	color:#fff;
	padding:0;
	text-align:center;
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
	-webkit-transform: translate3d(0,120px,0);
	transform: translate3d(0,120px,0);
}
.p-style2 figure h4 a{
	color:#fff
}
.p-style2 figure .description {
	font-size: 11px;
	text-align:center;
	display:block;
	color:#ccc;
	-webkit-transition-delay: 0.3s !important;
	transition-delay: 0.3s !important;
	-webkit-transform: translate3d(0,120px,0);
	transform: translate3d(0,120px,0);
}
.p-style2 figure .description a{
	color:#fff
}
.p-style2 figure:hover h4,.p-style2 figure:hover .description {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.p-style3 figcaption {
	z-index: 5 !important;
}
.p-style3 figure .icon-links a{
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	z-index: 5;
	color: #fff
}
.p-style3 figure .icon-links a:after{
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	display: inline-block;
	content: "";
	border-style: solid;
	border-width: 60px 60px 0 0;
	z-index: -1
}
.p-style3 figure .icon-links a.zoom:after{
	border-width: 0 0 60px 60px;
	top: auto;
	left: auto;
	bottom: 0;
	right: 0
}
.p-style3 figure a.link{
	top: -60px;
	left: -60px;
}
.p-style3 figure a.zoom{
	bottom: -60px;
	right: -60px;
}
.p-style3 figure:hover a.link{
	top: 0;
	left: 0;
}
.p-style3 figure:hover a.zoom{
	bottom: 0;
	right: 0;
}
.p-style3 .port-captions{
	text-align: center;
	padding-top: 40%;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	opacity: 0;
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
	position: relative;
	z-index: 2
}
.p-style3 figure:hover .port-captions{
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1
}
.p-style3 .port-captions h4{
	margin-bottom: 0
}
.p-style3 .port-captions h4 a{
	color:#fff;
	font-size: 18px;
}
.p-style3 .port-captions p a,.p-style3 .port-captions p {
	color:#ccc;
}

.p-style4 .portfolio-item .port-captions{
	background-color: rgba(0,0,0,.05);
	padding: 1rem 2rem
}
.p-style4 .portfolio-item .icon-links a{
	width: 50px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0 !important
}
.p-style5 .portfolio-item .icon-links a{
	width: 70px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding: 0 !important
}
.p-style4 .portfolio-item .icon-links a.zoom,.p-style5 .portfolio-item .icon-links a.zoom{
	bottom: 100px;
	right: 0
}
.p-style4 .portfolio-item .icon-links a.link,.p-style5 .portfolio-item .icon-links a.link{
	bottom: -100px
}
.p-style4 .portfolio-item:hover .icon-links a,.p-style5 .portfolio-item:hover .icon-links a{
	bottom: 0;
}

.p-style5 .portfolio-item{
	position: relative;
	overflow: hidden;
}
.p-style5 .port-captions{
	text-align: center;
	padding: 2rem;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 99;
	bottom: -100px;
	left: 0;
	background-color: #fff
}
.p-style5 .portfolio-item .icon-links{
	position: absolute;
	width: 140px;
	height: 50px;
	left: 50%;
	margin-left: -72px;
	top: 50%;
	margin-top: -25px
}
.p-style5 .portfolio-item .icon-links a.zoom{
	left: 74px
}
.p-style5 figure:hover .port-captions{
	bottom: 0;
	opacity: 1
}
.p-style5 .port-captions h4{
	margin-bottom: 0
}
.p-style5 .portfolio-item .port-img{
	position: relative;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	top: 0
}
.p-style5 .portfolio-item:hover .port-img{
	top: -20px
}
.p-style5 .port-captions h4 a{
	font-size: 18px;
}
.p-style5 .portfolio-item .icon-links a{
	line-height: 50px
}
.portfolio-item:hover figcaption,.portfolio-item:hover .port-img:before,.portfolio-item:hover figure:after,.portfolio-item:hover .icon-links a{
	opacity:1;
}

/* magnific-popup */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace}.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}