@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&display=swap');
/*font-family: 'Open Sans', sans-serif;*/


body{font-family: 'Open Sans', sans-serif; margin:0; padding:0; font-size:14px; color:#333; line-height:24px; background:#fff;}
body, html{overflow-x:hidden; scroll-behavior: smooth;}



a{text-decoration:none; color:#333;}
a:hover{color:#333;}
a, .header, .logo img, .btn, .thumb:hover img, .thumb:hover span, .boxes:hover, .f-logo:hover, .fb-logo:hover{-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.display-1{font-size: calc(24px + (70 - 24) * ((100vw - 300px) / (1400 - 300)));}
.display-2{font-size: calc(24px + (60 - 24) * ((100vw - 300px) / (1400 - 300)));}
h1{font-size: calc(24px + (48 - 24) * ((100vw - 300px) / (1400 - 300)));}
h2{font-size: calc(24px + (36 - 24) * ((100vw - 300px) / (1400 - 300)));}
h3{font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1400 - 300))); font-weight:700;}
h4{font-size:18px;}
h5{font-size:16px;}
.lead{font-size:18px; line-height:30px;}
.bg-dark{background:#2d2a2b!important;}




.header{width:100%; position:fixed; z-index:999; padding:0; background:#000;}


.logo img{max-width:116px;}
.shrink .logo img{max-width:90px;}
.spacer{height:108px;}
.btn, .btn-primary{display: inline-flex; padding:10px 25px; font-size:16px; font-weight:700; align-items: center; border-radius:0; 
background-image: linear-gradient(0deg,transparent,transparent 50%,#333 0,#333);
background-position:0 -100%;
background-size: 100% 200%;
transition: all .25s ease-in;}
.btn:hover{background-color: transparent;transition: all .25s ease-in-out;background-position: 0 0;color:#fff;border-color:#333;}


.btn-primary{background-color: #771cc3; border-color: #771cc3;}

.btn-lg{padding:20px 50px;}
.btn-sm{padding:8px 15px;}
.btn:focus{box-shadow:none;}

.btn-xs{
font-size: 12px;
padding: 5px 10px;
}
.orionbox img {
    object-fit: cover;
    aspect-ratio: 1 / 1;
}


.access ul{margin:0; padding:0; list-style:none;}
.access li{display:inline-block; margin:0 0 0 40px;}
.access li a{font-size:14px; color:#fff; display:block; height:38px; line-height:38px; font-weight:400; font-family: 'Poppins', sans-serif;}
.access li a i{color:#771cc3;}
.access li a:hover, .access li a.active{color:#771cc3;}
.access li.navbar-dropdown {position: relative;color: #fff;}
.access li.navbar-dropdown .dropdown {visibility: hidden;opacity: 0;position: absolute;top: 100%;transform: translateY(50px);left: 0;
width:230px;background-color: #771cc3;z-index: 111;transition: 0.4s all;padding: 10px;text-align: left;}
.access li.navbar-dropdown .dropdown li {margin:0; display:block;}
.access li.navbar-dropdown .dropdown li a {color: #fff;}
.access li.navbar-dropdown:hover .dropdown {visibility: visible;opacity: 1;transform: translateY(0px);}





.innerbanner {background: url(images/banner-bg.jpg) center center; position:relative; width:100%; height:155px;}
.innerbanner:before{position:absolute; content:''; width:100%; height:100%; background:#fff; opacity:.2; top:0;}
.servicebanner {background: url(images/services-banner.jpg) center center; position:relative; width:100%; height:155px;}
.servicebanner:before{position:absolute; content:''; width:100%; height:100%; background:#fff; opacity:.2; top:0;}
.aboutbanner {background: url(images/about-banner.jpg) center center; position:relative; width:100%; height:155px;}
.aboutbanner:before{position:absolute; content:''; width:100%; height:100%; background:#fff; opacity:.2; top:0;}
.tscmbanner {background: url(images/tsm-banner.jpg) center center; position:relative; width:100%; height:155px;}
.tscmbanner:before{position:absolute; content:''; width:100%; height:100%; background:#fff; opacity:.2; top:0;}
.contactbanner {background: url(images/contact-banner.jpg) center center; position:relative; width:100%; height:155px;}
.contactbanner:before{position:absolute; content:''; width:100%; height:100%; background:#fff; opacity:.2; top:0;}
.formcircle{background: url("images/circle.png") no-repeat; background-position: calc(100% + 350px) calc(100% + 250px);}

/*
.midbanner{background: url(images/midbanner.jpg);}
.midbanner:before {position: absolute;content: '';width: 100%;height: 100%;background: #1a3260;opacity: .6;}
*/
.midbanner{background:#171f22;}
.midbanner img{opacity:.2;}

.list, .list1{margin: 0;padding: 0;list-style: none;}
.list li, .list1 li{margin-bottom: 10px; display: flex;}
.list li:before, .list1 li:before{font-family:'Line Awesome Free'; display:flex; content:'\f00c'; color:#333; font-size:20px; font-weight:700; padding-right:10px;}
.list1 li:before{color:#fff;}
.listbox{margin:0; padding:0; list-style:none;}
.listbox li span{margin-bottom: 10px;display: flex;column-gap: 26px;font-weight:700;font-size: 16px;}
.listbox li span:before{font-family: 'Line Awesome Free';display: flex; content: '\f00c'; color: #000; font-size: 20px; font-weight: 700;}


.right-line{display: grid; grid-template-columns: auto minmax(20px, 1fr); align-items: center; grid-gap: 20px; width: 100%;}
.right-line:after {content: ''; border-top: 1px solid #ccc;}

.thumb {overflow: hidden; background:#000; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .90s ease-in-out;
transition: .90s ease-in-out; position: relative;}
.thumb span {position: absolute;left:-90%;right: 0;top: 50%;transform: translate(0, -50%);}
.thumb:hover span{left:0; right:0; text-align: center; margin:0 auto;}

.thumb img{-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .90s ease-in-out; transition: .90s ease-in-out;  object-fit: cover; aspect-ratio: 1 / 1;}

.thumb:hover img{opacity:.3; -webkit-transform: scale(1.1); transform: scale(1.1);}
.thumb a{color:#fff;}




.accordion{--bs-accordion-bg:none!important;}
.accordion-item{margin-bottom:0; border:0;}
.accordion-item .list li:before{color:#fff; margin-right:10px;}
.accordion-header {background:none; color:#fff; padding:20px 0; border-bottom: 1px solid #636f78;}
.accordion-button{background-color:none; color:#fff; display:block; padding:0; border:0; font-weight:700;}
.accordion-button::after {
    font-family: 'Line Awesome Free';
    content: "\f067";
    color: #fff;
    font-weight: 900;
    font-size: 16px;
    background-image: none;
    height: 100%;
/*    width: 40px;*/
    position: absolute;
    right:0;
    text-align: center;
    top: 50%;
    transform:translate(0, -50%)!important;
    align-items: center;
    display: flex;
    justify-content: center;
}
.accordion-button:not(.collapsed) {
    background: none;
    color: #fff;
    border-bottom: 0;
	box-shadow:none;
}
.accordion-button:not(.collapsed)::after {
    content: "\f068";
    background-image: none;
}
.accordion-button:focus{box-shadow:none;}

.accordion-body{padding:20px 0; color:#fff;}

.boxes{height:350px; background:#fff; padding:35px; box-shadow: -2px 0px 5px 4px rgba(0,0,0,0.04);
-webkit-box-shadow: -2px 0px 5px 4px rgba(0,0,0,0.04);
-moz-box-shadow: -2px 0px 5px 4px rgba(0,0,0,0.04); -webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.boxes:hover{background: rgb(68,165,231);
background: linear-gradient(61deg, rgba(68,165,231,1) 0%, rgba(119,28,195,1) 40%); color:#fff;}
.gradient-bg{background: rgb(68,165,231);
background: linear-gradient(61deg, rgba(68,165,231,1) 0%, rgba(119,28,195,1) 40%); color:#fff;}

.videobox a {position:absolute; font-size: 50px; color: #fff; z-index:1;}

.securitylogo:before {position: absolute;content: '';width:352px;height:433px;background:url("images/securitylogo.png") no-repeat;
opacity:.1; bottom:-14px; z-index:-1; left:153px;}
.lastbanner {background: url(images/servicebanner.jpg);}
.lastbanner:before{position:absolute; content:''; width:100%; height:100%; background:#171f22; opacity:.8;}



.footer{font-size:14px; font-weight:500; color:#333; background-color:#fff; line-height:24px;}
.footer a{display:block; font-size:24px; margin:0; color:#333; font-weight:400; transition:all 700ms ease-in-out;}
/*.footer a:hover{color:#771cc3;}*/
.social a {display:inline-block; margin: 0 12px 0 0; font-size:30px; color:#000;}
.f-line{width:20px; border-top:2px solid #ccc; opacity:1;}
.f-logo{max-width:165px;}
.footer a.flogos:hover{transform:scale(1.1);}
.fb-logo{max-width:230px;}
.footer a.fb-logos:hover{filter: contrast(1.75);}
.footerlast{border-top:1px solid #000;}
.footer a:hover{color:#771cc3;}



.form-control{background:0!important; font-size:13px; padding:0 10px; text-transform:none; height:50px; margin-bottom:5px; }
.form-control:focus{border-color: #ccc; box-shadow: none; background-color:#eaf5f1; text-transform:none;}
.error{font-size: 13px; display: block; color: #f70000; margin-top: 5px;}
textarea.form-control-lg{height:120px; padding:12px 10px; resize:none; width:100%;  font-size: 15px;}


.form-control::place-holder{text-transform:none;}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */text-transform:none;}
.form-control::-ms-input-placeholder { /* Microsoft Edge */text-transform:none;}




.formbox i{background:#fff; border-radius:5px; padding:5px; font-size:24px; vertical-align:middle; margin-right:10px; color:#000;}
.formbox a{color:#fff; display: block;}
.schedulelist {margin: 0;padding: 0;list-style: none;position: relative;}
.month {display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 5px;}
.month:after {position: relative;content: '';width: 100%;background: #fff;height: 1px;margin: 0 10px 5px;}
.time {order: 12;min-width:250px;}
.table td{padding:20px;}
.table a{color:#0dcaf0;}
.table>:not(caption)>*>*{padding:20px;}
.grid-sizer, .grid-item {width: calc((100% - 60px)/4);}
.grid-item {float: left; margin-bottom:15px;}
.grid-item a {height: 100%;
    padding-bottom: 100%;
    position: relative;
    display: block;}
.grid-item img { width: 100%; border:1px solid #ccc; position:absolute;
	top:0;
	left:0;
	height:100%;
	object-fit:cover;}
.pdfbox a{font-size:18px; font-weight:700;}
.pdfbox i{font-size:40px; vertical-align: middle; color:red;}

.clock{max-width: 180px;position: relative;top: -120px; margin-bottom: -90px;}

.f-logo:hover, .fb-logo:hover {filter: contrast(1.75);}
.fb-img:hover {filter: contrast(1.75);}

@media (max-width:1400px){
	.container{max-width:1230px; position:relative;}
}

@media (max-width:1199.98px){
.access li{margin:0 0 0 13px;}
/*.access li a{font-size:16px;}*/
.banner h1 span{font-size:60px;}
.innerbanner{height:100px;}
.contactbanner{height:100px;}
.servicebanner{height:90px;}
.tscmbanner{height:90px;}
.aboutbanner{height:90px;}
.btn-lg{padding:12px 30px;}
.boxes{padding:30px;}
.boxes h4{font-size:15px;}
}

@media (max-width:991.98px){
/*.header .btn{padding:10px;}*/
.access li a{font-size:14px; text-align:center;}
.f-logo {max-width: 100px;}
.social a{font-size:30px;}
.boxes{height:auto;}
.clock {top: -45px;}
	
}

@media (max-width:767.98px){
.logo img {max-width: 70px;}
.shrink .logo img {max-width:70px;}
.spacer {height:72px;}
.midbanner img {height:430px;object-fit: cover;}
.access li a{line-height:inherit; height:auto;}
.snav{padding: 10px; width: 40px; cursor: pointer; z-index: 998!important; background:#771cc3; border:0; border-radius: 46% 54% 68% 32%/55% 48% 52% 45%;}	
	.snav i{display:block; background:#fff; height:2px;}
	.snav i+i{margin-top:5px;}
	.snav:focus{outline: none;}
	.snav.openbtn i:nth-child(1){
	-moz-transform: rotate(45deg) translateX(5px) translateY(5px);
	-webkit-transform: rotate(45deg) translateX(5px) translateY(5px);
	-o-transform: rotate(45deg) translateX(5px) translateY(5px);
	-ms-transform: rotate(45deg) translateX(5px) translateY(5px);
	transform: rotate(45deg) translateX(5px) translateY(5px);}
	.snav.openbtn i:nth-child(2){opacity:0;}
	.snav.openbtn i:nth-child(3){
	-moz-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-webkit-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-o-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-ms-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	transform: rotate(-45deg) translateX(5px) translateY(-5px);}
	.btn-lg {padding: 10px 30px; font-size:16px;}
#nav {display:none; position:absolute; background:#771cc3; top:0; right:0; left:0;}
.access ul {display: flex;align-items: center;justify-content: center;flex-flow: column; gap:4vh; height:100vh;}
.access ul li {margin: 0;}
.access ul li a {font-size: 24px; color:#fff;}
.access ul li a img {display: inherit;margin:0 0 0 5px;}
.access li a:hover, .access li a.active {color: #333;}
.access li.navbar-dropdown .dropdown {visibility:inherit; opacity:1; position:relative; top:0; background:none!important; width:100%;
height:auto; gap:inherit; transform:none;}
.access li.navbar-dropdown .dropdown li a{font-size:16px;}

	.banner img{height:280px; object-fit: cover;}
.f-line{margin:10px auto;}
.securitylogo:before{display:none;}

}
@media (max-width: 575.98px) {
	body{font-size:13px; line-height:20px;}
	.form-control {height:40px;}
	.innerbanner{height:90px;}
	.contactbanner{height:90px;}
	.servicebanner{height:90px;}
	.tscmbanner{height:90px;}
	.aboutbanner{height:90px;}
	.footer{line-height:20px;}
	.footer a{font-size:14px;}
	.f-logo{max-width:100px;}
	.social a{font-size:25px;}
	.accordion-button{font-size: 12px;}
	.time{min-width: 130px;}
	.formbox .lead {font-size: 14px;line-height: 24px;}
	.formbox h4{font-size:14px;}
	.h4{font-size:14px!important;}
	h2, h3{font-size:20px;}
	.spacer{height:70px;}
	.lead {font-size: 14px;line-height: 24px;}
	.pdfbox a{font-size:14px;}
	.clock {max-width: 130px;top: -45px;}
	.btn-xs {font-size: 12px; line-height: normal;}
}