/*
Theme Name: Hatch
Theme URI: http://www.highgradelab.com/hatch/
Author: HighGrade
Author URI: http://highgradelab.com
Description: Hatch is a flexible multi-purpose WordPress theme. It comes with 6 different flavors, with ready-build demos.
Version: 1.5
License: Commercial
License URI: http://themeforest.net
Tags: one-column, two-columns, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, theme-options, translation-ready
Text Domain: hatch
Domain Path: /languages
*/



/*--------------------------------------------------
[Table of contents]
1. Reset
2. General rules
3. Bootstrap overrides
4. Visual Composer overrides
5. Contact Form 7 Overides
6. Body
	6.1. Preloader
	6.2. Header
		6.2.1. Navbar
	6.3. Content
		6.3.1. Main column
			6.3.1.1. Testimonials
			6.3.1.2. Isotope filtering
			6.3.1.3. Portfolio
	6.4. Contact Section
	6.5. Footer
	6.6. Effects
7. Blog Section
	7.1. Header Section
	7.2. Images & Media
	7.3. Sidebar
		7.3.1. Widgets
	7.4. Forms (Search, Post password)
	7.5. Comments
	7.6. Navigation
	7.7. Post formats
8. Theme custom
9. Other
10.WooCommerce
------------------------------------------------- */



/* 1. Reset +++++++++++++++++++++++++++++++++++++++++++++++++++ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	text-align: center; /* by default text is center aligned */
}

@media only screen and (max-device-width: 480px) {
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		text-align: left; /* on mobile by default text is left centered */
	}
	
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: 0;
}
a:hover, a:active {
	outline: 0;
}
a img {
	border: 0;
}
.clear{
	float:none;
	clear:both;
}

/* Body borders */
#hgr_top, #hgr_bottom, #hgr_left, #hgr_right {
	/*background: #a5ebff;*/
	position: fixed;
	z-index: 10000;
	}
#hgr_left, #hgr_right {
		top: 0; bottom: 0;
		/*width: 15px;*/
	}
#hgr_left { left: 0; }
#hgr_right { right: 0; }
		
#hgr_top, #hgr_bottom {
		left: 0; right: 0;
		/*height: 15px;*/
}
#hgr_top { top: 0; }
#hgr_bottom { bottom: 0; }
@media only screen and (max-width: 500px),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#hgr_top, #hgr_bottom, #hgr_left, #hgr_right { display: none; }
	body{margin-top:0!important;}
	.bka_footer{margin-bottom:0!important;}
}

/* 2. General rules +++++++++++++++++++++++++++++++++++++++++++ */
#container{margin-right:auto;margin-left:auto;/*padding-left:15px;padding-right:15px;*/}
.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.container{margin-right:auto;margin-left:auto;}

#container{
	clear:both;
	padding-top:100px;
}
.preloadermask{
	height:100%;
	width:100%;
}
.preloadermaskloading{
	height:1px;
	width:1px;
	background-color:#000;
}
* {
	margin: 0;
	padding: 0;
}
*, *:after, *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	height: 100% !important;
	min-height: 100% !important;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 100%;
	width: 100%;
	background: #FFFFFF;
	font-family: Source Sans Pro;
	font-size: 14px;
	line-height: 24px;
	color: #5c5c5c;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
.wrap {
	position: relative;
	z-index: inherit;
}
.back-to-top {
	position: fixed;
	z-index: 200;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: #000000;
	font-size: 14px;
	display: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}
.back-to-top a:hover {
	text-decoration: none;
}
.back-to-top:hover, .back-to-top:active, .back-to-top:visited {
	text-decoration: none;
	color: #000;
	background-color: rgba(235, 235, 235, 0.80);
}
div.hover:hover{
	opacity:0.5!important;
}
.hgrhideonmobile{display:none;}

/* 3. Bootstrap overrides +++++++++++++++++++++++++++++++++++++ */
.row {
	margin-left: 0!important;
	margin-right: 0!important;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#testimonialsCarousel .carousel-inner > .item > img, #testimonialsCarousel .carousel-inner > .item > a > img {
	height: 0!important;
}
#testimonialsCarousel .carousel-control.left, #testimonialsCarousel .carousel-control.right {
	background-image: none!important;
}
#testimonialsCarousel .carousel-control.left {
	text-align: left!important;
}
#testimonialsCarousel .carousel-control.right {
	text-align: right!important;
}
#testimonialsCarousel .carousel-inner h1 {
	width:98%;
	margin-left:auto;
	margin-right:auto;
}
#testimonialsCarousel .carousel-indicators {
    z-index: 15;
    width: 100%;
    list-style: none outside none;
    text-align: center;
    margin-left: 0px;
    margin-top: 20px;
    position:static!important;
}
#testimonialsCarousel .carousel-indicators li, .carousel-indicators li.active {
	margin-left:7px;
	margin-right:7px;
	width:6px!important;
	height:6px!important;
	margin-top:0!important;
	margin-bottom:0!important;
}

/* 4. Visual Composer overrides +++++++++++++++++++++++++++++++ */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	/*padding-left:15px;
	padding-right:15px;*/
}
.vc_responsive .wpb_row .vc_span12 {
    padding-left: 0!important;
    padding-right: 0!important;
}
.vc_responsive .wpb_row .vc_span8 {
    padding-left: 0!important;
    padding-right: 0!important;
}
.wpb_row {
	margin-left: 0!important;
	margin-right: 0!important;
	margin-bottom: 0!important;
}
.vc_separator.vc_separator_align_center h4 {
	font-size:18px!important;
}
.vc_col-sm-6{margin-left:auto;margin-right:auto;}
.wpb_single_image, .vc_figure{
	max-width:100%;
}

/* 5. Contact Form 7 Overides +++++++++++++++++++++++++++++++++ */

.wpcf7 p{
	margin-bottom:0!important;
}

.wpcf7 input[type=text], .wpcf7 input[type=email]{
	width: 100%;
}
.wpcf7 input[type=submit] {
	border: none;
	text-align: center;
	clear:both;
	background: #ff6978;
	width: 200px;
	margin-top: 20px;
	height: 42px;
	text-transform: uppercase;
	color: #FFF;
	font-size: 14px;
	
}

.wpcf7 wpcf7-submit {border: none;
	text-align: center;
	clear:both;
	background: #ff6978;
	width: 200px;
	margin-top: 20px;
	height: 42px;
	text-transform: uppercase;
	color: #FFF;
	font-size: 14px;
}
.wpcf7 textarea {
	width: 100%;
	clear:both;
}

::-webkit-input-placeholder {
   color:inherit;
   line-height: normal;
}

:-moz-placeholder { /* Firefox 18- */
   color:inherit;
}

::-moz-placeholder {  /* Firefox 19+ */
  color:inherit; 
}

:-ms-input-placeholder {  
   color:inherit; 
}
#contact .icon {
    line-height: 20px;
    margin-right: 15px;
}

/* 6.1. Preloader +++++++++++++++++++++++++++++++++++++++++++++ */
.loading {
	width: 100%;
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	color: rgba(255,255,255,1.00);
	font-size: 48px;
}
.preloader {
	width: 50px;
	height: 50px;
	animation: animationFrames linear 1s;
	animation-iteration-count: 200;
 transform-origin:;
	-webkit-animation: animationFrames linear 1s;
	-webkit-animation-iteration-count: 200;
 -webkit-transform-origin:;
	-moz-animation: animationFrames linear 1s;
	-moz-animation-iteration-count: 200;
 -moz-transform-origin:;
	-o-animation: animationFrames linear 1s;
	-o-animation-iteration-count: 200;
 -o-transform-origin:;
	-ms-animation: animationFrames linear 1s;
	-ms-animation-iteration-count: 200;
 -ms-transform-origin:;
}
 @keyframes animationFrames {
 0% {
 left:0px;
 top:0px;
 opacity:1;
 transform:  rotate(0deg) scaleX(1) scaleY(1);
}
 100% {
 left:0px;
 top:0px;
 opacity:1;
 transform:  rotate(360deg) scaleX(1) scaleY(1);
}
}
 @-moz-keyframes animationFrames {
 0% {
 left:0px;
 top:0px;
 opacity:1;
 -moz-transform:  rotate(0deg) scaleX(1) scaleY(1);
}
 100% {
 left:0px;
 top:0px;
 opacity:1;
 -moz-transform:  rotate(360deg) scaleX(1) scaleY(1);
}
}
 @-webkit-keyframes animationFrames {
 0% {
 left:0px;
 top:0px;
 opacity:1;
 -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1);
}
 100% {
 left:0px;
 top:0px;
 opacity:1;
 -webkit-transform:  rotate(360deg) scaleX(1) scaleY(1);
}
}
 @-o-keyframes animationFrames {
 0% {
 left:0px;
 top:0px;
 opacity:1;
 -o-transform:  rotate(0deg) scaleX(1) scaleY(1);
}
 100% {
 left:0px;
 top:0px;
 opacity:1;
 -o-transform:  rotate(360deg) scaleX(1) scaleY(1);
}
}
 @-ms-keyframes animationFrames {
 0% {
 left:0px;
 top:0px;
 opacity:1;
 -ms-transform:  rotate(0deg) scaleX(1) scaleY(1);
}
 100% {
 left:0px;
 top:0px;
 opacity:1;
 -ms-transform:  rotate(360deg) scaleX(1) scaleY(1);
}
}

/* 6.2. Header ++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 6.2.1. Navbar ++++++++++++++++++++++++++++++++++++++++++++++ */
.stickyHeader {
    position: fixed;
    width: 100%;
}
.bkaTopmenu {
	display:block;
	z-index: 1000;
	max-width:100vw;
	width: 100%;
	font-family: Source Sans Pro;
}
.navbar-default {
	background-color: transparent!important;
	border-color: transparent!important;
	font-family: Source Sans Pro;
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
}
.navbar-brand {
	padding: 0!important;
}
a.navbar-brand {
	height:100%;
}
.navbar-right a {
	padding-left: 15px!important;
	padding-right: 15px!important;
	line-height: 30px;
}
.navbar-right a:hover {
	text-decoration: none;
}
.bka_menu, .bka_menu .navbar-default .navbar-nav > li > a {
    display: block;
}
.navbar-right>ul {
	margin-top: 15px;
}
.navbar-nav > li > .dropdown-menu {}

ul.nav a.active{}

.dropdown-menu > li > a {
	line-height:2!important;
}

.bka_menu .navbar-default .navbar-nav > li > a:hover, 
.dropdown-menu > li > a:hover{
	-o-transition: color 0.3s linear 0s;
	-ms-transition: color 0.3s linear 0s;
	-moz-transition: color 0.3s linear 0s;
	-webkit-transition: color 0.3s linear 0s;
	transition: color 0.3s linear 0s;
}

/* DROPDOWN MENU */
/*.dropdown-menu {
    border-left:none!important;
	border-right:none!important;
	border-bottom:none!important;
    border-radius:none!important;
    box-shadow: none!important;
}


.dropdown-menu > li > a {
	padding:10px 20px!important;
}
.dropdown-menu{
	list-style:none!important;
	padding:0!important;
}

ul.dropdown-menu>.dropdown.menu-item-has-children>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
*/

.dropdown-menu{
	list-style:none!important;
	padding:0!important;
}
.dropdown-menu > li > a {
	padding:10px 20px!important;
}
.dropdown-menu.multi-level{
	margin-top:-2px!important;
	margin-left:0!important;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: -1px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 9px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.navbar-right .megamenu a {
	padding:0px!important;
}

.navbar-right > li:last-child ul.dropdown-menu{
	right:0!important;
}


.parallax {
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: static;
	z-index: -1;
}

/* 6.3. Content +++++++++++++++++++++++++++++++++++++++++++++++ */
/* 6.3.1. Main column +++++++++++++++++++++++++++++++++++++++++ */
/* 6.3.1.1. Testimonials ++++++++++++++++++++++++++++++++++++++ */
#testimonialsCarousel p {
	text-align: center;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	min-height: 100px;
	height: auto!important;
}
.testimonialAuthor{
	max-width:290px;
	margin-right:auto;
	margin-left:auto;
}
.testimonialAuthor .testimonial_image{
	float:left;
	border-radius:50%;
	width:80px;
	height:80px;
	background-size:cover;
	margin-right:20px;
}
.testimonial_title{
	padding-top:18px;
}
h1.page_title {
    margin-top: 10px;
	margin-bottom: 20px;
    padding-top: 20px;
	padding-bottom: 20px;
    border-bottom: 1px dotted #C2C2C2;
}

/* 6.3.1.2. Isotope filtering +++++++++++++++++++++++++++++++++ */
.portfolio_item_hover {
    text-decoration: none;
    opacity: 1;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}
@media screen and (min-width: 480px) {
	.portfolio_item_hover:hover {
		opacity: 1;
	}
	.portfolio_item_hover:hover>img {
		opacity: 1;
		-webkit-transform: scale(1.2,1.2);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 250ms;
		-moz-transform: scale(1.2,1.2);
		-moz-transition-timing-function: ease-out;
		-moz-transition-duration: 250ms;
	}
}
.portfolio-item {
	overflow: hidden;
}
.portfolio-item .hover-info {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(255, 238, 0, 0.7);
}
.banner-block h3 {
	font-weight: 400!important;
}
.portfolio-item .hover-info:hover {
	cursor: crosshair;
}
.portfolio-item .hover-info h3 {
	vertical-align: middle;
	padding-top: 22%;
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 1.3em!important;
	color: #fff!important;
	margin-bottom: 1em!important;
}
.portfolio-item .hover-info p {
	font-size: 0.9em;
	font-weight: 400;
	color: #fff!important;
	line-height: 1.3em!important;
	padding:5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.portfolio-item .hover-info h3, .portfolio-item .hover-info p {
		font-weight:600!important;
	}
}
#myCarousel {
	margin-top: 50px
}
#myCarousel .container {
	text-align: center
}
#myCarousel .container p {
	max-width: 70%;
	margin-left: auto;
	margin-right: auto
}
#myCarousel .carousel-control.left, #myCarousel .carousel-control.right {
	background-color: rgba(0,0,0,0.00) !important;
	background-image: none !important;
	color: rgba(255,255,255,1.00)
}
#itemCarousel {
	overflow: hidden !important
}
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
#portfolio-pills {
	margin-bottom: 2em!important;
}
#portfolio-pills ul {
	text-align: center!important;
	margin: 0!important;
	padding: 0!important;
}
#portfolio-pills .nav-pills > li {
	display: inline-block;
	float: none;
}
#portfolio-pills .nav-pills > li > a {
	border: 1px solid #fff;
	padding: 3px 15px;
	color: #fff!important;
	margin: 3px;
	border-radius: 0;
}
#portfolio-pills .nav-pills > li.active > a, #portfolio-pills .nav-pills > li > a:hover, #portfolio-pills .nav-pills > li.active > a:focus {
	background-color: transparent!important;
	border-radius: 0;
}
.light_scheme #portfolio-pills .nav-pills > li > a {
	border: 1px solid #000;
	padding: 3px 15px;
	color: #000!important;
	margin: 3px;
}
.light_scheme #portfolio-pills .nav-pills > li.active > a, #portfolio-pills .nav-pills > li > a:hover, #portfolio-pills .nav-pills > li.active > a:focus {
	color: #F77656!important;
	background-color: transparent!important;
	border: 1px solid #F77656;
	border-radius: 0;
}
#mainNavUl li.active > a {}
.dark_scheme .teaser_grid_container li.isotope-item {
	background-color: #000;
}
.light_scheme .teaser_grid_container li.isotope-item {
	background-color: #f7f5f2;
}
.teaser_grid_container .post-thumb {
	padding-bottom: 15px!important;
}
.teaser_grid_container h2 {
	padding-left: 15px!important;
	padding-right: 15px!important;
}
.teaser_grid_container a.vc_read_more {
	color: #ff4000!important;
	padding-left: 15px!important;
	font-size: 12px!important;
	font-weight: 500!important;
	padding-bottom: 15px !important;
	display: block;
}
.teaser_grid_container a.vc_read_more:before {
	content: '> '!important;
}
.teaser_grid_container .entry-content {
	padding: 15px!important;
}
.teaser_grid_container .entry-content p {
	text-align: justify!important;
	font-size: 0.9em!important;
	font-weight: 400!important;
}

/* 6.3.1.3. Portfolio +++++++++++++++++++++++++++++++++++++++++ */
#item-container {
	width: 100%;
	height: 100%;
	overflow: scroll;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000000;
	background-color: #000;
}
#itemcontainer-controller {
	width: 100%;
	position: fixed;
	top: 0;
	right: 0;
	font-size: 30px;
	line-height: 30px;
	font-weight: 100;
	font-family: sans-serif;
	cursor: pointer;
	text-align: center;
	display: block;
	padding-bottom: 15px;
	padding-top: 15px;
	z-index: 100000;
}
#itemcontainer-controller .highgrade-grid {
	color: #fff;
	padding-left: 25px;
	padding-right: 25px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	line-height: 42px!important;
	font-size: 18px!important;
	padding-top: 12px;
	padding-bottom: 12px;
}
i {
	margin: 0;
	padding: 0;
	content: "."
}
i.icon {
	font-size: inherit!important;
	width: inherit!important;
	line-height: inherit!important;
	margin-left: 0!important;
	vertical-align: middle!important;
	display: inline!important;
}
i.icon:after {
	content: " "!important;
}
.item-viewer {
	width: 100%;
	height: auto;
	min-height: 100%;
	display: block;
	overflow: hidden;
	background-color: #fff;
}
.item-viewer .container {
	padding-top: 50px!important;
	padding-bottom: 50px!important;
}
.item-viewer p {
	text-align: center;
	margin: 5px
}
.item-viewer img {
	margin-left: auto;
	margin-right: auto
}

@media(min-width:768px) {
.item-viewer .featured-image {
	width: 100%;
	max-height: 200px;
	text-align: center;
	overflow: hidden
}
}

@media(min-width:992px) {
.item-viewer .featured-image {
	width: 100%;
	max-height: 300px;
	text-align: center;
	overflow: hidden
}
}

@media(min-width:1200px) {
.item-viewer .featured-image {
	width: 100%;
	max-height: 600px;
	text-align: center;
	overflow: hidden
}
}
.portfolio-title {
	font-size: 48px
}
.item-viewer h2 {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px
}
.portfolio-tags {
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	list-style: none;
	width: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px
}
.portfolio-tags li {
	display: inline;
	margin-right: 15px
}
.portfolio-tags li:after {
	content: "|";
	margin-left: 20px
}
.portfolio-tags li:last-child:after {
	content: "";
	margin-left: 0
}
.line {
	border-top: 1px solid rgba(84,80,80,0.85);
	margin-top: 50px;
	width: 100%;
	height: 1px;
	content: "";
	position: absolute;
	left: 0;
	top: -35px;
	z-index: 0
}
.load-more {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px
}
.load-more-btn {
	text-transform: uppercase;
	letter-spacing: 2px
}
.hgr-folio-grid figure {
	overflow:hidden;
}
.hgr-folio-grid figure img {
    text-decoration: none;
    opacity: 1;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}
@media screen and (min-width: 480px) {
	.hgr-folio-grid figure img:hover {
		opacity: .7;
		-webkit-transform: scale(1.5,1.5);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 250ms;
		-moz-transform: scale(1.5,1.5);
		-moz-transition-timing-function: ease-out;
		-moz-transition-duration: 250ms;
	}
}
#da-thumbs{
	margin-bottom:0!important;
}
.da-thumbs li {
	background: transparent;
	padding: 4px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: rgba(247,118,86,0.7);
	width: 100%;
	height: 100%;
}
.da-thumbs li a div span {
	display: block;
	padding-top: 5px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	margin-top: 40%;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size:1.2em;
	color: rgba(0,0,0,0.9);
}
.da-thumbs li a div p {
	display: block;
	margin-left:20px;
	font-weight: normal;
	text-transform:none;
	color: rgba(0,0,0,0.9);
}
.second_portfolio li {
	margin:10px!important;
	width:350px!important;
	height:219px!important;
	overflow:hidden!important;
}
.second_portfolio img {
	width:100%;
	height:auto;
	border-radius:0px!important;
}
.flexslider {
    border-radius:none!important;
    box-shadow:none!important;
}
.flex-direction-nav a  { 
	overflow: visible!important;
}
.flex-direction-nav a.flex-next:before {
	font-family:'fontawesome';
	content: "\f054"!important;
}
.flex-direction-nav a.flex-prev:before {
    font-family:'fontawesome';
	content: "\f053"!important;
}
.flex-direction-nav a:before {
    font-size: 40px;
    display: inline-block;
}
.flex-control-paging li a{
	width:5px!important;
	height:5px!important;
}

/* 6.5. Footer ++++++++++++++++++++++++++++++++++++++++++++++++ */
#FooterLinks {
	display: flex;
}

#FooterLinks li {
	flex: 1;
}

.bka_footer {
	padding-top: 1em;
	padding-bottom: 1em;
	font-size:0.9em;
}
@media(-webkit-min-device-pixel-ratio:0) {
	.bka_footer {
		font-weight:600;
	}
}
.widgetised_column h2, .widgetised_column h4, .widgetised_column h5, .widgetised_column h6 {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.widgetised_column .textwidget {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 30px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	font-weight: 100
}
.widgetised_column .textwidget a {
	text-decoration: none
}
.widgetised_column .textwidget a:hover {
	text-decoration: underline
}
.footer-copyright {
	opacity: 0.5;
}
#hgr-map-canvas {}
.footer-widget-content {
	text-align: center;
}
.widget, .blog_widget {
    -moz-hyphens: auto;
    word-wrap: break-word;
}

/* 7. Blog Section ++++++++++++++++++++++++++++++++++++++++++++ */
/* 7.1. Header Section ++++++++++++++++++++++++++++++++++++++++ */
.blogPosts .container {
	margin-top: 100px;
}
.standAlonePage .container {
	/*margin-top: 60px;
	overflow:hidden;*/
}
.post {
	margin-bottom: 60px;
}
.entry div {
	max-width: 820px;
}
.archive h1.titleSep {
	margin-bottom:50px;
}
.sticky h1:before, div[class*="tag-sticky-"] h1:before {
	font-family: 'outline';
	content: "\e674";
	color: #000;
	font-size: 24px;
	margin-right: 10px;
}
.blogPosts .post h1 a {
	text-decoration: none!important;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.blogPosts .entry {
	margin-top: 10px;
	padding-top: 20px;
	border-top: 1px dotted #c2c2c2;
}
.blogPosts .img-responsive{
	margin: 0 auto;
	margin-bottom:40px;
}
.post small {
	font-size: 14px;
}
.post span.highlight {
    font-size: 14px;
    font-family: "Open Sans";
    text-decoration: none;
    font-weight: normal;
}
.post small .highlight .icon {
	padding-right: 5px;
	color: #666666;
}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
	color: #000;
}
.post h3 {
	font-size: 24px;
	line-height: 36px;
	font-weight: 400;
	font-family: Source Sans Pro;
}
.post h4 {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	font-family: Source Sans Pro;
}
.post h5 {
	font-size: 14px;
	line-height: 25px;
	font-weight: 600;
	font-family: Source Sans Pro;
}
.post h6 {
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;
	font-family: Source Sans Pro;
}
.post blockquote, .page blockquote {
	border-left: 5px solid #000;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 18px;
	font-weight: 400;
	color: #000;
}
.post blockquote cite, .page blockquote cite {
	font-size: 12px;
	font-weight: 400;
	display: block;
	text-transform: uppercase;
	color: #000;
}
dt {
	margin-top: 10px;
}
table {
	border: 1px solid #c2c2c2;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px 0px 20px;
	text-align: left;
	padding: 0px 5px;
	width: 100%;
}
thead {
	border: 1px solid #c2c2c2;
}
tr:not(:last-child) {
	border-bottom: 1px solid #efefef;
}
th {
	font-size: 14px;
	font-weight: 700;
	font-family: Source Sans Pro;
	padding: 10px;
}
b, strong {
	font-weight: bold;
}
td {
	padding: 5px;
	vertical-align: middle;
}
tbody {
	text-align: left;
}
.entry ul, .page ul {
	list-style: disc inside none;
}
.entry ul li ul, .page ul li ul {
	margin-left: 20px;
	list-style: square inside none;
}
.entry ul li ul li ul, .page ul li ul li ul {
	margin-left: 20px;
	list-style: circle inside none;
}
.entry ol, .page ol {
	list-style: decimal inside none;
}
.entry ol li ol, .page ol li ol {
	margin-left: 20px;
	list-style: decimal-leading-zero inside none;
}
.entry ol li ol li ol, .page ol li ol li ol {
	margin-left: 20px;
	list-style: upper-roman inside none;
}
address {
	font-style: italic;
}
em {
	font-style: italic;
	font-size: 14px;
	font-weight: 400;
}
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset {
	margin-bottom: 20px;
}
code {
	color: #5b5b5b;
	background-color: #ebebeb;
	font-size: 14px;
	font-weight: 400;
	font-family: Source Code Pro;
}
del, strike {
	text-decoration: line-through;
}
ins {
	text-decoration: none;
}
pre {
	padding: 10px;
	color: #5b5b5b;
	background-color: #ebebeb;
	font-size: 14px;
	font-family: Source Code Pro;
}
q {
	font-style: italic;
}
var {
	color: #5b5b5b;
	background-color: #ebebeb;
	font-size: 14px;
	padding: 2px;
}
.format-chat p:nth-child(2n+1) {
	background: none repeat scroll 0% 0% #f2f2f2;
}
.format-chat p {
	padding: 3px;
	margin: 0;
}
.bypostauthor {}
dl {
    margin: 0px 20px;
}

/* 7.2. Images & Media ++++++++++++++++++++++++++++++++++++++++ */
img {
	height: auto;
	max-width: 100%;
	width: auto\9;
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: bottom;
}
.navbar-brand img{
	height:auto;
	max-width:auto;
	width: auto\9;
	vertical-align: middle;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
}
.wp-caption img, img[class*="wp-image-"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	max-width: 100%;
	height:auto;
}
.wp-caption, .gallery-caption {
	position: relative;
}
div .wp-caption-text {
	margin: 0;
	background-color: #000;
	opacity: 0.7;
	color: #fff;
	font-size: 12px;
	font-family: Source Sans Pro;
	font-weight: 400;
	position: absolute;
	bottom: 0;
	left: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 13px;
	padding-right: 13px;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
i.alignleft, img.alignleft {
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom: 20px;
}
i.alignright, img.alignright {
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 20px;
	margin-bottom: 20px;
}
img.aligncenter {
	margin: 20px auto;
}
img.alignnone {
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
	max-width:100%;
	height:auto;
}
.alignnone img {
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
	max-width:100%;
	height:auto;
}
.wp-caption.alignleft {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 0;
	margin-bottom: 10px;
}
.wp-caption.alignright {
	margin-top: 10px;
	margin-right: 0;
	margin-left: 10px;
	margin-bottom: 10px;
}
.wp-caption.alignnone {
	margin: 10px;
}
.gallery-item img {
	margin: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.gallery-item .wp-caption-text {
	background-color: transparent;
	opacity: 1;
	color: #000;
	font-size: 12px;
	font-family: Source Sans Pro;
	font-weight: 200;
	position: relative;
	padding: 5px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: -20px;
}
embed, video, p iframe {
	max-width: 100%;
	min-height: 400px;
	height: auto;
}
.gallery-size-thumbnail img {
	border: none!important;
}
.hgrHeaderImage {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.hgrHeaderImage img {
	max-width: 100%;
	width: 100%;
	min-width: 1440px;
	height: auto;
}
.headerWelcome {
	height: 50%;
	width: 50%;
	overflow: auto;
	margin: auto;
	position: absolute;
	top: 45%;
	left: 0;
	bottom: 0;
	right: 0;
	color: #fff;
	text-align: center;
}
.headerWelcome h1 {
	margin-bottom: 20px;
	line-height: 34px;
	font-weight: 100;
}
.headerWelcome h2 a {
	display: block;
	border: 1px solid #fff;
	color: #fff;
	width: 130px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 400;
	font-size: 12px;
	font-family: Source Sans Pro;
	-o-transition: color .3s ease-out, background .3s ease-in;
	-ms-transition: color .3s ease-out, background .3s ease-in;
	-moz-transition: color .3s ease-out, background .3s ease-in;
	-webkit-transition: color .3s ease-out, background .3s ease-in;
	transition: color .3s ease-out, background .3s ease-in;
	text-transform: uppercase;
}
.headerWelcome h2 a:hover {
	background-color: #f86d6b;
	border: 1px solid #f86d6b;
	color: #fff;
	text-decoration: none;
}

/* 7.3. Sidebar ++++++++++++++++++++++++++++++++++++++++ */
/* 7.3.1. Widgets +++++++++++++++++++++++++++++++++++++++++++++ */
.blog_widget{
	margin-bottom:20px;
}
.blog_widget *{
	max-width:100%;
}
.blog_widget h4 {
	font-size: 14px;
	line-height: 36px;
	font-weight: 600;
	font-family: Source Sans Pro;
	text-transform: uppercase;
	color: #000;
}
.blog_widget ul li a:before {
	content: "\00BB";
	color: #666666;
	padding-right: 5px;
}
.blog_widget li {
	font-size: inherit;
	line-height: 30px;
	font-weight: 400;
	font-family: Source Sans Pro;
	display: block;
	border-bottom: 1px dotted #c2c2c2;
}
.blog_widget li:last-child {
	border-bottom: none;
}
.blog_widget a {
	font-size: inherit;
	line-height: 30px;
	font-weight: 400;
	font-family: Source Sans Pro;
	display: inline-block;
}
.blog_widget li.page_item_has_children ul.children, 
.blog_widget li.cat-item ul.children, .blog_widget li.menu-item-has-children ul.sub-menu{
	margin-left:12px;
}

/* calendar widget */
#wp-calendar { border-collapse: collapse; border:1px solid #ddd; width:100%; border-top:none; }
#wp-calendar td, #wp-calendar th { text-align:center; }
#wp-calendar caption { color: #fff; padding: 0; line-height: 39px; }
#wp-calendar thead, #wp-calendar tfoot { line-height:33px; background:#eee; }
#wp-calendar tbody { line-height:33px; }
#wp-calendar tbody td { text-align: center; padding:8px; cursor:pointer;}
#wp-calendar tbody td:hover { background: #c2c2c2; }
#wp-calendar tbody .pad:hover { background: none; cursor:default; }
#wp-calendar #prev, #wp-calendar #next { padding:0 10px; background:#eee; }
#wp-calendar #prev { text-align:left; }
#wp-calendar #next { text-align:right; }

/* 7.4. Forms (Search, Post password) +++++++++++++++++++++++++ */
#searchform input[type=text] {
	height: 50px;
	border: 1px solid #c1c1c1;
	padding: 14px 10px;
	color: #5c5c5c;
	font-size: inherit;
	font-weight: 400;
	width: 100%;
	line-height:1;
}
#searchform input[type=submit] {
	display: none;
}
.post-password-form input[type=password] {
	background-color: rgba(255,255,255,0.00);
	height: 3em;
	border: 1px solid #c2c2c2;
	padding: 1em;
	line-height: 1em;
	width: 70%;
	color: #000;
	opacity: 0.6;
}
.post-password-form input[type=submit] {
	background-color: rgba(255,255,255,0.00);
	height: 3em;
	border: 1px solid #c2c2c2;
	padding-left: 1em;
	padding-right: 1em;
	line-height: 1.5em;
	text-align: center;
	color: #808080;
	text-transform: uppercase;
	-o-transition: color .3s ease-out, background .3s ease-in;
	-ms-transition: color .3s ease-out, background .3s ease-in;
	-moz-transition: color .3s ease-out, background .3s ease-in;
	-webkit-transition: color .3s ease-out, background .3s ease-in;
	transition: color .3s ease-out, background .3s ease-in;
}
.post-password-form input[type=submit]:hover {
	background-color: #F86D6B;
	height: 3em;
	border: 1px solid #F86D6B;
	line-height: 1.5em;
	text-align: center;
	color: #fff;
}

/* 7.5. Comments ++++++++++++++++++++++++++++++++++++++++++++++ */
#comments {
	margin-top: 2em;
	margin-right:40px;
}
#comments h3, #comments-form .comment-reply-title {
	font-size: 14px;
	line-height: 30px;
	font-weight: 600;
	font-family: Source Sans Pro;
	text-transform: uppercase;
}
#comments .comment {
}
.depth-2, .depth-3, .depth-4, .depth-5, .depth-6, .depth-7, .depth-8, .depth-9, .depth-10 {
	margin-left: 20px;
}
.comment .commentmetadata, .comment .comment-meta, .comment .comment-meta a {
	font-size: 12px;
	font-style: italic;
	font-weight: 200;
}
div.reply {
	border-bottom: 1px dotted #938E8E;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.comment .commentmetadata:hover, .comment .comment-meta:hover, .comment .comment-meta a:hover {
	color: #000;
}
cite.fn, cite.fn a, cite.fn:hover, cite.fn a:hover {
	font-size: 14px;
	font-weight: 600;
}
.comment p {
	clear: both;
	margin-top: 40px;
}
.comment .vcard img {
	float: left;
	margin-right: 1em;
	clear: both;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.comment a.comment-reply-link {
	font-size: 0.9em;
}
#comments-form input[type=text], #comments-form input[type=email], #commentform input[type=text], #commentform input[type=email] {
	background-color: rgba(255,255,255,0.00);
	height: 3em;
	border: 1px solid #c2c2c2;
	padding: 1em;
	line-height: 1em;
	width: 100%;
	opacity: 0.6;
}
#comments-form textarea, #commentform textarea {
	background-color: rgba(255,255,255,0.00);
	height: 9em;
	border: 1px solid #c2c2c2;
	padding: 1em;
	width: 100%;
	line-height: 1.5em;
	opacity: 0.6;
}
#comments-form input[type=submit], #commentform input[type=submit] {
	/*background-color: rgba(255,255,255,0.00);*/
	height: 3em;
	border: 1px solid #c2c2c2;
	padding-left: 2em;
	padding-right: 2em;
	min-width: 20%;
	line-height: 1.5em;
	text-align: center;
	color: #808080;
	-o-transition: color .3s ease-out, background .3s ease-in;
	-ms-transition: color .3s ease-out, background .3s ease-in;
	-moz-transition: color .3s ease-out, background .3s ease-in;
	-webkit-transition: color .3s ease-out, background .3s ease-in;
	transition: color .3s ease-out, background .3s ease-in;
}
#comments-form input[type=submit]:hover, #commentform input[type=submit]:hover {
	/*background-color: #49e2d6;*/
	height: 3em;
	/*border: 1px solid #49e2d6;*/
	padding-left: 2em;
	padding-right: 2em;
	min-width: 20%;
	line-height: 1.5em;
	text-align: center;
	color: #fff;
}
#comments-form .comment-notes, #commentform .comment-notes {
	font-size: 0.8em!important;
	font-style: italic;
}
small a#cancel-comment-reply-link {
	font-size: 14px;
	color: #F86D6B;
	font-weight: 600;
	padding-left: 10px;
}

/* 7.6. Navigation ++++++++++++++++++++++++++++++++++++++++++++ */
.navigation {
	height: 60px;
	color: #F86D6B;
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: 1px dotted #938E8E;
	border-top: 1px dotted #938E8E;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-right: 40px;
	margin-bottom: 40px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 2;
	color: #FFF;
	background-color: #f86d6b;
	border-color: #f86d6b;
	cursor: default;
}
.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover {
	color: #000;
}

/* 7.7. Post formats ++++++++++++++++++++++++++++++++++++++++++ */
.format-link h1 a:before {
	font-family: 'outline';
	content: "\e6c0";
	color: #f86d6b;
	font-size: 24px;
	margin-right: 10px;
	-o-transition: color .3s ease-out, background .3s ease-in;
	-ms-transition: color .3s ease-out, background .3s ease-in;
	-moz-transition: color .3s ease-out, background .3s ease-in;
	-webkit-transition: color .3s ease-out, background .3s ease-in;
	transition: color .3s ease-out, background .3s ease-in;
}
.format-link h1 a:hover:before {
	color: #fff;
}
.format-link h1 a {
	background-color: #ebebeb;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-transition: color .3s ease-out, background .3s ease-in;
	-ms-transition: color .3s ease-out, background .3s ease-in;
	-moz-transition: color .3s ease-out, background .3s ease-in;
	-webkit-transition: color .3s ease-out, background .3s ease-in;
	transition: color .3s ease-out, background .3s ease-in;
}
.format-link h1 a:hover {
	background-color: #f86d6b;
	color: #fff;
}

/* 8. Theme custom ++++++++++++++++++++++++++++++++++++++++++++ */
.custom_progressbar h4{
	font-weight:400!important;
}
.custom_pricing_class h4{
	color:#fff!important;
	font-weight:400!important;
}
/*Pricing table white h4*/
.custom_pricing_class .special_pricing_header h4 {}

/* Custom rev slider*/
#rev_slider_1_1_wrapper .tp-loader.spinner2{ background-color: #ffee00 !important; }

/*custom btm border*/
.page_with_btm_border{
	border-bottom:1px solid #e4e4e4;
}

.topborder h3 a {
	padding-top:5px;
}

.customcss .hgr-contb-row .hgr-contblock-icon i.icon {
    line-height: 2em !important;
	margin-right:1.5em!important;
}

.hovereffect img{
	opacity:.5;
}
.hovereffect img:hover{
	opacity:1;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.tolomeoteam .valuemarker{
		font-weight:800;
	}
	.tolomeoteam small{
		font-weight:600;
	}
}
.shoreskills h4{line-height:18px;}

/* 9. Other +++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
.centered-content {
	text-align: center!important;
}
.allcaps {
	text-transform: uppercase!important;
}
.align-bottom {
	vertical-align: bottom;
}
.special-red .stats-text {
	color: #f66e6e;
}
.special-red .stats-number {
	color: #fff;
}
.special-red {
	color: #f66e6e!important;
}
.icon_description h3 {
    font-size: 14px!important;
	line-height:14px!important;
}
h1:after{
	display:none;
}
@media screen and (min-width: 480px) {
	.withline:after{
		content:" ";
		width:8em;
		height:6px;
		background-color:#cccccc;
		position:absolute;
		top:1.45em;
		right:-230px;
		border-radius:5px;
	}
}

.rowspace{
	padding:15px;
}
.hoverzoom img {
    text-decoration: none;
    opacity: .7;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}
.hoverzoom img:hover {
    opacity: 1;
    -webkit-transform: scale(1.2,1.2);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.2,1.2);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
	
}
/*@media (max-width:769px){h1,h2,h3{letter-spacing:-3px;}}}*/

/* 10.WooCommerce +++++++++++++++++++++++++++++++++++++++++++++ */

/*.hgr_product{border:4px solid #ff0000}
.hgr_product_images{border:2px solid #3A4DD6;}
.hgr_product_summary{border:1px solid #3CD574;}
.hgr_product_thumbnails{border:1px solid #3BE8E5;}
.hgr_main_image{border:1px solid #B520DF;}*/
.hgr_main_image img{width:100%;height:auto;}
.hgr_product_price{float:right;}
.product_meta .sku_wrapper,
.product_meta .posted_in,
.product_meta .tagged_as  {display:block;padding:3px 10px;}
.custom-attributes{list-style: none;margin-left: 0;padding-left: 0;}
.custom-attributes .attribute-label{text-transform: capitalize;}
.custom-attributes .attribute-value{text-transform: capitalize;float: right;}
.custom-attributes li {padding:3px 10px}
/*.custom-attributes li:nth-child(even) {background: #fff}
.custom-attributes li:nth-child(odd) {background: #f7f7f7}*/



/* webkit - disable number input arrows */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
#calc_shipping_state{
	border:none;
}


.related.products h4{
	margin-bottom:20px;
}
div.quantity_select {
    width: 60px;
    overflow: hidden;
    background-color:#fff;
	background-image: url("woocommerce/images/down_arrow.png");
	background-repeat:no-repeat;
	background-position:40px;
    border: 2px solid #E2E2E2;
    border-radius: 2px;
    height: 45px;
	display:inline-block;
	float:left;
	margin-right:20px;
}


/* login form */
.login_btn_hgr, .hgr_woobutton{
	width: 230px;
	height: 36px;
	margin-right:10px;
	text-transform: uppercase;
	color: #FFF;
}
.login_btn_hgr:hover, .hgr_woobutton:hover{
	background-color:#000!important;
	border:2px solid #000!important;	
}

/* 11. OpenTable Reservations +++++++++++++++++++++++++++++++++ */
.otw-reservation-time, .otw-party-size-select{
	width:100%;
}


.navbar-collapse.collapsing #mainNavUlLeft, .navbar-collapse.in #mainNavUlLeft{
	margin-top:60px;
}

body{
	max-width:100vw;
}




/* Link effect: Curtain */

a.link-curtain {
	position: relative;
	display: inline-block;
	outline: none;
	vertical-align: bottom;
	text-decoration: none;
	white-space: nowrap;
}

a.link-curtain::before,
a.link-curtain::after {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

.link-curtain {
	/*background: rgba(149,165,166,0.3);*/
}

a.link-curtain {
	overflow: hidden;
}

a.link-curtain::before,
a.link-curtain::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

a.link-curtain::before {
	/*border-top: 2px solid rgba(122,122,122,0.3);*/
	background: transparent;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translateY( calc(100% - 2px) );
	transform: translateY( calc(100% - 2px) );
}

a.link-curtain:hover::before,
a.link-curtain:focus::before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

a.link-curtain:hover::before,
a.link-curtain:focus::before,
a.link-curtain:hover::after,
a.link-curtain:focus::after {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

a.link-curtain::after {
	z-index: -1;
	/*background: rgba(122,122,122,0.1);*/
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

a.link-curtain:hover::after,
a.link-curtain:focus::after {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}


.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/* Hubpot stuff */
/* All HubSpot Forms
   ========================================================================== */

/* Form Field (selector for form field wrapper) */
.hs-form .hs-form-field {}

/* Descriptions (targets class applied to Help Text divs) */
.hs-form .hs-field-desc {}

/* Labels (selects field labels and error messages) */
.hs-form label {}
.hs-form .hs-form-field > label {}

/* Inputs (selectors for all inputs)  */
.hs-form input[type="text"],
.hs-form input[type="password"], 
.hs-form input[type="datetime"], 
.hs-form input[type="datetime-local"], 
.hs-form input[type="date"], 
.hs-form input[type="month"], 
.hs-form input[type="time"], 
.hs-form input[type="week"], 
.hs-form input[type="number"], 
.hs-form input[type="email"], 
.hs-form input[type="url"], 
.hs-form input[type="search"], 
.hs-form input[type="tel"], 
.hs-form input[type="color"],
.hs-form input[type="file"],
.hs-form textarea,
.hs-form select {}

/* Inputs in focus (selectors for all inputs when clicked)  */
.hs-form input[type="text"]:focus,
.hs-form input[type="password"]:focus, 
.hs-form input[type="datetime"]:focus, 
.hs-form input[type="datetime-local"]:focus, 
.hs-form input[type="date"]:focus, 
.hs-form input[type="month"]:focus, 
.hs-form input[type="time"]:focus, 
.hs-form input[type="week"]:focus, 
.hs-form input[type="number"]:focus, 
.hs-form input[type="email"]:focus, 
.hs-form input[type="url"]:focus, 
.hs-form input[type="search"]:focus, 
.hs-form input[type="tel"]:focus, 
.hs-form input[type="color"]:focus,
.hs-form input[type="file"]:focus,
.hs-form textarea:focus,
.hs-form select:focus {}

/* Multi-line inputs (selectors to target multi-line fields */
.hs-form textarea {}
.hs-form textarea:focus {}

/* Dropdowns (selectors for dropdowns) */
.hs-form select {}
.hs-form select:focus {}

/* Multi-select (selectors for multi-select fields) */
.hs-form form.hs-form .hs-form-field ul.inputs-list {}

.hs-form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs-form input[type="radio"] {}
.hs-form input[type="checkbox"] {}

/* Required (selectors for fields, when they do not pass validation) */
.hs-form input:focus:required:invalid, 
.hs-form textarea:focus:required:invalid, 
.hs-form select:focus:required:invalid {}

.hs-form input:focus:required:invalid:focus, 
.hs-form textarea:focus:required:invalid:focus, 
.hs-form select:focus:required:invalid:focus {}

/* Error message (selector for validation messages) */
.hs-form .hs-error-msgs label{}

/* Placeholder Text (styles the placeholder attribute text) */
::-webkit-input-placeholder { /* Webkit Browsers */}
:-moz-placeholder { /* Firefox 18- */}
::-moz-placeholder { /* Firefox 19+ */}
:-ms-input-placeholder { /* IE10 */}

/* Multi Column Form (selectors for fieldsets and field wrappers) 
   ========================================================================== */

.hs-form .hs-form fieldset.form-columns-1 {}
.hs-form .hs-form fieldset.form-columns-1 .hs-form-field {}

.hs-form .hs-form fieldset.form-columns-2 {}
.hs-form .hs-form fieldset.form-columns-2 .hs-form-field {}

.hs-form .hs-form fieldset.form-columns-3 {}
.hs-form .hs-form fieldset.form-columns-3 .hs-form-field {}

/* Submit buttons (selectors for all non-CTA buttons) 
   ========================================================================== */

.hs-button.primary,
input[type="submit"],
input[type="button"] {
	background: #FF6978;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {}