@import url('https://fonts.googleapis.com/css?family=Oxygen:400,700&display=swap'); html { scroll-behavior: smooth; } 

body { font-size: 16px; font-family: Oxygen, Roboto, Arial, sans-serif; padding-top: 120px !important; } 

/*Affect Names of employees*/
h2 { color: #302c5c; } 
h3 { color: #302c5c; font-weight: 700; } 
hr { display: inline-block; border-bottom: 2px solid #e2185f; width: 100px; } 
/*Affect Names of employees*/



p, section { font-size: 16px; } section { padding-top: 60px; padding-bottom: 60px; } strong { color: #302c5c; } label { font-weight: 600; } body textarea.form-control { font-size: 16px; height: 100px; padding: 10px 15px; border-radius: 0px; resize: vertical; } .padd-top-10 { padding-top: 20px; } .padd-top-20 { padding-top: 20px; } .padd-top-30 { padding-top: 30px; } .padd-top-40 { padding-top: 40px; } .padd-top-50 { padding-top: 40px; } .mbot-0 { margin-bottom: 0 !important; } .mtop-1 { margin-top: 10px; } .mtop-2 { margin-top: 20px; } .mtop-3 { margin-top: 30px; } .mtop-4 { margin-top: 40px; } .mtop-5 { margin-top: 50px; } main a { color: #302c5c; line-height: 1.3; border-bottom: 2px solid #e2185f; } .no-border { border-bottom: 0; } main a:hover, main a:focus, main:active { color: #e2185f; text-decoration: none; } main input[type=text], main input[type=email], main input[type=number], main input[type=tel], main input[type=date], main select, input[type=text], input[type=email], input[type=number], input[type=date], select { font-size: 16px !important; height: auto !important; padding: 10px 15px; border-radius: 0px !important; } 

/*Button: Slider, Contact-us*/
body .btn-primary, .blog .buttons a, .blog-single > div:nth-child(5) > div:first-child > a 
{ 
	position: relative; display: inline-block; color: #fff; font-weight: 400; font-size: 16px; border-radius: 0; margin-top: 20px; line-height: 28px; 
	letter-spacing: .05em; padding: 8px 40px 8px 20px; text-transform: initial; border-color: #e2185f; background-color: #e2185f; } 
/*Button: Slider, Contact-us*/



.blog .buttons a { margin-bottom: 55px; } body .btn-primary:hover, body .btn-primary:focus, body .btn-primary:active, .blog .buttons a:hover, .blog .buttons a:focus, 
.blog .buttons a:active, .blog-single > div:nth-child(5) > div:first-child > a:hover, .blog-single > div:nth-child(5) > div:first-child > a:focus, 
.blog-single > div:nth-child(5) > div:first-child > a:active { background-color: #55bbeb !important; border-color: #55bbeb !important; } 
.blog-single > div:nth-child(5) > div:first-child > a::before { color: #fff; font-family: 'FontAwesome'; font-size: 22px; content: '\f104'; 
margin-right: 20px; transition: 0.3s; } .blog-single > div:nth-child(5) > div:last-child > a { display: inline-block; font-size: 22px; margin: 24px 3px 0px 3px; 
border-bottom: 0px; } 


/*Button colour grey*/
body .btn-default { position: relative; color: #000; font-size: 16px; font-weight: 400; border-radius: 0; padding: 8px 40px 8px 20px; text-transform: initial; 
border-color: #fff; background-color: #fff; } 
/*Button colour grey*/


body .btn-default::after, .btn-primary::after, .btn-secondary::after, .blog .buttons a::after { position: absolute; color: #fff; font-family: 'FontAwesome'; font-size: 22px; content: '\f105'; top: 3px; right: 15px; } .btn-primary::after { top: 7px; } body .btn-default:hover, body .btn-default:focus, body .btn-default:active { color: #fff; border-color: #302C5C !important; background-color: #302C5C !important; } body .btn-default::after { color: #000; } body .btn-default:hover::after { color: #fff; } .bg-violet { color: #fff; background-color: #4b3d70; } .bg-violet h1, .bg-violet h2, .bg-violet h3, .bg-violet h4, .bg-violet h5, .bg-violet h6, .bg-violet p { color: #fff; } 

/*Navigator background colour here*/
.navbar-brand>img { position: relative; width: 92px; z-index: 9999; } 
.navbar-default { min-height: 120px; z-index: 999999; border-bottom: 0; background: white; } 
.nav-bg { background-color: #31323d; } header { background-color: #302c5c; } 
/*Navigator background colour here*/


/*Header alignment*/
.text-center h1, 
.text-center h2, 
.text-center h3, 
.text-center h4, 
.text-center h5, 
.text-center h6,  
.text-center p { text-align: center; }  
/*Header alignment*/

.stc-top-content { display: none; padding-top: 8px; padding-bottom: 8px; } .stc-top-content a { color: #fff; border-bottom: 2px solid #e2185f; } 
.stc-top-content a:hover, .stc-top-content a:focus, .stc-top-content a:active { color: #e2185f; text-decoration: none; } .stc-top-content .fa { color: #fff; } 
.stc-top-content .socials > a { display: inline-block; height: 30px; width: 30px; font-size: 13px; padding-top: 4px; text-align: center; border-radius: 100%; 
border-bottom: 0px; border: 1px solid #e2185f; background-color: #e2185f; } 
.stc-top-content .socials > a:hover, .stc-top-content .socials > a:focus, 
.stc-top-content .socials > a:active { border-color: #41cffc; background-color: #41cffc; } #stc-navbar>ul { margin-top: 35px; } #stc-navbar ul a { color: #fff; font-weight: 400; margin-left: 0px; } #stc-navbar 
.navbar-nav > li { margin-left: 27px; } #stc-navbar ul a.btn-primary { margin-top: 0px; padding: 10px 20px 10px 20px; } #stc-navbar ul a.btn-primary { border: 1px solid #e2185f; } #stc-navbar 
.navbar-nav .btn-primary::after { display: none; } #stc-navbar 

.dropdown-menu li a { color: #fff; padding: 10px 25px; margin-left: 0px; margin-top: 0px; line-height: 1.15; } 
.dropdown-menu { min-width: 180px; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { border-bottom: 3px solid #e2185f; border-color: #e2185f; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:active { border-color: #e2185f; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { border: 0px; background-color: transparent; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #ff3e82 !important; font-weight: 600 !important; background-color: transparent; } #stc-navbar .navbar-nav>li>.dropdown-menu { border-radius: 3px; } @media screen and (min-width: 768px) { .navbar-nav>li>.dropdown-menu { border-radius: 8px; } .sidebar-nav { padding: 9px 0; } .dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; } .dropdown-menu li:hover .sub-menu { visibility: visible; } .dropdown:hover .dropdown-menu { display: block; } .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu { margin-top: 0; } .navbar .sub-menu:before { border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; left: -7px; top: 10px; } .navbar .sub-menu:after { border-top: 6px solid transparent; border-left: none; border-right: 6px solid #fff; border-bottom: 6px solid transparent; left: 10px; top: 11px; left: -6px; } } 


/*Slider*/
.stc-slide { width: auto; } 
.stc-sliders .slick-dots li.slick-active button:before { background-color: #e2185f; opacity: .90; } 
.stc-sliders .slick-dots li button:before { color: #fff; opacity: .75; content: ''; height: 20px; width: 20px; border: 2px solid #fff; background-color: #dedede; 
border-radius: 100%; } 
/*Slider*/


/*Bullet in the images within the slider*/
.main-banner .slick-dots { bottom: 30px; } @media (min-width: 1200px) { 
.main-banner .stc-slide { width: 1170px; } } 
/*Bullet in the images within the slider*/


/*Change colour of slider background to white*/
.main-banner { padding: 0; background-color: white; } 
/*Change colour of slider background to white*/



/*header in the slider*/
.main-banner h1, 
.main-banner h2 { color: #fff; font-size: 40px; font-weight: 700; } 
.main-banner .container-fluid .row > div { padding-left: 0px; padding-right: 0px; } 
.main-banner .stc-sliders .slick-slide { min-height: 520px; padding: 100px 50px 30px 50px; background-size: cover; background-position: center center; 
background-repeat: no-repeat; } 
/*header in the slider*/



/*Slider Image source*/
.no-webp .main-banner .stc-sliders #slick-slide00 { background-image: url(../images/slider/phone.jpg); background-position: top center; } 
.webp .main-banner .stc-sliders #slick-slide00 { background-image: url(../images/slider/phone.jpg); } 

.no-webp .main-banner .stc-sliders #slick-slide01 { background-image: url(../images/slider/office.jpg); } 
.webp .main-banner .stc-sliders #slick-slide01 { background-image: url(../images/slider/office.jpg); } 

.no-webp .main-banner .stc-sliders #slick-slide02 { background-image: url(../images/slider/jozi.jpg); } 
.webp .main-banner .stc-sliders #slick-slide02 { background-image: url(../images/slider/jozi.jpg); } 

.no-webp .main-banner .stc-sliders #slick-slide03 { background-image: url(../images/slider/training.jpg); } 
.webp .main-banner .stc-sliders #slick-slide03 { background-image: url(../images/slider/training.jpg); } 

.no-webp .main-banner .stc-sliders #slick-slide04 { background-image: url(../images/slider/wonder.jpg); } 
.webp .main-banner .stc-sliders #slick-slide04 { background-image: url(../images/slider/wonder.jpg); } 
/*Slider Image source*/ 



/*boxes within imagess*/
.header-box { padding: 40px; background: #31323d; background-color: rgba(50, 51, 62, 0.85); } 
.header-box strong { color: #fff; } 
.header-box, 
.header-box p, 
.header-box h3, 
.header-box h4, 
.header-box h5, 
.header-box span, 
.header-box ol li, 
.header-box ul li { color: #fff; } 
.header-box h3 { font-size: 30px; line-height: 1.2; } 
/*boxes within imagess*/



/*About us and Our mission section background*/
.container-fluid .slick-prev { left: 50px; } 
.container-fluid .slick-next { right: 50px; } 
.slider .slick-prev:before { color: #302c5c; font-family: 'FontAwesome'; content: '\f104'; } 
.slider .slick-next:before { color: #302c5c; font-family: 'FontAwesome'; content: '\f105'; } 
.stc-sliders .slick-prev:before, 
.stc-sliders .slick-next:before { font-size: 34px; } 

.services-icon { text-align: center; } 
.services-icon h3 { display: inline-block; font-size: 22px; padding-bottom: 5px; text-align: center; text-transform: uppercase; font-weight: 700; } 
.services-icon img { border-bottom: 0px; } .half-cta { 
padding-top: 80px; padding-bottom: 80px; background-color: #eee; background-size: cover; background-position: center center; background-repeat: no-repeat; } 


.no-webp .half-cta { background-image: url(../images/banner-7/half-cta-banner.jpg); } 
.webp .half-cta { background-image: url(../images/banner-7/half-cta-banner.webp); } 
/*About us and Our mission section background*/



/*Section: About us, Our mission, social media*/
.half-cta2 h2, 
.half-cta2 h3, 
.half-cta2 p { color: #fff; } 
.half-cta1 { padding: 50px; min-height: 315px; background-color: #41cffc; } 
.half-cta2 { padding: 50px; min-height: 315px; background-color: #e2185f; } 
/*Section: About us, Our mission, social media*/



/*What our clients say*/
.testimonials { padding-top: 50px; padding-bottom: 80px; background-color: #41cffc; } 
.testimonials .stc-sliders .slick-slide { padding: 40px 40px; } 
.testimonials .stc-slider-header { color: #302c5c; font-size: 36px; text-align: center; font-weight: 700; margin-bottom: 20px; } 
.testimonials .stc-sliders .slick-slide { background-color: #fff; } 
.testimonials h4 { color: #302c5c; font-weight: 700; font-size: 20px; text-transform: initial; } 
.testimonials .client-photo { float: left; width: 160px; margin-left: 20px; } 
.testimonials .slick-dots { bottom: -42px; } 
.testimonials .slick-slider .slick-list { -webkit-box-shadow: 0px 8px 10px rgba(33, 33, 33, 0.15); -moz-box-shadow: 0px 8px 10px rgba(33, 33, 33, 0.15); 
box-shadow: 0px 11px 10px rgba(33, 33, 33, 0.15); background-color: #fff; } 

.slick-next { right: -35px; } 
.slick-prev { left: -35px; } 
/*What our clients say*/





/*Schedule a meeting SECTION*/
.banner-cta { padding-top: 80px; padding-bottom: 80px; background-color: #eee; background-size: cover; 
background-position: center center; background-repeat: no-repeat; } 
 

.no-webp .cta-bg-1 { background-image: url(../images/header/contact.jpg); } 
.webp .cta-bg-1 { background-image: url(../images/header/contact.jpg); } 

.cta-box h2, .cta-box2 h3, .cta-box p { color: #fff; } 
.banner-cta .cta-box { padding: 30px 40px; background-color: #e2185f; } 
.banner-cta label { color: #fff; } 
/*Schedule a meeting*/


/*Join our team*/
.banner-cta2 { padding-top: 80px; padding-bottom: 80px; background-color: #eee; background-size: cover; 
background-position: center center; background-repeat: no-repeat; } 

.no-webp .cta-bg-12 { background-image: url(../images/contact-us/banner-cta2.jpg); } 
.webp .cta-bg-12 { background-image: url(../images/contact-us/banner-cta2.webp); } 

.cta-box2 h2, 
.cta-box2 h3, 
.cta-box2 p { color: #fff; } 
.banner-cta2 
.cta-box2 { padding: 30px 40px; background-color: #e2185f; } 
.banner-cta2 label { color: #fff; } 
/*Join our team*/


.news { background-color: #e4e4e4; } .news-content { padding: 30px; background-color: #fff; } 
.news-content h3 { color: #302c5c; font-size: 22px; font-weight: 700; min-height: 86px; line-height: 1.2; overflow: hidden; } 

 

/*Our partners*/
.award-logos { padding-top: 20px; padding-bottom: 20px; } 
.award-logos .stc-sliders .slick-slide { padding: 0; background-color: transparent; } 
/*Our partners*/



/*Team banner */
.sub-services { background-color: #302c5c; } 
.header-bg { min-height: 520px; padding: 380px 50px 0px 50px; background-size: cover; background-position: center center; 
background-repeat: no-repeat; background-color: #eee; } 
.header-bg h1 { display: inline-block; color: #fff; font-size: 40px; font-weight: 700; padding: 20px 30px; 
background-color: rgba(50, 51, 62, 0.85); } 



.stc-blog-page { min-height: 260px; padding: 140px 50px 0px 50px; } 
/*Team banner */


/*Contact-us image, banner, FA-FA-ICons...*/
.no-webp .stc-blog-page { background-image: url(../images/banner-7/news-header-bg-02.jpg); } 
.webp .stc-blog-page { background-image: url(../images/banner-7/news-header-bg-02.webp); } 














/*Portfolio settings*/
.testimonials2 { padding-top: 50px; padding-bottom: 80px;} 
.testimonials2 .stc-sliders .slick-slide { padding: 40px 40px; }   

.testimonials2 .client-photo { float: right; margin-left: 20px; border: 5px solid #e2e2e2; } 

.testimonials2 .slick-dots { bottom: -42px; } 
.testimonials2 .slick-slider .slick-list { -webkit-box-shadow: 0px 8px 10px rgba(33, 33, 33, 0.15); -moz-box-shadow: 0px 8px 10px rgba(33, 33, 33, 0.15); 
box-shadow: 0px 11px 10px rgba(33, 33, 33, 0.15); } 

.slick-next { right: -35px; } 
.slick-prev { left: -35px; } 
/*Portfolio settings*/




/*Portfolio - - All images for our portfolio - Training*/
.no-webp .contact-us2 { background-image: url(../images/portfolio/training/training.jpg); } 
.webp .contact-us2 { background-image: url(../images/portfolio/training/training.jpg); } 

.no-webp .contact-us3 { background-image: url(../images/portfolio/training/euc-class.jpg); } 
.webp .contact-us3 { background-image: url(../images/portfolio/training/euc-class.jpg); } 

.no-webp .contact-us4 { background-image: url(../images/portfolio/training/epilepsy-cert.jpg); } 
.webp .contact-us4 { background-image: url(../images/portfolio/training/epilepsy-cert.jpg); } 

.no-webp .contact-us5 { background-image: url(../images/portfolio/training/euc.jpg); } 
.webp .contact-us5 { background-image: url(../images/portfolio/training/euc.jpg); } 

.no-webp .contact-us6 { background-image: url(../images/portfolio/training/euc-more.jpg); } 
.webp .contact-us6 { background-image: url(../images/portfolio/training/euc-more.jpg); } 

.no-webp .contact-us7 { background-image: url(../images/portfolio/training/euc-more2.jpg); } 
.webp .contact-us7 { background-image: url(../images/portfolio/training/euc-more2.jpg); } 

.no-webp .contact-us8 { background-image: url(../images/portfolio/training/euc-sik.jpg); } 
.webp .contact-us8 { background-image: url(../images/portfolio/training/euc-sik.jpg); } 

.no-webp .contact-us9 { background-image: url(../images/portfolio/training/sd.jpg); } 
.webp .contact-us9 { background-image: url(../images/portfolio/training/sd.jpg); } 

.no-webp .contact-us10 { background-image: url(../images/portfolio/training/call-centre.jpg); } 
.webp .contact-us10 { background-image: url(../images/portfolio/training/call-centre.jpg); } 

.no-webp .contact-us11 { background-image: url(../images/portfolio/training/emm-train.jpg); } 
.webp .contact-us11 { background-image: url(../images/portfolio/training/emm-train.jpg); } 

/*.no-webp .contact-us12 { background-image: url(../images/portfolio/training/euc-more.jpg); } 
.webp .contact-us12 { background-image: url(../images/portfolio/training/euc-more.jpg); } 

.no-webp .contact-us13 { background-image: url(../images/portfolio/training/euc-class.jpg); } 
.webp .contact-us13 { background-image: url(../images/portfolio/training/euc-class.jpg); }

.no-webp .contact-us14 { background-image: url(../images/portfolio/training/euc-basic.jpg); } 
.webp .contact-us14 { background-image: url(../images/portfolio/training/euc-basic.jpg); } 

.no-webp .contact-us15 { background-image: url(../images/portfolio/training/euc.jpg); } 
.webp .contact-us15 { background-image: url(../images/portfolio/training/euc.jpg); } 

.no-webp .contact-us16 { background-image: url(../images/portfolio/training/epilepsy-cert.jpg); } 
.webp .contact-us16 { background-image: url(../images/portfolio/training/epilepsy-cert.jpg); } 

.no-webp .contact-us17 { background-image: url(../images/portfolio/training/emm-train.jpg); } 
.webp .contact-us17 { background-image: url(../images/portfolio/training/emm-train.jpg); } 

.no-webp .contact-us18 { background-image: url(../images/portfolio/training/cert1.jpg); } 
.webp .contact-us18 { background-image: url(../images/portfolio/training/cert1.jpg); } 

.no-webp .contact-us19 { background-image: url(../images/portfolio/training/call-centre.jpg); } 
.webp .contact-us19 { background-image: url(../images/portfolio/training/call-centre.jpg); }

.no-webp .contact-us20 { background-image: url(../images/portfolio/training/bellpas-cert.jpg); } 
.webp .contact-us20 { background-image: url(../images/portfolio/training/bellpas-cert.jpg); }*/

/*Portfolio ends*/






/*Portfolio - - All images for our portfolio - Web*/
.no-webp .contact-us22 { background-image: url(../images/portfolio/web/tutukhani.png); } 
.webp .contact-us22 { background-image: url(../images/portfolio/web/tutukhani.png); } 

.no-webp .contact-us32 { background-image: url(../images/portfolio/web/networks.jpg); } 
.webp .contact-us32 { background-image: url(../images/portfolio/web/networks.jpg); } 

.no-webp .contact-us42 { background-image: url(../images/portfolio/web/rabbanah.png); } 
.webp .contact-us42 { background-image: url(../images/portfolio/web/rabbanah.png); } 

.no-webp .contact-us52 { background-image: url(../images/portfolio/web/abraham.png); } 
.webp .contact-us52 { background-image: url(../images/portfolio/web/abraham.png); } 
/*Portfolio ends*/






/*BANNER (HEADERS) - - All images for our Header - Web*/

/*Page Web*/
.no-webp .contact-us220 { background-image: url(../images/header/web.jpg); } 
.webp .contact-us220 { background-image: url(../images/header/web.jpg); } 

/*Page Team*/
.no-webp .meet-the-team { background-image: url(../images/header/team.jpg); background-position-y: 33%; } 
.webp .meet-the-team { background-image: url(../images/header/team.webp); background-position-y: 33%; } 

/*Page Contact us*/
.no-webp .contact-us221 { background-image: url(../images/header/contact.jpg); } 
.webp .contact-us221 { background-image: url(../images/header/contact.jpg); } 

/*Page about us*/
.no-webp .contact-us222 { background-image: url(../images/header/about-us.png); } 
.webp .contact-us222 { background-image: url(../images/header/about-us.png); } 

/*Page networking us*/
.no-webp .contact-us223 { background-image: url(../images/header/our-banner.jpg); } 
.webp .contact-us223 { background-image: url(../images/header/our-banner.jpg); } 

/*Page Civil us*/
.no-webp .contact-us224 { background-image: url(../images/header/civil.jpg); } 
.webp .contact-us224 { background-image: url(../images/header/civil.jpg); } 

/*Page Electrical us*/
.no-webp .contact-us225 { background-image: url(../images/header/electrical.jpg); } 
.webp .contact-us225 { background-image: url(../images/header/electrical.jpg); } 
/*Portfolio ends*/
 










.no-webp .privacy-policy { background-image: url(../images/banner-7/privacy-policy-bg.jpg); } 
.webp .privacy-policy { background-image: url(../images/banner-7/privacy-policy-bg.webp); } 
.no-webp .terms-and-conditions { background-image: url(../images/banner-7/terms-and-conditions-bg.jpg); } 
.webp .terms-and-conditions { background-image: url(../images/banner-7/terms-and-conditions-bg.webp); } 

.services-header { min-height: 480px; padding: 80px 50px 60px 50px; background-size: cover; background-position: top center; background-repeat: no-repeat; } 
.services-header h1, 
.services-header h2, 
.services-header p { color: #fff; } 
.services-header h1 { color: #fff; font-size: 40px; font-weight: 700; } 

.no-webp .mobile-tariffs { background-image: url(../images/banner-7/mobile-tariffs-and-services.jpg); } 
.webp .mobile-tariffs { background-image: url(../images/banner-7/mobile-tariffs-and-services.webp); } 
.no-webp .why-pure { background-image: url(../images/banner-7/why-work-with-pure-banner.jpg); } 
.webp .why-pure { background-image: url(../images/banner-7/why-work-with-pure-banner.webp); } 
.no-webp .cloud { background-image: url(../images/banner-7/cloud-bg.jpg); } 
.webp .cloud { background-image: url(../images/banner-7/cloud-bg.webp); } 
.no-webp .radius-group { background-position: center center; background-image: url(../images/banner-7/radius-banner.jpg); } 
.webp .radius-group { background-position: center center; background-image: url(../images/banner-7/radius-banner.webp); } 

.no-webp .radius-payment { background-position: center center; background-image: url(../images/contact-us/our-banner.jpg); } 
.webp .radius-payment { background-position: center center; background-image: url(../images/contact-us/our-banner.webp); } 



.stc-accordions .panel-heading 
.panel-title a { color: #000; text-transform: initial; background-color: #41cffc; border-bottom: 0px; } 
.stc-accordion-header { color: #302c5c; font-weight: 700; font-size: 36px; margin-bottom: 20px; } .gmaps { padding: 0; } 
.stc-gmaps { display: block; padding: 0; margin: 0; width: 100%; height: 400px; } .address, .office-hours { margin-top: 35px; } 
.contact-numbers { margin-top: 10px; } .stc-contact-details { padding-left: 25px; } .stc-contact-form h2 { margin-bottom: 20px; } 
.stc-contact-details h3 { font-size: 24px; } 
.stc-contact-details .fa { color: #e2185f; } 
/*Contact-us image, banner, FA-FA-ICons...*/



.awards-wrap { display: block; width: 100%; min-height: 210px; padding: 50px 20px 0px 20px; text-align: center; background-color: #d8d8d8; border: 0px; } 
.awards-wrap > img { display: inline-block; } .awards-name { padding: 20px; margin-bottom: 30px; text-align: center; background-color: #302c5c; } 
.awards-name a { color: #fff; font-size: 20px; font-weight: 700; text-underline: none !important; border-bottom: none !important; } 
.awards-name.two-lines { min-height: 105px; } .services { color: #fff; background-color: #4b3d70; } .services h2 { color: #fff; } 
.services h3 { color: #e2185f; font-size: 25px; position: relative; min-height: 66px; padding-left: 75px; line-height: 1.4; } .services h3 > img { position: absolute; top: 0px; left: 0px; } .services-cont h2 { font-size: 30px; } .services-cont h3 { color: #e2185f; } .mini-cta { color: #fff; padding-top: 15px; padding-bottom: 15px; background-color: #302c5c; } .mini-cta a { color: #fff; text-decoration: none; } .mini-cta a:hover, .mini-cta a:focus, .mini-cta a:active { font-weight: 600; border-bottom: 2px solid #ff397f; } .mini-cta p { color: #fff; margin: 0; } .half-cont { font-size: 26px; padding: 0; background-color: #eee; } 
.half-cont h2 { font-size: 30px; } .cont-box { padding: 40px; min-height: 300px; height: 100%; width: 55%; background: #fff; background-color: rgba(255, 255, 255, 0.8); } 

.half-cont .container-fluid > .row > div:nth-child(1) { background-size: cover; background-position: center center; background-repeat: no-repeat; } 
.half-cont .container-fluid > .row > div:nth-child(2) { background-size: cover; background-position: center center; background-repeat: no-repeat; } 
.half-cont .container-fluid > .row > div { padding-right: 0px; padding-left: 0px; } @media screen and (min-width:768px) { 
.half-cont .container-fluid > .row, 
.half-cont .container-fluid > .row > div { display: flex; } } .no-webp .half-cont.mobile-contracts .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/mobile-15/half-cont-2.jpg); } 
.webp .half-cont.mobile-contracts .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/mobile-15/half-cont-2.webp); } 
.no-webp .half-cont.mobile-contracts .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/mobile-15/half-cont-3.jpg); } 
.webp .half-cont.mobile-contracts .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/mobile-15/half-cont-3.webp); } 
.no-webp .half-cont.mobile-broadband .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/mobile-15/mobil-broadband-02.jpg); } 
.webp .half-cont.mobile-broadband .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/mobile-15/mobil-broadband-02.webp); } 
.no-webp .half-cont.mobile-broadband .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/mobile-15/mobil-broadband-03.jpg); } 
.webp .half-cont.mobile-broadband .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/mobile-15/mobil-broadband-03.webp); } 
.no-webp .half-cont.pop-up-mobile .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/mobile-15/pop-up-mobile-01.jpg); } 
.webp .half-cont.pop-up-mobile .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/mobile-15/pop-up-mobile-01.webp); } 
.no-webp .half-cont.pop-up-mobile .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/mobile-15/pop-up-mobile-02.jpg); } 
.webp .half-cont.pop-up-mobile .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/mobile-15/pop-up-mobile-02.webp); } 
.no-webp .voip .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/voip-telephony-44/voip-half-cont3.jpg); } 
.webp .voip .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/voip-telephony-44/voip-half-cont3.webp); } 
.no-webp .voip .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/voip-telephony-44/voip-half-cont2.jpg); } 
.webp .voip .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/voip-telephony-44/voip-half-cont2.webp); } .no-webp .connectivity2 
.container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/connectivity-35/connectivity-half-cont1.jpg); } .webp .connectivity2 .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/connectivity-35/connectivity-half-cont1.webp); } .no-webp .connectivity2 .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/connectivity-35/connectivity-half-cont2.jpg); } .webp .connectivity2 .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/connectivity-35/connectivity-half-cont2.webp); } .no-webp .cloud2 .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/cloud-45/cloud-half-cont1.jpg); } .webp .cloud2 .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/cloud-45/cloud-half-cont1.webp); } .no-webp .cloud2 .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/cloud-45/cloud-half-cont2.jpg); } .webp .cloud2 .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/cloud-45/cloud-half-cont2.webp); } .no-webp .managed-services2 .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/managed-services-46/managed-services-half-cont1.jpg); } .webp .managed-services2 .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/managed-services-46/managed-services-half-cont1.webp); } .no-webp .managed-services2 .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/managed-services-46/managed-services-half-cont2.jpg); } .webp .managed-services2 .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/managed-services-46/managed-services-half-cont2.webp); } .no-webp .ms-office-365 .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/business-apps-47/office-365-half-cont1.jpg); } .webp .ms-office-365 .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/business-apps-47/office-365-half-cont1.webp); } .no-webp .ms-office-365 .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/business-apps-47/office-365-half-cont2.jpg); } .webp .ms-office-365 .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/business-apps-47/office-365-half-cont2.webp); } .no-webp .mobile-device2 .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/business-apps-47/mobile-device-half-cont1.jpg); } .webp .mobile-device2 .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/business-apps-47/mobile-device-half-cont1.webp); } .no-webp .mobile-device2 .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/business-apps-47/mobile-device-half-cont2.jpg); } .webp .mobile-device2 .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/business-apps-47/mobile-device-half-cont2.webp); } .no-webp .mcafee2 .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/business-apps-47/mcafee-half-cont1.jpg); } .webp .mcafee2 .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/business-apps-47/mcafee-half-cont1.webp); } .no-webp .mcafee2 .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/business-apps-47/mcafee-half-cont2.jpg); } .webp .mcafee2 .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/business-apps-47/mcafee-half-cont2.webp); } .no-webp .web-meeting2 .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/business-apps-47/web-meeting-half-cont1.jpg); } .webp .web-meeting2 .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/business-apps-47/web-meeting-half-cont1.webp); } .no-webp .web-meeting2 .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/business-apps-47/web-meeting-half-cont2.jpg); } .webp .web-meeting2 .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/business-apps-47/web-meeting-half-cont2.webp); } .no-webp .box2 .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/business-apps-47/box-half-cont1.jpg); } .webp .box2 .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/business-apps-47/box-half-cont1.webp); } .no-webp .box2 .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/business-apps-47/box-half-cont2.jpg); } .webp .box2 .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/business-apps-47/box-half-cont2.webp); } .no-webp .eightxeight2 .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/8x8-65/8x8-half-01.jpg); } .webp .eightxeight2 .container-fluid > .row > div:nth-child(1) { background-image: url(../images/services-14/8x8-65/8x8-half-01.jpg); } .no-webp .eightxeight2 .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/8x8-65/8x8-half-02.jpg); } .webp .eightxeight2 .container-fluid > .row > div:nth-child(2) { background-image: url(../images/services-14/8x8-65/8x8-half-02.jpg); } .client-box { display: block; padding: 50px 25px; text-align: center; background-color: #41cffc; border-bottom: 0; border: 6px solid #c8ecf8; } a.client-box:hover, a.client-box:focus, a.client-box:active { background-color: #302c5c; border: 6px solid #69668f; } .stc-blogs .nav-tabs>li>a, .stc-blog .nav-tabs>li>a { border: 2px solid #302c5c; } .stc-blogs .nav-tabs>li>a:hover, .stc-blogs .nav-tabs>li>a:focus, .stc-blogs .nav-tabs>li>a:active, .stc-blogs .nav-tabs>li>a.active, .stc-blog .nav-tabs>li>a:hover, .stc-blog .nav-tabs>li>a:focus, .stc-blog .nav-tabs>li>a:active, .stc-blog .nav-tabs>li>a.active { background-color: #302c5c; border: 2px solid #302c5c; } .stc-blogs .blog { margin-bottom: 20px; } .blog-single .content .container > .row > div { padding-left: 0; padding-right: 0; } .blog-desc .fa { color: #e2185f; } 



/*Staff name and Title*/
.stc-blogs hr { display: none; } 
.team-cont { padding: 20px; background-color: #d8d8d8; } 
.team-cont p { margin-bottom: 0px; } 
/*Staff name and Title*/





.help-icons #stc-custom-blocks, .help-icons #stc-custom-blocks h3 { text-align: center; } .help-icons .circle-icon { display: inline-block; color: #fff; height: 100px; width: 100px; font-size: 40px; padding-top: 17px; border-bottom: 0px; border: 5px solid #ff4687 !important; border-radius: 100%; background-color: #e2185f; margin-bottom: 15px; } .help-icons .circle-icon:hover, .help-icons .circle-icon:focus, .help-icons .circle-icon:active { color: #fff; background-color: #302c5c; border: 5px solid #564fa1 !important; } .help-icons #stc-custom-blocks a { border-bottom: 0px; } .help-icons #stc-custom-blocks > div { margin-bottom: 20px; } .left-icon { position: relative; padding-left: 20px; line-height: 1.6; } .left-icon > span.fa { position: absolute; top: 5px; left: 0; } .abt-wrap { position: relative; } .abt-wrap span { display: inline-block; color: #fff; font-size: 22px; margin-top: 70px; } .abt-wrap:hover span { border-bottom: 3px solid #e2185f; } .abt-wrap img { width: 100%; } .abt-details { display: block; position: absolute; top: 0px; text-align: center; width: 100%; height: 100%; background-color: rgba(50, 51, 62, 0.50); border: 3px solid #fff; } 




/*More details about the director*/
.modal-header { padding-left: 25px; padding-right: 25px; } .modal-title { font-size: 28px; } .modal-body { padding: 25px; } .close { font-size: 28px; } .team-box { display: block; border: 0px; } .team-box img { width: 100%; } @media (min-width: 768px) { .modal-dialog { width: 720px; margin-top: 5vh; } } .nav-fixed { position: fixed; top: 0; right: 0; left: 0; z-index: 99999; border-radius: 0; border-bottom: 0px; } .top-fix { margin-top: 120px; } .sheight { min-height: 210px; } .modal { z-index: 999999; } .hp-blog-img { background-size: cover !important; height: 270px; } .news .stc-custom-code h2 { font-size: 36px; margin-bottom: 30px; } // Mega Menu .dropdown-menu { border-radius: 0; box-shadow: 0 6px 12px rgba(0,0,0,0.20); } 

.navbar-default .nav, 
.navbar-default .collapse,  
.navbar-default .container { position: relative; } 
.navbar-default .dropdown-menu { left: auto; } 
.navbar-default .mega-content { margin-top: 20px; padding: 20px 10px; } 
.navbar-default .dropdown-menu.stc-advanced-dropdown { left: 0; right: 0; background-color: #31323d; } 
#stc-navbar .navbar-nav>li>

.dropdown-menu { margin-top: -45px; border-radius: 0; border: 0; background-color: #31323d; } 
.dropdown-menu.stc-advanced-dropdown { box-shadow: none; } 
.dropdown-menu .mega-content .list-unstyled { margin-bottom: 20px; } 
.dropdown-menu .mega-content li > a { display: block; color: #fff !important; line-height: 1.15; padding: 5px 0px !important; } 
.dropdown-menu .mega-content li > a:hover, .dropdown-menu .mega-content li > a:focus, 
.dropdown-menu .mega-content li > a:active { color: #ff3e82 !important; text-decoration: none; } 
.dropdown-menu .mega-content ul li:first-child a { font-weight: 600 !important; text-transform: uppercase; border-bottom: 2px solid #e2185f; } 
.dropdown-menu .mega-content ul li:first-child a::after { position: absolute; top: 0; right: 16px; color: #fff; font-family: 'FontAwesome'; font-size: 22px; content: '\f105'; } 
.dropdown-menu .mega-content ul li:first-child a:hover::after { color: #e2185f; } 
.dropdown-menu .mega-content ul li:first-child { margin-bottom: 10px; } 
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover { color: #ff3e82 !important; font-weight: 600 !important; background-color: transparent; } #mobile-info { display: none; } #stc-application-buttons .btn-primary { margin-top: 0px; } #stc-application-buttons .btn-default { font-size: 16px; line-height: 28px; letter-spacing: .05em; padding: 8px 40px 8px 20px; border: 1px solid #dedede; background-color: #dedede; } #stc-application-buttons .btn-default:after { top: 7px; } 

#stc-hp-alpha-tabs .stc-tab-content { display: none !important; } .stc-contact-details p, .office-hours div, .contact-numbers div { position: relative; padding-left: 20px; } .stc-contact-details p > i, .office-hours div > i, .contact-numbers div > i { position: absolute; top: 5px; left: -4px; } .stc-galleries a { border-bottom: 0px !important; } .no-webp .telephony { background-image: url('../images/banner-7/telephony-bg-02.jpg'); } .webp .telephony { background-image: url('../images/banner-7/telephony-bg-02.webp'); } .no-webp .connectivity { background-image: url('../images/banner-7/connectivity-bg.jpg'); } .webp .connectivity { background-image: url('../images/banner-7/connectivity-bg.webp'); } .no-webp .direct-internet-access { background-image: url('../images/banner-7/direct-internet-access-bg.jpg'); } .webp .direct-internet-access { background-image: url('../images/banner-7/direct-internet-access-bg.webp'); } .no-webp .mpl-private-wan { background-image: url('../images/banner-7/mpl-private-wan-bg.jpg'); } .webp .mpl-private-wan { background-image: url('../images/banner-7/mpl-private-wan-bg.webp'); } .no-webp .business-apps { background-image: url('../images/banner-7/business-apps-bg.jpg'); } .webp .business-apps { background-image: url('../images/banner-7/business-apps-bg.webp'); } .no-webp .managed-services { background-image: url('../images/banner-7/managed-services-bg.jpg'); } .webp .managed-services { background-image: url('../images/banner-7/managed-services-bg.webp'); } .no-webp .mobile-broadband { background-image: url('../images/banner-7/mobile-broadband-bg-02.jpg'); } .webp .mobile-broadband { background-image: url('../images/banner-7/mobile-broadband-bg-02.webp'); } .no-webp .pop-up-mobile { background-image: url('../images/banner-7/pop-up-mobile-bg.jpg'); } .webp .pop-up-mobile { background-image: url('../images/banner-7/pop-up-mobile-bg.webp'); } .no-webp .pure-voip { background-image: url('../images/banner-7/pure-voip-bg-03.jpg'); } .webp .pure-voip { background-image: url('../images/banner-7/pure-voip-bg-03.webp'); } .no-webp .horizon-voip { background-image: url('../images/banner-7/horizon-voip.jpg'); } .webp .horizon-voip { background-image: url('../images/banner-7/horizon-voip.webp'); } .no-webp .gigabit-voucher { background-image: url('../images/banner-7/gigabit-voucher-bg.jpg'); background-position-y: 77%; } .webp .gigabit-voucher { background-image: url('../images/banner-7/gigabit-voucher-bg.webp'); background-position-y: 77%; } .no-webp .microsoft-office-365 { background-image: url('../images/banner-7/microsoft-office-365-bg.jpg'); } .webp .microsoft-office-365 { background-image: url('../images/banner-7/microsoft-office-365-bg.webp'); } .no-webp .mobile-device-management { background-image: url('../images/banner-7/mobile-device-management-bg.jpg'); background-position: center center; } .webp .mobile-device-management { background-image: url('../images/banner-7/mobile-device-management-bg.webp'); background-position: center center; } .no-webp .web-meeting { background-image: url('../images/banner-7/web-meeting-conferencing-bg.jpg'); background-position: center center; } .webp .web-meeting { background-image: url('../images/banner-7/web-meeting-conferencing-bg.webp'); background-position: center center; } .no-webp .moving-to-pure { background-image: url('../images/banner-7/moving-to-pure-bg.jpg'); } .webp .moving-to-pure { background-image: url('../images/banner-7/moving-to-pure-bg.webp'); } .no-webp .account-management { background-image: url('../images/banner-7/account-management-bg.jpg'); } .webp .account-management { background-image: url('../images/banner-7/account-management-bg.webp'); } .no-webp .account-management { background-image: url('../images/banner-7/account-management-bg.jpg'); } .webp .account-management { background-image: url('../images/banner-7/account-management-bg.webp'); } .no-webp .managed-installation { background-image: url('../images/banner-7/managed-installation-bg.jpg'); } .webp .managed-installation { background-image: url('../images/banner-7/managed-installation-bg.webp'); } .no-webp .it-support { background-image: url('../images/banner-7/it-support-bg.jpg'); } .webp .it-support { background-image: url('../images/banner-7/it-support-bg.webp'); } .no-webp .business-apps { background-image: url('../images/banner-7/business-apps-bg.jpg'); } .webp .business-apps { background-image: url('../images/banner-7/business-apps-bg.webp'); } .no-webp .box { background-image: url('../images/banner-7/box-cloud-bg.jpg'); background-position: center center; } .webp .box { background-image: url('../images/banner-7/box-cloud-bg.webp'); background-position: center center; } .no-webp .mcafee { background-image: url('../images/banner-7/mcafee-bg.jpg'); background-position: center center; } .webp .mcafee { background-image: url('../images/banner-7/mcafee-bg.webp'); background-position: center center; } .no-webp .office-365 { background-image: url('../images/banner-7/office-365-bg.jpg'); background-position: center center; } .webp .office-365 { background-image: url('../images/banner-7/office-365-bg.webp'); background-position: center center; } .no-webp .mobile-device { background-image: url('../images/banner-7/mobile-device-bg.jpg'); background-position: center center; } .webp .mobile-device { background-image: url('../images/banner-7/mobile-device-bg.webp'); background-position: center center; } .no-webp .public-cloud-connectivity { background-image: url('../images/banner-7/public-cloud-bg.jpg'); background-position: center center; } .webp .public-cloud-connectivity { background-image: url('../images/banner-7/public-cloud-bg.webp'); background-position: center center; } .no-webp .public-cloud { background-image: url('../images/banner-7/public-cloud1-bg.jpg'); background-position: center center; } .webp .public-cloud { background-image: url('../images/banner-7/public-cloud1-bg.webp'); background-position: center center; } .no-webp .private-cloud { background-image: url('../images/banner-7/private-cloud-bg.jpg'); background-position: center center; } .webp .private-cloud { background-image: url('../images/banner-7/private-cloud-bg.webp'); background-position: center center; } .no-webp .colocation { background-image: url('../images/banner-7/colocation-bg.jpg'); background-position: center center; } .webp .colocation { background-image: url('../images/banner-7/colocation-bg.webp'); background-position: center center; } @media screen and (min-width: 768px) { .terms-conditions .nav-tabs>li { text-align: center; width: 32.6%; margin-right: 1%; } .terms-conditions .nav-tabs>li:last-child { margin-right: 0%; } } body .terms-conditions .stc-tabs .stc-tab-content { border: 0; padding: 30px 0px; } .terms-conditions .stc-tabs .nav-tabs>li>a { border-radius: 4px; } .terms-conditions ol { padding-left: 30px; } .terms-conditions .stc-tabs .tab-pane.active { padding: 0px; } .help-icons .stc-custom-code #hpp-container .panel-default>.panel-heading { padding: 0; } .help-icons .stc-custom-code 

.container-fluid.bg-gray-light { background-color: transparent; } .help-icons .stc-custom-code .stc-accordions .panel-body { padding: 20px 25px; background-color: #f5f5f5; } 
#hpp-container > section:first-of-type { padding-top: 30px; } #hpp-container > section:first-of-type > .container { padding-top: 40px; border-top: 1px solid #eee; } .stc-documents-container .stcd-icon a { border-bottom: 0px; } body .stc-documents-container .stcd-row .stcd-item .stcd-name { color: #302c5c; font-size: 20px; font-weight: 600; min-height: 45px; } 
.stc-documents-container .stcd-row .stcd-item { margin-top: 65px; } .stc-documents-container .stcd-row > h3:first-of-type { display: none; } 
#hpp-container .border-top { padding-top: 40px; padding-bottom: 0px; } 
#hpp-container .border-top .container { padding-top: 40px; border-top: 1px solid #eee; } .violet-box { padding: 20px; background-color: #302c5c; } .violet-box p, .violet-box .fa, .violet-box strong { color: #fff; } .stc-video-responsive iframe { border: 0; } .stc-accordions .panel-heading 
.panel-title a { padding: 20px 35px 20px 25px; } .stc-accordions .panel-heading 
.panel-title a { position: relative; } .stc-accordions .stc-btn:after { color: #000; position: absolute; top: 20px; right: 25px; } .blog-desc { float: left; width: 70%; } .blog .title a, .blog-single .title { color: #302c5c; font-weight: 700; line-height: 1; font-size: 32px; } .blog .title { min-height: 95px; } .blog .title a { font-size: 22px; font-weight: 700; border-bottom: 0px; } .blog .title a:hover, .blog .title a:focus, .blog .title a:active { color: #e2185f; } .blog .title .date { margin-top: 6px; } .blog-tbl a { font-weight: 700; border-bottom: 0; } .blog .buttons a::after { top: 8px; } .services .news-content > p:first-of-type { height: 75px; overflow: hidden; } .team-cont { position: relative; } .team-cont-btn { display: inline-block; position: absolute; right: 20px; top: 26px; justify-content: center; width: 50px; height: 50px; background: #e92c6d; color: #fff; text-align: center; padding-top: 11px; border-bottom: 0; } a.team-cont-btn:hover, a.team-cont-btn:focus, 
a.team-cont-btn:active { color: #fff; background-color: #302c5c; border-bottom: 0; } 
/*More details about the director*/



.half-desc { min-height: 110px; } 
#hpp-container .stc-accordion-header { color: #302c5c !important; 
font-weight: 700 !important; 
font-size: 36px !important; 
margin-bottom: 20px !important; 
text-align: center !important; } 

.mce-content-body [data-aos^=fade][data-aos^=fade], 
.mce-content-body [data-aos^=zoom], 
.mce-content-body [data-aos^=flip] { opacity: 1 !important; } 
.mce-content-body [data-aos=fade-up], 
.mce-content-body [data-aos=fade-down], 
.mce-content-body [data-aos=fade-right], 
.mce-content-body [data-aos=fade-left], 
.mce-content-body [data-aos=zoom-in], 
.mce-content-body [data-aos=flip-left] { transform: translate3d(0, 0, 0) !important; } 
.mce-content-body { padding-top: 0px !important; } 
.stc-blogs .btn-default { color: #fff; border: 1px solid #302c5c; background-color: #302c5c; } 
.stc-blogs .btn-default:hover, .stc-blogs .btn-default:focus, 
.stc-blogs .btn-default:active { color: #fff !important; border: 1px solid #41cffc !important; background-color: #41cffc !important; } 
.stc-blogs .btn-default::after { color: #fff; } .blog .banner img { height: 100%; width: 100%; object-fit: cover; } 
.alert-danger, .cta-box .alert-danger p { color: #96403e !important; } /* Best B2B Dealer CSS */ .no-padd { padding: 0; } .bg-gray-dark { background-color: #31323D; } 
.bg-blue-light { background-color: #41cffc; } .bg-pink { background-color: #e2185f; } 

.bg-blue-light .btn-primary:hover, 
.bg-blue-light .btn-primary:focus { background-color: #302c5c !important; } 
.bg-inverse, .bg-inverse h1, .bg-inverse h2, .bg-inverse h3, .bg-inverse h4, .bg-inverse h5, .bg-inverse h6, .bg-inverse p, .bg-inverse span { color: #fff; } 
.banner-cta ul, .banner-cta ul li { color: #fff; } .header-box ul, .header-box ul li { color: #fff; } 
.best-b2b-bg { padding: 60px 50px 40px 50px; background-position: center center; } 
.no-webp .best-b2b-bg { background-image: url(../images/best-b2b-dealer-63/mobile-news-awards-entry-bg.jpg); } 
.webp .best-b2b-bg { background-image: url(../images/best-b2b-dealer-63/mobile-news-awards-entry-bg.webp); } 
.no-webp .eightxeight { background-image: url(../images/banner-7/8x8-bg.jpg); } 
.webp .eightxeight { background-image: url(../images/banner-7/8x8-bg.webp); } 

.key-contracts h3 { font-size: 20px; } @media screen and (min-width: 768px) { 
.blog .banner { height: 180px; overflow: hidden; } 
.blog .short-description { height: 50px; overflow: hidden; } } @media screen and (min-width: 992px) { 
.services .row, .services .row > div { display: flex; } .blog .banner { height: 250px; overflow: hidden; } } @media screen and (max-width: 1500px) { 
.best-b2b-bg { background-position: 68%; } } @media screen and (max-width: 1199px) { nav.navbar > 

.container-fluid { width: auto; } #stc-navbar .navbar-nav > li:last-child { margin-right: 15px; } .cta-bg-1 { background-position-x: 88%; } 
.testimonials .slick-slider .slick-list { background-color: #fff; } .best-b2b-bg { background-position: 87%; } } @media screen and (max-width: 1133px) { 
#stc-navbar .navbar-nav > li { margin-left: 23px; } #stc-navbar ul a { font-size: 15px; } } @media screen and (max-width: 1100px) { 
#stc-navbar ul a { font-size: 14px; } #stc-navbar .navbar-nav > li { margin-left: 22px; } } @media screen and (max-width: 1024px) { 
body { padding-top: 95px !important; } .navbar-toggle { margin-top: 25px; } 
.navbar-brand>img { width: 70px; } .navbar #stc-navbar { margin-top: 40px; } .navbar-default { min-height: 95px; } 
#stc-navbar .navbar-nav>li>.dropdown-menu { margin-top: 0px; } .navbar-default .mega-content { margin-top: 0px; padding: 0px; } 
.dropdown-menu .mega-content .container > .row > ul { width: 100%; } .mega-content ul.list-unstyled { padding-left: 0px; } 
#stc-navbar .dropdown-menu .mega-content li > a { padding: 10px 20px !important; } .dropdown-menu .mega-content li > a:hover, 
.dropdown-menu .mega-content li > a:focus, .dropdown-menu .mega-content li > a:active { color: #fff !important; } 
.stc-advanced-dropdown .mega-content > .container { width: auto; } .dropdown-menu .mega-content .row > ul.list-unstyled:last-child { margin-bottom: 0px; } 
.navbar-header { float: none; } .navbar-left, .navbar-right { float: none !important; } .navbar-toggle { display: block; } 
.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } 
.navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin-top: 7.5px; } 
.navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .collapse.in { display: block !important; } 
.navbar-toggle { margin-top: 30px; } .navbar-default { min-height: 100px; } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, 
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, 
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { color: #fff !important; background-color: #e2185f; } 
.navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } 
.dropdown:hover>.dropdown-menu { display: none !important; } .dropdown.open .dropdown-menu { display: block !important; } 
.dropdown .dropdown-menu { padding-left: 12px; } .dropdown .dropdown-menu>.dropdown-submenu>.dropdown-menu { padding-left: 16px; } 

#stc-navbar .dropdown.open>.dropdown-menu>.dropdown-submenu>a { font-weight: 700; text-decoration: underline; } 
#stc-navbar .dropdown .dropdown-menu li a:hover { background-color: #e2185f; } 
#stc-navbar { height: auto !important; max-height: 80vh; overflow-x: hidden !important; margin-top: 30px; } nav.navbar>
.container-fluid { padding-left: 20px; padding-right: 20px; } body .dropdown-submenu>a:after { margin-right: -5px; } 
#stc-navbar ul a { padding: 10px 20px; margin-left: 0px; margin-top: 0px; margin-bottom: 6px; line-height: 22px !important; text-transform: initial; } 
#stc-navbar>ul { margin-top: 10px; margin-right: -15px; margin-left: -15px; } .navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #fff !important; 
background-color: #e2185f; border-bottom: 0; } 
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:active { color: #fff !important; background-color: #e2185f; border-bottom: 0; } 
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover { color: #fff !important; background-color: #e2185f !important; border-bottom: 0 !important; } 
#stc-navbar ul a.btn-primary { margin-top: 0px; padding: 10px 12px; text-align: left; background-color: transparent; border: 0; } } @media screen and (max-width: 991px) { h1, h2, 

.main-banner h1, .main-banner h2, 

.testimonials .stc-slider-header, .stc-accordion-header { font-size: 32px; } 
.slick-prev, .slick-next { display: none !important; } .header-bg { min-height: 400px; padding: 280px 0px 0px 0px; } 
.sub-services .container > .row > div { width: 50%; margin-bottom: 20px; } 
.partners-gallery .stc-galleries .container > .row > div { width: 33.33%; } .cta-bg-1 { background-position: center right; } 
.news .stc-custom-code .row > div { width: 100%; margin-bottom: 20px; } .news .stc-custom-code .row > div:last-child { margin-bottom: 0; } 
.main-banner .stc-sliders .slick-slide { padding: 70px 50px 0px 50px; } .services .container > .row > div { width: 100%; margin-bottom: 20px; } 
.services .container > .row > div:last-child { margin-bottom: 0px; } .cont-box { width: 100%; } .help-icons #stc-custom-blocks h3 { min-height: 66px; } .abt-wrap span { font-size: 30px; margin-top: 120px; } .team-cont { min-height: 160px; } .awards-name.two-lines { min-height: 160px; } .cta-bg-1 .container > .row > div:first-child, .cta-bg-3 .container > .row > div:first-child, .cta-bg-4 .container > .row > div:first-child { width: 60%; } .news-content h3 { min-height: auto; overflow: initial; } 
.half-cta1 { min-height: auto; } .half-desc { min-height: auto; } .half-cta .container > .row > div { width: 100%; } 
.half-cta .container > .row > div { margin-bottom: 25px; } .half-cta .container > .row > div:last-of-type { margin-bottom: 0px; } 
.cta-bg-1 { background-position-x: 88%; } .services .news-content h3 { min-height: 65px; } .services .news-content > p:first-of-type { height: auto; } .best-b2b-bg { background-position: 85%; } } @media screen and (max-width: 800px) { .services-header > .container { width: auto; } .webp .radius-group, .no-webp .radius-group { background-position-x: 82%; } .main-banner .stc-sliders .slick-slide { min-height: 560px; } } @media screen and (max-width: 767px) { .webp .radius-group, .no-webp .radius-group { background-image: none; background-color: #e2185f; } .services-header { min-height: 420px; } #stc-navbar > ul { float: none; margin-top: 10px; } #stc-navbar .navbar-nav > li { margin-left: 0px; } #stc-navbar ul a, #stc-navbar ul a.btn-primary { font-size: 15px; padding: 10px 20px; margin-top: 5px; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #fff; border-bottom: 0; background-color: #e2185f; } .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .dropdown:hover>.dropdown-menu { display: none !important; } .dropdown.open .dropdown-menu { display: block !important; } .navbar-default .mega-content { margin-top: 0px; padding: 0px 10px; } 
.half-cta1, .half-cta2 { min-height: auto; } 
.half-cta1 { margin-bottom: 20px; } .half-cta { padding-top: 60px; padding-bottom: 60px; } .stc-custom-code .row > div { margin-bottom: 20px; } .main-banner .stc-sliders .slick-slide { min-height: 450px; padding: 60px 50px 0px 50px; background-position-x: 65%; } h1, h2, .main-banner h1, .main-banner h2, .testimonials .stc-slider-header, .stc-accordion-header, .services-icon h3, .blog .title a, .blog-single .title { font-size: 30px !important; } .testimonials .stc-sliders .slick-slide { text-align: center; } .testimonials .client-photo { display: inline-block; float: none; margin-bottom: 20px !important; } .testimonials .slick-slide p, .testimonials .slick-slide h4 { text-align: center; } 

.header-bg { min-height: 340px; padding: 230px 50px 0px 50px; } .sub-services .container > .row > div { width: 100%; } .stc-video-responsive { margin-top: 20px; } .partners-gallery .stc-galleries .container > .row > div { display: inline-block; width: 49%; } #hpp-container .nav-tabs>li { margin-bottom: 5px; margin-right: 5px; } .mspacer .container > .row > div, .our-clients .container > .row > div { margin-bottom: 20px; } .mspacer .container > .row > div:last-child, .our-clients .container > .row > div:last-child { margin-bottom: 0px; } footer .footer1 p { text-align: center; } footer .footer1 .container > .row > div { margin-bottom: 35px; } footer .footer1 .container > .row > div:last-child { margin-bottom: 0px; } .help-icons #stc-custom-blocks > div { display: inline-block; width: 49%; padding: 0; } .abt-wrap span { margin-top: 110px; } .mspacer .container > .row > div, .our-clients .container > .row > div { width: 100%; } .team-cont { min-height: auto; } .awards-name.two-lines { min-height: auto; } .cta-bg-1 .container > .row > div:first-child, .cta-bg-3 .container > .row > div:first-child, .cta-bg-4 .container > .row > div:first-child { width: 100%; } .padd-top-mobile { padding-top: 30px; } .services-icon .container > .row > div { margin-bottom: 30px; } .services-icon .container > .row > div:last-of-type { margin-bottom: 0px; } #stc-show-all-blogs { margin-bottom: 30px; } .blog-single > div:nth-child(5) { margin-bottom: 30px; } } @media screen and (max-width: 480px) { h1, h2, .main-banner h1, .main-banner h2, .main-banner h3, .testimonials .stc-slider-header, .stc-accordion-header, .services-icon h3, .blog .title a, .blog-single .title { font-size: 22px !important; } h3 { font-size: 20px; } .header-box { padding: 25px; } .main-banner .stc-sliders .slick-slide { min-height: 462px; padding: 60px 50px 0px 50px; background-position-x: 80%; } .main-banner .stc-sliders #slick-slide00 { background-position-x: 25%; } .main-banner .stc-sliders #slick-slide01 { background-position-x: 45%; } .main-banner .slick-dots { bottom: 5px; } .services-header { min-height: 400px; padding: 60px 0px 0px 0px; } .banner-cta .cta-box { padding: 25px 25px; } 
.header-bg { min-height: 300px; padding: 180px 0px 0px 0px } .partners-gallery .stc-galleries .stcg-image .stcg-thumbnail img { width: 100%; } .abt-wrap span { font-size: 30px; margin-top: 130px; } .testimonials .stc-sliders .slick-slide { padding: 30px 20px; } .testimonials h4 { font-size: 18px; } 
.half-cta1, .half-cta2 { padding: 30px 25px; } .blog-single > div:nth-child(5) > div { width: 100%; text-align: center; margin-bottom: 10px; } .webp .radius-group, .no-webp .radius-group { background-position-x: 88%; } .webp .office-365, .no-webp .office-365, .webp .mobile-device, .no-webp .mobile-device, .webp .mcafee, .no-webp .mcafee, .webp .box, .no-webp .box { background-image: url(../images/banner-7/office-365-bg.webp); background-position: center center; background-position: 87%; } .webp .web-meeting { background-position: 78%; } .best-b2b-bg { background-position: 91%; } } @media screen and (max-width: 426px) { .main-banner .stc-sliders .slick-slide, .services-header { padding: 40px 25px 0px 25px; } .services-header { min-height: auto; padding: 40px 0px 40px 0px; } .abt-wrap span { font-size: 28px; margin-top: 115px; } .stc-custom-code .row > div { padding-left: 0; padding-right: 0; } .slick-dots li { margin: 0 3px; } .no-webp .main-banner .stc-sliders #slick-slide02, .webp .main-banner .stc-sliders #slick-slide02 { background-position: 64%; } } @media screen and (max-width: 376px) { .best-b2b-bg { background-position: 89.5%; } } @media screen and (max-width: 320px) { .abt-wrap span { font-size: 28px; margin-top: 80px; } .help-icons #stc-custom-blocks h3 { min-height: 40px; } } .cta-box .text-danger { color: #a94442 !important; } footer .slick-dotted.slick-slider { margin-bottom: 30px !important; } #stc-awards-accreditations-slider .slick-slide img { margin: 0 auto; width: 90%; } /* Get a quote */ #get-a-quote .stc-custom-code .alert-danger { color: #ffffff !important; margin-top: 25px; background-color: #31323d; border-color: #31323d; } #get-a-quote .stc-custom-code .alert-success { color: #ffffff !important; margin-top: 30px; background-color: #4b3d70; border-color: #4b3d70; } #get-a-quote .stc-custom-code #stc-cta-box h2 { margin-top: 0; font-size: 36px; } #get-a-quote .stc-custom-code #stc-cta-box h3 { color: #fff; font-size: 24px; } #get-a-quote strong, #get-a-quote p, #get-a-quote span, #get-a-quote h4, #get-a-quote h5 { color: #fff; } #get-a-quote .stc-custom-code #stc-cta-box .radio label { display: block; text-align: center; } #get-a-quote .stc-custom-code #stc-cta-box .radio label, #get-a-quote .stc-custom-code #stc-cta-box .checkbox label { height: 100%; line-height: 1.6; color: #000; width: 100%; text-align: center; padding: 12px 35px 12px 35px; word-wrap: break-word; } #get-a-quote .stc-custom-code #stc-cta-box .radio label:hover, #get-a-quote .stc-custom-code #stc-cta-box .checkbox label:hover { color: #fff; border-radius: 6px; background-color: #302c5c; } #get-a-quote .stc-custom-code #stc-cta-box .radio, #get-a-quote .stc-custom-code #stc-cta-box .checkbox { color: #000; height: 75%; font-size: 15px; border-radius: 6px; background-color: #fff; } #get-a-quote .container > .row > div:first-child { width: 100%; } #get-a-quote .cta-box { width: 70%; margin-left: auto; margin-right: auto; } #get-a-quote .stc-custom-code .stc-gq-quote p { font-size: 22px; line-height: 1.3; } @media screen and (min-width: 768px) { #get-a-quote .stc-custom-code .stc-gq-quote .row { display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } #get-a-quote .stc-custom-code .radio input[type="radio"] { position: relative; margin-left: 0; } #get-a-quote input[type="radio"] { display:none; } #get-a-quote input[type="radio"] + span { position: absolute; left: 8px; display: inline-block; width: 25px; height: 25px; margin: -2px 0px 0 0; vertical-align: middle; background:url(../images/misc-8/radio-button.png) left top no-repeat; cursor: pointer; } #get-a-quote input[type="radio"]:checked + span { background:url(../images/misc-8/radio-button.png) -25px top no-repeat; } #get-a-quote input[type="checkbox"] { display:none; } #get-a-quote input[type="checkbox"] + span { position: absolute; left: 8px; display: inline-block; width: 25px; height: 25px; margin: -2px 0px 0 0; vertical-align: middle; background:url(../images/misc-8/checkbox.png) left top no-repeat; cursor: pointer; } #get-a-quote input[type="checkbox"]:checked + span { background:url(../images/misc-8/checkbox.png) -25px top no-repeat; } #get-a-quote .btn-prev:after { content: ''; } #get-a-quote .btn-prev { margin-right: 5px; padding: 8px 20px 8px 40px; } #get-a-quote .btn-prev:before { position: absolute; color: #000; font-family: 'FontAwesome'; font-size: 22px; content: '\f104'; top: 3px; left: 15px; } #get-a-quote .btn-prev:hover:before { color: #fff !important; } #get-a-quote { padding-top: 0; padding-bottom: 0; } #get-a-quote .container { padding-top: 60px; padding-bottom: 60px; } #stc-cta-box .alert-danger { color: #ffffff !important; font-size: 15px; background-color: #4b3d70; border-color: #4b3d70; } @media screen and (max-width: 1024px) { #get-a-quote .cta-box { width: 80%; } } @media screen and (max-width: 991px) { #get-a-quote .cta-box { width: 100%; } } @media screen and (max-width: 767px) { #get-a-quote .stc-custom-code #stc-cta-box .checkbox label { min-height: auto; } #get-a-quote .stc-custom-code .row > div { margin-bottom: 0px; } } @media screen and (max-width: 426px) { #get-a-quote .stc-custom-code .row > div { padding-left: 15px; padding-right: 15px; } #get-a-quote .stc-custom-code #stc-cta-box h3 { font-size: 18px; } #get-a-quote .stc-custom-code .stc-gq-quotes p { font-size: 18px; } } .progress { border-radius: 6px; margin: 25px 0 10px 0; } .progress-bar { background-color: #302c5c; } .progress-bar-striped, .progress-striped .progress-bar, .progress-striped .progress-bar-danger, .progress-striped .progress-bar-info, .progress-striped .progress-bar-success, .progress-striped .progress-bar-warning { background-image: linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.05) 75%,transparent 75%,transparent); } #stc-get-quote-container { min-height: 220px; } #stc-cta-box .steps { display: none; } #stc-cta-box .steps.active { display: block; }