/*
Theme Name: Glilot Capotal
Theme URI:
Author: Eli Antebi / entry.
Author URI: https://www.entry.co.il/
Version: 1.2
*/
/* .login_button {width: fit-content;margin: 0 auto;margin-right: -80px;}
.login_button a{color: #fff;font-size: 16px;line-height: 16px;font-weight: 400;text-transform: uppercase;position: relative;z-index: 2;display: block;transition: all .2s ease;} */
.section-text p a{color: #288dda;}
.section-text p a:hover{color: #288dda;text-decoration: underline;}

.main-banner:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgb(27 38 66 / 35%);
}
.main-banner .title{ margin: 0 0 96px 0;}
.established .grid{background-image: none; padding: 60px 47px;}
.established .grid .row{margin: 0 -15px; display: flex; flex-wrap: wrap;justify-content: space-between;}
.established .grid .row>[class*="col-"]{ max-width: 25%; width: 100%; padding: 0 15px; text-align: center; position: relative;}
.established .grid .row>[class*="col-"]:not(:last-child)::after{content:"";width:0;height:100%;position:absolute;top:0;right:0;border-right:1px dashed #f2f2f2;}
.established .grid h2{font-size: 50px;color: #69b4ee;}
.established .grid p{font-size: 18px;}


.portfolio-section .item .modal-button,.portfolio-section .item .link_portfolio{position: absolute; inset: 0;z-index: 1;}
.portfolio-section .item figure{padding: 0 15px;}
.portfolio-section .item figure img{ width: auto;max-width: 220px;}
.portfolio-section .item .hover{overflow: hidden;}
.portfolio-section .item .hover h4,.portfolio-section .item .hover .text{ color: #ffffff;}
/* .portfolio-section .item .hover .text { overflow: hidden; display: -webkit-box;-webkit-line-clamp: 5; line-clamp: 5;-webkit-box-orient: vertical;} */


.portfolio-section .item:nth-child(4n-3) .hover {    
     background-color:#2e90dc !important;
}
.portfolio-section .item:nth-child(4n-2) .hover {
    background-color:#172643 !important;
}
.portfolio-section .item:nth-child(4n-1) .hover {
    background-color:#69b4ee !important;  
}
.portfolio-section .item:nth-child(4n) .hover {
    background-color:#76a2cc!important;
}
/******************** Modal css Start ********************/
.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:30px 15px;opacity:0;visibility:hidden;transition:all .5s ease;z-index:-1;}
.modal.modal-active{visibility:visible;opacity:1;transition:all .5s ease;transform:scale(1);z-index:9999;}
.modal .modal-backdrop{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(7px);}
.modal .modal-close{position:absolute;top:-22px;right:-22px;width:58px;height:58px;border-radius:100%;border:0;background-color:#ffffff;cursor:pointer;box-shadow:0 0 9px rgba(0,0,0,.25);z-index:2;padding:18px;}
.modal .modal-close img{max-width: 100%;}
.modal .modal-wrapper{max-height:100%;max-width:1290px;width:100%;margin:auto;position:relative;}
.modal .modal-body{overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 60px);border-radius:30px;background-color:#ffffff;box-shadow:0 34px 64px rgba(0,0,0,.7);}

.companies-modal{padding:35px;font-size: 18px;}
.companies-modal .modal-header{background-color:#F0F0F0;padding:30px;border-radius:15px;position:relative; text-align: center;}
.companies-modal .modal-header::before{content:'';position:absolute;right:21px;bottom:0;width:58px;height:78px;background-image:url(../images/modal-shape.svg);background-position:bottom center;background-repeat:no-repeat; background-size: contain;}
.companies-modal .modal-header .modal-logo{max-width:300px;margin:0 auto 20px;height:110px;display:flex;align-items:center;justify-content:center;}
.companies-modal .modal-header .modal-logo img{max-height:100%; max-width: 100%;}
.companies-modal .modal-header p{margin-bottom:0;line-height: 1.55;}
.companies-modal .modal-content{margin-top:35px;}
.companies-modal .modal-content h2{font-size:45px;font-weight:700;margin-bottom:10px;}
.companies-modal .ops-list{column-count:2;margin-bottom:25px;}
.companies-modal .ops-list li{display:flex;align-items: flex-start; margin-bottom:10px;word-break: break-word;overflow: hidden;}
.companies-modal .ops-list li h6{display:flex;align-items:center;margin:2px 0 0;width:45%; padding-right: 5px;}
.companies-modal .ops-list li h6 .icon{line-height:0;width:22px; min-width: 22px; margin-right:12px;}
.companies-modal .ops-list li h6 .icon img{max-width: 100%;}
.companies-modal .ops-list li p{margin-bottom:0;width:55%;}
.companies-modal .ops-list li p a{text-decoration:underline; color: var(--primary);}
.companies-modal .ops-list li p a img{margin: 0 0 -1px 2px;}
.companies-modal .ops-description{padding:25px 35px;border-radius:9px;border:1px solid #D9D9D9;}
.companies-modal .ops-description p:last-child{margin-bottom:0;}
.companies-modal .modal-footer {text-align: center; margin-top: 20px;}
.companies-modal .modal-footer a.back-link{background-color:transparent;border:1px solid #2E90DC;border-radius:2px;font-size:16px;letter-spacing:-0.123077px;cursor:pointer;padding:14px 20px;transition:0.5s ease all;display:inline-block;}
.companies-modal .modal-footer a.back-link:hover{background-color:#2E90DC; color: #ffffff;}
/******************** Modal pages css End ********************/

.blog-section{ padding-top: 40px;}
/* .blog-section .nav-bar ul li{cursor: default; color:#163d5e;font-family:"Tenor Sans";font-size:36px;letter-spacing:-.95px;margin-bottom:20px;line-height:normal;} */
.blog-section .search-box{ top:40px;}
.news .item{border-radius: 10px; overflow: hidden;}
.news .blog-item .tags li, .news .news-item .tags li{line-height: normal;font-size: 12px; letter-spacing: 0; height: auto;padding: 5px 8px;}
.article .share li a:hover{filter: invert(46%) sepia(68%) saturate(1006%) hue-rotate(179deg) brightness(92%) contrast(87%);}
.article-image {margin-bottom: 30px;}
.article-image img{width: 100%;}

.contact .main-col{text-align: center; width: 100%;}
.contact .main-col .text{margin: 26px auto 0;}
.contact .social li:not(.email) a {filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(250deg) brightness(98%) contrast(100%);}
.contact .social li:not(.email) a:hover{filter: invert(46%) sepia(68%) saturate(1006%) hue-rotate(179deg) brightness(92%) contrast(87%);}
.contact-info-section{padding:80px 0;}
.contact-info-section .contact-info{width:33%;}
.contact-info-section .contact-info h2{color:#163d5e;font-family:"Tenor Sans";font-size:36px;letter-spacing:-.95px;margin-bottom:20px;}
.contact-info-section .contact-info .text li{display:flex;padding:22px 15px;box-shadow:0px 0px 20px #00000024;}
.contact-info-section .contact-info .text li:not(:last-child){margin-bottom: 25px;}
.contact-info-section .contact-info .text li .icon{min-width:50px;width:50px;height:50px;padding:14px;display:flex;align-items:center;justify-content:center;border-radius:100%;background-color:#76a2cc;}
.contact-info-section .contact-info .text li .info{width:calc(100% - 50px);padding-left:15px;}
.contact-info-section .contact-info .text li .info h6{font-weight:bold;}
.contact-info-section .contact-info .text li .info p,.contact-info-section .contact-info .text li .info a{color:#313131;}
.contact-info-section .contact-info .text li .info a:hover{color: #288dda;}
.contact-info-section .map-col{padding-left:50px;width:67%;}
.contact-info-section .map-col iframe{width: 100%; height: 100%;}

/* Loader CSS */
.filter-loader{display:none;position:fixed;left:0;top:0;z-index:99999;background:#ffffff;width:100%;height:100%;opacity:1;}
.filter-loader-inner{position:absolute;width:100%;height:100%;left:0;top:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;}
.filter-loader-inner img{max-width:200px;}
.filter-loader .filter-loader-wrapper{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6);}
.filter-loader .filter-loadered{color:var(--white);font-size:10px;margin:10px auto 30px;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s;}
.filter-loader .filter-loadered,
.filter-loader .filter-loadered:after,
.filter-loader .filter-loadered:before{content:"";position:absolute;top:0;color: #000000;border-radius:50%;width:2.5em;height:2.5em;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s ease-in-out infinite;animation:load7 1.8s ease-in-out infinite;}
.filter-loader .filter-loadered:before{left:-3.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s;}
.filter-loader .filter-loadered:after{left:3.5em;}
@-webkit-keyframes load7 {
    0%,80%,to {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

@keyframes load7 {
    0%,80%,to {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}
/* Loader CSS */

.contact{    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    width: 100%;
    background: #fff url(../images/header.jpg) no-repeat center;
    background-size: auto 400px;
    padding: 0;
}
body h1.title.anim { font-size: 38px; font-weight: 600; line-height: 1.3; }
.team .items{display: flex;flex-wrap: wrap;}
.team.experts .team-item {margin: 0 11px 73px; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; padding-bottom:30px;}
.team.experts .team-item .body .viewProfile{position:absolute; bottom:0;}

.top-notification{background-color: #000000; text-align: center; padding: 12px 0; color: #69b4ee; font-size: 16px; width: 100%; z-index: 11; min-height: 44px;}
.top-notification a{color: #fff; position: relative;}
.top-notification a:hover{color: #fff; text-decoration: underline;}
.top-notification a:before { content: ""; display: inline-block; width: 20px; height: 20px; margin: 0 6px; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='%2369b4ee' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M21.883 12l-7.527 6.235.644.765 9-7.521-9-7.479-.645.764 7.529 6.236h-21.884v1h21.883z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center }
.modal.download-modal .modal-wrapper{max-width:600px;}
.modal.download-modal .modal-close{padding:13px;top:-12px;right:-12px;width:44px;height:44px;}
.modal.download-modal .modal-body{border-radius:15px;padding:40px 30px;}
.modal.download-modal .modal-body .modal-logo{ text-align: center; margin-bottom: 15px;}
.modal.download-modal .modal-body .modal-logo img{max-width: 200px;}
.modal.download-modal .modal-body h3{text-align:center;font-family:"Tenor Sans";color:#163d5e;font-weight:bold;font-size:26px;margin-bottom:15px;}
.modal.download-modal .modal-body .form-row{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.modal.download-modal .modal-body .form-row .form-group{padding: 0 10px; width: 50%;}
.modal.download-modal .modal-body .form-group{margin-bottom:15px; position: relative;}
.modal.download-modal .modal-body .form-group .form-control{font-size:15px;border:2px solid #daeafc;padding:15px 15px;border-radius:7px;width:100%;font-weight:600;box-shadow:0 0 30px 10px #efefef;}
.modal.download-modal .modal-body .form-group .form-btn{color:#0f3d64;font-size:18px;letter-spacing:-.15px;font-weight:500;cursor:pointer;display:inline-block;vertical-align:top;padding:14px;border:0 none;background-color:#daeafc;transition:all 0.2s ease-in-out;width:100%;}
.modal.download-modal .modal-body .form-group .form-btn:hover{color:#daeafc;background:#2D6EBD;}
.modal.download-modal .wpcf7-list-item{margin-left: 0;}
.modal.download-modal .wpcf7-list-item input[type="checkbox"]{margin:0;width:18px;height:18px;vertical-align:top;}
.modal.download-modal .wpcf7-list-item input[type="checkbox"] + .wpcf7-list-item-label{font-size:14px;}
.modal.download-modal .wpcf7-list-item input[type="checkbox"] + .wpcf7-list-item-label a{font-weight:600;text-decoration:underline;}
.modal.download-modal .modal-body .form-group .wpcf7-spinner{position:absolute;right:0;top:12px;}




@media (max-width:1560px){
    .modal .modal-close{top:-15px;right:-15px;width:46px;height:46px;padding:15px;}
    .companies-modal{padding:25px;}
	.companies-modal .modal-header{padding:20px;}
	.companies-modal .modal-header .modal-logo{height:100px;}
	.companies-modal .modal-content{margin-top:20px;}
    .companies-modal .modal-content h2{font-size:35px;}
	.companies-modal .ops-list li{margin-bottom:5px;font-size:16px;}
	.companies-modal .ops-list li h6{font-size:16px;}
	.companies-modal .ops-description{padding:15px 20px;font-size:16px;}
}
@media only screen and (max-width:1399px) {
    main{overflow: hidden;}
   .modal .modal-wrapper { max-width: 940px;}
}

@media (max-width:1199px){
    .companies-modal .modal-header{border-radius: 10px;font-size: 16px;}
    body h1.title.anim { font-size: 28px; }
}

@media (max-width:991px){
    .top-notification{font-size: 14px;}
}

@media (max-width:768px){
    .established .grid{padding:40px 20px;}
    .established .grid .row{row-gap: 30px;}
    .established .grid .row>[class*="col-"]{max-width: 50%;}
    .established .grid .row>[class*="col-"]:nth-child(2)::after{display: none;}
    .established .grid h2{font-size: 28px;}
    .established .grid p{font-size:16px;}
    .modal .modal-close{width:34px;height:34px;padding:11px;}
    .companies-modal{padding:15px;}
	.companies-modal .modal-header{padding:15px;}
	.companies-modal .modal-header .modal-logo{height:70px;margin-bottom:10px;}
	.companies-modal .ops-list{column-count:1;margin-bottom:15px;}
	.companies-modal .ops-list li,.companies-modal .ops-list li h6{font-size: 14px;}
	.companies-modal .ops-list li h6 .icon{min-width: 18px; width: 18px; margin-right: 5px;}
	.companies-modal .ops-description{padding:15px;font-size: 14px;}

    .contact-info-section{padding:40px 20px;}
    .contact-info-section .contact-info{width: 100%; margin-bottom: 30px;}
    .contact-info-section .contact-info h2{font-size:30px;letter-spacing:-0.75px;}
    .contact-info-section .contact-info .text li:not(:last-child){margin-bottom:15px;}
    .contact-info-section .contact-info .text li .icon{min-width:40px;width:40px;height:40px;padding:11px;}
    .contact-info-section .map-col{width: 100%; padding-left: 0;}
    .contact-info-section .map-col iframe{height: 50vw;}
    .blog-section .search-box{top: auto;}
    .main-banner{ background-position: center center;}
    .team.experts .team-item{width:100%;}
}
@media (max-width:767px){
    .top-notification{padding: 10px; font-size: 13px;}
}
@media (max-width:575px){
    .companies-modal .modal-header{font-size: 12px;}
	.companies-modal .modal-header::before{width: 30px;height: 40px;}
    .companies-modal .modal-header .modal-logo{height: 40px;}
	.companies-modal .modal-header .modal-logo img{max-width: 100px;}
	.companies-modal .modal-header p{max-width: 150px; margin:0 auto;}
    .companies-modal .modal-content h2{font-size:26px;}
	.companies-modal .ops-list{margin-bottom: 10px;}
	.companies-modal .ops-list li{flex-wrap: wrap;margin-bottom: 10px;}
	.companies-modal .ops-list li h6, .companies-modal .ops-list li p{width: 100%;}
	.companies-modal .ops-list li h6{margin-bottom: 5px;}
	.companies-modal .ops-description p{font-size: 14px;}
	.news .news-item figure.magazine-logo img {max-height: 50px;}
    body h1.title.anim { font-size: 20px; }
    .modal.download-modal .modal-body{padding:40px 15px;}
    .modal.download-modal .modal-body h3{font-size: 22px;}
    .modal.download-modal .modal-body .form-row{display: block; margin: 0;}
    .modal.download-modal .modal-body .form-row .form-group{padding: 0; width: 100%;}
}