/*
Theme Name: JSOF Template
Author: Shani Meller & LinkLab web development
Author URI: https://linklab.co.il/
Description: website template for JSOF
Version: 1.1.0
Text Domain: jsof-theme
*/

/**
 * ICONS
 *
 * -----------------------------------------------------------------------------
 */
.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
    vertical-align: middle; 
}

/**
 * 1.0 Reset
 *
 * -----------------------------------------------------------------------------
 */
 
body,
button,
input,
select,
textarea {
	color: #000;
	font-family: 'Work Sans', sans-serif;
	font-size: 100%;
	font-weight: 400;
	line-height: 1.5;
}

body {
	background: #fff;
}

a {
	text-decoration: none;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
	outline:0;
	color: rgb(2, 22, 73);	
}
a:focus {
	outline: 0;
}
a:hover,
a:active {
	outline: 0;
	color: rgb(2, 22, 73, 0.8);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin: 0;
	font-weight:700;
	line-height:1.169;
	margin:0.592em 0;
}

h1 { font-size:4.438em; }
h2  { font-size:1.375em;  margin: 1.355em 0;}
h3, h4, h5 { font-size:1.250em; font-weight:600; margin: 1.355em 0; }

.home-template-page h1 {	font-size:4.438em; margin:0.592em 0;}
.home-template-page h2 {	font-size:4.438em; font-weight:600; margin:0.592em 0;}

#single-post-content h2:first-child, #single-post-content h3:first-child, #single-post-content h4:first-child {
	margin-top:0;
}
ul.no_style, ol.no_style     {
	list-style:none;
	padding:0;
	margin:0;
}
#single-post-content code {
	display: inline-block;
	max-width:100%;
	background: #ececec;
	white-space: normal;
}
p {
	line-height:1.45;
	margin:0 0 1.355em;
	font-size:1.000em;
}
.home-template-page p {
	font-size:1.250em;
}
strong {
	font-weight:500;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}
::selection {
	background: #ef3c5b;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #ef3c5b;
	color: #fff;
	text-shadow: none;
}
.button {
	font-weight:600;
	font-size:1.750em;
	line-height:60px;
	display:inline-block;
	min-width:250px;
	border: 1px solid #000;
	border-radius: 33px;
	color:#000;
	text-align:Center;
}
.button:hover {
	border-color:#EF3C5B;
	background:#EF3C5B;
	color:#fff;
}

/**
 * 1.1 Forms
 *
 * -----------------------------------------------------------------------------
 */
 
button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
	border:none;
	background:transparent;	
}
input,
select,
textarea {
	font-size:1.500rem;
	font-weight:300;
	line-height:1.2;
    padding: 10px;	
	margin: 10px 0;	
    position: relative;	
	border-bottom: 1px solid #fff;	
}
input[type='text'], input[type='email'] {
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;	
	color: #EF3C5B;
    font-size: 1.250em;	
}
input:focus, select:focus, textarea:focus {
	outline-offset: 0px !important;
	outline-style: solid !important;
	outline-width: thin !important;
	outline-color: rgba(224, 225, 225, 1) !important;
}
input.submit, input[type='submit'] {
    display: block;
	color:#000;	
	font-size:1.750rem;
	background:transparent;
	font-weight:600;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
	cursor:pointer;
	border: 1px solid #000;
	border-radius: 33px;
	height:60px;
	line-height:60px;
	width: 175px;
    padding: 0;
    margin: 50px auto 0;
}
span.wpcf7-not-valid-tip {
    margin: 0 0;
	color: #ef3c5b;
}
div.wpcf7-response-output {
	margin:0;
}
div.wpcf7-validation-errors {
    border-color: #ef3c5b;
color: #fff;	
}
.wpcf7-form p {margin:0;}
.wpcf7-form label {display:none;}

#contact ::-webkit-input-placeholder, #subscrb ::-webkit-input-placeholder  {
   color: #fff;
}
#contact :-moz-placeholder, #subscrb :-moz-placeholder  { 
   color: #fff;  
   opacity:1; 
}
#contact ::-moz-placeholder, #subscrb ::-moz-placeholder {  
   color: #fff;  
   opacity:1;   
}
#contact :-ms-input-placeholder, #subscrb :-ms-input-placeholder {  
   color: #fff;  
}
#contact button,
#contact input,
#contact textarea,
#subscrb button,
#subscrb input,
#subscrb textarea {
	color:#fff;
	border-color:#fff;
}	
#contact input.submit, #contact input[type='submit'],
#subscrb input.submit, #subscrb input[type='submit'] {
	color:#fff;
}
#contact input.submit:hover, 
#contact input[type='submit']:hover,
#subscrb input.submit:hover, 
#subscrb input[type='submit']:hover {
	border-color:#EF3C5B;
	background:#EF3C5B;
	color:#fff;
} 
#contact input[type='text']:focus, #contact input[type='email']:focus,
#subscrb input[type='text']:focus, #subscrb input[type='email']:focus {
    border-color: #fff;
    background: #fff;
    color: #EF3C5B;
}
 #subscrb input[type='submit'] {
	width:196px;
 }
 div.wpcf7-mail-sent-ok {
    border: 1px solid #ffffff;
    color: #fff;
}

#subscrb .elementor-button {
	width:196px;
    margin: 50px 0 0 0;	
}
#subscrb .elementor-button:hover {
	border-color: #EF3C5B;
}

/**
 * 2.0 Basic
 *
 * -----------------------------------------------------------------------------
 */

div:after, .clear:after {
	content:'';
	clear:both;
	display:block;
} 
.row {
	display:block;
	max-width:1144px;
	margin:0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;		
}
.screen-reader-text, .mobile {display:none;}
.flex {
	display: -webkit-box;  
	display: -ms-flexbox; 
	display: -webkit-flex; 
	display: flex;  
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;	
}
.inside-table {
	display:table;
	width:100%;
	height:100%;
}
.inside-table .vacell {
    display: table-cell;
    vertical-align: middle;
}

/**
 * 3.0 Header
 *
 * -----------------------------------------------------------------------------
 */
#masthead {
	background: #021649;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;	
    z-index: 1000;	
}
.flex-fixed-header {
	width:1144px;
}
.flex-fluid-header {
	width:calc((100% - 1144px) / 2);
}
#logo {
	box-sizing:border-box;
	padding:5px 40px 8px;
}
#primary-navigation, #primary-navigation-ul {
	height:100%;
}
#primary-navigation-ul {
	-webkit-justify-content: flex-start;
    justify-content: flex-start;
}	
#primary-navigation-ul a {
	color: rgba(255, 255, 255, 0.5);
    display: block;
    height: 100%;
    box-sizing: border-box;
    padding: 23px 8px 0;
}
#primary-navigation-ul > li {
	font-size:18px;
	font-weight:400;
	padding:0 10px;
	box-sizing:border-box;
	height:100%;
	position:relative;
}
#primary-navigation-ul > li:after {
	content:'';
	width:100%;
	height:0px;
	background:#fff;
	position:absolute;
	bottom:0;
	left:0;
	-moz-transition: height .35s ease-in-out;
	-webkit-transition: height 0.35s ease-in-out;
	transition: height 0.35s ease-in-out;		
}
#primary-navigation-ul > li:hover:after, 
#primary-navigation-ul > li.active:after,
.fp-viewing-5 #primary-navigation-ul > li.menu-item-10:after,
.fp-viewing-6 #primary-navigation-ul > li.menu-item-14:after,
.fp-viewing-1 #primary-navigation-ul > li.nav-about:after,
.fp-viewing-2 #primary-navigation-ul > li.nav-services:after,
#primary-navigation-ul > li.current_page_item:after,
#primary-navigation-ul > li.current-page-ancestor:after,
.single-post  #primary-navigation-ul > li.blog:after  {
	height:2px;
} 
#primary-navigation-ul > li:hover a, 
#primary-navigation-ul > li.active a, 
.fp-viewing-5 #primary-navigation-ul > li.menu-item-10 a,
.fp-viewing-6 #primary-navigation-ul > li.menu-item-14 a,
.fp-viewing-1 #primary-navigation-ul > li.nav-about a,
.fp-viewing-2 #primary-navigation-ul > li.nav-services a,
#primary-navigation-ul > li.current_page_item a,
#primary-navigation-ul > li.current-page-ancestor a,
.single-post  #primary-navigation-ul > li.blog a  {
	color:rgba(255, 255, 255, 1);
}

.admin-bar #masthead  { top: 32px; }

#fp-nav.fp-right {
    right: 10px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    height: 10px;
    width: 10px;
    background: rgba(0, 0, 0, 0.15);
	border: 1px solid #fff;
    margin: -5px 0 0 -5px;
	box-sizing: border-box;
}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
	height: 10px;
    width: 10px;
    margin: -5px 0 0 -5px;
    border-radius: 100%;
    background: #EF3C5B;
	border-color:#EF3C5B;
}
#fp-nav ul li, .fp-slidesNav ul li {
    margin: 16px;
}


/**
 * 4.1 Home intro
 *
 * -----------------------------------------------------------------------------
 */
#intro {
	z-index:0;
	height:100vh;
	position:relative;
} 
#fixed-section {
    background: #021649 url(img/header-placeholder.jpg) no-repeat;
    background-size: cover;
	position:fixed;
	top:70px;
	bottom:0;
	width:100%;
	z-index:0;
}
#introVideo {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50% , -50%);
    -ms-transform: translate(50% , -50%);
    transform: translate(50%, -50%);
    width: 100%;
    height: auto;
}
#intro-title {
	color:#fff;
	position:relative;
	z-index:2;
}
#intro-title h2 {
	font-size:124px;
    margin: 0;	
}
#intro-title h2 span {
	display:block;
}
#ripple {
    position: absolute;
    top: 70px;
    right: 32px;
    color: #fff;
    text-align: center;
    z-index: 100;
}
#ripple h3 {
	font-size: 28px;
    font-weight: 600;
    line-height: 1.7;
    margin: 15px 0 5px;
}
#ripple .button {
    color: #fff;
    border-color: #fff;
    font-size: 1.250em;
    font-weight: 400;
    line-height: 3.125em;
    min-width: 236px;
}
#ripple .button:hover {
	border-color: #EF3C5B;
}

/**
 * 4.2 Sections content
 *
 * -----------------------------------------------------------------------------
 */
.section-content-p p {
	font-size:1.938em;
	line-height:1.193;
	font-weight:300;	
}
.mx-850 {
	max-width:850px;
}

/** 
DEP
* 
#about:before {
    content: '';
    display: block;
    width: 100%;
    height: calc(100% + 33vh);
    background: transparent linear-gradient(180deg, #020D2B00 0%, #02113A 27%, #02113A 60%, #02164900 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    bottom: 0;
    z-index: 1;
}
#about {
	position:relative;
	z-index:10;
	color:#fff;
}
#about .padding-inside {
	position:relative;
	z-index:10;
}
*
END DEP
**/
#about {
	background-color: #FFF;
}
#about.section h2 {max-width: 1024px; margin-top: 0;}
#about .flex,
#careers .flex {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
	/*-webkit-align-items: center;
	align-items: center;*/
}
#about-img img,
#careers-img img {
    width: calc(100% - 100px);
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
}
#about-title,
#careers-title,
#careers-img {
	flex: 1;
    box-sizing: border-box;
    padding: 0;
}
#careers-img {
	position: relative;
	overflow: hidden;
}
#about-title > div,
#careers-title > div {
	max-width: 572px;
	padding: 0;
	margin: auto 0 auto auto;
}
#about-title h2,
#careers-title h2 {
	font-size: 68px;
    line-height: 1;
	margin-top: 0;
}
#about a.button_pink,
#careers a.button_pink  {
    border: 1px solid #EF3C5B;
    border-radius: 33px;
    background-color: #fff;
    font-size: 1.938em;
    font-weight: 600;
    color: #EF3C5B;
    padding: 13px 32px;
    line-height: 1;
    display: inline-block;
}
#about a.button_pink:hover,
#careers a.button_pink:hover {
    background-color: #EF3C5B;
    color: #FFF;
}
.read-more-btn {
    font-size: 1.688em;
    line-height: 1.6666;
    font-weight: 300;
    cursor: pointer;
    height: 1.667em;
    width: 220px;
    overflow: hidden;
    position: relative;
}
.read-more-btn span {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;		
}
.read-more-btn .icon-arrow {
	padding-left:20px;
	font-size:1.667em;		
}
.read-more-btn:hover #more {
    -webkit-transform: translate(12px, 0);	
    -ms-transform: translate(12px, 0);	
    transform: translate(12px, 0);	
}	
#about-content {
    position: absolute;
    top: 50%;
	left:0;
    width: 100%;
    transform: translate(0, -50%);
	z-index:11;	
	display:none;
}
#about-content .col1 {
	width:388px;
}
#about-content .col2 {
	width:calc(100% - 388px);
}
#services {
	background:#fff;
}
#services  h2 {
	margin: 0 0 40px;
}
#services p {
	font-size:1.375em;
    font-weight: 300;	
}	
#services .article-content,
#services-icons-list {
	max-width:1024px;
}
#services-icons-list li {
	width:25%;
	/*max-width:174px;*/
	font-weight:600;
	font-size:1.25em;
	line-height:1.1666;
	text-align:left;
	margin:0.5em 0;
}
#services-icons-list li .img-holder  {
    display: block;
    width: 100%;
    height: 5.5em;
    margin: 0 auto 0.2em;
    position: relative;
}
#services-icons-list li .img-holder img {
    position: absolute;
    top: 50%;
    left: 0;
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);	
}
#services-icons-list li .txt-holder {
	display: block;
}
#services-icons-list li:nth-child(1) .txt-holder, #services-icons-list li:nth-child(2) .txt-holder, 
#services-icons-list li:nth-child(3) .txt-holder, #services-icons-list li:nth-child(4) .txt-holder {max-width: 140px;}
#services-icons-list li:nth-child(5) .txt-holder, #services-icons-list li:nth-child(6) .txt-holder, 
#services-icons-list li:nth-child(7) .txt-holder, #services-icons-list li:nth-child(8) .txt-holder {max-width: 186px;}
#services-icons-list li:nth-child(5) .img-holder img {height: 68px;}

#industries {
	background:#F7F7F7;
	color:#000;
}
#industries h2 {
	max-width:756px;
	margin:0 0 50px;
}
#industries-list {
counter-reset: list-counter;
}
#industries-list li {
	width:calc(33.333% - 13.3333px);
	box-shadow: 0px 3px 20px #00000029;
	border-radius: 30px;
	text-align:center;
	font-weight:600;
	font-size:1.938em;
	line-height:1.2;
	height:6.387em;
	position:relative;
	margin:10px 0;
	counter-increment: list-counter;
    display: table;	
	-moz-transition: all .4s ease-in-out 0.5;
	-webkit-transition: all 0.4s ease-in-out 0.5;
	transition: all 0.4s ease-in-out 0.5;
	background-color: #fff;	
}
#industries-list li .vacell {
	display: table-cell;
    vertical-align: middle;
}
#industries-list li .vacell::before {
	content: "0" counter(list-counter);
	color: #EF3C5B;
	font-weight: 600;
	font-size:20px;
	display:block;
}

#clients {
	background:#fff;
}
#clients h2, #careers h2 {
    margin: 0 0 40px;
}
#clients-slider  {
	width:calc(100% - 150px);
}
#clients-slider li.slick-slide {
	height:105px;
	display:table;
}
#clients-slider li.slick-slide .vcl {
	display: table-cell;
    vertical-align: middle;
}	
#clients-slider li.slick-slide img {
	width: calc(100% - 35px);
    height: auto;
    margin: 0 auto;
}
#clients-slider .slick-arrow {
    position: absolute;
    right: 0;
    top: calc(50% - 17.5px);
    width: 25px;
    height: 35px;
    background: transparent;
    border-radius: 0;
    overflow: hidden;
    padding: 0;	
	outline:0;
	cursor:pointer;
}
#clients-slider .slick-arrow:before {
	content:'';
	display:block;
	width:100%;
	height:100%;
}
#clients-slider .slick-arrow.slick-prev {
    right: -95px;
    background: url(img/prev-arrow.svg) no-repeat;
    background-size: contain;
    background-position-x: 3px;	
}
#clients-slider .slick-arrow.slick-prev:hover {
    background: url(img/prev-arrow-pink.svg) no-repeat;
}
#clients-slider .slick-arrow.slick-next {
    right: -135px;
    background: url(img/next-arrow.svg) no-repeat;
    background-size: contain;
    background-position-x: 3px;	
}

#careers {
	background: #fff;
}
	 


/**
 * Animate
 *
 * -----------------------------------------------------------------------------
 */
.animate-txt {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(0, 30px);	
    -ms-transform: translate(0, 30px);	
    transform: translate(0, 30px);		
	-moz-transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;	
}
.animate-txt.delayanim-1 {
	-moz-transition: all .6s ease-in-out .35s;
	-webkit-transition: all 0.6s ease-in-out .35s;
	transition: all 0.6s ease-in-out .35s;	
}
.animate-txt.delayanim-2 {
	-moz-transition: all .6s ease-in-out .7s;
	-webkit-transition: all 0.6s ease-in-out .7s;
	transition: all 0.6s ease-in-out .7s;	
}
#intro .animate-txt {
	-moz-transition: all .9s ease-in-out .3s;
	-webkit-transition: all 0.9s ease-in-out .3s;
	transition: all 0.9s ease-in-out .3s;	
    -webkit-transform: translate(0, 60px);	
    -ms-transform: translate(0, 60px);	
    transform: translate(0, 60px);	
}
.fp-section.show-content .animate-txt,
#intro.fp-section.show-content .animate-txt {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);	
    -ms-transform: translate(0, 0);	
    transform: translate(0, 0);	
}
.animate-txt.ani-1 {transition: all 0.6s ease-in-out .2s;}
.animate-txt.ani-2 {transition: all 0.6s ease-in-out .4s;}
.animate-txt.ani-3 {transition: all 0.6s ease-in-out .6s;}
.animate-txt.ani-4 {transition: all 0.6s ease-in-out .8s;}
.animate-txt.ani-5 {transition: all 0.6s ease-in-out 1s;}
.animate-txt.ani-6 {transition: all 0.6s ease-in-out 1.2s;}
.animate-txt.ani-7 {transition: all 0.6s ease-in-out 1.3s;}
.animate-txt.ani-8 {transition: all 0.6s ease-in-out 1.4s;}


/**
 * 5.0 Contact
 *
 * -----------------------------------------------------------------------------
 */
#contact {
    position: relative;	
	background: #000 url(img/contact-img.jpg) no-repeat;
    background-position:top center;
    background-size: 1920px auto;	
    color: #fff;	
}	
#contact-top {
	height: 100vh;
    min-height: 940px;	
}
#contact-title {
	width:calc(100% - 562px);
	padding-right:115px;
	box-sizing: border-box;	
}
#contact-title h2 {
    margin: 0 0 16px;
}	
#contact-form {
	width:562px;
}

/**
 * 6.0 Footer
 *
 * -----------------------------------------------------------------------------
 */
#colophon {
	color:#fff;
	background:#000;
	position:relative;
	z-index:10;
	overflow:auto;
	padding:0;
}
#colophon p {
    font-size: 1.000em;
}
#colophon a {
	color:rgba(255, 255, 255, 1);
}
#colophon a:hover {
	color:rgba(255, 255, 255, 0.5);
}
#fotter_cols {
	padding:60px 0 60px;
	font-size:1em;
	font-weight:300;
}
#fotter_cols h3 {
	font-weight:600;
	font-size:1.563em;
	margin:0 0 10px;
	line-height:1.16;
}
.footer_social a {
	margin: 0 10px 0 0;
}
.icon-linkedin, .icon-Icon-awesome-twitter-square, .icon-rss2 {
	font-size:22px;
}
#credits {
	padding:0 0 30px;
    font-size: 12px;
    line-height: 1.66;
}
#credits > div:nth-child(1) {
	width:calc(100% - 300px);
}
#credits > div:nth-child(2) {
	width:300px;
	text-align:right;
}
#credits a {
	text-decoration: underline;
}

#contact #colophon {
	background:transparent;
}
#contact #fotter_cols, .single-post #colophon #fotter_cols, .page-template-page-blog #colophon #fotter_cols {
	border-top: 2px solid rgba(255, 255, 255, 0.5);
}

/**
 * 7.0 General Page
 *
 * -----------------------------------------------------------------------------
 */
#page-template {
    padding: 70px 0;
} 
#primary.index-archive {
    padding: 70px 0 0;
}
.elementor-column.courses-list-item.courses-list-item {
	min-height: 175px;
}
.animate-border-button .elementor-button-link {
	position:relative;
}
.animate-border-button .elementor-button-link:after {
    position: absolute;
    left: -3px;
    bottom: 1px;	
    content: '';
    height: 0px;
    width: 100%;
    border-bottom: solid 1px #EF3C5B;
    -webkit-transform: scaleX(0.0001);
    -ms-transform: scaleX(0.0001);
    transform: scaleX(0.0001);
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
}
.animate-border-button .elementor-button-link:hover:after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

/**
 * 8.0 Blog
 *
 * -----------------------------------------------------------------------------
 */
#blog_list,  #featured {
	position:relative;
	z-index:10;
	background:#fff;
}
#hero-banner-placer, #hero-banner {
	width:100%;
    height: 250px;
    padding-top: 70px;
}
#hero-banner-placer {
    visibility: hidden;
	position:relative;
	z-index:0;
	display:none;
}
#hero-banner {
    background-color: #000000;
    background-image: url(img/inside-header-1.jpg);
    background-position: center center;
    background-repeat: repeat;
    background-size: cover;
	color:#fff;
	z-index:0;	
} 
.admin-bar #hero-banner { top:32px; }
#hero-banner h1 {font-weight:600;}

#featured-pst-top {
    background-color: #000;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 500px;
}
#featured-pst-top .inside-table {
	background: transparent linear-gradient(0deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
}
#featured-pst-top .inside-table .vacell {
	vertical-align: bottom;
}
#featured-pst-top a {
	color:#fff;
}
#featured-pst-top h2 {
	font-size:3.125em;
	font-weight:600;
	margin: 0.400em 0 0.680em;
}
.post_meta {
	color:#EF3C5B;
	font-size:1.125em;
}
#featured-pst-btm {
	padding:52px 0 60px;
}
#featured-pst-btm .mx-850 {
	font-size:1.563em;
}
.post__read-more {
	line-height:40px;
	display:inline-block;
	min-width:135px;
	border-radius: 20px;
	text-align:Center;
	color:#000;
	border:1px solid #000;
}
.post__read-more:hover {
	border-color:#EF3C5B;
	background:#EF3C5B;
	color:#fff !important;
}

#blog_list {
	padding: 0 0 215px 0;
}
#blog_list .post-blog-item {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    padding: 60px 0px 60px 0px;
    border-color: #E2E2E2;
}
#blog_list .post-blog-item h3 {
	font-size: 31px;
	margin: 16px 0 26px;
}
#blog_list .post-blog-item p {
	font-size: 18px;
}
#blog_list .post-blog-item a {
	color:#000;
}
#blog_list .post-blog-item .post__thumbnail {
    width: 562px;
	margin-right: 20px;
}
#blog_list .post-blog-item .post__thumbnail img {
    max-width: 100%;
	height: auto;
}
#blog_list .post-blog-item .post__text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex: 1;
}


#post-pagi {
	text-align:Center;
	margin:60px 0 0;
}
.page-numbers {
	width: 37px;
    line-height: 37px;
    background: #fff;
    display: inline-block;
	font-size:1.125em;
	font-weight:600;
}
a.page-numbers:hover {
	color:#EF3C5B;
}
.page-numbers.current {
	background: #000;
    color: #fff;
}

.single-post #page-banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;	
}	

.elementor-post-navigation {
	position:relative;
}
.elementor-post-navigation:before {
	position:absolute;
	top:2.156em;
	width:100%;
	height:1px;
	background:#D5D5D5;
	content:'';
	display:block;
	z-index:0;
}
.elementor-post-navigation span.post-navigation__prev--title, .elementor-post-navigation span.post-navigation__next--title {
	margin-top:40px;
}
.elementor-post-navigation span.post-navigation__prev--label, .elementor-post-navigation span.post-navigation__next--label {
	line-height:1.2;
}

/**
 * 9.0 Elementor
 *
 * -----------------------------------------------------------------------------
 */
#single-post-content ul, #single-post-content ol {
	line-height: 1.45;
	margin: 0 0 1.355em;
}	 
.elementor-posts.elementor-posts--skin-classic .elementor-post__text {
	position: relative;
}
.elementor-posts.elementor-posts--skin-classic .elementor-post__text .elementor-post__meta-data {
	position: absolute;
    top: 0;
    margin: 16px 0;	
}
.elementor-posts.elementor-posts--skin-classic .elementor-post__text .elementor-post__title {
    margin: 50px 0 26px;
}
.elementor-widget-posts .elementor-post__read-more {
	line-height:40px;
	display:inline-block;
	min-width:135px;
	border-radius: 20px;
	text-align:Center;
	color:#000;
	border:1px solid #000;
}
.elementor-widget-posts .elementor-post__read-more:hover {
	border-color:#EF3C5B;
	background:#EF3C5B;
	color:#fff !important;
}
.elementor-text-editor table {
	margin:1.5em 0;
    border-collapse: collapse;	
}
.elementor-text-editor table tbody tr th {
    background: #021649;
	color:#fff;
	padding: 0 20px;
    font-weight: 500;	
}
.elementor-text-editor table tbody tr td {
    border: 1px solid #021649;
    border-collapse: collapse;
    text-align: center;
    padding: 20px;
}
.elementor-text-editor > ul, .elementor-text-editor > ol {
    font-size: 1.60rem;
    line-height: 1.45;
    margin: 0 0 1.355em;
}
.elementor-button-icon svg {
    height: auto;
}
.elementor-text-editor p, .elementor-text-editor ul, .elementor-text-editor ol {
	font-size: 25px;
}
.elementor-text-editor table td > p {
    font-size: inherit;
    margin: 0 0 1em;
}

/**
 * 10.0 404
 *
 * -----------------------------------------------------------------------------
 */
#cont-404  {
    min-height: calc(100vh - 452px);
} 
#cont-404 h1 {
	font-size: 1.938em;
    margin: 42px 0 0;
}  
#cont-404 h2 {
    font-size: 4.438em;
    margin: 0 0 1em;	
}
#cont-404 p {
	font-size:1.563em;
}
#cont-404 a {
    text-decoration: underline;
} 

/**
 * 11.0 Career
 *
 * -----------------------------------------------------------------------------
 */
#open_positions .elementor-tab-content.elementor-active {
	border-top: 1px solid transparent;
}
#open_positions .elementor-tab-content p,
#open_positions .elementor-tab-content ul li,
#open_positions .elementor-tab-content h3 {
	 font-size: 16px;
}
#open_positions .elementor-tab-content p a {
	color: #ef3c5b;
	background-color: #fff;
	font-size: 22px;
	font-weight: 600;
	padding: 16px 36px;
	border: 1px solid #ef3c5b;
	border-radius: 36px;
	margin: 40px 0 0;
	display: inline-block;
} 
#open_positions .elementor-tab-content p a:hover {
	color: #fff;
	background-color: #ef3c5b;
}
#open_positions .elementor-accordion .elementor-accordion-item {
    border-left: 0;
    border-right: 0;
}
#open_positions .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
	font-size: 36px;
}

 /**
 *
 *  smaller < 1440
 * -----------------------------------------------------------------------------
 */
@media screen and (max-width: 1600px) {
	.admin-bar #masthead {
		top: 0;
	}
	body, button, input, select, textarea {
		font-size: 85%;
	}
	.row, .elementor-row {
	    max-width: 988px;
		margin-right:auto;
		margin-left:auto;
	}
	.elementor-section-full_width .elementor-row {
	    max-width: none;
	}	
	#logo {
	    width: 226px;
	}
	.flex-fixed-header {
		width:calc(100% - 226px);
	}
	.right-box.with-box .holder {
		left:calc((100% - 988px) / 2);
	}
	.left-box.with-box .holder {
		right:calc((100% - 988px) / 2);	
		width: calc(100% - (100% - 988px) / 2);	
	}
	.left-box.with-box .holder .box {
		left: calc(100% - 988px);
	}
	#intro-title h2 {
		font-size: 106px;
	}
	#industries h2 {
		max-width: 630px;
	}
	.with-box .holder {
		padding: 70px 0 65px;
	}
	.with-box .holder .box article p {
		font-size: 1.75em;
	}	
	#clients-slider .slick-arrow.slick-next {
	    right: -65px;
	}
	#clients-slider .slick-arrow.slick-prev {
		right: -30px;
	}
	#contact {
	    background-size: contain;
	}
	#contact-top {
		height: calc(100vh - 70px);
		min-height: 0;
	}	
	#contact-form {
		width: 478px;
	}	
	#contact-title {
		width: calc(100% - 478px);
	}
	#contact-title p {
		font-size: 1.6em;
	}
	#fotter_cols {
	    font-size: 1.3em;
	}
	#fotter_cols h3 {
		font-size: 1.2em;
	}
	input.submit, input[type='submit'] {
		height: 55px;
		line-height: 55px;
		font-size: 1.60rem;
	    width: 160px;	
	}	
	.button {
		line-height: 55px;
		min-width: 235px;
	}	
	/*.post-blog-item h3 {
		font-size:1.538em;
	}
	.post-blog-item p, .post__read-more {
		font-size:1.231em;
	}*/
	#featured-pst-top {
		height:400px;
	}	
	#single-post-content p, #single-post-content ul, #single-post-content ol  {
		font-size:1.440em;
	}	
	#single-post-content h3, #single-post-content h4, #single-post-content h5 {
		font-size: 1.660em;
	}	
	#about-title > div,
	#careers-title > div {
		max-width: 494px;
	}
	
}
 /**
 *
 *  smaller < 1024
 * -----------------------------------------------------------------------------
 */
@media screen and (max-width: 1025px) {
	body, button, input, select, textarea {
		font-size: 75%;
	}
	.row, .elementor-row {
	    max-width: 856px;
	}
	.elementor-section-full_width .elementor-row {
	    max-width: none;
	}
	.flex-fluid-header, .flex-fixed-header {
		width:auto;
	}
	#intro-title h2 {
		font-size: 84px;
	}
	#introVideo {
		top: 0;
		-webkit-transform: translate(50% , 0);
		-ms-transform: translate(50% , 0);
		transform: translate(50% , 0);
	}
	#about .flex, #careers .flex {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#about-title {
		max-width: 638px;
	}
	#about-title, #careers-title {
		padding: 0 0 0 30px;
	}
	#fixed-section {
	    background-position: top center;
	}
	#contact-top {
		height: auto;
		margin: 50px 0 100px;
	}	
	input.submit, input[type='submit'] {
		font-size: 1.35rem;
		letter-spacing: 1px;
		height: 50px;
		line-height: 50px;
		width: 135px;
	}	
	.button {
		line-height: 50px;
		min-width: 220px;
	}
	#about-content .col1 {
		width: 328px;
	}
	#blog_list .post-blog-item .post__thumbnail {
		width: 420px;
	}
	#featured-pst-top {
		height:320px;
	}	
	#single-post-content p, #single-post-content ul, #single-post-content ol{
		font-size:1.500em;
	}	
	#single-post-content h3, #single-post-content h4, #single-post-content h5 {
		font-size: 1.667em;
	}	
	.elementor-text-editor p, .elementor-text-editor ul, .elementor-text-editor ol {
		font-size: 18px;
	}	
}
 /**
 *
 *  smaller < 768
 * -----------------------------------------------------------------------------
 */
@media screen and (max-width: 768px) {
	body, button, input, select, textarea {
		font-size: 62.5%;
	}
	.row, .elementor-row {
		max-width: none;
		width: 100%;
	}
	.row {
		padding: 0 30px;
	}	
	.section-content-p p, p {
		font-size: 1.60em;
	}	
	#services p,
	#about-title p, 
	#clients p,
	#careers p,
	#about a.button_pink, #careers a.button_pink {
		font-size: 22px;
		line-height: 1.3;
	}
	h2 {
		font-size: 3em;
	}
	#about-title h2, #careers-title h2, #industries h2, #clients h2, #careers h2 {
		font-size: 44px;
	}
	.button, input.submit, input[type='submit'] {
		font-size: 1.50em;
		line-height: 38px;
		min-width: 175px;
		width:auto;
		padding: 0 32px;
	}	
	#masthead {
		position:relative;
	}
	#logo {
		padding: 7px 0;
		width: 100%;
		text-align: center;
	}	
	#logo img {
		height:46px;
		width:auto;
	}
	#navigation-open {
		display: block;
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 1000;
		color: #fff;
		width: 40px;
		height: 40px;
		border-radius: 0;
		padding: 0;
		box-sizing: border-box;
		overflow: hidden;
		text-align: right;
	}
	#navigation-open span {
		background-color: #fff;
		display: block;
		width: 20px;
		height: 2px;
		margin: 4px 10px;
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	#navigation-open span:nth-child(1) {
		width: 13px;
		margin-left: 17px;
	}	
	#navigation-open.active span:nth-child(1) {
		-webkit-transform: translateY(6px) translateX(0px) rotate(135deg);
		-ms-transform: translateY(6px) translateX(0px) rotate(135deg);
		transform: translateY(6px) translateX(0px) rotate(135deg);
		width: 20px;
		margin-left: 10px;
	}
	#navigation-open.active span:nth-child(2) {
		-webkit-transform: translateY(0) rotate(-135deg);
		-ms-transform: translateY(0) rotate(-135deg);
		transform: translateY(0) rotate(-135deg);
	}
	#navigation-open.active span:nth-child(3) {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}	
	#site-navigation {
		position:absolute;
		background: #021649;
		width: 100%;
		height: 100vh;
		top: 0;
		right: 0;
		overflow: hidden;
		z-index: 100;
		-webkit-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;		
		-webkit-transform: translate(0 , -100%);
		-ms-transform: translate(0 , -100%);
		transform: translate(0 , -100%);	
	}
	#site-navigation.open {
		-webkit-transform: translate(0 , 0);
		-ms-transform: translate(0 , 0);
		transform: translate(0 , 0);		
	}
	#primary-navigation {
		display: table;
	    width: 100%;	
	}
	#primary-navigation-ul {
		display: table-cell;
		vertical-align: middle;
	}
	#primary-navigation-ul > li {
		height: auto;
		margin: 30px 0;
		text-align: center;
		padding: 0;
		display: block;
		font-size: 2.200em;
		font-weight: 300;
	}	
	#primary-navigation-ul > li:hover:after, #primary-navigation-ul > li.active:after {
		height: 0px;
	}
	#primary-navigation-ul a {
		color: rgba(255, 255, 255, 1);
		display: inline-block;
		padding: 7.5px 10px ;
		border-bottom:2px solid transparent;
	}	
	#primary-navigation-ul > li:hover a, #primary-navigation-ul > li.active a, .fp-viewing-5 #primary-navigation-ul > li.menu-item-10 a, .fp-viewing-6 #primary-navigation-ul > li.menu-item-14 a, .fp-viewing-1 #primary-navigation-ul > li.nav-about a, .fp-viewing-2 #primary-navigation-ul > li.nav-services a, #primary-navigation-ul > li.current_page_item a, .single-post #primary-navigation-ul > li.blog a {
		border-color: rgba(255, 255, 255, 1);
	}	
	#primary-navigation-ul > li:hover:after, #primary-navigation-ul > li.active:after, .fp-viewing-5 #primary-navigation-ul > li.menu-item-10:after, .fp-viewing-6 #primary-navigation-ul > li.menu-item-14:after, .fp-viewing-1 #primary-navigation-ul > li.nav-about:after, .fp-viewing-2 #primary-navigation-ul > li.nav-services:after, #primary-navigation-ul > li.current_page_item:after, .single-post #primary-navigation-ul > li.blog:after {
		height: 0;
	}	
	#primary-navigation-ul a:focus, #primary-navigation-ul a:hover {
		border-bottom:2px solid #fff;
	}
	#fixed-section {
		top:0;
	}
	.fp-responsive #intro.fp-auto-height-responsive .fp-slide, 
	.fp-responsive #intro.fp-auto-height-responsive .fp-tableCell, 
	.fp-responsive #intro.fp-auto-height-responsive.fp-section {
		height: 65vh!important;
	}
	#intro .inside-table {
		height: calc(65vh + 60px);
	}
	#intro-title {
	    max-width: 328px;
		margin: 0;
	}
	#intro-title h2 {
		font-size: 48px;
	}	
	#intro-title h2 span {
		display: initial;
	}		
	#introVideo {
		width: auto;
		height: 100vh;
	}
	#about-img img, #careers-img img {
		height: auto;
		width: calc(100% - 30px);
		position: relative;
	}
	#about-title, #careers-title {
		padding: 50px 30px 0 30px;
	}
	#about-title > div, #careers-title > div {
		max-width: 100%;
		margin: 0;
	}
	#careers .flex { 
		-webkit-flex-flow: column-reverse;
		flex-flow: column-reverse;
	}
	#careers-title {
		padding: 50px 30px 120px 30px;
	}
	#careers-img {
		text-align: right;
	}

	#contact-form, #contact-title {
		width: 100%;
	}
	
	#services {
	    padding-bottom: 60px;	
		padding-top: 120px !important;
	}	
	#services-icons-list li {
	    width: calc(50% - 8px);
	    font-size: 1.65em;	
	}
	
	#industries {
	    padding-bottom: 60px;	
	}		
	#industries h2 {
		max-width: 300px;
		margin: 30px 0 38px;
	}
	#industries-list li {
		width: 100%;
		height: 148px;
		margin: 0 0 10px;
		font-size: 2.2em;
	}
	#industries-list li .vacell::before {
	    font-size: 16px;
		margin-bottom: 10px;
	}
	
	#clients-slider {
		width: 100%;
	}	
	#clients-slider .slick-arrow.slick-next {
		right: 0px;
	}
	#clients-slider .slick-arrow.slick-prev {
		right: 35px;
	}
	#clients-slider .slick-arrow {
		top: 100%;
	}
	#contact {
		background: #000 url(img/mobile-bottom-BG.jpg) no-repeat;
		background-size: 100% auto;
		background-position: top center;
	}	
	#fotter_cols > div {
		width: 100%;
		margin: 0 0 38px;
	}
	#credits > div:nth-child(1), #credits > div:nth-child(2) {
		width:100%;
		text-align:center;
	}	
	#contact-title {
		padding-right: 90px;
	}
	
	
	#page-banner .elementor-container {
		min-height: 166px;
	}	
	#blog_list .post-blog-item .post__thumbnail {
		width: 100%;
		margin-right:0;
	}
	#featured-pst-top {
		height:320px;
	}	
	#featured-pst-btm .mx-850 {
		font-size: 1.800em;
	}	
	#featured-pst-btm p {
		font-size:1.00em;
	}
	#blog_list .post-blog-item h3 {
		/*font-size: 2.000em;*/
	}
	#blog_list .post-blog-item p {
		font-size: 16px;
	}
	#blog_list .post-blog-item .post__text {
		margin-top:1.600em;
	}
	.post__read-more, .post_meta {
		font-size:1.600em;
	}
	.page-numbers {
		width: 3.700em;
		line-height: 3.700em;
		font-size: 1.2500em;
	}	
	#blog_list {
		padding: 0 0 135px 0;
	}	
	.elementor-widget-theme-post-content ul li,
	.elementor-widget-theme-post-content p {
		  overflow-wrap: break-word;
		  word-wrap: break-word;
		  word-break: break-word;
		  -ms-hyphens: auto;
		  -moz-hyphens: auto;
		  -webkit-hyphens: auto;
		  hyphens: auto;
	}
	#single-post-content {
		overflow:hidden;
	}
	#custom-share.elementor-share-buttons--shape-circle .elementor-share-btn {
		border-radius: 0;
	}	
	#custom-share {
		position: fixed;
		bottom: -10px;
		left: 0;
		z-index: 1000;
		background:#fff;
	}
	
	#ripple {
		top: auto;
		bottom:calc(35vh - 100px);
		z-index: 100;
		width: 100%;
		left: 0;
	    -moz-transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
		transition: all .35s ease-in-out;	
		visibility: visible;
		opacity: 1;	
	}	
	#ripple.fade {
		visibility: hidden;
		opacity: 0;
	}
	#ripple h3 {
		font-size: 22px;
	}
	#ripple .button {
		font-size: 16px;
		line-height: 2.75em;
	}
	
	.elementor-text-editor table {
		width:100%;
	}
	.elementor-text-editor table tbody tr td, .elementor-text-editor table tbody tr th {
		display:block;
	}
	.elementor-text-editor table tbody tr th {
		height:1px; width:1px;
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.elementor-text-editor table tbody tr td {
		border: none;
		padding: 20px 0;
		border-bottom: 1px solid #c5c5c5;
		position: relative;
		margin-left: 100px;
	}
	.elementor-text-editor table tbody tr td:before {
		position: absolute;
		top: 20px;
		left: 0;
		width: 100px;
		padding-right: 0;
		white-space: nowrap;
		margin-left: -100px;
		text-align: left;
		font-weight: 600;
	}
	.elementor-text-editor table tbody tr td:nth-of-type(1):before { content: "CVE ID"; }
	.elementor-text-editor table tbody tr td:nth-of-type(2):before { content: "CVSSv3"; }
	.elementor-text-editor table tbody tr td:nth-of-type(3):before { content: "Description"; }
	.elementor-text-editor table tbody tr td:nth-of-type(4):before { content: "Potential Impact";}
	.elementor-text-editor table tbody tr td:nth-of-type(5):before { content: "Fixed on Version"; }
	
	.elementor-text-editor table.s2 tbody tr td:nth-of-type(2):before { content: "CVSSv3 Score"; }
	.elementor-text-editor table.s2 tbody tr td:nth-of-type(4):before { content: "Fixed In Version";}
	
	.elementor-text-editor table tbody tr td:nth-of-type(5) {border-bottom: none;}
	.elementor-text-editor table tbody tr  {border-bottom: 1px solid #021649;}
	
	.elementor-text-editor p, .elementor-text-editor ul, .elementor-text-editor ol {
		font-size: 16px;
	}	
	.elementor-text-editor h2, .elementor-text-editor h3 {
		font-size: 21px;
	}
	.elementor-text-editor ul, .elementor-text-editor ol {
		padding-left: 20px;
	}

	#career-intro p {
		font-size: 24px;
	}
	#open_positions .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
		font-size: 22px;
	}
}

#custom-share.elementor-share-buttons--color-official.elementor-share-buttons--skin-flat .elementor-share-btn_facebook .elementor-share-btn__icon .fa-facebook:before {
    content: "\f39e";
}
#custom-share.elementor-share-buttons--color-official.elementor-share-buttons--skin-flat .elementor-share-btn_linkedin .elementor-share-btn__icon .fa-linkedin:before {
    content: "\f0e1";
}
#custom-share.elementor-share-buttons--color-official.elementor-share-buttons--skin-flat .elementor-share-btn_reddit .elementor-share-btn__icon .fa-reddit:before {
    content: "\f281";
}
#custom-share.elementor-share-buttons--color-official.elementor-share-buttons--skin-flat .elementor-share-btn_telegram .elementor-share-btn__icon .fa-telegram:before {
    content: "\f3fe";
}