@charset "UTF-8";
.hfs100,
.hfs105,
.hfs110,
.hfs150 {
    line-height: 1
}
.whatsapp-btn{
    display: none;
}
.clear,
.flotleft {
    clear: both
}

.alignleft,
.flotleft,
.prolink {
    float: left
}

.bgcontain,
.bgimg,
.norpt {
    background-repeat: no-repeat
}

.MenuSlide,
.overh {
    overflow: hidden
}

a,
a:hover {
    text-decoration: none
}

@font-face {
    font-family: almoni-tzar;
    font-weight: 100;
    font-style: normal;
    src: url(fonts/almoni-tzar/almoni-tzar-aaa-100.eot);
    src: url(fonts/almoni-tzar/almoni-tzar-aaa-100.eot?#iefix) format('embedded-opentype'), url(fonts/almoni-tzar/almoni-tzar-aaa-100.ttf) format('truetype'), url(fonts/almoni-tzar/almoni-tzar-aaa-100.woff) format('woff')
}

@font-face {
    font-family: almoni-tzar;
    font-weight: 200;
    font-style: normal;
    src: url(fonts/almoni-tzar/almoni-tzar-aaa-200.eot);
    src: url(fonts/almoni-tzar/almoni-tzar-aaa-200.eot?#iefix) format('embedded-opentype'), url(fonts/almoni-tzar/almoni-tzar-aaa-200.ttf) format('truetype'), url(fonts/almoni-tzar/almoni-tzar-aaa-200.woff) format('woff')
}

@font-face {
    font-family: almoni-tzar;
    font-weight: 300;
    font-style: normal;
    src: url(fonts/almoni-tzar/almoni-tzar-aaa-300.eot);
    src: url(fonts/almoni-tzar/almoni-tzar-aaa-300.eot?#iefix) format('embedded-opentype'), url(fonts/almoni-tzar/almoni-tzar-aaa-300.ttf) format('truetype'), url(fonts/almoni-tzar/almoni-tzar-aaa-300.woff) format('woff')
}

@font-face {
    font-family: almoni-tzar;
    font-weight: 400;
    font-style: normal;
    src: url(fonts/almoni-tzar/almoni-tzar-aaa-400.eot);
    src: url(fonts/almoni-tzar/almoni-tzar-aaa-400.eot?#iefix) format('embedded-opentype'), url(fonts/almoni-tzar/almoni-tzar-aaa-400.ttf) format('truetype'), url(fonts/almoni-tzar/almoni-tzar-aaa-400.woff) format('woff')
}

@font-face {
    font-family: almoni-tzar;
    font-weight: 700;
    font-style: normal;
    src: url(fonts/almoni-tzar/almoni-tzar-aaa-700.eot);
    src: url(fonts/almoni-tzar/almoni-tzar-aaa-700.eot?#iefix) format('embedded-opentype'), url(fonts/almoni-tzar/almoni-tzar-aaa-700.ttf) format('truetype'), url(fonts/almoni-tzar/almoni-tzar-aaa-700.woff) format('woff')
}

@font-face {
    font-family: Assistant;
    font-weight: 300;
    font-style: normal;
    src: url(fonts/Assistant/Assistant-Light.ttf) format('truetype')
}

@font-face {
    font-family: Assistant;
    font-weight: 400;
    font-style: normal;
    src: url(fonts/Assistant/Assistant-Regular.ttf) format('truetype')
}

@font-face {
    font-family: Assistant;
    font-weight: 700;
    font-style: normal;
    src: url(fonts/Assistant/Assistant-Bold.ttf) format('truetype')
}

@font-face {
    font-family: Assistant;
    font-weight: 900;
    font-style: normal;
    src: url(fonts/Assistant/Assistant-SemiBold.ttf) format('truetype')
}

* {
    margin: 0;
    padding: 0
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    font-size: 18px;
    font-family: almoni-tzar;
    height: 100%
}

iframe {
    max-width: 100%
}
header
{
    transition: all 0.5s ease;
}
.search2
{
    background-image: url('images/search.png');
    background-repeat: no-repeat;

    background-size:20px;
    background-position: 98%;
}
.exit
{
    position: absolute;
    z-index: 100;
    margin: 0 auto;
    left: 0;
    right: 0;
    top:40px;
    width: 40px;
}
.exit svg
{
    width: 35px;
    height: 35px;
}
.headsearch input[type=text]
{
    border:1px solid black;
    height: 35px!important;
        font-size: 20px!important;
}
.headsearch input::placeholder
{
    font-size: 20px!important;

}
.headsearch #searchsubmit
{
    height: 35px!important;font-size: 20px;
}
.hfs12 {
    font-size: 12px
}

.hfs14 {
    font-size: 14px
}

.hfs15 {
    font-size: 15px
}

.hfs16 {
    font-size: 16px
}

.hfs17 {
    font-size: 17px
}

.hfs18 {
    font-size: 18px
}

.hfs19 {
    font-size: 19px
}

.hfs20 {
    font-size: 20px
}

.hfs21 {
    font-size: 21px
}

.hfs22 {
    font-size: 22px
}

.hfs23 {
    font-size: 23px
}

.hfs24 {
    font-size: 24px
}

.hfs25 {
    font-size: 25px
}

.hfs26 {
    font-size: 26px
}

.hfs27 {
    font-size: 27px
}

.hfs28 {
    font-size: 28px
}

.hfs30 {
    font-size: 30px
}

.hfs31 {
    font-size: 31px
}

.hfs35 {
    font-size: 35px
}

.hfs37 {
    font-size: 37px
}

.hfs38 {
    font-size: 38px
}

.hfs40 {
    font-size: 40px
}

.hfs42 {
    font-size: 42px
}

.hfs43 {
    font-size: 43px
}

.hfs45 {
    font-size: 45px
}

.hfs46 {
    font-size: 46px
}

.hfs48 {
    font-size: 48px
}

.hfs50 {
    font-size: 50px
}

.hfs55 {
    font-size: 55px
}

.hfs60 {
    font-size: 60px
}

.hfs65 {
    font-size: 65px
}

.hfs70 {
    font-size: 70px
}

.hfs75 {
    font-size: 75px
}

.hfs80 {
    font-size: 80px
}

.hfs85 {
    font-size: 85px
}

.hfs90 {
    font-size: 90px
}

.hfs95 {
    font-size: 95px
}

.hfs100 {
    font-size: 100px;
    font-size: calc(25px + 3.92vw)
}

.hfs105 {
    font-size: 105px;
    font-size: calc(25px + 4.17vw)
}

.hfs110 {
    font-size: 110px;
    font-size: calc(20px + 4.69vw)
}

.hfs150 {
    font-size: 150px;
    font-size: calc(25px + 6.52vw)
}

.hfs180 {
    font-size: 180px;
    font-size: calc(25px + 8.6vw);
    line-height: .85
}

.Assistant {
    font-family: Assistant!important;
    font-weight: 400
}

.txleft {
    text-align: left
}

.topz {
    top: 0
}

.leftz {
    left: 0
}

.left50,
.lft50 {
    left: 50px
}

.rightz {
    right: 0
}

.wcolor {
    color: #fff!important
}

.blcolor {
    color: #000
}

.bluecolor {
    color: #1E90FF
}

.bgrcolor {
    background-color: #98b76d
}

.bgwhite {
    background-color: rgba(255, 255, 255, .8)
}

.bgwhite1 {
    background-color: rgba(255, 255, 255, .3)
}

.bgrw {
    background-color: #fff
}

.bgblack {
    background-color: rgba(0, 0, 0, .5)
}

.bgblack1 {
    background-color: rgba(0, 0, 0, .7)
}

.w5 {
    width: 5%
}

.w10 {
    width: 10%
}

.w13 {
    width: 13%
}

.w15 {
    width: 15%
}

.w20 {
    width: 20%
}

.w21 {
    width: 21%
}

.w25 {
    width: 25%
}

.w28 {
    width: 28%
}

.w30 {
    width: 30%
}

.w33 {
    width: 33%
}

.w35 {
    width: 35%
}

.w40 {
    width: 40%
}

.w45 {
    width: 45%
}

.w49 {
    width: 49%
}

.w55 {
    width: 55%
}

.w60 {
    width: 60%
}

.w65 {
    width: 65%
}

.w70 {
    width: 70%
}

.w73 {
    width: 73%
}

.w75 {
    width: 75%
}

.w80 {
    width: 80%
}

.w83 {
    width: 83%
}

.w85 {
    width: 85%
}

.w90 {
    width: 90%
}

.w95 {
    width: 95%
}

.w32 {
    width: 32px
}

.w300 {
    width: 300px
}

.wp5 {
    width: 5px
}

.wp15 {
    width: 15px
}

.wp20 {
    width: 20px
}

.wp30 {
    width: 30px
}

.wp50 {
    width: 50px
}

.col2 {
    width: calc(100%/2 - 5px)
}

.col222 {
    width: calc(100%/2 - 10px)
}

.col20 {
    width: calc(100%/2 - 20px)
}

.col2222 {
    width: calc(100%/2 - 30px)
}

.col22 {
    width: calc(100%/2 - 100px)
}

.row2 {
    width: calc(100%/2)
}

.row3 {
    width: calc(100%/3)
}

.col3 {
    width: calc(100%/3 - 5px)
}

.col33 {
    width: calc(100%/3 - 50px)
}

.col333 {
    width: calc(100%/3 - 20px)
}

.col3333 {
    width: calc(100%/3 - 15px)
}

.colm3 {
    width: calc(100%/3 - 10px)
}

.col37 {
    width: 37%
}

.row4 {
    width: calc(100%/4)
}

.col444 {
    width: calc(100%/4 - 5px)
}

.col4 {
    width: calc(100%/4 - 10px)
}

.col44 {
    width: calc(100%/4 - 30px)
}

.col4444 {
    width: calc(100%/4 - 70px)
}

.row5 {
    width: calc(100%/5 - 20px)
}

.col5 {
    width: calc(100%/5 - 10px)
}

.col55 {
    width: calc(100%/5 - 20px)
}

.mxw100 {
    max-width: 100px
}

.mxw200 {
    max-width: 200px
}

.mxw300 {
    max-width: 300px
}

.rad {
    border-radius: 10px
}

.rad5 {
    border-radius: 5px
}

.top20 {
    top: 250px
}

.txright {
    text-align: right
}

.mrgtb3020 {
    margin: 18px 0 10px
}

.hp5 {
    height: 5px
}

.hp15 {
    height: 15px
}

.hp30 {
    height: 30px
}

.h32 {
    height: 32px
}

.h50 {
    height: 50px
}

.h80 {
    height: 80px
}

.h220 {
    height: 220px
}

.h250 {
    height: 250px
}

.mxh560 {
    max-height: 560px
}

.h120 {
    height: 120px
}

.h950 {
    height: 950px
}

.mxh100 {
    max-height: 100px
}

.mxh150 {
    max-height: 150px
}

.mhx250 {
    max-height: 250px
}

.mxh30 {
    max-height: 300px
}

.mxh35 {
    max-height: 350px
}

.mxh20 {
    max-height: 200px
}

.mxh22 {
    max-height: 220px
}

.mxh27 {
    max-height: 270px
}

.mxh40 {
    max-height: 400px
}

.mxh45 {
    max-height: 450px
}

.mxh50 {
    max-height: 500px
}

.mxh55 {
    max-height: 550px
}

.mxh60 {
    max-height: 600px
}

.mxh65 {
    max-height: 650px
}

.mxh70 {
    max-height: 700px
}

.mxh75 {
    max-height: 750px
}

.mxh80 {
    max-height: 800px
}

.mxh85 {
    max-height: 850px
}

.mxh90 {
    max-height: 900px
}

.bckp {
    background-position-y: -105px
}

.mrgz {
    margin: 0
}

.mrl5 {
    margin-left: 5px
}

.mrgl10 {
    margin-left: 10px
}

.mrgl20 {
    margin-left: 20px
}

.mrgl30 {
    margin-left: 30px
}

.mrgl50 {
    margin-left: 50px
}

.mrgr5 {
    margin-right: 5px
}

.mrgr10 {
    margin-right: 10px
}

.mrgr20 {
    margin-right: 20px
}

.mrgr30 {
    margin-right: 30px
}

.mrgr35 {
    margin-right: 35px
}

.mrgr100 {
    margin-right: 100px
}

.mrg10 {
    margin: 10px
}

.mrg30 {
    margin: 30px
}

.mrg40 {
    margin: 40px
}

.mrgbz {
    margin-bottom: 0
}

.mrgb5 {
    margin-bottom: 5px
}

.mrgb8 {
    margin-bottom: 8px
}

.mrgb10 {
    margin-bottom: 10px
}

.mrgb15 {
    margin-bottom: 15px
}

.mrgb20 {
    margin-bottom: 20px
}

.mrgb25 {
    margin-bottom: 25px
}

.mrgb40 {
    margin-bottom: 40px
}

.mrgb60 {
    margin-bottom: 60px
}

.mrgb80 {
    margin-bottom: 80px
}

.mrgt5 {
    margin-top: 5px
}

.mrgt10 {
    margin-top: 10px
}

.mrgt15 {
    margin-top: 15px
}

.mrgt20 {
    margin-top: 20px
}

.mrgt40 {
    margin-top: 40px
}

.mrgt50 {
    margin-top: 50px
}

.mrgt80 {
    margin-top: 80px
}

.mrglr30 {
    margin: 0 30px
}

.mrgtb40 {
    margin: 40px 0
}

.mrgtb10 {
    margin: 10px 0
}

.mrgtb70 {
    margin: 70px 0
}

.aligncenter,
.container,
.margin {
    margin: 0 auto
}

.pdg5 {
    padding: 5px
}

.pdg10 {
    padding: 10px
}

.pdg20 {
    padding: 20px
}

.pdg30 {
    padding: 30px
}

.pdg40 {
    padding: 40px
}

.pdg35 {
    padding: 35px
}

.pdgtb5 {
    padding: 5px 0
}

.pdgtb10,
.viewproduct {
    padding: 10px 0
}

.pdgtb15 {
    padding: 15px 0
}

.pdgtb30 {
    padding: 30px 0
}

.pdgtb20 {
    padding: 20px 0
}

.pdgtb40 {
    padding: 40px 0
}

.pdgtb80 {
    padding: 80px 0
}

.pdgtb100 {
    padding: 100px 0
}

.pdglr10 {
    padding: 0 10px
}

.pdglr20 {
    padding: 0 20px
}

.pdglr25 {
    padding: 0 25px
}

.pdglr30 {
    padding: 0 30px
}

.pdg1020 {
    padding: 10px 20px
}

.pdg4010 {
    padding: 40px 10px
}

.pdgl {
    padding-left: 20px
}

.pdl10 {
    padding-left: 10px
}

.pdgl40 {
    padding-left: 40px
}

.pdgl20 {
    padding-left: 20px
}

.pdgl3 {
    padding-left: 3px
}

.pdr5 {
    padding-right: 5px
}

.pdr80 {
    padding-right: 80px
}

.pdr10 {
    padding-right: 10px
}

.pdr20 {
    padding-right: 20px
}

.pdr60 {
    padding-right: 60px
}

.pdgt10 {
    padding-top: 10px
}

.pdgt30 {
    padding-top: 30px
}

.pdgt96 {
    padding-top: 96px
}

.pdgt100 {
    padding-top: 100px
}

.pdgt130 {
    padding-top: 130px
}

.pdgt10per {
    padding-top: 10%
}

.pdgt200 {
    padding-top: 200px
}

.pdgt40 {
    padding-top: 40px
}

.pdgt80 {
    padding-top: 80px
}

.pdgb100 {
    padding-bottom: 100px
}

.pdgb80 {
    padding-bottom: 80px
}

.pdgb40 {
    padding-bottom: 40px
}

.pdgb20 {
    padding-bottom: 20px
}

.pdgb15 {
    padding-bottom: 15px
}

.pdgb10 {
    padding-bottom: 10px
}

.pdgb60 {
    padding-bottom: 60px
}

.pdgb70 {
    padding-bottom: 70px
}

.pdgb5 {
    padding-bottom: 5px
}

.pdgb200 {
    padding-bottom: 200px
}

.container {
    width: 96%;
    max-width: 1024px
}

.container.c9 {
    width: calc(100% - 80px);
    max-width: none
}

.container.c700 {
    max-width: 700px
}

.container.c900 {
    max-width: 900px
}

.container.c12 {
    max-width: 1200px
}

.container.c13 {
    max-width: 1300px
}

.container.c14 {
    max-width: 1400px
}

.container.c15 {
    max-width: 1500px
}

.container.c16 {
    max-width: 1600px
}

.container.c17 {
    max-width: 1730px
}

.container.c18 {
    max-width: 1800px
}

.container.c19 {
    max-width: 1900px
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.left {
    text-align: left
}

.top20p {
    top: 20px
}

.minh120 {
    min-height: 54px
}

.alignright {
    float: right
}

.aligncenter {
    display: block
}

.alignbottom {
    -webkit-box-pack: end;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: flex-end;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    -ms-grid-row-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.itemscenter,
.tabdes {
    align-items: center
}

.absolute {
    position: absolute
}

.bottom {
    bottom: 0
}

.bordr {
    border-right: 4px solid #96c22b;
    padding-right: 10px
}

.bordl {
    border-left: 1px solid #fff
}

.bordl2,
.bordlb {
    border-left: 1px solid #000
}

.bordlb {
    width: 34%
}

.tzar {
    font-family: Assistant-tzar
}

.mtzar {
    font-family: mikhmoret-tzar
}

.almr {
    font-family: almoni-tzar
}

.rotate90 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.lh0 {
    line-height: 0!important
}

.lh05 {
    line-height: .5!important
}

.Year,
.lh1 {
    line-height: 1
}

.lh11 {
    line-height: 1.1
}

.lh12 {
    line-height: 1.2
}

.lh125 {
    line-height: 1.25
}

.lh13 {
    line-height: 1.3
}

.lh14 {
    line-height: 1.4
}

.lh15 {
    line-height: 1.5
}

.lh17 {
    line-height: 1.7
}

.lh19 {
    line-height: 1.9
}

.lh2 {
    line-height: 2
}

.w50 {
    width: 50%
}

.w100 {
    width: 100%
}

.h100 {
    height: 100%
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.bold {
    font-weight: 700
}

.sbold {
    font-weight: 600
}

.ebold {
    font-weight: 800
}

.regular {
    font-weight: 400
}

.light {
    font-weight: 300
}

.ultlight {
    font-weight: 200
}

.bgimg {
    background-size: cover;
    background-position: center center
}

.bgcontain,
.bgpc {
    background-position: center
}

.block {
    display: block
}

.imgfix {
    line-height: 0
}

.zindx {
    z-index: 100000
}

.bgcontain {
    background-size: contain
}

.zinxz {
    z-index: -1
}

.nosite,
.nosite1 {
    display: none!important
}

.imgc {
    max-width: 100%;
    max-height: 100%
}

.bgpr {
    background-position: right
}

.bgpt {
    background-position: top
}

.bgpb {
    background-position: bottom
}

.bgpl {
    background-position: left
}

.bgscov {
    background-size: cover
}

.bgscon {
    background-size: contain
}

.bgs50 {
    background-size: 50%
}

.wd1500 {
    width: 1500px!important
}

.fixedbg {
    background-attachment: fixed
}

.notouch {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.relative {
    position: relative!important
}

#MobNavBtn span,
.abscenter {
    position: absolute;
    top: 50%;
    left: 50%
}

.circlebox {
    border-radius: 50%
}

.abscenter {
    margin: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.clickbtn,
.cp {
    cursor: pointer
}

.anim,
.clickbtn {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.vbox iframe {
    width: 100%;
    height: 100%
}

.pointer {
    cursor: pointer!important
}

.justc {
    justify-content: center
}

.fcc,
.flex,
.inrowf {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.aic,
.fcc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    -webkit-align-items: center;
    align-items: center
}

.aifs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.aife {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.inrowf,
.jcsb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.jcsa {
    -webkit-box-pack: space-around;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.fcc,
.jcc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.jcfs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.jcfe {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.fdc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fdcr {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.fdrr {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.fw,
.inrowf {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.alignstart {
    align-items: start
}

.tp p:last-of-type {
    font-weight: 300;
    font-size: 40px
}

div.wpcf7 .ajax-loader {
    display: none!important
}

svg:not(.color) * {
    fill: inherit!important
}

input[type=submit] {
    -webkit-appearance: none
}

#MobNavBtn {
    display: block;
    width: 45px;
    height: 45px;
    position: relative;
    background: inherit;
    z-index: 9999;
    transition:all 0.5s ease;
}

#MobNavBtn span {
    display: block;
    height: 4px;
    width: 70%;
    background: #051831;
    margin: 0 auto;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 1
}

#MobNavBtn span:nth-child(1) {
    -webkit-transform: translate(-50%, -280%);
    transform: translate(-50%, -280%)
}

#MobNavBtn span:nth-child(2) {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#MobNavBtn span:nth-child(3) {
    -webkit-transform: translate(-50%, 180%);
    transform: translate(-50%, 180%)
}

#MobNavBtn.active span
{
    background-color: white;
}
#MobNavBtn.active span:nth-child(2) {
    opacity: 0;
    visibility: hidden
}

#MobNavBtn.active span:nth-child(1) {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

#MobNavBtn.active span:nth-child(3) {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.shrink header.fixed {
    width: 85%!important
}

header.fixed {
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 1000
}
header.fixed .logo img
{
    max-width: 50%!important;
}
.shrink .logoimg {
    max-width: 50%;
    animation: imgify 2s
}
.logoimg
{
    transition: all 0.5s ease;
}

.wrapper.shrink {
    width: 85%;
    animation: shrink .4s
}

.wrapperbef.floleft {
    width: 15%
}

@keyframes shrink {
    0% {
        width: 100%
    }
    100% {
        width: 85%
    }
}

nav#SideMenu {
    width: 100%
}

nav#SideMenu div.main_menu>ul {
    display: block;
    font-size: 0
}

nav#SideMenu div.main_menu>ul>li {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #fff;
    padding: 35px 0
}

nav#SideMenu div.main_menu>ul>li>a {
    display: inline-block;
    vertical-align: middle;
    font-family: Assistant;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

nav#SideMenu div.main_menu ul li.current-menu-item>a,
nav#SideMenu div.main_menu ul li:hover>a {
    color: #61dad7
}

nav#SideMenu div.main_menu>ul>li ul.sub-menu {
    display: block;
    height: 100%;
    width: 250px;
    position: absolute;
    top: 0;
    right: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

nav#SideMenu .sub-menu li {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #fff
}

nav#SideMenu .sub-menu li:last-of-type {
    border-bottom: none
}

nav#SideMenu .sub-menu li a {
    display: block;
    font-size: 25px;
    font-family: Assistant;
    padding: 5px;
    color: #fff;
    font-weight: 300;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

nav#SideMenu li.menu-item-has-children {
    background-image: url(images/left-arrow.svg);
    background-repeat: no-repeat;
    background-position: 20px
}

nav#SideMenu li.menu-item-has-children a {
    background-image: none
}

nav#SideMenu li.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    z-index: 10000000000;
    pointer-events: auto;
    min-height: 100%;
    background-color: #1b2f51
}

.MenuSlide {
    height: 100vh;
    top: 0;
    right: 0;
    transition: all 0.5s ease;
    z-index: 10000;
    position: fixed;
    background: linear-gradient(113deg, #1f4e6c, #051831, #34454f);
    background-size: 600% 600%;
    width: 0
}

.hiddenform,
.stickyform {
    position: fixed;
    top: 35%;
    left: 0
}

@-webkit-keyframes AnimationName {
    0%,
    100% {
        background-position: 0 60%
    }
    50% {
        background-position: 100% 41%
    }
}

@-moz-keyframes AnimationName {
    0%,
    100% {
        background-position: 0 60%
    }
    50% {
        background-position: 100% 41%
    }
}

@keyframes AnimationName {
    0%,
    100% {
        background-position: 0 60%
    }
    50% {
        background-position: 100% 41%
    }
}

.X,
.stickyform {
    background-position: center
}

.MenuSlide.act {
    width: 15%;
    animation: wid .4s, AnimationName 5s ease infinite;
    overflow: visible
}

.MenuSlide.fixed {
    position: fixed
}

@keyframes wid {
    0% {
        width: 0%
    }
    100% {
        width: 15%
    }
}

.sc1 {
    color: #16384e
}

.sc2 {
    color: #051831
}

.sc {
    color: #032037
}

.MenuButton svg {
    fill: #16384e
}

.headbut {
    border: 2px solid #16384e
}

@keyframes imgify {
    0% {
        max-width: 100%
    }
    100% {
        max-width: 70%
    }
}

.logoimg.imgify {
    max-width: 70%!important;
    animation: imgify 2s
}

.stickyform {
    min-width: 60px;
    min-height: 60px;
    background-size: 80%;
    z-index: 10000
}

.hiddenform {
    display: none;
    width: 50%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 1000;
    -webkit-box-shadow: 10px 10px 64px -19px rgba(0, 0, 0, .75);
    -moz-box-shadow: 10px 10px 64px -19px rgba(0, 0, 0, .75);
    box-shadow: 10px 10px 64px -19px rgba(0, 0, 0, .75)
}

.X,
.backtotop,
.mygif {
    position: absolute
}

.X {
    top: 5px;
    right: 5px;
    background-image: url(images/X.png);
    background-repeat: no-repeat;
    background-size: 20px;
    height: 30px;
    width: 30px
}

.backtotop {
    right: 80px;
    top: -86px;
    width: 86px;
    height: 86px
}

.branches button.slick-next.slick-arrow,
.branches button.slick-prev.slick-arrow {
    background-position: center;
    height: 40px;
    width: 21px;
    background-size: contain;
    background-repeat: no-repeat
}

.branches button.slick-prev.slick-arrow {
    background-image: url(images/prev.png);
    right: -20px
}

.branches button.slick-next.slick-arrow {
    background-image: url(images/next.png);
    left: -20px
}

.vid iframe {
    height: 100%;
    width: 100%
}

.mygif {
    left: -35px;
    top: -82px;
    max-height: 120%;
    z-index: 0
}

.topimages.slick-slider {
    margin-bottom: 0!important
}

.topimages .slick-active:nth-child(4n+1) .proimages {
    animation: fadeInRight 3s
}

.topimages .slick-active:nth-child(4n+2) .proimages {
    animation: fadeInUp 3s
}

.topimages .slick-slide:nth-child(4n+2) .proimages {
    max-width: 120%!important
}

.topimages .slick-active:nth-child(4n+3) .proimages {
    animation: fadeInDown 3s
}

.topimages .slick-active:nth-child(4n+4) .proimages {
    animation: fadeInLeft 3s
}

.topimages .slick-slide:nth-child(4n+4) .proimages {
    bottom: -130px;
    max-width: 150%
}

.grad {
    background-image: linear-gradient(to top, rgba(3, 16, 25, .9) 0, #1f5171 100%)
}

.proimg img {
    position: relative;
    bottom: -40px;
    max-width: 100%
}

.protitle p {
    font-size: 37px;
    font-weight: 400
}

.prolink {
    border: 2px solid #fff;
    width: auto;
    display: inline-block;
    padding: 10px 20px
}

.topimages .slick-dots {
    width: auto;
    right: 20px;
    bottom: 50%
}

.readmore,
.woman,
.womanshower {
    position: absolute;
    bottom: 0
}

.topimages .slick-dots li {
    display: block
}

.topimages .slick-dots li.slick-active button:before {
    color: transparent!important;
    background-color: #fff;
    opacity: 1
}

.topimages .slick-dots li button:before {
    color: transparent!important;
    border: 1px solid #fff;
    width: 10px;
    opacity: 1;
    height: 10px;
    border-radius: 50%
}

.mainform .wpcf7 input[type=tel],
.mainform .wpcf7 input[type=text] {
    border: 1px solid #131f25;
    height: 65px;
    padding-right: 25px;
    padding-bottom: 0;
    margin-bottom: 0
}

.mainform .wpcf7 input::placeholder {
    font-size: 29px
}

.mainform .wpcf7 input[type=submit] {
    background-image: url(images/fbg.png);
    background-repeat: no-repeat;
    background-position: -10px;
    height: 65px;
    padding-left: 20px;
    padding-top: 14px;
    color: #fff;
    font-size: 29px
}

.mainform .wpcf7 input[type=submit]:hover {
    background-position: -20px;
    transition: all .5s
}

.graybg {
    background-color: rgba(21, 40, 52, .8)
}

.hidden {
    display: none
}

.video {
    position: absolute;
    top: 0;
    right: 0
}

.video iframe {
    height: 100%;
    width: 100%
}

.youtubeic:hover {
    fill: red
}

.woman {
    left: -140px;
    max-width: 40%;
    z-index: 100
}

.pagebox {
    border: 1px solid #115e75
}

.readmore {
    left: 0;
    width: 40%;
    background-image: url(images/readmore.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left
}

.readmore:hover {
    background-position: -90px;
    transition: all .5s
}



.galic {
    height: 55px;
    width: 55px;
    margin: 50px 0
}

.galgrid,
.projgrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 460px;
    grid-gap: 0;
    grid-auto-flow: row
}

.galgrid .gridimg:nth-of-type(10n+1),
.galgrid .gridimg:nth-of-type(10n+2) {
    grid-row: span 1
}

.galgrid .gridimg:nth-of-type(10n+3) {
    grid-row: span 2
}

.galgrid .gridimg:nth-of-type(10n+4),
.galgrid .gridimg:nth-of-type(10n+5) {
    grid-row: span 1
}

.galgrid .gridimg:nth-of-type(10n+6) {
    grid-row: span 2
}

.galgrid .gridimg:nth-of-type(10n+10),
.galgrid .gridimg:nth-of-type(10n+7),
.galgrid .gridimg:nth-of-type(10n+8),
.galgrid .gridimg:nth-of-type(10n+9),
.projgrid .gridimg:nth-of-type(10n+1),
.projgrid .gridimg:nth-of-type(10n+10),
.projgrid .gridimg:nth-of-type(10n+2),
.projgrid .gridimg:nth-of-type(10n+3),
.projgrid .gridimg:nth-of-type(10n+4),
.projgrid .gridimg:nth-of-type(10n+5),
.projgrid .gridimg:nth-of-type(10n+6),
.projgrid .gridimg:nth-of-type(10n+7),
.projgrid .gridimg:nth-of-type(10n+8),
.projgrid .gridimg:nth-of-type(10n+9) {
    grid-row: span 1
}

.tabc {
    display: none
}

.tabc.act {
    display: block
}

.projgrid.unact,
.tabdes {
    display: none
}

.bluebg {
    background-color: rgba(44, 85, 113, .8);
    opacity: 0
}

.gridimg:hover .bluebg {
    opacity: 1;
    animation: fadeIn .5s
}

.act .galgrid {
    animation: fadeIn 1s
}

.icons {
    width: 120px
}

.galcontent,
.proj {
    height: 0;
    overflow: hidden;
    transition: all 0.5s ease;

}

.galcontent.act,
.proj.act {
    height: 920px;

}

.tabdes {
    position: absolute;
    width: 200px;
    left: -230px;
    background-color: #152834;
    color: #fff;
    text-align: center;
    height: 55px;
    opacity: 0;
    background-image: url(images/right-arrow.png);
    background-repeat: no-repeat;
    background-position: 90%;
    justify-content: center;
    font-size: 25px;
    font-weight: 300;
    border-left: 5px solid #fff
}

.slideleft,
.tabcontent.show {
    opacity: 1;
    animation: fadeIn .5s
}

.slideleft {
    left: -230px;
    display: flex;
    z-index: 1000
}

@keyframes slideleft {
    0% {
        left: 0
    }
    100% {
        left: -230px
    }
}

.prot h2 {
    font-size: 54px;
    color: #323233;
    font-weight: 700
}

.viewproduct {
    width: 100%;
    font-size: 19px;
    font-weight: 300;
    bordeR: 1px solid #000
}

.middleform .wpcf7 input[type=tel],
.middleform .wpcf7 input[type=text] {
    padding-right: 20px;
    padding-bottom: 5px;
    height: 54px;
    font-size: 27px
}

.middleform .wpcf7 input[type=submit] {
    background-color: #2c5571;
    color: #fff;
    font-size: 27px;
    height: 54px
}

.collectiont h3 {
    font-size: 46px
}

.collectiont h2 {
    font-size: 53px
}

.collectiont h1 {
    font-size: 45px;
    font-weight: 700
}

.womanshower {
    left: 0
}

.slider1.slick-track {
    margin-bottom: 0!important
}

.footerform .wpcf7 input[type=tel],
.footerform .wpcf7 input[type=text] {
    padding-right: 20px;
    padding-bottom: 5px;
    height: 54px;
    font-size: 27px;
    border: 0;
    border-bottom: 1px solid #131312
}

.footerform .wpcf7 input[type=submit] {
    background-color: #2c5571;
    color: #fff;
    font-size: 27px;
    height: 54px
}

.slider1 .slick-dots {
    text-align: left;
    width: 90%
}

.slider1 .slick-dots li button {
    border: 1px solid #193c53!important;
    height: 16px;
    width: 16px
}

.slick-dots li button:before {
    content: ""!important
}

.footitle:after,
.icon::after {
    content: ""
}

.slick-dots li.slick-active button {
    background-color: #193c53
}

.Year {
    font-size: 220px;
    background: url(images/mask.png) 90% 20%;
    margin-left: 80px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(18, 87, 115, .9);
    font-weight: 700
}

.yearpic {
    background-image: url(images/yearpic.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 120px;
    background-position: bottom;
    width: 100px
}

.subname,
nav#FooterNav div.main_menu>ul>li>a {
    background-position: right;
    background-repeat: no-repeat
}

nav#FooterNav {
    width: 100%;
    position: relative
}

nav#FooterNav div.main_menu>ul {
    display: block;
    font-size: 0
}

nav#FooterNav div.main_menu>ul>li {
    width: 100%;
    position: relative;
    text-align: right
}

nav#FooterNav div.main_menu>ul>li>a {
    display: inline-block;
    vertical-align: middle;
    font-family: Assistant;
    font-size: 17px;
    color: #fff;
    padding-right: 25px;
    background-image: url(images/svg/polygon.svg);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

nav#FooterNav div.main_menu ul li.current-menu-item>a,
nav#FooterNav div.main_menu ul li:hover>a {
    color: #61dad7
}

.footitle {
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    width: 90%
}

.footitle:after {
    position: absolute;
    bottom: -1px;
    height: 2px;
    background-color: #fff;
    right: 0;
    width: 50%
}

.fphone {
    line-height: 1.5
}

.aboutcontent {
    position: relative;
    top: -100px
}


.branches .slick-slide {
    margin: 0 25px
}

.branches.slick-track {
    margin: 0 -25px!important
}

.posts-wrap .slick-slide {
    margin-left: 25px
}

.posts-wrap.slick-track {
    margin: 0 -25px!important
}

.catimg1 {
    bottom: 0;

    z-index: 0;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
}


.img5 {
    top: -140px!important;
    left: -50px!important;
}

.img4 {
    top: -40px
}

.img55 {
    top: 0;
    left: auto;
}

.img44 {
    top: -15px;
    left: auto;
    right: -80px;
    max-width: 30%;
}

.img10 {
    top: -120px;
    right: -10px;
    max-width: 90%
}

.entry img,
.logo a img {
    max-width: 100%
}

.img11 {
    top: auto;
    bottom: 0
}

.img12 {
    top: 0
}

.allproducts {
    background-color: #edebeb
}

.tabcontent.show {
    display: block
}

.subname {
    display: none;
    padding-right: 30px;
    background-image: url(images/cats/poly.png)
}

.subname.show {
    display: block
}

.prop:last-of-type .icon::after,
.searchdiv {
    display: none
}

.catname.show {
    color: #115e75
}

.icon::after {
    margin: 0 auto;
    width: 1px;
    height: 100%;
    left: 0;
    right: 0;
    bottom: -100%;
    background-color: #115e75
}

.proform .wpcf7 input[type=tel],
.proform .wpcf7 input[type=text] {
    background-color: #f4f4f4;
    border: 0;
    border-bottom: 2px solid #115e75
}

.proform .wpcf7 input[type=submit] {
    background-color: #115e75;
    color: #fff
}

.searchdiv,
.showmap {
    background-color: rgba(0, 0, 0, .9)
}

.posts-wrap .slick-slide {
    margin: 0 40px
}

.searchdiv {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 10000;
    width: 100%;
    opacity: 0;
    align-items: center;
    justify-content: center
}

.searchdiv .prosearch {
    display: none!important
}

.showmap {
    z-index: 1000;
    opacity: 1
}

.pageform .wpcf7 input[type=range],
.pageform .wpcf7 input[type=submit] {
    background-color: #115e75;
    color: #fff;
    border-radius: 5px
}

.showmap.unshow {
    opacity: 0;
    animation: fadeout1 .7s;
    z-index: -1
}

@keyframes fadeout1 {
    0% {
        opacity: 1;
        z-index: 1000
    }
    100% {
        opacity: 0;
        z-index: -1
    }
}

#DisInfo {
    display: none
}

.displaytable {
    display: block!important
}

.pageform .wpcf7 input[type=email],
.pageform .wpcf7 input[type=file],
.pageform .wpcf7 input[type=tel],
.pageform .wpcf7 input[type=text],
.pageform .wpcf7 select,
.pageform .wpcf7 textarea {
    border-bottom: 1px solid #115e75;
    width: 100%;
    padding-right: 40px;
    margin-bottom: 30px
}

.pageform .wpcf7 input[type=date] {
    border-bottom: 1px solid #115e75;
    width: 100%;
    padding-right: 40px;
    max-height: 41px;
    margin-bottom: 20px
}

.pageform .wpcf7 input[type=submit] {
    height: 188PX;
    width: 90%;
    float: left
}

#leos,
.acf-map,
footer {
    width: 100%
}

.pageform .wpcf7 textarea {
    background-image: url(images/pagefmail.svg);
    background-repeat: no-repeat;
    background-position: 99% 10px
}

.pageform .wpcf7 input[type=tel] {
    background-image: url(images/pageftel.svg);
    background-repeat: no-repeat;
    background-position: 97%
}

.pageform .wpcf7 input[type=text] {
    background-image: url(images/pageftext.svg);
    background-repeat: no-repeat;
    background-position: 97%
}

.pageform .wpcf7 .select2,
.pageform .wpcf7 input[type=email],
.pageform .wpcf7 select {
    background-position: 98%;
    background-repeat: no-repeat
}

.pageform .wpcf7 input[type=email] {
    background-image: url(images/pagefmail.svg)
}

.pageform .wpcf7 select {
    background-image: url(images/home.svg)
}

.pageform .wpcf7 .select2 {
    background-image: url(images/mail.svg)
}

.pageform .wpcf7 .select3 {
    background-image: url(images/24-hours.svg);
    background-repeat: no-repeat;
    background-position: 97%
}

.btn-file {
    position: relative;
    overflow: hidden;
    background-image: url(images/filebf.png);
    background-repeat: no-repeat;
    background-position: left;
    background-color: #fff;
    height: 41px;
    border-bottom: 1px solid #115e75
}

#flabel,
#leos,
#leos span,
.logo,
footer {
    position: absolute
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    max-height: 40px;
    color: #00f;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: 0;
    background: #fff;
    cursor: inherit;
    display: block
}

#leos,
.logo {
    text-align: center
}

#leos a,
.logo a {
    display: inline-block
}

#flabel {
    bottom: 5px;
    right: 5px
}

#searchsubmit {
    background-color: #0072bc;
    color: #fff
}

#Filtercat {
    border: 1px solid #fff;
    color: #fff;
    background-color: #212329
}

.entry {
    font-size: 22px;
    line-height: 1.4;
    color: #595959
}

.entry img {
    height: auto
}

.entry ul {
    margin: 0 20px;
    list-style: inherit
}

.entry ol,
.entry ul {
    list-style-position: inside
}

.entry table,
.entry table td {
    border: 1px solid #000
}

.entry table tr:nth-child(1)>td {
    text-align: center;
    background: #ccc
}

.entry p {
    margin-bottom: 1em
}

h1,
h2,
h3,
p,
ul {
    margin: 0
}

.entry p:last-of-type {
    margin-bottom: 0
}

.entry a {
    color: #756e6e;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.entry a:hover {
    border-color: #756e6e
}

h1,
h2,
h3 {
    font-weight: 400
}

a {
    color: inherit
}

ul {
    list-style: none
}

#wrapper {
    min-height: 100%;
    position: relative
}

#content {
    padding-bottom: 800px;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.acf-map {
    height: 366px;
    pointer-events: none
}

.logo {
    font-size: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100
}

footer {
    bottom: 64px;
    left: 0;
    height: auto;
    min-height: 50px
}

#leos {
    bottom: 0;
    background-color: #000;
    overflow: hidden;
    line-height: 0
}

#leos img {
    padding: 10px 0;
    height: 64px;
    width: auto
}

#leos a {
    position: relative
}

#leos span {
    opacity: 0;
    right: 0;
    color: #fff;
    font-size: 22px;
    bottom: 30px;
    white-space: nowrap;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transition: .3s;
    transition: .3s
}

#leos a:hover span {
    opacity: 1;
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    backface-visibility: visible!important;
    animation-name: flipInY
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: translateX(100%) perspective(400px) rotateY(-10deg);
        transform: translateX(100%) perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: translateX(calc(100% + 20px)) perspective(400px) rotateY(10deg);
        transform: translateX(calc(100% + 20px)) perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: translateX(calc(100% + 20px)) perspective(400px) rotateY(0);
        transform: translateX(calc(100% + 20px)) perspective(400px) rotateY(0);
        opacity: 1
    }
}

#FloatSocials {
    display: flex;
    z-index: 90
}

#FloatSocials a {
    display: inline-block;
    margin: 0 10px
}

#FloatSocials img,
#FloatSocials svg {
    width: 20px;
    height: 20px;
    fill: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

a.facebook_icon:hover svg {
    fill: #3b5998!important
}

a.google_icon:hover svg {
    fill: #dd4b39!important
}

a.twitter_icon:hover svg {
    fill: #00aced!important
}

a.youtube_icon:hover svg {
    fill: #b00!important
}

a.instagram_icon:hover svg {
    fill: #e95950!important
}

a.pinterest_icon:hover svg {
    fill: #cb2027!important
}

a.linkedin_icon:hover svg {
    fill: #007bb6!important
}

span.wpcf7-form-control-wrap {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
    position: absolute;
    bottom: 100%;
    background: red;
    border-radius: 5px;
    color: #fff;
    padding: 8px 15px;
    font-size: 16px;
    white-space: nowrap;
    left: 5%;
    -webkit-animation: formerror .4s;
    animation: formerror .4s
}

span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip.tip_out {
    -webkit-transition: all .4s;
    transition: all .4s;
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 100%;
    left: 10%;
    border-left: 0 solid transparent;
    border-right: 15px solid transparent;
    border-top: 10px solid red
}

@-webkit-keyframes formerror {
    from {
        opacity: 0;
        bottom: 0
    }
    to {
        opacity: 1;
        bottom: 100%
    }
}

@keyframes formerror {
    from {
        opacity: 0;
        bottom: 0
    }
    to {
        opacity: 1;
        bottom: 100%
    }
}

div.wpcf7 input,
div.wpcf7 input[type=submit],
div.wpcf7 select,
div.wpcf7 textarea,
input {
    font-family: almoni-tzar, sans-serif;
    font-size: 20px;
    border: 0;
    padding: 8px 5px
}

div.wpcf7 input[type=email],
div.wpcf7 input[type=tel],
div.wpcf7 input[type=text],
div.wpcf7 select,
div.wpcf7 textarea {
    width: 100%;
    background: #FFF;
    margin-bottom: 10px
}

div.wpcf7 textarea {
    height: 188px
}

div.wpcf7 input[type=submit] {
    display: block;
    width: 100%;
    background: #ccc;
    cursor: pointer;
    transition: all .5s ease
}

@-webkit-keyframes bubbles {
    0%,
    80% {
        -webkit-transform: scale(1);
        opacity: 1
    }
    45% {
        -webkit-transform: scale(.1);
        opacity: .7
    }
}

@keyframes bubbles {
    0%,
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    45% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: .7
    }
}

div.wpcf7-response-output {
    position: fixed;
    margin: 0!important;
    border: none;
    padding: 10px 15px;
    bottom: -100%;
    z-index: 9999;
    font-size: 22px!important;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors {
    -webkit-animation: form_msg_error .5s;
    animation: form_msg_error .5s;
    bottom: 0;
    color: #000
}

@-webkit-keyframes form_msg_error {
    from {
        bottom: -100%
    }
    to {
        bottom: 0
    }
}

@keyframes form_msg_error {
    from {
        bottom: -100%
    }
    to {
        bottom: 0
    }
}

div.wpcf7-mail-sent-ok {
    background: #398f14
}

div.wpcf7-validation-errors {
    background: #f7e700
}

.form_msg_error_out {
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

@-webkit-keyframes form_msg_out {
    from {
        bottom: 0
    }
    to {
        bottom: -300px
    }
}

@keyframes form_msg_out {
    from {
        bottom: 0
    }
    to {
        bottom: -300px
    }
}

::-webkit-input-placeholder {
    color: #000;
    font-family: almoni-tzar
}

:-moz-placeholder {
    color: #000;
    font-family: almoni-tzar
}

::-moz-placeholder {
    color: #000;
    font-family: almoni-tzar
}

:-ms-input-placeholder {
    color: #000;
    font-family: almoni-tzar
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: transparent
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent
}

#LoesLangsSelect {
    background-color: #E0DCDC;
    position: relative
}

#LoesLangsSelect>svg {
    position: absolute;
    top: 9px;
    height: 8px;
    width: auto;
    fill: #000
}

html[dir=rtl] #LoesLangsSelect>svg {
    left: 7px
}

html[dir=ltr] #LoesLangsSelect>svg {
    right: 7px
}

#LoesLangsSelect ul {
    background-color: inherit;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

#LoesLangsSelect,
#LoesLangsSelect ul li a,
#LoesLangsSelect ul:not(.dropped) {
    height: 26px!important
}

#LoesLangsSelect ul li,
#LoesLangsSelect ul li a {
    width: 100%
}

#LoesLangsSelect ul li a {
    padding: 3px 7px;
    box-sizing: border-box;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

#LoesLangsSelect ul li a:hover {
    background-color: #918C8C
}

#LoesLangsSelect ul li a span {
    display: inline-block
}

html[dir=rtl] #LoesLangsSelect ul li a {
    padding-left: 25px
}

html[dir=ltr] #LoesLangsSelect ul li a {
    padding-right: 25px
}

html[dir=rtl] #LoesLangsSelect ul.hflags li a span {
    margin-right: 5px
}

html[dir=ltr] #LoesLangsSelect ul.hflags li a span {
    margin-left: 5px
}

@media (min-width:800px) {
    .whatsapp-btn{
        display: block;
    }
    nav#MainNav {
        width: 70%;
        text-align: center;
        position: relative;
        margin: 0 auto
    }
    nav#MainNav * {
        background: inherit
    }
    div.main_menu {
        font-size: 0
    }
    nav#MainNav div.main_menu>ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 0
    }
    nav#MainNav div.main_menu>ul>li {
        width: auto;
        padding: 0 20px;
        position: relative
    }
    nav#MainNav div.main_menu>ul>li>a {
        display: inline-block;
        vertical-align: middle;
        font-family: almoni-tzar;
        font-size: 20px;
        color: #fff;
        -webkit-transition: all .5s ease-out;
        transition: all .5s ease-out
    }
    nav#MainNav div.main_menu ul li.current-menu-item>a,
    nav#MainNav div.main_menu ul li:hover>a {
        color: #000
    }
    nav#MainNav div.main_menu>ul>li ul.sub-menu {
        display: block;
        z-index: 999;
        width: 250px;
        position: absolute;
        top: 100%;
        right: 0;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease
    }
    nav#MainNav .sub-menu li {
        display: block
    }
    nav#MainNav .sub-menu li a {
        display: block;
        font-size: 20px;
        padding: 5px;
        width: calc(100% - 10px);
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }
    nav#MainNav .menu-item-has-children:hover .sub-menu {
        opacity: 1;
        z-index: 10;
        pointer-events: auto
    }
}

@media (max-width:1366px) and (min-width:800px) {
    .wdth10 {
        width: 10%
    }
    .wdth15 {
        width: 15%
    }
    .wdth20 {
        width: 20%
    }
    .wdth30 {
        width: 30%
    }
    .wdth40 {
        width: 40%
    }
    .wdth50 {
        width: 50%
    }
    .wdth55 {
        width: 55%
    }
    .wdth60 {
        width: 60%
    }
    .wdth70 {
        width: 70%
    }
    .wdth80 {
        width: 80%
    }
    .wdth85 {
        width: 85%
    }
    .wdth90 {
        width: 90%
    }
    .wdth100 {
        width: 100%
    }
    .dnone {
        display: none!important
    }
    .nobg {
        background-image: none!important
    }
    .proimg img {
        max-width: 100%
    }
    .mainform .wpcf7 input[type=submit] {
        background-position: -85px
    }
    .woman {
        left: -100px
    }
    .readmore {
        width: 70%
    }
    .col4444 {
        width: calc(100%/4 - 50px)
    }
    .aboutcontent {
        top: 0;
        padding: 40px 0
    }
    .posts-wrap .slick-slide {
        margin: 0 10px!important
    }
    .products .col333 {
        width: calc(100%/2 - 20px)
    }
    .tabcontent .col44 {
        width: calc(100%/3 - 30px)
    }
}

@media (max-width:1200px) and (min-width:800px) {
    .wdth10 {
        width: 10%
    }
    .wdth15 {
        width: 15%
    }
    .wdth20 {
        width: 20%
    }
    .wdth30 {
        width: 30%
    }
    .wdth40 {
        width: 40%
    }
    .wdth50 {
        width: 50%
    }
    .wdth55 {
        width: 55%
    }
    .wdth60 {
        width: 60%
    }
    .wdth70 {
        width: 70%
    }
    .wdth80 {
        width: 80%
    }
    .wdth85 {
        width: 85%
    }
    .wdth90 {
        width: 90%
    }
    .wdth100 {
        width: 100%
    }
    .dnone {
        display: none!important
    }
    .nobg {
        background-image: none!important
    }
    .mar0 {
        margin: 0 auto
    }
    .proimg img {
        max-width: 100%
    }
    .mainform .wpcf7 input[type=submit] {
        background-position: -85px
    }
    .woman {
        left: -100px
    }
    .readmore {
        width: 70%
    }
    .col4444 {
        width: calc(100%/4 - 50px)
    }
    .aboutcontent {
        top: 0;
        padding: 40px 0
    }
    .posts-wrap .slick-slide {
        margin: 0 10px!important
    }
    .products .col333 {
        width: calc(100%/2 - 20px)
    }
    .tabcontent .col44 {
        width: calc(100%/3 - 30px)
    }
}

@media (max-width:1024px) and (min-width:800px) {
    .wdth10 {
        width: 10%
    }
    .wdth15 {
        width: 15%
    }
    .wdth20 {
        width: 20%
    }
    .wdth30 {
        width: 30%
    }
    .wdth40 {
        width: 40%
    }
    .wdth50 {
        width: 50%
    }
    .wdth55 {
        width: 55%
    }
    .wdth60 {
        width: 60%
    }
    .wdth70 {
        width: 70%
    }
    .wdth80 {
        width: 80%
    }
    .wdth85 {
        width: 85%
    }
    .wdth90 {
        width: 90%
    }
    .wdth100 {
        width: 100%
    }
    .dnone {
        display: none!important
    }
    .nobg {
        background-image: none!important
    }
    .mar0 {
        margin: 0 auto
    }
    .proimg img {
        max-width: 100%
    }
    .mainform .wpcf7 input[type=submit] {
        background-position: -85px
    }
    .woman {
        left: -100px
    }
    .readmore {
        width: 70%
    }
    .col4444 {
        width: calc(100%/4 - 50px)
    }
    .aboutcontent {
        top: 0;
        padding: 40px 0
    }
    .posts-wrap .slick-slide {
        margin: 0 10px!important
    }
    .products .col333 {
        width: calc(100%/2 - 20px)
    }
    .tabcontent .col44 {
        width: calc(100%/3 - 30px)
    }
}
#MobBtns{
	display: none;
}
@media (max-width:800px),
(max-device-width:800px) {
    nav#MainNav .back-to-menu,
    nav#SideMenu .back-to-menu {
        cursor: pointer
    }
    .nomobile {
        display: none!important
    }

    .mblock {
        display: block!important
    }
    .txleft {
        text-align: left!important
    }
    .txright {
        text-align: right!important
    }
    .minrowf {
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex!important;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .MenuSlide.act
    {
        right: 0!important;
        width: 100%;
    }
    .mcenter {
        text-align: center!important
    }
    .mrelative {
        position: relative!important
    }
    .minitxt {
        text-align: initial!important
    }
    .mbold {
        font-weight: 700!important
    }
    .hauto {
        height: auto!important
    }
    .mright {
        right: 0!important
    }
    .mleft {
        left: 0!important
    }
    .mmargin {
        margin: 0 auto!important
    }
    .mrgz {
        margin: 0
    }
    .mpz {
        padding: 0
    }
    .mjust {
        justify-content: center!important
    }
    .bckp64 {
        background-position: 64%
    }
    .mtpz {
        top: 0!important
    }
    .mflnone {
        float: none!important
    }
    .mfcc,
    .mflex {
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
    .maic,
    .mfcc {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        -webkit-align-items: center;
        align-items: center
    }
    .maifs {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }
    .maife {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }
    .mjcsb {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
    .mjcsa {
        -webkit-box-pack: space-around;
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }
    .mfcc,
    .mjcc {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
    .mjcfs {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .mjcfe {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .mfdc {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .mfdcr {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .mfdrr {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .mfw {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .jstc {
        justify-content: center
    }
    .mmb5 {
        margin-bottom: 5px!important
    }
    .mpdt30 {
        padding-top: 30px
    }
    .mpdr20 {
        padding-right: 20px
    }
    .mpdr30 {
        padding-right: 30px
    }
    .mpdr0 {
        padding-right: 0
    }
    .mpb30 {
        padding-bottom: 30px!important
    }
    .mpb50 {
        padding-bottom: 50px!important
    }
    .mpb90 {
        padding-bottom: 90px!important
    }
    .mmb10 {
        margin-bottom: 10px!important
    }
    .mmb15 {
        margin-bottom: 15px!important
    }
    .mmb20 {
        margin-bottom: 20px!important
    }
    .mmb25 {
        margin-bottom: 25px!important
    }
    .mmt20 {
        margin-top: 20px!important
    }
    .mmt110 {
        margin-top: 110px!important
    }
    .mmb90 {
        margin-bottom: 90px!important
    }
    .mmb200 {
        margin-bottom: 200px!important
    }
    .mmp10 {
        padding: 10px
    }
    .mmp30 {
        padding: 30px
    }
    .mptb80 {
        padding: 80px 0;
    }
    .mmb30 {
        margin-bottom: 30px!important
    }
    .mcol2 {
        width: calc(100%/2 - 5px)
    }
    .mpb10 {
        padding-bottom: 10px!important
    }
    .mpdt10 {
        padding-top: 10px
    }
    .mpt120 {
        padding-top: 120px
    }
    .mpdgb200 {
        padding-bottom: 220px!important
    }
    .mdp {
        padding: 20px 0!important
    }
    .mmw50 {
        width: 50%!important;
        max-width: 50%!important
    }
    .mmw100,
    .topimages .proimages {
        max-width: 100%!important
    }
    .mw55 {
        width: 55%!important
    }
    .mw50s5 {
        width: calc(50% - 5px)!important
    }
    .mw50s10 {
        width: calc(50% - 10px)!important
    }
    .wauto {
        width: auto!important
    }
    .mw10 {
        width: 10%
    }
    .mw20 {
        width: 20%
    }
    .mw30 {
        width: 30%
    }
    .mw50 {
        width: 50%
    }
    .mw60 {
        width: 60%
    }
    .mw70 {
        width: 70%
    }
    .mw26 {
        width: 26%
    }
    .mw40 {
        width: 40%
    }
    .mw90 {
        width: 90%!important
    }
    .mw80 {
        width: 80%!important
    }
    .mmxh1000 {
        max-height: 1000px!important
    }
    .mw100 {
        width: 100%!important
    }
    .mbw60 {
        width: 60%!important
    }
    .mha {
        max-height: 2000px
    }
    .halfborderm {
        border-bottom: none;
        background: linear-gradient(#98cd67, #98cd67) bottom center no-repeat;
        background-size: 100% 3px
    }
    .mhfs15 {
        font-size: 15px
    }
    .mhfs23 {
        font-size: 23px
    }
    .mhfs25 {
        font-size: 25px
    }
    .mhfs21 {
        font-size: 21px
    }
    .mhfs17 {
        font-size: 17px
    }
    .mhfs18 {
        font-size: 18px
    }
    .mhfs19 {
        font-size: 19px
    }
    .mhfs29 {
        font-size: 29px
    }
    .mhfs30 {
        font-size: 30px
    }
    .mhfs34 {
        font-size: 34px
    }
    .mhfs35 {
        font-size: 35px
    }
    .mhfs38 {
        font-size: 38px
    }
    .mhfs40 {
        font-size: 40px
    }
    .mhfs50 {
        font-size: 50px
    }
    .mhfs60 {
        font-size: 60px
    }
    .borderbot {
        border-bottom: 3px solid #000
    }
    .top20 {
        top: 150px!important
    }
    .bckpy {
        background-position-y: 7px
    }
    .mbgrw {
        background-color: rgba(255, 255, 255, .8)
    }
    .mbgrb {
        background-color: rgba(0, 0, 0, .8)
    }
    .mbxh75 {
        max-height: 750px
    }
    .mmxh2000 {
        max-height: 2000px!important
    }
    .mmxh3000 {
        max-height: 3000px!important
    }
    .bordr {
        border-bottom: 4px solid #96c22b;
        padding-bottom: 5px;
        border-right: none
    }
    .bckgn {
        background: #473a2c
    }
    .mmxh84 {
        max-height: 840px
    }
    .mlh1 {
        line-height: 1
    }
    .mnha {
        min-height: auto!important
    }
    .mbh350 {
        height: 350px!important
    }
    .mbh375 {
        height: 375px!important
    }
    .mbh200 {
        height: 200px!important
    }
    .mbh400 {
        height: 400px!important
    }
    .mbh500 {
        height: 500px!important
    }
    .mbh1000 {
        height: 1000px!important
    }
    .mbh300 {
        height: 300px!important
    }
    .mbh580 {
        height: 580px!important
    }
    .mbh600 {
        height: 600px!important
    }
    .mbh700 {
        height: 700px!important
    }
    .mbh750 {
        height: 750px!important
    }
    .mbh950 {
        height: 950px!important
    }
    .mbh1200 {
        height: 1200px!important
    }
    .mbh2000 {
        height: 2000px!important
    }
    .mbh2500 {
        height: 2500px!important
    }
    .mbh3000 {
        height: 3000px!important
    }
    .mmnh350 {
        min-height: 350px!important
    }
    .mmnh400 {
        min-height: 400px!important
    }
    .mmnh450 {
        min-height: 450px!important
    }
    .mmnh500 {
        min-height: 500px!important
    }
    .mmnh700 {
        min-height: 700px!important
    }
    .mmnh750 {
        min-height: 750px!important
    }
    .mh50 {
        height: 50%
    }
    .noback {
        background-image: none!important
    }
    .mbgscov {
        background-size: cover!important
    }
    .rpty {
        background-repeat: repeat-y!important
    }
    .nosite {
        display: block!important
    }
    .nosite1 {
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex!important;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .bnone {
        border: none!important
    }
    .mbpr {
        background-position: right
    }
    .mbpc {
        background-position: center
    }
    .headbut1,
    .headbut2 {
        background-repeat: no-repeat!important;
        background-size: 30px!important;
        background-position: center center!important
    }
    .mwhite {
        color: #fff!important
    }
    .mblack {
        color: #000!important
    }
    #content {
        padding-bottom: 0
    }
    #leos,
    footer {
        position: static
    }
    .headbut1,
    .headbut2 {
        width: 45px!important;
        height: 45px;
        margin: 5px 2px!important
    }
    .PRODUCTGALLERY {
        display: none!important
    }
    .headbut1 {
        background-image: url(images/drop.svg)!important
    }
    .headbut2 {
        background-image: url(images/location.svg)!important
    }

    .img2 {
        right: -45px
    }
    .galgrid.slick-slider {
        margin-bottom: 0!important
    }
    .whitebg {
        background-color: rgba(255, 255, 255, .8);
        z-index: 0
    }
    .topimages .proimages {
        max-height: 100%!important;
        position: relative!important;
        bottom: 0!important
    }
    .gif2,
    .proimg img {
        max-width: 100%;
        max-height: 100%
    }
    .pageform .wpcf7 input[type=submit] {
        height: auto;
        width: 100%
    }
    .MenuSlide {
        top: 55px;
        position: fixed;
        height: 100vh;
        width: 100%;
        right: -100%;
        background: rgba(31, 78, 108, .95)
    }
    .MenuSlide.active {
        animation: slideright .5s;
        right: 0
    }
    #MobNavBtn {
        position: absolute;
        top: 5px;
        right: 0;
        background-color: #1f5171;
        z-index: 100000000
    }
    #MobNavBtn span {
        background-color: #fff!important
    }
    #MobNavBtn.slideright span:nth-child(2) {
        opacity: 0;
        visibility: hidden
    }
    #MobNavBtn.slideright span:nth-child(1) {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg)
    }
    #MobNavBtn.slideright span:nth-child(3) {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg)
    }
    nav#SideMenu div.main_menu>ul>li {
        padding: 10px 0
    }
    nav#SideMenu div.main_menu>ul>li>a {
        font-size: 25px
    }
    nav#SideMenu div.main_menu ul li.menu-item-has-children:after,
    nav#SideMenu div.main_menu ul.active .back-to-menu:after {
        display: block;
        content: '';
        position: absolute;
        top: 12px;
        left: 6px;
        width: 16px;
        height: 16px;
        background-size: contain;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }
    nav#SideMenu div.main_menu ul.active .back-to-menu:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    nav#SideMenu div.main_menu ul.active li.menu-item-has-children {
        padding: 0;
        width: 100%
    }
    nav#SideMenu div.main_menu ul.active li.menu-item-has-children:after {
        display: none
    }
    nav#SideMenu div.main_menu>ul>li>ul.sub-menu {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
        background-color: inherit;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }
    nav#SideMenu div.main_menu>ul>li>ul.sub-menu li a {
        font-size: 20px
    }
    nav#SideMenu .sub-menu li {
        padding: 10px 0
    }
    nav#SideMenu div.main_menu>ul>li>ul.sub-menu.chekd {
        height: 0;
        position: relative;
        visibility: visible;
        pointer-events: auto
    }
    nav#SideMenu ul.sub-menu li:not(.back-to-menu) {
        display: block;
        width: calc(100% - 10px);
        margin: 0 auto 0 0;
        padding: 0;
        position: relative
    }
    nav#SideMenu ul.sub-menu li:nth-child(1),
    nav#SideMenu ul.sub-menu li:nth-child(2) {
        margin: 0;
        width: 100%
    }
    nav#SideMenu div.main_menu>ul>li.active>ul.sub-menu {
        opacity: 1;
        top: 100%;
        right: 0
    }
    nav#SideMenu div.main_menu>ul.active>li>a {
        position: absolute;
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }
    .switcher
    {
        display: none!important;
    }

    nav#MainNav ul li {
        position: relative
    }
    @keyframes slideright1 {
        0% {
            right: 0
        }
        100% {
            right: 88%
        }
    }
    @keyframes slideright {
        0% {
            right: -200px
        }
        100% {
            right: 0
        }
    }
    .proimg img {
        bottom: 0
    }
    .protitle p {
        font-size: 22px
    }
    .prolink {
        float: none
    }
    .mainform .wpcf7 input[type=submit] {
        background-position: -55px
    }

    .readmore {
        width: 75%;
        color: #fff!important
    }
    .galgrid {
        display: block!important
    }
    #MobNavBtn1,
    #MobNavBtn1 span,
    .projgrid,
    nav#MainNav {
        display: block
    }
    .galgrid .gridimg {
        width: 100%;
        height: 350px
    }
    .galgrid .readmore {
        height: 60px!important
    }
    .collectiont h3 {
        font-size: 40px
    }
    .collectiont h2 {
        font-size: 39px
    }
    .Year {
        font-size: 200px
    }
    .aboutcontent {
        top: 0
    }
    .numbers {
        width: 150px!important;
        height: 150px!important;
        font-size: 80px!important
    }
    .btn-file,
    .pageform .wpcf7 input[type=email],
    .pageform .wpcf7 input[type=file],
    .pageform .wpcf7 input[type=tel],
    .pageform .wpcf7 input[type=text],
    .pageform .wpcf7 select {
        height: 50px
    }
    .topimage {
        min-height: 200px!important
    }
    .btn-file {
        margin-bottom: 20px;
        background-size: contain
    }
    .projgrid .gridimg {
        height: 300px;
        margin-bottom: 20px
    }
    .projgrid .gridimg .bluebg {
        opacity: .9
    }
    .img4 {
        top: -40px;
        max-width: 40%
    }
    .img7,
    .img8 {
        right: -25px
    }
    #MobNavBtn1,
    nav#MainNav {
        -webkit-border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }
    #MobNavBtn1 {
        position: absolute;
        top: 10px;
        right: 100%;
        width: 45px;
        height: 45px;
        background: inherit;
        z-index: 9999
    }
    #MobNavBtn1 span {
        height: 4px;
        width: 70%;
        background: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: 0 auto;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        opacity: 1
    }
    #MobNavBtn1 span:nth-child(1) {
        -webkit-transform: translate(-50%, -280%);
        transform: translate(-50%, -280%)
    }
    #MobNavBtn1 span:nth-child(2) {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    #MobNavBtn1 span:nth-child(3) {
        -webkit-transform: translate(-50%, 180%);
        transform: translate(-50%, 180%)
    }
    nav.active #MobNavBtn1 span:nth-child(2) {
        opacity: 0;
        visibility: hidden
    }
    nav.active #MobNavBtn1 span:nth-child(1) {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg)
    }
    nav.active #MobNavBtn1 span:nth-child(3) {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg)
    }
    nav#MainNav .container,
    nav#MainNav div.main_menu {
        width: 100%
    }
    nav#MainNav {
        position: fixed;
        width: 200px;
        z-index: 999;
        bottom: 0;
        top: 0;
        right: -200px;
        height: 100vh;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }
    nav#MainNav,
    nav#MainNav ul.sub-menu {
        background-color: #252525!important
    }
    nav#MainNav.active {
        right: 0
    }
    nav#MainNav div.main_menu>ul {
        display: block;
        height: calc(100vh - 50px);
        overflow-x: hidden;
        overflow-y: auto
    }
    nav#MainNav ul li:after {
        display: none
    }
    nav#MainNav ul li a {
        display: block;
        color: #fff;
        font-size: 20px;
        padding: 5px 10px;
        width: calc(100% - 20px)
    }
    nav#MainNav div.main_menu>ul>li>a {
        padding: 5px 10px 5px 30px;
        width: calc(100% - 40px);
        font-size: 22px
    }
    nav#MainNav div.main_menu ul li.active,
    nav#MainNav div.main_menu ul li.current-menu-item {
        background-color: #3b3a3a
    }
    nav#MainNav div.main_menu ul li.menu-item-has-children:after,
    nav#MainNav div.main_menu ul.active .back-to-menu:after {
        display: block;
        content: '';
        position: absolute;
        top: 12px;
        left: 6px;
        width: 16px;
        height: 16px;
        background: url(images/svg/wmob-menu-arrow.svg) center center no-repeat;
        background-size: contain;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }
    nav#MainNav div.main_menu ul.active .back-to-menu:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    nav#MainNav div.main_menu ul.active li.menu-item-has-children {
        padding: 0;
        width: 100%
    }
    nav#MainNav div.main_menu ul.active li.menu-item-has-children:after,
    ul.sub-menu {
        display: none
    }
    nav#MainNav div.main_menu>ul>li>ul.sub-menu {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
        background-color: inherit;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }
    nav#MainNav div.main_menu>ul>li>ul.sub-menu.chekd {
        height: 0;
        position: relative;
        visibility: visible;
        pointer-events: auto
    }
    nav#MainNav ul.sub-menu li:not(.back-to-menu) {
        display: block;
        width: calc(100% - 10px);
        margin: 0 auto 0 0;
        padding: 0;
        position: relative
    }
    nav#MainNav ul.sub-menu li:nth-child(1),
    nav#MainNav ul.sub-menu li:nth-child(2) {
        margin: 0;
        width: 100%
    }
    nav#MainNav div.main_menu>ul>li.active>ul.sub-menu {
        opacity: 1
    }
    nav#MainNav div.main_menu>ul.active>li>a {
        position: absolute;
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }
    #MobBtns {
        display: block;
        position: fixed;
        bottom: 3px;
        left: 2.5px;
        z-index: 99999
    }
    #MobBtns a {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin: 2.5px 0;
        background: #147996;
        border: 1px solid #2c5571;
        position: relative
    }
    #MobBtns a svg {
        fill: #fff;
        width: 60%;
        height: 60%
    }
    table {
        width: 100%
    }
    thead {
        display: none
    }
    tr:nth-of-type(2n) {
        background-color: inherit
    }
    tr td:first-child {
        background: #f0f0f0;
        font-weight: 700;
        font-size: 1.3em
    }
    tbody td {
        display: block;
        text-align: center
    }
    tbody td:before {
        content: attr(data-th);
        display: block;
        text-align: center
    }
}


.search-prod-title{
    display: flex;
    align-items: center;
    font-family: Acumin, open-sans-he, Arial, sans-serif;
    font-weight:400;
}
.product-search-image {

}

.product-search-image img{
    display: block;
    width: 60px;
    height: auto;
}

.ui-autocomplete {
    padding: 5px;
    width: auto !important;
}
.ui-widget.ui-widget-content{
    max-height: 400px;
    overflow-y: auto;
}
.product-search-image{
    width: 85px;
    height: 85px;
    border-radius: 50%;
    margin: 10px 0;
    border: 1px solid;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
    background-color: #fff;
}
.ui-autocomplete a{
    display: flex;
    justify-content: space-between;
    padding: 0!important;
}

.ui-autocomplete li {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 3px 8px;
}
.ui-menu .ui-menu-item-wrapper{
    width: 100%;
}
html{
    overflow-x: hidden;
}
.search-prod-title{
    font-family: almoni-tzar, sans-serif;
}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: rtl!important; }