/*Fonts Used*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; image-rendering: -webkit-optimize-contrast;}

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;font-size: 100%;font: inherit;vertical-align: baseline; -webkit-text-size-adjust: 100%;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }
input:not([type='radio']):not([type='checkbox']), textarea, select{-webkit-appearance: none;}
form, label {-webkit-text-size-adjust: 100%;}
mark {background-color: transparent;}
/* end reset */

/*preset*/
body{font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 22px;  color: #fff;position:relative;background: #292b5b;;
}
body.active{overflow: hidden;width:100%;height:100%;position:fixed!important;}
a{ text-decoration:none; -webkit-transition: all .3s linear;transition: all .3s linear;}
img{max-width: 100%; vertical-align: top; image-rendering: -webkit-optimize-contrast;}
textarea { resize:vertical; }
iframe{ border: none; width: 100%;}
ul, h1, h2, h3, h4{ margin:0; padding:0; list-style:none; }
strong , b{ font-weight: bold;}
em, i{font-style: italic;}
input[type="submit"]{cursor: pointer;}
a[href^="tel:"]{color: inherit!important; text-decoration: none;}

.clearfix:before, .clearfix:after { content:""; display: table; clear: both; }
.clearfix {clear: both; overflow: hidden;}
.comp{color:#0353a1; font-weight:bold; }
.comp-logo{width: 250px }
.comingsoon{color:red; font-style:italic; font-weight:bold;}
.col2{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
.col3{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
.col2 li, .col3 li{overflow: hidden; display: inline-block; width: 100%;}
.main_phone {font-weight: bold;}

.back_top{display:none;background:#090a0b;position: fixed; z-index:999;bottom:0;width: 100%;height: 45px;cursor:pointer;}
.back_top:before{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%,-45%);border-bottom:15px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;}
.back_top:hover{opacity:.7}

/*Heading for SEO*/
.h1_hdng{font-size: 22px; font-weight: 700; color: #000;}

/*Thumbnail Images*/
.thumb_left_dd, .thumb_left_dr{  float:left; margin:-4px 19px 10px 0;}
.thumb_right_dd, .thumb_right_dr{ float:right; margin:-4px 0 10px 19px;}
.thumb_center_dd, .thumb_center_dr{ display: block; margin: 10px auto;}

/* Text Alignment */
.text_left, .text_left p{text-align: left;}
.text_right, .text_right p{text-align: right;}
.text_center,.text_center p{text-align: center; display: block;}

/* Forms Presets */
::-webkit-input-placeholder {opacity: 1; color: inherit;}
::-moz-placeholder {opacity: 1; color: inherit;}
:-ms-input-placeholder {opacity: 1; color: inherit;}
:-moz-placeholder {opacity: 1; color: inherit;}

/*end preset*/

.wrapper{ width:100%; max-width:1400px; margin:0 auto; position:relative;}

/*header*/
header{text-align: center;}
	.header_con{min-height:0;padding:100px 0 0 0;text-align: center;}
	.main_logo {display: inline-block;margin-bottom: 44px;}

	.header_info {padding: 0 310px;}
	.header_info h1{font-size: 50px;font-weight: 700;line-height: 100%;margin-bottom: 20px; margin-top: 30px;}
	.header_info p {line-height: 151%;  font-size: 17px; font-weight: 300;}
/*end header*/

/*main*/
#main_area{padding-bottom: 50px;}
	.main_con{padding: 26px 0 0;}

	.system_navigator {text-align: center;}
	.system_navigator ul {font-size: 0;margin-bottom: 69px;}
	.system_navigator ul li {display: inline-block;vertical-align: top;margin: 0 14px;}
	.system_navigator ul li a {display: block;line-height: 40px;color: #fff;border: 1px solid #fff;border-radius: 25px;font-size: 17px;font-weight: 500;text-transform: uppercase;padding: 0 33px;}
	.system_navigator ul li a:hover, .system_navigator ul li .active {background: #fff;color: #000;}

	main{line-height: 28px; max-width: 100%; text-align: left;text-align: center;font-size: 0;}
		main section {display: inline-block;vertical-align: top;width: 443px;text-align: left;margin: 28px 0;}
		main section:nth-child(3n+2) {margin: 28px 32px;}
		main section figure {border: 1px solid #0081b2;background: #e4f8ff;display: block;padding: 11px;border-radius: 8px;margin-bottom: 15px;-webkit-box-shadow: 10px 5px 36px -15px rgba(0,0,0,0.75);-moz-box-shadow: 10px 5px 36px -15px rgba(0,0,0,0.75);box-shadow: 10px 5px 36px -15px rgba(0,0,0,0.75);}
		main section figure img {display: inline-block;border-radius: 8px;min-height: 266px;}
		main section h2 {font-size: 23px;line-height: 26px;margin-bottom: 15px;color: #24acec;}
		main section h2 span {display: block;font-size: 16px;}
		main section p {display: block;font-weight: 200; line-height: 20px;font-size: 14px;}

		.systhumb_sec {position: relative;transition: all 2s ease;}
		.systbtn_hover {position: absolute;top: 50%;left: 49.7%;transform: translate(-50%,-50%);width: 419px;height: 266px;background: url(../images/system_hover_bg.png) repeat-y center top;border-radius: 8px;display: none;}
		.syshoverdisplay {display: block;}
		.systbtn_hover a {display: block;width: 73px;height: 73px;border: 1px solid #fff;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: url(../images/system_aft1.png) no-repeat center center;}
		.systbtn_hover a:hover {background: #fff url(../images/system_aft1_after.png) no-repeat center center;}

/*end main*/

/*bottom*/
#bottom{padding-bottom: 111px;}
 	.btm_con{min-height:0;padding:25px 0;text-align:center;}

	.btm_apps_heading {text-align: left;position: relative;margin-bottom: 71px;}
	.btm_apps_heading h3 {font-size: 50px;line-height: 100%;display: inline-block;}
	.apps_section {display: inline-block;vertical-align: top;}

	.apps_brocken_line {position: absolute;top: 50%;right: 0;transform: translate(0, -50%);background: #25b7f8;height: 2px;width: calc(100% - 350px);}

	.apps_information {font-size: 0;}
	.apps_section {display: inline-block;vertical-align: top;width: 450px;text-align: left;position: relative;margin-bottom: 55px;margin-left: 13px;}
	.apps_section .apps_thumbsec{display: inline-block;vertical-align: top;width: 218px;position: relative;}
	/* .appbtn_hover {display: none;position: absolute;top: 49.75%;left: 50.25%;transform: translate(-50%,-50%);
		/* width: 210px; height: 415px; border-radius: 25px; background: #46b7f787; */
		/* width: 185px;height: 396px;background: url(../images/apps_hover_after.png) no-repeat center center; */
	/* } */
	.appbtn_hover{display: none;position: absolute; top: 0; left: 0; width: 97%; height: 100%; background: #06b8ebad; border-radius: 31px;}
	.apphoverdisplay {display: block !important;}
	.appbtn_hover a {display: block;width: 73px;height: 73px;border: 1px solid #fff;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: url(../images/system_aft1.png) no-repeat center center;}
	.appbtn_hover a:hover {background: #fff url(../images/system_aft1_after.png) no-repeat center center;}
	.apps_section figure:hover{display: inline-block;vertical-align: top;width: 218px;}
	.apps_section section{display: inline-block;vertical-align: top;width: calc(100% - 242px);float: right;padding: 15px 0 0 0; margin-right: 15px;}
	.apps_section section h3 {font-size: 20px;font-weight: normal;line-height: 36px;position: relative;padding-top: 20px;margin-bottom: 3px;}
	/* .apps_section section h3:before {content: url(../images/apps_icon1.png);position: absolute;top: 0;left: 0;} */
	.mobile-logo{display: block; height: 60px;}
	.apps_section section h3 span {display: block;font-size: 16px;font-weight: 500;line-height: 20px;}
	.apps_section section p {font-size: 14px;line-height: 20px;font-weight: 200;}

	.pop_up_container {display: none;position: fixed;top: 0;right: 0;height: 100%;width: 100%;background: rgba(0,0,0,0.5);-webkit-filter: grayscale(1);filter: grayscale(1);z-index: 45;transition: all 0.3s ease;}
	.pop_up_box {width: 80%;height: 450px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;-webkit-filter:  none;filter: none;transition: all 0.3s ease;}

	.displaypop_up {display: block;}

/*end bottom*/

/*footer*/
.footer_btm{background: #22244a;}
	.footer_btm_con{min-height:0;padding:0;}
	.copyright{color:#fff; margin: 0 auto;text-align: center;}
	.copyright a{color:#fff;line-height: 95px;font-size: 17px;}
	.copyright a:hover{text-decoration:underline;}

/* IE 8 */
.lt-ie8 .dang-ie{width:100%;height:100%;position:fixed;background-color:#00abdd}
.message{text-align:center;color:#fff;font-size:20px;position:absolute;top:20%;left:0;right:0}
.inner-message{position:relative;top:-20%;left:0;right:0;text-align:center;margin:auto}
.inner-message img{position:relative;left:0}
.inner-message a.download{display:block;width:300px;padding:10px;color:#fff;margin:2em auto;border:1px solid #fff}
.terms{color:#fff;font-size:13px;padding:20px;position:absolute;right:0;bottom:0}
.terms a{color:#fff;font-weight:700}
.lt-ie8 .protect-me{display:none}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes faceInUp {
  0% {opacity: 0;transform: translate3d(0,100%,0);}
  100% {opacity: 1;transform: none;}
}

/* Standard syntax */
@keyframes faceInUp {
	0% {opacity: 0;transform: translate3d(0,100%,0);}
   100% {opacity: 1;transform: none;}
}


/* Modal Mobile Pop up */
.carousel-inner img{margin: 0 auto; max-width: 300px;max-height: 600px !important;}
.carousel-control{background-image: none !important;}
.carousel{background: #dedede;}