@import url('https://use.fontawesome.com/releases/v5.10.1/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

@font-face {
    font-family: 'Vice City Sans';
    src: url('../font/ViceCitySans-ItalicLight.woff2') format('woff2'),
        url('../font/ViceCitySans-ItalicLight.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Vice City Sans';
    src: url('../font/ViceCitySans-Bold.woff2') format('woff2'),
        url('../font/ViceCitySans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vice City Sans';
    src: url('../font/ViceCitySans-ItalicBold.woff2') format('woff2'),
        url('../font/ViceCitySans-ItalicBold.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Vice City Sans';
    src: url('../font/ViceCitySans-Light.woff2') format('woff2'),
        url('../font/ViceCitySans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



/****************************************************************************/
html {scroll-behavior: smooth;}
body{color:#000;  font-family: 'Vice City Sans'; font-weight:700; font-size:18px; line-height:1.5; margin:0px; padding:0px;}
p{margin:0 0 20px 0 !important;}
a{color:#312c6f; outline:none!important; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
.ls-2{letter-spacing:.2em !important;}

.fs-20{font-size:20px}.fs-28{font-size:28px}
.fs-24{font-size:24px}.fs-30{font-size:30px}
.fs-36{font-size:36px}

.imground{border-radius:30px;}
.BorHr hr{height:4px !important; background:#000}

.pt-50{padding-top:70px;} .pb-50{padding-bottom:50px;} 
.mb0{margin-bottom:0px !important;}.mb10{margin-bottom:10px !important;}.mb20{margin-bottom:20px !important;}


.py-100{padding-top:100px;padding-bottom:100px;}.pt-100{padding-top:100px;}
.py-50{padding-top:50px; padding-bottom:50px;} .py-30{padding-top:30px; padding-bottom:30px;} 
.py-60{padding-top:60px;padding-bottom:60px;}
.py-80{padding-top:80px;padding-bottom:80px;}
.p-10{padding:10px;}
.py-20{padding-top:20px;padding-bottom:20px;}

/*****************************/
.fw-light{font-weight:300 !important;}
.fw-medium{font-weight:500 !important;}
.fw-semi{font-weight:600 !important;}
.fw-bold{font-weight:700 !important;}
.fw-bolder{font-weight:900 !important;}

.pure-g-spacing {margin:0 -12px; }
.pure-g-spacing > div {padding:0 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:25px;}

.pure-g-sm {margin:0 -12px; }
.pure-g-sm > div {padding:0 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:10px;}


h1,.h1, h2,.h2,h3,.h3{font-family: 'Bebas Neue', sans-serif;}
h1,.h1{font-size:46px; margin:0px 0 30px 0px; line-height:1; font-weight:700;}
h2,.h2{font-size:32px; font-weight:400;}
h3,.h3{font-size:14px; font-weight:500; margin:0px 0px 15px 0px !important; text-transform:uppercase; letter-spacing:.050em; color:#393838;}

/******* Helpers ********************************************************************/
.font-vice{font-family: 'Vice City Sans';}
.font-bebas{font-family: 'Bebas Neue', sans-serif;}

.mx-auto{margin:auto;}
.d-block{display:block;}
.text-center{text-align:center;} .text-left{text-align:left;} .text-right{text-align:right;}
.float-left{float:left;} .text-uppercase{text-transform:uppercase;}
.float-right{float:right;}
.img-fluid {max-width:100%; height:auto;} .Mrgn10{margin-bottom:15px;}
.box-shadow{box-shadow:15px 15px 15px rgba(0,0,0,.1);}
.text-white{color:#fff;}

.bg-dark{background-color:#000 !important;}
.bg-light{background-color:#E5E5E5 !important;}
.bg-white{background-color:#fff !important;}
.bg-secondary{background-color:#d0d0d0 !important;}
.bg-grey{background-color:#191919 !important;}


/******* Buttons ********************************************************************/
.pure-button{moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;text-decoration:none !important; font-weight:700 !important; font-size:17px; padding:16px 30px 14px 30px; font-family: 'Vice City Sans'; vertical-align:top; border-radius:50px; letter-spacing:1.3px; text-transform:capitalize;} 
.pure-button.focus,.pure-button:focus{box-shadow:none;}
.pure-button-primary {background: linear-gradient(to bottom, #183aa8 0%,#182f7d 100%)!important; color: #fff!important; border:none}
.pure-button-primary:hover,.pure-button-primary:focus { background: linear-gradient(to bottom, #182f7d 0%,#183aa8 100%)!important; color: #fff !important; box-shadow: none;}

/************************************************* Header ********************************************************************/
.page-header,#Header{border-top:solid 30px #000 !important; padding:20px 0px;} 
#Header .pure-input-1{min-height:45px; border-radius:0px 50px 50px 0px !important; box-shadow:none !important; font-size:14px; padding-left:13px !important;color:#6a6a6a; background:#F9F9FA; border-left:none !important; border:solid 1px #EDEDED;letter-spacing: 1px;}
#Header .btnsearch{background:#F9F9FA; border-radius:50px 0px 0px 50px !important; padding:7px 0 0px 10px; text-align:center;height:36px; display:inline-block; border:solid 1px #EDEDED; border-right:none;}
#Header .AccountSection{text-align:left; font-size:14px;color:#000; margin-top:10px;} #Header .AccountSection .mx-4{margin:0 45px;} #Header .AccountSection .mx-2{margin:0 5px;}
#Header .AccountSection a{color:#000;} #Header .AccountSection a:hover{color:#aaa;} #Header .AccountSection img{vertical-align:top; margin-right:5px; margin-top:5px;}
.BnrImg{position:relative;}
.BannerText{position:absolute; left:19%; right:0px; margin:auto; top:72%; z-index:1;}
.MainBanner img,.w-100{width:100%;} 

/************************************************* Navbar ********************************************************************/
.navbar{padding-top:25px;} 
.navbar .pure-menu-link{font-size:16px; color:#000; padding:0px 15px; display:inline-block; background:none;letter-spacing:1.5px;}
.navbar .pure-menu-link.nopad{padding-left:0px;}.navbar  .pure-menu-link.nopadleft{padding-right:0px;}
.navbar .pure-menu-link:hover{color:#aaa;} .navbar .pure-menu-link.active{color:#aaa;}
.navbar .pure-menu-item a::after {
  content: "|";
  position: relative;
  left: 18px;
  top: 0;
  color: #000 !important;
  pointer-events: none;
}
.navbar .pure-menu-item:last-child a:after {content:" "; left:0;}
 
/******* Slider ********************************************************************/
.SourceArea{padding:90px 0px 140px 0px; color:#fff;}
#WelTxt,.Manfacture {padding:100px 0 50px 0px;}
#WelTxt .borimg img{border-radius: 50px;} #WelTxt .CatText{margin-top:30px;} 
.Manfacture .TextBox{background:#000; color:#fff; font-size:17px; padding:40px 50px 50px 50px; border-radius:50px; min-height:335px;}
.Manfacture .TextBox h2{border-bottom:solid 1px #fff; padding-bottom:25px; margin-bottom:30px;}
.Manfacture .MainText{min-height:190px;}
.Manfacture .TextBox a{color:#fff;letter-spacing:1.6px; text-decoration:underline;} .Manfacture .TextBox a:hover{color:#565656;}
.UlList{padding:0px 0 0 15px;} .OLList{padding:0px 0 0 15px;}

/********** Footer ***************************************************************************************************/
.ftr-links {color:#000; padding:50px 0px 0px 0px;  font-size:14px; line-height:30px; letter-spacing: 0.7px; margin-top:70px;border-top:solid 2px #DDDADA !important;}
.ftr-links ul{list-style:none; margin:0px; padding:0px;}
.ftr-links  a {color:#000;} .ftr-links  a:hover {color:#497bf7;}
.ftr-links h4 {font-size:24px; font-family: 'Bebas Neue', sans-serif; margin:0 0 10px; font-weight:400 !important;}
.ftr-links .fab{font-size:20px; padding-right:10px;}
.ftr-bottom {font-size:10px; margin-top:15px; color:#fff; line-height:1.3;text-transform:uppercase;}
.ftr-links .BorBtm{border-bottom:solid 2px #DDDADA !important; margin:50px 0px 0px 0px;}
.CopyText{font-size:13px; padding:25px 0 15px 0px; letter-spacing:1.3px;}
.CopyText .pure-g-spacing > div {margin-bottom:0px;} .Linespace{display:inline-block; margin:0 8px;}
.container-fluid{max-width:1470px !important; margin:auto; padding-right:15px; padding-left:15px;}
.container-new{max-width:1820px !important; margin:auto; padding-left:15px; padding-right:15px;}
.container{max-width:1170px !important; margin:auto;padding-left:15px; padding-right:15px;}
.mb30{margin-bottom:30px;}
#Footer {border-bottom:solid 30px #000;}

/******* IT Services page CSS ********************************************************************/
.Innerbnr{position:relative;}
.ban-title {font-size:100px;}
.PageBannerText{position:absolute; left:0; right:0px; margin:auto; top:32%; z-index:1; color:#fff;max-width:1470px !important; margin:auto;padding-left:15px;}
.MainBanner img,.w-100{width:100%;} 


.ItSerBox{background:#000; color:#fff; font-size:16px; line-height:30px; padding:40px 50px; border-radius:50px; min-height:820px;}
.ItSerBox h2,.ItSerBox1 h2,.ItSerBox2 h2{border-bottom:solid 1px #fff; padding-bottom:25px; margin-bottom:30px;}

.ItSerBox1{background:#000; color:#fff; font-size:16px; line-height:30px; padding:40px 50px; border-radius:50px; min-height:390px; margin-bottom:25px;}
.ItSerBox2{background:#000; color:#fff; font-size:16px; line-height:30px; padding:40px 50px; border-radius:50px; min-height:325px;}

/******* CloseIT Services page CSS ********************************************************************/


.position-relative{position:relative;}
.ColCenter{	position: absolute; 
	top: 50%; 
	left:0%; right:0%; 
	transform: translate(0%,-50%);}

.container-fluid{max-width:1470px !important; margin:auto; padding-right:15px; padding-left:15px;}
.container-new{max-width:1820px !important; margin:auto; padding-left:15px; padding-right:15px;}
.container{max-width:1170px !important; margin:auto;padding-left:15px; padding-right:15px;}
.mb30{margin-bottom:30px;}

@media (min-width: 1920px) {
.container-fluid{max-width:1470px !important; margin:auto; padding-right:15px; padding-left:15px;}
.container-new{max-width:1820px !important; margin:auto; padding-left:50px; padding-right:50px;}
.pure-gl-spacing {margin:0 -20px;} .mb30{margin-bottom:50px !important;} .mb50{margin-bottom:100px !important;}
.pure-gl-spacing > div {padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.w-75{width:77.5% !important;}

}
@media (max-width:1280px) {.ItSerBox,.ItSerBox1,.ItSerBox2{padding:30px 40px;} .ItSerBox h2, .ItSerBox1 h2, .ItSerBox2 h2 {border-bottom:solid 1px #fff; padding-bottom:25px; margin-bottom:20px;}}

@media (min-width: 767.98px) {	
.pullright{float:right; margin-top:15px;} .MrgTop{margin-top:25px;}
.text-right{text-align:right;}
}
@media (min-width: 991.98px) and (max-width: 1199.98px) {
.BannerText{line-height:50px; font-size:46px;}
.mb30{margin-bottom:30px;}
#Header .AccountSection .mx-4 {margin: 0 12px;}
.PageBannerText{padding-left:15px;}.ban-title {font-size:46px; margin-bottom:15px;}
.ItSerBox,.ItSerBox1,.ItSerBox2{padding:30px 30px;} .ItSerBox h2, .ItSerBox1 h2, .ItSerBox2 h2 {border-bottom:solid 1px #fff; padding-bottom:25px; margin-bottom:20px; font-size:20px;}

.DataArea h2{font-size:24px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.BannerText{line-height:40px; font-size:34px;}#Header {padding:10px 0px;}
.mb30{margin-bottom:20px;} #WelTxt .h2{font-size:20px;}
#WelTxt,.Manfacture {margin:50px 0;}
.SilderLogo{width: 90%;} #Header .pure-g-spacing > div {margin-bottom:5px;}
.SourceArea {padding: 90px 0px 30px 0px;}
.BannerText {left: 2%;top: 78%;}

.PageBannerText{padding-left:15px;}.ban-title {font-size:34px; margin-bottom:15px;}
.ItSerBox,.ItSerBox1,.ItSerBox2{padding:30px 30px; min-height:unset;}
.ItSerBox1 {margin-bottom:0px;}

.py-100,.py-60,.py-80,.pt-100{padding-top:50px;padding-bottom:50px;}.ColCenter{	position:static;transform: translate(0%,-0%);}
}
@media (max-width: 767.98px) {	
#Header .Logo {text-align:center;}
#Header{position:static; } 
.BannerText{line-height:30px; font-size:26px;top:45%;}
.SilderLogo{width: 90%;}.CopyText{line-height:1.2; letter-spacing:.020em; text-align:center;}
.ftr-links .BorBtm{margin:50px 0px 0px 0px;}
.BannerText {left: 15px; right: 0px;}
.ftr-links .BorBtm {margin: 0px 0px 0px 0px;}
.SourceArea {padding: 90px 0px 30px 0px;}
#WelTxt, .Manfacture {padding: 30px 0 50px 0px;}
#Header .pure-g-spacing > div {margin-bottom:5px;}#WelTxt .h2{font-size:18px;}h1, .h1 {font-size:30px;}
.Manfacture .TextBox{padding:10px 15px; border-radius:20px;}.Manfacture .TextBox h2 {padding-bottom:10px;margin-bottom:10px;font-size:17px;}

#Footer .text-right {text-align:center; padding-top:10px;}.ftr-links h4 {font-size:18px;}

.PageBannerText{padding-left:15px;}.ban-title {font-size:24px; margin-bottom:5px;}
.ItSerBox,.ItSerBox1,.ItSerBox2{padding:10px 15px; border-radius:20px; min-height:unset;}
.py-100,.py-60,.py-80,.pt-100{padding-top:50px;padding-bottom:50px;}.ColCenter{	position:static;transform: translate(0%,-0%);}
}

@media (max-width:575.98px) {
.BannerText .pure-button { width:100%; margin:3px 0}

.BannerText {position:static; padding:0 10px;}
#Header .AccountSection .mx-4 {margin: 0 12px;}
.SourceArea {padding:40px 0px 30px 0px;}
#WelTxt, .Manfacture {padding: 30px 0 50px 0px;}.Manfacture .TextBox{padding:25px; border-radius:20px; min-height:unset; height:unset;}
.pure-g-spacing > div {margin-bottom:15px;}
#Header .LogoMbl{width:74%; margin-bottom:10px;}

.PageBannerText{padding-left:15px; top:21%;}.ban-title {font-size:24px; margin-bottom:5px;}
.ItSerBox,.ItSerBox1,.ItSerBox2{padding:10px 15px; border-radius:20px; min-height:unset;}
body{font-size:16px;}


.fs-20,.fs-28,.fs-24,.fs-30 {font-size:20px;}.fs-36{font-size:26px;}
}

@media (max-width: 479px) {
.BannerText{line-height:20px; font-size:14px;top:35%;}#Header{padding:15px 0px;} 
.Manfacture .Borbox{border-left:none;border-right:none;border-bottom:solid 1px #000;border-top:solid 1px #000; padding:20px 0px;margin:30px 0px;}
#Footer .btnsearch {padding: 10px 0px;}
.pure-button {font-size: 12px;}
}

@media (max-width: 360px) {
}