/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */

/* menuzord */
.menuzord-menu > li > a {
	padding: 5px 0px;
	margin: 0px 30px;
}

/*.header-nav.navbar-transparent.animated-active .menuzord-menu > li > a:visited {
	border-bottom: medium solid #89CFF0;
}*/

.home {
	width:100%;
	height: 540px;
	background-image: url("../images/bnrs/banner1.jpg");
	background-position: 50% 0px;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}
.htxt {
	width: 50%;
	height:300px;
	padding-right: 120px;
	padding-left: 30px;
	margin: 120px auto 120px 0px;
}
.htxt h1 {
	font-size: 2.5em;
	margin-bottom: 1.5em;
	color: #0780d7;
}
.htxt p {
	font-size: 1.2em;
	line-height: 1.4em;
	color:#0780d7;
}

.header {
	margin-top: 80px;
}
/* finish menuzord */
.header-nav .header-nav-wrapper {
	border-bottom: 1px solid #eee;
}
.shgth {
	min-height: calc(100vh - 80px)!important;  /*100% of the viewport height */
	/*height: 100%;*/
}
.shgth2 {
	min-height: calc(120vh - 80px)!important;  /*110% of the viewport height */
	height: 120%;
}
.bdrk {
	margin-bottom: 10px;
	padding: 20px;
	border: solid 2px #eeeeee; /* #2E2D2D */
}
.int {
	font-family: 'Calibre Light',helvetica,sans-serif;
	padding: 20px 0px;
	font-size: 1.2em;
}
.sit {
	font-size:2.666em;
	line-height: 1.2em;
	color:#0780d7; /*#304667*/
	margin-bottom: 18px;
}
.pfix {
	width: 100%;
	text-align: center;
	/*position: absolute;
	bottom: 40px;*/
}
.pfix ul {
	opacity: 0.2;
}

video {
  width: 100% !important;
  height: auto !important;
}

.copy {
	font-size: 0.65em;
}

.scrollToSoftware {
  background: rgba(0, 0, 0, 0.1);
  bottom: 15px;
  display: none;
  height: 50px;
  padding: 2px;
  position: fixed;
  right: 15px;
  text-align: center;
  text-decoration: none;
  width: 50px;
  z-index: 99999;
}

.scrollToSoftware i {
  color: #fff;
  font-size: 42px;
}
.scrollToSoftware:hover {
  background: rgba(0, 0, 0, 0.6);
  text-decoration: none;
}

.tele {
	margin-left: 20px;
	padding: 10px;
}
.tele p {
	padding-bottom: 20px;
}

.big-title {
	font-size: 4em;
	/*line-height: 1.2em;*/
	margin-bottom: 150px;
	color:#FFFFFF;
}

.sub-ttls1 {
	font-size: 1.9em;
	line-height: 1.2em;
}

.sub-ttls {
	font-size: 1.8em;
	line-height: 1.2em;
}
.sys-arc1 p {
	height: 53px;
	font-size: 1em;
	padding: 0.4em 0em 0.6em;
	color: #4b4b4b;
}
.sys-arc2 p {
	height: 75px;
	font-size: 1em;
	padding: 0.4em 0em 0.6em;
	color: #4b4b4b;
}
.inter-txt p {
	font-size: 1.1em;
	padding: 1em 0em;
}

.our-com h1, .our-prod h1 {
	margin-bottom: 1.5em;
}
.our-com p {
	font-size: 1.2em;
	margin-bottom: 2em;
	color: #FFFFFF;
}


.circular-img {
  border-radius: 50%;
  border: solid thin #e6e6e6;
}
.pqtxt1 p {
	font-size: 1.1em;
	padding-bottom: 1.2em;
}
.pqtxt2 p {
	font-size: 1.1em;
	font-weight: bolder;
	color: #fff;
}
.event-date {
	padding-right: 40px;
}
.leap {
	font-size: 32px;
	line-height: 1em;
}
.history-img {
	width: 100%;
	padding: 20px;
	margin-left: 5%;
	margin-bottom: 2%;
	margin-top: 2%;
	background-color: #fff;
}

.html5gallery-car-right-0 {
    display: none;
}
.html5gallery-car-left-0 {
    display: none;
}
.html5gallery-watermark {
	display: none;
}

 
/*==========  Mobile First Method  ==========*/

/* =======  iPad in landscape  ======= */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.htxt {
		padding-right: 30px;
	}
	.htxt h1, .our-com h1, .our-prod h1 {
		margin-bottom: 1em;
	}
	section > .container {
		padding-top: 20px;
	}
}

/* =======  iPad in portrait  ======= */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.htxt {
		width: 100%;
		padding: 0px 30px;
		margin: 40px 0px;
	}
	.htxt h1, .our-com h1, .our-prod h1 {
		margin-bottom: 0.5em;
	}
	
	.our-com p {
		padding-bottom: 20px;
		margin-bottom: 0.5em;
	}
	.header {
		margin-top: 50px;
	}
	section > .container {
		padding-top: 10px;
	}
	
	h2 {
		margin-top: 40px;
	}

}

/* ----------- iPhone X ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) {
		.htxt {
			width: 100%;
			height: auto;
			margin: 2em 0.25em;
		}
		.htxt h1, .our-com h1, .our-prod h1 {
			margin-bottom: 0.5em;
		}
		.our-com p {
			margin-bottom: 1em;
		}
	    .header {
			margin-top: 50px;
		}
	  .pqa {
		  display: none;
	  }
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}
/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
	  section > .container {
		  padding-top: 10px;
	  }
	  .pqa {
		  display: none;
	  }
}

/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  .htxt {
		width: 50%;
		}
		.htxt h1, .our-com h1, .our-prod h1 {
			margin-bottom: 1.2em;
		}
		.our-com p {
			margin-bottom: 1.2em;
		}
	    .header {
			margin-top: 80px;
		}

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}
 
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}


/*==========  Non-Mobile First Method  ==========*/
 
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1366px) {
	.big-title {
		font-size: 3.5em;
	}
	.vidwrap {
		padding-left: 60px;
		padding-right: 60px;
		padding-top: 40px;
	}
}

@media only screen and (max-width: 1280px) {
  .sof-main-title {
		font-size: 2em !important;
		line-height: 1.5em;
	}	
  .sof-titles {
		font-size: 1.5em !important;
	}
}

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

@media only screen and (max-width: 1024px) {
	.pfix {
		display: none;
	}
	
	h2,.h2 {
		font-size: 1.5em !important;
	}
	h4,.h4 {
		font-size: 1em !important;
	}
  	.sub-ttls {
		font-size: 1.2em !important;
	}
	.tele-b p {
		padding-bottom: 10px!important;
	}
	.media-body p, div p {
		font-size: 0.9em;
	}
	
	.big-title {
		font-size: 4em;
	}
	.inter-txt p {
		font-size: 1em;
		padding: .6em 0em;
	}
	.icon-box.left a {
		margin-right: 10px;
	}
	.vidwrap {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 10px;
	}
	.sys-arc1 p {
		font-size: 1em;
		padding: 0.9em 0em;
	}
	.pqtxt1 p {
		font-size: 1em;
		padding-bottom: 1em;
	}
	.pqimg {
		margin-top: 30px;
	}
	.event-date {
		padding-right: 0px;
	}
	.filler {
		display: none !important;
		background-color: #FFF;
	}
	
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.menuzord-menu > li > a {
	  padding: 4px 0px;
	}
	
	.menuzord-menu > li > a {
		padding: 5px 0px;
		margin: 0px 15px;
	}
	.big-title {
		font-size: 3em;
	}
}

@media only screen and (max-width: 901px) {
   .sof-main-title {
		font-size: 2.1em !important;
		line-height: 1.8em;
	}
  .sof-titles {
	font-size: 1.5em !important;
	}
	
	.filler {
		display: none !important;
	}
	.home {
		height: 280px;
		background-image:none;
	}
}

@media only screen and ( height: 1020px ) {
	.pfix {
		display: none;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.big-title {
		font-size: 3.6em;
		margin-bottom: 50px;
	}
	.copy {
		font-size: 0.875em;
	}
	.nav > li > a {
	  padding: 8px 10px;
	}
	.home {
		height: 280px;
	}
	.htxt {
		width: 100%;
		padding-right: 30px;
		padding-left: 30px;
		margin: 40px 0px 40px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
	
	.big-title {
		font-size: 3.5em;
		margin-bottom: 0;
	}
	.copy {
		font-size: 0.75em;
	}
	.nav > li > a {
	  padding: 8px 8px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {
	.big-title {
		font-size: 3em;
		margin-bottom: 0;
	}
	.copy {
		font-size: 0.60em;
	}
	.font-18 {
		font-size: 14px !important;
	}
	.font-36 {
		line-height: 1em;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 360px) and (max-width : 850px) {
	.big-title {
		margin-bottom: 0px!important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 425px) {
	.history-img {
		margin-left: 0;
		margin-bottom: 0;
		margin-top: 0;
	}
	.nav > li > a {
    padding: 8px 3px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {
}