/*
Theme Name: Budget Cars
Theme URI: http://underscores.me/
Author: Hilal
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: budgetcars
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Budget Cars is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# THEME SPECIFIC
--------------------------------------------------------------*/

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@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%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## THEME SPECIFIC
--------------------------------------------------------------*/

@charset "utf-8";

/* CSS Document */
.logged-in .navbar-fixed-top {
	top:32px;
}


/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, input, select, textarea, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; }

iframe {
	display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

input,
select {
	border-radius: 0;
	border: 0
}

div {
	box-sizing: border-box
}

.ltr {
	direction: ltr
}

ul {
	list-style: none;
}

.clear {
	clear: both
}

.mobile {
	display: none
}

a {
	cursor: pointer
}


/*WAI*/

a:focus,
input:focus,
select:focus {
	outline: 2px solid lime;
}


/* END RESET*/

html,
body {
	height: 100%;
	width: 100%;
}

body {
	font-family: 'assistant', arial;
	overflow-x: hidden;
	font-weight: 400;
	background-size: 100%;
	background: url(assets/images/dev/bgref.jpg) no-repeat top center;
	/* background-size: 100%; */
	background-size: 1530px;
	background: #fff;
}

.content {
	width: 100%;
	height: 100%;
	position: relative;
}

.top-wrapper {
	height: 100%;
	width: 100%;
	position: relative;
	font-size: 22px;
	direction: rtl;
	/* overflow: hidden; */
}

.top-wrapper.initial {
	overflow: hidden;
}

.main-area {}

.right {}

.left {}

.header {}

.header .content {}

h1 {
	display: block;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}

.h1-text-image {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.h1-text-image.desktop {}

.h1-text-image.mobile {}


/*#inner_link {*/
	/*display: block;*/
	/*width: 15%;*/
	/*position: absolute;*/
	/*left: 0;*/
	/*top: 0;*/
/*}*/
#inner_link {
	display: none;
}
.inner-link #inner_link {
	display: block;
}
#inner_link img {
	display: block;
	width: 100%;
	backface-visibility: hidden;
}


.gallery-section {visibility: hidden}

.gallery-section .content {}

.swiper-box {height: 0}

.swiper-wrapper {}

.swiper-slide {  }
.swiper-slide img {
	backface-visibility: hidden;
	position: absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%)}
.steps-image {
	position: relative;
}

#steps_illustration {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.form-section {}

.form-section .content {}

.form-box {
	position: relative;
}
.form-box.hide{ visibility: hidden}
#lead_form {}

h2.form-title {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	position: relative;
}

img.form-title-img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.form-row {}

.form-input {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 1.6em;
}

input.form-input.submit {
	display: block;
	box-sizing: border-box;
	background: #f26222;
	color: #fff;
}

label#checkbox_label {
	display: block;
	position: relative;
}
input#checkbox_input {
	display: none;
}
#checkbox_label:before {
	content: "";
	position: absolute;
	right: 0;
	background: #fff;
}
#checkbox_label.checked:after {
	content: "\2714";
	color: #f4792a;
	position: absolute;
	line-height: 0;
}
.label-text {
	color: #fff;
	text-align: justify;
}


#c2c {
	display: none;
}


.thanks-box {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.thanks-image {
	width: 100%;
}

.thanks-image.desktop {}

.thanks-image.mobile {}

.important-details-section {}

.important-details-section .content {}

.bottom-note {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}

.bottom-note-image {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.bottom-note-image.desktop {}

.bottom-note-image.mobile {}

.credit {
	position: absolute;
	left: 0.7%;
	top: 27%;
	width: 1.1%;
}

.credit img {}

.footer-area {}

.footer-area .content {}

.foot-icons {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}

.footer-icons {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.footer-icons.desktop {}

.footer-icons.mobile {}

.foot-logo {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}

.footer-logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.footer-logo.desktop {}

.footer-logo.mobile {}

.error {
	outline: 2px solid #d80127;
	box-shadow: inset 0px 0px 16px red;
}

#lead_form input::-webkit-input-placeholder,
::-webkit-input-placeholder {
	opacity: 1;
	text-align: center !important;
	direction: rtl !important;
	color: #00427b !important;
	font-size: 1em;
	font-family: 'assistant', arial;
	font-weight: 400;
}

#lead_form input:-moz-placeholder,
:-moz-placeholder {
	opacity: 1;
	text-align: center !important;
	direction: rtl !important;
	color: #00427b !important;
	font-size: 1em;
	font-family: 'assistant', arial;
	font-weight: 400;
}

#lead_form input::-moz-placeholder,
::-moz-placeholder {
	opacity: 1;
	text-align: center !important;
	direction: rtl !important;
	color: #00427b !important;
	font-size: 1em;
	font-family: 'assistant', arial;
	font-weight: 400;
}

#lead_form input:-ms-input-placeholder,
:-ms-input-placeholder {
	opacity: 1;
	text-align: center !important;
	direction: rtl !important;
	color: #00427b !important;
	font-size: 1.6em;
	font-family: 'assistant', arial;
	font-weight: 400;
}

#lead_form input::-webkit-input-placeholder {
	opacity: 1;
	text-align: center !important;
	direction: rtl !important;
	color: #00427b !important;
	font-size: 1em;
	font-family: 'assistant', arial;
	font-weight: 400;
}

span.eng {
	font-size: 0.8em;
	font-family: sans-serif;
}

.swiper-container.swiper-container-rtl .swiper-button-prev {
	background: url('assets/images/global/arrow-right.png') no-repeat center center;
	background-size: 100%;
}
.swiper-container.swiper-container-rtl .swiper-button-next {
	background: url('assets/images/global/arrow-left.png') no-repeat center center;
	background-size: 100%;
}



/*.ui-selectmenu-icon.ui-icon-down {*/
	/*background: url(assets/images/global/down.png) no-repeat center center;*/
	/*width: 15%;*/
	/*background-size: 40%;*/
	/*height: 100%;*/
	/*float: none;*/
	/*z-index: 99;*/
	/*position: absolute;*/
	/*left: 0;*/
	/*visibility: visible !important;*/
	/*opacity: 1 !important;*/
	/*display: block !important;*/
/*}*/

/*.ui-selectmenu-text {*/
	/*margin:0;}*/

/**/

#lead_form .ui-selectmenu-button {
	border:0;
}
.ui-selectmenu-icon.ui-icon-down {
	display: none;
}

#lead_form .ui-selectmenu-text {
	margin:0;
}

@media screen and (min-width: 1000.1px) {
	.main-area {
		background-repeat: no-repeat;
		background-position: top center;
		padding-top: 0.9%;
		background-size: 100%;
	}
	.right {
		float: right;
		width: 65%;
	}
	.left {
		float: left;
		width: 35%;
	}
	.header {}
	.header .content {}
	h1 {
		padding-top: 14%;
		/*background-image: url('assets/images/page_1/desktop/h1.png');*/
		margin-bottom: 3%;
	}

	.inner-link .header .content { padding: 0 1% 0 0}

	.inner-link h1 {
		width: 85%;
		margin-bottom: 3%;
		padding-top: 15%;
	}
	.inner-link #inner_link {
		position: absolute;
		left:0;
		top:0;
		width: 15%;
		display: block;
	}

	.h1-text-image {
	}
	.h1-text-image.desktop {}
	.h1-text-image.mobile {}
	.gallery-section {
		/* padding-top: 32%; */
	}
	.gallery-section .content {}
	.swiper-box {
		padding-top: 33%;
		position: relative;
	}
	.swiper-wrapper {}
	.swiper-container.swiper-container-horizontal.swiper-container-rtl {
		position: absolute;
		top: 0;
		right: 0;
		width: 58%;
		right: 20%;
		height: 100%;
	}
	.swiper-slide img {
		backface-visibility: hidden;
		width: 66%;
		margin-right: 17%;
	}

	.swiper-button-next,
	.swiper-button-prev {
		width: 6%;
		height: 12%;
	}
	.swiper-slide {}
	.steps-image-container {
		width: 61%;
		padding-top: 8%;
		position: relative;
		margin: 0 auto;
	}
	.steps-image {
		position: absolute;
		top: 0;
		margin: 0 auto;
		height: 100%;
		width: 100%;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
		background-image: url('assets/images/page_1/desktop/steps.png');
		margin-bottom: 0.7%;
	}
	.steps-image-empty {
		padding-top: 8%;
	}
	#steps_illustration {}
	.form-section {
		height: 24em;
		width: 100%;
		padding: 0 8.9%;
	}
	.form-section .content {
		float: right;
		width: 79%;

	}
	.form-box.hide {
        visibility: hidden
	}
	#lead_form {
		padding-top: 3.2%;
	}
	.form-row {
		padding: 0 5%;
		height: 2.6em;
		margin-bottom: 0.8em;
		position: relative;
	}
	.form-input {}
	h2.form-title {

		background-image: url('assets/images/global/desktop/form-title.png');
		padding-top: 24%;

	}
	/*
        img.form-title-img {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
        }
    */
	.form-row.email-row {
		/*margin-bottom: 0.2em;*/
	}

	/* BRANCH SELECT*/
	#branch_select {
		width:100%;
		font-size: 1em;

	}
	.branches-select {
		font-size: 1em;
		height:10em;
		direction: rtl;
		text-align: center;
	}
	#lead_form .ui-selectmenu-button {
		width: 100%;
		font-family: 'assistant', arial;
		color: #00427b;
		direction: rtl;
		text-align: center;
		font-size: 1.6em;
		border-radius: 0;
		background: #fff;
		padding: 0;
		margin: 0;
		height: 1.6em;
		line-height: 1.6em;
	}
	#lead_form .ui-selectmenu-button.selected {
		color: #000;
	}
	/*.ui-selectmenu-button-closed {}*/

	.ui-selectmenu-menu {
		font-size: 1.4em;
	}
	/*.ui-selectmenu-button-open {*/
		/*width:100%;*/
	/*}*/


	div#errors_msg {
		color: red;
		width: 100%;
		text-align: center;
		font-size: 1.6em;
		height: 1.4em;
		margin-top:-0.4em;
	}
	.submit-row {
		margin-bottom: 0.8em;

	}
	input.form-input.submit {
		font-size: 1.6em;
		padding: 0% 4% 1.7% 0;

	}
	label#checkbox_label {
		padding-right: 11%;
		max-height: 100%;
	}

	#checkbox_label:before {

		right: 0;
		width: 1.5em;
		height: 1.5em;
		top: 13%;
	}
	#checkbox_label.checked:after {

		right: -1%;
		top: 44%;
		line-height: 0;
		font-size: 2em;
	}
	.label-text {

		font-size: 0.72em;
		line-height: 1.2em;
	}
	.form-row span.wpcf7-not-valid-tip {
		text-align: center;
		display: none;
	}
	.thanks-box {
		display: none;
		padding-top: 24%;
		/* display: block; */
		max-width: 100%;
		padding: 24% 4.3% 0 4.3%;
	}
	.thanks-image {}
	.thanks-image.desktop {}
	.thanks-image.mobile {}
	.important-details-section {
		width: 90%;
		margin: 0 auto;
	}
	.important-details-section .content {}
	.bottom-note {
		padding-top: 2%;
		background-image: url('assets/images/page_1/desktop/note.png');
	}
	.bottom-note-image {}
	.bottom-note-image.desktop {}
	.bottom-note-image.mobile {}
	.credit {}
	.credit img {display: block;width: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
	.footer-area {
		padding: 1.1% 0;
		background: #fff;
	}
	.footer-area .content {
		padding-top: 6%;
	}
	.foot-icons {
		position: absolute;
		width: 45%;
		height: 100%;
		right: 0;
		top: 0;
		background-image: url('assets/images/page_1/desktop/foot_icons.jpg');
		right: 5%;
	}
	.footer-icons {}
	.footer-icons.desktop {}
	.footer-icons.mobile {}
	.foot-logo {
		position: absolute;
		top: 0;
		left: 0;
		width: 25%;
		height: 100%;
		left: 3%;
		background-image: url('assets/images/page_1/desktop/logo.png');
	}
	.footer-logo {}
	.footer-logo.desktop {}
	.footer-logo.mobile {}
	
	
	#c2c {
		display: none !important;
	}
}

@media screen and (min-width: 1000.1px) and (max-width: 1680px) {
	.top-wrapper {
		font-size: 20px
	}
}

@media screen and (min-width: 1000.1px) and (max-width: 1450px) {
	.top-wrapper {
		font-size: 18px
	}
	.form-section .content {
		width: 88%;

	}
}

@media screen and (min-width: 1000.1px) and (max-width: 1250px) {
	.top-wrapper {
		font-size: 16px
	}
}

@media screen and (min-width: 1000.1px) and (max-width: 1100px) {
	.top-wrapper {
		font-size: 14px
	}
}


@media (max-height: 600px) and (min-width: 1000px) {
	.top-wrapper {color: red}
	h1 {
		padding-top: 12%
	}
}

@media (max-height: 850px) and (min-width: 1000px) {
	.top-wrapper {color: blue}
}



/* ADJUSTMENTS */


/* START CHANGE TO MOBILE*/

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

	.content {
		height:initial;}
	.desktop {
		display: none !important
	}
	.mobile {
		display: block
	}
	body {
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 100.4%;

	}
	body.branch-select-on {
		background-size: 107%;
	}
	.top-wrapper {
		height:initial;
		padding: 0;
		font-size: inherit;
		padding-top: 1.4rem;
	}
	.main-area {}
	.header {
		padding-bottom: 2.5%;
	}
	.iphone .header {
		padding-bottom:2.4%;
	}
	.header .content {}
	h1 {
		width: 90%;
		padding-top: 21.6%;
		/*background-image: url('assets/images/page_1/mobile/h1.png');*/
		margin: 0 auto;
	}

	.inner-link h1 {
		background-position: top right;
		width: 76%;
		margin-right: 2%;
	}
	.inner-link #inner_link {
		display: block;
		width: 22%;
		position: absolute;
		left: 0;
		top: 0;
	}

	.iphone h1 {padding-top: 21.4%}
	.h1-text-image {}
	.h1-text-image.desktop {}
	.h1-text-image.mobile {}
	.gallery-section {max-height: 15rem;  }
	.iphone .gallery-section {  }
	.gallery-section .content {    height: auto; max-height: 13rem;}
	.swiper-box {}
	.swiper-wrapper {}
	.swiper-box {
		padding-top: 52%;
		position: relative;
	}
	.swiper-wrapper {}
	.swiper-container.swiper-container-horizontal.swiper-container-rtl {
		position: absolute;
		top: 0;
		right: 0;
		width: 94%;
		right: 5%;
		height: 100%;
	}
	.swiper-slide img {
		width: 66%;
		margin-right: 17%;

	}

	.swiper-button-next,
	.swiper-button-prev {
		width: 8%;
		height: 2rem;
		/* right: 4.1% !important; */
	}
	.swiper-slide {}
	.swiper-container.swiper-container-horizontal.swiper-container-rtl .swiper-button-next {
		left: 8.4%;
	}
	.swiper-container.swiper-container-horizontal.swiper-container-rtl .swiper-button-prev {
		right: 4.1%;
	}
	.swiper-slide {}
	.steps-image {}
	#steps_illustration {}
	.form-section {}
	.form-section .content {
		padding: 0 8.3% 2% 8.3%;
	}
	.form-box {
		padding-bottom:8.3%;
	}
	.form-box.hide {
        visibility: hidden
	}
	#lead_form {
		padding-top: 0.3%;
		/* padding: 0.3% 8.5% 0; */
	}

	#c2c.hidden {
		display: none;
	}
	#c2c.visible {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
	}
	#c2c img {
		display: block;
		width:100%;
		backface-visibility: hidden;
	}

	h2.form-title {

		background-image: url('assets/images/global/mobile/form-title.png');

		padding-top: 18%;
	}


	.form-row {
		height: 2.74rem;
		padding-bottom: 4%;
	}
	.submit-row {

		    height: 2.5rem;
    padding-bottom: 2.3%;
	}
	.form-input {
		font-size: 1.1rem;
	}

	label#checkbox_label {
		padding: 0 10.7% 0 3.9%;
	}

	#checkbox_label:before {

		right: 0;

		width: 1.2rem;

		height: 1.2rem;

		top: 21%;

	}
	#checkbox_label.checked:after {

		right: -2%;

		top: 39.5%;

		line-height: 0;

		font-size: 2rem;
	}
	.label-text {

		font-size: 0.8rem;

		line-height: 0.8rem;
	}

	.form-row.checkbox-row {
		height: 2.2rem;
		padding-bottom: 0;
	}

	/* BRANCH SELECT*/
	#branch_select {
		width:100%;
		font-size: 1.1rem;

	}
	.branches-select {
		font-size: 1.1rem;
		height:10rem;
		direction: rtl;
		text-align: center;
	}
	#lead_form .ui-selectmenu-button {
		width: 100%;
		font-family: 'assistant', arial;
		color: #00427b;
		direction: rtl;
		text-align: center;
		font-size: 1.1rem;
		border-radius: 0;
		background: #fff;
		padding: 0;
		margin: 0;
		height: 100%;
		line-height: 1.6rem;
	}
	#lead_form .ui-selectmenu-button.selected {
		color: #000;
	}
	/*.ui-selectmenu-button-closed {}*/
	.ui-selectmenu-text {
		margin-right: 0;
		line-height: 2rem;
	}
	.ui-selectmenu-icon {}
	.ui-selectmenu-menu {
		font-size: 1.4rem;
	}
	.ui-selectmenu-button-open {
		width:100%;
	}



	.form-row span.wpcf7-not-valid-tip {
		font-size: 1rem;
		text-align: center;
		display: none;
	}
	.form-row .wpcf7-not-valid {
		outline:1px solid red;
	}


	.thanks-box {
		/* display: none; */
		/* position: absolute; */
		width: 84%;
		right: 8%;
		padding-top: 0;
	}
	.thanks-image {}
	.thanks-image.desktop {}
	.thanks-image.mobile {
		display: block;
		width: 100%;
	}
	.important-details-section {
	}
	.important-details-section .content {}
	.bottom-note {
		padding-top: 12.7%;
		background-image: url('assets/images/page_1/mobile/note.png');
		width: 96%;
		margin: 0 auto;
	}
	.bottom-note-image {}
	.bottom-note-image.desktop {}
	.bottom-note-image.mobile {}
	.credit {
		top: 0.8rem;
		left: 1.6%;
		width: 2.2%;
	}
	.inner-link .credit {
		top: 7.8rem;
	}
	.credit img {
		display: block;
		width: 100%;
	}
	.footer-area {
		padding-top: 4%;
	}
	.footer-area .content {}
	.foot-icons {
		padding-top: 23%;
		width: 95%;
		margin: 0 auto;
		background-image: url('assets/images/page_1/mobile/foot_icons.png');
	}
	.footer-icons {}
	.footer-icons.desktop {}
	.footer-icons.mobile {}
	.foot-logo {
		padding-top: 17%;
		background-image: url('assets/images/page_1/mobile/logo.png');
		width: 51%;
		margin: 0 auto;
	}
	.footer-logo {}
	.footer-logo.desktop {}
	.footer-logo.mobile {}
	#lead_form input::-webkit-input-placeholder,
	::-webkit-input-placeholder {
		font-size: 1.1rem;
	}
	#lead_form input:-moz-placeholder,
	:-moz-placeholder {
		font-size: 1.1rem;
	}
	#lead_form input::-moz-placeholder,
	::-moz-placeholder {
		font-size: 1.1rem;
	}
	#lead_form input:-ms-input-placeholder,
	:-ms-input-placeholder {
		font-size: 1.1rem;
	}
	#lead_form input::-webkit-input-placeholder {
		font-size: 1.1rem;
	}


	div#errors_msg {
		display: none
	}

}



#page {
	height:100%;
	transition: 0.6s ease-out;
}
#page.ready {
	opacity: 1;
}



div.wpcf7 .ajax-loader {
	display: none;
}
.form-row p {
	display: block;
	height: 100%;
}