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

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 {
	line-height: 1;
}
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: 'Rubik','Arial'; */
	/* padding: 0px !important; */
}
body h1, body h2, body h3, body h4, body h5, body h6
{
	font-family: 'Heebo','Arial' !important;
	color: #1b1b1a;
	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 {
	
}

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


a.logo {
    position: relative;
    width: 125px;
    height: 79px;
    /* display: none; */
    display: block;
    margin-right: 15px;
    margin: 4px auto;
    float: right;
    background-repeat: no-repeat;
}

nav.site-menu ul.menu {
    display: flex;
    list-style: none;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}
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: 400;
    color: #cea74e;
    /* margin-left: 70px; */
    font-size: 16px;
    width: auto;
    display: table;
    padding: 0px 10px;
    position: relative;
    font-family: Rubik;
}
nav.site-menu {
    line-height: 1;
    position: relative;
    /* top: 7px; */
    line-height: 79px;
    /* width: 100%; */
    margin: auto;
    display: table;
}
ul.menu {
    margin-bottom: 0px;
}


header#masthead {
    background: #232322;
    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: 1;top: 0;background-image: url(https://www.shirancohen-law.co.il/wp-content/uploads/2020/12/javel.jpg);background-size: cover;background-position: top center;background-attachment: fixed;}

.bg>.container.inner:before {
    content: '';
    top: -17%;
    height: 143%;
    right: 8%;
    position: absolute;
    border: 7px solid #cea74e;
    width: 63%;
    /* transform: rotate(45deg); */
    background: #1b1b1ad6;
}
.mobile_toggler {
    display: none;
}

.mobileonly { display:none; }

a.top-phone {
    direction: ltr;
    display: inline-block;
    font-size: 16px;
    line-height: 79px;
    /* float: left; */
    padding: 0px 20px;
    color: white;
    /* margin-right: auto; */
    font-family: 'Rubik';
}
#menu-top ul.sub-menu:before {
    content: '';
    border: 10px solid transparent;
    position: absolute;
    bottom: calc(100% - 2px);
    right: 18px;
    border-bottom-color: #1b1b1a;
    z-index: 22;
}
#menu-top ul.sub-menu:after {
    content: '';
    border: 10px solid transparent;
    position: absolute;
    bottom: calc(100% - 0px);
    right: 18px;
    border-bottom-color: #cba44d;
}
.top-phone>i {
    /* color: #e29710; */
    border-radius: 50%;
    /* box-shadow: inset 0px 0px 0px 2px #e29710; */
    margin: auto;
    text-align: center;
    box-sizing: border-box;
    font-size: 24px;
    top: 2px;
    position: relative;
}

.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; */
}



/** 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 20px;
    background: #1b1b1a url(/wp-content/uploads/2019/02/map-footer.png);
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: 100% 160%;
    background-attachment: fixed;
}
ul.menu {
    list-style: none;
}
div#hp-1 {
    padding: 140px 0px 40px;
}

body {
    /* background: #e9e9e9; */
    /* background-color: #ebebeb; */
    background-image: url("/wp-content/themes/nks/images/bgg.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}

h3.type-1 {
    font-size: 36px;
    color: #cea74e;
    line-height: 1.25;
    text-align: right;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: 'Heebo'!important;
    margin-bottom: 0px;
}

footer h3, div.footer-h3 {
    font-size: 21px;
    font-weight: 700;
    margin-bottom:30px;
    line-height: 1;
}
footer .footer-menu a
{
	line-height:1;
	color: #cea74e;
	font-size: 16px;
	display:block;
	margin-bottom: 5px;
}
.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;
}
.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; */
}

body.single-post article {
    margin-bottom: 80px;
}

.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: 400px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.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: 18px;
    color: white;
}

.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: 340px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    display: flex;
    padding: 0px 15px;
}
.banner-inner:after {
    content: '';
    background: rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}


.header-phone {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

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

.bc a, .bc span {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    color: #9a9a9a;
}

.bc span.current {
    font-weight: 500;
}
.content>blockquote>p {
    font-size: 20px;
    line-height: 1.8;
}

body p {font-size: 16px;line-height: 1.8;font-family: 'Rubik';color: #1b1b1a;}

.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%;
}

.post-img {
    width: 100%;
}

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

.post-title {
    line-height: 1.4;
    font-weight: 500;
    font-size: 20px;
    color: #010c1f;
    font-family: Rubik;
}

.excerpt p {
    font-size: 16px;
    line-height: 1.6;
    margin-top: 10px;
    color: #010c1f;
    font-weight: 400;
}

.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: 22px;
    padding: 9px;
    /* border-right: 3px solid #e6a30d; */
    margin-bottom: 40px;
    text-align: center;
    color: #010a18;
}

.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;
    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: 400px;
}
.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;
}
.relp:hover .relp-img:after {
    opacity: 1;
}

.relp-title {
    padding: 10px;
    font-size: 16px;
    font-weight: 700;
    color: black;
}
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;
}

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: 400px;
    margin-bottom: 0px;
}

/* 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: 130px 0px 0px;
    background: #E4E4E4;
}

.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: #e6a30d;
    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 5px;
}
span.page-numbers.current {opacity: 0.5;}

.pagination span.current, a.page-numbers {
    padding: 0px 15px;
}
.site-menu>ul.menu>li.active>a {
    color: #ffffff;
    text-decoration: none;
    transition: 0.4s all ease;
}
div.wpcf7-response-output { border:0px; }

.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; */
    display: flex;
    background: #232322;
    background: none !important;
}

header#masthead {
    position: fixed;
    width: 100%;
    right: 0;
    top: 0;
    height: 80px;
    width: 100%;
    left: 0;
    margin: auto;
    background-color: #1b1b1a;
    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: 2;
    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 */
    opacity: 1;
    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 */
    background: rgb(0 0 0 / 32%);
}

#menu-top ul.sub-menu {
    position: absolute;
    width: 260px;
    background: #1b1b1a;
    line-height: 2.4;
    padding: 10px 10px 10px;
    transition: 0.4s all ease;
    opacity: 0;
    max-height: 0px;
    list-style: none;
    border-top: 1px solid #696969;
    overflow: hidden;
    border: 1px solid #cda64e;
}

@media (min-width:992px)
{
	
	#menu-top ul.sub-menu li:hover a {
		color: #ffffff;
	}


	#menu-top li:hover>ul.sub-menu {
		opacity: 1;
		max-height: 600px;
		display:inherit;
		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;
}
.subtitle {
    font-weight: 700;
    color: #e9e9e9;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: justify;
    font-family: Rubik;
    width: 655px;
    font-weight: 100;
    margin: 20px 0px 0px;
    text-align: right;
    line-height: 1.8;
    text-align: justify;
}

div#mainimg {
	position: absolute;
	width: 267px;
	right: 74%;
	top: 22px;
	bottom: 0;
	margin: auto;
	display: block;
	height: 358px;
}

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

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

.cf4text {
    font-size: 18px;
    font-weight: 600;
    color: #5f5c5a;
    text-align: center;
    padding: 0px 0px 20px;
    color: black;
    font-size: 26px;
    color: #cea74e;
    line-height: 1.25;
    text-align: center;
}

.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: #e9e9e9;
}

.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 {
    color: #010a18;
    padding: 10px 10px 0px;
    font-family: 'Heebo';
    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: white !important;
}
.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: 46px;
}

.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 5px 15px rgba(0,0,0,.08);
}
a.top-phone {
    text-decoration: none !important;
    transition: 0.4s all ease;
    margin-right: auto;
}

.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: rgb(27 27 26 / 72%);
    content: '';
}
body:not(.home) #content {
    /* background: #e9e9e9; */
}
h2.ser-title {
    color: white;
}
.footer-form input {
    width: 90%;
    max-width: 90%;
    margin: auto;
    border: 1px solid #8b8b8b;
    padding: 0px 15px;
    line-height: 40px;
    height: 40px;
    direction: rtl !important;
    font-family: Heebo;
    background: transparent;
    outline: none;
    background: white;
}

.footer-form input.wpcf7-submit {
    background: #c19d4a;
    border: 1px solid transparent;
    cursor: pointer;
}
.ser-ft:hover>.ser-inner {
    /* z-index: 0; */
    position: relative;
    transform: rotateY(0deg);
    transition-delay: 0.2s;
}
.hpinfo ul {
    margin: auto 20px;
}

.hpinfo h2 {
    font-weight: 600;
    font-size: 26px;
    color: #c19d4a;
    margin-top: 30px;
}

.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: auto auto 40px;
    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;
}

@media (max-width:1510px)
{
    a.top-phone span {
        font-size: 14px;
        padding: 0px;
    }
    nav.site-menu ul.menu a {
        font-size: 16px;
        padding: 0px 5px;
    }
    
    .top-phone>i {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

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

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

@media (max-width:1366px)
{

    a.top-phone {
        padding: 0px 5px;
    }

}

@media (max-width:1100px)
{

    a.logo {
        /* float: none; */
    }

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

    nav.site-menu ul.menu a {
        font-size: 17px;
        padding: 0px 15px;
        width: 100%;
        border-bottom: 1px solid rgba(111, 111, 111, 0.47);
        text-align: right;
    }

    a.top-phone span {
        font-size: 14px;
    }

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

    ul.menu>li {
        width: 100%;
        line-height: 2;
    }

	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: 10px 0px 10px;
        overflow: auto;
    }

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

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

    body.mobile-menu-open span.hm3 {
        transform: rotateY(100deg) 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: 40px;
        padding: 8px;
        height: 40px;
        /* background: #e6a30d; */
        border-radius: 20px;
        margin: 23px auto auto;
        float: right;
    }
    

    .mobile_toggler>span {
        width: 100%;
        margin: 4px auto;
        height: 2px;
        background: white;
        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%;
    }
}



.content table th, .content table td {
	padding: 5px 11px;
	border-bottom: 1px solid #ddd;
	font-size: 13px;
	min-width: 140px;
	text-align: right;
}

.content table th {
	background: #eee;
}

.content table td {
	background: white;
}

.content table {
	border: 1px solid #DDD;
}


@media (max-width: 767px)
{
	#menu-top ul.sub-menu { max-height:inherit;opacity:1;transition:0s all ease; }
    div#cf-sticky {
        top: auto !important;
        bottom: 75px !important;
    }
	ul#menu-top.nav.menu .menu-item-has-children.open:after {content: '-';}

	.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; */
    }

    .content h2 {
        font-size: 22px;
    }
    a.logo {
        max-width: 134px;
        height: 55px;
        background-size: contain !important;
        background-repeat: no-repeat;
        background-position: center !important;
        padding: 0px;
        margin: auto;
        top: 0px;
        width: 100%;
        position: absolute;
        display: block;
        min-width: 100px;
        left: 0;
        bottom: 0px;
        right: 0;
    }


    .mobile_toggler {
        /* width: 30px; */
        /* height: 22px; */
        /* top: 17px; */
        /* float: right; */
        position: absolute;
        right: 15px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    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: 40px;
        height: 60px;
    }

    .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: 50%;
        padding-bottom: 20px;
    }

    .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;
        background-position: 70% 50%;
        padding: 0px 30px;
    }
    div#mainimg {
        position: relative;
        right: auto;
        width: 180px;
        display: none;
    }
    .bg .title {
        font-size: 26px;
        line-height: 1;
        letter-spacing: 0px;
    }

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

    .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: #e0dfdf;
    }

    a.top-phone {
        position: fixed;
        left: 10px;
        height: auto;
        line-height: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        background-color: #cea74e;
        border-bottom-width: 1px;
        border-bottom-color: rgba(125, 125, 125, 0.8);
        border-bottom-style: solid;
    }

    a.top-phone i {
        /* background: white; */
    }

    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: 50px auto 10px;
    }

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

    }
	.inner h1 {
		font-size: 32px;
	}
    footer {
        padding: 30px 0px 0px;
    }
    .prod-block .prod-buts {
        transform: none;
    }
    .cf4text {
        font-size: 16px;
    }
    .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;
    }

    .acf-map {
        min-height: 110vw;
        margin-bottom: 20px;
    }
    body.blog .banner-inner { height:80vw }
    body.blog .banner-in { top:0px; }
    .banner-inner {
		height: auto;
		padding: 30px 0px 10px;
    }
	.content iframe {
		height: 52vw;
	}
}
iframe {
    max-width: 100%;
}

div#cf-sticky {position: fixed;right: 100%;top: 0;bottom: 0;margin: auto;display: table;width: 260px;background: #aa8b44;height: 235px;z-index: 33;transition: 0.4s all ease;}

div#cf-sticky-toggle {
    position: absolute;
    left: 100%;
    width: 235px;
    text-align: center;
    transform: rotate(-90deg);
    left: 156px;
    top: 103px;
    background: #aa8b44;
    color: white;
    line-height: 26px;
    height: 30px;
    cursor: pointer;
    font-weight: 600;
}

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;
    direction: rtl;
}

#cf-sticky input.wpcf7-form-control.wpcf7-submit {
    background: #010c1f;
    /* line-height: 30px; */
    cursor: pointer;
    opacity: 1;
}

#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;
    /* padding: 0px 15px !important; */
}

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

.lines {
    display: table;
    width: 50px;
    /* height: 70px; */
    margin: 0px 0px 20px;
    position: relative;
}

.lines>div {
    width: 100%;
    height: 2px;
    background: #dcdcdc;
    position: relative;
    top: 0;
    right: 0;
    margin: auto 0px;
    display: block;
}

.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 0px;
}
.ser-inner {
    padding: 40px;
    min-height: 360px;
    /* margin: 0px 0px 30px; */
    background: #cea74e;
    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: 360px;
    margin: 0px 0px 20px;
    position: relative;
    overflow: hidden;
}

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

a.ser-link {
    font-size: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

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;
    background: #cea74e;
}
form#searchform>div {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    border: 1px solid #888;
}

label.screen-reader-text {
    display: none;
}

input#searchsubmit {
    color: white;
    background: none;
    border: 0px;
    outline: none;
    font-size: 10px;
    font-weight: 700;
    width: 60px;
    background: #010a18;
}

input#s {
    background: none;
    border: 0px;
    outline: none;
    width: 100%;
    padding: 10px;
    line-height: 21px;
}

.sidebar-module {padding: 0px 0px 30px;border-bottom: 1px solid #010a18;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;
}

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: 'Rubik';
    font-weight: 400;
}

body:not(.home) #content p, body:not(.home) #content ul li, body:not(.home) #content ol li {
    color: #525252;
    font-family: 'Heebo';
    line-height: 1.7;
    margin-bottom: 10px;
}

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), #1b1b1a);
    z-index: 1;
    background: -moz-linear-gradient(top, rgb(27 27 26) 0%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(top, rgb(27 27 26) 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to bottom, rgb(27 27 26) 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: #1b1b1a;
    opacity: 0.95;
}

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: 37% 17%;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    font-family: Heebo;
    /* transition-delay: 0.2s; */
    text-shadow: 0px 0px 13px rgb(0 0 0 / 88%), 0px 0px 43px rgb(0 0 0 / 65%);
}

.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 );
    /* background: none; */
}

.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: #cea74e;
}

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;
    /* background: #ffffff; */
}

div#hp-4 p {
    color: #cea74e;
    font-family: Heebo;
}
div#sabout {
    /* background: #010c1f; */
    padding-top: 30px;
}
div#counterabout {
    /* padding-top: 100px; */
    padding-bottom: 70px;
}

.hpinfo {
    padding-bottom: 40px;
}

.ab-content {
    /* padding-top: 30px; */
}
.ourway-box {
    background: #1b1b1a;
    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: #dddddd;
    border-right-color: #ffffff;
    top: 0%;
    right: 0%;
    z-index: 0;
    opacity: 0.1;
    transform: rotate(45deg);
}

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

#hp-4 h3 {
    font-size: 36px;
    color: #cea74e;
    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: #cea74e;
    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: #1b1b1a;
    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;
}



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: #1b1b1a;
    direction: rtl;
    background: white;
    box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.1);
}

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

.hp-form label {
    width: 100%;
    color: #464646;
    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>.container {
    position: relative;
    z-index: 4;
}
.relp-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.relp-img img {
    width: 100%;
    height: 400px;
    display: block;
}
#hp-5 h3 {
    text-align: center;
    font-size: 36px;
    color: #1b1b1a;
    line-height: 1.25;
    text-align: center;
    font-weight: 400;
    margin-bottom: 30px;
    font-size: 36px;
    color: #cea74e;
    font-weight: 600;
}

.hp-form .wpcf7-submit {
    background: #1b1b1a;
    opacity: 1;
    cursor: pointer;
    border: 0px;
    color: #cea74e;
    outline: none;
    font-weight: 700;
    font-size: 20px;
    line-height: 2;
}


.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: white;
}

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


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

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

.banner-in {
    position: relative;
    top: 10%;
    bottom: 0;
    display: table;
    margin: auto;
    text-align: right;
    width: 100%;
    z-index: 2;
    color: white;
    left: 0;
    right: 0;
    max-width: 1230px;
}

.banner-title {
    font-size: 40px;
    color: #cea74e;
}

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

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

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

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: relative;left: 0;top: 0;bottom: 0;right: 0;margin: auto;display: table;color: #ffffff;width: 100%;text-align-last: center;line-height: 1;font-size: 28px;line-height: 1.25;letter-spacing: 0px;font-family: 'Heebo';z-index: 4;/* height: 100%; *//* line-height: 100%; */max-width: 90%;text-align: center;text-shadow: 0px 0px 30px black;}

.content.tax-post-box-single>a:before    {
    content: '';
    background: rgb(0 0 0 / 56%);
    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;
    display: flex;
    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 #cea74e;}
.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: #c19d4a;}
body.page-id-133 p {
    color: #d6d6d6;
}
.ab-img {
    padding: 0px;
     background-size: cover;
    background-position: center;
    min-height: 400px !important;
}
.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;
    color: #aa8b44;
}

.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 #333;
    padding: 10px;
    line-height: 25px;
    background: none;
    font-family: 'Heebo';
    max-height: 140px;
    direction: rtl;
}

.cpage input.wpcf7-form-control.wpcf7-submit {
    background: #cea74e;
    line-height: 40px;
    border: 0px;
    outline: none;
}

#acp-toggle-toolbar.toolbar-left {
    top: auto !important;
    bottom: 20px;
}
a.backhome {
    width: 200px;
    height: 40px;
    margin: auto;
    display: table;
    line-height: 40px;
    background: #010c1f;
    text-align: center;
    color: white;
}

a.backhome:hover {
    color: white;
}
a#mop {
    position: absolute;
    color: #cea74e;
    left: 0;
    bottom: 40px;
    right: 0;
    margin: auto;
    display: block;
    width: 80px;
    height: 40px;
    z-index: 39;
    font-size: 40px;
    opacity: 1;
    text-align: center;
    -moz-animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite;
    animation: bounce 3s infinite;
}
i.fa.fa-quote-right.ab-q {
    font-size: 40px;
    background: #aa8b44;
    position: absolute;
    padding: 20px;
    height: 80px;
    width: 80px;
    color: white;
    line-height: 1;
    border-radius: 50px;
    z-index: 2;
    top: 11px;
    left: 0;
    right: 0;
    margin: auto;
}

.quote {
    display: table;
    margin: 50px auto 20px;
    background: white;
    padding: 30px 7%;
    box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  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:1400px) and (min-width:992px)
{

    .bg>.container.inner {
        padding: 0px 12%;
    }
    
}
@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;
		padding-top: 0px;
	}
    h3.type-1 {
        margin: 20px auto;
    }

    .ser-inner {
        min-height: 260px;
        padding: 30px 30px 20px;
    }

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

    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: 0px 20% 20px;
    }
    .bg>.container.inner:before {
        display: none;
    }
    .postt-img {
        height: 300px;
    }
    .h-search.my-auto {
        top: 13px;
        position: relative;
    }
    .set-flip {
        padding: 100px 20px;
        font-size: 24px;
    }
    #menu-top ul.sub-menu {
        position: relative;
        border: 0px;
        background: none;
        padding: 0px 00px;
        line-height: 1.4;
        border-right: 1px solid #353a44;
        margin-right:20px;
        max-width: calc(100% - 20px);
        display: none;
    }
    #menu-top ul.sub-menu li a {font-size:14px;padding: 10px;max-width: calc(100% - 0px);}

    #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;
    }
    div#hp-top:before {
        /* background: rgb(0 0 0 / 24%); */
    }
	.container.inner.breadcrumbs {
		padding: 0px 15px !important;
	}
	.banner-title {
		font-size: 28px;
		padding: 0px 15px;
	}
	.relp-img img {
        height: 50vw !important;
    }

    .relp-img {
        height: auto;
    }
    .catbox h2 {
        font-size: 20px;
    }

    .footer-form input {
        margin: auto;
        width: 100%;
        max-width: 100%;
    }
}	
div#mainimg img {
    max-width: 100%;
    max-height: 100%; 
    border-radius: 3px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
button.owl-dot {
    outline: none;
}

#owl-tes button.owl-dot > *  {
    background:#1b1b1a !important;
}
#owl-tes button.owl-dot.active > *  {
    background:#aa8b44 !important;
}