/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
 
.servicescontainer {
	margin-top: 80px;
}

.service1 {	width: 18%;
	margin: 1%;
	text-align: center;
	float: left;
}
.service1 a {transition: all 0.3s ease-out 0s;}

.service1 h2 {
	min-height: 70px;
}

.servicelist {
	text-align: left;
	margin: 0 auto;
    width: 87%;
    max-width: 100%;
}

.custompad {padding: 100px 35px;}
.largecustompad {padding: 175px 35px;}

.newcta {padding: 50px 0px; max-width: 1200px; margin: 0 auto;}
.newcta p {margin-bottom: 0px!important;}
.greybackground {background: #eeeeee;}
.orangebackground {background: #4992c4;}

.list1 {width: 80%!important;}
.list2 {width: 75%!important;}
.list3 {width: 88%!important;}
.list4 {width: 81%!important;}

.servicelisticon {height: 20px; width: 20px; max-height: 20px; max-width: 20px; margin-right: 15px;}

.lookingmod {width: 100%;	margin-top: 80px;	max-height: 280px;	height: 280px;}.lookingimage {	float: left;	width: 30%;}

.lookingtext {	float: right;	width: 65%;	padding: 0px; text-align: left!important;}

#tmTopA {
	background: #fe9414 url("/images/module_images/wheretogo_split_large_opt.jpg") no-repeat fixed center 0 !important;
}

#tmTopB {background: #fdfdfd!important; padding-bottom: 40px; border-bottom: 1px none #fe9414;}

#tmTopC {
	/*max-width: 1905px!important;*/
	padding-bottom: 130px;
	background: #fe9414 url("/images/module_images/whyus_background_6_opt.jpg") no-repeat fixed 0 0 !important;
	background-size: cover!important;
}

.buttonsmalltext {
	font-size: 20px;
}

.button1 {
	padding: 20px 0px;
	text-align: center;
	border: 1px solid #fff;
	color: #fff;
	background-color: rgba(255,255,255,0.1)!important;
	font-size: 28px;
	margin: 5% 1% auto!important;
	float: left;
	width: 47%;
	transition: all 300ms ease-in 0s;
	font-weight: 400;
}

.button1:hover {
	color: #fff!important;
	text-decoration: none!important;
	background-color: #fe9414!important;
	border: 1px solid #fe9414;
}

.button2 {
	padding: 20px 0px;
	text-align: center;
	border: 1px solid #fe9414;
	color: #fff;
	font-size: 28px;
	margin: 5% 1% auto!important;
	float: left;
	width: 47%;
	transition: all 300ms ease-in 0s;
	font-weight: 400;
	background-color: #fe9414;
}

.button2:hover {
	background-color: #fff!important;
	color: #fe9414!important;
	text-decoration: none!important;
}

.button3 {
	padding: 20px;
	border: 1px solid #fff;
	color: #fff;
	transition: pulse;
}

.button3:hover {
	background-color: #fff!important;
	color: #fe9414!important;
	text-decoration: none!important;
	transition: pulse;
}

.button4 {
	padding: 20px 0px;
	text-align: center;
	border: 1px solid #fe9414;
	color: #fe9414;
	font-size: 28px;
	margin: 5% 1% auto!important;
	float: left;
	width: 47%;
	transition: all 300ms ease-in 0s;
	font-weight: 400;
	background-color: #fff;
}

.button4:hover {
	background-color: #fe9414!important;
	color: #fff!important;
	text-decoration: none!important;
	border: 1px solid #fff;
}

.button5 {
	padding: 20px 25px;
	text-align: center;
	border: 1px solid #fff;
	color: #fff;
	background-color: rgba(255,255,255,0.1)!important;
	font-size: 20px;
	margin: 5% 1% auto!important;
	width: 47%;
	transition: all 300ms ease-in 0s;
	font-weight: 400;
}

.button5:hover {
	color: #fff!important;
	text-decoration: none!important;
	background-color: #fe9414!important;
	border: 1px solid #fe9414;
}

.buttoncontainer {
	margin: 0 auto!important;
	max-width: 100%;
	width: 75%;
}

.whyusboxes1 {
	width: 100%;
	clear:both;
}

.whyusboxes2 {
	width: 100%;
	clear:both;
}

.whyus1 {
	background-color: #fe9414;
	width: 40%;
	float: left;
	padding: 5%;
	color: #fff!important;
}
.whyus2 {
	background-color: #fdfdfd;
	width: 40%;
	float: left;
	padding: 5%;
	z-index: 100;
}
.whyus3 {
	background-color: #fdfdfd;
	width: 40%;
	float: left;
	padding: 5%;
	z-index: 100;
}
.whyus4 {
	background-color: #fe9414;
	width: 40%;
	float: left;
	padding: 5%;
	color: #fff!important;
}

.whyus4 h2, .whyus1 h2 {
	color: #fff!important;
}

.whyustext {
   
}

.centerbox {
    background-color: #fdfdfd;
    font-family: "Lato";
    font-size: 39px;
    max-width: 100%;
    outline: 8px solid #eeeeee;
    padding: 16px 15px 80px;
    position: absolute;
    text-align: center;
    width: 200px;
	font-weight: 400;
	top:79%;
	left:44%;
}

.whycontainer {width:100%; position:relative;}

.whyusicon {
	margin-right: 20px;
}


.whyboxcontainer {
	width: 100%;
}

.whyusbox2 h2 {
	color: #666!important;
}

.whyusbox2 p {
	color: #666!important;
}

.why1 {
	float: left;
	margin: 1%;
	width: 41.5%;
	padding: 3%;
	background-color: #fff;
	border: 2px solid #fe9414;
	text-align: center;
	color: #666!important;
	font-weight: 400;
	min-height: 220px;
}

.whytext2 {
	text-align: center;
	color: #666!important;
}

.whytext2 h2 {
	text-align: center;
	color: #666!important;
}

.whyusv2box {
	width: 70%!important;
	margin: 0 auto!important;
}


.social1 {
	font-family: fontawesome;
	float: left;
	margin-right: 10px;
	color: #fff!important;
	font-size: 30px;
	transition: all 300ms ease-in 0s;
}

.social1:hover {
	color: #333!important;
	text-decoration: none!important;
}

.event1 {
    color: #ffffff !important;
    float: left;
    margin: 1%;
    text-align: center;
    width: 31%;
}

.pageinner {
	text-align: center!important;
}

.innerpagetitles {
	text-align: center;
	color: #fe9414;
	margin-top: 20px;
	margin-bottom: 35px;
	font-weight:800;
}

.live-tiles {margin:10px;}

.live-tiles-split-container .live-tiles {width:calc(50% - 15px);}

.education-header {font-weight:800; color:#fff; text-transform:uppercase;}

.bottomcta {
	height: 200px;
	background-image: url("/images/cloud_cta_temp_opt.jpg");
	background-color: #4992c4;
	text-align: center;
	color: #fff!important;
}

.bottomcta h2 {
	color: #fff!important;
	padding-top: 70px;
}

.pagebulletsleft {
	width: 45%;
	text-align: left!important;
	float: left;
}

.pagebulletsright {
	width: 45%;
	text-align: left!important;
	float: right;
}

.pagelistbox {
	width: 50%;
	margin: 0 auto!important;
	max-width: 100%!important;
}

.headericons {margin-right: 35px; height: 75px; width: 75px; max-height: 75px; max-width: 75px;}


.itheader, .audioheader, .projectheader, .itsupportheader {
	height: 150px;
	background-color: #4992c4;
	text-align: center;
	color: #fff!important;
}

.itheader h1, .audioheader h1, .projectheader h1, .itsupportheader  h1 {
	color: #fff!important;
	padding-top: 45px;
	font-size: 45px;
}
.itheader {
	background-image: url("/images/IT_services_header_blue_final_opt.jpg"); background-size: cover!important;
}
.audioheader {
	background-image: url("/images/audio_services_header_green_final_opt.jpg"); background-size: cover!important;
}
.projectheader {
	background-image: url("/images/project_services_header_purple_final_opt.jpg"); background-size: cover!important;
}
.itsupportheader {
	background-image: url("/images/support_services_header_red_opt.jpg"); background-size: cover!important;
}

.heading-align-left .heading-text-wrapper {max-width:700px;}

.contactheader {
	height: 150px;
	background-image: url("/images/random_inner_header_blue_opt.jpg");
	background-color: #4992c4;
	text-align: center;
	color: #fff!important;
}

.contactheader h1 {
	color: #fff!important;
	padding-top: 45px;
	font-size: 45px;
}

.orangeheader {
	height: 150px;
	background-image: url("/images/random_inner_header_green_opt.jpg");
	background-color: #4992c4;
	text-align: center;
	color: #fff!important;
}

.orangeheader h1 {
	color: #fff!important;
	padding-top: 45px;
	font-size: 45px;
}

.purpleheader {
	height: 150px;
	background-image: url("/images/random_inner_header_purple_opt.jpg");
	background-color: #4992c4;
	text-align: center;
	color: #fff!important;
}

.purpleheader h1 {
	color: #fff!important;
	padding-top: 45px;
	font-size: 45px;
}

.yellowheader {
	height: 150px;
	background-image: url("/images/random_inner_header_dark_blue_opt.jpg");
	background-color: #4992c4;
	text-align: center;
	color: #fff!important;
}

.yellowheader h1 {
	color: #fff!important;
	padding-top: 45px;
	font-size: 45px;
}

.deepblueheader {
	height: 150px;
	background-image: url("/images/random_inner_header_dark_blue_opt.jpg");
	background-color: #4992c4;
	text-align: center;
	color: #fff!important;
}

.deepblueheader h1 {
	color: #fff!important;
	padding-top: 45px;
	font-size: 45px;
}

.aboutheader {
	height: 150px;
	background-image: url("/images/random_inner_header_blue_opt.jpg");
	background-color: #4992c4;
	text-align: center;
	color: #fff!important;
}

.aboutheader h1 {
	color: #fff!important;
	padding-top: 45px;
	font-size: 45px;
}



/* INNER H2 IMAGES - (Tom/Jason) Insert each new div class here with ' h2' and a comma */

.scbg h2, .con h2, .network h2, .support h2, .cctv h2, .cloud h2, .proservice h2, .it h2 {color: #fff; padding: 7%;}

.av h2, .servermig h2 {color: #fff; padding: 6%!important;}

.present h2, .proman h2, .sitesurv h2, .desktopmig h2, .desktop h2, .servers h2, .help h2 {color: #fff; padding: 8%!important;}

.virt h2 {color: #fff; padding: 9%!important;}

.remote h2 {color: #fff; padding: 10%!important;}

.scbg, .con, .help, .servers, .servermig, .proman, .network, .av, .support, .sitesurv, .virt, .cctv, .present, .cloud, .proservice, .it, .desktop, .remote, .desktopmig {max-width: 1110px; max-height: 250px; height: 250px; margin-bottom: 60px;}

/* IMAGE URLs - Inset image URL here */

.scbg {background-image: url("/images/structured_cabling_2.jpg");}
.con {background-image: url("/images/consultancy.jpg");}
.help {background-image: url("/images/helpdesk.jpg");} 
.servers {background-image: url("/images/server_mig.jpg");}
.servermig {background-image: url("/images/server.jpg");}
.proman {background-image: url("/images/proman.jpg");}
.network  {background-image: url("/images/network.jpg");}
.av {background-image: url("/images/av.jpg");}
.support {background-image: url("/images/support.jpg");}
.sitesurv {background-image: url("/images/sitesurv.jpg");}
.virt {background-image: url("/images/desktop_mig.jpg");}
.cctv {background-image: url("/images/cctv.jpg");}
.present {background-image: url("/images/present.jpg");}
.cloud {background-image: url("/images/computer.jpg");}
.proservice {background-image: url("/images/proservice.jpg");}
.it {background-image: url("/images/it.jpg");}
.desktop {background-image: url("/images/desktop.jpg");}
.remote {background-image: url("/images/remote.jpg");}
.desktopmig {background-image: url("/images/it.jpg");}

/* END OF INNER H2 IMAGES */


/* INNER H2 IMAGES - (Tom/Jason) Insert each new div class here with ' h2' and a comma */

.cloudinner h2, .servermiginner h2, .consultancyinner h2, .netsupportinner h2 {
	color: #fff!important; 
	text-align: center; 
	padding: 3% 25%; 
	font-size: 32px; 
	line-height: 50px;
}

.desktopmiginner h2, .structureinner h2, .virtinner h2, .audioinstallinner h2, .cctvinner h2, .promanageinner h2, .sitesurveyinner h2, .desktopsupportinner h2, .serversupportinner h2, .remoteinner h2, .generalitinner h2, .supportinner h2, .ITinner h2, .AVinner h2, .proinner h2 {
	color: #fff!important; 
	text-align: center; 
	padding: 4% 25%; 
	font-size: 32px; 
	line-height: 50px;
}
/* Elements 365 */
.plan-container {margin-top:65px;}
.four-item-split {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;display: flex; justify-content:space-between; margin-top:35px}
.elements-box {padding: 0px; box-sizing: border-box; box-shadow: 0 0 50px 10px rgba(0,0,0,0.1); background: #fff; width:calc(25% - 15px);}
.plus-box {padding: 65px; box-sizing: border-box; width: calc(50% - 15px); color: #666;	text-align: center;	box-shadow: 0 0 50px 10px rgba(0,0,0,0.1); background: #fff;margin: 35px;}
.pick-box{padding: 65px; box-sizing: border-box; width: calc(50% - 15px); color: #666;	text-align: center;	box-shadow: 0 0 50px 10px rgba(0,0,0,0.1); background: #fff;margin: 35px;}
.support-box {padding: 65px; box-sizing: border-box; width: calc(50% - 15px); color: #666;	text-align: center;	box-shadow: 0 0 50px 10px rgba(0,0,0,0.1); background: #fff;margin: 35px;}
.core-header{background: #82ca3f; padding: 20px; position: relative; min-height:200px;}
.core-header h2 {color:#fff !important;}
.mix-header {background: #e66826; padding: 20px; position: relative; min-height:200px;}
.mix-header h2 {color:#fff !important;}
.support-header {background: #fab40b; padding: 20px; position: relative; min-height:200px;}
.support-header h2 {color:#fff !important;}
.plus-header {background: #7c97d3; padding: 20px; position: relative; min-height:200px;}
.plus-header h2 {color:#fff !important;}
.info-section {padding:30px; text-align: left;}
.core-header p {font-size: 15px; line-height: 25px;}
.mix-header p {font-size: 15px; line-height: 25px;}
.support-header p {font-size: 15px; line-height: 25px;}
.plus-header p {font-size: 15px; line-height: 25px;}
.button-section {text-align:center;}
.small-text {font-size: 15px; line-height:25px;}
.listspecial-plan {padding-left: 0px !important;}
.listspecial-plan li  {text-align:left; list-style: none; list-style-position: outside; overflow: inherit; padding: 1px 0 5px 36px; position: relative;color: #747474; list-style-position: inside; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; font-size:15px; line-height:25px;}
.listspecial-plan li::before {color: #fff; font-family: 'Font Awesome 5 Pro'; position: absolute; left: 0;content: "\f00c" !important; font-size: 12px !important; top: 1px !important; font-weight: 400; background:#fe9414; display: inline-block; border-radius: 50px; height: 20px; width: 20px; text-align: center; line-height: 20px;}
.green-list li::before {background:#82ca3f !important;}
.blue-list li::before {background:#7c97d3 !important;}
.red-list li::before {background:#e66826 !important;}
.orange-list li::before {background:#fab40b !important;}

.info-section h3 {color: #feb214 !important; font-weight: 900 !important;}
.get-started-button {padding: 15px 30px; text-transform: uppercase; font-weight: 800; background: #feb214 !important; color: #fff !important; display: inline-block; margin: 35px auto 65px; transition: all 0.3s ease-in-out;}
.get-started-button:hover {text-decoration:none; background:#666 !important;}

/* ELEMENTS LOGO */
.featured-container {max-width: 1500px;	margin: 0 auto;}
.logo-feature-container {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;display: flex; max-width:1000px; margin: 65px auto 0px;}
.logo-img {width: 75px; margin: 0 auto;}
.elements h1{text-transform:none !important;}

/* IMAGE PARALAX URLs - Inset image URL here */

.supportinner {background: rgba(0, 0, 0, 0) url("/images/inner/support_1_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

.proinner {background: rgba(0, 0, 0, 0) url("/images/inner/desktop_support_1_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

.AVinner {background: rgba(0, 0, 0, 0) url("/images/inner/av_inner_1_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

.ITinner {background: rgba(0, 0, 0, 0) url("/images/inner/desktopmig_1_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

.cloudinner {background: rgba(0, 0, 0, 0) url("/images/inner/cloud_inner_lax_3_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

.desktopmiginner {background: rgba(0, 0, 0, 0) url("/images/inner/desktopmig_1_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

.servermiginner {background: rgba(0, 0, 0, 0) url("/images/inner/servermig_2_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

.structureinner {background: rgba(0, 0, 0, 0) url("/images/inner/structurecabling_1_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

.virtinner {background: rgba(0, 0, 0, 0) url("/images/inner/virtualisation_1_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

.audioinstallinner {background: rgba(0, 0, 0, 0) url("/images/inner/audio_visual_install_1_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

.cctvinner {background: rgba(0, 0, 0, 0) url("/images/inner/cctv_1_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

.consultancyinner {background: rgba(0, 0, 0, 0) url("/images/inner/consult_1_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

.promanageinner {background: rgba(0, 0, 0, 0) url("/images/inner/promanagement_2_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

.sitesurveyinner {background: rgba(0, 0, 0, 0) url("/images/inner/sitesurvey_1_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

.netsupportinner {background: rgba(0, 0, 0, 0) url("/images/inner/network_support_2_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

.desktopsupportinner {background: rgba(0, 0, 0, 0) url("/images/inner/desktop_support_1_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

.serversupportinner {background: rgba(0, 0, 0, 0) url("/images/inner/servermig_2_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

.remoteinner {background: rgba(0, 0, 0, 0) url("/images/inner/remote_support_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

.generalitinner {background: rgba(0, 0, 0, 0) url("/images/inner/network_support_2_opt.jpg") no-repeat fixed center 0 !important; background-size: cover!important;}

/* END OF INNER H2 IMAGES */


.introinner {
	font-size: 28px; 
	margin-bottom: 5%; 
	line-height: 30px;
}


.textstand {padding: 65px; box-sizing: border-box; width: 100%; color: #fff; text-align: center; box-shadow: 0 0 50px 10px rgba(0,0,0,0.1);background: #fe9414; margin-top: 45px;}
.textstand h2 {color: #fff; font-weight: 800; text-transform: uppercase; font-size: 30px; line-height: 40px;}
	
.orangetext {font-weight: 600; color: #fe9414;}

.bullettick1 {color: #fe9414; margin-right: 10px; font-family: fontawesome;}

.contactleft {
	float: left;
	width: 35%;
	text-align: center;
}

.formright {
	float: right;
	width: 65%;
}

.contactform {
	width: 90%;
	max-width: 100%;
	margin: 0 auto!important;
	padding-top: 20px;
}

.social2 {
	font-family: fontawesome;
	float: center;
	margin-right: 10px;
	color: #666!important;
	font-size: 30px;
	transition: all 300ms ease-in 0s;
}

.social2:hover {
	color: #333!important;
	text-decoration: none!important;
}

.contactmap {
	clear: both;
	padding-top: 70px;
	text-align: center;
}

.contactmap p {
	padding-bottom: 20px;
}

#tmBottomB {
	background-color: #fe9414;
}


.bottom-b-wrapper {
	padding: 100px 35px!important;
}

.contactstrip {
	color: #fff;
	text-align: center;
}

.contactstrip h1 {
	color: #fff;
	text-align: center;
}

.headerbutton {
	border: 1px solid #fe9414;
	color: #fff;
	background-color: #fe9414;
	font-size: 28px; 
	font-weight: 400;
	padding: 20px;
	text-align: center;
	transition: all 300ms ease-in 0s;
}

.headerbutton:hover {
	background-color: #fff;
	border: 1px solid #fff;
	color: #fe9414;
	text-decoration: none!important;
}

.emailtop {
	margin-right: 20px;
	color: #555!important;
}

.phonetop {
	margin-right: 20px;
	color: #555!important;
}

.emailtop:hover {
	color: #fe9414!important;
}

.phonetop:hover {
	color: #fe9414!important;
}

.social3 {
	font-family: fontawesome;
	margin-right: 10px;
	color: #fe9414!important;
	font-size: 22px;
	transition: all 300ms ease-in 0s;
}

.social3:hover {
	color: #666!important;
	text-decoration: none!important;
}

.orangebackground {
	background-color: #fe9414;
	color: #ffffff;
}

.orangebackground h2 {
	background-color: #fe9414;
	color: #ffffff;
}

.content-flow {display: flex;flex-wrap: wrap;justify-content: space-between;}

@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) { 
.logoimage a {
        background-image: url('/images/Addcom_logo_web_2@2x.png');
		height: 60px;
		width: 280px;
    }
}

@media all and (-webkit-min-device-pixel-ratio : 1.5) {
    .logoimage a {
        background-image: url('/images/Addcom_logo_web_2@2x.png');
		height: 60px;
		width: 280px;
    }
}

.serviceicon {
	border-radius: 50%;
	padding: 5%;
	height: 100px;
	width: 100px;
	transition: all 0.3s ease-out 0s;
}

.serviceicon:hover {transform: scale(1.025); cursor: pointer;}
/*.serviceicon1 {background: #1591b7;}
.serviceicon2 {background: #78d33d;}
.serviceicon3 {background: #76469b;}
.serviceicon4 {background: #D13B3B;}
.serviceicon5 {background: #fe9414;}*/

.listspecial {padding-left: 0px !important; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;	column-gap: 20px;}
.listspecial li  { text-align:left; list-style: none; list-style-position: outside; overflow: inherit; padding: 1px 0 15px 36px; position: relative;color: #747474; list-style-position: inside; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
.listspecial li::before {color: #fff; font-family: 'Font Awesome 5 Pro'; position: absolute; left: 0; content: "\f30b"; font-size: 1.1rem !important; top: 1px !important; font-weight: 400; background:#fe9414; display: inline-block; border-radius: 50px; height: 26px; width: 26px; text-align: center; line-height: 26px;}
.voip-advantages .listspecial li::before {content: "\f00c"}
.voip-advantages {max-width:1000px; margin: 0 auto;}
.voip-advantages .modtitle {padding:35px;}
.newcta h3 {max-width:600px; margin:0 auto;}
.voip-img {background-image: url('../../../images/Voip-Phones-addcom.jpg')!important;}
.greybackground {background-color: #333;}
.cyber-img {background-image:url('../../../images/module_images/Cyber-Security-Opt2.jpg')!important;}
.elements-img {background-image:url('../../../images/module_images/education/Maths-Inner-Image.png')!important;}



/* Desktop and bigger */
@media only screen and (max-width: 1380px) {
  .whyus1 {
  min-height:218px;
  }
}

.checklist {
	font-family: fontawesome; 
	margin-right: 15px;
	color: #fe9414;
}

.whotext {
	font-size: 20px;
	font-weight: 400;
	font-family: Lato;
	text-transform: none;
	color: #666;
}

.contentsplit {
	float: left;
    margin: 50px 1%;
    min-height: 327px;
    outline: 1px solid #333333;
    padding: 2%;
    text-align: center;
    width: 44%;
}

.contentbox1 {
	outline: 1px solid #fe9414;
}

.contentbox2 {
	outline: 1px solid #feb214;
}



.testimonialbox1 {
	outline: 1px solid #fe9414;
}

.testimonialbox2 {
	outline: 1px solid #fe9414;
}



.testimonialbox1 em {
	color: #333 !important;
}


.testimonialbox2 em {
	color: #333 !important;
}

.innerpagetitles2 {
	text-align: center;
	color: #333;
	margin-top: 15px;
	margin-bottom: 30px;
}

.innerpagetitles3 {
	text-align: center;
	color: #ffffff!important;
	margin-top: 15px;
	margin-bottom: 30px;
}

.usp1 {
	float: left;
	margin: 2%;
	width: 21%;
	text-align: center;
}

.service1 a {
	color: #666!important;
	min-width: 100px;
}

body {
	text-align: center!important;
}

.whymodscontainer {
	width: 100%;
}

.whymods1 {
	text-align: center;
	margin: 2%;
	width: 19%;
	float: left;
	color: #fff;
	padding: 1%;
	border: 1px none rgba(255,255,255,0.2);
	box-sizing: border-box;
}

.whymods1 p, .whymods1 h2 {
	color: #fff!important;
}

.topicons {
	font-family: fontawesome; 
	font-size: 20px;
	margin-right: 10px;
}

.tm-logo-small {display: block;}

.features-wrapper {
    background-color: #fdfdfd!important;
    background-image: url("/images/ourservices_background_7_opt.png")!important;
    color: #666666!important;
    padding-bottom: 100px!important;
	background-repeat: no-repeat;
	background-size: cover!important;
}

.top-a-wrapper {
    background-color: #fe9414;
    color: #ffffff;
    padding-bottom: 100px;
}


.expanded-bottom-wrapper {
    background-color: #fdfdfd;
    color: #666666;
    margin-top: -130px;
    padding-bottom: 130px;
}

.footer-wrapper .uk-container a {
    color: #666666;
    font-size: 18px;
}

.headertype-sticky .uk-sticky-placeholder .tm-headerbar.uk-active {
    border-bottom: 5px solid #c6c6c6;
    height: 95px;
}

.headertitle1 {
	font-size: 85px;
	font-weight: 400;
	color: #fff;
}

.mobilebreak {display: none!important;}

.read-more {
	padding: 12px 25px;
	border: 1px solid #fe9414;
	background: rgba(255,255,255,0);
	color: #666666;
	transition: all 0.3s ease-out 0s;
}

.read-more:hover {
	border: 1px solid #fe9414;
	background: #fe9414;
	color: #ffffff;
	text-decoration: none;
}

.didleft {
	float: left; 
	width: 48%;
	min-height: 180px;
}

.didright {
	float: right;
	width: 48%;
	padding-left: 1%;
}

.didmodule {
	width: 100%!important;
}

.didcontainer {
	width: 98%!important;
	padding-bottom: 42%;
}

.aldershotleft {
	background-size: cover!important;
	background-positiong: center center!important;	
}

.aldershotleft {
	background: url('../../../images/inner/aldershot.jpg') no-repeat scroll 0 0;
	background-position: center center!important;
	width: 48%!important;
	float: left;
}

.footercont {
	width: 100%;
}

.footercol1 {
	float: left; 
	width: 31.333333%;
	padding: 1%;
	font-size: 17px;
	line-height: 23px;
}

.vacanciesmod  #tmTopB {
	background: #fe9414!important;
}

.vacanciesmod {margin: 0 auto!important; text-align: center!important;}
.top-b-wrapper {padding: 0px 0px 0px!important;}
.whitetext {color: #fff!important; text-align: center!important;}

/* TWEAKS 2019 */

.smallpad .servicescontainer {margin-top: 45px;}
.nopage .mainbody-wrapper {display: none;}
.spacer {height: 40px;}

/* NEW ADJUSTMENTS 2019 */
.header_text h1 {font-weight: 800; color: #fff; text-transform: uppercase; font-size: 45px; line-height: 55px; position: relative;}
.header_text h4 {font-weight: 300; color: #fff; font-size: 25px; line-height: 35px;}
.mainheading-wrapper {height: 600px; position: relative; background-size: cover!important; background-position: center center!important;}
.mainheading-wrapper .heading-content {position: absolute; top: 50%; left: 125px; transform: translateY(-50%); max-width: 700px;}
.mainheading-wrapper:before {content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #222; opacity: 0.4;}
.s-it .mainheading-wrapper .header_text h1:before {content: ""; position: absolute; top: -25px; width: 200px; height: 5px; background: #1591b7;}
.s-audio .mainheading-wrapper .header_text h1:before {content: ""; position: absolute; top: -25px; width: 200px; height: 5px; background: #78d33d;}
.s-project .mainheading-wrapper .header_text h1:before {content: ""; position: absolute; top: -25px; width: 200px; height: 5px; background: #76469b;}
.s-support .mainheading-wrapper .header_text h1:before {content: ""; position: absolute; top: -25px; width: 200px; height: 5px; background: #D13B3B;}

.mainbody-wrapper .uk-container {max-width: 1350px;}
.introinner {font-size: 35px; line-height: 45px; margin: 25px 0px 85px;}
.orangetext {font-weight: 800;}
.tm-logo img {height: 65px!important;}
.uk-navbar-nav > li > a {height: 65px; line-height: 65px;}
.menu-stack {display: flex; flex-direction: column;}
.tm-headerbar .uk-panel {max-width: 100%; padding-top: 10px;}
.uk-navbar-nav > li > a::after {bottom: 25px;}
.tm-headerbar {border-bottom: none!important;}
.logo-container .tm-logo {height: 100px!important; line-height: 100px!important;}
.gbs3 .form-control {border: none; box-shadow: none; background: #f1f1f1; font-weight: 800;}
#button9 {padding: 15px; height: inherit; text-transform: uppercase; font-weight: 800; background: #feb214!important; color: #fff!important;}
#button9:hover {background: #555!important;}

.standard-split {display: flex; justify-content: space-between; margin: 65px 0px;}
.standard-split div {padding: 65px; box-sizing: border-box; width: calc(50% - 15px); color: #fff; text-align: center; box-shadow: 0 0 50px 10px rgba(0,0,0,0.1); background: #fe9414;}
.standard-split div h2 {color: #fff!important; font-weight: 800; text-transform: uppercase; font-size: 30px; line-height: 40px;}
.standard-split div:nth-child(2) {background: #feb214;}
.standard-split h2 strong {position: relative;}
.standard-split h2 strong:before {content: ""; position: absolute; bottom: -5px; height: 5px; width: calc(100% + 6px); left: -3px; background: #feb214;}
.standard-split div:nth-child(2) h2 strong:before {background: #fe9414;}

.generic-split {display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; margin: 0px 0px 65px; text-align: left; min-height: 400px;}
.gs-container {max-width:1350px; margin:0 auto 65px; padding: 0px 35px; box-sizing: border-box;}
.single {margin-bottom: 0px; padding: 125px 0px}
.generic-split .generic-txt {padding: 65px 65px 65px 35px; box-sizing: border-box; width: calc(50% - 15px); align-self: center;}
.generic-split .generic-img {width: calc(50% - 15px); background: #eee; background-size: cover!important; background-position: center center!important; color: transparent;}
.generic-split div img {object-fit: cover; height: 100%; width: 100%;}
div .generic-split:nth-child(2) {flex-direction: row-reverse; margin-bottom: 0px;}
.generic-split div p:last-child {margin-bottom: 0px;}
.whoweare {background-image: url('../../../images/module_images/who-we-are-Addcom.jpg')!important;}
.itneeds {background-image: url('../../../images/module_images/it-needs-Addcom.jpg')!important;}

.modtitle {font-weight: 800; color: #fe9414!important; text-transform: uppercase;}
.subtitle {margin-top: 0px!important;}
.uk-text-center.subtitle {max-width: 500px; margin: 0 auto 15px;}
.uk-container {max-width: 1350px;}
.features-wrapper, .top-c-wrapper {padding: 85px 0px!important;}
.whitetext {color: #fff!important;}
.button1 {font-weight: 800;}
.homepage .mainbody-wrapper {display: none;}
.tm-bottom-b h1, .tm-bottom-b h2 {font-weight: 800;}
.top-b-wrapper {background: #f5f7f8;}
#tmTopA {background: #fe9414!important; padding: 125px 0px!important;}

.industry-container {}
.industry-split {display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; margin-top: 65px;}
.industry-box {width: calc(50% - 35px); height: 400px; position: relative; background: #eee; background-size: cover!important; background-position: center center!important; color: transparent; position: relative; z-index: 0;}
.industry-box a {position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%);}
.corporate {background-image: url('../../../images/module_images/Corporate-Addcom.jpg')!important;}
.education {background-image: url('../../../images/module_images/Education-Addcom.jpg')!important;}
.industry-box:before {content: ""; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: #111; z-index: -1; opacity: 0.3;}

.header-box {max-width: 700px!important; white-space: normal; text-align: left!important;}
.header-box h1 {font-weight: 800; text-transform: uppercase; color: #fff; font-size: 65px; line-height: 75px; text-align: left!important;}
.header-box .readon {color:	#fff; font-weight: 800;	padding: 10px 25px !important; font-size: 14px !important; line-height: 24px !important; border: none !important; border-radius: 0px;}

.our-services-container {max-width: 1550px; margin: 0 auto; padding: 35px;}
.our-services-left {width: 100%; text-align: center !important; max-width: 600px; margin: 0 auto 65px;}
.our-services-right {width: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between;}
.our-services-right .service1 {width: calc(20% - 15px); text-align: left; margin: 0px 7.5px 65px;}
.our-services-right .service1 h2 {min-height: inherit; text-align: left; font-weight: 800; font-size: 30px; line-height: 40px;}
.our-services-right .servicelist {line-height: 30px;}
.service-title-split {display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; margin-bottom: 15px; flex-direction: column;}
.our-services-right .serviceicon {padding: 0px!important;}
.bottom-service {margin-bottom: 0px!important;}

.whymods1 h2 {font-weight: 800;}

.navbar-default .uk-navbar-nav > li > a::after {bottom: 20px;}

.tm-headerbar .uk-container, .toolbar-wrapper .uk-container {max-width: 100%;}

.page-splits {display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; margin-bottom: 35px;}
.page-img {width: 30%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; background:	#f1f1f1; padding: 35px; box-sizing: border-box;}
.page-text {width: calc(70% - 65px); text-align: left; padding: 65px; box-sizing: border-box;}
.page-text p:last-child {margin-bottom: 0px;}

.list-blocks {display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap;}
.list-blocks div {width: calc(50% - 30px); padding: 35px; box-sizing: border-box; text-align: left; background: #f1f1f1; margin: 15px;}

.standard-split div a {color: #fff;}

.basic-header {height: 500px; position: relative; background: url('https://www.addcom-it.co.uk/images/IT-Solutions-header-Addcom.jpg') no-repeat scroll; background-position: center right; background-size: cover;}
.basic-header:before {content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0;}
.basic-header-text {position: absolute; width: 100%; max-width: 1280px; margin: 0 auto; text-align: left; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 0px 65px; box-sizing: border-box;}
.basic-header-text h1 {max-width: 700px; font-weight: 800; color: #fff; font-size: 50px; line-height: 60px; text-transform: uppercase;}
.basic-header-text span {font-weight: 100!important;}
.basic-header-text .readon {font-weight: 800; color: #fff;}
.elements-logo {position: absolute; bottom: 35px; right: 35px;}
.elements-logo img {height: auto; width: 200px;}

.testimonial-container {padding: 15px 35px 35px; max-width: 1280px; margin: 0 auto;}
.t-box {max-width: 80%; margin: 0 auto; text-align: left!important; padding: 65px 65px 0px; box-sizing: border-box;}
.t-box img {height: auto !important; margin: 0 auto; width: auto !important; max-width: 150px; margin-top: 35px;}
.t-box em {color: #666666!important;}
.t-box h2 {color: #fe9414!important;}
.su-content-slider.arrow-default .owl-nav [class*="owl-"] {border-radius: 50px;}

.e-header {position: relative;}
.e-logo img {position: absolute; top: 50%; left: 125px; transform: translateY(-50%); height: auto; width: 400px; padding: 25px 35px 35px; box-sizing: border-box;}
.e-text {color: #42505f; text-transform: lowercase;}
.e-text strong {color: #f39663;}

.mission-statement {max-width: 900px; margin: 0 auto 85px; padding: 0px 25px; box-sizing: border-box;}
.mission-statement h3 {font-size: 25px; line-height: 35px; font-weight: 300; color: #666!important;}
.mission-statement h3 strong {color: #fe9414;}

.fullwidth-top-wrapper {background: #f5f7f8;}
.fullwidth-top-wrapper .custompad {padding: 65px 35px;}

@media (max-width: 1400px) {
	.basic-header {background-position: 65% center;}
	.our-services-right .service1 h2 {font-size: 20px; line-height: 30px; margin-top: 15px; margin-bottom: 5px;}
	.service1 a {font-size: 16px; line-height: 26px;}
}

@media (min-width: 1300px) {
  .uk-modal-dialog-large {width: 1130px;}
  .whymods1 {width: 19%!important;}
}
@media (max-width: 1300px) {
  .uk-modal-dialog-large {width: 1130px;}
  .whymods1 {width: 19%!important;}
  .whymods1 h2 {font-size: 20px!important;} 
  .testimonialtext1 {font-size: 17px!important;	text-align: center!important;	line-height: 25px!important;  }
	.bottomcta h2 {font-size: 22px!important;}
	.mainheading-wrapper .heading-content {left: 50%; transform: translate(-50%,-50%); text-align: center;}
	.heading-align-left .heading-text-wrapper {float: none; max-width: 100%; text-align: center;}
	.s-it .mainheading-wrapper .header_text h1:before, .s-audio .mainheading-wrapper .header_text h1:before, .s-project .mainheading-wrapper .header_text h1:before, .s-support .mainheading-wrapper .header_text h1:before {left: 50%; transform: translateX(-50%);}
	.features-wrapper, .top-c-wrapper, .single, #tmTopA {padding: 65px 0px!important;}
	.industry-box {width: calc(50% - 15px);}
	.servicelisticon {margin-right: 5px;}
}

@media (max-width: 1200px) {
	.generic-split {min-height: 300px;}
	.industry-box a {width: 250px;}
	.our-services-container {flex-direction: column; padding: 35px 35px 0px;}
	.our-services-left {width: 100%; text-align: center !important; max-width: 700px; margin: 0px auto 45px;}
	.our-services-right {width: 100%;}
	.our-services-right .service1 {text-align: center;}
	.service-title-split {justify-content: center;}
}

@media (max-width: 1150px) {
	.our-services-right {flex-wrap: wrap; max-width: 900px; margin: 0 auto; justify-content: center;}
	.our-services-right .service1 {width: calc(33.333% - 15px);}
	.testimonial-container {padding: 0px;}
}

@media (max-width: 1050px) {
  .basic-header {height: 400px; background-position: 65% center;}
}

@media (min-width: 960px) {
  .uk-visible-small {display: none !important;}
  .uk-visible-medium {display: none !important;}
	.whymods1 {width: 19%!important;}
}

@media (max-width: 960px) {
	.header_text h1 {font-size: 35px; line-height: 45px;}
	.header_text h4 {font-size: 20px; line-height: 30px;}
	.mainheading-wrapper {height: 500px;}
	.standard-split {flex-direction: column;}
	.standard-split div {width: 100%; margin-bottom: 35px;}
	.introinner {font-size: 25px; line-height: 35px; margin: 0px auto 45px;}
	.standard-split div h2 {font-size: 20px; line-height: 30px;}
	.generic-split {flex-direction: column;}
	.generic-split .generic-txt {width: 100%; padding: 35px 35px 65px; text-align: center;}
	.generic-split .generic-img {width: 100%; height: 350px;}
	.features-wrapper, .top-c-wrapper, .single, #tmTopA {padding: 35px 0px!important;}
	.industry-split {flex-direction: column;}
	.industry-box {width: 100%;}
	.corporate {margin-bottom: 35px;}
  .basic-header-text h1 {font-size: 40px; line-height: 50px;}
  .t-box {padding: 15px 15px 0px;}
	.elements-logo img {width: 120px;}
	.basic-header {height: 300px;}
	.elements-logo {bottom: 15px; right: 15px;}
	.basic-header {background-position: 50% center;}
}

@media (max-width: 1250px) {
	.navbar-default .uk-navbar-nav > li > a {padding: 5px 5px 0 0!important;}
}

@media (max-width: 960px) {  
  .whymods1 h2 {font-size: 20px!important;}
	.didleft, .didright {width: 98%!important;}
	.page-text {padding: 35px;}
	.page-splits {flex-direction: column;}
	.page-img {width: 100%;}
	.page-text {width: 100%; text-align: center;}
}

@media (min-width: 768px) {
  .uk-modal-dialog-large {width: 930px;}
}

@media (min-width: 768px) and (max-width: 959px) {
   .whymods1 {width: 100%!important;  }
}

@media (max-width: 1024px) {
	.service1 {width: 46%; min-height: 400px!important;}
	 .whymods1 {width: 44%!important;}
	 #tmTopC {background: #fe9414 url("/images/whyusbackground_mobile5.jpg") 0 0 fixed !important;}
.servicelist {text-align: center!important;}
.cloudinner h2 {padding: 7% 10%!important;}
.tm-logo-small {width: 90%; margin-top: 50px; position: absolute;}
.uk-sticky-placeholder {height: 145px!important;}
.headertype-sticky .uk-sticky-placeholder .tm-headerbar.uk-active {height: 145px;}
.uk-visible-large .tm-logo {display: block!important;}
.uk-navbar-toggle {font-size: 25px!important;}
  .itheader h1, .audioheader h1, .projectheader h1, .itsupportheader h1, .cloudinner h2, .servermiginner h2, .consultancyinner h2, .netsupportinner h2  {color: #ffffff !important; font-size: 30px; padding-top: 40px;}
.supportinner h2, .proinner h2, .AVinner h2, .ITinner h2, .cloudinner h2, .desktopmiginner h2, .servermiginner h2, .structureinner h2, .virtinner h2, .audioinstallinner h2, .cctvinner h2, .consultancyinner h2, .promanageinner h2, .sitesurveyinner h2, .netsupportinner h2, .desktopsupportinner h2, .serversupportinner h2, .remoteinner  h2, .generalitinner  {padding: 4% 10%;}
}

@media (max-width: 957px) {
 .toolbar-wrapper {height: 10px; position: absolute;}
 .four-item-split {flex-wrap: wrap;}
 .elements-box {width: calc(50% - 10px); margin-bottom: 20px;}
 .e-logo img {left: 65px; width: 250px;}
}

@media (max-width: 768px) {
	.whymods1 {width: 100%!important;}
	.lookingtext {width: 96%!important;}	
	.uk-text-center-medium {text-align: center !important;}
  .uk-text-left-medium {text-align: left !important;}  
  .event1 {width: 100%;}  
  .contentsplit {width: 95%!important;} 
  .contactleft {width: 100%!important; margin-bottom: 60px!important;}  
  .formright {width: 100%!important;}  
  .service1 {width: 50%!important; margin: 0%!important;}
  .toolbar-wrapper .tm-toolbar {margin: 5px auto; width: 70%;}
  .uk-visible-large {float: left;}
  .lookingimage {display: none!important;}
  .tp-caption.TESTIMONIALS3, .TESTIMONIALS3 {display: none!important;}
  .bottom-a-wrapper {display: none!important;}
  .itheader h1, .audioheader h1, .projectheader h1, .itsupportheader h1, .cloudinner h2, .servermiginner h2, .consultancyinner h2, .netsupportinner h2 {color: #ffffff !important; font-size: 20px;    padding-top: 35px;}
 .headericons {	height: 45px!important;	width: 45px!important;    display: block;    margin: 0 auto;}	
 .supportinner h2, .proinner h2, .AVinner h2, .ITinner h2, .cloudinner h2, .desktopmiginner h2, .servermiginner h2, .structureinner h2, .virtinner h2, .audioinstallinner h2, .cctvinner h2, .consultancyinner h2, .promanageinner h2, .sitesurveyinner h2, .netsupportinner h2, .desktopsupportinner h2, .serversupportinner h2, .remoteinner  h2, .generalitinner  {font-size: 23px;	line-height: 33px;}
 .introinner {font-size: 21px;    line-height: 27px;    margin-bottom: 0;}
 .innerpagetitles2, .innerpagetitles3 {font-size: 21px!important;}
 .supportinner, .proinner, .AVinner, .ITinner, .cloudinner, .desktopmiginner, .servermiginner, .structureinner, .virtinner, .audioinstallinner, .cctvinner, .consultancyinner, .promanageinner, .sitesurveyinner, .netsupportinner, .desktopsupportinner, .serversupportinner, .remoteinner , .generalitinner {background-size: cover!important;}
 .bottom-b-wrapper.tm-padding-medium .uk-container .uk-panel {	padding-bottom: 15px;	padding-top: 15px;}
 .e-logo img {width: 250px;}
 .mainheading-wrapper {height: 350px;}
 .modtitle {font-size: 30px; line-height: 40px;}
 .generic-split {margin: 0 0 35px;}
 .listspecial li:before, .listspecial-plan li:before {height: 20px; width: 20px; line-height: 20px; font-size: 10px;}
}

@media (max-width: 767px) {  
  .tm-logo {height: 65px!important; width: auto!important;}  
	.service1 {width: 100%!important; min-height: 400px!important;}
	.our-services-right .service1 {width: 100%!important; min-height: 200px!important; margin: 0px 0px 65px!important;} 
  .tm-toolbar .uk-float-right .uk-panel {margin: 0px!important;}  
   .toolbar-wrapper .tm-toolbar {margin: 5px auto; width: 100%;}   
   .mobilemenu {background: #fab900;}   
   .tm-logo-small {width: 90%; margin-top: 50px; position: absolute;}
   .uk-container {padding: 0 15px;}
   .uk-navbar-toggle {font-size: 25px!important;}
   .bottomcta h2 {padding: 5%;}
.slider-wrapper .tparrows.round {height: 25px;	width: 25px;	border: 1px solid #fff!important;	display: none;}
.headerbutton {font-size: 15px!important;padding: 8%!important;margin: 0 auto;}
.headertitle1 {font-size: 30px!important;	text-align: center!important;	padding-bottom: 40px!important;	margin-bottom: 40px!important;	line-height: 35px!important;}
.mobilebreak {display: block!important;}
.whymods1 p, .whymods1 h2 {line-height: 20px!important;}
.whymods1 h2 {margin-bottom: -10px!important;}
.whymods1 img {margin-bottom: -10px!important;}
.bottomcta {background-image: url("/images/testimonial_slider.jpg");}
.didleft, .didright {width: 98%!important;}
.footercol1 {width: 98%!important;}
.header-box h1 {font-size: 30px!important; line-height: 40px!important;}
.header-box {width: calc(100% - 65px);}
.tparrows {display: none;}
.list-blocks div {width: 100%;}
.logo-feature-container {flex-wrap: wrap; width: calc(100% - 35px); margin: 35px auto 0px;}
.logo-img {width: calc(25% - 20px); margin: 10px; padding: 10px; box-sizing: border-box;}
}

@media (max-width: 765px) {
  .listspecial { flex-direction:wrap; display:flex; flex-direction:column; align-items:left;}
  .basic-header-text h1 {font-size: 30px; line-height: 40px;}
} 
	
@media (max-width: 700px) {
	.basic-header:before {background: rgba(0,0,0,0) linear-gradient(to left,rgba(0,0,0,0.3),rgba(0,0,0,0.8)) repeat scroll 0 0;}
	.basic-header-text h1 {margin: 0 auto; text-align: center;}
	.basic-header-text p {text-align: center;}
	.elements-logo {right: inherit; left: 15px;}
	.elements-logo img {height: auto; width: 100px;}
	.basic-header {background-position: 70% center!important;}
	.fullwidth-top-wrapper .custompad {padding: 35px 15px;}
}

@media (max-width: 600px) {
  .basic-header {height: 300px;}
  .basic-header-text {padding: 0px 35px;}
	.t-box {text-align: center;}
	.generic-split .generic-txt {padding: 15px 15px 35px;}
	.elements-box {width: 100%;}
	.core-header, .plus-header, .mix-header, .support-header {min-height: inherit;}
	.modtitle {font-size: 25px; line-height: 35px;}
	.t-box {padding: 8px 8px 0px; text-align: center!important;}
	.mission-statement {margin: 0 auto 35px;}
	.e-logo img {left: 50%; transform: translate(-50%,-50%); background: rgba(255,255,255,0.95);}
}


@media (max-width: 445px) {
.topinfoe {display: block; clear: both;}
.topinfot {margin-right: -15px;}
.uk-sticky-placeholder {height: 145px!important;}
.headertype-sticky .uk-sticky-placeholder .tm-headerbar.uk-active {height: 145px;}
.bottomcta h2 {font-size: 15px !important; line-height: 20px; padding: 15%;}
.itheader h1, .audioheader h1, .projectheader h1, .itsupportheader h1, .itheader h1, .audioheader h1, .projectheader h1, .itsupportheader h1, .cloudinner h2, .servermiginner h2, .consultancyinner h2, .netsupportinner h2  {color: #ffffff !important; font-size: 20px; line-height: 25px; padding: 10%;}
.logo-img {padding: 0px;}
}

@media (max-width: 400px) {
	.elements-logo {display: none;}
	.e-logo img {width: 200px; padding: 15px 15px 20px;}
}