/* HOVER EFFECTS */

@media (min-width: 921px) {

	.main-menu > ul > li > a:after {
		transition: width 0.2s ease-in;
	}
	.main-menu > ul > li > a:hover {
		color: #6E4920;
		transition: color 0.2s ease-out;
	}
	.main-menu > ul > li:hover > a:after {
		bottom: 15px;
		width: 100%;
		background-color: #6E4920;
		transition: width 0.2s ease-out;
	}
	.main-menu ul li:hover ul {
	  height: auto;
	  opacity: 1;
	  z-index: 3;
	  transition: opacity 0.2s ease-in;
	}
	.main-menu ul ul li a:hover {
	  background-color: #7E6246;
	}

}

@media (min-width: 701px) {

	/*
	.home-grid:hover .hg-image {
		-ms-transform: scale(1.05);
		transform: scale(1.05);
		transition: all 0.8s ease-out;
	}
	*/
	.hg-text {
		transition: all 0.2s ease-in;
	}
	.home-grid:hover .hg-text {
		background-color: #f7e8d7;
		transition: all 0.2s ease-out;
	}
	.hg-text:before {
		transition: all 0.2s ease-in;
	}
	.home-grid:hover .hg-text:before {
		opacity: 0.3; /*0.5*/
		transition: all 0.2s ease-out;
	}

	/*
	.cb-image-inner {
		transition: all 0.8s ease-in;
	}
	.cb-image-inner:hover {
		-ms-transform: scale(1.05);
		transform: scale(1.05);
		transition: all 0.8s ease-out;
	}
	*/

	.cb-row {
		transition: all 0.2s ease-in;
	}
	.cb-row:hover {
		background-color: #eceaea;
		transition: all 0.2s ease-out;
	}
	.cb-row:before {
		transition: all 0.2s ease-in;
	}
	.cb-row:after {
		transition: all 0.1s ease-out;
	}
	.cb-row:hover:before {
		opacity: 0.8;
		transition: all 0.2s ease-in;
	}
	.cb-row:hover:after {
		bottom: 21px;
		transition: all 0.1s ease-out;
	}

	.search-result:hover {
		top: -5px;
		transition: top 0.3s ease-out;
	}

	.back-to-top {
		top: 0;
  	transition: all 0.2s ease-in;
	}
	.back-to-top:hover {
	  top: -5px;
	  background-color: #7E6246;
	  transition: all 0.2s ease-out;
	}

}

@media (max-width: 1150px) {
	.main-menu li a {
		font-size: 1.6em;
	}
	.contact-block-inner {
		padding: 40px 50px;
	}
	.contact-row {
		padding: 4px 0 4px 60px;
		margin-bottom: 40px;
		font-size: 1.5em;
	}
	.contact-row:before {
		width: 30px;
		height: 35px;
	}
}

@media (max-width: 920px) {
	.content {
		padding: 60px 0;
	}
	.main-menu ul {
		display: block;
	}

	.home-row {
		margin-bottom: 60px;
	}
	.hg-text:before {
		opacity: 0.3;
	}
	.hg-text span {
		padding: 10px 10px;
		font-size: 1.5em;
	}

	.header-top {
		padding-bottom: 20px;
	}
	.header-top-left {
		width: 300px;
	}
	.header-logo {
		padding-top: 20px;
		padding-right: 20px;
		width: 95px;
	}
	.header-site-title {
		padding-top: 20px;
		padding-left: 20px;
		font-size: 2em;
	}

	.desktop-language-switcher,
	.desktop-logout-button,
	.desktop-search {
		display: none;
	}

	.language-switcher {
		margin-bottom: 30px;
		text-align: center;
	}
	.header-search {
		margin-bottom: 30px;
	}
	.header-search-form {
		width: 223px;
		margin: 0 auto;
	}
	.header-search-text {
		width: 150px;
	}
	.header-search-submit {
		width: 73px;
	}

	.header-bottom {
		padding: 0;
	}

	/* mobile menu */
	body.menu-open .main-menu-mask,
	.main-menu-button {
		display: block;
	}
	.mobile-language-switcher,
	.mobile-logout-button,
	.mobile-search {
		display: block;
	}
	.main-menu-container {
		position: fixed;
		right: 0;
		top: 0;
		width: 85%;
		max-width: 330px;
		height: 100%;
		padding-top: 80px;
		padding-bottom: 30px;
		background-color: #E8D6C0;
		overflow: auto;
		opacity: 0;
		z-index: -1;
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		transition: all 0.2s ease-in;
	}
	body.menu-open .main-menu-container {
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
		opacity: 1;
		z-index: 10001;
		-ms-transform: translateX(0);
		transform: translateX(0);
		transition: all 0.2s ease-out;
	}
	.main-menu ul {
		text-align: left;
	}
	.main-menu ul:after {
		display: none;
	}
	.main-menu ul > li {
		display: block;
		margin-bottom: 10px;
	}
	.main-menu li {
		padding: 0;
	}
	.main-menu li a {
		display: block;
		padding-bottom: 10px;
	}
	.main-menu li a:after {
		display: none;
	}
	.main-menu ul ul {
		display: none;
		position: static;
		width: 100%;
		height: auto;
		opacity: 1;
	}
	.main-menu ul li.active ul {
		display: block;
	}
	.main-menu ul li.current-menu-parent ul {
		display: block;
	}
	.main-menu ul ul li {
		margin-bottom: 0;
	}
	.main-menu ul ul li a {
		padding: 10px 15px;
		text-align: center;
	}
	.main-menu-close {
		position: absolute;
		right: 25px;
		top: 25px;
		float: right;
		display: block;
		width: 20px;
		height: 20px;
    background: url(images/menu-close-white@2x.png) no-repeat center center;
		cursor: pointer;
		z-index: 100;
	}

	.page-title-container {
		padding-bottom: 50px;
	}
	.page-title-container:before {
		opacity: 0.4;
	}
	.page-title {
		height: 150px;
	}

	.home-row-right {
		padding: 30px 50px;
	}

	.content-block {
		margin-bottom: 60px;
	}
}

@media (max-width: 700px) {
	.content {
		padding: 40px 0;
	}
	.home-row, .home-row-left, .home-row-right {
		display: block;
		width: 100%;
	}
	.home-row {
		margin-bottom: 40px;
	}
	.home-row-left-inner {
		position: relative;
		width: 100%;
	}
	.home-row-left-inner:before {
		border-width: 0 0 107px 107px;
	}
	.home-row-right:before {
		border-width: 0 0 107px 107px;
	}
	.home-row-right {
		padding: 30px 35px;
	}

	.content-block {
		margin-bottom: 40px;
	}

	.cb-row:before {
		border-width: 0 0 80px 80px;
	}
	.cb-row:after {
		right: 20px;
		bottom: 18px;
		font-size: 18px; /*1.8em;*/
	}
	.cb-row span {
		height: 80px;
		font-size: 1.6em;
	}

	.contact-block {
		padding: 40px 40px;
	}
	.contact-block-inner {
		width: 90%;
		max-width: 480px;
		margin: 0 auto;
	}
	.contact-row {
		font-size: 1.3em;
	}
}

@media (max-width: 500px) {
	body {
		font-size: 56.25%;
	}

	.header-top {
		padding-bottom: 10px;
	}
	.header-top-left {
		width: 240px;
	}
	.header-logo {
		padding-top: 10px;
		padding-right: 15px;
		padding-bottom: 3px;
		width: 75px;
	}
	.header-site-title {
		padding-top: 10px;
		padding-left: 15px;
		font-size: 1.8em;
	}
	.main-menu-button {
		right: 25px;
		top: 39px;
	}

	.page-title-container {
		padding-bottom: 30px;
	}
	.page-title {
		height: 100px;
	}
	.page-title-inner {
		font-size: 2.2em;
	}
	.cb-title {
		font-size: 2.2em;
		padding-bottom: 25px;
		margin-bottom: 5px;
	}
	.cb-text {
		margin-top: 25px;
	}

	.home-grid {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.contact-block {
		padding: 20px;
	}
	.contact-block-inner {
		padding: 30px;
	}
	.contact-row {
		padding: 6px 0 6px 40px;
		margin-bottom: 30px;
	}
	.contact-row:before {
		width: 23px;
		height: 28px;
	}
}

@media (max-width: 400px) {
	.header-top {
		padding-bottom: 15px;
	}
	.header-top-left {
		width: 210px;
	}
	.header-logo {
		padding-top: 15px;
		padding-right: 10px;
		width: 65px;
	}
	.header-site-title {
		padding-top: 15px;
		padding-left: 10px;
		font-size: 1.6em;
	}
	.main-menu-button {
		right: 18px;
		top: 41px;
	}
}