/*
Theme Name: Marlog
Theme URI: http://pro.otzma-ltd.co.il/
Author: Promoline Ltd
Author URI: http://promoline.co.il/
Description: 
Version: 1.0
License: 
License URI: 
Tags:
Text Domain: 
*/
* {margin-top: 0;}
body,html {overflow-x: hidden;}
body {direction: rtl;margin: 0;font-family: 'Assistant';font-size: 16px;line-height: 1.1;}
img {max-width: 100%;height: auto;}
.clr {clear: both;}
.row {width: 95%;margin: auto;max-width: 1200px;}
* {box-sizing: border-box;}
.btn {color: #001c4a;text-decoration: none;background: #f7cf0d;padding: 0 10px;display: inline-block;margin: 10px 0;font-weight: 700;}
.mobile {display: none !important;}

/* ***************************************** */
/* Header									 */
/* ***************************************** */
header {padding: 10px 0;}
header .row {display: flex;justify-content: space-between;align-items: center;}
.header-right {display: flex;align-items: flex-end;}
.logo {width: 180px;margin-left: 70px;}
ul.menu {padding: 0;margin: 0;list-style: none;display: flex;}
ul.menu li {margin-left: 20px;font-size: 20px;}
ul.menu a {text-decoration: none;color: #001c4a;}
.phone-number {font-size: 24px;color: #fff;}
.phone-number a {color: inherit;text-decoration: none;background: #001c4a;padding: 3px 15px;}


/* ***************************************** */
/* Footer									 */
/* ***************************************** */
footer {padding: 70px 0 20px;}
footer .row {display:flex;justify-content: space-between;}

/* ***************************************** */
/* Main Section								 */
/* ***************************************** */


/* Marlog */
.page-hero {width: 2000px;position: relative;right: 50%;transform: translate(50%);}
.page-hero-img {position: relative;}
.page-hero-img::after {content: "";position: absolute;background: url(images/shadow.png) no-repeat top;height: 105px;width: 1126px;bottom: -105px;right: 50%;transform: translate(50%);}
.page-hero-img img {display: block;}
.hero-text {position: absolute;top: 50%;right: 50%;transform: translate(50%, -50%);text-align: center;max-width: 95vw;}
.hero-text h1 {color: #f7cf0d;font-size: 72px;}
.hero-text h2 {color: #fff;font-size: 60px;}
.services {padding: 50px 0 70px;background: #F1F1F1;}
.services .row {padding: 0 40px;}
.marlog-page .page-title {color: #002e59;font-size: 28px;position: relative;padding-bottom: 18px;clear: both;}
.marlog-page .page-title::after {content: "";width: 57px;background: #f7cf0d;height: 5px;right: 0;position: absolute;bottom: 0;}
.services-wrap {display: flex;justify-content: space-between;}
.services-col-1 {width: calc(33.33% - 15px);}
.services-col-2 {width: calc(66.67% - 15px);display: flex;flex-wrap: wrap;justify-content: space-between;}
.service-container {background: #fff;text-align: center;padding: 10px;}
.services-col-1 .service-container {height: calc(100% - 10px);}
.services-col-2 .service-container {width: calc(50% - 15px);margin-bottom: 10px;}
.service-icon {height: 75px;margin-bottom: 5px;display: flex;justify-content: center;align-items: center;}
.service-title {font-size: 18px;font-weight: 700;margin-bottom: 10px;}
.service-gallery {margin-top: 20px;display: flex;justify-content: space-between;}
/*.service-gallery img {width: calc(50% - 6px);}*/
.ad {width: 2000px;position: relative;right: 50%;transform: translate(50%);display: flex;}
.ad img {display: block;}
.bg-img-1, .bg-img-2 {width: 400px;}
.ad-main {width: 1200px;display: flex;background: #001c4a;color: #fff;}
.ad-main > div {width: 50%;}
.ad-main-text {padding: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
.ad-main-text-title {font-size: 48px;color: #f7cf0d;font-weight: 700;}
.ad-main-text-subtitle {font-size: 36px;color: #f7cf0d;font-weight: 700;margin-bottom: 20px;}
.ad-main-text-text {font-size: 30px;font-weight: 700;}
.ad-main-text-btn .btn {border-radius: 5px;}
.btn.big {font-size: 30px !important;line-height: 58px;height: 58px;letter-spacing: normal;margin-bottom: 0;}
.about-marlog {position: relative;background: #F1F1F1;}
.about-marlog::after {content: "";position: absolute;background: url(images/shadow.png) no-repeat top;height: 105px;width: 1126px;bottom: -105px;right: 50%;transform: translate(50%);}
.about-marlog .row, .contact-marlog .row {display: flex;align-items: center;}
.about-marlog .row::before, .about-marlog .row::after, .contact-marlog .row::before, .contact-marlog .row::after {display: none;}
.about-marlog .row > div, .contact-marlog .row > div {width: 50%;}
.about-col-1 {padding-left: 30px;}
.about-col-2 img {display: block;}
.contact-marlog {background: #fff;padding: 60px 0;}
.contact-form.contact-page {padding: 60px 0;position: relative;background: #F1F1F1;}
.contact-form.contact-page::after {content: "";position: absolute;background: url(images/shadow.png) no-repeat top;height: 105px;width: 1126px;bottom: -105px;right: 50%;transform: translate(50%);}
.wpcf7-form {display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact-col-1 {width: 40%;}
.contact-col-2 {width: calc(60% - 20px);}
.form-field-wrap {margin-bottom: 10px;position: relative;}
.form-field-wrap > label {display: none;}
.wpcf7-text {width: 100%;font: inherit;border: 1px solid #ccc;border-radius: 5px;height: 44px;padding: 0 10px;}
.wpcf7-textarea {width: 100%;font: inherit;border: 1px solid #ccc;border-radius: 5px;height: 98px;padding: 10px;resize: none;}
.wpcf7-submit {border: 0;height: 44px;width: 100%;font-size: 21px;color: #001c4a;background: #f7cf0d;font-weight: 700;cursor: pointer;}
span.wpcf7-list-item {margin: 0 !important}
.ajax-loader {position: absolute;left: 0;top: 0;}

div#cfpop {position: fixed;width: 400px;max-width: 90vw;max-height: 90vh;top: 50%;right: 50%;box-shadow: 0px 0px 0px 7px rgba(0,0,0,0.1);border-radius: 4px;background: #001c4a;padding: 30px;z-index: 10000;
	transform: translate(50%, -50%);color: #fff;}
#cfpop > span {color: white;font-size: 25px;line-height: 1;margin-bottom: 15px;display: inline-block;width: 100%;}
#cfpop > a {position: absolute;left: 10px;font-style: normal;font-weight: 700;color: #f1f1f1;top: 10px;font-size: 22px;text-decoration: none;}
#cfpop .wpcf7-form {display: block;}


@media (max-width: 1200px){
	.page-hero {width: 1500px;}
	.ad {width: auto;}
	.ad-main {width: 100%;}
	.bg-img-1, .bg-img-2 {display: none;}
	.ad-main-text-title {font-size: 36px;line-height: 1;}
	.ad-main-text-subtitle {font-size: 28px;line-height: 1;margin-bottom: 10px;}
	.ad-main-text-text {font-size: 24px;}
}
@media (max-width: 1024px){
	.page-hero {width: 1000px;}
	.hero-text h1 {font-size: 48px;}
	.hero-text h2 {font-size: 38px;}
	.services-wrap {display: block;}
	.services-col-1, .services-col-2 {width: 100%;max-width: 500px;margin: 0 auto 10px;}
	.services-col-2 {margin-bottom: 0;display: block;}
	.services-col-2 .service-container {width: 100%;}
}
@media (max-width: 768px) {
	ul.menu {display: none;}
	.hero-text h1 {font-size: 36px;margin: 0;}
	.hero-text h2 {font-size: 26px;margin-bottom: 0;}
	.ad-main {width: 100%;display: block;}
	.ad-main > div {width: 100%;text-align: center;}
	.btn.big {font-size: 24px !important;height: 40px;line-height: 40px;}
	.about-marlog .row, .contact-marlog .row {display: block;}
	.about-marlog .row > div, .contact-marlog .row > div {width: 95%;margin: 0 auto;}
	.about-col-1, .contact-col-1 {padding-left: 0;margin-bottom: 30px;}
	.about-col-2, .contact-col-2 {text-align: center;max-width: 400px;}
}
@media (max-width: 640px) {
	.mobile {display: block !important;}
	.footerContact {display: block;margin: 0 auto;max-width: 500px;}
	.footerContact h2 {text-align: center;}
	.footerContact form > div {display: block;}
	.footerContact form > div > div {margin: 0 0 10px;width: 100%;}
	.footerContact form#contact input#submit {float: none;margin: 0 auto;}
}
@media (max-width: 460px) {
	.desktop {display: none !important;}
	.mobile {display: block !important;}
	#wrapper {padding-top: 83px;}
	header {position: fixed;z-index: 10;background: #fff;width: 100%;top: 0;}
	.logo {width: 120px;margin-left: 0;}
	.phone-number {font-size: 20px;}
	.page-hero {width: 100%;}
	.hero-text {width: 95vw}
	.services {padding: 20px 0;}
	.about-marlog {padding-top: 30px;}
	.about-marlog::after, .contact-form.contact-page::after, .page-hero-img::after{background-size: 500px;}
	.contact-marlog {padding: 30px 0;}
	.contact-marlog .contactdetails {margin-top: 0;}
	.contact-marlog .contactdetails .mobile {display: inline-block !important;vertical-align: middle;}
	.contact-form.contact-page {padding: 30px 0 0;}
	.contact-col-1, .contact-col-2 {width: 100%;margin-bottom: 0;}
	.wpcf7-form {position: relative;padding-bottom: 30px;}
	.form-field-wrap.field-subscribe {position: absolute;bottom: 65px;right: 0;width: 100%;margin: 0;}
	.form-field-wrap.field-submit {position: relative;top: 30px;}
	footer .row {display:block;text-align: center;}
}

@media screen and (max-width: 1200px) and (min-width: 980px) {
}

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

}
@media screen and (max-width: 783px) {

}