@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: 'mont-regular';
	src: url("../fonts/mont-regular.ttf") format("truetype");
	font-weight: 400;
	font-display: swap;
}
@font-face { 
	font-family: 'mont-bold';
	src: url("../fonts/mont-bold.ttf") format("truetype");
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: 'vox-regular';
	src: url("../fonts/vox-regular.ttf") format("truetype");
	font-weight: 400;
	font-display: swap;
}

:root {
	--primary-color: #1e1e1e;
  	--d-link-color: #0b3c5e;
  	--d-link-hover-color: #ddebf0;
	--site-selection-text-color:#fff;
  	--site-selection-bg-color:#0b3c5e;
	
  --white-color: #FFFFFF;
  --black-color: #ddebf0;
	--sc-1: #0b3c5e;
	--sc-2: #ddebf0;
	--gray-color: #fafafa;

	--sf-r: 'mont-regular';
	--sf-b: 'mont-bold';
	--sf-vox: 'vox-regular';
}

/*---1. default reset css---*/
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
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, img, ins, kbd, q, s, samp, small, strike, 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;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/*---2. default font-size,font-family,font-color,line-height,bgcolor,ol,ul,blockquote,table,img,* :focus---*/
* {box-sizing: border-box;}
.EditorText a {	transition: all ease 0.5s;}

body {
	background: #fff;
	font-family: var(--sf-r);
	color: var(--primary-color);
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
}
ol {list-style: decimal;margin-left: 30px;}
ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
sub {vertical-align: sub !important;}
sup {vertical-align: sup !important;}
img {border: 0px;max-width: 100%;height: auto;}
* :focus {outline: none;}
/*---3. default anchor color, hr, BlackSepLine ---*/
a {color: var(--d-link-color);text-decoration: none;}
a:hover {text-decoration: none;color: var(--d-link-hover-color);}
hr {border: 0px;}
/*---4. Wrappers(containers)---*/
.InnerContainWrapper {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0px;
	max-width: 1200px;
}

h1,h2,h3,h4,h5,h6{line-height: 1.2;font-family: var(--sf-vox);}
h1{font-size: 55px;}
h2{font-size: 40px;}
h3{font-size: 35px;}
h4{font-size: 30px;}
h5{font-size: 25px;}
h6{font-size: 20px;}

/*---7. site selection color---*/
::selection {color: var(--site-selection-text-color);background-color: var(--site-selection-bg-color);}
::-moz-selection {color:var(--site-selection-text-color);background-color: var(--site-selection-bg-color);}
::-webkit-selection {color:var(--site-selection-text-color);background-color: var(--site-selection-bg-color);}

/*---8. default UL-Li---*/
ul {list-style-type: none;margin: 0px;padding: 0px;}
ul li {
	background-image: url(../images/bullet-1.png);
	background-position: 5px 10px;/*R T*/
	background-repeat: no-repeat;
	margin: 0px;
	padding: 1px 0px;
	padding-left: 20px;
}
.NoBullet li {
	background-image: none;
	background-position: 0px;/*R T*/
	background-repeat: no-repeat;
	margin: 0px; /*T R B L*/
	padding: 0px;/*T R B L*/
}
/*---11. grop ClearBoth , Table, Cell---*/
.group:after {content: "";display: table;clear: both;}
.ClearBoth {clear: both;min-height: 1px;}

.TAC {text-align: center;  /*  For Text aling  */}
.TAL {text-align: left;  /*  For Text aling  */}
.TAR {text-align: right;  /*  For Text aling  */}

.flex{
	display: flex;
}
.LandingMainWrapper{
	height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
}
@media only screen and (min-width:1225px){
	.LandingMainWrapper .InnerContainWrapper{
		padding: 0px 0px;	
	}
}
.LandingMainWrapper::before{
	content: '';
    position: absolute;
    background-color: var(--sc-2);
    width: 50%;
    height: 554px;
    top: 50%;
    left: 0;
    transform: translate(0px, -50%);
    margin-top: 22px;
} 
.LandingMainWrapper::after{
	content: '';
    position: absolute;
    background-color: var(--sc-2);
    width: 50%;
    height: 490px;
    top: 50%;
    right: 0;
    transform: translate(0px, -50%);
    margin-top: 75px;
} 
.LandingMainWrapper .flex{
	align-items: flex-start;
	background-color: #fff;
	position: relative;
	z-index: 1;
}
.LandingMainWrapper .left{
	min-width: 46%;
	padding-top: 65px;
	padding-left: 35px;
	position: relative;
}
.LandingMainWrapper .left::before{
	content: '';
    position: absolute;
    background-color: var(--sc-1);
    width: 135px;
    height: calc(100% - 65px);
    top: 65px;
    left: -145px;
    border-left: 8px solid #fff;
}
.LandingMainWrapper .left .logo{
	margin-bottom: 50px;
}
.LandingMainWrapper .left .contact-info-col .col{
	margin-bottom: 20px;
}
.LandingMainWrapper .left .contact-info-col .phone .text,
.LandingMainWrapper .left .contact-info-col .phone .text a,
.LandingMainWrapper .left .contact-info-col h6{
	font-family: var(--sf-b);
}
.LandingMainWrapper .left .contact-info-col .text,
.LandingMainWrapper .left .contact-info-col .text a{
	color: var(--primary-color);
	font-size: 16px;
	line-height: 1.5;
}
.LandingMainWrapper .left .contact-info-col .text a:hover{
	color: var(--sc-1);
}
.LandingMainWrapper .left .contact-info-col + .coming-soon-text{
	margin-top: 50px;
}
.LandingMainWrapper .left .coming-soon-text h2{
	color: var(--sc-1);
	font-weight: 900;
	text-transform: uppercase;
	line-height: 1.1;
	display: inline-block;
    border-bottom: 8px solid #ddebf0;
    padding-bottom: 30px;
}
.LandingMainWrapper .left .coming-soon-text h2 span{
	font-weight: normal;
	display: block;
}
.copy{
	color: var(--primary-color);
	font-size: 15px;
	line-height: 1.5;
	margin-top: 35px;
}
.LandingMainWrapper .right .ImgWrap{
	position: relative;
	min-width: 700px;
	min-height: 640px;
	line-height: 0;
	margin-right: -50px;
	border-right: 8px solid #fff;
}
.LandingMainWrapper .right .ImgWrap::before{
	content: '';
    position: absolute;
    background-color: transparent;
    width: 490px;
    height: 470px;
    border: 8px solid var(--sc-1);
    top: 65px;
    left: -50px;
    z-index: 1;
}
.LandingMainWrapper .right .ImgWrap .image1{
	position: absolute;
	top: 0;
	left: 0%;
}
.LandingMainWrapper .right .ImgWrap .image2{
	position: absolute;
	bottom: 0;
	right: 0%;
}


/** Responsive CSS Start **/

@media only screen and (min-width:320px) and (max-width:1224px) {
	.InnerContainWrapper {
		width: 94%;
	}
	.LandingMainWrapper {
		height: inherit;
		display: block;
		text-align: center;
	}
	.LandingMainWrapper .flex {
		display: block;
		position: relative;
		padding-bottom: 50px;
	}
	.LandingMainWrapper .left::before,.LandingMainWrapper::before,.LandingMainWrapper::after{
		display: none;
	}
	.LandingMainWrapper .left + .right{
		margin-top: 50px;
	}
	.LandingMainWrapper .left .logo {
		margin-bottom: 30px;
	}
	.LandingMainWrapper .left .contact-info-col + .coming-soon-text {
		margin-top: 30px;
	}
	.LandingMainWrapper .right .ImgWrap {
		min-width: inherit;
		border-right: 0px solid #fff;
		display: block;
		max-width: 690px;
		margin: 0 auto;
	}
	.LandingMainWrapper .right .ImgWrap::before {
		width: 80%;
		height: 80%;
		border: 5px solid var(--sc-1);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.LandingMainWrapper .left {
		min-width: inherit;
		position: static;
		padding: 0;
	}
	.copy {
		position: absolute;
		width: 100%;
		text-align: center;
		bottom: 0;
		margin: 0;
	}
}
@media only screen and (min-width:481px) and (max-width:767px) {
	.LandingMainWrapper .right .ImgWrap {
		max-width: 450px;
		min-height: 350px;
	}
	.LandingMainWrapper .right .ImgWrap .image1{
		width: 67%;
	}
	.LandingMainWrapper .right .ImgWrap .image2{
		width: 75%;
	}
}
@media only screen and (min-width:375px) and (max-width:480px) {
	.LandingMainWrapper .right .ImgWrap {
		max-width: 350px;
		min-height: 275px;
	}
	.LandingMainWrapper .right .ImgWrap .image1{
		width: 67%;
	}
	.LandingMainWrapper .right .ImgWrap .image2{
		width: 75%;
	}
}
@media only screen and (min-width:320px) and (max-width:374px) {
	.LandingMainWrapper .right .ImgWrap {
		max-width: 350px;
		min-height: 240px;
	}
	.LandingMainWrapper .right .ImgWrap .image1{
		width: 67%;
	}
	.LandingMainWrapper .right .ImgWrap .image2{
		width: 75%;
	}
}
/** Responsive CSS End **/