/* Ignore => Base Styles */
body { background: #fff; -webkit-font-smoothing: antialiased; margin: 0; max-height: 100%; max-width: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.main-content { transition: height 999999s; overflow-y: auto; -webkit-overflow-scrolling: touch;   }
.ScrollSceneIndicators { z-index: 9999999 !important; }
.g-recaptcha { width: 300px; margin: 0 auto; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* fix chrome autocomplete yellow background */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 9999s;
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}

.accessability-label-text { height: 1px; display: block; font-size: 0; overflow: hidden; }

.loader-container { text-align: center; position: fixed; top: 48%; width: 100%; }

/*.main-content , .navbar { display: none; }*/

.cd-nav-trigger { display: none; }

/* or's links */

.homepage-more-links { color: #ff6000; }

.star { color: #ff6000; font-weight: bold; font-size: 18px; }

.main-content { font-family: 'montserrat light', sans-serif; }
.rtl .main-content { font-family: 'Rubik', sans-serif; }

.link-color-no-underline { color: #ff6000; text-decoration: none; }

footer { clear: both; margin: /*40px*/15px 0; padding: 5px 0; font-family: 'montserrat'; font-size: 12px; color: #585858; text-align: center; position: relative; width: 100%; }
.rtl footer { font-family: 'Rubik', sans-serif !important; }
footer .publicators-copyright { position: absolute; top: 0; right: 10px; margin: 0; }
footer .social-links { position: absolute; top: -10px; left: 10px; z-index: 10; }
footer .social-links a.link { font-size: 18px; line-height: 24px; width: 28px; display: inline-block; margin: 0 4px; text-decoration: none; padding: 4px 4px; background-color: #ff6000; color: #fff;  }
footer .footer-menu { padding: 0; margin: 0; list-style-type: none; position: absolute; top: 0; right: 0; width: 100%; text-align: center; }
footer .footer-menu li { padding: 0; margin: 0 10px; display: inline-block; color: #585858; }
footer .footer-menu li a { padding: 0; margin: 0 10px; display: inline-block; color: #585858; text-decoration: none; }
footer .footer-menu li.sep {  }

.navbar { height: 50px; position: fixed; top: 0; width: 100%; margin: 0 auto; background-color: transparent; padding-top: 8px; z-index: 99999999; font-size: 14px; font-family: 'montserrat light'; }
.navbar .semi-transparent-background { position: absolute; width: 100%; height: 100%; background-color: #fff; opacity: 0.5; top: -8px; }
.navbar > button, .navbar > a { -webkit-appearance: none; appearance: none; box-shadow: none; border-radius: 0; border-style: none; outline: none; position: absolute; background-color: transparent; cursor: pointer; }
.navbar a.publicators-logo { float: left; text-decoration: none;  }
.navbar img.publicators-logo { border: none; }
.navbar .sign-up-btn {  right: 300px; display: inline-block; padding: 8px 15px; background-color: #ff6000; color: #fff; text-decoration: none;   }
.navbar .login-btn {  right: 210px; display: inline-block; padding: 8px 15px; background-color: #f2f2f2; color: #5f5f5f; font-family: 'montserrat light'; text-decoration: none; }
.rtl .navbar .sign-up-btn, .rtl .navbar .login-btn { font-family: 'Rubik', sans-serif !important; }
.navbar .lang-btn { color: #5f5f5f; right: 150px; display: inline-block; border: 2px solid #585858; border-radius: 50%; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 11px; text-align: center; padding: 0; margin-top: 3px; text-decoration: none;  }
.navbar .accessability-toggle-btn { right: 90px; top: 12px;  font-size: 25px; position: absolute; color: #000; text-decoration: none; }
.navbar button.open-search-btn { right: 106px; display: inline-block; font-size: 25px; margin-top: 3px;  }


.navbar button.open-menu-btn { right: 15px; display: inline-block;  font-size: 32px; z-index: 1; opacity: 1; transition: opacity 0.5s; }
.navbar button.close-menu-btn { right: 15px; top: 10px; visibility: hidden;  font-size: 24px; opacity: 0; transition: opacity 0.5s; }

.rtl .navbar a, .rtl .navbar button { direction: rtl; }

.menu-open .navbar button.open-menu-btn { visibility: hidden; opacity: 0; }
.menu-open .navbar button.close-menu-btn { display: inline-block; visibility: visible; opacity: 1;  z-index: 2; }



/*.main-content #page-menu { padding: 0; margin: 0;  }*/
/*.no-touchevents*/ #cd-vertical-nav {
	/*fix the navigation*/
  	position: fixed;
  	right: 40px;
  	top: 50%;
  	bottom: auto;
  	transform: translateY(-50%);
    z-index: 999;
    width: 22px;
}

/*.no-touchevents*/ #cd-vertical-nav ul { list-style-type: none; padding: 0; margin: 0; }
 
/*.no-touchevents*/ #cd-vertical-nav a span {
  	float: right;
  	/*scale down navigation dots and labels*/
  	
}
 
/*.no-touchevents*/ #cd-vertical-nav .cd-dot {
  	border-radius: 50%; background-color: #fff; width: 10px; height: 10px; display: inline-block; margin: 5px; border: 1px solid #ff6000;
}

/*.no-touchevents*/ #cd-vertical-nav .cd-dot.selected {
  	background-color: #ff6000;
      position: absolute;
      top: 0;
}
 
/*.no-touchevents*/ #cd-vertical-nav a:hover .cd-dot { background-color: #fff; border: 1px solid #ffab78; }

/*#cd-vertical-nav[data-section="1"] a[data-number="1"] .cd-dot,
#cd-vertical-nav[data-section="2"] a[data-number="2"] .cd-dot,
#cd-vertical-nav[data-section="3"] a[data-number="3"] .cd-dot,
#cd-vertical-nav[data-section="4"] a[data-number="4"] .cd-dot,
#cd-vertical-nav[data-section="5"] a[data-number="5"] .cd-dot,
#cd-vertical-nav[data-section="6"] a[data-number="6"] .cd-dot,
#cd-vertical-nav[data-section="7"] a[data-number="7"] .cd-dot,
#cd-vertical-nav[data-section="8"] a[data-number="8"] .cd-dot,
#cd-vertical-nav[data-section="9"] a[data-number="9"] .cd-dot,
#cd-vertical-nav[data-section="10"] a[data-number="10"] .cd-dot*/
/*,
/*.no-touchevents .fp-viewing-0 #cd-vertical-nav a[data-number="1"] .cd-dot,
.no-touchevents .fp-viewing-1 #cd-vertical-nav a[data-number="2"] .cd-dot,
.no-touchevents .fp-viewing-2 #cd-vertical-nav a[data-number="3"] .cd-dot,
.no-touchevents .fp-viewing-3 #cd-vertical-nav a[data-number="4"] .cd-dot,
.no-touchevents .fp-viewing-4 #cd-vertical-nav a[data-number="5"] .cd-dot,
.no-touchevents .fp-viewing-5 #cd-vertical-nav a[data-number="6"] .cd-dot,
.no-touchevents .fp-viewing-6 #cd-vertical-nav a[data-number="7"] .cd-dot,
.no-touchevents .fp-viewing-7 #cd-vertical-nav a[data-number="8"] .cd-dot,
.no-touchevents .fp-viewing-8 #cd-vertical-nav a[data-number="9"] .cd-dot,
.no-touchevents .fp-viewing-9 #cd-vertical-nav a[data-number="10"] .cd-dot*/
 /*{ background-color: #ff6000; border: 1px solid #ff6000; }*/

/*.no-touchevents*/ #cd-vertical-nav .cd-label {
    
  	
}
 
/*.no-touchevents*/ #vertical-nav a:hover span {
 	/*scale up navigation dots and labels*/
  	
}
 
/*.no-touchevents*/ #cd-vertical-nav a:hover .cd-label {
	/*show labels*/
 	
}


/*.touchevents #cd-vertical-nav {
  position: fixed;
  z-index: 999;
  right: 5%;
  bottom: 30px;
  width: 90%;
  max-width: 400px;
  max-height: 90%;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.2s;
}
.touchevents #cd-vertical-nav.open {
  transform: scale(1);
}*/


.main-content { opacity: 1; transition: opacity 0.5s; }

@-webkit-keyframes menu-off {
	
	0%   { opacity: 1; top: 0; position: fixed; width: 100%; height: 100%; }
    30%   { opacity: 0.7; position: fixed; width: 100%; height: 100%; }
    50%  { opacity: 0.5; position: fixed; width: 100%; height: 100%; }
    70%  { opacity: 0.3; position: fixed; width: 100%; height: 100%; }
    99% { opacity: 0; top: 0; position: fixed; width: 100%; height: 100%; }
    100% { opacity: 0; top: -10000px; }
}

@keyframes menu-off {
	
	0%   { opacity: 1; top: 0; position: fixed; width: 100%; height: 100%; }
    30%   { opacity: 0.7; position: fixed; width: 100%; height: 100%; }
    50%  { opacity: 0.5; position: fixed; width: 100%; height: 100%; }
    70%  { opacity: 0.3; position: fixed; width: 100%; height: 100%; }
    99% { opacity: 0; top: 0; position: fixed; width: 100%; height: 100%; }
    100% { opacity: 0; top: -10000px; }
}

.menu-open .main-content { visibility: hidden; height: 0px; width: 0px; opacity: 0; }

.main-menu { position: absolute; opacity: 0;  top: -10000px; /*animation: menu-off 0.5s;*/ margin-top: 58px; /*visibility: hidden;*/ }

.hidden { display: none; }

.rtl .main-menu { direction: rtl; }

.menu-open .main-menu { /*display: block;*/ visibility: visible; animation: opacity-anim 0.5s; opacity: 1; position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; z-index: 99999999; background-color: #f8f8f8;  }

/*.main-menu.off { animation: opacity-anim-off 0.5s; opacity: 0; top: 0; }*/

.main-menu ul { padding: 0; list-style: none;  } 

.main-menu > .menu { background-color: #fff; font-family: 'Montserrat', sans-serif; padding: 98px 0 70px 0; }
.rtl .main-menu > .menu { font-family: 'Rubik', sans-serif !important; }
.main-menu > .menu a { color: #c7c7c7; text-decoration: none; }
.main-menu > .menu > ul { margin: 0 auto; text-align: center; margin-top: 40px; }
.main-menu > .menu > ul:hover {}
.main-menu > .menu > ul > li { display: inline-block; vertical-align: top; text-align: left; margin: 0 37px; }
.rtl .main-menu > .menu > ul > li { text-align: right; }
.main-menu > .menu > ul > li/*:hover*/ > a { color: #3b3b3b; }
.main-menu > .menu > ul > li > a:before { content: ""; width: 1%; display: inline-block; border-top: 2px solid #fff; position: relative; top: -5px; float: left;
    /*-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform  0.3s;
    
    -webkit-animation: anim-1  0.3s forwards;
	animation: anim-1  0.3s forwards;*/
} 
.main-menu > .menu > ul > li:hover > a:before { border-top: 10% solid #ff6000;  -webkit-animation: top-line  0.3s forwards; animation: top-line  0.3s forwards; float: left; } 
.rtl .main-menu > .menu > ul > li:hover > a:before { float: right; } 

@keyframes top-line {
	50% {
        opacity: 0;
        width: 10%;
       
        border-color: #fff;
		/*-webkit-transform: width ;
		transform: translate3d(0, 0, 0);*/
	}
	51% {
        opacity: 1;
		border-color: #ff6000;
        width: 50%;
        
		/*-webkit-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0);*/
	}
	100% {
		border-color: #ff6000;
        /*width: 50%;*/
        width: 100%;
        
		/*-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);*/
	}
}

@keyframes top-line {
	50% {
        width: 10%;
       
        border-color: #fff;
		/*-webkit-transform: width ;
		transform: translate3d(0, 0, 0);*/
	}
	51% {
		border-color: #ff6000;
        width: 11%;
        
		/*-webkit-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0);*/
	}
	100% {
		border-color: #ff6000;
        /*width: 50%;*/
        width: 100%;
        
		/*-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);*/
	}
}


@-webkit-keyframes top-line {
	50% {
        opacity: 0;
        width: 10%;
       
        border-color: #fff;
		/*-webkit-transform: width ;
		transform: translate3d(0, 0, 0);*/
	}
	51% {
        opacity: 1;
		border-color: #ff6000;
        width: 50%;
        
		/*-webkit-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0);*/
	}
	100% {
		border-color: #ff6000;
        /*width: 50%;*/
        width: 100%;
        
		/*-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);*/
	}
}

@-webkit-keyframes top-line {
	50% {
        width: 10%;
       
        border-color: #fff;
		/*-webkit-transform: width ;
		transform: translate3d(0, 0, 0);*/
	}
	51% {
		border-color: #ff6000;
        width: 11%;
        
		/*-webkit-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0);*/
	}
	100% {
		border-color: #ff6000;
        /*width: 50%;*/
        width: 100%;
        
		/*-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);*/
	}
}

@-webkit-keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}

@keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}

.main-menu > .menu > ul > li > a { font-size: 35px; box-sizing: border-box; display: inline-block;  }
.main-menu > .menu > ul > li > a:hover {  }
.main-menu > .menu > ul > li > ul { font-family: 'montserrat light'; }
.rtl .main-menu > .menu > ul > li > ul { font-family: 'Rubik', sans-serif !important; }
.main-menu > .menu > ul > li > ul > li { margin: 15px 0; }
.rtl .main-menu > .menu > ul > li > ul > li { text-align: right; }
.main-menu > .menu > ul > li > ul > li > a { font-size: 22px; }
.main-menu > .menu > ul > li > ul > li > a {  } 
.main-menu > .menu > ul > li:hover > ul > li > a { color: #ff6000; } 
/*.main-menu > .menu > ul > li:hover > ul > li > a.email { color: #15d68c; }
.main-menu > .menu > ul > li:hover > ul > li > a.sms { color: #23a9e7; }
.main-menu > .menu > ul > li:hover > ul > li > a.campaigns { color: #af32eb; }
.main-menu > .menu > ul > li > ul > li > a.email:hover { color: #15d68c; }
.main-menu > .menu > ul > li > ul > li > a.sms:hover { color: #23a9e7; }
.main-menu > .menu > ul > li > ul > li > a.campaigns:hover { color: #af32eb; }*/
.main-menu > .menu > ul > li > ul > li > a:hover { text-decoration: underline; }

.main-menu > .contact { background-color: #f2f2f2; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; direction: ltr; }
.rtl .main-menu > .contact { font-family: 'Rubik', sans-serif !important;  }
.main-menu > .contact > ul { text-align: center; margin: 0; padding: 40px 0; }
.main-menu > .contact > ul > li { display: inline-block; margin: 0 40px; }
.main-menu > .contact > ul > li > a { color: #616161; text-decoration: none; }
.main-menu > .contact > ul > li > a > i { font-size: 18px; vertical-align: middle; margin: 0 5px; }

.main-menu > .contact-form { background-color: #f8f8f8; text-align: center; font-family: 'Montserrat', sans-serif; width: 100%; height: 100%; padding-top: 30px; }
.rtl .main-menu > .contact-form { font-family: 'Rubik', sans-serif !important; }
.main-menu > .contact-form form { width: 1020px; display: block; margin: 0 auto; position: relative; /*margin-top: 30px;*/ }
.main-menu > .contact-form form .form-field { width: 255px; padding: 15px 10px;  display: inline-block;  margin: 0 30px;  }
.main-menu > .contact-form  form .thanks{ background-color: #f8f8f8 !important; }

/*.menu-open .main-menu > .contact-form form input[type=text] { width: 255px;  font-size: 15px; color: #ff6000; display: inline-block; outline: none; border: none;  background-color: transparent; text-shadow: 0px 0px 0px #3a3c41; -webkit-text-fill-color: transparent;  }
.menu-open .main-menu > .contact-form form input[type=text]::-webkit-input-placeholder { color: #999ca5; text-shadow: none;  -webkit-text-fill-color: initial;  }*/

.main-menu > .contact-form form input.name {  }
.main-menu > .contact-form form input.email {  }
.main-menu > .contact-form form input.phone {  }
.main-menu > .contact-form form input.submit { padding: 10px 25px; font-size: 15px; font-weight: 600; cursor: pointer; float: right; margin: 20px 30px 0 30px; -webkit-appearance: none; appearance: none; box-shadow: none; border-radius: 0; border-style: none; outline: none; background-color: #ff5c00; color: #fff; letter-spacing: 3px;  }
.rtl .main-menu > .contact-form form input.submit { float: left !important; }

/* share links */
.share-links { text-align: center; direction: ltr; }
.rtl .share-links { direction: rtl; }

.share-links .share-links-title { text-align: center !important; font-size: 17px; color: #9f9f9f; margin: 5px 0; font-weight: 400; }
.share-links .share-links-title .like { }
.share-links .share-links-title .share { }
.share-links a { display: inline-block; margin: 10px 10px; text-align: center; width: 54px; height: 54px; line-height: 50px; background-color: #c0c0c0; border-radius: 50%; }
.share-links a:hover { background-color: #ff6000; }
.share-links a img { vertical-align: middle; }

@media screen and (min-device-width: 1024px) {
    .content-page .share-links { position: fixed; width: 56px; top: 15%; left: 20px; }
    .rtl .content-page .share-links { right: 20px; left: auto; }
    .content-page .share-links .share-links-title { line-height: 19px; }
    .content-page .share-links .share-links-title span { display: block; }
    .content-page .share-links .share-links-title span.space { display: none; }
    .content-page .share-links a { margin: 10px 0; }
	.content-page .share-links a.chat { display: none; }
}
@media screen and (max-device-width: 480px) {
    .share-links a { margin: 10px 6px; }
}


/* common pages styles  */
.hide { display: none; }
.invisible { animation: opacity-anim-off 0.5s; opacity: 0; }

.article { text-align: center; }
.article .title { margin: /*200px*/0 0 0 0; font-size: 40px; font-weight: 200; font-family: 'Montserrat Hairline'; text-align: center; color: #000; }
.article .sub-title { margin: /*200px*/0 0 0 0; font-size: 18px; font-weight: 200; font-family: 'montserrat';  color: #bfbfbf; vertical-align: middle; line-height: 60px; }
/*.rtl .article .sub-title { text-align: right; }*/
.article .sub-title .slash { color: #ff6000; }
.article .desc { max-width: 950px; margin: 20px auto; font-weight: 400; font-size: 16px; font-family: 'Montserrat light'; text-align: center; color: #333333  !important; line-height: 28px; }
.article .desc * { margin: 0; }
.article .more, .article .homepage-more-links { margin: 20px auto;  font-size: 15px; font-family: 'Montserrat Bold'; text-align: center; color: #ff5c00; text-decoration: none; }
.rtl .article .homepage-more-links { font-family: 'Rubik', sans-serif; font-weight: 600; }
.article .image-container { text-align: center;  }
.article .image-container img { max-width: 564px; max-height: 288px; width: auto; height: auto; box-shadow: 2px 10px 30px #ccc; outline: 0;  width: 564px; height: 288px;  }

.anchor-to-form { width: 120px; display: block; margin: 0 auto; font-size: 18px; line-height: 24px; padding: 8px 8px; text-decoration: none; color: #fff; background-color: #ff6000; }

.publicators-ws-scroll-down.animation { position: absolute !important; bottom: 140px; margin-left: -12.5px; cursor: pointer; }
.publicators-ws-scroll-down.animation { font-size: 50px; width: 25px; position: relative; display: inline-block; color: #dcdee4; }
.publicators-ws-scroll-down.animation:before { content: "\e915"; margin-left: -50%; /*-webkit-animation: mouse-scroll-before 2s infinite;*/ display: inline-block; position: absolute; }
.publicators-ws-scroll-down.animation:after { content: " "; margin-left: -50%; -webkit-animation: mouse-scroll-after 2s infinite; animation: mouse-scroll-after 2s infinite; color: #ff5f00; display: inline-block; position: absolute; }

.clear { clear: both; }

@-webkit-keyframes slideDown {
	0%   { top: -200px; }
    100% { top: 0px; }
}


@-webkit-keyframes opacity-anim {
	0%   { opacity: 0; }
    30%   { opacity: 0.3; }
    50%  { opacity: 0.5; }
    70%  { opacity: 0.7; }
    100% { opacity: 1; }
}

@-webkit-keyframes opacity-anim-off {
	0%   { opacity: 1; }
    30%   { opacity: 0.7; }
    50%  { opacity: 0.5; }
    70%  { opacity: 0.3; }
    100% { opacity: 0; }
}

@-webkit-keyframes mouse-scroll-before {
	0%   { content: "\e915"; }
    69%  { content: "\e915"; }
    70%  { content: "\e91b"; }
    100% { content: "\e91b"; }
}

@-webkit-keyframes mouse-scroll-after {
	0%   { content: " "; }
    69%   { content: " "; }
    75%  { content: "\e91f"; opacity: .4; }
    78%  { content: "\e91f"; opacity: 1; }
    80%  { content: "\e91e"; opacity: .4; }
    83%  { content: "\e91e"; opacity: 1; }
    85%  { content: "\e91d"; opacity: .4; }
    88%  { content: "\e91d"; opacity: 1; }
    90%  { content: "\e91c"; opacity: .4; }
    94%  { content: "\e91c"; opacity: 1; }
    100%  { content: " "; }
}

/* --  */

@keyframes slideDown {
	0%   { top: -200px; }
    100% { top: 0px; }
}


@keyframes opacity-anim {
	0%   { opacity: 0; }
    30%   { opacity: 0.3; }
    50%  { opacity: 0.5; }
    70%  { opacity: 0.7; }
    100% { opacity: 1; }
}

@keyframes opacity-anim-off {
	0%   { opacity: 1; }
    30%   { opacity: 0.7; }
    50%  { opacity: 0.5; }
    70%  { opacity: 0.3; }
    100% { opacity: 0; }
}

@keyframes mouse-scroll-before {
	0%   { content: "\e915"; }
    69%  { content: "\e915"; }
    70%  { content: "\e91b"; }
    100% { content: "\e91b"; }
}

@keyframes mouse-scroll-after {
	0%   { content: " "; }
    69%   { content: " "; }
    75%  { content: "\e91f"; opacity: .4; }
    78%  { content: "\e91f"; opacity: 1; }
    80%  { content: "\e91e"; opacity: .4; }
    83%  { content: "\e91e"; opacity: 1; }
    85%  { content: "\e91d"; opacity: .4; }
    88%  { content: "\e91d"; opacity: 1; }
    90%  { content: "\e91c"; opacity: .4; }
    94%  { content: "\e91c"; opacity: 1; }
    100%  { content: " "; }
}



/* all pages header */

.header-section { font-family: 'montserrat extrabold'; text-align: center; }
.header-section .layout.top { margin: 0; background: url('/images/office.gif') center 2px/700px 300px no-repeat; }
.header-section .layout.bottom {  margin: 20px 0 0 0; background: url('/images/office.gif') center -114px/700px 300px no-repeat; }
.header-section .layout .text { margin: 0; font-weight: 800; mix-blend-mode: hard-light; background: #fff; }
.header-section .layout.top .text { font-size: 70px; color:#3a3a3a; }
.header-section .layout.top .text:after { content: attr(""); background-color:#808080; }

.header-section .layout.bottom .text { font-size: 130px; color:#ff6000; line-height: 130px; }



.rtl .article-container { text-align: right !important; direction: rtl; }
.rtl .article-container .article { text-align: right !important; direction: rtl; }
.rtl .article-container .article .icon-container:not(.text-align-center) { text-align: right !important; direction: rtl; }
.rtl .article-container .article .title:not(.text-align-center) { text-align: right !important; direction: rtl; }

.article-container .article .more, .homepage-more-links { float: right; }
.rtl .article-container .article .more, .rtl .homepage-more-links { float: left; }
.article-container .article .more.no-float, homepage-more-links.no-float { float: none; }

/*.rtl div,
.rtl p,
.rtl a,
.rtl li,
.rtl button,
.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl h5,
.rtl h5,
.rtl span*/
.rtl .sub-title,
.rtl .desc,
.rtl .more
{ font-family: 'Rubik', sans-serif !important; font-size: 16px;  }

.rtl .our-team-section .workers-avatars .item { font-family: 'Rubik', sans-serif !important; font-weight: 300; }



.rtl .desc
{ color: #616161 !important; }

.rtl .article  { margin: 0 50px; }
.rtl .article .more { float: left; }

.rtl .article .title, .rtl .article .desc, .rtl .article .more { font-family: 'Rubik', sans-serif !important; }

.text-align-center { text-align: center; }

.text-align-left { text-align: justify; }
.text-align-right { text-align: justify; }

/* video in background */

.layout.always, .layout.deliver, .we-are , .letter-animation , .header-section .layout.top , .header-section .layout.bottom { background-image: none !important; }
.layout .text { mix-blend-mode: normal !important; }


/*  home page  */

.main { width: 100%; margin: 0 auto; padding: /*100px*/0 0 100px 0; text-align: center; }
.main.home { padding: /*150px*/0 0 100px 0; }
.main.w1024 { width: 1024px; overflow: hidden; border: 1px solid black; }



.spacer { height: 30vh; }
/*.home section { height: 100vh; }*/

/* updated 16-10-2017 */
.full-page-container section { overflow: hidden; position: relative; }
.full-page-container section .section-inner { position: relative; top: 50%; transform: perspective(1px) translateY(-50%); }

[data-page] { padding-top: 100px; }
.full-page-container[data-page] { padding-top: 0; }



.always-deliver-section { text-align:center; }
.always-deliver-section .layout.always {  text-align:center; background: url('/images/office.gif') center 2px/700px 300px no-repeat; }
.always-deliver-section .layout.deliver {  text-align:center; background: url('/images/office.gif') center -92px/700px 300px no-repeat; }
.always-deliver-section .layout .text { font: 130px sans-serif; background: #fff;  }
.always-deliver-section .always .text { font-size: 70px; font-weight: 800; color: #3a3a3a; mix-blend-mode: hard-light; }
.always-deliver-section .deliver .text { font-size: 130px; font-weight: 800; color: #ff5f00; line-height:130px; mix-blend-mode: hard-light; }
.always-deliver-section .more .text { font-size: 25px; font-weight: 400; color: #454545; line-height:90px; }

.always-deliver-section .layout:before, .header-section .layout:before, .we-are-publicators-section .we-are:before { content: ""; display: block; height: 4px; width: 100%; position:absolute; top: -2px; left: 0; background-color: #fff; }
.always-deliver-section .layout:after, .header-section .layout:after, .we-are-publicators-section .we-are:after { content: ""; display: block; height: 4px; width: 100%; position:absolute; bottom: -2px; left: 0; background-color: #fff; }


.we-are-publicators-section { font-weight: 900; font-family: sans-serif; text-transform: uppercase; text-align: center; }
.we-are-publicators-section .we-are { background: url('/images/office.gif')  center -110px/1000px 400px no-repeat; }
.we-are-publicators-section .we-are .text { font-size: 70px; color: #3a3a3a; mix-blend-mode: hard-light; background: #fff; }
.we-are-publicators-section .letter-animation { display: inline-block; background: url('/images/office.gif') 0px 2px/1000px 400px no-repeat; }
.we-are-publicators-section .letter-animation:before { content: ""; display: block; height: 4px; width: 100%; position:absolute; top: -2px; left: 0; background-color: #fff; }
.we-are-publicators-section .letter-animation:after { content: ""; display: block; height: 4px; width: 100%; position:absolute; bottom: -2px; left: 0; background-color: #fff; }
.we-are-publicators-section .letter-animation .text { font-size: 100px;  color: #ff5f00; mix-blend-mode: hard-light; background: #fff; display: block; text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.we-are-publicators-section .after-letters-spacer.letter-animation { background: none; }

#responsive-image-article {  }
.responsive-image-article-section { margin: 0 auto; position: relative; width: 100%; }
.responsive-image-article-section .image-container { width: 50%; display: inline-block; position: relative; right: 0px; float: left; height: 90%; }
.responsive-image-article-section .image-container img { max-height: 80%; width: auto; float: right; }
.responsive-image-article-section .article-container { width: 50%; text-align: left; line-height: 100%; height: 100%; display: inline-block; float: right; position: relative; /*top: 50%; */ /*transform: perspective(1px) translateY(50%);*/ }
.responsive-image-article-section .article-container:before { content: "\200B"; height: 100%; display: inline-block; vertical-align: middle; }
.responsive-image-article-section .article-container .article { width: 440px; margin: 0 50px; line-height: normal; display: inline-block; vertical-align: middle; float: left;  }
.ltr .responsive-image-article-section .article-container .article { text-align: left; }
.responsive-image-article-section .article-container .article .icon-container { text-align: left; }
.responsive-image-article-section .article-container .article .icon-container .publicators-ws { color: #ff5c00; font-size: 34px; }
/*.responsive-image-article-section .article-container .article .content { text-align: justify; }*/
.responsive-image-article-section .article-container .article .title { font-size: 45px; margin: 20px 0; text-align: left; }
.responsive-image-article-section .article-container .article .desc { text-align: justify; font-weight: 400; font-family: 'montserrat light'; color: #9e9e9e; /*line-height: 22px;*/ }
.responsive-image-article-section .article-container .article .more { color:#ff5c00; display: inline-block; margin-top: 10px; font-family: montserrat; font-weight: 700; font-size: 13px; text-decoration: none; }
/*.responsive-image-article-section .article-container .article .post-link{ color:#ff5c00; display: inline-block; margin-top: 10px; font-family: montserrat; font-weight: 700; font-size: 13px; text-decoration: none;  }*/

.two-articles-section { margin: 0 auto; position: relative; width: 100%; text-align: center; }
.two-articles-section .article-container { width: 490px; text-align: center; display: inline-block; vertical-align: top; }
.two-articles-section .article-container .article { width: 420px; line-height: normal; display: inline-block;  }
.ltr .two-articles-section .article-container .article, .ltr .two-articles-section .article-container .article .title { text-align: left; }
.rtl .two-articles-section .article-container .article, .rtl .two-articles-section .article-container .article .title { text-align: right; }
.two-articles-section .article-container .article .title { font-size: 35px !important; }
.two-articles-section .article-container .article .desc { text-align: justify; }
.two-articles-section .article-container .article .more{ color:#ff5c00; display: inline-block; margin-top: 10px; font-family: montserrat; font-weight: 700; font-size: 13px; text-decoration: none;  }


#never-forget-calendar { /*height: 2200px;*/ }
.never-forget-calendar-section { text-align: center; font-family: montserrat; position: relative; min-height: 900px; padding-top: 40px; }
.never-forget-calendar-section .top-row { position: relative; }
.never-forget-calendar-section .never-forget { display: inline-block; text-align: center; width: 50%; float: left; height: 100%; position: absolute; left: 0; top: 0; line-height: 100%; font-size: 120px; font-weight: 800; background: #fff; }
.never-forget-calendar-section .never-forget:before { content: "\200B"; height: 100%; display: inline-block; vertical-align: middle; }
.never-forget-calendar-section .never-forget .inner { display: inline-block; text-align: left; width: 500px; vertical-align: middle; line-height: 120px; }

.never-forget-calendar-section .never-forget .text { /*mix-blend-mode: hard-light;*/ background: #fff; }
.never-forget-calendar-section .never-forget .never { /*background: url('/images/office.gif') center 2px/800px 400px no-repeat;*/ }
.never-forget-calendar-section .never-forget .never .text { color: #ff6000; }
.never-forget-calendar-section .never-forget .forget { /*background: url('/images/office.gif') center -185px/800px 400px no-repeat;*/ }
.never-forget-calendar-section .never-forget .forget .text { color: #3a3a3a; }

.never-forget-calendar-section .calendar { display: inline-block; width: 50%; float: right; }
.never-forget-calendar-section .calendar table { margin: 40px auto 0 auto; font-size: 14px;  }
.never-forget-calendar-section .calendar table caption { font-size: 0; display: block; height: 1px; overflow: hidden; }

.never-forget-calendar-section .calendar table thead {  }
.never-forget-calendar-section .calendar table thead tr.month { font-size: 24px; font-family: montserrat light; font-weight: 400; color: #8e9599; }
.never-forget-calendar-section .calendar table thead tr.month th { height: 80px; vertical-align: top;  }
.never-forget-calendar-section .calendar table thead tr.month th.middle {  }
.never-forget-calendar-section .calendar table thead tr.weekdays { color: #404850; font-weight: 700; }
.never-forget-calendar-section .calendar table thead tr.weekdays th {  }


.never-forget-calendar-section .calendar table tbody {  }
.never-forget-calendar-section .calendar table tbody tr {  }
.never-forget-calendar-section .calendar table tbody tr td { width: 50px; max-width: 50px; height: 50px; max-height: 50px; position: relative; color: #626c75;  }
.never-forget-calendar-section .calendar table tbody tr td.out-ranged { color: #626c75; opacity: 0.5; }
.never-forget-calendar-section .calendar table tbody tr td.current { color: #fff; }
.never-forget-calendar-section .calendar table tbody tr td.current:before { content: "\200B"; display: inline-block; width: 35px; height: 35px; background-color: #ff6000; border-radius: 50%; position: absolute; top: 8px; left: 8px; z-index: -1; transition: opacity 0.2s; }
.never-forget-calendar-section .calendar table tbody tr td.current.fade-in:before { opacity: 1; }
.never-forget-calendar-section .calendar table tbody tr td.current.fade-out:before { opacity: 0; }
.never-forget-calendar-section .calendar table tbody tr td.camp img { position: absolute; top: -9px; left: 7px; }

.never-forget-calendar-section .campaigns { width: 2200px; position: absolute; bottom: 0; left: 50%; margin-left: -1100px; text-align: center; clear: both; }
/*.never-forget-calendar-section .campaigns:before { content: "\200B"; display: block; height: 500px; }*/
.never-forget-calendar-section .campaigns .campaign { display: inline-block; position: relative; /*position: absolute; top: 0;*/ }
.never-forget-calendar-section .campaigns .campaign.thank-you { left: 70px; z-index: 3; }
.never-forget-calendar-section .campaigns .campaign.happy-birthday {  z-index: 2; }
.never-forget-calendar-section .campaigns .campaign.sale { right: 70px; z-index: 1; }
.never-forget-calendar-section .campaigns .campaign .date { top: 50px; left: 120px; color: #8e9599; font-family: montserrat light; opacity: 0.4; position: relative; }
.never-forget-calendar-section .campaigns .campaign .date .day { font-size: 44px; }
.never-forget-calendar-section .campaigns .campaign .date .month-year { font-size: 16px;; }
.never-forget-calendar-section .campaigns .campaign img { max-width: 100%; height: auto; display: inline; }
.never-forget-calendar-section .campaigns .campaign .sent { color: #ff6000; position: absolute; top: 40%; left: 45%; opacity: 0; transition: opacity 4s; }
.never-forget-calendar-section .campaigns .campaign .sent.active { opacity: 1; }
.never-forget-calendar-section .campaigns .campaign .sent .v { font-size: 73px; }
.never-forget-calendar-section .campaigns .campaign .sent .text { font-size: 43px; }





.article-container .article .desc p { margin: 0;}

.rtl .three-articles-section { direction: rtl; }
.three-articles-section { margin: 0 auto; position: relative; width: 100%; text-align: center; }
.three-articles-section .article-container { width: 330px; text-align: center; display: inline-block; vertical-align: top; }
.three-articles-section .article-container .article { line-height: normal; display: inline-block; width: 300px; margin: 0 auto; padding: 0 10px;  }
.ltr .three-articles-section .article-container .article { text-align: left; }
.rtl .three-articles-section .article-container .article { text-align: right; }
/*.three-articles-section .article-container .article .icon-container { text-align: left; }*/
.three-articles-section .article-container .article .icon-container .publicators-ws { color: #ff5c00; font-size: 54px; }
.three-articles-section .article-container .article .title { font-size: 35px !important; }
.three-articles-section .article-container .article .sub-title { line-height: 13px; }
.three-articles-section .article-container .article .desc { text-align: justify; margin-top: 35px; }
.three-articles-section .article-container .article .more{ color:#ff5c00; display: inline-block; margin-top: 10px; font-family: montserrat; font-weight: 700; font-size: 13px; text-decoration: none;  }

/* new section */

.rtl .three-articles-section { direction: ltr; }

.three-articles-section .section-title { font-size: 40px; font-weight: 200; font-family: 'Montserrat Hairline'; margin: 10px 0; }
.rtl .three-articles-section .section-title { font-size: 40px; font-family: 'Rubik', sans-serif; font-weight: 300; }

.three-articles-section .section-title a { color: #000; text-decoration: none; }
.three-articles-section .section-title a:hover { text-decoration: underline; }

.three-articles-section .article-container .article .title a { text-decoration: none; color: #000; }


.triple-item-features-carousel-section-wrapper { width: 980px; margin: 0 auto; position: relative; }
.triple-item-features-carousel-section { z-index: 10; margin-top: 20px; text-align: center; position: relative; overflow: hidden; height: 580px; }
.triple-item-features-carousel-section ul { padding: 0; list-style-type: none; position: relative; z-index: 1; width: 1000vw; margin: 0; }
.triple-item-features-carousel-section ul li { display: inline-block; width: 980px; }

.three-articles-section .article-container { width: 290px; display: inline-block; border: 1px solid #fff; position: relative; margin: 0 10px; padding-bottom: 20px; text-decoration: none; } 

.three-articles-section .article-container:hover { box-shadow: 2px 10px 30px #ccc; border: 1px solid #ccc; } 
.three-articles-section .article-container .article { width: 270px; margin-top: 202px; margin-bottom: 0; }
.three-articles-section .article-container .article  .desc { margin-top: 10px !important; margin-bottom: 0; height: 170px; overflow: hidden; }
.three-articles-section .article-container .article .feature-img-container { width: 100%; height: 200px; position: absolute; top: 0; left: 0; overflow: hidden; border-bottom: 4px solid #ff6000; }

.three-articles-section .article-container .article .down-arrows { position: relative; display: block; width: 40px; height: 10px; margin: 0 auto; }
/*.three-articles-section .article-container .article .down-arrows span:hover {box-shadow: inset 3px -3px 0 2px #ff6000; margin: 0 0px;}*/
.three-articles-section .article-container .article .down-arrows span.up { z-index: 10; top: 10px; }
.three-articles-section .article-container .article .down-arrows span { display: inline-block; position: relative; width: 0; height: 0; border-style: solid; border-width: 10px 20px 0 20px; border-color: #ff6000 transparent transparent transparent; box-sizing: content-box; }
.three-articles-section .article-container .article .down-arrows span:before { content: ''; position: absolute; width: 0; height: 0; left: -20px; top: -13px; border-style: solid; border-width: 10px 20px 0 20px; border-color: #fff transparent transparent transparent; box-sizing: content-box; }
/*.three-articles-section .article-container .article .down-arrows span:before {content: '';position: absolute;top: -100%;left: -100%;height: 150%;width: 150%; display: block;left: 0;right: auto;-moz-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);-webkit-transform: rotate(270deg);transform: rotate(270deg);}
.three-articles-section .article-container .article .down-arrows span.down { margin-top: 30px;}*/
.three-articles-section .article-container .article .api { border-color: #3e9fc3; border-top-color: #3e9fc3 !important;  }
.three-articles-section .article-container .article .extra-modules { border-color: #36ab3e; border-top-color: #36ab3e !important; }
.three-articles-section .article-container .article .marketing { border-color: #56c5be; border-top-color: #56c5be !important; }
.three-articles-section .article-container .article .ecommerce { border-color: #90b23a; border-top-color: #90b23a !important; }
.three-articles-section .article-container .article .newsletters { border-color: #6a6ec2; border-top-color: #6a6ec2 !important; }



.feature-items-scrolls {position: absolute;left: -31px;top: 50%;width: 100%;height: 26px;padding: 0 31px;z-index: 0;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
.feature-items-scroll {/*display: none;*/position: absolute;top: -50%;padding: 23px;box-shadow: inset 2px -2px 0 1px #3a3a3a;cursor: pointer;-moz-transition: box-shadow 0.15s, margin 0.15s;-o-transition: box-shadow 0.15s, margin 0.15s;-webkit-transition: box-shadow 0.15s, margin 0.15s;transition: box-shadow 0.15s, margin 0.15s;z-index:11;}
.feature-items-scroll:hover {box-shadow: inset 3px -3px 0 2px #ff6000;margin: 0 0px;}
.feature-items-scroll:before {content: '';position: absolute;top: -100%;left: -100%;height: 150%;width: 150%;}
.feature-items-scroll.left {display: block;left: 0;right: auto;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.feature-items-scroll.right {display: block;right: 0;left: auto; -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg);} 

.main.features-gallery { padding-top: 100px; }
.main.features-gallery .masker { position: fixed; width: 100%; height: 100%; top:0; left: 0; text-align: center; }
.main.features-gallery .masker img { margin-top: 45%; }

/* updated 17-10-2017 */
.main.features-gallery section { overflow: hidden; position: relative; }
.main.features-gallery section .section-inner { position: relative; top: 50%; transform: perspective(1px) translateY(-50%); }
/**********************/


#features-gallery h1 { font-size: 45px; font-weight: 200; }
.features-gallery-section { direction: ltr; }
.rtl .features-gallery-section  { direction: rtl; }
.features-gallery-section .feature-categories { margin-bottom: 15px; }
.features-gallery-section .feature-categories ul { list-style: none; padding: 0; margin: 0; /*border-top: 1px solid #ccc;*/ border-bottom: 1px solid #ccc; }
.features-gallery-section .feature-categories ul li { display: inline-block; margin: 12px 15px; }
.features-gallery-section .feature-categories ul li a { color: #ff6000; text-decoration: none; font-size: 16px; font-weight: 600; }
.features-gallery-section .feature-categories ul li a.selected { color: #ff6000; font-size: 28px; }

.features-gallery-section .feature-categories ul li a[data-category="ecommerce"].selected { color: #90b23a; }
.features-gallery-section .feature-categories ul li a[data-category="ecommerce"]:hover { color: #90b23a; }
.features-gallery-section .feature-categories ul li a[data-category="api"].selected { color: #3e9fc3; }
.features-gallery-section .feature-categories ul li a[data-category="api"]:hover { color: #3e9fc3; }

.features-gallery-section .feature-categories ul li a[data-category="newsletters"].selected , 
.features-gallery-section .feature-categories ul li a[data-category="newsletters"]:hover , 
.features-gallery-section .feature-categories ul li a[data-category="ניוזלטר"].selected,
.features-gallery-section .feature-categories ul li a[data-category="ניוזלטר"]:hover { color: #6a6ec2; }

.features-gallery-section .feature-categories ul li a[data-category="marketing"].selected , 
.features-gallery-section .feature-categories ul li a[data-category="marketing"]:hover , 
.features-gallery-section .feature-categories ul li a[data-category="מרקטינג"].selected ,
.features-gallery-section .feature-categories ul li a[data-category="מרקטינג"]:hover { color: #56c5be; }

.features-gallery-section .feature-categories ul li a[data-category="extra-modules"].selected ,
.features-gallery-section .feature-categories ul li a[data-category="extra-modules"]:hover ,
.features-gallery-section .feature-categories ul li a[data-category="מודולים-נוספים"].selected ,
.features-gallery-section .feature-categories ul li a[data-category="מודולים-נוספים"]:hover{ color: #36ab3e; }

.features-gallery-section .feature-categories .feature-search { border: #cccccc; text-align: center; width: 300px; margin: 30px auto 10px auto; position: relative; }
.features-gallery-section .feature-categories .feature-search input { border: 1px solid #cccccc; outline: 0; width: 248px; height: 38px; line-height: 35px; font-size: 25px; direction: ltr; padding: 2px 40px 2px 10px; }
.rtl .features-gallery-section .feature-categories .feature-search input { direction: rtl; padding: 2px 10px 2px 40px; }
.features-gallery-section .feature-categories .feature-search i { position: absolute; right: 8px; line-height: 44px; top: 0; vertical-align: middle; font-size: 27px; color: #a7a7a7; }
.rtl .features-gallery-section .feature-categories .feature-search i { right: auto; left: 8px; }


.features-gallery-section .feature-categories .categories-description { position: relative; height: 100px; }
.features-gallery-section .feature-categories .categories-description .content { position: relative; height: 100px; margin: 0 auto; max-width: 900px; }
.features-gallery-section .feature-categories .categories-description .content .category-desc { opacity: 0; transition: opacity 1s; position: absolute; width: 100%; text-align: center; }
.features-gallery-section .feature-categories .categories-description .content .category-desc.selected { opacity: 1; }

@media screen and (max-device-width: 1023px) {
.features-gallery-section .feature-categories .categories-description { height: auto; }
.features-gallery-section .feature-categories .categories-description .content{ height: auto; }
.features-gallery-section .feature-categories .categories-description .content .category-desc { display: none; position: static; width: 100%; text-align: center; }
.features-gallery-section .feature-categories .categories-description .content .category-desc.selected { display: block; }
}

.features-gallery-section .features-items-container {  position: relative; margin: 0 auto; max-width: 1240px; }
.features-gallery-section .features-items-container ul.features-items { list-style: none; padding: 0; margin: 0; }
.features-gallery-section .features-items-container ul.features-items li { display: inline-block; margin: 5px 5px 25px 5px; }

.features-gallery-section .features-items-container ul.features-items li:hover {  }
.features-gallery-section .features-items-container ul.features-items li.wookmark-inactive, .features-gallery-section .features-items-container ul.features-items li.search-hidden { visibility: hidden; opacity: 0; }

.features-gallery-section .features-items-container ul.features-items li a.item { color: #3a3a3a; width: 280px; margin: 0 auto; display: inline-block; border: 1px solid #ccc; text-decoration: none; padding: 0 0 10px; margin: 5px 5px 25px 5px; }
.features-gallery-section .features-items-container ul.features-items li a.item:hover { border: 1px solid #ccc; box-shadow: 2px 10px 30px #ccc; }
.features-gallery-section .features-items-container ul.features-items li .item .feature-img-container { text-align: center; margin: 0 auto; overflow: hidden; }
.features-gallery-section .features-items-container ul.features-items li .item .feature-img-container img { height: auto; max-width: 280px; }
.features-gallery-section .features-items-container ul.features-items li .item .title { }
.features-gallery-section .features-items-container ul.features-items li .item .desc { padding: 0 5px; text-align: center; }
.rtl .features-gallery-section .features-items-container ul.features-items li .item .desc {  }
.features-gallery-section .features-items-container ul.features-items li .item .more { color: #ff6000; }



.newsletters-img-container { position: relative; top: 30%; }

/******************/


#campaign-article { height: 120vh; }
.campaign-article-section { margin: 0 auto; position: relative; width: 100%; }
.campaign-article-section .image-container { float: right; width: 50%; display: inline-block; position: relative; /*right: -10%;*/ }
.campaign-article-section .image-container .image-menu-wrapper { position: relative; width: 550px; }
.campaign-article-section .image-container .image-menu-wrapper .image { position: relative; height: 350px; text-align: center; }
.campaign-article-section .image-container .image-menu-wrapper .image img { position: absolute; top: 0; left: 0; margin: 0 auto; max-height: 100%; height: 100%; width: auto; opacity: 0; -webkit-animation: opacity-anim-off 1s; animation: opacity-anim-off 1s; }
.campaign-article-section .image-container .image-menu-wrapper .image img.active {  opacity: 1; -webkit-animation: opacity-anim 1s; animation: opacity-anim 1s; }

.campaign-article-section .image-container ul.menu { margin: 20px auto 0 auto; padding: 0; box-sizing: border-box; height: 52px; line-height: 52px; vertical-align: middle;  background-color: #f8f8f8; border-radius: 25px; display: inline-block; font-family: montserrat light; text-align: center; }
.campaign-article-section .image-container ul.menu li { box-sizing: border-box; display: inline-block; line-height: 50px; vertical-align: top; /*margin: 0 10px;*/ }
.campaign-article-section .image-container ul.menu li a { box-sizing: border-box; height: 44px; line-height: 44px; vertical-align: middle; border-radius: 21px; width: 100%;  padding: 0 52px; font-family: montserrat; font-weight: 300; font-size: 15px; color: #aaaaaa;  display: inline-block; text-decoration: none; }
.campaign-article-section .image-container ul.menu li a:hover { color: #4a4a4a; }
.campaign-article-section .image-container ul.menu li a.active { color: #4a4a4a; background-color: #fff;  box-shadow: 0px 2px 5px #ccc; font-weight: 800;  }
.campaign-article-section .image-container ul.menu li a.marked { color: #4a4a4a; }

/*.campaign-article-section .image-container .menu { width: 320px; margin: 0 auto; font-family: montserrat light; text-align: center; }
.campaign-article-section .image-container .menu .btn { font-size: 15px; color: #9c9c9c; }
.campaign-article-section .image-container .menu .btn:hover { font-size: 15px; color: #9c9c9c; }
.campaign-article-section .image-container .menu .btn .text { font-size: 15px; color: #9c9c9c; }*/

.campaign-article-section .article-container { width: 50%; text-align: center; line-height: 100%; height: 100%; display: inline-block; position: absolute; left: 0; top: 0; }
.campaign-article-section .article-container:before { content: "\200B"; height: 100%; display: inline-block; vertical-align: middle; }
.campaign-article-section .article-container .article { line-height: normal; display: inline-block; vertical-align: middle; width: 450px; }
.ltr .campaign-article-section .article-container .article { text-align: left; }
.rtl .campaign-article-section .article-container .article { text-align: right; }
.campaign-article-section .article-container .article .icon-container { text-align: left; }
.campaign-article-section .article-container .article .icon-container .publicators-ws { color: #ff5c00; font-size: 50px; padding: 0 5px; }
.campaign-article-section .article-container .article .title { font-size: 40px; }
.campaign-article-section .article-container .article .content { text-align: justify; }
.campaigne-article-section .article-container .article .post-link{ color:#ff5c00; display: inline-block; margin-top: 10px; font-family: montserrat; font-weight: 700; font-size: 13px; text-decoration: none;  }



#dashboard-image-article { height: 120vh; }
.dashboard-image-article-section { margin: 0 auto; position: relative; width: 100%; }
.dashboard-image-article-section .image-container { float: right; width: 50%; display: inline-block; /*position: relative; right: -10%;*/ }

/* new section */
.dashboard-image-article-section .image-container .image { position: relative; width: 1188px; height: 690px; max-height: 70%; background-image: url(/images/pub-laptop-bg.png); }
.dashboard-image-article-section .image-container .image img { top: 45px; left: 150px; transition: opacity 1s; /*float: left;*/ /*max-height: 70%;*/ max-height: 100%; width: auto; position: absolute; opacity: 0; }
.dashboard-image-article-section .image-container .image img.active {  opacity: 1; }

.dashboard-image-article-section .article-container .article .personas { padding-top: 25px; }
.dashboard-image-article-section .article-container .article .personas .persona-item { color: #4a4a4a; display: inline-block; width: 90px; opacity: 0.4; transition: opacity 1s; text-decoration: none; text-align: center; vertical-align: top; }
.dashboard-image-article-section .article-container .article .personas .persona-item:hover  { opacity: 0.8; }
.dashboard-image-article-section .article-container .article .personas .persona-item.active  { opacity: 1; }
.dashboard-image-article-section .article-container .article .personas .persona-item img.persona-icon { border-radius: 50%; }
.dashboard-image-article-section .article-container .article .personas .persona-item .persona-title { font-size: 15px; }

.dashboard-image-article-section .article-container .article .personas-desc { position: relative; height: 216px; }
.dashboard-image-article-section .article-container .article .personas-desc .persona-desc { position:absolute; opacity: 0; transition: opacity 1s; }
.dashboard-image-article-section .article-container .article .personas-desc .persona-desc.active { opacity: 1; }
.dashboard-image-article-section .article-container .article { width: 470px !important; }
@media screen and (max-device-width: 480px) {
	.dashboard-image-article-section .article-container div.article { margin-top: 0 !important; }
	.dashboard-image-article-section .article-container div.article  .title { margin-top: 0 !important; }
}

.dashboard-image-article-section .image-container .nav-arrows { /*top: -20px;*/ width: 170px; height: 44px; position: relative; /*position: absolute; right: -130px; top: 420px;*/ margin: 0 200px; -moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box; }
.dashboard-image-article-section .image-container .nav-arrows .arrow { position: absolute;top: -50%; padding: 13px;box-shadow: inset 2px -2px 0 1px #a4a4a4;cursor: pointer;-moz-transition: box-shadow 0.15s, margin 0.15s;-o-transition: box-shadow 0.15s, margin 0.15s;-webkit-transition: box-shadow 0.15s, margin 0.15s;transition: box-shadow 0.15s, margin 0.15s; }
.dashboard-image-article-section .image-container .nav-arrows .arrow:hover { box-shadow: inset 3px -3px 0 2px #ff6000;margin: 0 0px; }
.dashboard-image-article-section .image-container .nav-arrows .arrow.left { display: block;left: 0;right: auto;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg); }
.dashboard-image-article-section .image-container .nav-arrows .arrow.right { display: block;right: 0;left: auto; -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); }

.dashboard-image-article-section .image-container .start-middle-end-month { width: 320px; margin: 0 auto; font-family: montserrat light; text-align: center; }
.dashboard-image-article-section .image-container .start-middle-end-month .day { font-size: 15px; color: #9c9c9c; display: none; }
.dashboard-image-article-section .image-container .start-middle-end-month .start-middle-end { line-height: 40px;  font-size: 35px; color: #dadada; vertical-align: middle; margin: 10px 0 20px 0;  }
.dashboard-image-article-section .image-container .start-middle-end-month .start-middle-end .date { background-color: #d2d2d2; width: 30px; height: 30px; border-radius: 50%; display: inline-block; vertical-align: top; line-height: 30px; cursor: pointer; position: relative; }
.dashboard-image-article-section .image-container .start-middle-end-month .start-middle-end .date:hover { background-color: #9e9e9e; box-shadow: 0px 2px 5px #ccc; }
.dashboard-image-article-section .image-container .start-middle-end-month .start-middle-end .date.active:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; background-color: #ff6000; animation: opacity-anim 1s; }
.dashboard-image-article-section .image-container .start-middle-end-month .start-middle-end .date.start { float: left; }
.dashboard-image-article-section .image-container .start-middle-end-month .start-middle-end .date.middle {    }
.dashboard-image-article-section .image-container .start-middle-end-month .start-middle-end .date.end { float: right; }

.dashboard-image-article-section .article-container { width: 50%; text-align: center; line-height: 100%; height: 100%; display: inline-block; position: absolute; left: 0; top: 0; }
.dashboard-image-article-section .article-container:before { content: "\200B"; height: 100%; display: inline-block; vertical-align: middle; }
.dashboard-image-article-section .article-container .article { line-height: normal; display: inline-block; vertical-align: middle; width: 430px; margin: 0 20px; }
.ltr .dashboard-image-article-section .article-container .article { text-align: left; }
.rtl .dashboard-image-article-section .article-container .article { text-align: right; }
.dashboard-image-article-section .article-container .article .icon-container { text-align: left; }
.dashboard-image-article-section .article-container .article .icon-container .publicators-ws { color: #ff5c00; font-size: 50px; padding: 0 5px; }
.dashboard-image-article-section .article-container .article .content { text-align: justify; }
.dashboard-image-article-section .article-container .article .post-link{ color:#ff5c00; display: inline-block; margin-top: 10px; font-family: montserrat; font-weight: 700; font-size: 13px; text-decoration: none;  }


.graph-image-article-section { margin: 0 auto; position: relative; width: 100%; }
.graph-image-article-section .image-container { width: 50%; display: inline-block; position: relative; text-align: center; }
.graph-image-article-section .image-container img { max-width: 434px; height: auto; }
.graph-image-article-section .article-container { width: 50%; text-align: center; line-height: 100%; height: 100%; display: inline-block; position: absolute; right: 0; top: 0; }
.graph-image-article-section .article-container:before { content: "\200B"; height: 100%; display: inline-block; vertical-align: middle; }
.graph-image-article-section .article-container .article { line-height: normal; display: inline-block; vertical-align: middle; width: 300px; }
.ltr .graph-image-article-section .article-container .article { text-align: left; }
.rtl .graph-image-article-section .article-container .article { text-align: right; }
.graph-image-article-section .article-container .article .content { text-align: justify; }
.graph-image-article-section .article-container .article .post-link{ color:#ff5c00; display: inline-block; margin-top: 10px; font-family: montserrat; font-weight: 700; font-size: 13px; text-decoration: none;  }

#talk-to-us-form { height: auto; }
.talk-to-us-form-section  { text-align: center; /*font-family: 'Montserrat', sans-serif;*/ font-family: 'Montserrat light', sans-serif;  /*margin: 300px 0 0 0;*/ }
.rtl .talk-to-us-form-section , .rtl .talk-to-us-form-section .title , .rtl .talk-to-us-form-section input { font-family: 'Rubik', sans-serif !important; }
.talk-to-us-form-section .title { margin-top: 0; text-align: center; font-weight: 100; font-size: 60px; font-family: 'Montserrat hairline', sans-serif; }
.talk-to-us-form-section form { width: 1020px; display: block; margin: 0 auto; margin-top: 60px; position: relative; z-index: 0; }

 form .error { color: #f52828; }
 form .masker { display: none; position: absolute; width: 100%; height: 240px; top: 0; left: 0; background-color: #fff; opacity: 0.7; z-index: 8; }
 form .loader { display: none; text-align: center; position: absolute; top: 40%; text-align: center; width: 100%; z-index: 9; }
 form .thanks { visibility: hidden; position: absolute; width: 100%; height: 240px; top: 0; left: 0; background-color: #fff; opacity: 1;  z-index: -1; font-weight: 100; font-size: 60px; font-family: 'Montserrat hairline', sans-serif; }
 .rtl  form .thanks { font-family: 'Rubik', sans-serif !important; direction: rtl; }
 form .thanks.active { visibility: visible; opacity: 0.9; -webkit-animation: opacity-anim 1s; animation: opacity-anim 1s; z-index: 10; }

.contact-us-repeated-form { font-family: 'Montserrat light', sans-serif; }
.rtl .contact-us-repeated-form { font-family: 'Rubik', sans-serif !important; }

.contact-us-repeated-form .input__label { font-weight: 600; }
.textarea.input.input--hoshi { height: 70px; }
textarea.input__field { height: 40px !important; }

/*.talk-to-us-form-section form label { height: 1px; display: block; font-size: 0; overflow: hidden; } 

.talk-to-us-form-section form .form-field { display: inline-block; margin: 0 30px; }
.talk-to-us-form-section form .form-field.messages { display: block; min-height: 100px; max-height: 100px; max-width: 100%; margin: 30px 30px 0 30px; }
.talk-to-us-form-section form .form-field.messages textarea { display: block; width: 100%; }

.talk-to-us-form-section form .form-field input[type=text],
.talk-to-us-form-section form .form-field textarea { resize: none; width: 255px; padding: 15px 10px; font-size: 15px; color: #ff6000;/*#3a3c41*//*;  outline: none; border: none; border-bottom: 1px solid #dcdee4;  background-color: transparent; text-shadow: 0px 0px 0px #3a3c41; -webkit-text-fill-color: transparent;  }*/
/*.talk-to-us-form-section form input[type=text]::-webkit-input-placeholder { color: #999ca5; text-shadow: none;  -webkit-text-fill-color: initial;  }*/

.talk-to-us-form-section form input.name {  }
.talk-to-us-form-section form input.email {  }
.talk-to-us-form-section form input.phone {  }
.talk-to-us-form-section form input.submit { padding: 10px 25px; font-size: 15px; font-weight: 600; cursor: pointer; float: right; margin: 10px 20px 0 20px; -webkit-appearance: none; appearance: none; box-shadow: none; border-radius: 0; border-style: none; outline: none; background-color: #ff5c00; color: #fff; letter-spacing: 3px;  }

/* updated 17-10-2017 */
form.contact-us-repeated-form input.submit:focus { outline: double #ff5c00; }
/**********************/

.rtl .talk-to-us-form-section form input.submit { float: left; }

.submit-container { float: right; direction: ltr;  }
.rtl .submit-container { float: left !important; direction: rtl; }

/* updated 25-10-2017 */
.feature-items-scroll:focus,
.workers-scroll:focus,
.clients-tell-scroll:focus { outline: 0 !important; box-shadow: inset 3px -3px 0 2px #ff6000; margin: 0 0px; }
/**********************/

/* updated 29-10-2017 */
#cd-vertical-nav a .cd-dot { position: relative; }
#cd-vertical-nav a:focus .cd-dot:before { border: 3px solid #ff6000; top: -3px; left: -3px; content: " "; border-radius: 50%; width: 100%; height: 100%; position: absolute; }
/**********************/

.approve-container { display: inline-block; position: relative; color: #595F6E; line-height: 55px; display: none; }

.approve-container input[type=checkbox].approve {
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

@media screen and (max-device-width: 480px) {
    .approve-container label { font-size: 14px; }
   .approve-container { line-height: normal; }
   .rtl div.submit-container { float: none !important; }
}


.call-us { display: none; }

.main.home .article .title { font-size: 45px; margin: 20px 0; text-align: left; }
.main.home .article .desc { text-align: justify; }







/* About */

.main.about .header-section .layout.bottom {  margin: 0; }

.nice-to-meet-you-section { }
.nice-to-meet-you-section .image-container { text-align: center; margin: 70px 0 0 0;  }
.nice-to-meet-you-section .image-container video { box-shadow: 2px 10px 30px #ccc; cursor: pointer; object-position: top; }
.nice-to-meet-you-section .image-container .youtube-video { width: 100%; max-width: 543px; height: 305px; box-shadow: 2px 10px 30px #ccc; }
@media screen and (max-device-width: 1023px) {
	.nice-to-meet-you-section .image-container .youtube-video  { height: auto; }
}

.nice-to-meet-you-section .title, .our-team-section .title, .clients-tell-section .title { font-weight: 800; }


/*.nice-to-meet-you-section .image-container img { max-width: 564px; max-height: 288px; width: auto; height: auto; box-shadow: 2px 10px 30px #ccc; outline: 0;  width: 564px; height: 288px;  }*/

.rtl .nice-to-meet-you-section .title, .rtl .our-team-section .article-container .article .title , .rtl .clients-tell-section .article-container .article .title { font-weight: 400; text-align: center !important; }


.workers-avatars-carousel-section-wrapper { position: relative; width: 920px; margin: 0 auto; }
.workers-avatars-carousel-section { z-index: 10; margin-top: 80px; text-align: center; position: relative; overflow: hidden; height: 390px; }
.workers-avatars-carousel-section ul {list-style-type: none; margin: 0; padding: 0; position: relative; width: 1000vw;}
.workers-avatars-carousel-section ul li {display: inline-block;width: 920px;}
.workers-avatars .item {display: inline-block;}
.workers-avatars .item .avatar-container {width: 268px;height: 260px;overflow: hidden;position: relative;border-radius: 50%;}
.workers-avatars .item .avatar-container img {max-height: 100%;width: auto;position: absolute;left: 0;top: 0;}
.workers-scrolls {position: absolute;left: -31px;top: 50%;width: 100%;height: 26px;padding: 0 31px;z-index: 0;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
.workers-scroll {/*display: none;*/position: absolute;top: -50%;padding: 23px;box-shadow: inset 2px -2px 0 1px #3a3a3a;cursor: pointer;-moz-transition: box-shadow 0.15s, margin 0.15s;-o-transition: box-shadow 0.15s, margin 0.15s;-webkit-transition: box-shadow 0.15s, margin 0.15s;transition: box-shadow 0.15s, margin 0.15s;}
.workers-scroll:hover {box-shadow: inset 3px -3px 0 2px #ff6000;margin: 0 0px;}
.workers-scroll:before {content: '';position: absolute;top: -100%;left: -100%;height: 150%;width: 150%;}
.workers-scroll.left {display: block;left: 0;right: auto;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.workers-scroll.right {display: block;right: 0;left: auto; -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg);} 


.our-team-section .workers-avatars { /*max-width: 950px;*/ margin:0 auto; padding: 0; list-style-type: none; text-align: center; }
.our-team-section .workers-avatars .item { margin: 10px; display: inline-block; font-family: 'Montserrat Light'; }
.our-team-section .workers-avatars .item .image-container { max-width: 160px; max-height: 160px; width: 160px; height: 160px; margin: 0 auto; text-align:center; }
.our-team-section .workers-avatars .item .image-container img { position: relative; z-index: 10; max-width: 160px; max-height: 160px; width: auto; height: auto; border-radius: 50%; }
.our-team-section .workers-avatars .item:hover .image-container img { display: none; }
.our-team-section .workers-avatars .item .image-container img.hover{ display: none; }
.our-team-section .workers-avatars .item:hover .image-container img.hover{ display: inline-block; z-index: 15; }
.our-team-section .workers-avatars .item .name { margin: 20px 0 0 0; font-size: 22px; color: #292929; }
.our-team-section .workers-avatars .item .job { margin: 10px 0; font-size: 13px; color: #9e9e9e; }



.clients-tell-section { }

.nice-to-meet-you-section .title,
.our-team-section .title,
.clients-tell-section .title { font-weight: 800; /*margin: 200px 0 0 0; font-size: 40px; font-family: 'Montserrat Hairline'; text-align: center; color: #000;*/ }

/*.nice-to-meet-you-section .desc,
.our-team-section .desc,
.clients-tell-section .desc { max-width: 950px; margin: 20px auto;  font-size: 15px; font-family: 'Montserrat light'; text-align: center; color: #9e9e9e; }*/

.title {  }
.desc {  }

/* updated 18-10-2017 */
.workers-scroll.left:focus,
.workers-scroll.right:focus,
.clients-tell-scroll.left:focus,
.clients-tell-scroll.right:focus
 { outline: 0; box-shadow: inset 3px -3px 0 2px #ff6000;margin: 0 0px; }

/**********************/

/* Contact */

.main.contact { padding-bottom: 50px; }

.main.contact .header-section .layout.top .text { font-size: 45px }
.main.contact .header-section .layout.bottom { margin: 0; }
.main.contact .header-section .layout.bottom .text { font-size: 150px }

.whats-on-your-mind-section { width: 850px; margin: 0 auto; font-family: 'Montserrat'; }
.rtl .whats-on-your-mind-section { font-family: 'Rubik', sans-serif !important; }
.whats-on-your-mind-section > .title { font-weight: 300;  margin: /*200px*/0 0 0 0; font-size: 40px; font-family: 'Montserrat Hairline'; text-align: center; color: #000; }
.rtl .whats-on-your-mind-section > .title { font-family: 'Rubik', sans-serif !important; }

.whats-on-your-mind-section .support-center { float: left; margin-top: 40px; text-align: left; }
.rtl .whats-on-your-mind-section .support-center { text-align: right; direction: rtl; }
.whats-on-your-mind-section .support-center .title { margin-top: 20px; font-weight: 200; font-size: 22px; font-family: 'Montserrat Light'; }
.rtl .whats-on-your-mind-section .support-center .title { font-family: 'Rubik', sans-serif !important; }
.whats-on-your-mind-section .support-center ul { margin: 0; padding: 0; list-style-type: none; }
.whats-on-your-mind-section .support-center ul li { font-size: 14px; margin: 20px 0 0 0; }
.whats-on-your-mind-section .support-center ul .publicators-ws { vertical-align: top; font-size: 25px;  margin: 0 15px; color: #000; }
.whats-on-your-mind-section .support-center ul .publicators-ws:before { vertical-align: top; }
.whats-on-your-mind-section .support-center ul li a { text-decoration: none; color: #000; vertical-align: middle; }
.whats-on-your-mind-section .support-center ul li .open-hours { display: inline-block; }
.whats-on-your-mind-section .support-center ul li .open-hours .sun-thu {  }
.whats-on-your-mind-section .support-center ul li .open-hours .hours { display: block; line-height: 40px; direction: ltr; }

.whats-on-your-mind-section .whats-on-your-mind-form { float: right; margin-top: 40px; }
.whats-on-your-mind-form form { position: relative; }
.whats-on-your-mind-form form .input { display: block; }
.whats-on-your-mind-form form .textarea.input { width: 91%; }
.whats-on-your-mind-form form .textarea.input textarea { width: 280px; }

/*.whats-on-your-mind-form form label { height: 1px; display: block; font-size: 0; overflow: hidden; }*/ 

.whats-on-your-mind-form form .form-field { /*display: inline-block;*/ margin: 10px 0; }

.whats-on-your-mind-form form .form-field input[type=text],
.whats-on-your-mind-form form .form-field textarea { resize: none; width: 255px; padding: 15px 10px; font-size: 14px; color: #ff6000;/*#3a3c41*/;  outline: none; border: none; border-bottom: 1px solid #dcdee4;  background-color: transparent; text-shadow: 0px 0px 0px #aeafb0; -webkit-text-fill-color: transparent;  }
/*.talk-to-us-form-section form input[type=text]::-webkit-input-placeholder { color: #999ca5; text-shadow: none;  -webkit-text-fill-color: initial;  }*/

/*.whats-on-your-mind-form form input.name {  }
.whats-on-your-mind-form form input.email {  }
.whats-on-your-mind-form form input.phone {  }*/
.whats-on-your-mind-form form input.submit { padding: 10px 25px; font-size: 15px; font-weight: 600; cursor: pointer; float: right; margin: 10px 15px 0 15px; -webkit-appearance: none; appearance: none; box-shadow: none; border-radius: 0; border-style: none; outline: none; background-color: #ff5c00; color: #fff; letter-spacing: 3px;  }
.rtl .whats-on-your-mind-form form input.submit { float: left; }

.whats-on-your-mind-form form .masker { height: 380px; }
.whats-on-your-mind-form form .thanks { font-size: 40px; padding-top: 20px; }

#publicators-office-map { /*margin: 100px 0 0 0;*/ }
#map { width: 950px; height: 430px; margin: 0 auto; }



/* clientsTell */

/*.let-em-speak-section { font-family: 'Montserrat Bold'; text-align: center; }
.let-em-speak-section .layout.let-em { margin: 0; background: url('/images/office.gif') center 2px/700px 300px no-repeat; }
.let-em-speak-section .layout.speak {  margin: 20px 0 0 0; background: url('/images/office.gif') center -114px/700px 300px no-repeat; }
.let-em-speak-section .layout .text { margin: 0; font-weight: 800; mix-blend-mode: hard-light; background: #fff; }
.let-em-speak-section .layout.let-em .text { font-size: 70px; color:#808080; }
.let-em-speak-section .layout.speak .text { font-size: 130px; color:#ff6000; }*/


.clients-tell-carousel-section-wrapper { position: relative; width: 920px; margin: 0 auto; text-align: center; }
.clients-tell-carousel-section { margin-top: 100px; text-align: center; position: relative; overflow: hidden; }
.clients-tell-carousel-section ul { list-style-type: none; margin: 0; padding: 0; position: relative; width: 1000vw; }
.clients-tell-carousel-section ul li { display: inline-block; width: 920px; }
.clients-tell-carousel-section .client-tell-item { margin: 0 25px; width: 235px; display: inline-block; text-align: center; font-family: 'Rubik', sans-serif; font-weight: 200; vertical-align: top; }
.clients-tell-carousel-section .client-tell-item .img-container {  }
.clients-tell-carousel-section .client-tell-item .img-container img { border-radius: 50%; max-height: 100px; max-width: 100px; width: auto; height: auto; }
.clients-tell-carousel-section .client-tell-item .name { margin: 0; font-size: 23px; color: #ff5c00; font-family: 'Montserrat hairline', sans-serif; }
.clients-tell-carousel-section .client-tell-item .job-company { margin: 5px 0 0 0; font-size: 13px; color: #333333; font-weight: 400; letter-spacing: 0.5px; }
.clients-tell-carousel-section .client-tell-item .content { margin-top: 30px; font-size: 14px; color: #333333; text-align: justify; }

.clients-tell-carousel-pagination { margin-top: 40px; text-align: center; }
.clients-tell-carousel-pagination a { border-radius: 50%; background-color: #f1f1f1; width: 20px; height: 20px; display: inline-block; margin: 0 10px; }
.clients-tell-carousel-pagination a.active { background-color: #fff; border: 3px solid #f1f1f1; }

.clients-tell-scrolls {position: absolute;left: -31px;top: 50%;width: 100%;height: 26px;padding: 0 31px;z-index: 0;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
.clients-tell-scroll {/*display: none;*/position: absolute;top: -50%;padding: 23px;box-shadow: inset 2px -2px 0 1px #3a3a3a;cursor: pointer;-moz-transition: box-shadow 0.15s, margin 0.15s;-o-transition: box-shadow 0.15s, margin 0.15s;-webkit-transition: box-shadow 0.15s, margin 0.15s;transition: box-shadow 0.15s, margin 0.15s;}
.clients-tell-scroll:hover {box-shadow: inset 3px -3px 0 2px #ff6000;margin: 0 0px;}
.clients-tell-scroll:before {content: '';position: absolute;top: -100%;left: -100%;height: 150%;width: 150%;}
.clients-tell-scroll.left {display: block;left: 0;right: auto;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.clients-tell-scroll.right {display: block;right: 0;left: auto; -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg);} 



.start-deliver-form-section  { margin-top: 200px; text-align: center; font-family: 'Montserrat', sans-serif; }
.start-deliver-form-section > .title { text-align: center;  font-weight: 100; font-size: 60px; font-family: 'Montserrat hairline', sans-serif; }
.start-deliver-form-section form { width: 1020px; display: block; margin: 0 auto; margin-top: 60px; }

.start-deliver-form-section form label { height: 1px; display: block; font-size: 0; overflow: hidden; } 

.start-deliver-form-section form .form-field { display: inline-block; margin: 0 30px; }

.start-deliver-form-section form .form-field input[type=text],
.start-deliver-form-section form .form-field textarea { resize: none; width: 255px; padding: 15px 10px; font-size: 15px; color: #ff6000;/*#3a3c41*/;  outline: none; border: none; border-bottom: 1px solid #dcdee4;  background-color: transparent; text-shadow: 0px 0px 0px #3a3c41; -webkit-text-fill-color: transparent;  }

.start-deliver-form-section form input.name {  }
.start-deliver-form-section form input.email {  }
.start-deliver-form-section form input.phone {  }
.start-deliver-form-section form input.submit { padding: 10px 25px; font-size: 15px; font-weight: 600; cursor: pointer; float: right; margin: 30px 30px 0 30px; -webkit-appearance: none; appearance: none; box-shadow: none; border-radius: 0; border-style: none; outline: none; background-color: #ff5c00; color: #fff; letter-spacing: 3px;  }

/* Campaigns  */
.main.campaigns /*.article*/ .more { font-size: 14px; }
.main.campaigns /*.article*/ .image-container { margin-top: 80px; }
.main.campaigns /*.article*/ .image-container img { max-width: 730px; max-height: 300px; width: auto; height: auto; box-shadow: none; outline: 0;   }
.main.campaigns .header-section .layout  { margin: 0; }
.main.campaigns .header-section .more .text { font-size: 25px; font-weight: 400; color: #454545; line-height:90px; font-family: 'Montserrat Light', sans-serif; }
.main.campaigns .article .title { font-weight: 600; }
/*.main.campaigns .talk-to-us-form-section { margin-top: 200px; }*/
.main.campaigns .talk-to-us-form-section .title { /*font-size: 40px;*/ }

.main.campaigns .image-container img { max-width: 950px; height: auto; max-height: 450px; }

/* SMS Services  */
.main.sms .article .title { font-family: 'montserrat light'; font-size: 24px; }
.rtl .main.sms .article .title {  font-size: 36px; }
.main.sms .article .desc { word-spacing: 6px; }
.main.sms .article .more { font-size: 14px; }
.main.sms .header-section .layout  { margin: 0; }

.main.sms .start-deliver-form-section { margin-top: 200px; }
.main.sms .start-deliver-form-section .title { font-size: 40px; }


/* Partners  */
.main.partners .header-section { /*margin-bottom: 250px;*/ }
.main.partners .article-container {  }
.main.partners .article .title { margin: /*80px*/20px 0 0 0; color: #ff6000; font-family: 'montserrat light'; font-size: 24px; }
.main.partners .article .desc {  word-spacing: 6px; }


/* Pricing */

.main.pricing { font-family: 'montserrat light'; }
.rtl .main.pricing { font-family: 'Rubik', sans-serif; }

.pricing-section { margin: /*200px*/ 0 0 0 0; }

.pricing-section ul { list-style: none; padding: 0; }
.pricing-section ul li { }

.pricing-section .plans-type-container {  }
.pricing-section .plans-type-container .title { font-size: 22px; font-weight: 300; letter-spacing: 1px; margin: 15px auto; }
.pricing-section .plans-type-container ul { box-sizing: border-box; height: 52px; line-height: 52px; vertical-align: middle;  background-color: #f8f8f8; border-radius: 25px; display: inline-block; }
.pricing-section .plans-type-container ul li { box-sizing: border-box; display: inline-block; line-height: 50px; vertical-align: top; /*margin: 0 10px;*/ }
.pricing-section .plans-type-container ul li a { box-sizing: border-box; height: 44px; line-height: 44px; vertical-align: middle; border-radius: 21px; /*width: 100%;*/ width: 166px;  padding: 0 22px; font-family: montserrat; font-weight: 300; font-size: 14px; color: #aaaaaa;  display: inline-block; text-decoration: none; }
.rtl .pricing-section .plans-type-container ul li a { font-family: 'Rubik', sans-serif; }
.pricing-section .plans-type-container ul li a:hover { color: #4a4a4a; }
.pricing-section .plans-type-container ul li a.active { color: #4a4a4a; background-color: #fff;  box-shadow: 0px 2px 5px #ccc; font-weight: 800;  }
.pricing-section .plans-type-container .plans-type-explanation { width: 500px; height: 60px; margin: 0 auto; line-height: 28px; font-size: 14px; color: #9e9e9e; overflow: hidden; position: relative;  }
.pricing-section .plans-type-container .plans-type-explanation .plan-type-explanation { position: absolute; width: 100%; text-align: center; top: -200px;  }
.pricing-section .plans-type-container .plans-type-explanation .plan-type-explanation.active { top:0; animation: slideDown 1s; }



.pricing-section .slider-container { margin: /*150px*/20px 0; }
.pricing-section .slider-container .ui-slider { width: 700px; margin: 0 auto; background-color: #ccc; height: 7px; border-radius: 4px; }
.pricing-section .slider-container .ui-slider-handle { box-shadow: 2px 10px 30px #ccc; border-radius: 50%; background-color: #fff; outline: 0; width: 30px; height: 30px; top: -12px; }
.pricing-section .slider-container .ui-slider-range { background-color: #ff6000; border-radius: 4px; }
.pricing-section .slider-container .amount { position: absolute; top: 30px; }
.pricing-section .slider-container .amount .value { font-size: 22px; color: #000; }
.pricing-section .slider-container .amount .value .infinity { color:#ff6000; font-size: 48px; line-height: 22px; vertical-align: top; }
.pricing-section .slider-container .amount .desc { position: relative; font-size: 14px; color: #b9b9b9; width: 80px; text-align: center; overflow: hidden; height: 25px; }
.pricing-section .slider-container .amount .desc .text { font-size: 14px; color: #b9b9b9; position: absolute; left: 0; top: -200px; width: 100%; }
.pricing-section .slider-container .amount .desc .text.active { top:0; animation: slideDown 1s;  }



.pricing-section .plans-container { width: 980px; margin: 70px auto; overflow: hidden; height: 450px; }
.pricing-section .plans-container ul { margin: 20px 0 0 0; max-height: 430px; width: 150%; position: relative; transition: left 1s; }
.pricing-section .plans-container ul li.plan { display: inline-block; width: 300px; height: 400px; margin: 0 10px; float: left; border: 1px solid #fff; }
.pricing-section .plans-container ul li.plan:hover,
.pricing-section .plans-container ul li.plan.active { border: 1px dashed #ededed; box-shadow: 2px 10px 30px #ccc; position: relative; }
.pricing-section .plans-container ul li.plan .inner { display: block; width: 100%; height: 100%; text-decoration: none; color: #000; }
.pricing-section .plans-container ul li.plan .inner .recommended { display: none; color: #fff; }
.pricing-section .plans-container ul li.plan.active .inner .recommended { display: inline-block; position: absolute; top: -17px; left: 0; font-size: 12px; letter-spacing: 1px;  width: 100%; padding-top: 10px; color: #d2d2d2; }
.pricing-section .plans-container ul li.plan .inner .publicators-ws { margin: 30px 0 0 0; font-size: 65px; display: inline-block; color: #ff5c00;  }
.pricing-section .plans-container ul li.plan .inner .title { font-size: 40px; margin: 20px 0 0 0; font-family: 'montserrat hairline'; font-weight: 200; }
.pricing-section .plans-container ul li.plan .inner .title .title-row-2 { display: block; font-size: 23px; }
.ltr .pricing-section .plans-container ul li.plan.millionairs  .inner .title { margin-top: 10px; }
.rtl .pricing-section .plans-container ul li.plan .inner .title { font-family: 'Rubik', sans-serif; }

.pricing-section .plans-container ul li.plan .inner .desc { margin: 15px 0 0 0; font-size: 13px; line-height: 23px; color: #9e9e9e; width: 85%; display: inline-block; }
.ltr .pricing-section .plans-container ul li.plan.millionairs .inner .desc { margin-top: 0px; }
.pricing-section .plans-container ul li.plan.millionairs .inner .publicators-ws { font-size: 85px; margin-top: 0px; }
.pricing-section .plans-container ul li.plan.millionairs .inner .title { margin-top: 0px; }
.ltr .pricing-section .plans-container ul li.plan.millionairs .inner .title {  position: relative; top: -15px; }
.ltr .pricing-section .plans-container ul li.plan.millionairs .inner .desc p {  margin: 0 auto; position: relative; top: -12px; }
.ltr .pricing-section .plans-container ul li.plan.millionairs .inner .price .amount {  margin: 0 auto; position: relative; top: -12px; }

.pricing-section .plans-container ul li.plan .inner .price { margin: 20px 0 0 0; overflow: hidden; }
.rtl .pricing-section .plans-container ul li.plan .inner .price { direction: rtl; }
.pricing-section .plans-container ul li.plan .inner .price .amount { font-size: 24px; color: #3a3a3a; position: relative; }
.pricing-section .plans-container ul li.plan .inner .price .currency { font-size: 24px; color: #3a3a3a; position: relative; }
.pricing-section .plans-container ul li.plan.active .inner .price .amount,
.pricing-section .plans-container ul li.plan.active .inner .price .currency { color: #ff6000; }
.pricing-section .plans-container ul li.plan .inner .price .for-time { font-size: 12px; color: #cecece; position: relative; }
.pricing-section .plans-container ul li.plan.millionairs .inner .price .for-time { display: none !important; }

.pricing-section .plans-container ul li.plan .try-it-btn { display: none; padding: 8px 14px; color: #fff; background-color: #ff6000; text-decoration: none; position: relative; top: -50px; }
.pricing-section .plans-container ul li.plan:hover .try-it-btn,
.pricing-section .plans-container ul li.plan.active .try-it-btn { display: inline-block; }

.pricing-section .plans-container ul li.plan .price .amount, 
.pricing-section .plans-container ul li.plan .price .for-time {  }

.pricing-section .plans-container ul li.plan .price .amount.active, 
.pricing-section .plans-container ul li.plan .price .for-time.active { animation: slideDown 1s; }

/* updated 16-10-2017 */
[data-page="pricing"] section { height: auto !important; }
.layout.bottom:after,.layout.top:after { display: none; }
.new-pricing-plans { max-width: 1024px; margin: 100px auto;  }
.rtl .new-pricing-plans { direction: rtl; }
.new-pricing-plans .new-pricing-plan { border-bottom: 3px solid #ff6000; margin: 60px 0; }
.new-pricing-plans .new-pricing-plan .plan-title { text-align: left; }
.rtl .new-pricing-plans .new-pricing-plan .plan-title { text-align: right; }
.new-pricing-plans .new-pricing-plan .plan-title .plan { font-size: 16px; color: #c7c7c7; }
.new-pricing-plans .new-pricing-plan .plan-title .title { font-size: 25px; color: #ff6000; font-weight: 400; margin: 5px 0; }
.new-pricing-plans .new-pricing-plan .plan-title .sub-title { font-size: 18px; color: #6a7989; }
.new-pricing-plans .new-pricing-plan .plan-title .sub-title p { margin-top: 5px; }

.new-pricing-plans .new-pricing-plan .pricing-table { margin: 40px 0; text-align: left; }
.rtl .new-pricing-plans .new-pricing-plan .pricing-table { text-align: right; }

.new-pricing-plans .new-pricing-plan .pricing-table > * { vertical-align: top; }

.ltr .new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-title { border-right: 1px dashed #ff6000; }
.rtl .new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-title { border-left: 1px dashed #ff6000; }
.new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-title .item-sub-box-1 { vertical-align: middle; line-height: 70px; font-size: 17px; color: #6a7989; }
.new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-title .item-sub-box-2 { vertical-align: middle; line-height: 70px; font-size: 17px; color: #6a7989; }

.new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-item {  }
.new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-item .range {  }
.new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-item .range .from {  }
.new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-item .range .from .from-value { font-size: 14px; color: #c7c7c7; }
.new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-item .range .from .to { font-size: 14px; color: #c7c7c7; }
.new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-item .range .to-value,
.new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-item .range .to,
.new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-item.last .range .from { font-size: 18px; color: #ff6000; }
.ltr .new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-item .price { direction: rtl; }
.rtl .new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-item .price { direction: rtl; }
.new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-item .price .value { font-size: 18px; color: #595f6e; }
.new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-item .price .currency { font-size: 12px; color: #c7c7c7; }

.new-pricing-plans .new-pricing-plan .pricing-table .item-box { width: 100px; height: 140px;  display: inline-block; text-align: center; }
.new-pricing-plans .new-pricing-plan .pricing-table .item-box .item-sub-box-1 { width: 100px; height: 70px;  display: inline-block; border-bottom: 1px dashed #ff6000; }
.new-pricing-plans .new-pricing-plan .pricing-table .item-box .item-sub-box-2 { width: 100px; height: 70px; line-height: 70px; display: inline-block; }

.ltr .new-pricing-plans .new-pricing-plan .pricing-table :nth-child(n+3) { border-left: 1px dashed #dce0e4; }
.rtl .new-pricing-plans .new-pricing-plan .pricing-table :nth-child(n+3) { border-right: 1px dashed #dce0e4; }

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

.new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-title.item-box { border-bottom: 1px dashed #ff6000; border-right: none; }
.ltr .new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-title .item-sub-box-1 { border-right: 1px dashed #ff6000 !important; border-left: none !important; }
.rtl .new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-title .item-sub-box-1 { border-left: 1px dashed #ff6000 !important; border-right: none !important; }
.new-pricing-plans .new-pricing-plan .pricing-table .pricing-table-title .item-sub-box-2 { }

.new-pricing-plans .new-pricing-plan .pricing-table .item-box { width: 290px; height: 140px;  display: block; border-bottom: 1px dashed #dce0e4; border-left: none !important; border-right: none !important; }
.new-pricing-plans .new-pricing-plan .pricing-table .item-box .item-sub-box-1 { width: 140px; height: 140px; line-height: 140px; vertical-align: top; border-bottom: none; }
.ltr .new-pricing-plans .new-pricing-plan .pricing-table .item-box .item-sub-box-1 { border-right: 1px dashed #dce0e4; }
.rtl .new-pricing-plans .new-pricing-plan .pricing-table .item-box .item-sub-box-1 { border-left: 1px dashed #dce0e4; }
.new-pricing-plans .new-pricing-plan .pricing-table .item-box .item-sub-box-2 { width: 140px; height: 140px; line-height: 140px;  }
.new-pricing-plans .new-pricing-plan .pricing-table .item-box .item-sub-box-1 .from { line-height: 30px; margin-top: 30px; }
.new-pricing-plans .new-pricing-plan .pricing-table .item-box .item-sub-box-1 .to-value,
.new-pricing-plans .new-pricing-plan .pricing-table .item-box .item-sub-box-1 .to { line-height: 40px; }

}

/* SmsPricing */

.sms-pricing-section .article-container .article .icon-container .publicators-ws { font-size: 110px; }

.sms .article-container .article .icon-container .publicators-ws { font-size: 110px; }


/* campaign Pricing */

.campaign-pricing-section .article-container .article .icon-container .publicators-ws { font-size: 80px; }

/* Features */

.article-container .article .icon-container { font-size: 50px; color: #ff6000; }

.drag-n-drop-sprite { background-image: url('/images/drag-n-drop-sprite.png');  }
.cool-system-stuff-section .drag-n-drop-container { width: 760px; height: 380px; margin: 0 auto; font-family: 'montserrat bold'; }
.cool-system-stuff-section .drag-n-drop-container .screen { width: 606px; height: 380px; margin: 15px auto; display: inline-block; }
.cool-system-stuff-section .drag-n-drop-container .screen .screen-img { width: 100%; height: 350px; background-position: 0 0; padding-top: 28px; box-shadow: #ccc 2px 10px 30px; }
.cool-system-stuff-section .drag-n-drop-container .screen .screen-img .link-drop-area { width: 282px; height: 50px; margin: 0 auto; text-align: center;  }
.cool-system-stuff-section .drag-n-drop-container .screen .screen-img .link-drop-area .link {  display: none; color: #fff; font-size: 16px; line-height: 50px; vertical-align: middle; }
.cool-system-stuff-section .drag-n-drop-container .screen .screen-img .link-drop-area.marked { /*outline: 1px solid #d2d2d2;*/ /*opacity: 0.6;*/ /*background: #fff;*/ width: 182px;  z-index: 3; position: relative; }
.cool-system-stuff-section .drag-n-drop-container .screen .screen-img .link-drop-area.marked:after { content: " "; height: 26px; position: absolute; top: 10px; width: 100%; left: 0; box-shadow: #3a3a3a 0px 0px 6px 1px; }
.cool-system-stuff-section .drag-n-drop-container .screen .screen-img .link-drop-area.dropped { animation: opacity-anim 1s; }
.cool-system-stuff-section .drag-n-drop-container .screen .screen-img .link-drop-area.dropped .link { display: inline-block; }
.cool-system-stuff-section .drag-n-drop-container .screen .screen-img .img-text-drop-area { width: 282px; height: 116px; margin: 0 auto;  }
.cool-system-stuff-section .drag-n-drop-container .screen .screen-img .img-text-drop-area.marked { /*outline: 1px solid #d2d2d2;*/ /*opacity: 0.6;*/ /*background: #fff;*/ width: 182px; box-shadow: #3a3a3a 0px 0px 6px 1px; }
.cool-system-stuff-section .drag-n-drop-container .screen .screen-img .img-text-drop-area.dropped { background-image: url('/images/drag-n-drop-sprite.png'); background-position: 0 -500px; animation: opacity-anim 1s; }
.cool-system-stuff-section .drag-n-drop-container .screen .screen-img .button-drop-area { width: 282px; height: 46px; margin: 0 auto; line-height: 30px; text-align: center; }
.cool-system-stuff-section .drag-n-drop-container .screen .screen-img .button-drop-area .btn { display: none; vertical-align: text-top; height: 25px; line-height: 25px; text-decoration: none; padding: 0px 10px; color: #616161; background-color: #f2f2f2; border: 2px solid #ccc; font-family: 'montserrat light'; }
.cool-system-stuff-section .drag-n-drop-container .screen .screen-img .button-drop-area.marked { /*outline: 2px solid #d2d2d2;*/ /*opacity: 0.6;*/ /*background: #fff;*/ width: 182px; height: 26px; box-shadow: #3a3a3a 0px 0px 6px 1px; position: relative; top: 5px; }
.cool-system-stuff-section .drag-n-drop-container .screen .screen-img .button-drop-area.dropped .btn { display: inline-block; background-color: #fff; border: none; color: #ff6000; animation: opacity-anim 1s; }

.cool-system-stuff-section .drag-n-drop-container .design-blocks { display: inline-block; vertical-align: top; width: 142px; }
.cool-system-stuff-section .drag-n-drop-container .design-blocks .design-block { width: 114px; height: 114px; margin: 15px auto; border: 2px solid #fff; box-shadow: #ccc 2px 10px 30px; position: relative; cursor: move; background-color: #fff; }
.cool-system-stuff-section .drag-n-drop-container .design-blocks .design-block:hover, .cool-system-stuff-section .drag-n-drop-container .design-blocks .design-block.dropped { border: 2px dashed #ff6000; border-radius: 4px; }
.cool-system-stuff-section .drag-n-drop-container .design-blocks .design-block.dropped { cursor: default; }
.cool-system-stuff-section .drag-n-drop-container .design-blocks .design-block .block { width: 114px; height: 114px;  cursor: move; background-color: #fff; position: relative; z-index: 10; }
.cool-system-stuff-section .drag-n-drop-container .design-blocks .design-block .block.text-under-image { background-position: -618px 0; margin-top: 0; }
.cool-system-stuff-section .drag-n-drop-container .design-blocks .design-block .block.button { background-position: -618px -228px; z-index: 1; }
.cool-system-stuff-section .drag-n-drop-container .design-blocks .design-block .block.link { background-position: -618px -114px;  margin-bottom: 0; position: relative; z-index: 4; }

.rtl .cool-system-stuff-section .article-container .title, .rtl .responsive-features-section .article-container .title { text-align: center !important; }
.rtl .cool-system-stuff-section .article-container .icon-container, .rtl .responsive-features-section .article-container .icon-container { text-align: center !important; }

.responsive-features-section { text-align: center; }
.responsive-features-section .responsive-items-container {  }
.responsive-features-section .responsive-items-container .responsive { background-image: url('/images/responsive-laptop-tablet-smartphone-sprite.png'); display: inline-block; }
.responsive-features-section .responsive-items-container .responsive.screen { width: 594px; height: 380px; background-position: 0 0; }
.responsive-features-section .responsive-items-container .responsive.tablet { width: 194px; height: 291px; background-position: -608px 0; }
.responsive-features-section .responsive-items-container .responsive.mobile { width: 88px; height: 184px; background-position: -809px 0 }

.content-page section#personalize-it  { overflow: visible; z-index: 100; }
.personalize-it-section {  }
.personalize-it-section > h3 { font-family: 'montserrat hairline'; font-size: 40px; font-weight: 400; }
.content-page .personalize-it-section > h3 { text-align: center; }
.personalize-it-section .demo-container { margin: 0 auto; width: 250px; position: relative; text-align: center; }
.personalize-it-section .demo-container .personal, 
.personalize-it-section .demo-container .iphone { background-image: url('/images/personalize-it-sprite.png'); }
.personalize-it-section .demo-container .personal { width: 216px; height: 385px; position: absolute; left: -400px; top: 80px;  }
.personalize-it-section .demo-container .personal .inner { width: 100%; height: 100%; direction: rtl; top: 0; right: 0; position: absolute; background-image: url('/images/personalize-it-sprite.png'); width: 0%; }
.personalize-it-section .demo-container .personal.p1 { background-position: 0 -385px; left: 16px; }
.personalize-it-section .demo-container .personal.p2 { background-position: -436px -385px; left: -240px; }
.personalize-it-section .demo-container .personal.p3 { background-position: -218px -385px; left: -480px; }
/*.personalize-it-section .demo-container .personal.p1 .inner { background-position: -688px 0, right; width: 100%; }
.personalize-it-section .demo-container .personal.p2 .inner { background-position: -1126px 0, right; }
.personalize-it-section .demo-container .personal.p3 .inner { background-position: -908px 0, right; }*/
.personalize-it-section .demo-container .personal.p1 .inner { background-position: 0 0, left; width: 100%; }
.personalize-it-section .demo-container .personal.p2 .inner { background-position: -436px 0, left; }
.personalize-it-section .demo-container .personal.p3 .inner { background-position: -218px 0, left; }
.personalize-it-section .demo-container .personal.faded { background-position-y: -385px; }
.personalize-it-section .demo-container .iphone { width: 247px; height: 556px; background-position: -656px 0; display: inline-block; position: relative; z-index: 1; }
.personalize-it-section .demo-container .personalize-text { width: 256px; height: 170px; position: absolute; right: -330px; top: 180px; text-align: left; }
.personalize-it-section .demo-container .personalize-text .text { opacity: 0; position: absolute; }
.personalize-it-section .demo-container .personalize-text .text.active { opacity: 1; }
.personalize-it-section .demo-container .personalize-text h5 { font-family: 'montserrat'; font-size: 24px; color: #ff6000; margin: 0 0 10px 0; }
.personalize-it-section .demo-container .personalize-text .content { font-family: 'montserrat light'; font-size: 16px; color: #484848; }
.personalize-it-section .demo-container .personalize-text .more { font-family: 'montserrat'; font-size: 13px; color: #ff6000; float: right; text-decoration: none; font-weight: 700;   }
.personalize-it-section .demo-container .nav-arrows { width: 45px; height: 22px; position: absolute; right: -130px; top: 420px; -moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box; }
.personalize-it-section .demo-container .nav-arrows .arrow { position: absolute;top: -50%;padding: 13px;box-shadow: inset 2px -2px 0 1px #dbdbdb;cursor: pointer;-moz-transition: box-shadow 0.15s, margin 0.15s;-o-transition: box-shadow 0.15s, margin 0.15s;-webkit-transition: box-shadow 0.15s, margin 0.15s;transition: box-shadow 0.15s, margin 0.15s; }
.personalize-it-section .demo-container .nav-arrows .arrow:hover { box-shadow: inset 3px -3px 0 2px #ff6000;margin: 0 0px; }
.personalize-it-section .demo-container .nav-arrows .arrow.left { display: block;left: 0;right: auto;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg); }
.personalize-it-section .demo-container .nav-arrows .arrow.right { display: block;right: 0;left: auto; -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); }

/* privacy and terms */

.main.privacy-and-terms { padding-top: 100px; }

/* Login */
.main.login { padding: 0; }
.main.login .header-section { transform: none !important; /*margin-top: 80px;*/ }
.main.login .header-section .layout.top .text { line-height: 70px; }
.main.login .header-section {  }
.login-inner { clear: both; width: 436px; height: 370px; margin: 0 auto 50px auto; overflow:hidden/*auto*/; margin-top: 20px; position: relative; border: 0px; font-family: 'Montserrat', sans-serif; }
.rtl .login-inner { direction: rtl; }
.rtl .input__label--hoshi { right: 0 !important; text-align: right !important; }

.login-inner .account-container , .login-inner .username-container , .login-inner .password-container { /*border-bottom: 1px solid #dcdee4;*/ }
.login-inner .account-input , .login-inner .username-input, .login-inner .password-input { padding: 0 10px; line-height: 30px; height: 40px; width: 90%; font-size: 15px; font-weight: 600; color: #b4b5b6; margin: 0 auto; display: inline-block; border: none; outline: 0; letter-spacing: 1px; }
.login-inner .account-container { /*margin-top: 10px;*/  }
.login-inner .account-input {  }
.login-inner .username-container { /*margin-top: 40px;*/ position: relative; }
.login-inner .username-input { }
.login-inner .password-container { /*margin-top: 40px;*/ position: relative; }
.login-inner .password-input { }
.login-inner .toggle-password-btn { text-decoration: none; color: #c4c5c6; font-size: 35px; position: absolute; }
.rtl .login-inner .toggle-password-btn { left: 0; }
.ltr .login-inner .toggle-password-btn { right: 0; }

.login-inner .login-btn { -webkit-appearance: none !important; -webkit-border-radius:0px; border-radius: 0px !important; position: absolute; bottom: 0; right: 0; padding: 12px 25px; background-color: #ff5c00; color: #fff; font-size: 15px; font-weight: 600; letter-spacing: 3px; border: none; text-align: center; font-family: 'Open Sans Hebrew', sans-serif; letter-spacing: 3px; text-decoration: none; outline: 0; cursor: pointer; }
.ltr .login-inner .login-btn { right: 0; }
.rtl .login-inner .login-btn { left: 0; right: auto; font-family: 'Rubik', sans-serif; }
.login-inner .login-btn[disabled] { cursor: default; background-color: #9f9f9f; }

.login-inner .new-user-btn , .login-inner .forgot-password-btn { color: #5b5b5b; font-size: 12px; display: block; border-bottom: 1px solid #dcdee4; float: left; text-decoration: none; clear: both;  }

.ltr .login-inner .new-user-btn , .ltr .login-inner .forgot-password-btn { float: left; }
.rtl .login-inner .new-user-btn , .rtl .login-inner .forgot-password-btn { float: right; }

.login-inner .new-user-btn { margin-top: 60px; }

.login-inner .forgot-password-btn { margin-top: 20px; }

.login-inner .masker { display: none; position: absolute; width: 100%; height: 100%; background-color: #fff; opacity: .8; top: 0; left: 0; z-index: 10; overflow:auto; }
.login-inner .loader { display: none; position: absolute; width: 100%; text-align: center; top: 40%; left: 0; z-index: 20; }
.login-inner .success { display: none; text-align: center;  position: relative; z-index: 20; }
.login-inner .error { display: none; /*position: absolute;*/ width: 430px; /*text-align: center; top: 365px; left: 0;*/ margin: 0 10px; height: 43px; line-height: 43px; vertical-align: middle; z-index: 20; background-color: #f5f5f5; }
.login-inner .error .emoji { display: inline-block; margin: 0 15px; color: #ababab; float: left; font-size: 18px; }
.rtl .login-inner .error .emoji { float: right; }
.login-inner .error .msg { display: inline-block; width: 380px; /*color: #f21111;*/ color: #5b5b5b; font-size: 14px; text-align: left; }
.rtl .login-inner .error .msg { text-align: right; }

.login-inner .input--hoshi { width: 430px; max-width: 430px; margin: 10px; }
.login-inner .input--hoshi input { width: 390px;  max-width: 390px; }
.login-inner .input__field { float: left; }
.rtl .login-inner .input__field { float: right; }

/* report spam */

.report-spam-section { transform: none !important; margin-top: 80px; }

.main.report-spam .talk-to-us-form-section { transform: none !important; }


/* content pages */

.content-page { margin: 78px 10px 10px 10px; font-family: 'montserrat light', sans-serif; font-size: 16px; color: #616161; text-align: justify; }
.rtl .content-page { font-family: 'Rubik', sans-serif; direction: rtl; text-align: justify; }

.content-page h1 { font-size: 60px; font-weight: 300; text-align: center; }
.content-page h2 { font-size: 32px; font-weight: 300; }
.content-page h3 { color: #ff6000; font-weight: 500; }

.w800 { width: 800px; }
.centered { margin: 0 auto; }

.content-page .talk-to-us-form-section { transform: none; -webkit-transform: none; margin: 60px auto; }

/* blog - post */
.raleway-font { font-family: 'Raleway', sans-serif; }
.oswald-font { font-family: 'Oswald', sans-serif; }


.blog-title { margin: 0 auto; text-align: center; margin: 50px 0 30px 0; }
.blog-title a { text-decoration: none; }
.blog-title a .blog { font-size: 75px; line-height: 75px; color: #fe721f; font-weight: 900; font-family: 'Martel Sans', sans-serif; letter-spacing: 2px;  }
.blog-title a .email-marketing { position: relative; top: -4px; font-size: 18px; color: #393b48; font-family: 'Oswald', sans-serif; letter-spacing: -1px; transform:scale(1,1.5);   -webkit-transform:scale(1,1.5); }

.blog-main { width: 1024px; margin: 0 auto 10px auto; }
.ltr .blog-main { text-align: left; direction: ltr; }
.rtl .blog-main { text-align: right; direction: rtl; }

.blog-categories { font-family: 'Montserrat', sans-serif; }
.rtl .blog-categories { font-family: 'Rubik', sans-serif; }
/*.blog-categories  { list-style-type: none; width: 100%; overflow: hidden; padding: 0; margin: 0; }*/
.blog-categories .category { position: relative; height: 150px; width: 380px; overflow: hidden; text-align: center; display: inline-block; border: 1px solid #dec19a; }
.blog-categories .category a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: inline-block; overflow: hidden; }
.blog-categories .category a img { /*display: block; max-width: 100%; height: auto;*/   }
.blog-categories .category a img { display: block; max-height: 120% !important; width: auto !important; height: 100%; max-width: unset !important; overflow: hidden; }
.blog-categories .category a .name { display: block; position: absolute;  bottom: 0; color: #fff; left: 0; height: 30px; line-height: 30px; vertical-align: middle; background-color: #3f3f3f; padding: 0 10px; }

.rtl .blog-categories .category a .name { right: 0; }

.category-title { text-align: center; }
.category-title .category-name { color: #ff6000; }

.author-title { text-align: center; }
.author-title .author-name { color: #ff6000; }

.blog-main a { text-decoration: none; }

.blog-main.posts .posts-list { width: 650px; float: left; margin-bottom: 40px; }
.blog-main.posts .post { background-color: #f2f2f2; border: 1px solid #d3d2d2; margin-top: 25px; padding: 15px;  }
.blog-main .post { box-sizing: border-box; width: 650px; max-width: 650px; padding: 5px; float: left; font-family: 'Oswald', sans-serif; }
.rtl .blog-main .post { font-family: 'Rubik'; direction: rtl; }
.blog-main .post .categories { text-align: center; font-size: 20px;  }
.rtl .blog-main .post .categories { font-family: 'Rubik'; direction: rtl; }
.blog-main .post .categories a.category { color: #7a7a7a; }
.blog-main .post .categories a.category:hover { text-decoration: underline; }
.blog-main .post .title { margin-top: 20px; color: #3e3e3e; text-align: center; font-size: 35px; font-weight: 700; letter-spacing: -1px; transform:scale(1,1.2);   -webkit-transform:scale(1,1.2); }
.rtl .blog-main .post .title { text-align: center; }
.blog-main .post .title a { text-decoration: none; color: #3e3e3e; }
.blog-main .post .author { margin-top: 20px; font-weight: 600; color: #ff5f00; text-align: center; letter-spacing: -0.5px; transform:scale(1,1.2);   -webkit-transform:scale(1,1.2); }
.blog-main .post .author .by { font-size: 14px; }
.blog-main .post .author a.name { font-size: 22px; color: #ff5f00; }
.blog-main .post .author a.name:hover { text-decoration: underline; }
.blog-main .post .image-container { margin-top: 20px; text-align: center; position: relative; }
.blog-main .post .image-container a { text-decoration: none; display: block; max-width: 650px; width: auto; height: 100%; text-align: left; }
.blog-main .post .image-container img {  max-width: 620px; height: auto; vertical-align: bottom; }
.blog-main .post .image-container .date { padding: 0 20px; margin: 0; text-align: left; position: absolute; bottom: 0; left: 0;  height: 54px; font-size: 22px;  color: #fff; background-color: #3f3f3f;  }
.blog-main .post .image-container .date .text {  line-height: 54px; font-weight: 300;  vertical-align: middle;   transform:scale(1,1.1);  -webkit-transform:scale(1,1.1); display: inline-block; }
.blog-main .post .content { font-family: 'Raleway', sans-serif; margin: 20px 0; color: #3c3c3c; font-weight: 400; word-spacing: 4px; font-size: 15px; line-height: 24px; text-align: justify; }
.rtl .blog-main .post .content  { font-family: 'Rubik'; direction: rtl; text-align: justify; }

.blog-main .post .content img { max-width: 100%; }

.blog-main .side-bar { width: 346px; float: right; margin-top: 24px; }
.blog-main .suggested-posts { font-family: 'Oswald', sans-serif; background-color: #f2f2f2; border: 1px solid #d3d2d2; padding-bottom: 30px; }
.rtl .blog-main .suggested-posts { font-family: 'Rubik'; }
.blog-main .suggested-posts .title { width: 280px; margin: 0 auto; margin-top: 20px; font-weight: 800; font-size: 25px; color: #3e3e3e; transform:scale(1,1.5);  -webkit-transform:scale(1,1.5); }
.blog-main .suggested-posts .side-post { width: 285px; margin: 0 auto; margin-top: 30px;  text-align: center; }
.blog-main .suggested-posts .side-post a.post-img-link { display: block; text-align: center; }
.blog-main .suggested-posts .side-post a.post-img-link img { max-width: 100%; height: 155px; width: 100%; max-height: 155px; }
.blog-main .suggested-posts .side-post a.post-title {  font-weight: 500; font-size: 20px; margin-top: 5px; display: block; text-align: left; color: #393b48; transform:scale(1,1.2);  -webkit-transform:scale(1,1.2); }
.rtl .blog-main .suggested-posts .side-post a.post-title { text-align: right; }

.blog-main .findus {  margin-top: 20px; background-color: #f2f2f2; border: 1px solid #d3d2d2; text-align: center; }
.blog-main .findus a { line-height: 50px; width: 50px; height: 50px; font-size: 25px; vertical-align: top;  background-color: #7a7a7a; color: #fff; border-radius: 50%; display: inline-block; margin: 15px 10px; text-align: center; }
.blog-main .findus a:hover { background-color: #fe721f; }
.blog-main .findus a i.publicators-ws { font-size: 46px; }

.nav-posts {  width: 650px; margin-bottom: 40px; }
.blog-main .earlier-posts, .blog-main .later-posts { text-decoration: none; color: #3a3a3a; font-size: 20px; font-family: 'Oswald', sans-serif; margin: 20px 0; }
.blog-main .earlier-posts:hover, .blog-main .later-posts:hover { color: #8f8f8f; text-decoration: underline; }
.blog-main .earlier-posts { float: left; }
.blog-main .later-posts { float: right; }

.blog-main.posts {  }
.blog-main.posts .post { position: relative; height: 230px; }
.rtl .blog-main.posts .post { font-family: 'Rubik', sans-serif; }
.blog-main.posts .post .title { font-size: 15px; width: 230px; float: right; text-align: left; margin: 5px 0; letter-spacing: unset; }
.rtl .blog-main.posts .post .title { font-family: 'Rubik', sans-serif; float: left; text-align: right; }
.blog-main.posts .post .author { clear: right; float: right; line-height: 15px; margin: 0; width: 230px; text-align: left; }
.rtl .blog-main.posts .post .author { float: left; clear: left; text-align: right; }
.blog-main.posts .post .author .by { font-size: 11px; color: #9e9e9e; }
.blog-main.posts .post .author a.name { font-size: 12px; color: #9e9e9e; }
.blog-main.posts .post .image-container { position: absolute; margin: 3px; width: 360px; }
.rtl .blog-main.posts .post .image-container {  }
.blog-main.posts .post .image-container a { text-decoration: none; display: block; max-width: 360px; width: 360px; height: auto; text-align: left; }
.rtl .blog-main.posts .post .image-container a { text-align: right; }
.blog-main.posts .post .image-container img { max-width: 360px; width: 360px; height: 190px; max-height: 190px; vertical-align: bottom; }
.blog-main.posts .post .image-container .date {  height: 35px; left: 0; right: unset; }
.rtl .blog-main.posts .post .image-container .date {  height: 35px; left: unset; right: 0; left: unset; }
.blog-main.posts .post .image-container .date .text { font-size: 15px; line-height: 35px; }
.blog-main.posts .post .content { clear: right; width: 230px; height: 72px; max-height: 72px; overflow: hidden; float: right;  margin: 2px 0; font-size: 14px; line-height: 24px; }
.rtl .blog-main.posts .post .content { font-family: 'Rubik', sans-serif; float: left; clear: left; text-align: right; }
.blog-main.posts .post a.read-more {  color: #ff6000; font-size: 14px; float: right; position: absolute; bottom: 15px; right: 20px; }
.rtl .blog-main.posts .post a.read-more { font-family: 'Rubik', sans-serif; float: left; right: unset; left: 20px; }

/* Input plug-in */

/*.talk-to-us-form-section form label { height: 1px; display: block; font-size: 0; overflow: hidden; } 

.talk-to-us-form-section form .form-field { display: inline-block; margin: 0 30px; }
.talk-to-us-form-section form .form-field.messages { display: block; min-height: 100px; max-height: 100px; max-width: 100%; margin: 30px 30px 0 30px; }
.talk-to-us-form-section form .form-field.messages textarea { display: block; width: 100%; }

.talk-to-us-form-section form .form-field input[type=text],
.talk-to-us-form-section form .form-field textarea { resize: none; width: 255px; padding: 15px 10px; font-size: 15px; color: #ff6000;/*#3a3c41*//*;  outline: none; border: none; border-bottom: 1px solid #dcdee4;  background-color: transparent; text-shadow: 0px 0px 0px #3a3c41; -webkit-text-fill-color: transparent;  }*/
/*.talk-to-us-form-section form input[type=text]::-webkit-input-placeholder { color: #999ca5; text-shadow: none;  -webkit-text-fill-color: initial;  }*/


.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 1em;
	max-width: 400px;
	width: 300px;/*calc(100% - 2em);*/
	vertical-align: top;
}

.rtl .input { direction: rtl; }

.textarea.input {
	width: 984px;/*calc(100% - 2em);*/
    display: block;
    margin: 0 auto;
    max-width: 100%;
}



.input__field {

    
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-appearance: none; /* for box shadows to show on iOS */

    padding: 15px 10px; 
    font-size: 15px;


}

textarea.input__field {
    resize: none;
    width: 98%;
    height: 53px;
    padding: 0px 10px; 
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #6a7989;
	font-weight: 300;
	font-size: 70.25%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

    
}

/*.rtl .input__label { width: 97%; }

.rtl .textarea .input__label { width: 97%; }*/

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;

    padding: 15px 10px; 
    font-size: 15px;
}

.rtl .input__label-content { width: 90%; }

.textarea .input__label-content { margin-top: -10px; }

/*.rtl .textarea .input__label-content { width: 90%; }*/


.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

.icon {
	color: #ddd;
	font-size: 150%;
}

/* Hoshi */
.input--hoshi {
	overflow: hidden;
}

.input__field--hoshi {
	margin-top: 1em;
	padding: 0.85em 0.15em;
	width: 100%;
	background: transparent;
	color: #595F6E;
    z-index: 1;
    width: 280px;
    padding: 15px 10px; 
    font-size: 18px;
}

.input__label--hoshi {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0.25em;
	width: 100%;
	height: calc(100% - 1em);

	text-align: left;
	pointer-events: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.input__label--hoshi { height: calc(100% - 2em); }
    .textarea .input__label-content { margin-top: 0; }
    .publicators-ws-scroll-down.animation { position: relative !important; bottom: 80px;  }


    section#talk-to-us-form .section-inner { position: relative; top: calc(50% - 175px); transform: none !important; }
    section#whats-on-your-mind .section-inner { position: relative; top: calc(50% - 238px); transform: none !important; }
    
	.main-menu { animation: none; visibility: hidden; }
	
}

_:-ms-lang(x), .input__label--hoshi { height: calc(100% - 2em); }
_:-ms-lang(x), .textarea .input__label-content { margin-top: 0; }


.rtl .input__label--hoshi { text-align: right !important; }

.input__label-content--hoshi {
	position: absolute;
}

.input__label--hoshi::before,
.input__label--hoshi::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 10px);
	border-bottom: 1px solid #B9C1CA;
}

.input__label--hoshi::after {
	/*margin-top: 2px;*/
	border-bottom: /*4px*/ 2px solid red;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.rtl .input__label--hoshi::after { 
    -webkit-transform: translate3d(+100%, 0, 0);
	transform: translate3d(+100%, 0, 0); }

.input__label--hoshi-color-1::after {
	border-color: hsl(200, 100%, 50%);
}

.input__label--hoshi-color-2::after {
	border-color: hsl(160, 100%, 50%);
}

.input__label--hoshi-color-3::after {
	border-color: hsl(20, 100%, 50%);
}

input__label--hoshi-color-publicators::after {
    border-color: hsl(20, 100%, 50%);
}

.input__field--hoshi:focus + .input__label--hoshi::after,
.input--filled .input__label--hoshi::after {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.rtl .input__field--hoshi:focus + .input__label--hoshi::after,
.rtl .input--filled .input__label--hoshi::after {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--filled .input__label-content--hoshi {
	-webkit-animation: anim-1 0.3s forwards;
	animation: anim-1 0.3s forwards;
}

@-webkit-keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}

@keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}


/* all mobile */
@media screen and (max-device-width: 1023px) {

    #cd-vertical-nav { display: none; position: absolute; }
    .loader-container {  }

    .anchor-to-form { display: none; }

    body { margin: 0;  }
    body.menu-open {  }
    body.menu-open .main-content { display: none; }
    .navbar { width: 100% !important; max-width: 100% !important; width: 100% !important; position: fixed; }
    .navbar .publicators-logo { width: 150px; }
    .navbar .sign-up-btn { display: none;  }
    .navbar .login-btn { /*display: none !important;*/ padding: 8px 12px; right: 104px !important; }
    .navbar .lang-btn { right: 70px; }
    .navbar .accessability-toggle-btn { right: 40px; }
    .navbar .open-search-btn { display: none; }
    .navbar .open-menu-btn { right: 4px !important; }
    .navbar .close-menu-btn { right: 4px !important; }
    .navbar .semi-transparent-background { background: #fff; opacity: 1; }

    .navbar button.open-menu-btn { display: inline-block; width: 32px; padding: 0; }
    .navbar button.close-menu-btn { display: none; }

    .menu-open .navbar button.open-menu-btn { display: none; }
    .menu-open .navbar button.close-menu-btn { display: inline-block; width: 32px; padding: 0; }



    .main-menu > .menu { padding: 0 0 5px 0; }
    .main-menu > .menu > ul { margin-top: 0; }
    .main-menu > .menu > ul > li { display: block; margin: 3px 8px;  }
    .main-menu > .menu > ul > li > a { font-size: 18px; color: #616161; border-bottom: 1px solid #d2d2d2; width: 100%; display: block; }
    .main-menu > .menu > ul > li > a:before { display: none; } 
    .main-menu > .menu > ul > li > ul {  }
    .main-menu > .menu > ul > li > ul > li { margin: 3px 0; padding: 0 20px; border-bottom: 1px solid #d2d2d2; }
    .main-menu > .menu > ul > li > ul > li > a { line-height: 20px; vertical-align: middle; font-size: 14px; display: block; color: #ff6000; }
    .main-menu > .contact {  }
    .main-menu > .contact > ul { text-align: left; margin: 0; padding: 5px 0; direction: ltr; }
    .rtl .main-menu > .contact > ul { text-align: right; direction: rtl; }
    .main-menu > .contact > ul > li { display: block; margin: 5px 8px; }
    .main-menu > .contact > ul > li > a { color: #616161; text-decoration: none; }
    .rtl .main-menu > .contact > ul > li > a.phone { direction: ltr; }
    .main-menu > .contact > ul > li > a > i { font-size: 18px; vertical-align: middle; margin: 0 5px; }
    .rtl .main-menu > .contact > ul > li > a > i { float: right; }
    .main-menu > .contact-form {  }
    .main-menu > .contact-form span.input--hoshi { margin-top: 5px !important; }
    .main-menu > .contact-form .error { height: 20px; color: #f52828; }
    .main-menu > .contact-form input.submit { margin-bottom: 10px !important; }
    .rtl .main-menu > .contact-form form input.submit { float: none !important; }



    /*.main-menu > .contact-form form { width: 100%; margin-top: 5px; }
    .main-menu > .contact-form form input[type=text] { width: 90%; padding: 0; margin: 7px 10px;  }
    .main-menu > .contact-form form input.submit {  float: left; margin: 5px 10px;  }*/





    .blog-main { width: 95%; margin: 0 auto; }

    
    .blog-main .post { width: 95%; margin: 0 auto; float: none; }
    .blog-main .post .image-container img { max-width: 100%; height: auto;  }
    .blog-main .post a:visited { text-decoration: underline; }
    .blog-main .side-bar { width: 95%; float: none; clear: both; margin: 0 auto;  }
    .blog-title { }
    .blog-title a .blog { font-size: 55px; line-height: 55px;   }
    .blog-title a .email-marketing { top: -4px; font-size: 15px;  }

    .blog-main.posts .posts-list { width: 100%; float: none; margin-bottom: 130px; }
    .blog-main.posts .post { text-align: center; height: auto !important; }
    .blog-main.posts .post .title { float: none; width: 100%; text-align: center; }
    .blog-main.posts .post .author { float: none; width: 100%; text-align: center; margin: 20px auto 0 auto; }
    .blog-main.posts .post .image-container { float: none; max-width: 100%; position: relative; margin: 20px 0 0 0; text-align: center; }
    .blog-main.posts .post .image-container a { width: 100% !important; max-width: 100%; text-align: center; margin: 0 auto; }
    .blog-main.posts .post .image-container a img { max-width: 100% !important; width: 100%; height: auto !important; max-height: unset !important; }
    .blog-main.posts .post .content { float: none; width: 100%; text-align: center; margin: 20px 0 0 0; }
    .blog-main.posts .post .read-more { float: none !important; position: static !important; display: block; margin: 20px 0 0 0; }


    .blog-main .findus { width: 95%; float: none; clear: both; margin: 0 auto; margin-top: 20px; }
    .blog-main .findus a { margin: 15px 5px; }

    .nav-posts { width: 90%; margin: 0 auto; }


    .blog-main .suggested-posts .side-post a.post-title { width: 90%; margin: 5px auto 0 auto; }

    section { height: auto !important; margin-top: 40px !important; }
    section#always-deliver, section#special-delivery { height: 100vmin !important; }
    section#publicators-letters { height: 100vmin !important; }
    section#lets-talk-business { height: 100vmin !important; }
    section#gear-up-your-campaign { height: 100vmin !important; }

    section .section-inner { transform: none !important; top: 20% !important; }


    img { float: none !important; }

    .always-deliver-section .section-inner {  }

    .layout { position: relative; }

    .header-section .layout.top .text, .layout.always .text { font-size: 40px; }
    .header-section .layout.middle .text, .layout.deliver .text { font-size: 60px; line-height: 80px; }
    .header-section .layout.bottom .text, .layout.more .text { font-size: 22px; line-height: 40px; }


    .image-container { /*display: block !important;*/ width: 100% !important; float: none !important; }
    .image-container img { max-width: 310px; height: auto; }
    
    .article-container { display: block !important; width: 100% !important; float: none !important; position: static !important; }

    .article-container .article, .rtl .article-container .article { width: 95% !important; margin: 40px auto 0 auto !important; text-align: center !important; float: none !important; display: block !important; }
    .article-container .article .icon-container, .rtl .article-container .article .icon-container:not(.text-align-center) { font-size: 80px !important; text-align: center !important; }
    .article-container .article .title, .rtl .article-container .article .title:not(.text-align-center) { font-size: 25px !important; text-align: center !important; }
    .article-container .article .desc { font-size: 18px !important; text-align: center !important;  }
    .article-container .article .more, .rtl .article-container .article .more { font-size: 16px !important; text-align: center !important; margin-top: 0 !important; float: none; }

    
  
    .talk-to-us-form-section { margin-top: 170px; }
    .talk-to-us-form-section .title { font-size: 40px !important; margin-bottom: 20px; }
    form { max-width: 300px !important; margin: 0 auto !important; }
    .input { width: 100% !important; margin: 20px 0 0 0 !important; }
    .input__field--hoshi { max-width: 280px !important;  }
    .textarea.input { width : 100% !important; }
    .contact-us-repeated-form input.submit { margin-top: 20px !important; float: none !important; }
    .talk-to-us-form-section form .masker { height: 100%; }
    .talk-to-us-form-section form .masker { height: 100%; }

    .call-us { border: 1px solid #ff6000; clear: both; margin: 40px auto; display: inline-block; text-decoration: none; color: #ff6000; padding: 8px 12px; line-height: 20px; vertical-align: middle;  }
    .rtl .call-us { direction: rtl; }
    
    .call-us .text { font-size: 22px; }
    .call-us .publicators-ws { font-size: 22px; font-weight: 600; vertical-align: sub; }
    .rtl .call-us .publicators-ws:before { content: "\e922"; }
    .ltr .call-us .publicators-ws:before { content: "\e901"; }
    .ltr .call-us .publicators-ws { transform: rotate(120deg); -ms-transform: rotate(120deg); -webkit-transform: rotate(120deg); }


    footer { padding: 15px 0; }
    footer .publicators-copyright { position: static !important; margin: 5px auto !important;  }
    footer .social-links { position: static; text-align: center; }
    footer .footer-menu { position: static !important; }
    footer .footer-menu li { margin: 0 5px !important; }
    footer .footer-menu li a { margin: 0 !important; }

    .main { padding: 0 0 40px 0; width: 95%; margin: 0 auto; }


    /* Home */

    .we-are-publicators-section .we-are .text { font-size: 28px; }
    .we-are-publicators-section .pub-letters .letter-animation .text { font-size: 30px; mix-blend-mode: unset; }

    .responsive-image-article-section .article-container { transform: none !important; margin-top: 20px; }

    .campaign-article-section .image-container .image-menu-wrapper { width: 310px !important; margin: 0 auto !important; }
    .campaign-article-section .image-container .image-menu-wrapper .image { height: 220px; }
    .campaign-article-section .image-container .image-menu-wrapper .image img { height: auto !important; }
    
    .campaign-article-section .image-container ul.menu li a { padding: 0 22px; }

    .dashboard-image-article-section { margin-top: 50px !important; }
	

    .dashboard-image-article-section .image-container {  }
    .dashboard-image-article-section .image-container .nav-arrows { margin: 0 auto; }
    .dashboard-image-article-section .image-container .image { width: 95%; height: 200px; max-width: 95%; margin: 0 auto; width: 310px; }
    .dashboard-image-article-section .image-container .image img {  }

    /* features */
    .cool-system-stuff-section .drag-n-drop-container { width: auto !important; height: auto !important; }

    .cool-system-stuff-section .drag-n-drop-container .screen { width: 320px !important; height: auto !important;  }
    .cool-system-stuff-section .drag-n-drop-container .screen .screen-img { width: 100% !important; height: 200px !important;  background-size: 386px; padding-top: 0 !important; }
    
    .responsive-items-container { width: 310px; height: 200px; margin: 0 auto; position: relative; }
    
    .responsive-items-container .screen { width: 260px !important; height: 165px !important; background-size: 390px; padding-top: 0 !important; position: absolute; left: 0;  }
    .responsive-items-container .tablet { width: 87px !important; height: 126px !important;  background-size: 390px; background-position: -652px 0 !important; padding-top: 0 !important; position: absolute; left: 190px; top: 38px; }
    .responsive-items-container .mobile { width: 38px !important; height: 80px !important;  background-size: 390px; background-position: -740px 0 !important; padding-top: 0 !important; position: absolute; left: 260px; top: 85px;  }


    .cool-system-stuff-section .drag-n-drop-container .design-blocks .design-block { margin: 15px !important; width: 70px !important; height: 70px !important; display: inline-block; background-size: 460px;  }
    
    .design-block.text-under-image {background-position: -847px 0 !important;}
    .design-block.button  {background-position: -847px -146px !important;}
    .design-block.link {background-position: -847px -70px !important;}

    /* until some nice gif for mobile replace it - hidden in mobile */
    .cool-system-stuff-section .drag-n-drop-container { display: none !important; }

    .never-forget-calendar-section .top-row .never-forget { display: block !important; width: 95% !important; float: none !important; margin: 0 auto !important; position: static !important; }
    .never-forget-calendar-section .top-row .never-forget .inner { width: auto !important; }
    .never-forget-calendar-section .top-row .never-forget:before { display: none !important; }
    .never-forget-calendar-section .top-row .never-forget .inner .text { font-family: 'montserrat bold'; font-size: 70px !important; line-height: 80px !important; text-align: center !important; }
    
    .never-forget-calendar-section .top-row .calendar {  display: block !important; width: 95% !important; float: none !important; margin: 0 auto !important; }
    .never-forget-calendar-section .calendar table thead tr.month th { vertical-align: middle !important; }
    .never-forget-calendar-section .campaigns { width: 490px; margin: 0 auto; margin-left: -245px !important; position: relative !important; margin-bottom: 40px !important; }
    .never-forget-calendar-section .campaigns .campaign { position: static !important; width: 160px !important; height: 145px !important; }
    .never-forget-calendar-section .campaigns .campaign.thank-you {  }
    .never-forget-calendar-section .campaigns .campaign.happy-birthday {  }
    .never-forget-calendar-section .campaigns .campaign.sale {  }
    .never-forget-calendar-section .campaigns .campaign .date { top: 10px; left: 32px; }
    .never-forget-calendar-section .campaigns .campaign .date .day { font-size: 14px; }
    .never-forget-calendar-section .campaigns .campaign .date .month-year { font-size: 12px; }
    .never-forget-calendar-section .calendar table tbody tr td.current:before { left: 3px; }

    .personalize-it-section .demo-container .personalize-text { display: none; }

    .personalize-it-section .demo-container .nav-arrows { position: relative; margin: 20px auto 0 auto; right: unset; top: unset; }




    .main.about .header-section .layout.bottom .text { font-size: 60px; line-height: 60px; }
    .main.partners .header-section .layout.bottom .text { font-size: 50px; line-height: 50px; }
    .main.sms .header-section .layout.top .text, 
    .main.sms-pricing .header-section .layout.top .text,
    .main.pricing .header-section .layout.top .text { font-size: 35px; line-height: 35px; }
    .main.sms .header-section .layout.bottom .text, 
    .main.sms-pricing .header-section .layout.bottom .text { font-size: 60px; line-height: 60px; }
    .main.contact .header-section .layout.bottom .text, 
    .main.sms-pricing .header-section .layout.bottom .text { font-size: 60px; line-height: 60px; }
    .main.campaigns .header-section .layout.bottom .text, 
    .main.sms-pricing .header-section .layout.bottom .text,
    .main.pricing .header-section .layout.bottom .text { font-size: 50px; line-height: 50px; }

    .whats-on-your-mind-section { width: 100%; }
    .whats-on-your-mind-section .support-center { float: none; width: 300px; margin: 70px auto 0 auto; }
    .whats-on-your-mind-section .whats-on-your-mind-form { float: none; margin-top: 70px; }
    #map { width: 90%; margin: 70px auto 0 auto; }

    video { width: 90%; object-position: top; }
    video source { width: 100%; height: auto; }

    .article-container .article .desc p { padding: 0 !important; padding-right: 0 !important; padding-left: 0 !important; }

    .workers-avatars { left: 0 !important; width: 100% !important; }

    .workers-avatars-carousel-section-wrapper { width: 100% !important; }
    .workers-avatars-carousel-section { height: auto !important; overflow: visible; }
    .workers-avatars-carousel-section ul { width: 100% !important; }
    .workers-avatars-carousel-section ul li { width: 100% !important; }

	/* new section */
	.three-articles-section .article-container { margin-top: 60px !important; box-shadow: none !important; border: none !important; }
	.three-articles-section .article-container  .article { margin-top: 0 !important; }
    .triple-item-features-carousel-section-wrapper { width: 100% !important;  }
	.triple-item-features-carousel-section-wrapper  .section-title { margin-bottom: 0; }
    .triple-item-features-carousel-section { height: auto !important; overflow: visible; margin-top: 0; }
    .triple-item-features-carousel-section ul { width: 100% !important; }
    .triple-item-features-carousel-section ul li { width: 100% !important; }
    .triple-item-features-carousel-section ul li .article-container { margin: 50px 0 0 0; }
	.triple-item-features-carousel-section ul li .article-container .article { margin: 0; padding: 0; }
	.triple-item-features-carousel-section ul li .article-container .article .feature-img-container { position: static !important; z-index: 10; }
	.triple-item-features-carousel-section ul li .article-container .article .feature-img-container img { vertical-align: bottom; }
	
	
	.dashboard-image-article-section .article-container .article { width: 100% !important; }
	.dashboard-image-article-section .image-container .image { background-image: none; width: 100% !important; max-width: 885px !important; margin: 0 auto; }
	.dashboard-image-article-section .image-container .image img { top: 0; left: 0; width: 100% !important; max-width: 100% !important; height: auto !important;  /*width: 80% !important; max-width: 80% !important; height: auto !important; top: 0; left: 0; top: 13%; left: 12%;*/ }

	.dashboard-image-article-section .article-container .article { width: auto !important; }
	
    /* ******************* */
	
    .clients-tell-carousel-section-wrapper { width: 100% !important; }
    .clients-tell-carousel-section { height: auto !important; overflow: visible; }
    .clients-tell-carousel-section ul { width: 100% !important; }
    .clients-tell-carousel-section ul li { width: 100% !important; }
    .clients-tell-carousel-section ul li .client-tell-item { margin-top: 50px; }

    .pricing-section .plans-type-container .title { font-size: 17px; }
    
    .pricing-section .plans-type-container ul li a { width: 96px; font-size: 11px; padding: 0 10px; }
    .pricing-section .plans-type-container ul li a[data-keyword="subscribers"] { width: 85px; }
    .pricing-section .plans-type-container ul li a[data-keyword="emails"] { width: 110px; }
    .pricing-section .plans-type-container ul li a[data-keyword="bank"] { width: 85px; }
    .pricing-section .plans-type-container .plans-type-explanation { width: 90%; height: 65px; }

    .pricing-section .slider-container { display: none; }
    .pricing-section div.plans-container { height: auto !important; width: auto !important; max-height: 3000px !important; text-align: center; overflow: visible !important; }
    .pricing-section div.plans-container ul { height: auto !important; width: auto !important; position: static; max-height: 3000px !important; }
    .pricing-section .plans-container ul li.plan { margin: 20px auto 0 auto; float: none; border: 1px solid #ededed !important; box-shadow: none !important; position: relative; }

    .pricing-section .plans-container ul li.plan.active { border: 1px dashed #ededed; box-shadow: 2px 10px 30px #ccc; position: relative; }
    .pricing-section .plans-container ul li.plan .inner .recommended { display: none !important; }
    .pricing-section .plans-container ul li.plan .inner .price .amount { color: #3a3a3a !important; }
    .pricing-section .plans-container ul li.plan .try-it-btn { display: inline-block !important; }

    .content-page { width: 90% !important; margin: 70px auto 10px auto; text-align:center;  }
    .w800 { width: 100% !important; margin: 0 auto; }
    .content-page > h1 { font-size: 45px; }
    .content-page > .w800 > h3 > img { display: block; margin: 0 auto; }

    .content-page img, .main-content img { max-width: 95% !important; width: 95% !important; height: auto; max-height: 90vmin;  }
    .about img  { max-width: unset !important; width: auto !important; }

    .error-text { font-size: 160px; }
    .error-sub-text { font-size: 50px; margin: 50px 0 0 0; }

    .main.login .header-section {  margin-top: 30px; }
    .main.login .header-section .layout.top .text { line-height: 45px; font-size: 45px; }
    .main.login .header-section .layout.bottom { margin-top: 10px; }
    .main.login .header-section .layout.bottom .text { line-height: 50px; font-size: 50px; }
    
    .main.login .login-section { margin-top: 0px !important; }
    .main.login .login-section .login-inner .input { margin-top: 5px !important; }
    .main.login .login-inner { margin-top: 0; width: 300px; }
    .main.login .login-inner .login-btn { bottom: 10px; position: static; margin-top: 5px;  }
	
	/* new section */
    .triple-item-features-carousel-section-wrapper { width: auto;  }
    .triple-item-features-carousel-section-wrapper ul { width: auto; position: static; }
    .triple-item-features-carousel-section-wrapper ul li { width: auto; }
    .triple-item-features-carousel-section { height: auto; overflow: auto; }
    .submit-container { float: none; }
    .article-container .article .more, .homepage-more-links { float: none; }
    /***************/
	
}


@media screen and (min-device-width: 1024px) and (max-device-width: 1400px) and (max-device-height: 850px) {

    .main-menu .menu { padding: 5px 0; }
    .main-menu .menu ul { margin-top: 20px; }

    .main-menu .contact ul { padding: 15px 0; }
    .main-menu > .contact-form { padding-top: 5px; }

    .main-menu > .contact-form form input.submit { margin-top: 10px; }

    .main.login .header-section {  margin-top: 60px; }
    .main.login .header-section .layout.top .text { line-height: 55px; font-size: 55px; }
    .main.login .header-section .layout.bottom { margin-top: 10px; }
    .main.login .header-section .layout.bottom .text { line-height: 80px; font-size: 80px; }
    .main.login .login-inner { margin-top: 0; }
    .main.login .login-inner .login-btn { bottom: 10px; }

    .pricing-section .plans-type-container { margin-top: 65px; }
    .pricing-section .plans-type-container ul { height: 40px; }
    .pricing-section .plans-type-container ul li { line-height: 35px; }
    .pricing-section .plans-type-container ul li a { height: 30px; line-height: 30px; }

    .pricing-section .plans-container { margin-top: 60px; }

    .pricing-section .plans-type-container .plans-type-explanation .plan-type-explanation p { margin: 0; }
    .pricing-section .plans-type-container .plans-type-explanation { width: 550px; height: 30px; }
    .pricing-section .plans-type-container ul { margin: 0; }
    .pricing-section .plans-container ul li.plan { height: 320px; }
   

    .pricing-section .plans-container ul li.plan .inner .desc { margin: 0; }
    .pricing-section .plans-container ul li.plan .inner .price { margin-top: 5px; }
    
    .pricing-section .plans-container ul li.plan .inner .publicators-ws { margin: 10px 0 0 0;   }
    .pricing-section .plans-container ul li.plan .inner .title {  margin: 10px 0 0 0;  }
    .ltr .pricing-section .plans-container ul li.plan.millionairs  .inner .title { margin-top: 5px; }
    .ltr .pricing-section .plans-container ul li.plan.millionairs  .inner .desc p { margin-bottom: 0px; }
    .rtl .pricing-section .plans-container ul li.plan.millionairs  .inner .publicators-ws { margin-top: 0; font-size: 85px; }
    .rtl .pricing-section .plans-container ul li.plan.millionairs  .inner .title { margin-top: 0px; }

    .responsive-image-article-section .image-container img { height: 500px !important; }
    .responsive-image-article-section .image-container { width: 50%; display: inline-block; position: relative; right: 0px; float: left; height: 90%; }
    .responsive-image-article-section .article-container { /*transform: perspective(1px) translateY(30%);*/  }

    .three-articles-section { top: 50%; transform: perspective(1px) translateY(-45%) !important; }
	
	/* new section */
    .dashboard-image-article-section .image-container .image { /*height: 430px !important;*/ top: 15px; }
	/***************/
	
    .nice-to-meet-you-section .image-container { margin-top: 10px; }
    .nice-to-meet-you-section .article-container .title { margin: 5px auto; }
    .nice-to-meet-you-section .article-container .desc { margin: 12px auto; }

    .our-team-section.section-inner { top: 50%; transform: perspective(1px) translateY(-45%) !important; }

    .workers-avatars-carousel-section { margin-top: 10px; }

    .clients-tell-carousel-section { margin-top: 20px; }

    .responsive-features-section .article-container .icon-container { display: none; }
    .responsive-features-section .article-container .title { margin-top: 20px; }

    .cool-system-stuff-section .article-container .icon-container { display: none; }
    .cool-system-stuff-section .article-container .desc { margin: 10px auto; }
    /*.cool-system-stuff-section .article-container .desc p { margin: 5px; }*/

    .never-forget-calendar-section.section-inner .top-row { margin-top: 40px; }
    .never-forget-calendar-section.section-inner .campaigns { bottom: 50px; }

    .never-forget-calendar-section.section-inner .top-row
    ,.never-forget-calendar-section.section-inner .campaigns { -ms-transform: scale(0.8, 0.8); /* IE 9 */
    -webkit-transform: scale(0.8, 0.8); /* Safari */
    transform: scale(0.8, 0.8); }

    .personalize-it-section > h3 { margin: 60px 0 0 0; }
    .personalize-it-section .demo-container { -ms-transform: scale(0.8, 0.8); /* IE 9 */
    -webkit-transform: scale(0.8, 0.8); /* Safari */
    transform: scale(0.8, 0.8);  }


    .main.campaigns .image-container { margin-top: 10px; }
    .main.campaigns .image-container img { max-height: 270px; }

    .main.partners .article-container .title { margin: 5px auto; }
    .main.partners .article-container .desc { margin: 5px auto; }
    .partners-desc-section { margin-top: 20px; }

	/***  new section ****/
    .newsletters-img-container { top: 25% !important; }

    /*********************/
}

@media screen and (max-device-width: 480px) {
	.pricing-section { overflow: visible !important; height: auto !important; }
	
}

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

    
    .pricing-section { overflow: visible; height: auto !important; }
    .pricing-section .plans-type-container ul li a { font-size: 10px; }

    .header-section .layout.top .text { line-height: 45px; font-size: 45px; }
    .header-section .layout.bottom .text { line-height: 65px; font-size: 65px; }


}

@media screen and (max-device-height: 570px) {

   .main.login ~ footer { position: static !important; }
   .login-inner { height: 320px; }

}

@media screen and (min-device-width: 481px) and (max-device-width: 770px) {

     
    .always-deliver-section { top: 8% !important; }

    .header-section .layout.top .text, .layout.always .text { font-size: 50px; }
    .header-section .layout.middle .text, .layout.deliver .text { font-size: 100px; line-height: 100px; }
    .header-section .layout.bottom .text, .layout.more .text { font-size: 22px; line-height: 50px; }

    

     .we-are-publicators-section .we-are .text { font-size: 48px; }
    .we-are-publicators-section .pub-letters .letter-animation .text { font-size: 60px; mix-blend-mode: unset; }

    .article { width: 90% !important; !important; margin: 40px auto 0 auto !important; text-align: center !important; float: none !important; display: block !important; }
   
    .talk-to-us-form-section { margin-top: 170px; }
    
    .image-container img { max-width: 560px; height: auto; }


    /* Home */


    .campaign-article-section .image-container .image-menu-wrapper { width: 310px !important; margin: 0 auto !important; }
    .campaign-article-section .image-container .image-menu-wrapper .image { height: 180px; }
    .campaign-article-section .image-container .image-menu-wrapper .image img { height: auto !important; left: 18px; }
    
   
    .dashboard-image-article-section { margin-top: 170px !important; }
    .dashboard-image-article-section .image-container {  }
    .dashboard-image-article-section .image-container .nav-arrows { margin: 0 auto; }

    


    
    .dashboard-image-article-section .image-container .image img { max-height: 200px; height: 200px; width: auto; max-width: 100%;}

    /* features */
   

}


@media screen and (min-device-width: 560px) and (max-device-width: 1023px) and (orientation: landscape) {

    .personalize-it-section .demo-container .personalize-text { display: inline-block; right: -150px; width: 140px; }

    .personalize-it-section .demo-container .nav-arrows { width: 45px; height: 22px; position: absolute; right: -130px; top: 420px; }

	/***  new section ****/
    .newsletters-img-container { top: 40%; }

    /*********************/
}

@media screen and (min-device-width: 580px) and (max-device-width: 1023px) and (orientation: portrait) {

    

    .always-deliver-section, .we-are-publicators-section  { position: relative; top: 50% !important; transform: perspective(1px) translateY(-50%) !important; }

     .layout.top .text, .layout.always .text { font-size: 70px; }
    .layout.middle .text, .layout.deliver .text { font-size: 120px; line-height: 120px; }
    .layout.bottom .text, .layout.more .text { font-size: 25px; line-height: 90px; }

     .we-are-publicators-section .we-are .text { font-size: 48px; }
    .we-are-publicators-section .pub-letters .letter-animation .text { font-size: 60px; mix-blend-mode: unset; }

    .campaign-article-section .image-container .image-menu-wrapper { width: 438px !important; margin: 0 auto !important; }
    .campaign-article-section .image-container .image-menu-wrapper .image { height: 280px;  }
    .campaign-article-section .image-container .image-menu-wrapper .image img { height: auto !important; left: 18px; }
    
   
   

    .dashboard-image-article-section .image-container .image { height: 300px; max-width: 95%; margin: 0 auto; width: 518px; }
    .dashboard-image-article-section .image-container .image img { max-height: 300px; height: 300px; width: auto; max-width: 100%;}

    .personalize-it-section .demo-container .personalize-text { right: -220px; width: 200px; }
	
	/***  new section ****/
    .newsletters-img-container { top: 40%; }

    /*********************/

}

@media screen and (min-device-width: 1024px) and (max-device-width: 1279px) {

    /*.responsive-image-article-section .image-container { left: -45%; }*/
    body { position: relative; }
    .main-menu .menu { padding-top: 5px; }

    .responsive-image-article-section .article-container .article { line-height: 100%; width: 390px; }
    .responsive-image-article-section .image-container img { height: 650px; }

    .three-articles-section .article-container { width: 300px; position: relative; left: -15px; }
    .three-articles-section .article-container .article { width: 280px; }

    .cool-system-stuff-section .article-container { position: relative; top: 70px; }
    .drag-n-drop-container { -ms-transform: scale(0.7, 0.7); /* IE 9 */    -webkit-transform: scale(0.7, 0.7); /* Safari */    transform: scale(0.7, 0.7); }

    .campaign-article-section .article-container { width: 45%; top: -50px; }
    .campaign-article-section .article-container .article { width: 400px; }

    .campaign-article-section .image-container { width: 58%; }
    .campaign-article-section .image-container .image-menu-wrapper .image { height: 320px; }
    .campaign-article-section .image-container .image-menu-wrapper .image img { left: 25px; }


    .dashboard-image-article-section .image-container .nav-arrows { top: 10px; height: 44px; }
	/* new section */
    .dashboard-image-article-section .image-container .image { /*height: 570px;*/ }
	.dashboard-image-article-section .article-container { width: auto; }
	.three-articles-section .article-container { width: 300px; position: relative; left: 0px; margin: 0 2px; }
	/* *************/
	
    .never-forget-calendar-section .calendar table { margin-top: 100px; }
    .never-forget-calendar-section .never-forget { height: auto !important; left: 30px; }
    
    .never-forget-calendar-section .campaigns { bottom: 70px; }


    .never-forget-calendar-section .campaigns .campaign img { max-width: 412px; width: 412px; height: auto; }
    .never-forget-calendar-section .campaigns .campaign .sent { left: 30%; }
    .never-forget-calendar-section .campaigns .campaign .sent .text { font-size: 33px; }
    .never-forget-calendar-section .campaigns .campaign .sent .v { font-size: 53px; }

    .two-articles-section .article-container { width: 460px; }
    .personalize-it-section .demo-container .personalize-text { right: -280px; }


    .pricing-section .plans-type-container .title { margin: 30px auto 15px auto !important; }

	/* new section */
    .triple-item-features-carousel-section-wrapper { width: 930px;  }
    .triple-item-features-carousel-section-wrapper ul li { width: 930px; }
    .feature-items-scrolls { top: 60%; }
    .newsletters-img-container { top: 45%; }
    /***************/
}

@media screen and (min-device-width: 1280px) and (max-device-width: 1365px) {

    /*.responsive-image-article-section .image-container { left: -25%; }*/

    .dashboard-image-article-section .image-container .nav-arrows { top: 10px; height: 44px; }
    .dashboard-image-article-section .image-container .image { height: 570px; }

	/* new section */

    .three-articles-section .article-container { margin: 0 10px !important; }
    .triple-item-features-carousel-section-wrapper { width: 1050px;  }
    .triple-item-features-carousel-section-wrapper ul li { width: 1050px; }

    /***************/
	
    

    .cool-system-stuff-section .article-container { position: relative; top: 70px; }
    .drag-n-drop-container { -ms-transform: scale(0.7, 0.7); /* IE 9 */    -webkit-transform: scale(0.7, 0.7); /* Safari */    transform: scale(0.7, 0.7); }

    .never-forget-calendar-section .calendar table { margin-top: 100px; }
    .never-forget-calendar-section .never-forget { margin-top: 70px; }

    .never-forget-calendar-section .campaigns .campaign img { max-width: 512px; width: 512px; height: auto; }
    .never-forget-calendar-section .campaigns .campaign .sent { left: 30%; }
    .never-forget-calendar-section .campaigns .campaign .sent .text { font-size: 33px; }
    .never-forget-calendar-section .campaigns .campaign .sent .v { font-size: 53px; }

}

@media screen and (min-device-width: 1366px) and (max-device-width: 1580px) {


    .responsive-image-article-section .article-container .article { line-height: 100%; }
    .responsive-image-article-section .image-container img { height: 650px; }

    .dashboard-image-article-section .image-container .nav-arrows { top: 10px; height: 44px; }
    /*.dashboard-image-article-section .image-container .image { height: 570px; }*/

    .three-articles-section .article-container { margin: 0 30px !important; }

	/* new section */
    .triple-item-features-carousel-section-wrapper { width: 1100px;  }
    .triple-item-features-carousel-section-wrapper ul li { width: 1100px; }
    /***************/
	
    .cool-system-stuff-section .article-container { position: relative; top: 70px; }
    .drag-n-drop-container { -ms-transform: scale(0.7, 0.7); /* IE 9 */    -webkit-transform: scale(0.7, 0.7); /* Safari */    transform: scale(0.7, 0.7); }

    .never-forget-calendar-section .calendar table { margin-top: 100px; }
    .never-forget-calendar-section .never-forget { margin-top: 70px; }

    .never-forget-calendar-section .campaigns .campaign img { max-width: 512px; width: 512px; height: auto; }
    .never-forget-calendar-section .campaigns .campaign .sent { left: 30%; }
    .never-forget-calendar-section .campaigns .campaign .sent .text { font-size: 33px; }
    .never-forget-calendar-section .campaigns .campaign .sent .v { font-size: 53px; }
}

@media screen and (min-device-width: 1920px) {

    .header-section .layout.bottom .text { font-size: 180px !important; line-height: 180px; }
    .header-section .layout.top .text, .layout.always .text { font-size: 100px !important; line-height: 140px !important; }
    .header-section .layout.middle .text, .layout.deliver .text { font-size: 180px; line-height: 180px; }
    .header-section .layout.more .text { font-size: 38px; line-height: 100px; }

    .we-are-publicators-section .we-are .text { font-size: 100px; }
    .we-are-publicators-section .pub-letters .letter-animation .text { font-size: 130px; }

    .three-articles-section .article-container { margin: 0 30px !important; }
	
	/* new section */
    .triple-item-features-carousel-section-wrapper { width: 1200px;  }
    .triple-item-features-carousel-section-wrapper ul li { width: 1200px; }
    /***************/
}


/*  new section  */

@media screen and (min-device-width: 1024px) and (max-device-height: 800px) {

   .dashboard-image-article-section .image-container .image { width: 981px; height: 570px; background-size: contain; }
   .dashboard-image-article-section .image-container .image img { width: 731px; height: 458px; top: 39px; left: 125px; }

}


@media screen and (max-device-height: 750px) {
    .main.login ~ footer { position: relative !important; }
}

@media screen and (max-device-height: 850px) and  (min-device-width: 1024px){
    .main.login ~ footer { position: relative !important; }
}

@media screen and (max-device-width: 320px) {
    .main.pricing-new .header-section .layout.top .text { font-size: 32px; line-height: 32px; }
    .main.pricing-new .header-section .layout.bottom .text { font-size: 45px; line-height: 45px; }
}

@media screen and (max-device-width: 1024px) {
    .main.pricing-new #special-delivery { height: auto !important; }
}

/********************/


/* montserrat */
@font-face {
    font-family: 'montserrat black';
    src: url('/fonts/montserrat-black-webfont.eot');
    src: url('/fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-black-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-black-webfont.woff') format('woff'),
         url('/fonts/montserrat-black-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-black-webfont.svg#monserat700') format('svg');
    font-weight: normal;
    font-style: normal;

}




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

}




@font-face {
    font-family: 'montserrat extrabold';
    src: url('/fonts/montserrat-extrabold-webfont.eot');
    src: url('/fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-extrabold-webfont.woff') format('woff'),
         url('/fonts/montserrat-extrabold-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-extrabold-webfont.svg#monserat900') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserrat hairline';
    src: url('/fonts/montserrat-hairline-webfont.eot');
    src: url('/fonts/montserrat-hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-hairline-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-hairline-webfont.woff') format('woff'),
         url('/fonts/montserrat-hairline-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-hairline-webfont.svg#monserat100') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserrat light';
    src: url('/fonts/montserrat-light-webfont.eot');
    src: url('/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-light-webfont.woff') format('woff'),
         url('/fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-light-webfont.svg#monserat300') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserrat';
    src: url('/fonts/montserrat-regular-webfont.eot');
    src: url('/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-regular-webfont.woff') format('woff'),
         url('/fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-regular-webfont.svg#monserat') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserrat semibold';
    src: url('/fonts/montserrat-semibold-webfont.eot');
    src: url('/fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-semibold-webfont.woff') format('woff'),
         url('/fonts/montserrat-semibold-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-semibold-webfont.svg#monserat500') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserrat ultralight';
    src: url('/fonts/montserrat-ultralight-webfont.eot');
    src: url('/fonts/montserrat-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-ultralight-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-ultralight-webfont.woff') format('woff'),
         url('/fonts/montserrat-ultralight-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-ultralight-webfont.svg#monserat50') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* OpenSansHebrew */
/**/
@font-face {
  font-family: 'OpenSansHebrew-Bold';
  src: url('/fonts/OpenSansHebrew-Bold.eot');
  src: url('/fonts/OpenSansHebrew-Bold.eot') format('embedded-opentype'), 
       url('/fonts/OpenSansHebrew-Bold.woff') format('woff'), 
       url('/fonts/OpenSansHebrew-Bold.ttf')  format('truetype'), 
       url('/fonts/OpenSansHebrew-Bold.svg#OpenSansHebrew-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSansHebrew-ExtraBold';
  src: url('/fonts/OpenSansHebrew-ExtraBold.eot');
  src: url('/fonts/OpenSansHebrew-ExtraBold.eot') format('embedded-opentype'), 
       url('/fonts/OpenSansHebrew-ExtraBold.woff') format('woff'), 
       url('/fonts/OpenSansHebrew-ExtraBold.ttf')  format('truetype'), 
       url('/fonts/OpenSansHebrew-ExtraBold.svg#OpenSansHebrew-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSansHebrew-Light';
  src: url('/fonts/OpenSansHebrew-Light.eot');
  src: url('/fonts/OpenSansHebrew-Light.eot') format('embedded-opentype'), 
       url('/fonts/OpenSansHebrew-Light.woff') format('woff'), 
       url('/fonts/OpenSansHebrew-Light.ttf')  format('truetype'), 
       url('/fonts/OpenSansHebrew-Light.svg#OpenSansHebrew-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSansHebrew-Regular';
  src: url('/fonts/OpenSansHebrew-Regular.eot');
  src: url('/fonts/OpenSansHebrew-Regular.eot') format('embedded-opentype'), 
       url('/fonts/OpenSansHebrew-Regular.woff') format('woff'), 
       url('/fonts/OpenSansHebrew-Regular.ttf')  format('truetype'), 
       url('/fonts/OpenSansHebrew-Regular.svg#OpenSansHebrew-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSansHebrew-Bold';
  src: url('/fonts/OpenSansHebrew-Bold.eot');
  src: url('/fonts/OpenSansHebrew-Bold.eot') format('embedded-opentype'), 
       url('/fonts/OpenSansHebrew-Bold.woff') format('woff'), 
       url('/fonts/OpenSansHebrew-Bold.ttf')  format('truetype'), 
       url('/fonts/OpenSansHebrew-Bold.svg#OpenSansHebrew-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}