/*
Theme Name: RUTH
Theme URI: http://avni.online
Author: avni.online
Author URI: http://avni.online
Description: RUTH
Version: 1.0
License: Private
Text Domain: ruth
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family:'Assistant';
	overflow:hidden;
}
ol, ul {
	/* list-style: circle; */
	/* line-height: 1.5 !important; */
	/* padding-right: 15px !important; */
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, body
{
	/* font-family: 'Assistant','Arial'; */
	/* padding: 0px !important; */
}
body h1, body h2, body h3, body h4, body h5, body h6
{
	font-family: 'Assistant','Arial';
	color: #081c3a;
	letter-spacing: 1px;
}

.content a {
    color: #000000;
    font-weight: 500;
}
img {
    max-width: 100%;
    height: auto;
}

body a:hover {
    text-decoration: none;
    color: inherit;
}
/** header **/


header {
	
}
b {
    font-weight: 700;
}
body.is-sticky #masthead {
    /* position: fixed; */
    /* top: 0; */
    /* right: 0px; */
    /* height: 70px; */
    /* width: 100%; */
    /* max-width: 100%; */
    /* background: #010A18; */
}


a.logo {
    position: relative;
    max-width: 160px;
    max-height: 160px;
    /* display: none; */
    width: 100%;
    height: 100%;
    display: block;
    /* margin-right: 15px; */
    transition: 0.4s all ease;
    margin: auto 0px auto auto;
    /* float: right; */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /* filter: drop-shadow(0px 0px 20px white) drop-shadow(0px 3px 3px white) drop-shadow(0px 2px 2px white); */
}

nav.site-menu ul.menu {
    display: flex;
    list-style: none;
    /* width: 100%; */
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
div#hp-top ul {
    list-style: none !important;
    padding: 0px !important;
}
a:hover { opacity:0.8;text-decoration:none; }
nav.site-menu ul.menu a {
    font-weight: 500;
    color: #fff;
    /* margin-left: 70px; */
    font-size: 16px;
    width: auto;
    display: table;
    padding: 0px 8px;
    /* transition: 0.4s all ease; */
    position: relative;
    font-family: Assistant;
}
nav.site-menu {
    /* line-height: 1; */
    position: relative;
    /* top: 7px; */
    /* line-height: 70px; */
    width: 100%;
    margin: auto;
    margin-right: 0px;
    display: table;
    /* transition: 0.4s all ease; */
}
ul.menu {
    margin-bottom: 0px;
}


header#masthead {
    background: #0D111A;
    z-index: 11;
    position: relative;
    /* height: 100px; */
    /* border-bottom: 1px solid #ddd; */
    line-height: 79px;
    padding: 0px 0px;
    transition: 0.4s all ease;
}
div#hp-top:before {content: '';position: absolute;width: 100%;height: 100%;left: 0;z-index: 3;top: 0;background: -moz-linear-gradient(top, rgba(229,229,229,0) 0%, rgba(105,110,119,0) 45%, rgba(1,10,26,0.93) 83%, rgba(1,10,26,1) 86%, rgba(1,10,26,1) 100%);background: -webkit-linear-gradient(top, rgba(229,229,229,0) 0%,rgba(105,110,119,0) 45%,rgba(1,10,26,0.93) 83%,rgba(1,10,26,1) 86%,#010a1a 100%);background: linear-gradient(to bottom, rgba(229,229,229,0) 0%,rgba(105,110,119,0) 45%,rgba(1,10,26,0.93) 83%,rgba(1,10,26,1) 86%,rgba(1,10,26,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#010a1a',GradientType=0 );}

.bg>.container.inner:before {
    content: '';
    top: -17%;
    height: 150%;
    right: 5%;
    position: absolute;
    border: 7px solid #7A6332;
    width: 25%;
}
.mobile_toggler {
    display: none;
}
div#cf-sticky-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 2;
    padding: 6px;
}
.mobileonly { display:none; }
nav.site-menu ul.menu>li>a:after {
    content: '';
    position: absolute;
    top: 0px;
    width: calc(100% - 0px);
    height: 30px;
    /* background: #4299d2; */
    border: 1px solid #d4af37;
    right: 0px;
    transition: 0.7s all ease;
    /* max-width: 0px; */
    left: 0;
    bottom: 0;
    margin: auto;
    /* max-height: 0px; */
    opacity: 0;
    transform: rotateZ(-5deg);
}
body:not(.is-sticky) #menu-top ul.sub-menu {
    top: 130px !important;
}
nav.site-menu ul.menu>li>a:hover:after {
    max-width: 100%;
    /* background: #ffffff; */
    max-height: 30px;
    opacity: 1;
    transform: none;
    /* border-radius: 3px; */
}

nav.site-menu ul.menu a:hover {
    opacity: 1;
    color: #f5f5f5;
}
a.top-phone {
    direction: ltr;
    display: inline-block;
    font-size: 16px;
    /* line-height: 79px; */
    /* float: left; */
    padding: 0px 0px;
    color: #4299d2;
    /* margin-right: auto; */
    font-family: 'Assistant';
}
#menu-top .wpml-ls-item .sub-menu {
    width: 50px;
}
#menu-top ul.sub-menu:before {
    content: '';
    border: 10px solid transparent;
    position: absolute;
    bottom: calc(100% - -1px);
    right: 18px;
    border-bottom-color: #ffffff;
    z-index: 1;
}
#menu-top ul.sub-menu:after {
     content: '';
     border: 10px solid transparent;
     position: absolute;
     bottom: calc(100% - -2px);
     right: 18px;
     border-bottom-color: #d4af37;
}
.top-phone>i {
    border-radius: 50%;
    margin: auto;
    text-align: center;
    box-sizing: border-box;
    font-size: 16px;
    /* top: -1px; */
    color: #d4af37;
    position: relative;
    /* background: #d4af37; */
    width: 16px;
    height: 28px;
    line-height: 28px;
}

.header-phone {
    padding-left: 30px;
}
.h-search.my-auto form:hover input, .h-search.actived form input {
    max-width: 100px !important;
    box-shadow: 0px 1px 0px 0px #c0c3c8;
}

.header-search form {
    display: flex;
    height: 40px;
    line-height: 40px;
    margin: auto;
    /* margin-top: 14px; */
    width: 100%;
    border: 1px solid #51a0d4;
    max-width: 200px;
    margin-right: auto;
    margin-left: 0px;
}

.header-search form input {
    background: rgba(0,0,0,0.3);
    color: black;
    color: white;
    padding: 0px 10px;
    font-size: 14px;
    width: calc(100% - 40px);
    outline: 0px;
    border: 0px;
    /* margin-top: 20px; */
}

.header-search button {
    width: 40px;
    height: 38px;
    border: 0px;
    line-height: 38px;
    background: rgba(0,0,0,0.3);
    outline: 0px;
    color: #b7b7b7;
}

.header-search form input::placeholder {
    color: #c5c5c5;
}
nav.site-menu ul.menu .sub-menu a {
    font-weight: 400;
    letter-spacing: 0px;
    width: 100%;
    font-size: 16px;
    transition: 0.4s all ease;
    color: #030403;
    padding: 0px 15px;
    border-bottom: 1px ridge rgb(250, 249, 245);
}

#menu-top ul.sub-menu li:hover {
    /* background: #4299d2; */
}

#menu-top ul.sub-menu li {
    transition: 0.4s all ease;
    width: 100%;
    display: block;
    position: relative;
    z-index: 3;
}

header#masthead-top {
    background: rgba(255, 255, 255, 0);
    line-height: 200px;
    height: 200px;
    transition: 0.4s all ease;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 22;
    padding: 0px 5%;
}

/** content **/

div#content {
    /* background: white; */
    padding: 45px 0px;
    /* line-height: 1; */
}

/** footer **/

footer {
    background: #e8e8e8;
}

footer>.container {
    /* width: 1620px; */
    /* max-width: 100%; */
}

footer {
    padding: 60px 0px 60px;
    background: #0a0b0a;
    /* background-size: 50% auto; */
    /* background-repeat: no-repeat; */
    /* background-position: 100% 160%; */
    /* background-attachment: fixed; */
    box-shadow: 0px -3px 0px 0px rgb(174, 154, 100);
    z-index: 2;
    position: relative;
}
ul.menu {
    list-style: none;
}
div#hp-1 {
    padding: 140px 0px 40px;
}

body.home {
    background: #0a0b0a;
}
body.is-sticky header#masthead {
    height: 50px;
    line-height: 50px;
    top: 60px;
    z-index: 7;
    position: fixed;
    right: 0;
    width: 100%;
    border: 0px;
}

body.is-sticky header#masthead-top {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 33;
    width: 100%;
    line-height: 70px;
    height: 70px;
    background: white;
    box-shadow: 0px 0px 1px 0px #a99661, 0px 0px 10px -6px rgba(0,0,0,0.5);
}
body.is-sticky a.logo {
    max-height: 60px;
    max-width: 60px;
    /* filter: none; */
}

body.is-sticky nav.site-menu ul.menu>li>a {
    color: #1a1c1c;
}

body.is-sticky {
    /* padding-top: 150px !important; */
    transition: 0.4s all ease;
}
h3.type-1 {
    font-size: 36px;
    color: #D6D6D6;
    line-height: 1.25;
    text-align: right;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Assistant'!important;
    margin-bottom: 30px;
}

footer h3, div.footer-h3 {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1;
}
footer .footer-menu a
{
	line-height: 1.8;
	color: #ffffff;
	font-size: 16px;
	display:block;
	margin-bottom: 5px;
	font-weight: 500;
}
.prefooter {
    /* height: 50px; */
    background: white;
    display: block;
    padding: 63px 0px 30px;
    display: none;
}

.prefooter-sep {
    width: 1620px;
    margin: 0px auto;
    height: 2px;
    background: black;
    display: block;
    max-width: 100%;
}

.post-grid article {
    width: 350px;
    max-width: 100%;
    margin-bottom: 90px;
    line-height: 1.3;
}

.post-grid .wp-post-image {
    /* margin-bottom: 20px; */
    /* border: 1px solid black; */
    width: 100%;
}

a.postgrid-title, div.postgrid-title {
    font-weight: 700;
    color: #333;
    font-size: 29px;
}

.post-grid {
    padding-top: 20px;
    padding-bottom: 30px;
}

.post-meta {
    color: #e61a40;
    font-weight: 700;
    font-size: 16px;
    margin: 10px 0px 0px;
}
.post-excerpt p {
    margin-bottom: 4px;
    line-height: 1.7;
}

.post-excerpt a {
    color: #000000;
    font-weight: 700;
    text-decoration: underline;
}
.pagination a {
    /* font-size: 24px; */
    /* font-size: 24px; */
    padding: 0px 4px;
    /* margin-left: 10px; */
}

.pagination {
    font-size: 24px;
}

.pagination a.current {
    background: #e61a40;
    display: block;
}

.pagination span.current {
    cursor: default;
    font-weight: 500;
    opacity: 0.5;
}
.content .pagination {
    display: table;
    width: 100%;
    font-size: 16px;
    text-align: center;
    direction: rtl;
}
.pagination span.current, a.page-numbers {
    /* width: 30px; */
    /* display: block; */
    /* text-align: center; */
    /* border-radius: 30px; */
    /* font-size: 24px; */
    /* line-height: 30px; */
    /* font-weight: 700; */
    /* cursor: pointer; */
    color: #000000;
    display: inline-block;
    /* margin-left: 20px; */
    padding: 0px 10px;
    border: 1px solid #161616;
    margin: 0px 5px;
    background: #161616;
    color: white;
}

body.single-post article {
    margin-bottom: 80px;
}
div#top-right {
    display: flex;
}
.related-post-cont {
    display: flex;
    height: 100%;
}
.related-post-cont figure {
    margin: 0px;
    overflow: hidden;
    border: 1px solid black;
    /* transition: 0.3s all ease; */
}

.related-post-cont:hover img {
    transform: scale(1.048);
}
.rp-2 {
    vertical-align: bottom;
}

.rp-1, .rp-2 {
    display: inline-block;
    align-self: flex-end;
}

.rp-2 {
    padding: 0px 15px 0px 0px;
}

.rp-1 {
    max-width: 200px;
}

a.post-related-title {
    font-size: 21px;
    color: #000;
    font-weight: 700;
}

.rp-2 {
    max-width: 275px;
}

.related-posts article {
    width: auto;
}

body .related-post-cont img {
    margin-bottom: 0px;
    transition: 0.3s all ease;
}


/** seo page **/
article.post-container p {
    line-height: 1.5;
}
article.post-container.seo-page figure {
    width: 290px;
    height: 290px;
    border-radius: 7px;
    position: relative;
    max-width: 100%;
    height: 0px;
    padding-top: 100%;
    margin: auto;
}

article.post-container.seo-page figure img {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    display: table;
    max-width: 76%;
}

#page article.seo-page h1 {
    margin-bottom: 15px;
}
body.seo-page div#content {
    padding: 100px 0px;
}
.top-socials {
    display: inline-block;
    /* float: right; */
}

.top-socials>div {
    display: inline-block;
    padding: 0px 5px;
}

.top-socials {
    padding: 0px 5px;
    border-right: 1px solid #e8e8e8;
}
.top-search {
    display: inline-block;
    border-right: 1px solid #e8e8e8;
    padding: 0px 10px;
    border-left: 1px solid #e8e8e8;
}








span.wpcf7-not-valid-tip {
    position: absolute;
    left: 14px;
    top: 19px;
    line-height: 1;
    margin: auto;
    display: table;
    font-size: 11px;
    font-weight: 700;
}

.wpcf7-response-output.wpcf7-validation-errors {
    display: none !important;
}
.post-img img {
    height: 0;
    width: 100%;
    position: absolute;
    object-fit: cover;
    transition: 0.4s all ease;
    object-position: center;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
}
.ficons {
    display: flex;
    flex-direction: row-reverse;
}

.ficons>.ficon {
    padding: 0px 10px;
}

.container {
    max-width: 1200px;
}

footer h3, div.footer-h3 {
    font-weight: 400;
    font-size: 28px;
    color: #d4af37;
    font-weight: 500;
    font-family: 'Assistant';
}

.inner h1 {
    /* font-weight: 700; */
    /* font-size: 48px; */
    /* padding: 15px; */
    /* border-right: 3px solid #e6a30d; */
    /* margin-bottom: 40px; */
}
.archive a.catalog-cat:hover {
    box-shadow: 20px 10px 50px 10px rgba(0,0,0,.08);
    transform: translateY(10px);
}
.banner-inner {
    /* background: url(/wp-content/themes/elilevy/images/hbg.jpg); */
    height: 500px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    background-color: #0a0b0a;
    border-bottom: 3px solid #d4af37;
}
.banner-inner:after {
    content: '';
    background: rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}
.post-img:hover img {
    transform: scale(1.048);
}
a#quotebut {height: 40px;line-height: 40px;display: table;padding: 0px 40px;color: white;margin: 10px auto;float: left;background: #FBE106;color: black;font-weight: 500;border-radius: 4px;font-family: Assistant;}
.header-phone {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.breadcrumbs {
    margin-bottom: 25px;
    padding: 0px !important;
}

.bc a, .bc span {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    color: #9c9c9c;
}
.banner-inner .bc a, .banner-inner .bc span {color: white;}
.bc span.current {
    font-weight: 500;
}
.content>blockquote>p {
    font-size: 20px;
    line-height: 1.8;
}

body p {font-size: 26px;line-height: 1.8;font-family: 'Assistant';color: #2d2d2d;}
body p strong {
    font-weight: 700;
}
.content>blockquote {
    margin-bottom: 40px;
    display: block;
}
a.post-block {
    display: flex;
    margin: auto auto 50px;
    text-decoration: none !important;
    color: black;
    flex-direction: column;
    width: 100%;
    border: 0px solid #d8d8d8;
    box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.2);
}

.post-img {
    width: 100%;
    overflow: hidden;
    padding-top: 50%;
    position: relative;
}

.post-info {
    width: 100%;
    padding: 0px 0px;
    border-bottom: 1px solid #d7d7d7;
    background: white;
}

.post-title {
    line-height: 1.4;
    font-weight: 700;
    font-size: 20px;
    color: #d4af37;
    background: #161616;
    padding: 5px 10px;
}
a.cfacebook {
    display: table;
    margin: 10px 0px;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #2b3f7e;
    color: white;
    border-radius: 0px;
    font-size: 24px;
}

a.cfacebook:hover {
    color: white;
}
body.is-sticky input#s {
    color: black;
}
body .excerpt p {
    font-size: 16px;
    line-height: 1.6;
    margin-top: 10px;
    color: #010c1f;
    font-weight: 400;
    padding: 0px 20px;
    margin: auto;
}
aside#secondary {
    position: sticky;
    top: 80px;
}
.read-more {
    /* box-shadow: 0px -2px 0px 0px #e6a30d; */
    display: table;
    /* width: 200px; */
    text-align: center;
    /* background: #e6a30d; */
    /* border-bottom: 4px solid white; */
    /* color: white; */
    /* border-top: 4px solid white; */
    /* float: left; */
    /* padding: 10px; */
    transition: 0.4s all ease;
}

.read-more:hover {
    /* background: #555556; */
    /* box-shadow: 0px 2px 0px 0px #555556; */
    /* color: white; */
    /* border-bottom: 4px solid white; */
}
.reco-title {
    font-size: 24px;
    text-align: center;
    line-height: 1;
    padding: 24px;
    background: #e8aa0e;
    border-radius: 10px 10px 0px 0px;
    color: white;
}

.posts-list {
    background: #fafafa;
}

.posts-list>a {
    color: black;
    font-size: 14px;
    text-align: center;
    display: block;
    width: 100%;
    padding: 10px 15px;
}
.posts-list:before {
    display: table;
    width: 100%;
    height: 16px;
    border-bottom: 2px solid #e8aa0e;
    content: '';
    margin: auto 20px;
    width: calc(100% - 40px);
}

h4.related-title {
    font-weight: 700;
    font-size: 20px;
    padding: 9px;
    border-bottom: 2px solid #d4af37;
    margin-bottom: 40px;
    text-align: center;
    color: #0a0b0a;
    text-align: right;
}

.inner .container-fluid {
    padding: 0px;
}

.relp-read-more.read-more {
    width: 120px;
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    z-index: 3;
    right: 0;
    bottom: 0;
    font-size: 14px;
    font-weight: 700;
    border: 0px;
    box-shadow: none;
    opacity: 0;
    /* border-bottom: 5px solid red; */
    transition: 0.4s all ease;
}

.relp:hover .relp-read-more.read-more {
    /* opacity: 1; */
    /* background: #010a18; */
}

.relp-read-more.read-more:after {
    content: '';
    width: 100%;
    height: 2px;
    display: table;
    position: absolute;
    top: -4px;
    background: #ffffff;
    right: 0;
}

.relp-img {
    position: relative;
    border-radius: 0px;
    overflow: hidden;
    display: table;
    margin: auto;
    height: 220px;
    border-bottom: 5px solid #d4af37;
}

.relp .relp-img:after {
    background: rgba(0, 0, 0, 0.48);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    opacity: 0;
    content: '';
    transition: 0.4s all ease;
}
a.relp {
    text-decoration: none;
    display: block;
    margin: auto auto 20px;
}
.relp:hover .relp-img:after {
    opacity: 1;
}

.relp-title {
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #0a0b0a;
}
div.testi-block:hover {
    box-shadow: 10px 0px 40px 10px rgba(0,0,0,0.08), inset 0px 76px 0px #e2a10d;
}
.container.related-posts {
    /* margin-top: 50px; */
    /* border-top: 1px solid #ddd; */
    padding-top: 0px;
}

div.testi-block {
    display: table;
    border-top: 8px solid #e4a20d;
    border-radius: 8px 8px 0px 0px;
    box-shadow: 10px 0px 40px 10px rgba(0,0,0,0.08);
    margin-bottom: 30px;
    max-width: 90%;
    margin: auto auto 40px;
    transition: 0.4s all ease;
}

.testi-img {
    text-align: center;
    margin: 20px auto;
    border-radius: 50%;
    width: 80px;
    transition: 0.4s all ease;
    height: 80px;
    overflow: hidden;
    border: 3px solid #e4a20d;
    box-shadow: 10px 0px 40px 10px rgba(0,0,0,0.13);
}
.testi-block:hover .testi-img {
    box-shadow: -10px 0px 40px 10px rgba(0,0,0,0.13);
}
.testi-content p {
    font-weight: 500;
    font-size: 14px;
    color: black;
    line-height: 1.4;
    padding: 0px 30px 10px;
}

.testi-title {
    display: block;
    text-align: center;
    font-weight: 700;
    width: 100%;
    font-size: 18px;
}

.testi-date {
    text-align: center;
    font-size: 13px;
    line-height: 2;
    margin-bottom: 10px;
}

.pagination.col-12 {
    text-align-last: center;
    display: table;
    padding: 30px 0px;
    font-size: 16px;
}

.galimg {
    padding-top: 70%;
    margin-bottom: 30px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    position: relative;
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);
    overflow: hidden;
    /* border-bottom: 20px solid white; */
    z-index: 2;
    cursor: pointer;
    display: block;
}

.galclick {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: white;
    border-radius: 0px 0px 10px 10px;
    text-align: center;
    font-size: 14px;
    z-index: 3;
    line-height: 2;
    transition: 0.4s all ease;
    transform: translateY(30px);
}

.row.gallerow {
    padding-top: 50px;
}

.galimg:hover>.galclick {
    transform: translateY(-2px);
}

.galimg:after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 20px;
    background: white;
}

.galimg:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    transition: 0.4s all ease;
}

.galimg:hover:before {
    opacity: 1;
}
.acf-map {
    min-height: 300px;
    margin-bottom: 0px;
    max-width: 100%;
    margin-top: 0px;
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
    /* margin: 10px; */
}
a.hp-but {display: table;margin: 30px auto 0px;padding: 9px 45px;font-size: 14px;box-shadow: 0px 0px 20px -7px rgba(0, 0, 0, 0.19);color: white;border: #eaeaea 1px solid;color: #ffffff;font-weight: 700;background: #4299d2;transition: 0.4s all ease;border-radius: 5px;}
.testimonial-block {
    width: 90%;
    /* margin: auto; */
    margin: 5%;
    /* background: white; */
    /* text-align: center; */
    transition: 0.4s all ease;
    /* line-height: 2; */
    /* padding: 40px 20px 20px; */
    /* background: rgba(255, 255, 255, 0.46); */
    /* box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2), 0px 0px 20px -7px rgba(0,0,0,0.2); */
    /* margin-bottom: 30px; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.testimonial-text:before, .testimonial-text:after {
    content: '"';
    font-size: 20px;
    font-weight: 100;
    display: none;
}
.testimonial-text {
    font-family: Assistant;
    font-size: 20px;
    line-height: 1.3;
    font-style: italic;
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
    color: #000;
    font-weight: 400;
    letter-spacing: 0.6px;
    font-family: Assistant;
}
#owl-testimonials img.testimonial-logo {
    max-height: 80px;
    max-width: 150px;
    width: auto;
    display: table;
    margin: auto 0px;
}
a.hp-but:hover {
    background: #003d7b;
    color: white;
    /* top: 1px; */
    /* position: relative; */
    box-shadow: 0px 0px 20px -7px rgba(0, 0, 0, 0.69);
}
/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}
body.page-template-template-contact div#content p {
    color: black;
}
body.page-template-template-contact div#content {
    padding-bottom: 90px;
    padding: 80px 0px 0px;
    background: #ffffff;
    background: url(/wp-content/uploads/2019/06/output-onlinejpgtools.jpg);
}
.branch-name a {
    color: inherit;
}
.crow {
    display: flex;
    padding: 0px 5px;
}

.ccol-1, .ccol-2 {
    padding: 5px;
    width: 100%;
}
.ccol-1.date-col:after {
    content: attr(data-label)' | ';
    position: absolute;
    right: 0;
    top: 0;
    margin: auto;
    bottom: 0;
    display: table;
    right: 66px;
}

.ccol-1.date-col {
    position: relative;
}
.cform input, .cform textarea 
{
    font-size: 16px;
    text-align: center;
    border: 2px solid #f2f2f2;
    outline: none !important;
    border-radius: 6px;
    box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.06);
    line-height: 1;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    font-weight: 400;
    max-width: 100%;
    color: black;
    transition: 0.4s all ease;
}

.cform textarea {
    line-height: 1.5;
    height: 130px;
    box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.06);
}

input.wpcf7-submit {
    background: #d4af37;
    color: white;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.7;
    box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.06);
}

.cform input::placeholder, .cform textarea::placeholder {
    color: black;
    transition:0.4s all ease;
}

.cform input:focus, .cform textarea:focus {
    color: #e6a30d;
}

.cform input:focus::placeholder, .cform textarea:focus::placeholder {
    color: #e6a30d;
}



.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

input.wpcf7-submit:focus {
    color: white;
}

.cform {
    margin-bottom: 50px;
}

.contact-p p {
    font-size: 20px;
}


ul.menu>li {
    position: relative;
    padding: 0px 0px;
}

.site-menu>ul.menu>li.active>a {
    color: #ffffff;
    text-decoration: none;
    transition: 0.4s all ease;
}

.site-menu>ul.menu>li.active:before {
    content: '';
    transition: 0.4s all ease;
    z-index: -1;
}
body.home div#content {
    padding: 0px;
}

.site-menu>ul.menu>li:last-of-type:hover:after, .site-menu>ul.menu>li:last-of-type:hover:before {
    //background: #555556;
}

.site-menu>ul.menu>li:last-of-type:hover:before {
    //top: 0px;
    //bottom: -40px;
}
.wpcf7-response-output.wpcf7-mail-sent-ok {bottom: 0;width: 400px;margin: auto;background: #519451;color: white;max-width: 90%;text-align: center;font-weight: 700;line-height: 2;border-radius: 6px;}
div#hp-top {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    height: 48vw;
    max-height: 48vw;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
}
.header-search {
    display: flex;
    /* height: 70px; */
    /* line-height: 70px; */
}
header#masthead {
    /* position: fixed; */
    width: 100%;
    right: 0;
    top: 0;
    line-height: 50px;
    height: 50px;
    width: 100%;
    left: 0;
    margin: auto;
    background-color: #4299d2;
    border-bottom-width: 1px;
    /* border-bottom-color: rgba(125, 125, 125, 0.8); */
    border-bottom-style: solid;
}

div#hp-top:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    display: table;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.7+57,0.7+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 57%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 57%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 57%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
}

#menu-top ul.sub-menu {
    position: absolute;
    width: 240px;
    background: #ffffff;
    line-height: 2.4;
    padding: 0px;
    transition: 0.4s all ease;
    transform: rotateY(40deg);
    opacity: 0;
    z-index: 3;
    max-height: 0px;
    list-style: none;
    /* border-top: 1px solid #d4af37; */
    overflow: hidden;
    top: calc(100% - -2px);
    box-shadow: 0px -1px 0px 0px white, 0px -2px 0px 0px #d4af37;
}

#menu-top ul.sub-menu li:hover a {
    color: white;
    background: #d4af37;
    z-index: 222;
    border-color: #e0e0e0;
}


#menu-top li:hover>ul.sub-menu {
    opacity: 1;
    max-height: 600px;
    display:inherit;
    transform: none;
    overflow: visible;
}

#menu-top ul.menu>li>a:before {
    content: '';
    transition: 0.4s all ease;
    width: calc(100% - 10px);
    position: absolute;
    top: 60px;
    height: 2px;
    background: #7e878c;
    right: 5px;
    max-width: 0px;
}

#menu-top ul.menu>li:hover>a:before {
    max-width: 100%;
}

a.top-phone>span {
    padding-left: 5px;
    text-align: left;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #d4af37;
    display: inline-block;
}
.subtitle {
    font-weight: 700;
    color: white;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: justify;
    font-family: Assistant;
    width: 655px;
    font-weight: 100;
    margin: 40px 0px 0px;
    text-align: right;
    line-height: 1.8;
}


.bg>.container.inner {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: table;
    text-align: center;
    z-index: 8;
    top: 0%;
    bottom: 0;
    padding: 0px 9%;
}

.bg .title {
    font-size: 80px;
    color: #ffffff;
    font-weight: 400;
    text-shadow: 0px 0px 35px rgba(0,0,0,0.9);
    font-size: 50px;
    color: #ffffff;
    line-height: 1.25;
    text-align: right;
    font-family: Assistant;
}

.cf4text {
    font-size: 18px;
    font-weight: 600;
    color: #5f5c5a;
    text-align: center;
    padding: 0px 0px 20px;
    color: black;
    font-size: 26px;
    color: #ffffff;
    line-height: 1.25;
    text-align: center;
    /* display: none; */
    font-family: Assistant;
}

.ccol-4 input {
    border: 1px solid #eceaea;
    text-align: center;
    border-radius: 6px;
    width: 100%;
    outline: none;
    font-size: 18px;
    transition: 0.4s all ease;
    color: #5f5c5a;
    padding: 7px 0px;
    line-height: 1.5;
    box-sizing: border-box;
}

.crow4 {
    display: flex;
    flex-direction: row;
}

.ccol-4 {
    width: 23%;
    margin: 0px 1%;
}

.footer-form {
    background: #d4af37;
    position: relative;
}

.ccol-4 input.wpcf7-submit {
    cursor: pointer;
    font-weight: 400;
    color: white;
    border: 0px;
    line-height: 1.5;
    padding: 8px 0px;
}

input.wpcf7-submit {
    /* opacity: 0.8; */
}

.ccol-4 input:focus::placeholder {
    color: #e9b33b;
}

.ccol-4 input::placeholder {
    color: #5f5c5a;
    transition: 0.4s all ease;
}
.footer-form {
    padding: 30px 0px 30px;
}

body.home div#hp-prods {/* padding: 40px 0px; */text-align: center;background: #f9f9f9;padding-top: 80px;padding-bottom: 80px;}

#hp-info h2, #hp-prods h2, #hp-testi h2 {
    margin-bottom: 60px;
    font-weight: 400;
    color: #5f5c5a;
    font-size: 40px;
    text-align: center;
}
div#hp-info {
    padding-top: 80px;
    padding-bottom: 100px;
}
a.catalog-cat {
    display: block;
    width: 100%;
    min-height: 300px;
    margin: auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */
    text-align: center;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    transition: 0.4s all ease;
    margin: auto auto 30px;
    width: 90%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.cc-name {
    position: absolute;
    bottom: 0;
    right: 0;
    transition: 0.4s all ease;
    width: 100%;
    font-size: 20px;
    background: white;
    line-height: 2.3;
    color: #5f5c5a;
    border-top: 6px solid #e9ad08;
}

.cc-img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 100%;
    transition: 0.4s all ease;
    height: 100%;
    border-top: 10px solid transparent;
}

.cc-img>img {
    position: absolute;
    left: 0;
    top: -50px;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 3;
    display: block;
    transition: 0.4s all ease;
}

img.cc-img2 {
    opacity: 0;
}

img.cc-img1 {
    opacity: 1;
}

a.catalog-cat:hover .cc-img1 {
    opacity: 0;
}

a.catalog-cat:hover .cc-img2 {
    opacity: 1;
}

a.catalog-cat:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ffffff+100 */
    background: rgb(237,237,237); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    box-shadow: 0px 0px 50px 10px rgba(0,0,0,.08);
}

a.catalog-cat:hover .cc-name {
    background: #e9ad08;
    color: white;
}

a.catalog-cat:hover .cc-img {
    border-top: 10px solid #e9ad08;
}

iframe.hpvid {
    max-width: 100%;
    max-height: 304px;
    border: 10px solid white;
    box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.12);
}

.hpinfo p {
    font-size: 16px;
    color: #5f5c5a;
}

.ptitle {
    font-size: 50px;
    color: white;
    font-weight: 800;
}

.ptext {
    padding: 20px 0px;
    font-size: 24px;
    color: white;
}

a.plink {
    background: #e6a30d;
    color: white;
    text-decoration: none !important;
    padding: 20px 40px;
    display: table;
    margin: 30px auto auto;
    border-radius: 10px;
    border: 3px solid white;
    font-size: 22px;
    line-height: 1;
    transition: 0.4s all ease;
}

a.plink:hover {
    transform: translateY(3px);
    color: white;
}

img.qimg {
    width: 20px;
}

#owl-testi .owl-item img {
    width: auto;
}

.titem {
    flex-direction: row;
    max-width: 1200px;
    margin: 60px auto 90px;
    width: 90%;
    padding: 35px 50px 70px;
    /* box-shadow: 0px 20px 60px 0px rgba(0,0,0,0.2); */
    display: flex;
    box-shadow: 20px 20px 100px 0px rgba(0,0,0,0.12);
    border-radius: 10px;
    background: #f9f9f9;
    position: relative;
}

.titem-name {
    font-size: 30px;
}

.titem-from {
    font-size: 24px;
    line-height: 1.5;
    display: block;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #e6a30d;
}
div#hp-testi {
    padding-top: 70px;
    padding-bottom: 80px;
}

.titem-inner {
    margin: auto;
    width: 100%;
    /* padding: 30px; */
    /* box-shadow: 0px 20px 60px 0px rgba(0,0,0,0.2); */
}

#hp-testi h2 {
    margin-bottom: 0px;
}

.titem-content {
    line-height: 1.8;
    font-size: 18px;
}
.relp-info>div {
    display: none;
    padding: 10px 10px 0px;
    font-family: 'Assistant';
    font-weight: 500;
    font-size: 16px;
}
#owl-testi .owl-dots {
    left: 0;
    right: 0;
    margin: -150px auto 180px;
    top: 0;
    z-index: 3;
    position: relative;
}

#owl-testi .owl-dots .owl-dot.active span {
    outline: none;
    background: #e9ad08;
}

#owl-testi .owl-dots .owl-dot span {
    box-shadow: 0px 0px 0px 2px #e9ad08;
    background: none;
}

#owl-testi .owl-nav {
    position: absolute;
    top: 130px;
    bottom: 0;
    margin: auto;
    display: table;
    width: 100%;
    height: 40px;
}

div#owl-testi {
    position: relative;
}

#owl-testi button.owl-prev {
    float: right;
}

#owl-testi button.owl-next {
    float: left;
}

#owl-testi button.owl-prev, #owl-testi  button.owl-next {
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50px;
    border: 2px solid #000;
    display: table;
    font-size: 40px;
    line-height: 50px;
    outline: none !important;
    transition: 0.4s all ease;
}

#owl-testi button.owl-prev i {
    margin-left: 4px;
    transition: 0.4s all ease;
}
#owl-testi button.owl-next i {
    margin-right: 4px;
    transition: 0.4s all ease;
}

#owl-testi button.owl-prev:hover, #owl-testi button.owl-next:hover {
    background: #e9ad08;
    color:black;
}

#owl-testi .owl-dots .owl-dot:hover span {
    background: #e9ad08;
}

#owl-testi .owl-dots .owl-dot span {
    outline: none !important;
}

#owl-testi .owl-dots .owl-dot {
    outline: none !important;
}

.footer-socials {
    display: flex;
    margin-bottom: 28px;
}
footer p {
    color: #7b7977 !important;
    margin-bottom: 5px;
}
.footer-socials>div {
    padding-left: 15px;
}

.footer-socials a:hover {
    opacity: 0.6;
}

.footer-socials a {
    transition: 0.4s all ease;
}
img.footer-logo {
    height: 200px;
}

.container.footer-cr {
    border-top: 1px solid #c1c1c1;
    padding: 20px 0px 0px;
    line-height: 50px;
    font-size: 14px;
    margin-top: 10px;
}
body.is-sticky header#masthead {
    box-shadow: 0px 2px 6px -3px rgba(0,0,0,0.3);
    box-shadow: 0 2px 3px rgba(0,0,0,0.18);
}
a.top-phone {
    text-decoration: none !important;
    /* transition: 0.4s all ease; */
    margin: auto auto auto 30px;
    display: table;
}

.prod-block {
    min-height: 240px;
    background-size: cover;
    background-position: center center;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin: auto auto 50px;
    box-shadow: 0px 0px 50px 10px rgba(0,0,0,0.1);
}

.prod-buts {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;
    width: 100%;
    display: flex;
    border-radius: 0px 0px 10px 10px;
    transition: 0.4s all ease;
    transform: translateY(100%);
}

.prod-buts>a {
    width: 50%;
    text-align: center;
    line-height: 2.6;
    background: white;
    color: black;
    text-decoration: none !important;
}

.prod-block:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 15px;
    bottom: 0;
    right: 0;
    background: white;
    z-index: 1;
    border-radius: 0px 0px 6px 1px;
}

.prod-block:hover .prod-buts {
    transform: none;
}

.prod-buts>a:first-child {
    background: #e6a30d;
    color: white;
}

.prod-block:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: white;
    content: '';
    display: block;
    opacity: 0;
    transition: 0.4s all ease;
}

.prod-block:hover:before {
    opacity: 0.4;
}
.banner-inner:after {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(35, 35, 35, 0.5);
    content: '';
}
body:not(.home) #content {
    background: #F5F5F5;
}
h2.ser-title {
    color: white;
}
.footer-form input {
    width: 100%;
    max-width: 100%;
    margin: auto;
    border: 1px solid #596877;
    padding: 0px 15px;
    line-height: 40px;
    height: 40px;
    font-family: Assistant;
    background: white;
    direction: rtl !important;
}

.footer-form input.wpcf7-submit {
    background: #0a0b0a;
    border: 1px solid #0a0b0a;
    cursor: pointer;
    color: #ffffff;
    font-size: 20px;
    border-radius: 0px;
    box-shadow: inset 0px -20px 20px 0px rgba(0,0,0,0.2);
}
.ser-ft:hover>.ser-inner {
    /* z-index: 0; */
    position: relative;
    transform: rotateY(0deg);
    transition-delay: 0.2s;
}

.ser-ft:hover>.set-flip {transform: rotateY(90deg);}

.mobileonly.open-mobile-search {
    /* line-height: 30px; */
    /* color: white; */
}
.catbox {
    max-height: 222px;
    overflow: auto;
    max-width: calc(100% - 30px);
    margin: 30px auto auto;
    width: 1250px;
    /* border: 1px solid #ddd; */
    background: #d6d6d6;
    padding: 0px 15px;
    display: block;
    unicode-bidi: bidi-override;
    direction: ltr;
}
.catbox * {
    direction: rtl;
    text-align: right;
}
.banner-title:after {
    content: '';
    display: table;
    margin: 20px AUTO;
    width: 40px;
    height: 3px;
    background: white;
}
.tb-1 {
    width: 150px;
}

.tb-2 {
    width: calc(100% - 200px);
    padding: 25px;
    position: relative;
    /* border: 1px solid #ddd; */
    background: white;
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2), 0px 0px 20px -7px rgba(0,0,0,0.2);
    border-radius: 3px;
}

a.testimonial-name {
    font-weight: 600;
    color: #333333;
    font-size: 18px;
    line-height: 1;
    text-align: left;
    display: table;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    text-align: left;
}

.tb-2:before, .tb-2:after {
    content: '';
    position: absolute;
    right: -20px;
    top: 30px;
    width: 0;
    display: table;
    height: 0;
    border: 10px solid transparent;
}

.tb-2:before {
    border-left: 10px solid white;
    z-index: 3;
}

.tb-2:after {
    right: -21px;
    border-left: 10px solid #bababa;
    z-index: 2;
}
.footer-contact {
    margin-bottom: 28px;
}

div#top-search {
    display: flex;
    margin: auto 0px auto 0px;
    line-height: 30px;
    flex-direction: row-reverse;
    transition: 0.4s all ease;
    justify-content: left;
    line-height: 70px;
}

i#search-toggle {
    color: white;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: auto;
    background: #d4af37;
    width: 30px;
    text-align: center;
    /* border-radius: 3px; */
}


body.search-open form#searchform {
    max-width: 120px;
}

.post-info>h2.post-title {
    color: white;
    font-size: 18px;
    font-weight: 400 !important;
}

.excerpt {
    min-height: 90px;
}


@media (max-width:1210px)
{
    a.top-phone span {
        /* font-size: 14px; */
        /* padding: 0px; */
        display: none;
    }
    div#top-mid {
        max-width: 0px;
        padding: 0px;
    }

    div#top-right, div#top-left {
        max-width: 50%;
        flex: 0 0 50%;
    }

    a#logo {
        margin-left: 0px;
    }
}

@media (max-width:1510px)
{
    nav.site-menu ul.menu a {
        font-size: 17px;
        padding: 0px 5px;
        font-weight: 400;
    }
    
    .top-phone>i {
        /* width: 40px; */
        /* height: 40px; */
        /* line-height: 40px; */
    }

    .carti {
        width: 40px;
        height: 40px;
    }

    .top-search {
        font-size: 14px;
    }
}

@media (max-width:1366px)
{


}

@media (max-width:1100px)
{

    nav.site-menu ul.menu a {
        font-size: 18px;
        padding: 0px 15px;
        width: 100%;
        border-bottom: 1px ridge rgb(210, 210, 210);
        text-align: right;
        color: black;
    }


    nav.site-menu {
        position: fixed;
        right: 0px;
        left: auto;
        display: inline-block;
        z-index: 999999;
        margin: auto;
        background: #ffffff;
        width: 280px;
        /* height: calc(100% - 100px); */
        transition: 0.4s all cubic-bezier(0, 0.26, 0.25, 1);
        transform: translateX(100%);
        top: 70px;
        max-height: calc(100% - 0px);
    }

    ul.menu>li {
        width: 100%;
        line-height: 2;
    }
    body:not(.is-sticky) #menu-top ul.sub-menu {
        top: 0px !important;
    }
	body.mobile-menu-open nav.site-menu li:nth-child(1) a {transition-delay: 0.15s;/* border-bottom: 1px solid  #333; */}
	body.mobile-menu-open nav.site-menu li:nth-child(2) a {transition-delay: 0.3s;}
	body.mobile-menu-open nav.site-menu li:nth-child(3) a {transition-delay: 0.45s;}
	body.mobile-menu-open nav.site-menu li:nth-child(4) a {transition-delay: 0.6s;}
	body.mobile-menu-open nav.site-menu li:nth-child(5) a {transition-delay: 0.75s;}
	body.mobile-menu-open nav.site-menu li:nth-child(6) a {transition-delay: 0.9s;}
	body.mobile-menu-open nav.site-menu li:nth-child(7) a {transition-delay: 1.15s;}
	body.mobile-menu-open nav.site-menu li:nth-child(8) a {transition-delay: 1.3s;}
	body.mobile-menu-open nav.site-menu li:nth-child(9) a {transition-delay: 1.45s;}
	body.mobile-menu-open nav.site-menu li:nth-child(10) a {transition-delay: 1.6s;}
	body.mobile-menu-open nav.site-menu li:nth-child(11) a {transition-delay: 1.75s;}

  .site-menu>ul.menu>li.active:before {
      display: none;
    }

    .site-menu>ul.menu>li.active:after {
        display: none;
    }

    .site-menu>ul.menu>li.active>a {
        /* background: #e6a30d; */
    }

    body.mobile-menu-open nav.site-menu {
        transform: none;
        padding: 0px;
        overflow: auto;
    }

    body.mobile-menu-open span.hm1 {
        transform: rotate(405deg) translateY(4px) translateX(4px);
    }

    body.mobile-menu-open span.hm2 {
        transform: rotate(-405deg) translateY(-1px) translateX(1px);
    }

    body.mobile-menu-open span.hm3 {
        transform: rotateY(830deg) translateY(-5px) translateX(0px);
        opacity: 0;
    }
    div#hp-testi {padding-top: 40px;padding-bottom: 10px;}

    #owl-testi button.owl-prev, #owl-testi button.owl-next {
        height: 30px;
        width: 30px;
        line-height: 27px;
        font-size: 20px;
    }

    .mobile_toggler {
        display: block;
        width: 50px;
        padding: 8px;
        height: 40px;
        /* background: #e6a30d; */
        border-radius: 20px;
        margin: 13px auto auto;
        float: right;
    }
    

    .mobile_toggler>span {
        width: 100%;
        margin: 4px auto;
        height: 4px;
        background: #d4af37;
        display: table;
        transition: 0.4s all ease;
    }
}


@media (max-width:980px)
{
    iframe.hpvid {
        margin: auto;
        display: block;
        width: 100%;
        max-height: inherit;
        height: 390px;
    }

    .cc-img>img {
        max-width: 70%;
    }
}





@media (max-width: 767px)
{
    div#cf-sticky {
        top: auto !important;
        bottom: 75px !important;
    }

	.mobileonly {display:inherit;line-height: 30px;color: white;}
	article.post-container.seo-page figure {
		width: 200px;
		height: 200px;
		padding: 0px;
		margin-bottom: 30px;
	}
    .top-search {
        margin: 0px;
        margin-right: auto;
    }

    .header-menu {
        /* display: none; */
        width: 0px !important;
        padding: 0px !important;
    }
    .titem {
        box-shadow: 10px 10px 40px 0px rgba(0,0,0,0.2);
        padding: 15px 25px 90px;
        margin-bottom: 70px;
    }

    header {
        /* height: 60px; */
    }

    a.logo {
        /* max-width: 134px; */
        /* height: 70px; */
        /* background-size: contain !important; */
        /* background-repeat: no-repeat; */
        /* background-position: center !important; */
        /* padding: 0px; */
        /* margin: 5px auto !important; */
        /* top: 0px; */
        /* width: 100%; */
        /* position: absolute; */
        /* display: table; */
        /* min-width: 100px; */
        /* left: 0; */
        /* bottom: 0px; */
        /* right: 0; */
        /* float: none; */
        width: 100px;
        height: 100px;
    }


    .mobile_toggler {
        /* width: 30px; */
        /* height: 22px; */
        /* top: 17px; */
        /* float: right; */
        position: fixed;
        left: 15px;
        top: 13px;
        margin: auto;
        z-index: 22;
    }

    span.hm1 {
        top: 0px;
    }

    span.hm2, span.hm4 {top: 50%;}

    span.hm3 {
        top: 100%;
    }


    footer ul.menu li {
        padding: 5px 0px;
    }

    footer .footer-menu a {
        margin-bottom: 5px;
        font-size: 14px;
    }

	.pagination {
		text-align-last: center;
	}
	.footer-form>.container {
        width: 100%;
        max-width: 100%;
    }

    .footer-form {
        padding: 30px 0px 20px;
    }
    

    header#masthead {
        line-height: 60px;
        /* padding-top: 40px; */
        /* top: 60px !important; */
        height: 60px;
        position: relative !important;
    }

    .top-cart {
        line-height: 70px;
        height: 70px;
        width: 51px;
    }

    a.top-phone {
        /* line-height: 70px; */
        /* height: 70px; */
        /* padding: 0px; */
        /* margin: 0px; */
    }

    a.top-phone span {
        display: none;
        /* display: inline-block; */
        font-size: 16px;
        color: white;
    }

    header#masthead>div>.row>div {
        width: inherit;
        position: static;
        text-align: center;
    }

    header#masthead>div>.row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .header-phone {
        margin-right: auto;
        position: static;
    }

    .logo-alt {
        max-width: 70%;
        margin: auto;
    }


    .container.footer-cr>.row>div {
        width: 100%;
        padding: 0px;
    }

    .container.footer-cr {
        padding: 15px 35px;
        margin: auto;
    }

    footer>.container>.row>div {
        width: 100%;
        text-align: right;
        padding: 0px 30px 30px;
    }

    .top-socials {
        display: none;
    }

    .carti {
        /* margin: auto 0px; */
        left: 0;
        right: auto;
    }

    nav.site-menu {
        /* top: 111px; */
    }

    div#hp-top {
        height: calc(100vh - 70px);
        max-height: 150vw;
    }

    .bg .title {
        font-size: 34px;
        line-height: 1;
    }

    .bg>.container.inner {
        max-width: 90%;
        padding: 0px;
    }

    .subtitle {
        font-size: 15px;
        width: auto;
    }

    .carti {
        width: 30px;
        height: 30px;
    }

    .top-phone>i {
        /* height: 30px; */
        padding: 0px 0px;
        /* font-size: 30px; */
        /* line-height: 30px; */
        /* width: 100%; */
        /* box-sizing: border-box; */
        /* background: transparent; */
        border-radius: 0px;
        /* margin: auto; */
        box-shadow: none;
        font-size: 20px;
        /* top: 0px; */
        color: #ffffff;
    }

    a.top-phone {
        /* position: fixed; */
        /* left: 10px; */
        /* height: auto; */
        line-height: 1;
        bottom: 0;
        right: 10px;
        /* padding: 0px; */
        width: 30px;
        height: 30px;
        /* background-color: #003d7b; */
        /* border-bottom-width: 1px; */
        /* border-bottom-color: rgba(125, 125, 125, 0.8); */
        /* border-bottom-style: solid; */
        margin-left: 20px;
    }

    a.top-phone i {
        background: #d4af37;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 21px;
        /* box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.4); */
        margin: auto;
    }

    div#hp-prods>.row>.col-ld-4 {
        width: 50% !important;
    }

    body.home div#hp-prods {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    div#hp-info {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    #hp-info h2, #hp-prods h2, #hp-testi h2 {
        margin-bottom: 30px;
    }

    iframe.hpvid {
        height: calc(63vw - 40px);
    }

    div#hp-prlx {padding-top: 27vw;}

    #owl-testi .owl-item img {
        width: 70px;
        position: absolute;
        left: 30px;
        top: 20px;
    }


    .titem-name {
        font-size: 24px;
    }

    .titem-from {
        font-size: 16px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .titem-content {
        font-size: 16px;
    }

    #owl-testi .owl-dots {
        margin: -130px auto 90px;
    }

    footer h3, div.footer-h3 {
        font-size: 20px;
        margin: 10px auto 20px;
        padding-bottom: 0px;
    }

    .container.footer-cr>.row>div {
        width: 50%;
		    line-height: 1.7;

    }
	.inner h1 {
		font-size: 32px;
	}
    footer {
        padding: 0px 0px 0px;
    }
    .prod-block .prod-buts {
        transform: none;
    }
    .cf4text {
        font-size: 24px;
    }
    .ccol-4 {
        width: 100%;
        margin: auto auto 10px;
    }

    .crow4 {
        flex-direction: column;
    }
    .post-info {
        border: 0px;
    }

    a.post-block {
        border-bottom: 1px solid #ddd;
        margin: auto auto 30px;
        padding-bottom: 25px;
    }
    span.ajax-loader {
        position: absolute;
        left: 5px;
        bottom: 5px;
    }

    span.wpcf7-not-valid-tip {
        top: 18px;
    }
    .crow {
        flex-direction: column;
    }

    .ccol-1.date-col:after {
        right: 55px;
        font-size: 12px;
    }

    a#logo {
        margin: 10px 0px;
    }
    .acf-map {
        min-height: 80vw;
        margin-bottom: 20px;
    }
    body.blog .banner-inner { height:80vw }
    body.blog .banner-in { top:0px; }
    .banner-inner {
        height: 60vh;
        background-attachment: unset;
    }

}
nav#skiplinks-ul {display: none;}
div#cf-sticky {position: fixed;right: 100%;top: 0;bottom: 0;text-align: center;line-height: 1;padding-top: 10px;font-weight: 600;font-size: 20px;margin: auto;display: table;width: 260px;background: #d4af37;height: 263px;z-index: 33;transition: 0.4s all ease;/* display: none; */}

div#cf-sticky-toggle {
    position: absolute;
    left: 100%;
    width: 263px;
    text-align: center;
    transform: rotate(-90deg);
    left: 143px;
    top: 117px;
    background: #d4af37;
    color: white;
    line-height: 26px;
    height: 30px;
    cursor: pointer;
    font-weight: 500;
    border-radius: 0px 0px 30px 30px;
    font-family: Assistant;
}

div#cf-sticky.active {
    right: calc(100% - 260px);
}

div#cf-sticky input {
    height: 36px;
    line-height: 36px;
    margin: 15px auto 4px;
    border: 0px;
    width: 100%;
    max-width: 100%;
    padding: 0px 10px;
    font-size: 14px;
    font-family: Assistant;
    border: 1px solid #8c8c8c;
    direction: rtl !important;
}

#cf-sticky input.wpcf7-form-control.wpcf7-submit {
    background: #000000;
    /* line-height: 30px; */
    cursor: pointer;
    opacity: 1;
    outline: none;
    color: #ffffff;
}

#cf-sticky div.wpcf7 .ajax-loader {
    position: absolute;
}

#cf-sticky span.wpcf7-not-valid-tip {
    top: 27px;
    left: 10px;
}

#cf-sticky .wpcf7-form-control-wrap {
    position: relative;
    display: block;
}

div#cf-sticky label {
    margin: 0px;
}

#cf-sticky input.wpcf7-form-control.wpcf7-submit:hover {
    opacity: 0.8;
}

body .container {
    max-width: 1260px;
}

body .container.big-padding .row>div {
    padding: 0px 30px;
}
.bc {
    text-align: center;
}
.lines {
    display: table;
    width: 50px;
    height: 70px;
    margin: 0px 0px 20px;
    position: relative;
}

.lines>div {
    width: 2px;
    height: 100%;
    background: #7D6533;
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
}

.lines>.line-3 {
    left: 0;
    right: auto;
}

.lines>div.line-2 {
    right: calc(50% - 1px);
    left: auto;
}
body .container>.row.row-sep2 .hp-about-text {
    text-align-last: left;
    padding: 20px 0px;
}
.ser-inner {
    padding: 40px;
    min-height: 460px;
    /* margin: 0px 0px 30px; */
    background: #1C2048;
    height: 100%;
    padding-top: 90px;
    text-align: center;
    display: inline-block;
    transform: rotateY(90deg);
    transition: 0.2s all linear;
}

.ser-ft {
    color: white;
    min-height: 420px;
    margin: 0px 0px 20px;
    position: relative;
    overflow: hidden;
}

.ser-exc {
    font-size: 16px;
    line-height: 1.75;
    font-size: 16px;
    font-family: 'Assistant';
    color: #DCDCDC;
}

a.ser-link {
    font-size: 16px;
    letter-spacing: 1px;
    color: white;
    margin: 20px auto auto;
    display: table;
}

div#hp-2 .col-lg-4 {
    padding: 0px 10px;
}

div#hp-2 {
    padding: 0px 0px 40px;
}
.postt-img {
    height: 500px;
    /* margin-bottom: 30px; */
    display: inline-block;
    width: 100%;
    margin: 30px auto auto;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}
form#searchform {
    display: inline-block;
    margin: auto 0px auto auto;
    line-height: 31px;
    /* height: 20px; */
    transition: 0.4s all ease;
    max-width: 0px;
    overflow: hidden;
    z-index: 33;
    position: relative;
}

div#top-left {
    display: flex;
}
form#searchform>div {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    border: 1px solid #d4af37;
}

label.screen-reader-text {
    display: none;
}
div#cf-sticky-toggle>.fa {
    display: none;
}
input#searchsubmit {
    color: white;
    background: none;
    border: 0px;
    outline: none;
    font-size: 10px;
    font-weight: 700;
    width: 60px;
    background: #003d7b;
    display: none;
}

input#s {
    background: none;
    border: 0px;
    outline: none;
    width: 110px;
    padding: 0px 10px;
    line-height: 28px;
    color: white;
}

.sidebar-module {padding: 0px 0px 30px;border-bottom: 1px solid #014d87;font-weight: 700;margin-bottom: 30px;font-size: 16px;}

.sidebar-module ul {
    margin: 10px 20px 0px;
}

.sidebar-module ul a {
    font-weight: 400;
    color: #000;
    line-height: 1.5;
}
div#hp-3 {
    text-align-last: right;
    position: relative;
    background: url(/wp-content/uploads/2019/02/lou-levit-1940-unsplash-e1547475439802.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding: 40px 0px;
}
h4.related-title:after {
    content: '';
    margin: 10px auto;
    display: table;
    width: 40px;
    height: 3px;
    background: #4299d2;
    display: none;
}

h5.postt-link {
    text-align: right;
    display: block;
    width: 100%;
    color: white;
}

a.postt-link-a {
    color: #e4e4e4;
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: 1px;
    font-family: 'Assistant';
    font-weight: 400;
}

body:not(.home) #content p, body:not(.home) #content ul li {
    color: #5a5a5a;
    font-family: 'Assistant';
    line-height: 1.7;
    font-size: 18px;
    direction: rtl !important;
}

div#hp-3:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to top, rgba(1,12,31,0.74), #010c1f);
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(1,10,26,1) 0%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(top, rgba(1,10,26,1) 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to bottom, rgba(1,10,26,1) 0%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010a1a', endColorstr='#007db9e8',GradientType=0 );
}
div#hp-3:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index:1;
    background: #010a1a;
    opacity: 0.8;
}

div#hp-3>.container {
    z-index: 2;
    position: relative;
}
.set-flip {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: 0.2s all linear;
    background-size: cover;
    color: white;
    padding: 45% 20%;
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    font-family: Assistant;
    /* transition-delay: 0.2s; */
}

.set-flip:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    display: table;
    background: -moz-linear-gradient(-45deg, rgba(174,188,191,0.2) 0%, rgba(110,119,116,0.2) 50%, rgba(10,14,10,0.2) 51%, rgba(10,8,9,0.2) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(174,188,191,0.2) 0%,rgba(110,119,116,0.2) 50%,rgba(10,14,10,0.2) 51%,rgba(10,8,9,0.2) 100%);
    background: linear-gradient(135deg, rgba(174,188,191,0.2) 0%,rgba(110,119,116,0.2) 50%,rgba(10,14,10,0.2) 51%,rgba(10,8,9,0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33aebcbf', endColorstr='#330a0809',GradientType=1 );
    background: -moz-linear-gradient(-45deg, rgba(125,126,125,0.5) 0%, rgba(14,14,14,0.5) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(125,126,125,0.5) 0%,rgba(14,14,14,0.5) 100%);
    background: linear-gradient(135deg, rgba(125,126,125,0.5) 0%,rgba(14,14,14,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#807d7e7d', endColorstr='#800e0e0e',GradientType=1 );
}

.set-flip:hover {
    /* opacity: 0; */
    /* transform: rotateY(180deg); */
    /* z-index: -1; */
}
h2.type-1 {
    font-size: 36px;
    line-height: 1.25;
    letter-spacing: 1px;
    font-weight: 400;
    text-align: center;
    margin: auto;
    display: table;
    width: auto;
    position: relative;
    color: white;
}

h2.type-1:after, h2.type-1:before {
    position: absolute;
    content: '';
    width: 100px;
    height: 2px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    background: #977a3e;
}

h2.type-1:after {
    right: 105%;
}

h2.type-1:before {
    left: 105%;
}

.content ul {
    margin: 0px 20px 10px;
}



.postt-img:after {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

/* Hover state - trigger effect */

.postt-img:hover:after {
  opacity: 1;
  top: -30%;
  left: -30%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}

/* Active state */

.postt-img:active:after {
  opacity: 0;
}
div#hp-4 {
    padding: 150px 0px;
    background: url(/wp-content/uploads/2019/02/history-background-1.jpg);
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

div#hp-4 p {
    color: #efefef;
    font-family: Assistant;
}
div#sabout {
    background: #010c1f;
    padding-top: 30px;
}
div#counterabout {
    padding-top: 100px;
    padding-bottom: 100px;
}

.hpinfo {
    padding-bottom: 40px;
}

.ab-content {
    padding-top: 30px;
}
.ourway-box {
    background: #1c2048;
    color: #e0e0e0;
    text-align: center;
    padding: 20px 10px 35px;
}

div#hp-4:after {
    content: '';
    position: absolute;
    border: 49vw transparent solid;
    border-top-width: 15vw;
    border-bottom-width: 15vw;
    border-bottom-color: #0b0d1b;
    border-right-color: #0c0f1e;
    top: 0%;
    right: 0%;
    z-index: 0;
}

div#hp-4>.container {
    z-index: 3;
    position: relative;
}

#hp-4 h3 {
    font-size: 36px;
    color: #e6e6e6;
    line-height: 1.25;
    letter-spacing: 1px;
    font-weight: 400;
    margin-bottom: 25px;
}


.pull-up-20 {
    margin-top: -80px;
}
h5.avant-title {
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: 1px;
    margin-bottom: 0px;
    color: white;
    padding: 15px 0px;
    cursor: pointer;
}

.avant-text {
    /* height: 120px; */
    display: table;
    color: white;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0px;
    border-bottom: 1px solid #ddd;
    max-height: 0px;
    display: block;
    color: #dedede;
    padding-bottom: 5px;
    overflow: hidden;
    transition: 0.4s all ease;
}

h5.avant-title.open + .avant-text {
    max-height: 200px;
}

div#hp-4:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: block;
    background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(1,10,26,1) 100%);
    background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(1,10,26,1) 100%);
    background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(1,10,26,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#010a1a',GradientType=0 );
}



h5.avant-title:before {
    content: '- ';
}

h5.avant-title.open:before {content: '+ ';}

.hp-form input, .hp-form textarea {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px;
    background: transparent;
    outline: none;
    border: 1px solid rgba(183, 174, 156, 0.32);
    color: white;
}

.wpcf7-form-control-wrap {
    width: 100%;
    display: block;
}

.hp-form label {
    width: 100%;
    color: #e6e6e6;
    font-size: 15px;
    font-weight: 500;
    line-height: 2;
}

div#hp-5 {
    background: url(/wp-content/uploads/2019/02/image_1.jpg);
    background-size: cover;
    background-attachment: fixed;
	background-position:center;
    position:relative;
    padding: 70px 0px;
}

div#hp-5:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: block;
background: -moz-linear-gradient(top, rgba(1,10,26,1) 0%, rgba(125,185,232,0) 100%);
background: -webkit-linear-gradient(top, rgba(1,10,26,1) 0%,rgba(125,185,232,0) 100%);
background: linear-gradient(to bottom, rgba(1,10,26,1) 0%,rgba(125,185,232,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010a1a', endColorstr='#007db9e8',GradientType=0 );
}

div#hp-5>.container {
    position: relative;
    z-index: 4;
}
.relp-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
#hp-5 h3 {
    text-align: center;
    font-size: 36px;
    color: #ffffff;
    line-height: 1.25;
    text-align: center;
    font-weight: 400;
    margin-bottom: 30px;
}

.hp-form .wpcf7-submit {
    background: #7d6533;
    opacity: 1;
    cursor: pointer;
    border: 0px;
    outline: none;
    font-weight: 400;
}


.footer-hour {
    color: #a7a7a7;
    border-bottom: 1px #666 dashed;
    padding: 5px 0px;
}

.footer-hours {
    color: #DCDCDC;
    font-size: 14px;
    margin-top: -5px;
}

footer a {
    color: #444444;
    font-weight: 600;
}

footer ul.menu>li {
    padding: 0px 0px;
}


.footer-hour>span {
    float: left;
}

.footer-socials>div i {
    color: #7d6533;
    margin: 5px;
    font-size: 30px;
}

.banner-in {
    position: absolute;
    top: 30%;
    bottom: 0;
    display: block;
    margin: auto;
    text-align: center;
    width: 75%;
    z-index: 2;
    color: white;
    left: 0;
    right: 0;
    height: 200px;
}

.banner-title {
    font-size: 60px;
    color: white;
    text-align: CENTER;
    font-family: Assistant;
}

body:not(.home) {
    /* padding-top: 80px; */
}

.content.tax-post-box-single {
    position: relative;
    padding-top: 40%;
    margin-bottom: 30px;
    border-bottom: 5px solid #003d7b;
}
div#quotes {
    text-align: center;
    padding-bottom: 70px;
}

div#quotes h2 {
    margin-bottom: 50px;
}

div#quotes p {
    color: #333;
    max-width: 660px;
    margin: 30px auto 20px;
}

#quotes strong {
    display: block;
}
.content.tax-post-box-single img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    /* display: block; */
    z-index: 0;
}

.content.tax-post-box-single a h2 {position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;display: table;color: white;width: 100%;text-align-last: center;line-height: 1;font-size: 36px;line-height: 1.25;letter-spacing: 1px;font-family: 'Assistant';z-index: 4;/* height: 100%; *//* line-height: 100%; */max-width: 90%;text-align: center;}

.content.tax-post-box-single>a:before    {
    content: '';
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.content.tax-post-box-single>a {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    background: transparent;
    margin: auto;
    z-index: 4;
    background-size: cover;
    background-position: center;
    transition: 0.4s all ease;
}
.content.tax-post-box-single>a:after {content: '';width: 100%;position: absolute;left: 0;top: 0;z-index: 2;opacity: 0;transition: 0.4s all ease;height: 100%;display: table;border: 10px solid transparent;box-shadow: inset 0px 0px 0px 2px #f5f5f5;}
.relp-info h4 {
    font-size: 16px;
    margin: 0px;
    padding: 10px 10px 0px;
    color: #010c1f;
}
.content.tax-post-box-single>a:hover:after {
    opacity: 1;
}
.banner-text {
    margin-bottom: 20px;
}
body.page-id-133 #content {
    background: #d6d6d6;
}

body.page-id-133 h1 { color:white;}
body.page-id-133 p {
    color: #d6d6d6;
}
.page-id-133 .hpinfo p {
    color: white !important;
}
body.page-id-133 div#content {
    padding: 0px 0px 0px;
    margin-top: 79px;
}

.cbox i.fa {
    position: absolute;
    right: -11px;
    font-size: 50px;
    top: 4px;
    width: 60px;
    text-align: center;
}

.cbox strong {
    font-size: 40px;
}
.cbox {
    position: relative;
    text-align: center;
    width: 200px;
    margin: 20px auto;
    padding-right: 60px;
}
body.single-post p {
    color: #333;
}
.h-search.my-auto form {
    display: table;
    height: 30px;
    line-height: 30px;
    /* display: none; */
}

.h-search.my-auto form * {
    color: white;
    border: 0px;
    background: transparent;
    outline: none;
}
.h-search.my-auto form input {
    /* display: none; */
    max-width: 0px;
    transition: 0.4s all ease;
}

.h-search.my-auto {
    /* margin: auto; */
    text-align: right;
}
.ser-ft.inactive .ser-inner {
    transform: none;
    position: relative;
    z-index: 2;
}
.cpage input, .cpage textarea {
    max-width: 100%;
    width: 100%;
    margin-bottom: 15px;
}

.cpage input:not(.wpcf7-submit), .cpage textarea {
    border: 1px solid #161616;
    padding: 10px;
    line-height: 25px;
    background: none;
    font-family: 'Assistant';
    max-height: 140px;
    font-family: Assistant;
    background: white;
}

.cpage input.wpcf7-form-control.wpcf7-submit {
    background: #d4af37;
    line-height: 40px;
    border: 0px;
    outline: none;
    font-size: 20px;
    font-weight: 500;
    font-family: Assistant;
    border-radius: 4px;
    cursor: pointer;
}

#acp-toggle-toolbar.toolbar-left {
    top: auto !important;
    bottom: 20px;
}
a.backhome {
    width: 200px;
    height: 50px;
    margin: auto;
    font-weight: 700;
    display: table;
    font-size: 20px;
    line-height: 50px;
    background: #d4af37;
    text-align: center;
    color: white;
    border-radius: 1px;
}
div#hp-slider {
    position: relative;
    z-index: 2;
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3);
    height: 90vh;
}
a.backhome:hover {
    color: white;
}
a#mop {
    position: absolute;
    left: 0;
    bottom: 40px;
    right: 0;
    margin: auto;
    color: #ffffff;
    display: block;
    width: 50px;
    height: 20px;
    border-radius: 30px;
    z-index: 9;
    /* display: none; */
    line-height: 50px;
    font-size: 40px;
    /* opacity: 0.4; */
    text-align: center;
    -moz-animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite;
    animation: bounce 3s infinite;
    filter: drop-shadow(0px 9px 0px #D4AF37);
    transition: 0.4s all ease;
}


@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@media (max-width: 1100px)
{
    header#masthead>div.container-fluid>.row {display: flex;flex-direction: row;}
    .bg>.container.inner:before {
        right: 0%;
        width: 50%;
        top: 0%;
        height: 110%;
    }

    .h-search.my-auto form { display:none; }

    body {
        /* padding-top: 100px !important; */
    }
    body.page-template-template-contact div#content { padding:20px 0px 30px; }
    h2.type-1:after, h2.type-1:before {
        width: 30px;
    }
    body.page-id-133 div#content { margin-top:0px; }
    div#hp-1>.big-padding>.row:nth-child(1) {
        flex-direction: row-reverse;
        flex-wrap: wrap-reverse;
    }
    body.page-template-template-contact div#content form .container {
        padding: 10px 20px 30px;
    }
    div#hp-1 {
        padding: 40px 0px;
    }

    body .container.big-padding .row>div.hp-about-img {
        padding: 0px 30px 30px;
    }

    body .container .row-sep2 .hp-about-text {
		text-align: right;
		text-align-last: right !important;
		padding: 0px 25px !important;
    }
	div#hp-5 {
		background-attachment: unset !important;
		background-size: cover;
		background-position: center;
	}
    h3.type-1 {
        margin: 20px auto;
    }

    .ser-inner {
        min-height: 320px;
        padding: 60px 40px 30px;
    }

    .ser-ft {
        min-height: 320px;
    }

    div#hp-4 .col-lg-2.col-md-3 {
        text-align-last: center;
        background:#1c2048;
        margin: auto 15px 20px;
    }

    div#hp-4 .col-lg-2.col-md-2 img {
        margin: auto;
        display: block;
    }

    .pull-up-20 {
        margin: auto;
    }

    div#hp-4 {
        padding: 100px 0px 40px;
    }

    .footer-socials {
        justify-content: space-around;
        margin: auto;
    }
    .bg>.container.inner:before {
        display: none;
    }
    .postt-img {
        height: 300px;
    }
    .h-search.my-auto {
        top: 13px;
        position: relative;
    }
    
    #menu-top ul.sub-menu {
        position: relative;
        border: 0px;
        background: none;
        padding: 0px 00px;
        line-height: 1.4;
        /* border-right: 1px solid #355d7b; */
        margin-right:20px;
        max-width: calc(100% - 20px);
        display: none;
        box-shadow: none;
        top: 0px;
    }
    #menu-top ul.sub-menu li a {font-size: 16px;padding: 10px;max-width: calc(100% - 0px);color: black;}

    #menu-top ul.sub-menu:after, #menu-top ul.sub-menu:before {
        display: none;
    }
	.h-search.my-auto.active  {
		/* position: fixed; */
		/* width: 100%; */
		/* left: 0; */
		/* top: 50px; */
		/* background: #010c1f; */
		/* z-index: 3; */
		/* padding: 30px; */
		}
    ul#menu-top.nav.menu .menu-item-has-children:after {content: '+';position: absolute;color: white;left: 0px;top: 0px;padding: 8px;display: table;line-height: 1;text-align: center;width: 40px;z-index: 2;}

    ul#menu-top.nav.menu .menu-item-has-children {
        position: relative;
    }
    .h-search.my-auto form:hover button {
        /* position: fixed; */
        /* left: 100px; */
        /* top: 80px; */
        /* z-index: 3; */
    }
    .h-search.my-auto.active form {
        display: table;
        position: fixed;
        top: 100px;
        right: 0px;
        width: 100%;
        background: #010c1f;
        padding: 10px;
    }

    .h-search.my-auto.active form input {
        width: 90%;
        max-width: 90%;
    }

    .h-search.my-auto.active>div>i.fa-search:before {
        content: "\f00d";
    }

    i.fa.fa-search {
        transition: 0.4s all ease;
    }
    .h-search.my-auto.active button {
        position: absolute;
        left: 10px;
    }
	.banner-title {
		font-size: 28px;
	}
}	


.center-abs {
    position: absolute;
    top: 62vh;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    z-index: 3;
    text-align: center;
    width: 100%;
}

h1#home-h1 {
    margin: auto;
    /* background: rgba(0, 0, 0, 0.73); */
    line-height: 2;
    padding: 0px 50px;
    text-shadow: 2px 1px 0px black;
    font-weight: 700;
}

h1#home-h1:after {
    display: none;
}

.slider-item:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    z-index: 22;
}
div#hp-deps {padding: 120px 5% 80px;/* background: red; */background: url(/wp-content/uploads/2019/06/SM7_3299.jpg);background-size: cover;background-attachment: fixed;}

.slider-item {
    display: table;
    width: 100%;
    height: 90vh;
    background-size: cover;
    background-position: center;
    box-shadow: inset 0px 20vw 20vw hsla(0, 0%, 0%, 0.82);
}
a.dep-a {
    font-size: 18px;
    display: block;
    width: 100%;
}

a.dep-a h3 {
    display: table;
    margin: 5px 0px;
    width: 100%;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 5px;
    color: #000000;
    font-weight: 600;
    font-size: 17px;
}

.dep-text {
    font-size: 14px;
    margin-bottom: 10px;
    color: #777;
    font-weight: 500;
}

a.dep-readmore {
    color: #5a5a5a;
    font-weight: 400;
    font-size: 12px;
    display: table;
    width: 100%;
    text-align: left;
}

.dep {
    margin: 20px 10px 20px;
    padding: 15px;
    background: hsl(0, 0%, 100%);
    box-shadow: 0px 0px 0px 0px #d4af37;
    border-radius: 0px;
    border-bottom: 5px solid #0a0b0a;
}

a.dep-readmore:after {
    content: ' >';
}
div#hp-ab {
    padding: 120px 5%;
    background: white;
    box-shadow: inset 0px 160px 200px -130px rgba(174, 154, 100, 0.21);
}
.hp-ab-2 iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.hp-ab-2 {
    padding-top: 56.2%;
    position: relative;
}
h1.title-1 {
    /* border-left: 7px solid #fbe106; */
    color: #d4af37;
    margin-top: 7px;
    font-size: 50px;
    position: relative;
    text-align: center;
    /* padding-left: 10%; */
    font-weight: 400;
    /* font-family: Assistant; */
}
h1.title-1:after {
    content: '';
    margin: 30px auto 50px;
    display: table;
    width: 60px;
    height: 3px;
    background: #d4af37;
}
.hp-ab-1 {
    font-size: 16px;
    line-height: 1.4;
    color: #333;
    font-size: 18px;
    margin-bottom: 10px;
    color: #020303;
    font-weight: 500;
}
div#hp-adv {
    background: white;
    padding: 100px 5% 100px;
    box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.2);
    background: url(/wp-content/uploads/2019/06/output-onlinejpgtools.jpg);
    background-size: cover;
}
.adv {
    padding: 0px 3% 40px;
    position: relative;
    height: 100%;
}
.adv-title {
    display: block;
    text-align: center;
    /* width: 100%; */
    font-size: 50px;
    color: #d4af37;
    margin-bottom: 60px;
    font-weight: 500;
    font-family: Assistant;
}

.adv-text {
    font-size: 20px;
    display: table;
    width: 100%;
}

.adt-text {
    text-align: center;
}

div#adv-row {
    margin: 30px auto auto;
    justify-content: center;
    max-width: 800px;
}

.adt-text {
    font-size: -webkit-xxx-large;
    margin-bottom: 10px;
    font-weight: 500;
    max-width: 900px;
    margin: auto auto 30px;
    font-size: 24px;
    line-height: 1.8;
    font-family: 'Assistant';
    color: #2d2d2d;
    text-align: right;
}

.adv i {
    display: block;
    font-size: 50px;
    text-align: center;
    color: #ffffff;
    width: 80px;
    height: 80px;
    position: relative;
    line-height: 80px;
    background: #d4af37;
    border-radius: 0px;
    box-shadow: inset 40px 0px 40px 0px rgba(0,0,0,0.2);
    margin: auto auto 10px;
    transition: 0.4s all ease;
}

.adv span {
    text-align: center;
    display: table;
    width: 100%;
    margin: auto;
    font-weight: 500;
    line-height: 1.2;
    font-size: 18px;
    color: #0a0a0a;
    font-family: Assistant;
	
}

div#adv-row .col-lg-4:nth-child(2) {
    /* border-left: 2px solid #e8e8e8; */
    /* border-right: 2px solid #e8e8e8; */
}

.adv i:hover {
    /* background: #eeeeee; */
    /* text-shadow: 1px 1px 0px #000000; */
    /* color: #ffffff; */
    /* box-shadow: inset -40px 0px 40px 0px rgba(0,0,0,0.2); */
}

#hp-ab iframe {
    border: 5px solid #d4af37;
    box-shadow: 0px 0px 20px -7px rgba(0,0,0,0.4);
    background: #d4af37;
}

.h2 {
    text-align: center;
    margin: auto auto 40px;
    color: #ffffff;
    font-size: 40px;
    font-family: Assistant;
}
.dep-img img {
    transition: 0.4s all ease;
    /* border: 5px solid red; */
    /* border-bottom: 5px solid #d4af37; */
    z-index: -1;
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: center;
    padding: 0px;
}

.dep-img:hover img {
    transform: scale(1.048);
}

.dep-img {
    overflow: hidden;
    margin: -15px -15px 10px;
    border-bottom: 5px solid #d4af37;
    background: black;
    height: 280px;
}

div#hp-cus {
    padding: 100px 0px;
    box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.2);
}

.adv-title:after {
    content: '';
    display: table;
    width: 70px;
    height: 3px;
    background: #d4af37;
    margin: 10px auto auto;
}

.logo-col {
    text-align: center;
    opacity: 0.6;
    transition: 0.4s all ease;
    display: table;
    line-height: 2;
    padding: 20px;
    background: rgba(255, 255, 255, 0.46);
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2), 0px 0px 20px -7px rgba(0,0,0,0.2);
    width: 100%;
    min-height: 140px;
    display: flex;
    margin-bottom: 30px;
}
.read-more {
    background: white;
    display: table;
    height: 34px;
    line-height: 34px;
    padding: 0px 36px;
    /* border: 1px solid #161616; */
    border-radius: 0px;
    font-size: 14px;
    margin: 10px auto 20px;
    background: #d4af37;
    color: white;
}

.read-more:hover {
    background: #161616;
    color: white;
}
.logo-col:hover {
    opacity: 1;
}
.container.inner.breadcrumbs {
    max-width: 100%;
}
div#adv-logos {
    /* max-width: 1000px; */
    margin: auto;
}

.logo-col img {
    flex: 0;
    margin: auto;
}

.footer-form label {
    width: 100%;
}
div#hp-testimonials {
    padding: 100px 0px;
    background: url(/wp-content/uploads/2019/06/15185.jpg);
    position: relative;
    background-attachment: fixed;
    border-top: 1px solid #ddd;
}

div#hp-testimonials:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(255, 255, 255, 0.88);
    top: 0;
    left: 0;
}

div.footer-h3:after {
    content: '';
    width: 40px;
    height: 3px;
    margin: 10px 0px;
    display: table;
    background: #373737;
}
@media (max-width:767px)
{
    div#row-1 {
        display: flex;
        flex-direction: row;
    }

    div#row-1>div {
        max-width: calc(100% / 3);
        line-height: 70px;
        height: 70px;
        margin: auto;
        display: flex;
    }

    div#row-1>div#top-right {
        /* margin: auto; */
        /* max-width: calc(100% - 100px); */
        /* padding: 0px; */
        /* order: 1; */
    }

    div#top-mid {
        order: 3;
        max-width: 50px !important;
    }

    div#top-left {
        order: 0;
    }

    div#top-right {}

    a#quotebut {
        display: none;
    }

    header#masthead-top {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        z-index: 87;
    }

    nav.site-menu ul.menu:before {
        content: '';
        border: 10px solid transparent;
        border-bottom-color: #014d87;
        position: absolute;
        bottom: 100%;
        right: 0px;
        display: table;
        width: 0px;
        height: 0px;
        z-index: 12;
    }

    body.is-sticky header#masthead {
        position: relative !important;
        top: 0px !important;
    }

    .header-search {
        width: 100% !important;
        flex: 0 0 100%;
        max-width: 100%;
    }
	nav.site-menu ul.menu>li>a:after {display: none;}

    .header-search form {
        width: 100%;
        max-width: 100%;
        margin: 10px auto;
    }

    body.is-sticky {
        padding-top: 0px !important;
    }
    h1.title-1 {
        font-size: 30px;
        /* text-align: right; */
        /* border-right: 4px solid #014d87; */
        border-left: 0px;
        /* padding-right: 10px; */
    }

    div#adv-row>div {
        width: 33%;
        max-width: 33%;
        flex: 0 0 33%;
    }

    div#adv-logos>div {
        width: 50%;
    }
}


.h2:after {
    content: '';
    width: 70px;
    height: 3px;
    background: #d4af37;
    display: table;
    margin: 30px auto;
}

.adv i:after {
    content: '';
    border: 10px solid transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin: auto;
    width: 0px;
    display: block;
    border-top: 10px solid #b6962f;
}

.adv:after {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    z-index: 2;
    background: #d4af37;
    padding: 10px;
    /* border: 1px solid #ddd; */
    font-size: 14px;
    text-align: justify;
    top: calc(100% - 30px);
    color: white;
    border-radius: 0px;
    opacity: 0;
    z-index: -1;
    transition: 0.4s all ease;
    display: none!important;
}

.adv:hover:after {
    opacity: 1;
    z-index: 2;
}
.adv:hover:before {
    opacity: 1;
    z-index: 3;
}

.adv:before {
    content: '';
    width: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: calc(100% - 50px);
    border:10px solid transparent;
    border-bottom: 10px solid #d4af37;
    z-index: 3;
    opacity:0;
    transition: 0.4s all ease;
    display: none;
}
div#hp-deps .row {
    justify-content: center;
}
.product-galcont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 15px auto auto;
    justify-content: space-between;
}

.product-galcont>div {
    margin: 0px;
    flex: 0 0 calc(100% / 3 - 10px);
    cursor: pointer;
}
.product-details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}

.pd-list {
    flex: 0 0 50%;
    text-align: right;
    max-width: 389px;
    /* justify-content: space-between; */
    border: 1px solid #cecece;
    line-height: 2;
    /* padding: 10px; */
    background: white;
    box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.2);
    padding: 5px 15px 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 20px 0px auto;
}

.pd-title {
    font-weight: 600;
    font-size: 20px;
    flex: 0 0 100%;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 5px;
    margin-bottom: 0px;
    color: #d4af37;
}

.pd-label {
    flex: 0 0 50%;
    border-bottom: 1px solid #ddd;
}

.pd-value {
    font-weight: 600;
    flex: 0 0 50%;
    border-bottom: 1px solid #ddd;
}

div#product-gallery {
    margin-bottom: 30px;
}
.get-price {
    max-width: 400px;
    margin: 60px auto auto;
    background: #d4af37;
    text-align: center;
    color: white;
    line-height: 2.5;
    font-size: 22px;
    transition: 0.4s all ease;
    font-weight: 600;
    cursor: pointer;
    font-family: Assistant;
    box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.2);
}

.get-price:hover {
    opacity: 0.8;
}
.co-title {
    font-size: 24px;
    border-bottom: 2px solid #d4af37;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-weight: 600;
    color: #0a0b0a;
}

.content {
    margin-bottom: 25px;
}
body.single-product #content {
    padding-bottom: 0px !important;
}
.container-fluid.gmaps .col-lg-4 {
    padding: 0px;
}

.con-row i.fa {
    font-size: 24px;
    width: 40px;
    color: white;
    height: 40px;
    line-height: 40px;
    background: #d4af37;
    text-align: center;
    margin-left: 10px;
}


.con-row {
    margin-bottom: 20px;
}

.con-row {
    line-height: 40px;
    display: flex;
    border-bottom: 1px solid #d4af37;
}

.con-row, .con-row a {
    color: #333;
}

.branch-item + .branch-item {
    border-right: 1px solid #ddd;
}

.container-fluid.gmaps .col-lg-4 + .col-lg-4 {
    border-right: 2px solid #d4af37;
}

.branch-name {
    background: #0a0b0a;
    text-align: center;
    color: white;
    font-weight: 600;
    line-height: 2.5;
    text-align: right;
    padding: 0px 15px;
}



.container-fluid.gmaps .col-lg-4:nth-child(even) .branch-name {
    background: #0a0b0a;
}


a.page-numbers:hover {
    color: #d4af37;
    opacity: 1;
}

.relp-info {
    padding-bottom: 0px;
    border-bottom: 1px solid #ddd;
}

nav.site-menu ul.menu > li.menu-item-has-children>a:before {
    content: '\f107';
    float: left;
    font-family: fontAwesome;
    margin-right: 5px;
    color: #d4af37;
}

.content p {
    margin-bottom: 20px;
}

.content p strong {
    font-weight: 700;
}

.container.table>.row {
    flex-direction: row;
}

.col-label {
    flex: 0 0 40%;
    font-weight: 600;
}

.col-comments {
    flex: 0 0 40%;
    font-size: 0.9em;
}

.col-ruthenium {
    flex: 0 0 10%;
    text-align: center;
}

.col-banks {
    flex: 0 0 10%;
    text-align: center;
}

.container.table>.row>div {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background: white;
}

.container.table>.row.head-row>div {
    border-bottom: 1px solid #666;
    background: #d4af37;
}

.container.table {
    border: 1px solid #ddd;
}

.greenie {
    text-align: center;
    color: #00c700;
}


.reddie {
    text-align: center;
    color: #c40000;
}

div#share-buttons {
    text-align: center;
}
.container.table>.head-row>div {
    font-weight: 700;
}

.content.ruth-club {
    max-width: 800px;
    margin: auto;
    border: 6px solid #d4af37;
    padding: 5%;
    box-shadow: inset 0px 0px 0px 3px white, inset 0px 0px 0px 6px #d4af37, 0px 0px 30px -10px rgba(0, 0, 0, 0.25);
    background: white;
    text-align: center;
}

.content.ruth-club img {
    vertical-align: middle;
}

body #content .content.ruth-club p {
    font-size: 20px;
    font-weight: 600;
    color: #d4af37;
}


#club-form input:not(.wpcf7-submit), #club-form textarea {
    transition: 0.4s all ease;
    min-height: 30px;
    max-height: 158px;
    line-height: 30px;
    padding: 0px 11px;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    direction: rtl !important;
    border: 1px solid #dddddd;
}

#club-form label {
    width: 100%;
    display: inline-block;
}

#club-form input.wpcf7-submit {
    width: 100%;
    border: 0px;
    margin: 0px;
    line-height: 32px;
    height: 32px;
    outline: none;
    border: 0px;
    cursor: pointer;
}

#club-form textarea {
    margin-bottom: 5px;
}

#club-form .col-lg-6:first-child {
    border-left: 1px solid #ddd;
}

div#club-form {
    padding-top: 10px;
    padding-bottom: 15px;
    box-shadow: 0px 0px 20px -10px rgb(212, 175, 55);
    /* border-radius: 20px; */
    margin-top: 30px;
}

#club-form .col-lg-6 {
    padding-top: 15px;
}


#club-form input:not(.wpcf7-submit):focus, #club-form textarea:focus {
    border: 1px solid #d4af37;
    outline: none;
}

#club-form input:not(.wpcf7-submit):focus::placeholder, #club-form textarea:focus::placeholder {
    color: #d4af37;
}



.product-currimg {
    height: 450px;
}

.product-currimg img {
    max-height: 450px;
    object-fit: cover;
    width: 100%;
}
.branch-address {
    background: #d4af37;
    padding: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 2;
    font-weight: 600;
    font-size: 12px;
}

.branch-item {
    position: relative;
}

a.branch-waze {
    position: absolute;
    left: 10px;
    bottom: 5px;
    z-index: 2;
    width: 40px;
}



.branch-general {
    background: black;
    padding: 10%;
    height: 100%;
}

#branches-page .col-lg-6 {
    margin-bottom: 30px;
}

#branches-page  .con-row a {
    color: white;
}

#branches-page  .branch-general {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}


.branch-waze { display:none; }
.fb-col-1 {
    width: 30px;
    text-align: center;
}

.fb-col-2 {
    /* font-size: 18px; */
}
.noresults {
    text-align: center;
    font-size: 30px;
}
.footer-branches {
    font-size: 18px;
    line-height: 2;
}
body.search .content.tax-post-box-single a h2 {
    font-size: 22px;
}

body.search .content.tax-post-box-single {
    padding-top: 50%;
}
.fb-col-2, .fb-col-2 a {
    color: #f5f5f5;
    font-weight: 400;
    font-size: 16px;
}

.fb-col-1 {
    font-size: 18px;
    margin: auto 0px;
    line-height: 1.5;
    color: #3c3c3c;
}
.footer-socials {
    display: flex;
    justify-content: start;
    margin-bottom: 20px;
}

.footer-socials a {
    margin-left: 20px;
    font-size: 24px;
    color: white;
    border-radius: 6px;
    transition: 0.4s all ease;
    width: 34px;
    text-align: center;
    line-height: 34px;
    height: 34px;
}

.footer-socials a:hover {
    background: #d4af37;
    color: white;
    opacity: 1;
    border-radius: 6px;
}

div#footer-cr {
    padding: 10px 0px;
    background: #0a0b0a;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}
li.button-order a:before {
    content: '';
    background: #d4af37;
    position: absolute;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    bottom: 0;
    height: 30px;
    z-index: -1;
}

li.button-order 
 a {
    color: white !important;
    /* transition: 0.4s all ease; */
}

li.button-order a:hover {
    opacity: 0.8 !important;
}
footer .fb-col-1 {
    color: #d4af37;
    margin-left: 5px;
}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #d4af37;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 0px;
    text-decoration: none;
    transition: all 0.4s ease;
    opacity: 0;
    transform: translateY(100px);
}
#back-to-top:hover {
    background: #0a0b0a;
}
#back-to-top.show {
    opacity: 1;
    transform: none;
}
.row.row-cr {
    justify-content: center;
}

.row.row-cr>div {
    padding: 0px 2px;
}
div#share-buttons a img {
    width: 36px;
    margin-left: 10px;
}

span.left {
    float: left;
}

.next-prev-posts {
    padding-top: 40px;
}

.next-prev-posts a {
    text-decoration: none;
    color: #d4af37;
    font-weight: 700;
}

.content h2, .content h2 span {
    font-weight: 700 !important;
    font-size: 24px;
    color: #3e3e3e;
}

.content h2 {
    margin-bottom: 10px;
}

.content p b {
    font-weight: 700;
}



@media (max-width:767px)
{
	body {
		overflow: auto;
	}

    body p {
        font-size: 18px;
    }

    div#hp-ab {
        padding: 50px 5%;
    }

    .dep-img {
        height: calc(100vw - 140px);
    }

    .footer-form input {
        margin-bottom: 10px;
    }

    .adv-title {
        font-size: 30px;
    }

    div#hp-adv {
        padding: 50px 5%;
    }

    div#adv-row>div {
        width: calc(100%);
        flex: 0 0 100%;
        max-width: 100%;
    }

    .adv {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .adv i {
        flex: 0 0 80px;
    }

    .adv i:after {
        right: 100%;
        top: 0;
        bottom: 0;
        transform: rotate(90deg);
    }

    .adv span {
        padding-right: 20px;
    }
    #menu-top ul.sub-menu li {
        color: white;
        border-bottom: 1px solid #d9d9d9;
        border-top: 1px solid white;
    }
    .adv:before {
        /* right: calc(100% - 50px); */
        /* bottom: 0; */
        /* top: 0; */
    }
    img.footer-logo {
        height: 120px;
        margin: 30px auto auto;
        display: table;
    }
    .container.table>.row {
        flex-wrap: wrap;
    }

    .row.head-row>div {
        margin: auto;
    }

    .container.table>.row.head-row>div {
        padding: 5px;
    }

    .container.table>.row>div {
        padding: 5px;
    }

    .col-comments {
        flex: 0 0 100%;
    }

    .row.head-row>.col-comments {
        display: none;
    }

    .col-label {
        flex: 0 0 50%;
    }

    .col-ruthenium {
        flex: 0 0 25%;
    }

    .col-banks {
        flex: 0 0 25%;
    }

    .col-comments {
        top: -1px;
        position: relative;
        color: #9d7c10;
    }
    #back-to-top {
        right: 20px;
        bottom: 20px;
    }
    .adv:hover:after {
        display: table;
        position: absolute;
    }
    div#hp-slider {height: 100vw;}
    div.footer-h3:after {
        margin: 20px 0px 10px;
    }

    .branch-item {
        max-width: calc(100% - 30px);
        margin: auto auto 40px;
    }
    .branch-waze { display:block; }
    input#s {color: black;background: white;width: 100%;}

    body.is-sticky a.logo {
        max-width: 100%;
        max-height: inherit;
        width: 50px !important;
        height: 50px !important;
        top: 0px !important;
        position: relative;
        /* margin-right: 0px; */
        /* margin-left: auto; */
    }

    .slider-item {
        height: 100vw;
    }
    .dep-img img {
        height: calc(100vw - 140px);
    }
    a#mop {
        filter: drop-shadow(0px 7px 0px #D4AF37);
        bottom: 10px;
        font-size: 30px;
    }
    div#cf-sticky-toggle>.fa {
        display: table !important;
    }
    body.home a.logo {
        width: 80px;
        height: 80px;
        position: absolute;
        top: 11px;
        right: 0px;
        left: 0px;
        margin: auto;
    }
    div#cf-sticky-toggle {
        width: 90px;
        transform: none;
        left: 260px;
        font-size: 0px;
        border-radius: 0px;
        width: 40px;
        height: 40px;
        line-height: 8px;
    }
    div#cf-sticky-toggle>.fa {
        display: none;
    }

    .center-abs {
        top: auto;
        bottom: 20%;
    }

    h1.title-1 {
        font-size: 7vw;
        line-height: 1.4 !important;
    }
	div#cf-sticky-toggle i.fa {
		font-size: 24px;
		text-align: center;
		width: 100%;
	}
	.pd-list {
        flex: 0 0 100%;
    }

    .product-currimg {
        height: auto;
    }

    div#product-gallery {
        margin-bottom: 10px;
    }

    .product-details {
        margin-bottom: 10px;
    }


    ul.menu>li.wpml-ls-item {
        width: 50%;
        text-align: center;
        text-align-last: center;
    }

	button#acp-toggle-toolbar {
		width: 40px;
		height: 40px;
		bottom: 65px !important;
		right: 16px !important;
	}

	#acp-toggle-toolbar img {
		width: 20px;
		height: 20px;
	}
    body.search-open div#top-search {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
        top: 70px;
    }

    body.search-open form#searchform {
        max-width: 100%;
        width: 100%;
    }
	.next-prev-posts .right , .next-prev-posts .left {
		padding:10px 15px;
		display: block;
	}
    i#search-toggle { 
        flex:  0 0 30px;
    }
}
.wp-caption.aligncenter {
    margin: auto;
}
iframe { 
    max-width: 100%;
}
span.wpcf7-spinner {
    position: absolute;
	display:none !important;;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
    display: none !important;
}
body.rtl .cpage input:not(.wpcf7-submit), body.rtl  .cpage textarea {
    direction: rtl;
}


.ruth-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: rgb(255 255 255 / 65%); 
    overflow: auto;
	display:none;
}

.ruth-popup-inner {
    max-width: 700px;
    width: 100%;
    margin: auto;
    background: white;
    border: 7px solid #d4af37;
    padding: 30px;
    font-size: 18px;
    position: relative;
    border-radius: 30px;
    box-shadow: 0px 0px 40px -20px black;
    overflow: auto;
}

.ruth-popup-title {
    text-align: center;
    color: #d4af37;
    font-weight: 700;
    font-size: 26px;
    line-height: 1;
    margin-bottom: 20px;
}

.ruth-popup-text strong {
    font-weight: 700;
}

.ruth-popup-text {
    font-weight: 300;
}

.ruth-popup-close {
    padding: 15px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}


.faq--item > .q {
    font-size: 18px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 0px;
    cursor: pointer;
}

.faqs--list {
    max-width: 800px;
    margin: 40px 0px;
}

.faq--item + .faq--item {border-top: 1px solid #AAA;/* padding-top: 10px; *//* margin-top: 10px; */}

.faq--item  > .a {
    display: none;
    padding-bottom: 10px;
    background: white;
    padding: 15px 20px;
    margin-bottom: 16px;
    border: 1px solid #ddd;
}
 
span.q-p {
    transition: 0.3s all ease;
    flex: 0 0 19px;
    text-align: center;
    line-height: 1;
    margin: auto 0px;
    transform-origin: center;
}
.faq--item .a p {
    font-size: 16px !important;
    /* margin-top: 10px; */
    line-height: 1.5!important;
}

.faq--item .a p + p {
    margin-top: 10px;
}

.q.open .q-p {
    transform: rotate(45deg);
}

span.q-title {
    flex: 1;
}