/*
	Theme Name: israeldigitalmarketer
*/

@import url('https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900&display=swap');

/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-family: 'Heebo', sans-serif;
	color:#444;
	font-size:16px;
	line-height:normal;
	 direction: rtl; 
   unicode-bidi: embed;  
}

.header{direction:rtl;}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}
.clear:after { clear:both;}

.clear {*zoom:1; clear:both;}

img {max-width:100%;	vertical-align:bottom;}

a {	color:#444;	text-decoration:none;}

a:hover {text-decoration:none;}

a:focus {outline:0;text-decoration:none;}

a:hover, a:active {	outline:0;}

input:focus, textarea:focus, button:focus {	outline:0;}

ul,li,h1,h2,h3,h4 {list-style-type:none;margin:0;padding:0}
h1,h2,h3,h4{color:#000;}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* wrapper */
/* header */
.header {
    background: linear-gradient(to right, #00a9f3 0, #0069e0 11%, #0069e0 90%, #00a9f3 100% );
	 -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}

.social, .logo {
    display: inline-block;
    vertical-align: middle;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:9;
	 animation: smoothScroll .8s forwards;
}


@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}

.header .zoom-social-icons-list--no-labels .zoom-social_icons-list__item {    display: block;   }

.header .container .row{display:table; width:100%; margin:0;}

.logo{padding-left:15px;}

.logo-side, .menu-side{display:table-cell;  vertical-align:middle; float:none; } 

.logo-side{text-align:left;}

/*Menu Icon style */

.toggle{
	z-index: 100;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	margin: 0;
	display: inline-block;
	position: relative;
	width: 35px;	
	vertical-align:middle;
	height:30px;
}

label.toggle span{
	display: block;
	height: 4px;
	width: 100%;
	background: #fff;
	border-radius: 9px;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

label.toggle span:nth-child(1) {top: 0px;}

label.toggle span:nth-child(2), label.toggle span:nth-child(3) {margin-top: 6px;}

label.toggle.open span:nth-child(1) {
	margin-top: 11px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

label.toggle.open span:nth-child(2) {opacity: 0;}

label.toggle.open span:nth-child(3) {
	margin-top: -14px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

/* End Menu Icon style */

/* logo */

.logo {}
.logo-img {}


/* nav */
.main-nav{	color:#015198;}

.nav_area > ul > li{ display:inline-block; height:120px; line-height:120px;  font-weight: 800;}

.nav_area ul li a {    padding: 0px 20px;    color: #fff;    font-size: 18px;    text-transform: uppercase;    display: block;   }

ul.sub-menu {  width: 100%;   position: absolute;    display: none;    background: #ddd;    z-index: 555;   }

ul.sub-menu li{	display:block; }

ul.sub-menu li a{ color:#000;	padding:15px 10px  !important;	display:block;    border-bottom: 1px solid #fff;   }

.sticky-no a{color:#fff;}


@media(min-width:768px){
.nav_area ul li:hover ul.sub-menu {	display:block;}
	

}

/* sidebar */
.sidebar {}

/* footer */
.footer {    background: #001d3d;    color: #fff;    padding: 25px 0;} 

.lfooter ul li {    display: table-cell;    text-align: center;    border-right: 1px solid rgba(255,255,255,.20);    padding: 0 20px;  }

.lfooter ul li a{    color:#fff;   }

.lfooter ul li  i{ color:#0069e0; display:block; font-size: 24px;    margin-bottom: 5px; }

.rfooter p strong { color: #0069e0; }

.copyright p b {    color: #0069e0;   }

.copyright {padding:15px 0;}

.copyright p{  margin:0;   }

.right-sidebar {    position: absolute;    z-index: 9;    max-width: 50px;    margin-top: 60px;  }

/*------------------------------------*\
	404 PAGE
\*------------------------------------*/
.letters {
    line-height: 155px;
    font-size: 150px;
    font-weight: 700;
    display: block;
    width: 100%;
}

.letters strong {
    color: #5f636b;
    transform: rotate(24deg);
    display: inline-block;
    padding: 0 10px 0 17px;
}

.error-page h2 {
    color: #000;
    padding: 0 0 20px 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
}

a.home-btn {
    display: inline-block;
    padding: 0 40px;
    background: #0c5156;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    margin: 25px 0 40px 0;
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/

.page-template-template-blank .header, .page-template-template-blank .footer, .page-template-template-blank .copyright  {
    display: none;
}

.page-template-template-blank main{padding-top:50px;padding-bottom:50px}


.banner2 h1.widgettitle {    color: #0069e0;    font-weight: 900;    font-size:38px;  margin-bottom:10px;  }

.banner2 .blue{color:#0069e0;}

.banner2 strong{font-weight:900; font-size:20px;}

.banner2 p:first-child{margin-bottom:20px;}

.banner2 p:last-child {margin-top:20px;}

.right-txt h2, .right-txt h1 {    color: #0069e0;     font-size:40px;  margin-bottom:10px; }



.right-txt strong{  font-size:20px;  font-weight:900;  }

.right-txt h1 strong{  font-weight:900;  font-size:40px;  }

.right-txt ul li , .list ul li{    position: relative;    padding-right: 45px;    padding: 15px 45px 15px 0;  }

.right-txt ul li:before , .list ul li:before{
    content: '';
    display: inline-block;
    background: url(../../../wp-content/uploads/2019/06/right-sign.png) no-repeat center;
    height: 45px;
    width: 45px;
    background-size: 25px;
    vertical-align: middle;
	position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}


.right-txt ul{padding:15px 0;}

.right-txt, .banner2 , .service-section{    padding: 25px 0;  }

.banner-bottom{padding:45px 0 20px 0;}

.service-section h2 a {    font-weight: 900;  }


.service-section .wpb_single_image .vc_single_image-wrapper{height:120px;}

.title-text h1 {    font-size: 30px;    font-weight: 900;    margin-bottom: 10px;  }

.form-row .wpforms-field-container, .form-row .wpforms-submit-container {    display: inline-block;    vertical-align: middle;  }


.form-row .wpforms-container-full .wpforms-form input{ height:45px; }

.form-row .wpforms-container-full .wpforms-form input[type="text"] {height: 45px;    border: 0;    border-radius: 0; }

.form-row div.wpforms-container-full .wpforms-form .wpforms-submit-container{padding-top:0;}

.form-row .wpforms-container-full .wpforms-form button[type=submit] {
    width: 100%;
    background: #0069e0;
    border: 0;
    color: #fff;
    font-weight: 900;
    border-radius: 5px;
	height: 45px;
}

.form-row p {    font-size: 30px;    color: #fff;   }

.form-row p strong{   font-weight:900;  }


/*------------------------------------*\
    SLIDER
\*------------------------------------*/

/*.rev_slider_wrapper, .rev_slider_wrapper *{direction:ltr;}*/

.slider-title {
    font-family: inherit !important;
    min-width: 800px !important;
    background-size: 100% 170px !important;
    height: 150px !important;
    padding: 30px 0 !important;
	background-position: 80px !important;
}

.slider-title h2{	font-size:60px !important;	color:#ffff;	text-transform:uppercase;text-align:center !important;	font-weight: 300 !important;  }

.slider-title h2 b{	color:#0069e0;	font-weight:900;   }

.slider-title p{	color:#fff;    font-size: 30px !important;    text-align: center !important;	font-weight:800; }

.right-txt ul li:first-child, .list ul li:first-child {
    padding-top: 0;
}

.custom .tp-bullet{background:#fff;}

.custom .tp-bullet:hover, .custom .tp-bullet.selected {    background: rgb(0, 105, 224);  }

.sticky-no {
    position: fixed;
    left: -91px;
    background: linear-gradient(to right,#0069e0 0%, #009ff0 80%, #0069e0 100%);
    z-index: 99;
    transform: rotate(-90deg);
    top: 53%;
    color: #fff;
    padding: 12px 25px;
    font-weight: 800;
    font-size: 18px;
	box-shadow: 0 0 10px #4772a2
}

.sticky-no p{margin:0;}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/
.about-black p {    color: #fff;   }

.about-black{padding:25px 0; }

.about-black h1 {
    background: url(../../../wp-content/uploads/2019/06/blue-bg.png) no-repeat center;
    background-size: contain;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 44px;
    padding:  25px 0;
    max-width: 584px;
    margin: 0 auto;
    line-height: 80px;
}

.img-bottom{font-size:14px;}

.about-img img {    border-bottom: 15px solid #0069e0;  }

.about-title h1 {
    padding-bottom: 35px;
    text-align: center;
    font-weight: 900;
    font-size: 44px;
    background: url(../../../wp-content/uploads/2019/06/about-bg2.png) no-repeat top center;
    background-size: 100% 60px;
    max-width: 370px;
    margin: 0 auto;
}

.about-img {    margin-bottom: 10px !important;  }

.right-part ul li{font-size:20px;}

.banner3 {    border-top: 2px solid #bbb;   }

.banner1 h1 {    display: flex;    align-items: center;    justify-content: center;    font-size: 60px;    font-weight: 900;    color: #0069e0;   }

.banner1 h2 {
    font-size: 60px;
    font-weight: 900;
    background: url(../../../wp-content/uploads/2019/06/fb-bg.png) no-repeat bottom center;
    background-size: 100% 70px;
    padding: 0px 0px 12px 0;
}


.singlepost {
    padding: 80px 0;
}

.singlepost h1 {
    color: #0069e0;
    font-size: 40px;
    margin-bottom: 10px;
}

#commentform label {
    display: inline-block;
    width: 100px;
}
#commentform input:not([type="checkbox"]):not([type="submit"]){
    display: inline-block;
    width: 100%;
    max-width: 280px;
    padding: 6px 15px;
    font-size: 16px;
    line-height: 16px;
    border: 1px solid #0075e4;
    border-radius: 5px;
}


#commentform textarea#comment {
    display: inline-block;
    width: 100%;
    max-width: 280px;
    padding: 9px 15px;
    font-size: 16px;
    line-height: 16px;
    border: 1px solid #0075e4;
    border-radius: 5px;
}


#commentform .comment-form-cookies-consent label {
    width: auto;
    margin-right: 10px;
}

p.comment-form-comment label {
    vertical-align: top;
}

#commentform p {
    margin-bottom: 20px;
}

p.form-submit input {
    background: #0069e0;
    color: #fff;
    border: 0;
    padding: 10px 25px;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 5px;
    font-weight: bold;
}
/*------------------------------------*\
	BLOG
\*------------------------------------*/

section.post-list {
    padding: 60px 0;
}

section.post-list h1 {
    display: none;
}

.blog-item {
    border-radius: 5px;
    box-shadow: 0 0 8px #bbbbbb;
    overflow: hidden;
    margin: 0 0 30px 0;
}
.blog-item h2 {
    border-bottom: 1px solid #ccc;
}
.blog-item h2 a {
    height: 58px;
    overflow: hidden;
    font-size: 26px;
    margin: 25px 15px;
    display: block;
}

.blog-item .date {
    display: block;
    padding: 15px;
}

.blog-item img {
    height: 280px;
    width: 100%;
    object-fit: cover;
}



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/




@media (min-width:768px){
	
	.form-row .wpforms-field-container {width:75% !important;}

	.form-row .wpforms-submit-container{width:24% !important; }
	
	.form-row .wpforms-field-container .wpforms-field { display: inline-block; width: 32%; padding-right: 15px !important;  }
	
	
	
}

@media (min-width:992px){
	
	.rfooter p {    opacity: .4;  }
	
	.lfooter ul li {width: 33%;  padding:0 15px;  }
	
	.toggle , span.arrow{    display: none;}
	
	ul.menu{display:block !important; }
	
	.nav_area > ul > li.current_page_item , .nav_area > ul > li:hover {    background: #001d3d;   }

	.nav_area > ul > li.current_page_item a{    color:#fff;   }
	
	.nav_area ul li{position:relative;}
	
	.nav_area ul li:last-child:after, .nav_area ul li.current_page_item:after{display:none;}
	
	.nav_area > ul > li:after { content: '|';  padding: 0 15px;   position: absolute;   left: -23px;    color: #fff;    font-size: 20px; top:0; }
	
	
	.top-bar {    padding: 5px 0;   }
	
}

@media (min-width:1200px){
	.nav_area ul li a{ padding:0 22px;  }
}


@media (max-width:1100px){
	.nav_area ul li a {padding:0 12px;}
	
	.banner1 h2{font-size:50px; }
	
}

@media (max-width:991px){
	
	.top-bar .zoom-social-icons-widget .zoom-social-icons-list--align-left {    text-align: center;    }
	
	.menu-side { position: initial;}

	.nav_area { position: initial; text-align:right;}

	.nav_area .menu {
    display: none;
    width: 95%;
    position: absolute;
    right: 2.5%;
    background: #fff;
    z-index: 999;
    text-align: left;
    top: 120px;
    box-shadow: 0px 0px 15px #000;
	}

	span.arrow {display: inline-block;  width: 10%;	text-align: center;	cursor:pointer;	color:#000;	}

	.nav_area ul li { display: block; border-bottom: 1px solid #f6f6f6; height:auto; line-height:normal; text-align:right;}
	
	.nav_area ul li a {
		padding: 15px;
		color: #000;
		text-decoration: none;
		line-height: normal;
		float: none;
		clear: both;
	}	
	
	.nav_area ul li.current-menu-item a{font-weight:800;}
	
	.lfooter ul {display: table; width: 100%; margin-bottom: 30px; }
	
	.rfooter p {    text-align: center;   }
	
	.lfooter ul li:first-child {border-right: 0; }	
	
	.site-logo img {    width: 90px;    padding: 10px 0;   }
	
	.nav_area .menu:before {
    content: '';
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 22px solid #fff;
    position: absolute;
    right: 32px;
    top: -19px;
	}
	
	.form-row .wpforms-container-full .wpforms-form button[type=submit]{height:auto;}
	
	.banner1 h2{font-size:42px; }
	
	
}

@media only screen and (max-width:767px) {
	
	.blog-item {
    max-width: 300px;
    margin: 0 auto 30px;
}
	.blog-item h2 a {
    height: auto;
}
	
	.sticky-no {
    left: 0;
    transform: none;
    width: 100%;
    text-align: center;
    bottom: 0;
    top: auto;
}
	
	.right-sidebar{display:none;}
	
	.nav_area  .menu {top:100px;}
	
	.site-logo img {    width: 60px;    padding: 10px 0;   }

	ul.sub-menu li a{	border-bottom:0px;}

	ul.sub-menu {position: relative; }

	.nav_area > ul > li > a {display:inline-block; width:90%;}
	
	.nav_area ul li a:hover {}
	
	.lfooter ul li {    display: block;  border-right:0; }
	
	.banner2 h1.widgettitle{font-size:24px;}
	
	.form-row .wpforms-container-full .wpforms-form input[type="text"]{ text-align:center; height:40px;  }
	
	.form-row .wpforms-container-full .wpforms-form button[type=submit]{margin:10px 0;}
	
	.lfooter ul li {width: 100%;     margin-bottom: 10px;}
	
	.title-text h1{font-size:25px;}
	
	.right-txt ul li{padding-right:0; padding: 15px 0;}
	
	.right-txt ul li:before, .list ul li:before{display:block; margin:0 auto; background-size: 30px; height: 30px; position: relative; }
	
	.service-section .wpb_single_image .vc_single_image-wrapper{height:auto;width:70px;   }

	.slider-title h2 b, .slider-title h2{font-size:40px !important;}
	
	.slider-title p{font-size:16px !important; padding-top: 6px !important;}
	
	.slider-title {background-position: 38px !important;  min-width: 400px !important;    background-size: 100% 107px !important;    height: 100px !important;    }
	
	.tp-caption.rev-btn{font-size:14px !important;}
	
	.right-txt h1 {text-align: center;font-size: 22px;} 

	.right-txt h1 strong{font-size:30px;}

	.form-row p {font-size: 17px;}	
	
	.list ul li{padding:15px 0; text-align:center;}
	
	.right-txt ul li { text-align:center; }

	.banner3 .wpb_content_element.list { margin-bottom: 5px;  }

	.banner1 h1{font-size:40px;}
	
	.banner1 h1 img{width:auto;}
	
	.banner1 h2 {font-size:24px;}
	
	.about-black h1{font-size:30px;  background-size:100% 65px;}
	
	.about .right-txt h2 {font-size:40px; }
	
	.banner1 .wpb_single_image.vc_align_left{text-align:center;}
	
    .form-row .wpforms-field-container, .form-row .wpforms-submit-container {
    display: block;    vertical-align: middle;    max-width: 350px;    margin: 0 auto !important;    }
	
	.custom .tp-bullet {height:8px; width:8px;}
	
	.zoom-social_icons-list__link span {    font-size: 13px !important;  }
	
	.header .zoom-social-icons-list--no-labels .zoom-social_icons-list__item {    margin: 0;   }
	
		.about-title h1 {font-size:30px;    line-height: 60px;}
}
@media only screen and (max-width:400px) {
	
		.slider-title h2 b, .slider-title h2{font-size:30px !important; line-height:25px !important;}
	
	.about-black h2{font-size:26px;}
}
@media only screen and (min-width:480px) {
}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:1140px) {
}
@media only screen and (min-width:1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {
}
/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}