@font-face {
    font-family: 'GE SS Two';
    src: url('fonts/GESSTwoBold-Bold.woff2') format('woff2'),
        url('fonts/GESSTwoBold-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GE SS Two';
    src: url('fonts/GESSTwoMedium-Medium.woff2') format('woff2'),
        url('fonts/GESSTwoMedium-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GE SS Two';
    src: url('fonts/GESSTwoLight-Light.woff2') format('woff2'),
        url('fonts/GESSTwoLight-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



/********************************************************************Common css***********************************************/
/************************************* Reset Styles ********************************/
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, 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;
	border: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,div{
	vertical-align:top;
}
*{
	outline:none;
}
li,ol{
	list-style-type:none;
	list-style-image:none;
	list-style:none;
}
img{
	border:0px;
}
textarea {
    resize: none;
}
input:focus,select:focus,textarea:focus,button:focus {
    outline: none;
}
a{
	text-decoration:none;
	}
input, textarea, select, body{
	font-size:14px;
	font-family: 'GE SS Two';
	font-weight: 500;
	}
/************************************* Reset End Styles ********************************/
/************************************* Common Styles ********************************/
.rightAlign{
	text-align:right;
	}
.centerAligned{
	text-align:center;
	}
.centeredBlock{
	margin-left:auto;
	margin-right:auto;
	float:none;
	}
.fullWidth{
	width:100%;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
.posRelative{
	position:relative;
}
.absolutePos{
	position:absolute;
}
.textDecorationNone{
	text-decoration:none;
}
.textDecorationUnderline{
	text-decoration:underline;
}
.fontWeightBold{
	font-weight:bold;
}
.clearBoth{
	clear:both;
}
.clearRight{
	clear:right;
	}
input, textarea, select, body, .smallTop a, .mainMenu a{
	color:#868686;
}

.safeArea{max-width:1140px; margin:0 auto;}
input {
    -webkit-appearance: none;
}
body{
	direction:rtl;	
	text-align:right;
}
/************************************* Common End Styles ********************************/
/************************************* Website Styles ********************************/
.mainSilder{background-image:url(../images/main-banner.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; height:100vh; position:relative; position:fixed; width:100%; height:100vh; top:0;}
/*.mainSilder:after{background-color:rgba(16,129,143,0.4); position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; content:"";}*/
.mainSliderContent{position:absolute; z-index:3; top:50%; right:30px; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); text-align:right; width:300px;}

.logoHolder{max-width:100%; width:250px; display:inline-block; margin-bottom:40px;color:#ffffff; font-size:38px; letter-spacing:3px; text-align:center; font-weight:bold; position:absolute; right:40px; top:40px;}
.logoHolder img{width:100%; display:block;}
.media{font-size:25px}
sub{font-size:18px;}
.sliderSlogan{color:#ffffff; font-size:32px; letter-spacing:3px; text-transform:uppercase; text-align:right;}
.borderBtn a {border: 1px solid #10818f;box-sizing: border-box;color: #ffffff;display: inline-block;font-size: 18px;padding: 5px;}
.borderBtn a span {background-color: #10818f;box-sizing: border-box;color: #ffffff;display: inline-block;font-size: 18px;padding: 15px 50px;text-align: center;text-transform: uppercase;width: 100%;}
.borderBtn a:hover {border: 1px solid #ffffff;}
.borderBtn a:hover span {background-color: #ffffff;color: #000000;}
.scrollDown{background-image:url(../images/scroll-down.svg); width:40px; height:40px; position:absolute; left:50%; bottom:50px; margin-left:-20px; z-index:3;}

.theBrandBlock{background-color:#faf9f6; position:relative; margin-top:100vh; overflow:hidden;}
.theBrandImg{width:50%;}
.theBrandImg img{width:100%; display:block;}

.theBrandContent{background-color:#fff; padding:50px 40px; color:#000000; font-size:19px; position:absolute; top:50%; right:40%;transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:45%;}
.theBrandContent h2{color:#000000;font-family: 'GE SS Two'; text-transform:uppercase; margin-bottom:20px; background-color:#fff;}
.theBrandContent h2 span{ position:relative; padding-left:15px;}
.theBrandContent h2 span:after{position:absolute; height:1px; width:250px; right:100%; top:50%; background-color:#000000; content:"";}

.onlineStore{padding:100px 0; background-color:#fff; position:relative;}
.onlineStoreImg{background-image:url(../images/online-store.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; padding:120px 0; text-align:center;}
.onlineStoreTitle{background-color:rgba(24,143,69,0.85);font-family: 'GE SS Two'; text-transform:uppercase; color:#fff; display:inline-block; padding:35px; font-size:30px; margin-bottom:20px;}
.comingSoon{font-family: 'Futura'; text-transform:uppercase; color:#000; letter-spacing:5px; display:block; font-size:25px;}

.becomeApartner{background-image:url(../images/branch.jpg); background-size:100% auto; padding:300px 0 100px 0; background-repeat:no-repeat; background-position: center top; background-color:#fff; position:relative;}
.becomeApartnerForm{max-width:1140px; margin:0 auto; background-color:#000; padding:75px 100px; box-sizing:border-box; }
.becomeApartnerForm h2, .countDown h2{text-align:center; letter-spacing:5px;font-family: 'GE SS Two'; color:#fff; font-size:30px; margin-bottom:40px; text-transform:uppercase;}

.formRow{float:left; width:49%; margin-right:2%;}
.formRow:nth-child(2n){margin-right:0;}
.formRow.fullWidth{width:100%; float:none;}

.formRow .inputHolder{margin-bottom:15px; position:relative;}
.formRow .inputHolder input{width:100%; display:block; box-sizing:border-box; padding:15px 5px; border:0 none;}

.labelHolder{margin-bottom:5px;}
.labelHolder label{color:#fff; font-size:16px;}

.textareaHolder{margin-bottom:20px;}
.textareaHolder textarea{width:100%; box-sizing:border-box; padding:15px 5px; height:150px;}

.submitBtn{text-align:right;}
.submitBtn input{background-color:#10818f; font-size:18px; padding:15px 20px; text-transform:uppercase; display:inline-block; border:0 none; cursor:pointer; color:#fff;}
.submitBtn input:hover{background-color:#fff; color:#10818f;}

.countDown{padding:100px 0; background-color:#faf9f6; text-align:center; position:relative;}
.countDown h2{color:#000000;}
.countDown h3{text-align:center; letter-spacing:5px;font-family: 'GE SS Two'; color:#000; font-size:20px; margin-bottom:30px; text-transform:uppercase;}
.countdownHolder{margin-bottom:50px;}
.countdownBlock{position:absolute; left:100px; bottom:60px; text-align:center;}
.cdHolder{float:left; margin-right:10px;}
.ds-element-value{padding:10px; background-color:#000000; color:#ffffff; font-size:40px; margin-bottom:10px; min-width:50px; opacity:1; font-weight:700;}
.ds-element-title{font-size:13px; text-transform:uppercase; color:#000000 !important;}
.dsCountDown{display:inline-block; widows:100%;}
.emailAddress .inputHolder{width:600px; display:inline-block; position:relative;}
.emailAddress .inputHolder input[type="text"]{width:100%; display:block; box-sizing:border-box; padding:15px 100px 15px 5px; border:0 none;}
.emailAddress input[type="submit"]{position:absolute; right:0; top:0; z-index:3; width:100px; text-align:center;padding:15px 5px; border:0 none; background-color:#10818f; font-size:13px; text-transform:uppercase; display:inline-block; cursor:pointer; color:#fff; box-sizing:border-box;}
.emailAddress input[type="submit"]:hover{background-color:#000;}

.error{position:absolute; right:5px; top:15px; color:red; font-size:11px; display:none;}
.errorHere .error{display:block;}

.contactLine{padding:20px 0; text-align:center; color:#fff; font-size:15px; background-color:rgba(0,0,0,1.00); position:relative; font-weight:300; direction:ltr;}
.copywrite{background-color: #ffffff; color: rgba(0, 0, 0, 0.7); font-size: 15px; padding: 20px 0; position:relative;}

.copywrite .cpText {float: left;}
.copywrite .desDev {float: right;}
.copywrite a{color: rgba(255, 255, 255, 0.7);font-size: 12px;}

.blocParallax{opacity:0; transform:translateY(-35%); opacity:0;}
.blocParallax.showBlock{opacity:1; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); opacity:1;}
.becomeApartnerForm.blocParallax{transform:translateY(50px);}
.becomeApartnerForm.blocParallax.showBlock{transform:translateY(0%); -moz-transform:translateY(0%); -webkit-transform:translateY(0%);}

.emailAddress{margin-bottom:50px;}
.smLinks a{display:inline-block; width:50px; height:50px; margin:0 5px; background-color:#000; border-radius:50%}
.smLinks a.fbIcon{background-image:url(../images/fb-icon.svg); background-position:center center; background-repeat:no-repeat; background-size:11px auto;}
.smLinks a.instaIcon{background-image:url(../images/insta-icon.svg); background-position:center center; background-repeat:no-repeat; background-size:25px auto;}
.contactLine a{color:#fff; text-decoration:underline;}
.contactLine a:hover{text-decoration:none;}
.contactLine strong{display:block;margin-bottom:10px; font-size:18px;}

.overlay{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-image:url(../images/595A29B8.png); background-repeat:no-repeat; background-size:cover; background-repeat:no-repeat;}

.newLine, .phoneNumber{direction:ltr; text-align:center;}
.contactLine a, .phoneNumber{font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

.blocParallax{
	transition:all linear 400ms;
	-moz-transition:all linear 400ms;
	-webkit-transition:all linear 400ms;
	-ms-transition:all linear 400ms;
}