@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


html {overflow-x: hidden;}
body {
	margin: 0;padding: 0; font-family: 'Lato', sans-serif; overflow-x: hidden;width: 100%;
}
h1, h2, h3, h4, h5, h6, p, span {font-family: 'Lato', sans-serif}
a:hover {text-decoration: none;color: inherit;}

ul, ol {padding: 0px;list-style: none;}

.carousel-control-next {z-index:99;}
.carousel-item {
  height: 92vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.mybtn {background: #f40101; color: #fff; padding: 12px 30px; border-radius: 10px; text-transform: uppercase;}
.logo img {}
.sticky-header .logo {top: 0px;}
.header .navbar a.nav-link {color: #fff; padding: 0px 10px;}
.header .navbar-nav { padding: 10px 0px;}
.header .navbar li:last-child a.nav-link { border-right: 0px solid #f40101;padding-right: 0px;}
.header .navbar li:first-child a.nav-link { padding-left: 0px;}
.header .navbar {padding: 12px 0;}
.top-section { padding-top: 15px; position: absolute;
    top: 0px;
    z-index: 999;
    width: 100%;}

.mb-35 {margin-bottom: 35px;}
.top-bar-content {line-height: 1.9;float: right;}
.top-bar-content a {color: #eee;}
.top-bar-content .addr a span {margin-left: 10px;}
.top-bar-content ul {display: flex; margin-bottom: 0px;}
.top-bar-content .addr {margin-right: 27px;}
.social_icon div span a {background: #f40101; border-radius: 50%; width: 30px; height: 30px;
text-align: center; line-height: 30px; display: inline-block; margin-left: 10px;}
.navbar-brand {padding: 0;max-width: 140px;}
.navbar-brand svg,.navbar-brand img{width:100%;display:block  }
.navbar-brand img{margin-top:10px;}
.gray{fill:#787878;}
.red{fill:#ed1e24;}
.footer-part .bg-success {color:#fff}
.path-div{animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear;transition:opacity    }
.line-1,.line-a,.line-3,.line-c,.line-5,.line-e{animation-name:lineGray;}
.line-2,.line-b,.line-4,.line-d{animation-name:lineRed;}
.line-1,.line-a{animation-delay:1s}
.line-2,.line-b{animation-delay:1.2s}
.line-3,.line-c{animation-delay:1.4s }
.line-4,.line-d{animation-delay:1.6s }
.line-5,.line-e{animation-delay:1.8s }

.line-b{}
.line-c{}
.line-d{}
.line-e{}

@keyframes lineRed {
	0% {
		fill:#ffffff
	}
	50%{
		fill:#ed1e24
	}
	100%{
		fill:#ed1e24
	}
}
@keyframes lineGray {
	0% {
		fill:#ffffff
	}
	50%{
		fill:#787878
	}
	100%{
		fill:#787878
	}
}
/*.cls-1{fill:#ed1e24;}.cls-2{}.cls-3{fill:#ec2027;}.cls-4{fill:#787979;}*/
.top-bar-content .social_icon {text-align: right;margin-left: auto; margin-right: 0px;}
.sticky-header .navbar {background: #252525; margin-top: 0px; transition: 0.7s; padding: 8px 0px;}
.sticky-header .logo img {width: 100%;}
.main-slider .carousel-inner .carousel-caption {left: 15%;right: auto;top: 32%; text-align: left;}
.main-slider .carousel-inner .carousel-caption h2 {font-size: 36px;color: #f40101;text-transform: uppercase;}
.main-slider .carousel-inner .carousel-caption .lead-text {font-size: 16px;margin-bottom: 40px; width:60%; overflow:hidden;}
.main-slider .carousel-inner .carousel-caption a.mybtn {text-align: left;}
.section-padding {padding: 50px 0px;}
.section-padding-bottom {padding-bottom: 50px;}
.bg-2 {background: url('../images/bg-2.png'); background-size: cover; background-repeat: no-repeat;}
.bg-1 {background: url('../images/bg-1.png'); background-size: cover;background-repeat: no-repeat; color: #eee;}
.title-heading{color: #eee;margin-bottom: 30px;}
.highlights {color: #f40101;}
.highlights h6 {font-size: 53px;letter-spacing: 3px; font-weight: 700;line-height: 0.9;margin-bottom: 0px;}
.highlights span {letter-spacing: 2px;font-size: 30px;font-weight: 300;line-height: 1.2;}
.III {color: #eee; font-weight: 600;font-size: 21px;margin-bottom: 30px;}
a.mybtn:hover  {background: #fff;color: #f40101;transition: 0.5s;}
.about_home_content{padding: 30px 0px;}
.our-goals-section .title h2 {font-weight: 600; font-size:36px;margin-bottom: 60px;}
.our-goals-section {background:#fafafa;}
.single_goals_content {background: #fff;border-radius: 30px;padding: 40px 30px;}
.border-red {border: 1px solid #f40101; border-radius: 30px;padding:10px;}
.border-grey {border: 1px solid #ccc;padding: 4px; border-radius: 30px;}
.single_goals_content .icon {margin-bottom: 35px; display: inline-block;}
.single_goals_content .icon svg {font-size: 40px; color: #f40101;}

.single_goals_content .content h3.title  {font-size: 21px; font-weight: 600;}
.single_goals_content .content .link {color: #f40101;font-weight: 600;}
.single_goals_content .content .link svg{position: relative;top: 2px;}
.single_goals_content .content .desc {margin-bottom: 35px;}
.seperator_bg_content h2 {color: #f40101;text-transform: uppercase;font-weight: 500; letter-spacing: 3px; font-size: 40px;}
.seperator_bg_content p {color: #eee; font-size: 20px;margin-bottom: 0px;}
.contactHome_section .contact_line {color: #fff;font-weight: 700; font-size: 40px;padding-bottom: 80px;}
.contactHome_section {background-color: #bababa;}
.contact-widget {background: #fff; padding:10px; border-radius: 30px;}
.contact-widget .border-red {padding: 30px 15px;}
.contct-icon svg {color: #f40101; font-size: 36px;position: relative;top: 21px;}
.contact-widget .contct-icon  {float: left;padding-left: 10px;}
.contact-widget .contct-content  {padding-left: 70px;}
.contct-capsule .contact-widget  {position: relative;top: -90px;}
.contct-capsule {background: #f4f4f4;}
.contct-content h5 {font-weight: 600;}
.contct-content a {color: #212529;}
.contct-content a:hover {color: #f40101;}
.footer-logo img  {width: 180px;}
.footer-part h5 {color: #eee; margin-bottom: 30px;}
.footer-part .footer-social h5 {margin-bottom: 10px;}
.footer-part ul li a{color: #fff;}
.footer-part ul li a:hover {color: #f40101;}


.footer {background: #252525;}
.footer-social {margin-top: 60px; float: right;}
.footer-social a {width: 40px; height: 40px; line-height: 40px; 
	background: #f40101; text-align: center; border-radius: 25px; display: block; margin-left: 10px;}
.footer-social a svg {color: #fff;}
.footer-social ul  {display: inline-flex;}
.footer-part .footer-newsltr .input-group input, .footer-part .footer-newsltr .input-group .input-group-text
{background: transparent;}
.portal_links li a svg  {margin-right: 10px;}
.portal_links li a:hover svg  {margin-right: 16px; transition: 0.5s;}


.footer-part .footer-newsltr .input-group  {border: 1px solid #ddd; padding: 5px;border-radius: 15px;}
.footer-part .footer-newsltr .input-group input {border: none;color: #eee;}
.footer-part .footer-newsltr .input-group .input-group-text {border: none;color: #f40101;border-left: 1px solid #f40101;}
.border-red-input {    width: 100%; display: inline-flex; border: 1px solid #f40101; border-radius: 10px;}
.footer_quicklink ul {margin-top: 10px;}
.footer_quicklink h5 {color: #f40101;border-bottom: 1px solid #f40101; display: inline-block; padding-bottom: 3px; }
.footer_quicklink li a{color: #eee;padding: 0px 15px;border-right: 1px solid #f40101; }
.footer_quicklink {margin-top: 30px;}
.footer_quicklink ul li:first-child a{padding-left: 0px;}
.footer_quicklink ul li:last-child a{border-right: 0px;}
.footer_quicklink ul li{display: inline-flex}
.copyrightss {border-top: 1px solid #eee; padding-top: 15px;}
.copyrightss p{color: #eee;margin-bottom: 0px;}
.copyrightss a{color: #f40101;position: relative;
    top: 1px;}

.single_goals_content:hover {color: #fff; background: #f40101;transition: 0.5s;}
.single_goals_content:hover svg, .single_goals_content:hover .link {color: #fff;transition: 1.5s;}
.footer-social a:hover {background: #fff; transition: 0.5s;}
.footer-social a:hover svg {color: #f40101;}
.social_icon div span a:hover  {background: #fff; transition: 0.5s;}
.social_icon a:hover svg {color: #f40101;}

.dropdown-toggle::after {display: none;}
.submenu {background: #424242; padding: 0px; transition: 0.8s;margin-top: 1px;}
.submenu a {color: #eee;}
.submenu li:hover {background: #f40101;}
.submenu li a{padding:7px 12px !important; display: block;}
.submenu li {border-bottom: 1px solid #242424; padding: 0; }
.contact-widget.hvr-float-shadow {display: block;}
.submenu li .dropdown-toggle svg {margin-left: 5px;float: right;    position: relative;
    top: 4px;}
.submenu li.active {background: #f40101;}
.navbar-nav .nav-item.active .nav-link{color: #f40101;font-weight: 700;}
.dropdown-item:focus, .dropdown-item:hover {background: transparent; color: #eee;}
.footer_quicklink ul li a:hover {color: #f40101;}
.navbar-toggler:focus, .navbar-toggler:hover {outline: none;}




/*innerpages css*/
.innerbody {background: url('../images/innerbody.png');     background-size: cover;}
.breadcumbs-padding {padding: 160px 0px 0px 0px;}
ul.breadcumbs {border-bottom: 1px solid #f5f5f5;padding-bottom: 8px;}
ul.breadcumbs li span {margin: 0 10px; color: #f5f5f5;}
ul.breadcumbs li a { color: #f5f5f5;}
.contents-txt h3 {color: #f40101;margin-bottom: 20px;}
.first-paragraph {color: #eee; margin-bottom: 35px;}

.border-red-img {border:1px solid #f40101; padding: 6px;border-radius: 15px;}
.border-grey-img {border:1px solid #ccc; padding: 6px;border-radius: 15px;}
.innerpages_img img {border-radius: 15px;}
.sec_paragraph { color: #eee;}
.sec_paragraph p {margin-bottom: 0px;}
.inner-contct-capsule {background: transparent;}
.third_paragraph {color: #eee;margin-top: 10px;}
.third_paragraph ul {list-style: disc;padding-left: 15px;}
.third_paragraph ul li {margin-bottom: 10px;}
.third_paragraph h5 {color: #f40101;}
.section-padding.footer {padding-bottom: 20px;}

.cdngreylogo img { max-width: 240px; filter: grayscale(100%);}
.bg-2:hover .cdngreylogo img { filter: grayscale(0%); transition: 1s;}
.footer-part .footer-newsltr .input-group .input-group-text:hover {color: #fff;transition: 0.5s;}

/*.dropdown-submenu{
    position: relative;
}
.dropdown-submenu a::after{
    transform: rotate(-90deg);
    position: absolute;
    right: 3px;
    top: 40%;
}
.dropdown-submenu:hover .dropdown-menu, .dropdown-submenu:focus .dropdown-menu{
    display: flex;
    flex-direction: column;
    position: absolute !important;
    margin-top: -30px;
    left: 100%;
}*/
.dropdown-menu.subsubmenu {background: #424242;padding: 0px;}
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  pointer-events: none;
}
.dropdown-menu.multi-level {background: #424242; left: 100%;margin-top: -40px; width: 100%;padding: 0px;}
.nav-item.dropdown .fa-angle-down  {position: relative;top: 2px;}
.secparagraph p {color: #fff; text-align: justify;}




/*innerpage-2*/

.first-paragrap-2 {color: #eee; text-align: justify;}
.heading_2 h3 {font-size: 50px;color: #f40101;}
.heading_2 {border-right: 6px double #f40101;height: 100%; display: flex;
    align-items: center;}
.sec_paragraph-2 {color: #eee;}
/*.breadcumbs-padding-2 {background-color: #eee; margin-top: 100px; padding: 50px 0;}
.breadcumbs-padding-2 ul {margin-bottom: 0px;}
.breadcumbs-padding-2 ul.breadcumbs {border-bottom: 1px solid #f5f5f5;padding-bottom: 8px;}
.breadcumbs-padding-2 ul.breadcumbs li span {margin: 0 10px; color: #f5f5f5;}
.breadcumbs-padding-2 ul.breadcumbs li a { color: #f5f5f5;}*/
/*.brdcumbs_withbgg {    margin-top: 110px;}*/


/*NEW CSS FOR CDN*/
.scrollTop {position: fixed; right: 40px; bottom: 40px; background: #f40101; border-radius: 5px; padding: 5px 10px;  z-index: 999;
    cursor: pointer;color: #fff; visibility: hidden; opacity: 0; transition: 0.5s;}

.scrollTop.active {visibility: visible; opacity: 1;}
.iso-logos .single-iso-logo p {text-align: center; margin-top: 7px; font-size: 14px;}
.iso-logos .slick-arrow {position: absolute;top: 35%;z-index: 999; background: #f40101; padding: 6px 10px;color: #fff; border-radius: 5px;
    font-size: 17px; }
.arrow-right {right: 0;}
.iso-logos-section {background: #fafafa; position: relative;}
.iso-logos-section .title h2 {font-weight: 600;
    font-size: 36px;
    margin-bottom: 40px;}
.iso-logos .slick-slide img {
    width: 60%;
    margin: auto;
}
/*DESIGN LAYOUT 2*/

.design_layout2 .innerpages_img { width: 70%;  float: right;}
.design_layout2 .heading_2 span {display: block;}

@media (max-width: 991px){
    .design_layout2 .innerpages_img {width: 90%;}
    .breadcumbs-padding {padding: 135px 0px 0px 0px;}
}




/*DESIGN LAYOUT 3*/
.design_layout3 .contents p {color: #fff; text-align: justify;}
.breadcumbs-bg1 {background: url('../images/breadcumbs/compute.jpg');}

.breadcumbs-bg2 {background: url('../images/breadcumbs/storage.jpg');}

.breadcumbs-bg3 {background: url('../images/breadcumbs/network-security.jpg');}

.breadcumbs-bg4 {background: url('../images/breadcumbs/cyber-security.jpg');}

.breadcumbs-bg5 {background: url('../images/breadcumbs/network-operations.jpg');}

.breadcumbs-bg6 {background: url('../images/breadcumbs/end-user.jpg');}

.breadcumbs-bg7 {background: url('../images/breadcumbs/infrastructure-services.jpg');}

.breadcumbs-bg8 {background: url('../images/breadcumbs/on-site.jpg');}

.breadcumbs-bg9 {background: url('../images/breadcumbs/data-center-maintenance.jpg');}

.breadcumbs-bg10 {background: url('../images/breadcumbs/physical-security.jpg');}

.breadcumbs-bg11 {background: url('../images/breadcumbs/data-center.jpg');}

.salesinfo {visibility: hidden;}














.brdcumbs_withbg { margin-top: 110px;
    padding: 180px 0px;
    text-align: center;
    background-size: cover;}
.brdcumbs_withbg ul.breadcumbs li a {color: #fff; font-weight: 600; font-size: 18px;}
.brdcumbs_withbg ul.breadcumbs {border-bottom: 0; margin-bottom: 0; display: inline-flex; padding: 0; }
.brdcumbs_withbg ul.breadcumbs li hr {background: #fff; height: 3px; width: 15px;border-radius: 10px;    display: inline-flex;
 margin: 0; position: relative; top: -3px;}
.innerpages_img:hover .border-red-img {
    border: 1px solid #6f6f6f; transition: 1s;}
.innerpages_img:hover  .border-grey-img {border: 1px solid #f40101; transition: 1s;}
.section-padding.design_layout3 {padding: 70px 0px;}
.innerpages_img_layout3 img  {border: 6px double transparent;}
.innerpages_img_layout3:hover img {animation: mymove 2s ease-in-out ;}


/*DESIGN LAYOUT 4*/
.design_layout4 .vertical_heading h2{color: #f40101; font-size: 36px;}
.design_layout4 .vertical_heading h2 span {color: #fff;}
.design_layout4 .contents p{color: #fff; text-align: justify;}
.design_layout4 .vertical_heading hr {background: #fff; height: 1px; width: 50%; border-radius: 25px; margin-bottom: 30px;}
.design_layout4 .contents img {margin-bottom: 30px;}
.design_layout4 .double_img {margin: 30px 0px;}
.design_layout4 .double_img img {border-radius:10px ;  box-shadow: 5px 5px 25px #ffffff17;}

.OC_section .innerpages_img {margin-bottom: 30px;}

@keyframes mymove {
  0%{
        border-left: 6px double #f40101;
    }
    25%
    {
    border-left: 6px double #f40101;
border-bottom: 6px double #f40101;
    }
    50%
    {
    border-left: 6px double #f40101;
border-bottom: 6px double #f40101;
        border-right: 6px double #f40101;
    }
    100%
    {
    border-left: 6px double #f40101;
border-bottom: 6px double #f40101;
        border-right: 6px double #f40101;
        border-top: 6px double #f40101;
    }
}




.navbar-nav a.nav-link:hover {color: #f40101;transition: 0.6s; transform: scale(1.1);}


@media (max-width: 1100px){
	.top-bar-content li.addr:first-child {display: none;}
	.header .navbar a.nav-link {
    padding: 0 6px;
    font-size: 14px;}
    .contact-widget .contct-icon {padding-left: 0;}
	.contct-icon svg {font-size: 30px;}
	.contact-widget .contct-content {padding-left: 45px;}
  .sec_paragraph {min-height: 280px;}
.top-bar-content .addr {margin-right: 42px;}
.submenu li {font-size: 14px;}

}

@media (max-width: 991px){
	.top-bar-content li.addr:nth-child(2) {display: none;}
	.top-bar-content {float: right;}
    .header .navbar a.nav-link { border-right: none; padding: 10px 15px; border-bottom: 1px solid #383838;}
	.header .navbar li:last-child a.nav-link {border-bottom: none;}


	.navbar-toggler {outline: none;  padding: 5px 8px; width: 45px; margin-right: 10px; background: #f40101;}
    .navbar-toggler svg {color: #fff;font-size: 24px;}
    .navbar-toggler-icon {display: none;}
    .header .navbar-nav {background: #252525; border-bottom: none;}
    .highlights span {font-size: 24px;}
    .about_home_content {
    padding: 0px 0px;}
    .border-red {padding: 5px;}
    .single_goals_content {padding: 40px 10px;}
  	.contact-widget .contct-content {padding-left: 0px; text-align: center;}
    .contct-icon svg {position: unset;text-align: center;margin: auto;display: block;}
    .contact-widget .contct-icon {float: unset; margin-bottom: 15px;}
    .contact-widget {padding:5px;}
    .contact-widget .border-red {padding: 20px 15px;}
    .footer_quicklink ul li:last-child a {
    padding-left: 0px;
    margin-top: 9px}
    .contactHome_section .contact_line {font-size: 32px;}
    .carousel-item {height: 80vh;}
    .header .navbar li:first-child a.nav-link {padding-left: 15px;}
    .submenu {margin-top: 0px;}
    .submenu li {padding-left: 30px;}
    .contents-txt h3 {font-size: 21px;}
    .border-red-img {padding: 4px;}
    .border-grey-img {padding: 4px;}
    .top-bar-content .addr {
    margin-right: 10px;}
    .dropdown-menu.multi-level {margin-top: 14px;}
    .innerbody {background-position: right;}
    .submenu li:hover {
    background: unset;}
    .heading_2 h3 {font-size: 38px;}
    .header .navbar-nav {border-top: 0;}

}



@media (max-width: 767px){

 .logo {margin-left: 10px;}
.sticky-header .navbar {margin-top: 0px;padding: 8px 0px;}
.top-section {padding-top: 10px;}
.logo {top: 0px; left: 10px;}
.about_home_content  {margin-top: 50px;}
.our-goals-section .border-grey {margin-bottom: 40px;}
.mb-mob-0 {margin-bottom: 0px;}
.seperator_bg_content h2 {
    font-size: 24px;}
.seperator_bg_content p {font-size: 18px;}
.contact-widget {margin-bottom: 40px;}
.footer-part {margin-bottom: 40px}
.footer-part h5 {margin-bottom: 20px;}
.footer_quicklink ul li {display: inline;}
.main-slider .carousel-inner .carousel-caption h2 {font-size: 24px;}
.main-slider .carousel-inner .carousel-caption .lead-text {margin-bottom: 18px; line-height: 20px;}
.carousel-item {height: 60vh;}
.logo img {max-width: 90px;}
.main-slider .carousel-inner .carousel-caption {left: 10%;top: 27%; padding-right: 15px;}
.main-slider .carousel-inner .carousel-caption p br {display: none;}
.main-slider .carousel-inner .carousel-caption a.mybtn {padding: 10px 13px;font-size: 14px;}
.contactHome_section .contact_line {font-size: 24px;}
.sec_paragraph {margin-top: 53px;}
.top-bar-content {
    float: unset;}
.cdngreylogo{margin-bottom: 30px;}
.header .navbar a.nav-link {font-size: 16px;}
.carousel-control-prev  {display: none;}
.carousel-control-next {display: none;}


.heading_2 h3 {font-size: 42px;}
.heading_2 {border-right: 0px;   border-bottom: 6px double #f40101;}
.innerpages_img-2 {margin-top: 50px;}

.brdcumbs_withbg {padding: 100px 0px;margin-top: 82px;}
.navbar-brand {padding-top: 3px; padding-bottom: 0px;}
.breadcumbs-padding {
    padding: 120px 0px 0px 0px;}   
.header .navbar-nav {padding-top: 12px;} 
.footer-social {float: unset; margin-top: 25px; margin-bottom: 25px;}
.scrollTop {right: 15px;}
.innerpages_img {margin-bottom: 40px;}
.innerpages_img-2 {margin-bottom: 0 !important;}
.innerpages_img_layout3  {margin-bottom: 0;}

}


@media (max-width: 370px){ 

.main-slider .carousel-inner .carousel-caption h2 {font-size: 22px;}
.main-slider .carousel-inner .carousel-caption {left: 9%;top: 25%; padding-right: 10px;}

}

.iso-logos .slick-slide img {width: 60%; margin: auto;}


.txtanimation  .textcontnt_animation  {
  position: relative;
  display: inline-block;
  color: #fff;
  overflow: hidden;
  font-weight: 600;
  background: linear-gradient(to right, #f40101, #f40101 50%, #fff 50%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 100%;
  transition: background-position 2s ease;
}
.txtanimation  .textcontnt_animation:hover {
  background-position: 0 100%;
}
.submenu li.dropdown-item:hover , .multi-level li:hover{
    transform: scale(1.05);
    transition: 0.5s;}




    
@media (max-width: 767px){
    .design_layout2 .innerpages_img {width: 100%;}
    .footer_quicklink {
    margin-top: 10px;}
    .brdcumbs_withbg {background-position: center !important;}
    .bgpos-left {background-position: left !important;}
    .design_layout4 .vertical_heading h2 {font-size: 32px;}
    .main-slider .carousel-inner .carousel-caption .lead-text {width:95%;}
    
}