/*
Theme Name: HTML5 Blank
Theme URI: http://html5blank.com
Description: HTML5 Blank WordPress Theme
Version: 1.4.3
Author: Todd Motto (@toddmotto)
Author URI: http://toddmotto.com
Tags: Blank, HTML5, CSS3
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
MAIN
\*------------------------------------*/
/*-----------------------------Open Sans Hebrew-------------------------------*/
@font-face {
font-family: 'Open Sans Hebrew';
font-style: italic;
font-weight: 300;
src: url(fonts/opensanshebrew-lightitalic-webfont.eot);
src: url(fonts/opensanshebrew-lightitalic-webfont.eot?#iefix) format('embedded-opentype'),
url(fonts/opensanshebrew-lightitalic-webfont.woff) format('woff'),
url(fonts/opensanshebrew-lightitalic-webfont.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans Hebrew';
font-style: normal;
font-weight: 300;
src: url(fonts/opensanshebrew-light-webfont.eot);
src: url(fonts/opensanshebrew-light-webfont.eot?#iefix) format('embedded-opentype'),
url(fonts/opensanshebrew-light-webfont.woff) format('woff'),
url(fonts/opensanshebrew-light-webfont.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans Hebrew';
font-style: italic;
font-weight: 400;
src: url(fonts/opensanshebrew-italic-webfont.eot);
src: url(fonts/opensanshebrew-italic-webfont.eot?#iefix) format('embedded-opentype'),
url(fonts/opensanshebrew-italic-webfont.woff) format('woff'),
url(fonts/opensanshebrew-italic-webfont.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans Hebrew';
font-style: normal;
font-weight: 400;
src: url(fonts/opensanshebrew-regular-webfont.eot);
src: url(fonts/opensanshebrew-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(fonts/opensanshebrew-regular-webfont.woff) format('woff'),
url(fonts/opensanshebrew-regular-webfont.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans Hebrew';
font-style: italic;
font-weight: 700;
src: url(fonts/opensanshebrew-bolditalic-webfont.eot);
src: url(fonts/opensanshebrew-bolditalic-webfont.eot?#iefix) format('embedded-opentype'),
url(fonts/opensanshebrew-bolditalic-webfont.woff) format('woff'),
url(fonts/opensanshebrew-bolditalic-webfont.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans Hebrew';
font-style: normal;
font-weight: 700;
src: url(fonts/opensanshebrew-bold-webfont.eot);
src: url(fonts/opensanshebrew-bold-webfont.eot?#iefix) format('embedded-opentype'),
url(fonts/opensanshebrew-bold-webfont.woff) format('woff'),
url(fonts/opensanshebrew-bold-webfont.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans Hebrew';
font-style: italic;
font-weight: 800;
src: url(fonts/opensanshebrew-extrabold-webfont.eot);
src: url(fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'),
url(fonts/opensanshebrew-extrabold-webfont.woff) format('woff'),
url(fonts/opensanshebrew-extrabold-webfont.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans Hebrew';
font-style: normal;
font-weight: 800;
src: url(fonts/opensanshebrew-extrabold-webfont.eot);
src: url(fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'),
url(fonts/opensanshebrew-extrabold-webfont.woff) format('woff'),
url(fonts/opensanshebrew-extrabold-webfont.ttf) format('truetype');
}
html {
scroll-behavior: smooth;
}
.s-single-post .container{
position:relative;
}
.s-single-post .left-banner img,
.s-single-post .right-banner img{
width:100%;
}
.banner-for-click{
cursor:pointer;
}
.s-single-post .left-banner{
max-width: 140px;
width: 100%;
position: absolute;
left: -13%;
top: 0;
}
.s-single-post .right-banner{
max-width:140px;
width:100%;
position:absolute;
right:-13%;
top: 0;
}
.sticky-wrapper.is-sticky #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link{
text-align:right!important;
}
.watsap-icon-mobile{
display:none;
}
.our-clients-gallery{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
margin:30px 0;
}
.our-clients-gallery img{
max-width:150px;
width:100%;
height:150px;
object-fit:cover;
margin:20px!important;
}
img.scaled-image{
border:none!important;
}
.gps-edu__wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
width: calc(100% + 30px);
margin-right: -15px;
}
.gps-edu__block {
margin-bottom: 40px;
}
.gps-edu__block__link {
display: block;
text-decoration: none;
}
.gps-edu__images__wrapper__img {
display: block;
width: 100%;
position: relative;
}
.gps-edu__images__wrapper__img-ins {
display: block;
width: 100%;
padding-top: 64%;
position: relative;
}
.gps-edu__images__wrapper__img-ins img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.gps-edu__block__title {
padding: 4px 8px;
width: 100%;
height: 64px;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
text-align: center;
border-top: 2px solid #ffd262;
background-color: #f7f6f6;
}
.fit-the-fullspace {
position: absolute;
top: 0;
left: -9990px;
}
#mega-menu-second-menu{
display:flex!important;
justify-content:space-between!important;
align-items:center;
}
#mega-menu-second-menu ul{
width:250px!important;
padding:20px 10px!important;
}
#mega-menu-second-menu ul li a{
line-height: 20px!important;
margin-bottom:15px!important;
text-align:right!important;
font-weight:400!important;
}
.s-single-post h1{
font-size: 36px!important;
font-weight: 600!important;
margin: 0;
color:#666!important;
}
.team-list{
display:flex;
justify-content:center;
}
.about-text h3,
.about-text h1{
margin-top:0!important;
}
.about-text h1{
margin-bottom:25px!important;
}
.specialist-about{
display: flex;
margin: 0 0 60px 0;
padding:20px;
background-color:#f5f5f5;
}
.specialist-about img{
padding-left:55px;
width:100%;
height:100%;
object-fit:cover;
}
.specialist-text p{
font-size:26px;
}
/*owl carousel custom styles*/
.featured-slider,
.feedbacks-slider{
display: flex;
align-items: center;
max-width: 1000px;
width: 100%;
overflow: hidden;
}
.team-list.owl-rtl{
display: flex;
align-items: center;
justify-content:center;
width: 100%;
overflow: hidden;
}
.logos-slider{
display: flex;
align-items: center;
justify-content:center;
width: 100%;
overflow: hidden;
}
.team-list .owl-stage,
.logos-slider .owl-stage,
.featured-slider .owl-stage,
.feedbacks-slider .owl-stage{
display: flex;
justify-content: center;
align-items: center;
}
/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
font-size:62.5%;
}
body {
font-family: 'Assistant', sans-serif;
color:#666666;
font-size: 16px;
font-weight: 300;
line-height: 1.3;
direction: rtl;
}
/* clear */
.clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color:#444;
text-decoration:none;
}
a:hover {
color:#444;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}
/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper {
max-width:1280px;
width:95%;
margin:0 auto;
position:relative;
}
/* header */
.header {
}
/* logo */
.logo {
}
.logo-img {
}
/* nav */
.nav {
}
/* sidebar */
.sidebar {
}
/* footer */
.footer {
}
/*------------------------------------*\
PAGES
\*------------------------------------*/
/*------------------------------------*\
IMAGES
\*------------------------------------*/
/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/
@font-face {
font-family:'Font-Name';
src:url('fonts/font-name.eot');
src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
url('fonts/font-name.woff') format('woff'),
url('fonts/font-name.ttf') format('truetype'),
url('fonts/font-name.svg#font-name') format('svg');
font-weight:normal;
font-style:normal;
}
/*------------------------------------*\
MISC
\*------------------------------------*/
::selection {
background:#3399FF;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#3399FF;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#3399FF;
color:#FFF;
text-shadow:none;
}
/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
.alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
}
/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}
/*------------------------------------*\
MENU
\*------------------------------------*/
.main-navigation {
display: block;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
text-align: left;
}
.main-navigation li {
position: relative;
display: inline-block;
}
.main-navigation a {
display: block;
text-decoration: none;
font-size: 16px;
font-weight: 400;
color: #666666;
padding: 16px 0;
}
.main-navigation li.current-menu-item a, .main-navigation li:hover a {
color: #000;
background: #e5e5e5;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 1.5em;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.sr {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.bar1 {
top: 0;
/* animation: topbar-back .5s;
animation-fill-mode: both;
animation-play-state: initial!important; */
}
.bar2 {
opacity: 1;
}
.menu-bar+.menu-bar {
margin-top: 5px;
}
.bar3 {
bottom: 0;
/* animation: bottombar-back .5s;
animation-fill-mode: both;
animation-play-state: initial!important; */
}
.toggled .bar1 {
/* top: 25%; */
top: 5%;
/* animation: topbar-x .5s;
animation-fill-mode: both; */
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg);
}
.toggled .bar2 {
opacity: 0;
}
.toggled .bar3 {
margin-top: -22.5%;
/* animation: bottombar-x .5s;
animation-fill-mode: both; */
-ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
transform: rotate(-45deg);
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
@media screen and (max-width:991px) {
#contact.s-contact a {
font-size:16px!important;
}
.s-cform .wpcf7 .wpcf7-form-control-wrap{
width:100%!important;
}
.footer-columns > div{
width:auto!important;
}
#primary-menu { padding-top: 60px;}
#primary-menu a {text-align:left;}
.main-navigation ul ul {position:static; }
.main-navigation ul ul li {margin-left: 50px; }
.menu-bar {
display: block;
position: relative;
background: #000;
width: 26px;
height: 2px;
border-radius: 1px;
transition: all .3s;
margin: 0 auto;
}
.menu-toggle, .menu-toggle:active, .menu-toggle:focus {
display: block;
position: relative;
float:right;
width: 40px;
height: 40px;
top: 1px;
right: 0;
padding: 12px 0 0;
margin: 0 auto;
background: 0 0;
transition: all .5s cubic-bezier(1, 0, .645, .65);
z-index: 99999999;
border: 0;
outline: 0;
box-shadow: none;
}
.site-branding {
float: left;
}
header .main-navigation div li {
display: block;
text-align:right;
}
header .main-navigation div li.current-menu-item, header .main-navigation div li:hover {
border: 0;
color: #fff;
}
header .main-navigation div li.current-menu-item a, header .main-navigation div li:hover a {
color: #fff;
}
header .main-navigation div {
position: fixed;
right: -300px;
width: 280px;
background: #fff;
z-index: 150;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
overflow: hidden;
height: 100%;
top: 0;
padding-top: 70px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.34);
}
header .toggled div {
right: 0;
}
header .toggled .menu-container {
right: 0;
}
}
.mc4wp-checkbox-contact-form-7 {display:none;}
/*========== Home Page ==========*/
.top-bar {
padding: 25px 0;
background-color: #fff;
transition: all .5s ease;
}
a.top-bar-link {
float: left;
margin: 2px 0 0px;
}
a.btn-link {
font-weight: 700;
color: #000;
background-color: #FFD262;
border-radius: 5px;
padding: 7px 25px;
text-decoration: none;
border-bottom: 2px solid #DEB755;
transition: all .25s ease;
}
a.btn-link:hover {
background-color: #DEB755;
}
a.btn-phone {
float: left;
margin-left: 30px;
font-weight: 400;
font-size: 22px;
}
a.btn-phone i {
display: inline-block;
width: 40px;
height: 40px;
border: 1px solid #D8D8D8;
border-radius: 50%;
line-height: 38px;
font-size: 20px;
text-align: center;
color: #444;
margin-left: 8px;
transition: all .25s ease;
}
a.btn-phone:hover {
text-decoration: none;
}
a.btn-phone:hover i {
background-color: #FFD262;
border-color: #FFD262;
}
.mob-phone-stiky {
position: fixed;
width: 100%;
background-color: #FFD262;
bottom: 0;
z-index: 10;
padding: 10px 0px;
display: none;
justify-content: center;
}
.mob-phone-stiky a.btn-phone i {
width: unset;
height: unset;
line-height: unset;
border: none;
}
.logo {
max-width: 115px;
transition: all .5s ease;
position: absolute;
right: 50%;
top: 14px;
transform: translateX(50%);
}
ul.menu-social {
float: right;
margin: 0;
padding: 0;
list-style: none;
}
.menu-social li {
display: inline-block;
margin-left: 10px;
}
.menu-social a {
display: block;
width: 40px;
height: 40px;
border: 1px solid #E3E3E3;
border-radius: 50%;
text-align: center;
line-height: 40px;
transition: all .25s ease;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link{
font-size:14px!important;
padding:5px 0!important;
}
#header-second-menu{
justify-content: center;
}
#header-second-menu .current-menu-item a{
color:#222222;
}
#header-second-menu li{
margin:0 30px!important;
}
#header-second-menu li a{
color:white;
padding:10px!important;
transition:0.4s ease-in-out;
}
#header-second-menu li a:hover{
color:#222222;
font-weight: 400;
}
.menu-social a:hover {
background-color: #FFD262;
border-color: #FFD262;
}
.top-menu {
background-color: white!important;
}
.main-navigation .menu {
display: flex;
padding: 0;
justify-content: space-between;
}
section.s-home-form {
background-color: #2D2A29;
padding: 35px 0;
}
.s-home-form .wpcf7 p:nth-child(2) {
margin: 1px 0 0;
color: #fff;
font-size: 24px;
font-weight: 600;
float: right;
width: 280px;
padding-left: 20px;
}
.s-home-form .wpcf7 {
direction: rtl;
}
.s-home-form .wpcf7 p:nth-child(3) {
float: right;
margin: 0;
width: calc(100% - 280px);
}
.s-home-form .wpcf7 .wpcf7-form-control-wrap {
float: right;
width: 40.5%;
margin-left: 1.5%;
}
.s-home-form .wpcf7 .wpcf7-form-control-wrap input {
border: 1px solid #545353;
background-color: #464343;
font-weight: 400;
color: #818181;
padding: 6px 18px;
width: 100%;
}
.s-home-form .wpcf7 .wpcf7-submit {
font-weight: 700;
color: #000;
background-color: #FFD262;
border-radius: 0;
padding: 7px 0 5px 0;
text-decoration: none;
border: none;
border-bottom: 2px solid #DEB755;
transition: all .25s ease;
width: 16%;
}
.s-home-form .wpcf7 .wpcf7-submit:hover {
background-color: #DEB755;
}
span.ajax-loader {
position: absolute;
left: 0;
}
.wpcf7-not-valid-tip, .wpcf7-response-output {display: none !important;}
.wpcf7-not-valid {border: 1px solid #DEB755 !important;}
section.s-header {
height: 690px;
}
.s-header .container {
position: relative;
height: 100%;
}
.s-header .text-header {
position: absolute;
width: 100%;
padding: 0 15px;
top: 48%;
transform: translateY(-50%);
text-align: center;
left: 0;
}
.text-header h1 {
font-size: 85px;
color: #fff;
font-weight: 600;
margin: 0;
line-height: 1.1;
text-shadow: 1.1px 1.7px 3px rgba(0, 0, 0, 0.66);
}
.text-header h3 {
font-size: 35px;
font-weight: 300;
color: #fff;
margin: 0;
text-shadow: 1.1px 1.7px 3px rgba(0, 0, 0, 0.66);
}
a.more-details {
font-size: 24px;
color: #E6B846;
font-weight: 700;
margin: 30px auto 0;
display: table;
}
a.more-details i {margin-right: 10px;}
ul.brand-links {
position: absolute;
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: row-reverse;
align-items: center;
bottom: 40px;
right: 50%;
transform: translateX(50%);
}
.brand-links li {
margin: 0 20px;
}
section.s-tools {
background-color: #F7F6F6;
padding: 80px 0 60px;
}
h2 {
text-align: center;
font-size: 45px;
font-weight: 600;
margin: 0 0 15px;
line-height: 1.1;
color: #333333;
}
.s-tools .container > p {
font-size: 22px;
text-align: center;
max-width: 500px;
margin: 0 auto 60px;
}
.tools-one {
background-color: #fff;
display: block;
margin: 0 0 30px;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
padding: 30px;
text-align: center;
text-decoration: none;
transition: all .25s ease;
}
.tools-one:hover {box-shadow: none;text-decoration: none;}
.tools-img-wrapp {
min-height: 95px;
}
.tools-one h3 {
font-size: 24px;
font-weight: 600;
color: #333333;
margin: 0 0 10px;
}
.tools-one p {
margin: 0;
}
section.s-featured {
padding: 85px 0 0;
}
.s-featured .container > .row {
margin: 0 -9px;
}
.s-featured .container > .row > div {
padding: 0 9px;
}
.featured-one {
height: 240px;
position: relative;
margin: 0px 0 18px;
}
.featured-text {
position: absolute;
right: 30px;
left: 30px;
bottom: 30px;
color: #fff;
}
.featured-text a {
color: #fff;
font-size: 20px;
text-decoration: none;
}
.featured-text a h3 {
font-weight: 600;
margin: 0 0 10px;
text-shadow: 0 0 10px rgba(2, 2, 2, 0.68);
}
.featured-decr {
color: #C0C0C0;
font-weight: 400;
}
.featured-slider .featured-one {
height: 498px;
}
.featured-slider .featured-text {
right: 50px;
left: 50px;
bottom: 60px;
}
.featured-slider a {
font-size: 40px;
}
.featured-slider a h3 {
font-weight: 400;
margin: 0 0 20px;
line-height: 1;
}
.owl-dots {
position: absolute;
bottom: 100px;
left: 40px;
}
.owl-dot {
display: block;
width: 10px;
height: 10px;
border: 1px solid #808080;
border-radius: 50%;
margin: 7px 0;
}
.owl-dot.active {
background-color: #fff;
border: 1px solid #fff;
}
ul.cat-menu-list {
margin: 30px 0 0;
padding: 0;
list-style: none;
display: flex;
justify-content: space-evenly;
align-items: center;
}
ul.cat-menu-list a {
font-size: 20px;
border-bottom: 1px solid transparent;
padding: 12px 0;
display: block;
margin: 0 0 -1px;
text-decoration: none;
}
ul.cat-menu-list li.active a {
font-size: 30px;
border-bottom: 1px solid #04113F;
color: #000D3C;
}
select#selectOpt {
margin: 20px 0 0;
background-color: #EFEEEE;
width: 100%;
border: none;
border-top: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
padding: 15px 22px;
color: #666666;
font-size: 20px;
font-weight: 600;
-webkit-appearance: none;
background-image: url(img/select.png);
background-position: 20px center;
background-repeat: no-repeat;
line-height: 1em;
/* for FF */
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
/* for IE */
-ms-appearance: none;
appearance: none!important;
}
/* for IE */
select#selectOpt::-ms-expand {
display: none;
}
.s-featured .custom-text {
margin: 0 0 20px;
}
.s-featured .custom-text h3 {
margin: 0 0 20px;
font-size: 32px;
color: #333;
line-height: 1.2;
font-weight: 600;
}
.s-featured .custom-text img {
margin: 10px 0;
}
.mt20 {margin-top: 20px !important;}
.custom-text small {
margin: 0px 0 -10px;
display: block;
}
section.s-home-posts {
padding: 60px 0 150px;
background-color: #F7F6F6;
border-top: 1px solid #EBEBEB;
}
.posts-one {
margin: 0 0 60px;
background-color: #fff;
}
.posts-one-img img {
height: 170px;
width: 100%;
object-fit: cover;
}
.posts-one-text a {
color: #000000;
font-weight: 600;
font-size: 21px;
}
.posts-one-text a h3 {
margin: 0 0 20px;
line-height: 1.1;
}
.posts-one-text p {
margin: 0;
}
.posts-one-text {
padding: 20px 30px;
}
.posts-one .featured-decr {
padding: 20px 30px 30px;
}
.s-feedbacks {
padding: 0 0 70px;
}
.s-feedbacks .container {
max-width: 700px;
}
.feedbacks-slider {
margin: -85px auto 0;
}
.feedbacks-slider .owl-stage {
padding: 20px 0 0;
}
.feedbacks-avatar {
border-radius: 50%;
overflow: hidden;
width: 132px;
height: 132px;
border: 3px solid #FFF;
-moz-box-shadow: 2.4px 3.2px 32px rgba(0, 0, 0, 0.34);
-webkit-box-shadow: 2.4px 3.2px 32px rgba(0, 0, 0, 0.34);
box-shadow: 2.4px 3.2px 32px rgba(0, 0, 0, 0.34);
display: table;
margin: 0px auto 90px;
}
.feedbacks-one {
text-align: center;
}
.feedbacks-one .feedbacks-company img {
max-width: 100%;
width: unset;
}
.feedbacks-one p {
margin: 0 0 10px;
font-size: 22px;
position: relative;
}
.feedbacks-one p:after {
content: "";
position: absolute;
top: -40px;
right: 50%;
transform: translateX(50%);
background: url(img/fback.png);
width: 20px;
height: 14px;
display: block;
}
.feedbacks-one span {
font-size: 18px;
color: #999;
margin: 0 0 30px;
display: block;
}
.feedbacks-company {
display: table;
margin: auto;
}
.video-section{
position: relative;
height: 550px;
}
iframe{
position: absolute;
left: 0;
right: 0;
width: 100%;
top: 0;
height: 510px;
}
.s-cform {
background-color: #EBEBEB;
padding: 45px 0 70px;
}
.s-cform .container {
max-width: 530px;
}
.s-cform .container > p {
font-size: 22px;
text-align: center;
margin: 0 0 30px;
}
.s-cform .wpcf7 {
direction: rtl;
}
.s-cform .wpcf7 p {
margin: 0;
}
.s-cform .wpcf7 .wpcf7-form-control-wrap {
float: right;
width: 72%;
margin-left: 3%;
}
.s-cform .wpcf7 .wpcf7-form-control-wrap input {
border: 1px solid #D6D6D6;
background-color: #F7F6F6;
font-weight: 400;
color: #666;
padding: 10px 18px;
width: 100%;
}
.s-cform .wpcf7 .wpcf7-submit {
font-weight: 600;
font-size: 18px;
color: #000;
background-color: #FFD262;
border-radius: 0;
padding: 9px 25px 8px 25px;
text-decoration: none;
border: none;
border-bottom: 2px solid #DEB755;
transition: all .25s ease;
width: 25%;
}
.s-cform .wpcf7 .wpcf7-submit:hover {
background-color: #DEB755;
}
section.s-team {
padding: 80px 0 60px;
}
.s-team .container {
max-width: 1080px;
}
.s-team .container > p {
font-size: 22px;
text-align: center;
margin: 0 auto 60px;
display: table;
max-width: 440px;
}
ul.team-list {
margin: 0 -15px;
padding: 0;
list-style: none;
}
li.team-one {
float: right;
width: 20%;
margin: 0 0 25px;
padding: 0 15px;
}
.team-avatar {
max-height: 185px;
overflow: hidden;
}
.team-one p {
color: #000;
margin: 10px 0 0;
text-align: center;
}
.team-one p strong {
display: block;
}
section.s-contact {
background-color: #F7F6F6;
padding: 80px 0;
}
.s-contact h2 {
text-align: right;
font-weight: 300;
}
.contact-left p {
font-size: 24px;
color: #000;
margin: 0;
}
.contact-link {
margin: 40px 0 0;
padding: 0;
list-style: none;
}
.contact-link li {
float: right;
margin-left: 60px;
margin-bottom: 40px;
font-family: "Open Sans Hebrew", sans-serif;
font-size: 21px;
font-weight: 400;
color: #000;
transition: all .25s ease;
}
.contact-link li:last-child {
margin-left: 0;
}
.contact-link li i {
display: inline-block;
width: 45px;
height: 45px;
border: 1px solid #D8D8D8;
border-radius: 50%;
line-height: 43px;
text-align: center;
color: #444;
margin-left: 10px;
transition: all .25s ease;
}
.contact-link li:hover i {
background-color: #FFD262;
}
.contact-link li a:hover {
text-decoration: none;
}
.s-contact .wpcf7 {
direction: rtl;
}
.s-contact .wpcf7 p {
margin: 0;
}
.s-contact .wpcf7 .wpcf7-form-control-wrap {
float: right;
width: 32%;
margin-left: 5.5%;
}
.s-contact .wpcf7 .wpcf7-form-control-wrap input {
border: none;
border-bottom: 1px solid #D8D8D8;
background-color: transparent;
font-weight: 400;
color: #666;
padding: 10px 0;
width: 100%;
font-size: 18px;
}
.s-contact .wpcf7 .wpcf7-submit {
font-weight: 600;
font-size: 18px;
color: #000;
background-color: #FFD262;
border-radius: 0;
padding: 10px 25px 10px 25px;
text-decoration: none;
border: none;
border-bottom: 2px solid #DEB755;
transition: all .25s ease;
width: 25%;
}
.s-contact .wpcf7 .wpcf7-submit:hover {
background-color: #DEB755;
}
.s-contact .wpcf7-not-valid {
border: none !important;
border-bottom: 1px solid #DEB755 !important;
}
section.s-logos {
padding: 60px 0;
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
position: relative;
}
.logos-one {
display: flex;
align-items: center;
}
.logos-one img {
margin: auto;
width: unset !important;
}
footer.footer {
background-color: #F7F6F6;
}
.footer-columns {
padding: 50px 0 0;
}
.footer-columns > div {
float: right;
width: 14.28%;
padding: 0 10px;
margin: 0 0 40px;
}
.footer-columns h3 {
color: #000;
font-weight: 600;
margin: 0 0 25px;
}
.footer-columns ul {
margin: 0;
padding: 0;
list-style: none;
color: #656565;
}
.footer-columns ul li {
margin: 10px 0;
}
.footer-bot {
padding: 30px 0 35px;
border-top: 1px solid #E5E5E5;
}
.footer-bot ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
}
.footer-bot ul li {
margin: 0 10px 15px;
}
.footer-bot ul a {
font-weight: 600;
color: #777;
text-decoration: none;
transition: all .25s ease;
}
.footer-bot ul a:hover {
color: #DEB755;
}
.footer-bot p {
color: #777;
font-size: 14px;
text-align: center;
margin: 0;
}
/*========== Contact Page ==========*/
section.s-contact-page {
padding: 50px 0 60px;
}
.s-contact-page h1 {
color: #333;
font-size: 36px;
margin: 0;
font-weight: 600;
}
span.line {
width: 85px;
height: 3px;
display: block;
background-color: #FFD262;
margin: 10px 0 40px;
}
.s-contact-page .container > p {
font-size: 24px;
margin: 0 0 30px;
}
.acf-map {
width: 100%;
height: 480px;
margin: 40px 0 0;
}
.s-contact-page .row > div {
float: right;
}
.cont-text p:first-child {
margin: 0 0 15px;
}
.cont-text p strong {
font-size: 21px;
color: #000;
font-weight: 600;
margin: 0 0 30px;
}
ul.cont-list {
margin: 0;
padding: 0;
list-style: none;
}
ul.cont-list li {
margin: 0 0 18px;
}
.cont-list i {
display: inline-block;
width: 32px;
height: 32px;
background-color: #FFD262;
text-align: center;
line-height: 32px;
margin-left: 20px;
color: #333;
}
.cont-list strong {
color: #000;
font-weight: 600;
margin-left: 10px;
}
.s-contact-page .wpcf7 {
direction: rtl;
}
.s-contact-page .wpcf7 p {
margin: 0;
}
.s-contact-page .wpcf7 .wpcf7-form-control-wrap {
width: 100%;
}
.s-contact-page .wpcf7 .wpcf7-form-control-wrap input,
.s-contact-page .wpcf7 .wpcf7-form-control-wrap textarea {
border: none;
border-bottom: 1px solid #D9D9D9;
background-color: #F2F2F2;
font-weight: 300;
color: #666;
padding: 10px 22px;
width: 100%;
font-size: 16px;
margin: 0 0 6px;
}
.s-contact-page .wpcf7 .wpcf7-form-control-wrap textarea {
height: 115px;
}
.s-contact-page .wpcf7 .wpcf7-submit {
font-weight: 600;
font-size: 18px;
color: #333;
background-color: #FFD262;
border-radius: 0;
padding: 10px 25px 10px 25px;
text-decoration: none;
border: none;
border-bottom: 2px solid #DEB755;
transition: all .25s ease;
width: 100%;
max-width: 132px;
float: left;
margin: 14px 0 0;
}
.s-contact-page .wpcf7 .wpcf7-submit:hover {
background-color: #DEB755;
}
.s-contact-page .wpcf7-not-valid {
border: none !important;
border-bottom: 1px solid #DEB755 !important;
}
/*========== Single Post ==========*/
.s-single-post {
padding: 50px 0 70px;
}
.s-single-post h1 {
color: #333333;
font-size: 60px;
font-weight: 600;
margin: 0 0 20px;
max-width: 800px;
line-height: 1;
}
.s-single-post article > p {
font-size: 24px;
max-width: 850px;
line-height: 1;
color: #666;
margin: 0;
}
.s-single-post .featured-decr {
padding: 40px 0 35px;
}
.s-single-post article > img {
margin: 0 0 60px;
}
.s-single-post .article-content a {
color: #32C1FF;
}
.s-single-post .article-content p, .s-single-post .article-content div {
font-size: 18px;
line-height: 1.4;
}
.s-single-post .article-content h2 {text-align: unset;}
.s-single-post .article-content h3:first-child {margin-top: 0;}
.s-single-post .article-content h3 {
font-size: 21px;
color: #000;
margin: 25px 0 25px;
}
.s-single-post .article-content ul, .s-single-post .article-content ol {
margin: 0;
padding: 0;
list-style: none;
}
.s-single-post .article-content ul li {
position: relative;
margin: 0 0 20px;
padding-right: 25px;
}
.s-single-post .article-content ol li {
margin: 0 0 20px;
padding-right: 40px;
position: relative;
padding-top: 3px;
}
.s-single-post .article-content ol li > i {
font-style: normal;
margin-left: 10px;
font-weight: 700;
color: #000;
background-color: #EBE9E7;
width: 26px;
height: 26px;
display: inline-block;
text-align: center;
line-height: 26px;
position: absolute;
right: 0;
top: 0;
}
.s-single-post .article-content ul li:before {
content: "\f111";
font-family: 'FontAwesome';
color: #FFD262;
position: absolute;
right: 0;
top: 3px;
font-size: 10px;
}
.s-related-post h2 {
text-align: right;
font-size: 36px;
}
.faq-sidebar h2 {
text-align: right;
font-size: 36px;
margin: 0 0 10px;
}
.faq-sidebar span.line {
margin: 10px 0 20px;
}
.faq-sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.faq-sidebar li {
font-weight: 600;
border-bottom: 1px solid #F5F5F5;
padding: 25px 90px 25px 0;
position: relative;
}
.faq-sidebar li:nth-child(n+6) {display: none;}
.faq-sidebar li span {
font-size: 40px;
color: #ECECEC;
font-weight: 600;
position: absolute;
right: 40px;
top: 50%;
transform: translateY(-50%);
}
.faq-sidebar a.more-details {
font-size: 16px;
font-weight: 600;
margin: 30px 0 0;
}
.article-content .wpb_column.column_container {
padding: 0 !important;
}
.article-content table {
color: #000;
}
.article-content table td {
padding: 8px 10px;
border: 1px solid;
}
/*========== Index Post ==========*/
.s-all-post {
padding: 40px 0 35px;
}
.s-all-post h1 {
font-size: 36px;
font-weight: 600;
margin: 0;
}
.s-all-post > span.line {
margin: 5px 0 35px;
}
.s-all-post .featured-art {
margin: 0 -15px 40px;
}
.article-all h2 {
font-size: 36px;
text-align: right;
}
.article-all span.line {
margin: 10px 0 15px;
}
.article-one {
padding: 30px 0;
border-bottom: 1px solid #F3F3F3;
clear: both;
}
.article-one:last-child {border-bottom: none;}
.article-one:after {display: table;content: "";clear: both;}
.right-block-img {
width: 35%;
float: right;
margin-left: 25px;
}
.right-block-img img {
min-height: 160px;
object-fit: cover;
}
.left-block-text {
overflow: hidden;
}
.left-block-text h3 {
font-size: 21px;
color: #000;
font-weight: 600;
margin: 0 0 20px;
}
.left-block-text .more-details {
font-size: 16px;
font-weight: 600;
margin: 0;
}
.pagination {
border-radius: 0;
display: inline-block;
margin-bottom: 0;
margin-top: 30px;
direction: ltr;
}
.pagination .page-numbers {
font-size: 20px;
font-family: "Assistant-Bold",sans-serif;
margin: 0 5px;
color: #000;
}
.pagination .current {
color: #FFD262;
}
.next.page-numbers {
background: #FFD262 url("img/pagination-arrow.png") no-repeat scroll center center;
display: inline-block;
height: 30px;
margin-left: 30px;
vertical-align: bottom;
width: 42px;
transform: rotate(180deg);
}
.prev.page-numbers {
background: #FFD262 url("img/pagination-arrow.png") no-repeat scroll center center;
display: inline-block;
height: 30px;
margin-right: 30px;
vertical-align: bottom;
width: 42px;
}
.add-text-cat {
margin: 0 0 10px;
}
.add-text-cat.mbt {
margin: -15px 0 20px;
}
.add-text-cat h2 {
text-align: unset;
font-size: 30px;
}
/*========== FAQ Page ==========*/
.s-faq {
padding: 60px 0 70px;
}
.s-faq h1 {
margin: 0;
color: #000;
font-weight: 600;
}
.s-faq ul {
margin: 0;
padding: 0;
list-style: none;
}
.s-faq ul li {
margin: 5px 0;
}
.s-faq ul li a {
font-weight: 400;
}
.s-faq .faq-list {margin: 30px 0 0;}
.s-faq.s-tips .faq-list {margin: 70px 0 0;}
.faq-list li {
padding: 25px 0;
border-top: 1px solid #F3F3F3;
}
.faq-list li h3 {
color: #000;
font-weight: 600;
display: flex;
align-items: center;
}
.faq-list a {
color: #FFD262;
}
.faq-list li span {
font-size: 40px;
color: #ECECEC;
font-weight: 600;
margin-left: 15px;
}
.s-tips-page strong {
margin: 0 0 10px;
display: block;
font-weight: 600;
font-size: 20px;
position: relative;
padding-right: 25px;
}
.s-tips-page strong a {
color: #FFD262;
}
.s-tips-page strong::before {
content: "\f111";
font-family: 'FontAwesome';
color: #FFD262;
position: absolute;
right: 0;
top: 10px;
font-size: 8px;
}
.tips-descr {
margin: 0 0 70px;
}
.s-related-tips {
padding: 10px 0 70px;
}
.s-related-tips h2 {
text-align: right;
font-size: 36px;
margin: 0 0 10px;
}
.s-related-tips strong {
margin: 0 0 20px;
display: block;
font-weight: 600;
font-size: 20px;
position: relative;
}
.s-related-tips strong a {
color: #FFD262;
}
.s-related-tips strong i {
display: inline-block;
width: 46px;
height: 46px;
border: 1px solid #E3E3E3;
border-radius: 50%;
text-align: center;
line-height: 46px;
font-size: 16px;
margin-left: 15px;
transition: all .25s ease;
}
.s-related-tips strong a:hover i {
border-color: #FFD262;
}
/*========== 404 page ==========*/
.s-404 {
padding: 170px 0;
}
.img-404 {
text-align: center;
}
.s-404 h1 {
font-size: 233px;
margin: 0 0 20px;
line-height: 0.9;
color: #FFD262;
}
.s-404 h2 {
text-align: right;
font-size: 36px;
padding-right: 20px;
margin: 0 0 5px;
}
.s-404 p {
font-weight: 400;
font-size: 18px;
color: #868686;
padding-right: 20px;
margin: 0;
}
.s-404 a {
font-weight: 600;
color: #FFD262;
font-size: 24px;
padding: 0 20px 0 0;
margin: 30px 0 0;
display: block;
}
/*========== thanks page ==========*/
.page-template-thanks-page .sticky-wrapper, .page-template-thanks-page .footer {display: none;}
.s-thanks {
height: 100vh;
}
.s-thanks .container {
max-width: 700px;
height: 100%;
position: relative;
}
.s-thanks .text-header {
position: absolute;
width: 100%;
padding: 0 15px;
top: 44%;
transform: translateY(-50%);
text-align: center;
left: 0;
}
.s-thanks .text-header h1 {
text-shadow: none;
font-weight: 800;
margin: 0 0 5px;
}
.s-thanks h2 {
font-size: 40px;
color: #fff;
line-height: 1;
margin: 0 0 40px;
}
.s-thanks p {
color: #283032;
font-size: 24px;
font-weight: 400;
line-height: 1;
margin: 0 0 30px;
}
.s-thanks a {
font-size: 24px;
font-weight: 700;
color: #0F161E;
background-color: #fff;
padding: 11px 70px;
display: table;
margin: 0 auto;
text-decoration: none;
transition: all .25s ease;
-moz-box-shadow: 0 7px 25px rgba(0, 0, 0, 0.23);
-webkit-box-shadow: 0 7px 25px rgba(0, 0, 0, 0.23);
box-shadow: 0 7px 25px rgba(0, 0, 0, 0.23);
}
.s-thanks a:hover {
box-shadow: none;
}
.s-thanks a i {
margin-right: 5px;
font-weight: 700;
}
/*========== About Page ==========*/
.s-about-page {
padding: 60px 0;
}
.about-text h1 {
color: #333333;
font-size: 48px;
font-weight: 600;
margin: 15px 0 45px;
line-height: 1;
}
.about-text h3 {
color: #000;
font-size: 21px;
}
.s-about-page .row > div {padding: 0;}
.s-about-page .row {
margin-bottom: 40px;
margin-right: 0;
margin-left: 0;
}
.s-about-page .row:first-child .about-text {margin-left: 40px;}
.s-about-page .row:nth-child(2) .about-text {margin-right: 40px;}
.about-text ul {
margin: 0 0 30px;
padding: 0;
list-style: none;
}
.about-text ul:last-child {margin: 0;}
.about-text li {
position: relative;
margin: 0 0 15px;
padding-right: 25px;
}
.about-text li:before {
content: "\f111";
font-family: 'FontAwesome';
color: #FFD262;
position: absolute;
right: 0;
top: 3px;
font-size: 10px;
}
.about-text li a {
color: #FFD262;
text-decoration: underline;
}
.about-contact {
padding: 45px 35px 35px 35px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
}
.about-contact h3 {
color: #000;
font-size: 21px;
margin: 0 0 8px;
}
.about-contact p {
margin: 0 0 45px;
}
.about-contact ul.cont-list {
display: flex;
}
.about-contact ul.cont-list li {
flex-basis: 33.33%;
}
.about-contact ul.cont-list .fa-mobile {
font-size: 26px;
}
/*========== Sticky menu & mega menu ==========*/
#masthead-sticky-wrapper {height: 150px !important;}
.site-header {
transition: all .25s ease;
top: 0 !important;
width: 100% !important;
position: fixed !important;
z-index: 100 !important;
}
.sticky-wrapper.is-sticky .site-header {
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.34);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.34);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.34);
}
.sticky-wrapper.is-sticky .logo {
top: 5px;
max-width: 90px;
}
.sticky-wrapper.is-sticky .top-bar {
padding: 10px 0;
}
.sticky-wrapper.is-sticky .main-navigation a {
padding: 12px 0;
}
.sticky-wrapper.is-sticky #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
padding: 12px 0;
}
#mega-menu-wrap-primary {
background: transparent;
}
#mega-menu-wrap-primary #mega-menu-primary {
display: flex;
padding: 0;
justify-content: space-between;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
display: block;
text-decoration: none;
font-size: 16px;
font-weight: 400;
color: #666666;
padding: 16px 0;
line-height: unset;
height: unset;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
background: transparent;
color: #E6B846;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
padding: 10px 20px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-weight: 400;
font-size: 18px;
line-height: 1.5;
text-align: right;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
padding: 30px 20px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.34);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
background: transparent;
color: #333;
position: relative;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
color: #000;
font-weight: 600;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link:after,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link:after,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > a.mega-menu-link:after {
font-size: 26px;
line-height: 1;
position: absolute;
transform: rotate(180deg) translateX(-50%);
bottom: -9px;
right: 50%;
color: #666;
z-index: -1;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:after {
z-index: 1;
}
/*========== Desktop First Method ==========*/
@media only screen and (max-width : 1600px) {
.s-single-post .right-banner {
max-width: 110px;
width: 100%;
position: absolute;
right: -10%;
top: 0;
}
.s-single-post .left-banner {
max-width: 110px;
width: 100%;
position: absolute;
left: -10%;
top: 0;
}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {
.s-single-post .right-banner {
max-width: 80px;
width: 100%;
position: absolute;
right: -6.3%;
top: 0;
}
.s-single-post .left-banner {
max-width: 80px;
width: 100%;
position: absolute;
left: -6.3%;
top: 0;
}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
.contact-link li:first-child {margin-bottom: 20px;}
.s-single-post h1 {font-size: 44px;}
.faq-sidebar h2 {font-size: 28px;}
.s-thanks .text-header h1 {font-weight: 600;font-size: 70px;}
.s-single-post .right-banner {
max-width: 80px;
width: 100%;
position: absolute;
right: -10%;
top: 0;
}
.s-single-post .left-banner {
max-width: 80px;
width: 100%;
position: absolute;
left: -10%;
top: 0;
}
}
@media only screen and (max-width : 1070px) {
.s-single-post .right-banner {
display:none;
}
.s-single-post .left-banner {
display:none;
}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
.s-single-post .right-banner {
max-width: 80px;
width: 100%;
position: absolute;
right: -10%;
top: 0;
}
.s-single-post .left-banner {
max-width: 80px;
width: 100%;
position: absolute;
left: -10%;
top: 0;
}
.site-header {-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.34);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.34); box-shadow: 0 0 5px rgba(0, 0, 0, 0.34);}
ul.menu-social {display: none;}
.top-bar {padding: 10px 0;}
a.btn-phone {display: none;}
.logo {top: 5px;max-width: 90px;}
.top-menu {height: 0;}
.top-menu .container {height: 0;top: -55px;position: relative;}
#masthead-sticky-wrapper, .site-header {height: 58px !important;}
.s-home-form .wpcf7 p:nth-child(2) {float: unset;width: unset;padding-left: 0;text-align: center;margin: 0 0 15px;}
.s-home-form .wpcf7 p:nth-child(3) {width: 100%;}
section.s-home-form {padding: 25px 0;}
.text-header h1 {font-size: 55px;}
section.s-header {height: 600px;}
h2 {font-size: 38px;}
.featured-one {height: 498px;}
.featured-slider a {font-size: 36px;}
ul.cat-menu-list {flex-wrap: wrap;}
ul.cat-menu-list a {padding: 6px 0;}
ul.cat-menu-list li.active a {font-size: 26px;}
.posts-one .featured-decr {padding: 10px 30px 20px;}
section.s-home-posts {padding: 60px 0 100px;}
li.team-one {width: 25%;}
.team-avatar img {height: 160px;object-fit: cover;}
.contact-img {text-align: center;margin: 40px 0 0;}
section.s-contact {padding: 60px 0 40px;}
.footer-columns > div {width: 25%;}
.faq-sidebar {margin: 40px 0 0;}
.faq-sidebar li {padding: 15px 90px 15px 0;}
.posts-one-text a {font-size: 18px;}
.posts-one-text {padding: 15px 15px;}
.posts-one .featured-decr {padding: 10px 15px 15px;}
#mega-menu-wrap-primary #mega-menu-primary {flex-direction: column;align-items: self-start; margin-right: 10px;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {padding: 3px 15px !important;font-size: 20px;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link:after,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link:after,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > a.mega-menu-link:after {
font-size: unset;line-height: unset;transform: unset;bottom: 4px;right: unset;z-index: -1; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {width: 100%;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {padding: 8px 15px;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {padding: 10px 0;}
#mega-menu-wrap-primary {overflow-y: auto;height: 100%; }
.about-text h1 {font-size: 36px;margin: 20px 0 30px;}
.s-about-page .row:first-child .about-text {margin-left: 0;}
.s-about-page .row:nth-child(2) .about-text {margin-right: 0;}
}
@media only screen and (max-width : 767px) {
.text-header h1 {font-size: 45px;}
.text-header h3 {font-size: 28px;}
a.more-details {font-size: 22px;font-weight: 600;}
ul.brand-links {width: 90%;}
section.s-header {height: 500px;}
section.s-tools {padding: 60px 0 40px;}
.tools-one {max-width: 340px;margin: 0 auto 20px;}
.featured-one {height: 398px !important; }
.featured-slider a {font-size: 28px;}
.posts-one {margin: 0 auto 30px;max-width: 420px;}
.posts-one-img img {height: 220px;}
li.team-one {width: 33.33%;}
.s-team .container > p {margin: 0 auto 40px;}
section.s-team {padding: 60px 0 40px;}
.footer-columns > div {width: 33.33%;}
.posts-one-text {height: unset !important;}
.s-single-post h1 {font-size: 36px;}
.s-single-post .featured-decr {padding: 25px 0 30px;}
.s-single-post .article-content h3 {margin: 30px 0 25px;}
.s-single-post .article-content h3 {margin: 30px 0 25px;}
.s-single-post {padding: 50px 0 50px;}
.s-related-post h2 {font-size: 30px;}
section.s-logos {padding: 40px 0;}
.featured-slider .featured-text {right: 20px;left: 30px;bottom: 30px;}
.article-all h2 {font-size: 30px;}
.s-thanks .text-header h1 {font-size: 50px;}
.s-thanks h2 {font-size: 30px;margin: 0 0 30px;}
.s-thanks a {font-size: 20px;padding: 10px 40px;}
.s-404 {padding: 60px 0;}
.img-404 {max-width: 180px;margin: auto;}
.text-404 {text-align: center;}
.s-404 h1 {font-size: 160px;}
.s-404 h2 {text-align: center;padding-right: 0;}
.s-404 p {padding-right: 0;}
.s-404 a {padding: 0;margin: 20px 0 0;}
.s-contact-page .row > div {float: unset;}
ul.cont-list {margin: 40px 0;}
.about-contact ul.cont-list {margin: 0;flex-direction: column;}
li.team-one {width: 100%;padding: 0;margin: 0 0 5px;}
ul.team-list {margin: 0;}
.team-list-wrapp {padding: 0 25px;}
.team-avatar {max-height: unset;}
.team-avatar img {height: unset;}
.team-list .owl-nav > div {font-size: 30px;color: #000;position: absolute;top: 40%; padding: 0 5px;}
.team-list .owl-nav .owl-prev {left: -31px;}
.team-list .owl-nav .owl-next {right: -31px;}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
.top-bar-link {display: none;}
.top-menu .container {top: -17px;}
.logo {left: 20px;right: unset;transform: unset;}
.s-home-form .wpcf7 .wpcf7-form-control-wrap {width: 100%;margin: 0 0 10px;}
.s-home-form .wpcf7 .wpcf7-submit {width: 100%;}
.sticky-wrapper.is-sticky .site-header {background-color: #fff;}
.text-header h1 {font-size: 36px;margin: 0 0 30px;}
.text-header h3 {font-size: 22px;}
section.s-header {height: 465px;}
.brand-links li {margin: 0 5px;}
h2 {font-size: 28px;}
.s-tools .container > p {font-size: 20px;margin: 0 auto 40px;}
section.s-featured {padding: 60px 0 0;}
.featured-one {height: 240px !important;}
.owl-dots {bottom: 60px;left: 20px;}
.s-feedbacks {padding: 0 0 50px;}
.s-cform .wpcf7 .wpcf7-form-control-wrap {width: 100%;margin: 0 0 12px;}
.s-cform .wpcf7 .wpcf7-submit {width: 100%;}
.s-cform {padding: 45px 0 50px;}
.contact-left p {font-size: 20px;}
.s-contact .wpcf7 .wpcf7-form-control-wrap {width: 100%;margin: 0 0 10px;}
.s-contact .wpcf7 .wpcf7-submit {width: 100%;}
.footer-columns > div {width: 50%;}
.footer-bot ul {flex-wrap: wrap;}
.s-single-post h1 {font-size: 30px;}
.s-single-post article > p {font-size: 20px;}
.faq-sidebar li {padding: 15px 60px 15px 0;}
.faq-sidebar li span {right: 18px;}
.right-block-img {width: 100%;float: unset;margin: 0 0 20px;}
.acf-map {height: 380px;}
.s-contact-page .container > p {font-size: 22px;margin: 0 0 20px;}
.about-text h1 {font-size: 28px;}
.about-contact {padding: 35px 25px 25px 25px;}
.s-home-form .wpcf7 p:nth-child(2) {margin: 0 0 35px;}
.s-home-form .wpcf7 .wpcf7-form-control-wrap input {padding: 10px 18px;}
.s-home-form .wpcf7 .wpcf7-submit {padding: 10px 0 9px 0;margin: 20px 0 10px;}
section.s-tools {padding: 40px 0 40px;}
section.s-tools h2 {font-size: 36px;line-height: .9;margin: 0 0 30px;}
.tools-one p {display: none;}
.tools-one {padding: 30px 10px 10px 10px;margin: 0 auto 6px;}
.s-tools .row > div {padding: 6px;}
.s-tools .row {margin: 0 -10px;}
.tools-one h3 {font-size: 16px;font-weight: 700;}
.tools-img-wrapp {min-height: 70px;max-width: 65px;margin: 0 auto;}
.featured-slider a h3 {margin: 0 0 10px;line-height: 1.3;font-size: 20px;}
section.s-featured {padding: 50px 0 0;overflow: hidden;}
.s-featured .container > .row > div {padding: 0;}
.s-featured .container > .row {margin: 0 -16px;}
.featured-art.row > div {padding: 0;}
.featured-slider .owl-dots {position: static;margin: 5px auto 0;display: table;}
.featured-slider .owl-dots .owl-dot {display: inline-block;margin: 0 4px; border: 1px solid #D5D5D5;}
.featured-slider .owl-dots .owl-dot.active {background-color: #FFD262;border: 1px solid #FFD262;}
section.s-home-posts {padding: 20px 0 100px;}
.posts-one-img img {height: 140px;}
.posts-one .featured-decr {padding: 10px 15px 25px;}
.posts-one {margin: 0 auto 20px;}
#ajax-posts > div:nth-child(n+4) {display: none;}
.feedbacks-one span {margin: 25px 0 20px;}
.s-cform h2 {font-size: 45px;}
.s-cform .container > p {font-size: 18px;margin: 0 auto 30px;max-width: 240px;}
.s-cform .wpcf7 .wpcf7-form-control-wrap {margin: 0 0 18px;}
.s-team h2 {font-size: 45px;}
.s-team .container > p {font-size: 18px;}
section.s-team {padding: 45px 0 20px;}
.team-list .owl-nav > div {top: 25%; }
.s-contact h2 {font-weight: 700;font-size: 36px;text-align: center;color: #000000;margin: 0 0 20px;}
.contact-left p {font-size: 18px;text-align: center;font-weight: 400;}
section.s-contact {padding: 35px 0 45px;overflow: hidden;}
.contact-link {margin: 25px 0 0;}
.contact-link li i {width: 25px;height: 25px;line-height: 25px;margin-left: 5px;}
.contact-link li {font-size: 14px;margin-left: 0;}
.contact-link li:first-child {margin-left:10px;}
.s-contact .wpcf7 .wpcf7-form-control-wrap input {border: 1px solid #CCCCCC;padding: 10px 15px;}
.footer-columns ul {display: none;}
.footer-columns > div {height: unset !important;margin: 0;}
.footer-columns h3 {font-size: 16px;border-bottom: 1px solid #E5E5E5;padding: 10px 0;margin: 0;}
.footer-columns > div:last-child h3 {border: none;}
.footer-columns {padding: 25px 0 20px;}
.footer-bot {padding: 30px 15px 35px;border-top: 1px solid #DBDADA;background-color: #EAE9E9;margin: 0 -15px;}
.s-featured .custom-text h3 {font-size: 24px;}
.mob-phone-stiky {display: flex;}
}
/* Custom, iPhone Retina */
@media screen and (max-width : 320px) {
}
@media screen and (max-width : 992px) {
.watsap-icon-mobile{
display: block;
position: fixed;
right: 30px;
bottom: 20px;
z-index: 999999999999999;
width: 40px;
height: 40px;
}
}
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
.video-area video {
max-width: 100%;
}
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
.video-area video {
max-width: 100%;
}
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.video-area video {
max-width: 100%;
}
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1201px) {
}
@media only screen and (min-width : 1601px) {
}
.video-sidebar{
position: relative;
padding-bottom: 56.25%;
margin-top: 30px;
}
.video-sidebar iframe, object{
height: 620px;
}
@media(max-width: 991px){
.video-sidebar{
display: none;
}
}
.wpcf7 input[type=url],
.wpcf7 input[type=email],
.wpcf7 input[type=tel] {
direction: rtl;
}
/* New our-clients */
.our-clients {
padding-top: 35px;
padding-bottom: 50px;
}
.our-clients__wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
}
@media screen and (max-width: 1200px) {
.our-clients__wrapper {
justify-content: center;
}
}
.our-clients__title {
margin-bottom: 40px;
text-align: inherit;
}
.our-clients__block{
margin: 0;
margin-bottom: 40px;
max-width: 300px;
max-height: 340px;
cursor: pointer;
}
@media screen and (max-width: 1199px) {
.our-clients__block {
width: 100%;
}
}
.our-clients__images__wrapper {
height: 100%;
}
.our-clients__images__wrapper__img.scaled-image {
margin: 0;
border: none;
}
.our-clients__images__wrapper__img {
height: 100vh;
max-height: 263px;
/* max-width: 263px; */
width: 100%;
object-fit: cover;
}
.our-clients__images__wrapper__img img{
width: 100%;
height: 100%;
display: block;
object-fit: contain;
}
@media screen and (min-width: 320px) {
.our-clients__images__wrapper__img {
/* height: 260px; */
}
}
.our-clients__caption__wrapper {
margin-top: 16.4px;
border-top: 2px solid #ffd262;
background-color: #f7f6f6;
height: 100%;
}
@media screen and (min-width: 320px) {
.our-clients__caption__wrapper {
height: 63.6px;
}
}
.our-clients__caption__wrapper__text {
padding: 10px 15px;
height: 100%;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
text-align: center;
}
.our-client-single--list {
padding-inline-start: inherit;
margin-right: 21px;
list-style-type: none;
}
@media screen and (min-width: 992px) {
.our-client-single--list {
margin-right: 28px;
}
}
.our-client-single {
padding-top: 40px;
padding-bottom: 70px;
}
@media screen and (min-width: 992px) {
.our-client-single {
padding-top: 40px;
}
}
.our-client-single__title {
margin: 0;
margin-bottom: 40px;
text-align: inherit;
font-size: 26px;
font-weight: 600;
color: #666;
}
@media screen and (min-width: 992px) {
.our-client-single__title {
font-size: 36px;
}
}
.our-client-single--title {
border-bottom: 2px solid #ffd262;
line-height: 1.5;
}
.our-client-single__block__title {
margin-top: 0;
margin-bottom: 15px;
font-size: 21px;
font-weight: 700;
color: #333;
}
@media screen and (min-width: 992px) {
.our-client-single__block__title {
font-size: 21px;
}
}
.our-client-single__wrapper {
margin-bottom: 45px;
display: block;
flex-direction: row-reverse;
align-items: stretch;
}
@media screen and (min-width: 768px) {
.our-client-single__wrapper {
display: flex;
}
}
.align-items-center {
align-items: center;
}
@media screen and (max-width: 767px) {
.our-client-single__wrapper #add-video {
margin-bottom: 25px;
}
}
.our-client-single__content {
margin-left: auto;
}
.our-client-single__block__content {
margin-top: 0;
margin-bottom: 0;
text-align: justify;
font-size: 18px;
font-weight: 400;
}
.our-client-single__wrapper__block {
margin-bottom: 55px;
}
@media screen and (min-width: 992px) {
.our-client-single__block__content {
font-size: 18px;
}
}
@media screen and (min-width: 1200px) {
.our-client-single__block__content {
white-space: pre-line;
}
}
.our-client-single__quote {
margin-left: auto;
margin-right: auto;
justify-content: center;
text-align: center;
color: #333;
white-space: pre-line;
}
.our-client-single__quote__primary {
margin-bottom: 20px;
padding-bottom: 5px;
font-size: 21px;
font-weight: 700;
line-height: 1.5;
border-bottom: 3px solid #ffd262;
}
@media screen and (min-width: 992px) {
.our-client-single__quote__primary {
font-size: 21px;
}
}
.our-client-single__quote__secondary {
margin: 0;
font-size: 21px;
font-weight: 600;
}
@media screen and (min-width: 992px) {
.our-client-single__quote__secondary {
font-size: 21px;
}
}
.our-client-single__video__wrapper .video-sidebar{
padding-bottom: 0;
margin-top: 0;
display: block;
}
@media screen and (max-width: 767px) {
.our-client-single__video__wrapper .video-sidebar {
width: max-content;
margin-top: 25px;
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
}
}
.our-client-single__video__wrapper .video-sidebar object {
height: 540px;
float: left;
}
@media screen and (max-width: 991px) {
.our-client-single__video__wrapper .video-sidebar object {
width: 100%;
}
}
.our-client-single__images__wrapper__img.scaled-image {
margin: 0;
border: none;
}
.our-client-single__images__wrapper {
width: fit-content;
text-align: center;
max-height: 265px;
height: 100vw;
margin-left: auto;
margin-right: auto;
}
.our-client-single__images__wrapper__img {
display: block;
width: 100%;
height: 100%;
max-height: 100%;
object-fit: contain;
margin-left: auto;
margin-right: auto;
}
.style--diagramm {
margin: 0;
margin-right: auto
}
#not-add-image {
display: none;
}
#add-image {
display: block
}
#list-style-marker {
list-style-type: disc;
}
#no-list-style-marker {
margin-right: 0;
list-style-type: none;
}
/* End new code our-clients */
.s-featured .custom-text img {
height: 200px !important;
}
.right-block-img img {height: 160px;}
.footer-columns > div {
width: 12.4%;
}