@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------

Prototype Version:  2.4

*/

/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/

@font-face {
    font-family: 'Gisha';
    src: url('../fonts/Gisha-Bold.eot');
    src: url('../fonts/Gisha-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gisha-Bold.woff2') format('woff2'),
        url('../fonts/Gisha-Bold.woff') format('woff'),
        url('../fonts/Gisha-Bold.ttf') format('truetype'),
        url('../fonts/Gisha-Bold.svg#Gisha-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gisha';
    src: url('../fonts/Gisha.eot');
    src: url('../fonts/Gisha.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gisha.woff2') format('woff2'),
        url('../fonts/Gisha.woff') format('woff'),
        url('../fonts/Gisha.ttf') format('truetype'),
        url('../fonts/Gisha.svg#Gisha') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Assistant';
    src: url('Assistant-Regular.woff2') format('woff2'),
        url('Assistant-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --black: #000;
    --white: #fff;
    --black2:#202020;
    --golden:#cab985;
    --default-font: 'Gisha';
}

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent;border: 0;font-size: 100%;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br{height: 0;}
ul.unstyled{list-style: none; padding-left: 0;}
html, body{-webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
body{position:relative; color: var(--black); font-family: var(--default-font); font-size: 16px;}
body *{direction: rtl}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}


/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6{font-weight:bold;}

/* Specific Header Settings */
h1 {font-size: 44px;}
h2 {font-size:28px;text-align: center;}
h3 {font-size:24px;}
h4 {font-size:22px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}

/* Create the Default Paragraphs */
p{color: var(--secondar);}

/* Other Typo */
strong {font-weight: bold;}
hr{border:1px var(--black) solid; clear: both; height: 0;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img{border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color: var(--primary); text-decoration:none; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
a:hover{color: var(--pink);}
a:focus {outline: none;}

/* button */
.btn{border: 1px solid var(--pink); background: transparent; padding: 10px 20px; color: var(--pink); -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.btn:hover, .btn-pink{background-color: var(--pink); color: var(--white);}
.btn-pink:hover{background-color: transparent;color: var(--pink);}
.btn-radius{border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;}

/* 5. Forms
------------------------------------------------------------------------------*/
input[type='submit']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none; font-family: var(--default-font);}
select{-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
input[type='text'],input[type='tel'],input[type='email'],input[type='password']{font-family: var(--default-font);}
textarea{overflow:auto;font-family: var(--default-font);}
::-webkit-input-placeholder{ color: var(--primary);}
:-moz-placeholder{ color: var(--primary);}
::-moz-placeholder{ color: var(--primary);}
:-ms-input-placeholder{ color: var(--primary);}
::-ms-input-placeholder{ color: var(--primary);}
:placeholder-shown{ color: var(--primary);}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* 7. Framework
------------------------------------------------------------------------------*/

/* Common CSS */
/*common margin style*/
.m0{margin:0 !important;}

/*all padding zero*/
.p0{padding:0 !important;}

/*common display style*/
.dis-b{display:block}
.d-flex{display: flex;}
.align-items-center{align-items: center;}
.justify-content-center{justify-content: center;}
.justify-content-between{justify-content: space-between;}

.pos_rel{ position:relative;}
.hidden{ display:none !important;}

/*border*/
.no_bdr{border:none !important;}

/*common fonts style*/
.fnormal{font-weight: normal;}
.fbold{font-weight:bold;}

/*transition effect*/
.tra{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/* Page Layout */
#full_wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */}
.container{ max-width:1250px; margin:0 auto; padding-left: 15px; padding-right: 15px;}
.content{ margin:0 auto; padding:0; width:100%;}


header{width: 100%; position: fixed; top: 25px; right: 0px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;z-index: 9;}
.fixed_header{background: var(--black2);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; top:0px; padding: 20px 0px;}
.head_in{display: flex; align-items: center; justify-content:  space-between;}
.head_rht a{font-size: 20px; display: inline-flex; padding: 10px 60px; background: var(--black);color: var(--white);border: 1px solid var(--white); border-radius: 30px; align-items: center;}
.head_rht a img{padding-left: 5px;}
.head_rht a:hover{background: var(--golden);}
.head_in ul li {display: inline-block; padding: 0px 10px; border-left: 1px solid var(--white);}
.head_in ul li:last-child{border: none;}
.head_in ul li a{font-size: 19px;color: var(--white);}
.head_in ul li a:hover{color: var(--golden);}
.head_in ul li a img{padding-left: 5px;}
.banner{background: url(../images/site/back.png)no-repeat; background-size: cover; height: 900px; padding-top: 155px;}
.banner_in{display: flex;align-items: center;}
.banner_lft{width: 618px;padding: 25px 25px 0px 25px;background:rgb(0 0 0 / 30%);height: 743px;}
.banner_rht{width: calc(100% - 618px); }
.about{padding: 230px 0px 130px;}
.about_rht{width: 590px; background: var(--golden);height: 370px;position: relative;}
.about_rht img{width: 96%;height: 100%;margin-top: 25px; margin-right: 25px;}
.about_in{display: flex; align-items: center;}
.about_lft{width: calc(100% - 590px); padding-right: 135px;}
.about_lft h6{font-size: 19px;color: var(--black2);}
.about_lft h2{font-size: 44.27px; color: var(--black2); font-weight: bold;}
.line{width: 65px; height: 5px; background: var(--golden); margin: 20px 0px;}
.about_lft p{font-size: 17.72px;color: var(--black2);line-height: 1.5;padding-bottom: 20px; text-align: right;}
.about_lft li{display: inline-block;margin-left: 35px;margin-top: 30px;}
.about_lft li:last-child{margin-left: 0px;}
.about_lft li a{font-size: 17.63px; color: #8b8b8b;padding: 10px 30px; border: 1px solid #8b8b8b; border-radius: 30px; min-width: 170px; display: flex; align-items: center; justify-content: center;}
.about_lft li a img{padding-left: 5px;}
.about_lft li a:hover{border-color: var(--golden);}
.about_in h1{text-align: right;}

.whyneccessary{padding: 115px 0px;background: #f6f6f6;}
.whyneccessary_in h6{font-size: 15px; color: #737373; font-weight: bold; text-align: center;line-height: 4px;line-height: 1.5;}
.whyneccessary_in h4{font-size: 25px;color: #121212; font-weight: bold; text-align: center;line-height: 1.5;}
.whyneccessary_in .line{margin: 10px auto; height: 3px;;}

.foot_up{background: url(../images/site/foot_back.png) no-repeat; background-size: cover;padding: 50px 0px; text-align: center;}
.foot_up img{height: 154px;}
.foot_down {padding: 12px 0px; background: #1b1b1b;}
.foot_down p{font-size: 14px; color: var(--white); display: flex; align-items: center;}
.foot_in{display: flex; align-items: center; justify-content: space-between;}
.foot_in a{margin-right: 10px;margin-top: 2px;}
.attorney{width: 31.6%; border-left: 1px solid #dddddd; text-align: center; padding: 0px 80px; min-height: 245px; margin-bottom: 40px; margin-left: 0px;}
.attorney h5{font-size: 18px; color: #161616;font-weight: bold;padding-bottom: 15px; padding-top: 35px;} 
.attorney p{font-size: 14x; color: #737373;} 
.row{display: flex; flex-wrap: wrap;padding-top: 90px;}
.attorney:nth-child(3n){border-left: 0px; margin-left: 0px;}
.secondpart{padding: 20px 80px 0px 80px;position: relative;}
.secondpart::after{content: "";position: absolute; width: 95%; height: 1px;background: #dddddd;top:-15px; right: 8px;}
.padding_40{padding: 20px 45px 0px 45px;}
.contact{padding: 130px 0px; background: url(../images/site/contact.png)no-repeat; background-size: cover; position: relative;}
/* .contact::after{content: "";position: absolute; width: 90%; height: 90%; border: 1px solid rgb(221 221 221 / 40%); top: 60px; right: 100px;} */
.contact_con{text-align: center; color: var(--white);}
.contact_con h2{font-size: 53px;   padding-bottom: 15px; 
    /* font-family: 'Open Sans Hebrew'; */
}
.contact_con p{font-size: 16px; }
.contact_con .line{margin: 20px auto 30px;}
.contact_con a{font-size: 20px; display: inline-flex; padding: 10px 60px;color: var(--white);border: 1px solid var(--white); border-radius: 30px; align-items: center; margin-bottom: 45px;}
.contact_con a img{padding-right: 5px;transform: rotate(230deg);}
.contact_con a:hover{background: var(--golden);}

.contact_form{padding: 75px 50px;box-shadow: 0px 0px 15px 0px rgba(0,0,0); display: flex; align-items: flex-start;}
.contact_rht{padding-left: 113px;width: 100%;}
.contact_rht h3{font-size: 22px;color: var(--white);padding-bottom: 15px;
    /* font-family: 'Open Sans Hebrew'; */
}
.form_input{font-size: 15px; color: #545454;font-family: 'Open Sans Hebrew' !important; width: 100%; height: 50px; background: var(--white); padding: 15px 20px;margin-bottom: 10px;}
textarea.form_input{height: 125px; resize: none;}
.contact_rht button{font-size: 16px;color: #050506;font-family: 'Open Sans Hebrew';padding: 10px 25px;background: #e5d9b3; outline: none; border: none; display: inline-flex; align-items: center;border-radius: 5px;float: left;}
.contact_rht button:hover{background-color: var(--white);}
.contact_rht button img{padding-right: 5px; }

.contact_lft{padding-right: 113px; width: 100%;}
.contact_lft{border-right:1px solid #545454;}
.contact_lft li{ font-family: 'Assistant'; display: flex; list-style: none; font-size: 20px; color: var(--white); align-items: center; margin-top: 20px;}
.contact_lft li span{padding-right: 20px;}
.contact_lft li span b{display: block;}
.contact_lft iframe{width: 100%; height: 250px;}

/* Scrolling animate css */
[data-animate^=fade]{opacity:0;-webkit-transition:1.5s;-moz-transition:1.5s;-ms-transition:1.5s;-o-transition:1.5s;transition:1.5s;}
[data-animate^=fade].animate-view{opacity:1; -webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);}

[data-animate="fade-up"]{-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);}
[data-animate="fade-down"]{-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-ms-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px);}
[data-animate="fade-right"]{-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px);}
[data-animate="fade-left"]{-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px);}



/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
button{cursor: pointer;}
.head_in ul li {border-color: #cab98580 !important;}
.head_in ul li:last-child a img{width: 24px;position: relative;top: 2px;left: 3px;}
.head_in ul li:first-child a {position: relative;top: 4px;}
.head_in ul li:first-child a img{width: 25px;}