/*
Theme Name: Ramot
Description:  A simple, three column, widget-ready WordPress theme.
Author:  Colours
Author URI:  http://finext.co.il
version:  5.0
Tags:  fixed-width, three-columns, threaded-comments, brown
*/
@import url('assets/css/site.css');
@import url('assets/fonts/fontawesome.css');
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&display=swap');
.assistant-<uniquifier> {
  font-family: "Assistant", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.ty {font-size: 3em; margin: 0 auto; text-align: center; padding: 50px;line-height: 2.5em;}
html { font-size: 10px; }
body { color: var(--black); font-family: "Assistant", sans-serif; font-weight: 400; font-size: 16px; padding-top: 114px; direction: rtl; }
input, textarea, button, select { font-family: "Assistant", sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; line-height: 1.1; margin-bottom: 10px; } 
p { line-height: 1.4; }
#wrapper { max-width: 100%; }
.wrap { max-width: 1640px; padding: 0 20px; }
.wrap.full { max-width: 1920px; padding: 0; }
.wrap-mdl { max-width: 1120px; padding: 0 20px; margin:0 auto; }
a { color: var(--black); }
img { height: auto !important; width: auto !important; }
b, strong { font-weight: 700; }
h1 { font-size: clamp(3.8rem, 4.8vw, 9.2rem); }
h2 { font-size: clamp(3.8rem, 3.2vw, 6.4rem); }
h3 { font-size: clamp(2.4rem, 2.2vw, 3.6rem); }

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #eee; border-radius: 0; }
::-webkit-scrollbar-thumb { background: #0B0E1D; border-radius: 0; }
::-webkit-scrollbar-thumb:hover { background: #0B0E1D; }

:root {
	--black: #000;
	--white: #fff;
}

[class*='btn-'] { background: var(--black); color: var(--white); padding: 0 30px; font-size: 1.8rem; text-transform: uppercase;
	border-radius: 12px; line-height: 56px; display: inline-block; text-align: center; white-space: nowrap; font-weight: 500; }
.btn-blue { background: var(--blue); color: var(--darkblue); }
.btn-blue:hover { background: var(--darkblue); color: var(--blue); box-shadow: inset 0 0 0 1px var(--blue); }
.privacy-policy .pgdefault ol,
.privacy-policy .pgdefault ul { padding-right: 18px;}
.privacy-policy .pgdefault a {text-decoration: underline;}
.privacy-policy .pgdefault a:hover {text-decoration: none;}
/* HEADER */
.mainheader { background: #0B0E1D; position: fixed; left: 0; right: 0; top: 0px; z-index: 999; transition: 0.5s; padding: 18px 0; border-bottom: 2px solid #FC7C74; }
.mainheader.sticky { padding: 10px 0; border-bottom: none; }
.admin-bar .mainheader { top: 32px; }
.admin-bar .mainheader.sticky { top: 0; }
.mainheader .flex { gap: 40px; }
.logo { display: block; max-width: 240px; width: 100%; transition: 0.3s; }
.logo a { display: block; }
/**/
.hmenu {  }
.tglmenu { background: transparent; width: 40px; height: 40px; position: relative; cursor: pointer; display: none; z-index: 99; border-radius: 12px; border: 1px solid #FC7C74; }
.tglmenu span { background: #FC7C74; width: 20px; height: 2px; left: 9px; position: absolute; border-radius: 0px; display: block; transition: 0.3s; transform-origin: center; }
.tglmenu span:nth-child(1) { top: 10px; }
.tglmenu span:nth-child(2) { top: 18px;  }
.tglmenu span:nth-child(3) { bottom: 10px; }
.tglmenu.active span:nth-child(2) { display: none; }
.tglmenu.active span:nth-child(1) { top: 50%; transform: rotate(45deg) translateY(0%); }
.tglmenu.active span:nth-child(3) { bottom: 45%; transform: rotate(-45deg) translateY(0%); }
/**/
.menu { display: flex; }
.menu > li { border-right: 1px solid #fff; display: block; position: relative; transition: 0.3s; padding: 0 35px; }
.menu > li > a { color: #fff; font-size: clamp(20px, 1.8vw, 30px); display: block; position: relative; line-height: 1.1; letter-spacing: 1.28px; } 
.menu > li.fclink a { display: flex; align-items: center; font-style: italic; height: 100%; 	padding-top: 4px; }
.menu > li.fclink a span { color: #FC7C74; font-weight: 700; display: none; } 
.menu > li:hover > a { color: #FC7C74; }
.menu > li.current-menu-item > a, .menu > li.current-menu-parent > a, .menu > li > .mPS2id-highlight { color: #FC7C74; }

/**/
.footer { font-size: clamp(16px, 2.4vw, 42px); padding: 40px 0 80px; }
.fright { display: grid; grid-template-columns: 1.3fr 1.2fr; width: 70%; gap: 20px; }
.fright p { line-height: 1.1; margin-bottom: 10px; }
.fright .lft { border-right: 1px solid #0B0E1D; padding-right: 30px; }
.fright a:hover { color:#FC7C74; text-decoration:underline; }
/**/
.pad60 { padding-top: clamp(40px, 4vw, 60px); padding-bottom: clamp(40px, 4vw, 60px); }
.pad80 { padding-top: clamp(40px, 5vw, 80px); padding-bottom: clamp(40px, 5vw, 80px); }
.pad100 { padding-top: clamp(40px, 6vw, 100px); padding-bottom: clamp(40px, 6vw, 100px); }
.fs20 { font-size: clamp(1.6rem, 1.3vw, 2rem); }
.fs26 { font-size: clamp(1.6rem, 1.5vw, 2.6rem); }
.fs32 { font-size: clamp(2rem, 2.2vw, 3.2rem); }
.fs64 { font-size: clamp(3.8rem, 3.2vw, 6.4rem); }
.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.blue { color: var(--blue); }

/* HOME */
.banner { background: #19203A; color: #fff; position: relative; z-index: 1; padding: 40px; }
.caption h1 { margin: 0; line-height: 1.2; font-size: clamp(2.5rem, 2.4vw, 4.9rem); text-align: center; }
/*.bnrimg { width: 100%; height: clamp(200px, 50vw, 740px); margin-bottom: 30px; }*/
.bnrimg { width: 100%; margin-bottom: 30px; }
.block1 { padding: 30px 0; }
.block1 .img { height: 100%; min-height: 400px; }
.block1 .mapimg { aspect-ratio: 1.745; display: block; position: relative; z-index: 50; }
.block1 .txt { background: #19203A; color: #fff; padding: 40px 60px; }
.block1 .txt h3 { font-size: clamp(3.2rem, 2.8vw, 4.6rem);  }
.block2 { background: #19203A; color: #fff; position: relative; z-index: 1; padding: 0 30px; }
.block2:before { content: ''; background: #fff; height: 300px; position: absolute; left: 0; bottom: 0; width: 100%; }
.block2 .txt { padding: 60px 0 40px; }
.block2 .txt h3 { font-size: clamp(3.2rem, 2.8vw, 4.9rem); }
.imgslider .item { height: clamp(220px, 100vw, 1040px); }
.imgslider .owl-nav { display: none; }
.owl-nav button.owl-next, .owl-nav button.owl-prev { background: #131316 !important; border-radius: 50%; font-size: 20px !important; width: 40px; height: 40px;
	position: absolute; top: 50%; transform: translateY(-50%); }
.owl-nav button.owl-next { right: 10px; }
.owl-nav button.owl-prev { left: 10px; }

.owl-dots { display: flex; justify-content: center; gap: 10px; position: absolute; bottom: 50px; left: 50%; width: auto; transform: translateX(-50%) }
.owl-dots button.owl-dot { border: 1px solid #fff; border-radius: 50%; width: 20px; height: 20px; } 
.owl-dots button.owl-dot.active { background: #fff !important; }

.imgcap, .planfile { background: rgba(0, 0, 0, 0.3); bottom: 40px; position: absolute; color: #fff; font-size: clamp(14px, 3vw, 48px); 
	line-height: 1; display: block; padding: 0 30px 4px; }
.imgcap { right: 0; }
.planfile { left: 0; }
.sep { background: #FC7C74; max-width: 240px; display: block; margin: 40px auto; border: 0; height: 1px; }
.block3 { padding: 70px 30px 40px; }
.block3 .txt h3 { font-size: clamp(1.8rem, 2.2vw, 3.2rem);  }
.block3 .txt h3 br { display: none; }
.block3 .thumbs { display: flex; justify-content: space-between; gap: 30px; padding: 0 30px; }
.block3 .thumbs .item { box-shadow: 13px 13px 0 -6px #19203A; }
.buildingimg { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; padding-top: clamp(30px, 3vw, 60px); }
.buildingimg .desc { background: #19203A; color: #fff; padding: 40px; }
.buildingimg .desc h3 { font-size: clamp(3.2rem, 2.8vw, 4.9rem); padding: 50px 0 70px; }
.buildingimg .item { min-height: clamp(210px, 30vw, 500px); }

/* FORM */
.frm .error {padding-top: 5px;}
.btmform { background: #19203A; color: #fff; }
.btmform .wrap { max-width: 620px; }
.btmform h3 { font-weight: 400; font-size: clamp(1.8rem, 2.2vw, 3.2rem); }
.btmform h3 b { font-weight: 600; }
.btmform .ctext { margin-bottom: 40px; }
.btmform .txtbox { background: #fff; color: #000; width: 100%; height: 70px; padding: 0 15px; font-size: clamp(2rem, 2.2vw, 3.2rem); text-align: center; }
.btmform .txtbox::-webkit-input-placeholder { color: #000; }
.btmform .txtbox:-moz-placeholder { color: #000; opacity: 1; }
.btmform .txtbox::-moz-placeholder { color: #000; opacity: 1; }
.btmform .txtbox:-ms-input-placeholder { color: #000; }
.btmform .submit { background: #FC7C74; color: #fff; height: 70px; font-size: clamp(2rem, 2.2vw, 3.2rem); width: 264px; margin: 0px auto; }
.btmform .submit:hover { background: #fff; color: #FC7C74; }

/* POST BLOCK */
.postwrap { background: var(--grey); }
.postwrap h3 span { font-size: clamp(2rem, 1.8vw, 3.4rem); }
.sectext { margin-bottom: 80px; }
.sectext h3 { font-weight: 700; margin-bottom: 20px; }
.post-item:not(:last-child) { margin-bottom: 120px; position: relative; }
.post-item:not(:last-child):before { content: ''; border-bottom: 5px solid var(--blue); width: 220px; border-radius: 10px; 
	position: absolute; bottom: -63px; left: 370px; }
.post-item .img { width: 330px; }
.post-item .desc { position: relative; width: calc(100% - 370px); }
.post-item h3 { max-width: 780px; padding: 10px 0 20px; }
.pthumb { padding: 48%; border-radius: 60px; }
.post-date { font-size: clamp(1.6rem, 1.3vw, 2.4rem); margin: 0 0 10px; }
/* BLOG */
.responseMessage {margin: 0 auto; text-align: center; font-size: 2em;padding-bottom: 15px;}
.pgblog { }
.blogpost { display: flex; flex-wrap: wrap; gap: 2.5%; }
.blogpost .item { width: 18%; margin-bottom: 2.5%; } 
.blogpost .blogpostbox .imginn { padding: 48% 0; }
.blogpost .desc h4 { position: relative; }
.blogpost .desc .arow { width: 30px; position: absolute; right: 0; }
.page-numbers { display: flex; justify-content: center; gap: 10px; }
.page-numbers li a, ul.page-numbers li span { border-radius: 50%; border: 1px solid #000; width: 50px; height: 50px; display: flex; justify-content: center; 
	align-items: center; font-size: 2rem; } 
.page-numbers li .current { background: #000; color: #fff; } 
.postbtmwrap { padding: 80px 0 40px; }

/* DEFAULT */
.pgdefault { padding: 80px 0 80px; font-size: 1.7rem; }
.pgdefault .ptitle { margin-bottom: clamp(50px, 5vw, 120px); }
.post-title { margin-bottom: clamp(50px, 5vw, 120px); font-size: clamp(3.2rem, 4.5vw, 6.4rem); }
.ptitle { font-weight: 700; text-align: center; text-transform: uppercase; margin-bottom: clamp(30px, 4vw, 50px); }
.pgdefault h2 { font-size: clamp(2rem, 2vw, 3.2rem); font-weight: 700; margin-bottom: 30px; }
.pgdefault h3, .pgdefault h4 { font-size: 2rem; font-weight: 700; text-decoration: underline; margin-bottom: 20px; }
.pgdefault p { margin-bottom: 30px; }
.pgdefault ol, .pgdefault ul { font-size: 1.7rem; line-height: 1.5; margin-bottom: 30px; padding-left: 30px; }
.pgdefault ol li { list-style: decimal; margin-bottom: 5px; }
.pgdefault ul li { list-style: disc; margin-bottom: 5px; } 
.pgdefault.blogpost { padding: 50px 0 60px; }
/**/
.aligncenter { margin: 0px auto; }
.alignleft { float: left; margin-right: 40px; margin-bottom: 30px; }
.alignright { float: right; margin-left: 40px; margin-bottom: 30px; }

.repost { border-bottom: 1px solid #050537; padding: 35px 0; }
.repost:last-child { border-bottom: none; }
.repost h4 { font-size: 2em; margin-bottom: 20px; }
.repost h4 a { color: #050537; }
.repost p { margin-bottom: 15px; }
.search-no-results .post { min-height: 400px; display: flex; align-items: center; justify-content: center; }

/* PAGE 404 */
#sec-error { display: flex; justify-content: center; align-items: center; text-align: center; padding: 100px 0 40px; }
.error-title { font-size: clamp(3rem, 4vw, 6rem); color: #333; padding: 0 0 20px; }
.error-title strong { font-size: clamp(5rem, 5vw, 8rem); display: block; color: #000; }
.error-text { max-width: 600px; margin: 0 auto; }
.error404 .btmform { display: none; }
.error404 .footanim { display: none; }
.pg404 { padding: 0 0 80px; }
.pg404 img { padding: 0 80px 0 0; }

form.search-form .submit { width: auto; padding: 0 10px; font-size: 16px; font-weight: bold; border: 1px solid #1890ff; color: #1890ff; 
	height: 40px; border-radius: 5px; } 
form.search-form .submit:hover { color: #fff; } 
form.search-form { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; padding: 20px 0 10px; } 
form.search-form .txtbox { border: 1px solid #ccc; width: 230px; height: 40px; border-radius: 5px; }

.mob-only { display: none; }
.sep.side-tablet { width: 120px; margin: 30px 0 0 auto;}
.fright p strong { font-weight: 400; }
#sec1 .lft .sep.side-tablet { margin: 35px 0 30px auto;}
.sec3-text h3 { margin-bottom: 30px;}

.quick-action { 
	position: fixed; 
	right: 0; 
	bottom: 0; 
	z-index: 999; 
	width: 100%;
	padding: 15px 20px;
	background-color: #19203A;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.link-btn-ramot {
	display: inline-flex;
    padding: 5px 25px 5px 45px;
    background-color: #FC7C74;
    color: #fff;
    align-items: center;
    justify-content: center;
    line-height: 40px;
    border-radius: 0;
	position: relative;
	z-index: 2;
	font-weight: 700;
	font-size: 21px;
}
.link-btn-ramot::before {
	content: '>';
	display: inline-flex;
	align-items: center;
	position: absolute;
	left: 20px;
	height: 100%;
	top: 0;
	line-height: 1;
	animation: blink 1s infinite;
}
.link-btn-ramot::after {
	content: '>';
	display: inline-flex;
	align-items: center;
	position: absolute;
	left: 30px;
	height: 100%;
	top: 0;
	line-height: 1;
	animation: blink 1s infinite;
}
@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    51% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}
.banner-title-mobile br { display: none; } 
.banner-title-mobile  {
	text-align: center;
	font-size: clamp(30px, 3vw, 49px);
	line-height: 1;
	font-weight: 600;
	color: #FC7C74;
	padding: 0 0 15px;
	margin: 0;
}
.foot-end {
	padding-bottom: 60px;
}

.cby {
    position: absolute;
    bottom: 10px;
    left: 20%;
}
.page-id-3 .pgdefault br { display:none;}

/*============== RESPONSIVE */ 
@media screen and (max-width: 1800px) {

}

@media screen and (max-width: 1600px) {	
p br { display: none; }
#sec4 .desc p:last-of-type {
	clear: both;
}
#sec4 .desc p:last-of-type br {
	display: none;
}
}

@media screen and (max-width: 990px) {	
body { padding-top: 98px;}
.mainheader { border-bottom: 2px solid #FC7C74; }
.mainheader .wrap > .flex { justify-content: flex-start; }
.tglmenu { display: block; position: absolute; left: 20px; }
.logo { max-width: 190px; }
.hmenu { flex-wrap: wrap; background: #0b0e1d; width: 100%; padding: 20px; position: absolute; left: 0; right: 0; top: calc(100% + 10px); 
	display: none; overflow: auto; z-index: 1; }
.hmenu.active { right: 0; }
.menu { display: block; width: 100%; }
.menu > li { border-right: 0; margin-bottom: 10px; }
.imgslider .owl-nav { display: block; }
.imgslider .owl-dots { display: none; }
.banner { padding: 20px 0 30px; }
.block1 { padding: 10px 0 10px; }
.block1 .txt { padding: 40px 20px; text-align: right; }
.block1 .lft { margin: 0; }
.block2 { padding: 30px 0 0 0; }
.block2 .txt { padding: 0 20px; }
.block3 { padding: 40px 15px 15px; }
.block3 .thumbs { padding: 0; gap: 10px; }
.block3 .thumbs .item { box-shadow: 4px 3px 0 -1px #19203A; }
.imgcap, .planfile { padding: 2px 10px 4px; }
.block3 .txt img { height: 40px !important; margin-bottom: 10px; }
.buildingimg { grid-template-columns: 1fr; margin: 0px -15px; gap: 5px; text-align: center; }
.buildingimg .desc { padding: 40px 20px; }
.buildingimg .desc img { float: none; margin: 0px auto; width: 120px!important; }
.buildingimg .desc h3 { padding: 10px 0 0px; text-align: right; }
.btmform .txtbox { height: 40px; font-size: 18px; }
.btmform .submit { height: 44px; width: 150px; margin: 35px auto 10px; font-size: 18px;}
footer .flex { align-items: inherit; }
.flogo { width: 120px; }
.fright { display: flex; flex-wrap: wrap; border-left: 1px solid #0B0E1D; width: 55%; gap: 10px; padding: 10px 0; }
.fright .lft { display: flex; gap: 5px; border-right: 0; padding-right: 0; }
.fright a { width: 16px; }
.imgslider .owl-nav button.owl-next, .imgslider .owl-nav button.owl-prev {
	background-color: #ffff!important;
	color: #000!important;
}
#sec2.block2:before { display: none;}
.sep { width: 130px; margin: 30px auto 35px;}
.imgslider .item { max-height: 60vw;}
.show-tablet { display: none;}
.mob-only { display: block;}
.sec3-sep { margin-bottom: 10px;}
#sec3 .thumbs { margin-top: 20px;}
.sep.side-tablet { margin: 30px auto 0 auto; width: 130px;}
#sec1 .lft .sep.side-tablet { margin: 30px auto 0 auto; width: 130px; }
.fright p strong { font-weight: 700; display: block; }
.block1 .mapimg {
    aspect-ratio: 1.5;
    background-size: cover !important;
    background-position: center bottom !important;
}
.sec3-text h3 { margin-bottom: 20px;}
.fright { flex-direction: column; gap: 0; }
.fright p { margin-bottom: 20px!important;}
.banner .wrap {
	display: flex;
	flex-direction: column-reverse;
}
.caption {
	padding: 0 0 30px;
	text-align: right;
	color: white;
	font-size: 22px;
}
.caption h1, .caption h2 {
	text-align: right;
	color: inherit;
	font-size: inherit;
}
.banner-title-mobile {
	text-align: right;
}
.banner-title-mobile br { display: block; } 
.block2 .txt { text-align: right; }
#sec3 .wrap p { text-align: right!important; }
#sec1 .rgt { display: none; }
.imgslider .owl-nav button.owl-prev {
	background: url(assets/img/ic-prev-mob.svg) center no-repeat!important;
	text-indent: -99999px;
}
.imgslider .owl-nav button.owl-next {
	background: url(assets/img/ic-next-mob.svg) center no-repeat!important;
	text-indent: -99999px;
}
.mob-hide { display: none; }
.gallery-grid {
	list-style: none;
	padding: 2px 0 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.gallery-grid > li {
	overflow: hidden;
	position: relative;
}
.pclabel {
	font-size: 14px;
	font-weight: 600;
	background: rgba(0, 0, 0, 0.3);
	display: inline-flex;
	align-items: center;
	padding: 0 20px;
	height: 21px;
	color: #fff;
	position: absolute;
	bottom: 20px;
	left: 0;
}
.btmform h3 {
	color: #FC7C74;
	font-size: 20px;
	font-weight: 600;
	max-width: 215px;
	margin: 0 auto;
}
.btmform .ctext {
	margin-bottom: 28px;
}
.imgwide { width: 100%!important; }
.foot-end {
	padding-bottom: 20px;
}
.caption h1 br, .caption h2 br { display: none; }
}


@media screen and (max-width: 767px) {
.quick-action {
	padding: 10px 20px;
	justify-content: center;
}
.link-btn-ramot {
	font-size: 18px;
	line-height: 30px;
}
.banner-title-mobile {
	display: block;
}
.cby {
    bottom: -24px;
    left: 50%;
    max-width: 40%;
    transform: translateX(-50%);
}
}

@media screen and (max-width: 460px) {

}