/* NEW CSS */

.accordion-h4 {
margin-bottom: 30px;
}

.testimonial-box {
background: #f7f7f7;
padding: 10px;
border: 1px solid #f2f2f2;
width: 100%;
height: 210px;
margin: 20px 0px 20px 0px;
border-bottom: 5px solid #10a0c6;
box-sizing: border-box;
display: table !important;
overflow: overlay;
}

.testimonial-box p {
padding: 10px;
}

.testimonial-box img {
padding: 30px 0px 30px 0px !important;
display: block !important;
margin: 0px auto;
}

/* Accordion */

.collapsing {
  transition: height 1s;
-webkit-transition: height 1s;
}



.panel-group .panel {
margin: 0px 0px 0px 0px;
}

.block-a {
display: block;
}


.panel-default {
border: none;
box-shadow: none;
}

.panel-heading {
padding: 3px 15px;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
border: none;
}

.panel-body p {
padding-left: 50px;
}


.panel-default>.panel-heading {
background: none !important;
border: none !important;
}

.panel-title {
font-size: 18px;
font-weight: 900;
color: #333;
}

/*

.plus:before {
content: "+";
color: #fff;
background: #1ba4de;
padding: 11px 20px 23px 14px;
border-radius: 3px; 
float: left;
display: block;
width: 20px;
height: 20px;
margin-right: 14px;
margin-top: -10px;
}

.minus:before {
content: "-";
color: #fff;
background: #1ba4de;
padding: 11px 18px 23px 16px;
border-radius: 3px; 
float: left;
display: block;
width: 20px;
height: 20px;
margin-right: 14px;
margin-top: -10px;
}

*/

.collapse.in>.plus:before {
display: none;
}

.panel-default .panel-title::before {
    content: "+";
    color: #fff;
    background: #10a0c6;
    padding: 8px 21px 27px 13px;
    border-radius: 3px;
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 14px;
    margin-top: -10px;
}
.panel-default.active .panel-title:before {
    content: "-" !important;
    color: #fff;
    background: #0a677f !important;
    padding: 10px 19px 24px 15px;
    border-radius: 3px;
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 14px;
    margin-top: -10px;
}
.panel-default.active .panel-title::before {
    content: "+";
    color: #fff;
    background: #10a0c6;
    padding: 7px 19px 27px 15px;
    border-radius: 3px;
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 14px;
    margin-top: -10px;
}


.panel-default .panel-title:not(.collapsed)::before {
    content: "-" !important;
}


.panel-group .panel {
margin: 0
}


.product-box {
width: 100%;
height: 550px;
border: 1px solid #f2f2f2;
padding: 15px;
border-bottom: 80px solid #f7f7f7;
margin: 15px 0px 15px 0px;
}

.product-box>div:nth-child(2) {
    border-left: 1px solid #f7f7f7;
    padding-left: 30px;
}

.hvr-glow:hover {
box-shadow: 0 0 8px rgba(0,0,0,.2) !important;
}


.product-box h3 {
font-size: 25px;
text-align: center !important;
}

.product-box h5 {
font-size: 20px;
color: #10a0c6;
}

.product-box ul li {
font-size: 15px;
padding: 5px 0px 5px 0px;
list-style-type: none;
}

.product-box ul li:before {
content: "";
background: url(../../files/tick.png) no-repeat;
width: 17px;
height: 30px;
background-size: 17px 17px;
display: block;
float: left;
margin-right: 8px;
}

.product-box ul {
padding-left: 0;
}

.product-box img {
width: 100%;
height: auto;
margin-bottom: 78px;
}

.contact-box {
text-decoration: none;
display: block;
width: 100%;
padding: 10px 0px 10px 0px;
background: #10a0c6;
color: #fff !important;
text-align: center;
margin-top: 39px;
font-size: 16px;
transition: .4s;
}

.contact-box:hover {
background: #0190ce;
transition: .4s;
}

.contact-box em {
margin-left: 8px;
}







@media screen and (max-device-width: 768px) {

.product-box {
height: 850px !important;
background: #f7f7f7;
border-bottom: none;
display: table !important;
overflow: overlay;
}


.panel-default .panel-title::before {
margin-bottom: 40px;
}

h1 {
font-size: 35px;
}

.product-box img {
margin-bottom: 20px;
}

.product-box ul {
margin-bottom: 70px;
}

}


.accordion {
    
    max-width: 815px;
 
}
.accordion label {
    font-family: Arial, sans-serif;
    padding: 0 0 0 10px;
    position: relative;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #10a0c6;
    line-height: 33px;
    font-size: 19px;
    background: #EFEFEF;
    
}
.accordion label:hover {
    background: #F3F3F3;
}
.accordion input + label {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.accordion input:checked + label,
.accordion input:checked + label:hover {
    background: #7ebc42;
    color: #fff;
    box-shadow:
        0px 0px 0px 1px rgba(155,155,155,0.3),
        0px 2px 2px rgba(0,0,0,0.1);
}
.accordion input {
    display: none;
}
.accordion .article {
    background: rgb(255, 255, 255);
    overflow: hidden;
    height: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
padding-left: 8px;
padding-right: 10px;
}

.accordion input:checked ~ .article {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.accordion input:checked ~ .article.ac-small {
    height: auto;
padding-bottom: 10px;
}
.accordion input:checked ~ .article.ac-medium {
        height: auto;
padding-bottom: 10px;;
}
.accordion input:checked ~ .article.ac-large {
        height: auto;
padding-bottom: 10px;
}


.accordion input {
    display: none;
}

#casestudies-subpage .box .box_name {
font-size: 25px;
}

#page {
padding-bottom: 0px;
}

#requestcall {
margin-top: 70px;
}

#casestudies .jcarousel-wrapper .jcarousel-control-prev, #casestudies .jcarousel-wrapper .jcarousel-control-next {
margin-top: 5px;
}

.sidemore {
font-weight: 500;
}

#team .box .box_name {
font-size: 34px !important;
}

.element-item .box_desc_iso p {
text-align: center;
}

h2 {
font-size: 32px;
}

h3 {
font-size: 22px;
}

.product1 {
border: 2px solid #7EBC42;
padding: 10px;
margin: 10px;
background-image: url(../../files/commercial_refrigeration.jpg);
background-repeat: no-repeat;
}

.product1 a {
color: #0a677f;
}


.product1 h2 {
font-size: 26px;
margin-top: 40px;
margin-bottom: 40px;
}

.product2 {
border: 2px solid #7EBC42;
padding: 10px;
margin: 10px;
background-image: url(../../files/commercial_air_conditioning.jpg);
background-repeat: no-repeat;
}

.product2 a {
color: #0a677f;
}


.product2 h2 {
font-size: 26px;
margin-top: 40px;
margin-bottom: 40px;
}

.product3 {
border: 2px solid #7EBC42;
padding: 10px;
margin: 10px;
background-image: url(../../files/commercial_cold_rooms.jpg);
background-repeat: no-repeat;
}

.product3 a {
color: #0a677f;
}


.product3 h2 {
font-size: 26px;
margin-top: 40px;
margin-bottom: 40px;
}

.product4 {
border: 2px solid #7EBC42;
padding: 10px;
margin: 10px;
background-image: url(../../files/commercial_chillers.jpg);
background-repeat: no-repeat;
}

.product4 a {
color: #0a677f;
}


.product4 h2 {
font-size: 26px;
margin-top: 40px;
margin-bottom: 40px;
}

.product5 {
border: 2px solid #7EBC42;
padding: 10px;
margin: 10px;
background-image: url(../../files/commercial_ventilation.jpg);
background-repeat: no-repeat;
}

.product5 a {
color: #0a677f;
}


.product5 h2 {
font-size: 26px;
margin-top: 40px;
margin-bottom: 40px;
}

.services1 {
border: 2px solid #7EBC42;
padding: 10px;
margin: 10px;
background-image: url(../../files/bespoke_services.jpg);
background-repeat: no-repeat;
}

.services1 a {
color: #0a677f;
}


.services1 h2 {
font-size: 26px;
margin-top: 40px;
margin-bottom: 40px;
}

.services2 {
border: 2px solid #7EBC42;
padding: 10px;
margin: 10px;
background-image: url(../../files/maintenance_14540853791.jpg);
background-repeat: no-repeat;
}

.services2 a {
color: #0a677f;
}


.services2 h2 {
font-size: 26px;
margin-top: 40px;
margin-bottom: 40px;
}

.services3 {
border: 2px solid #7EBC42;
padding: 10px;
margin: 10px;
background-image: url(../../files/installation_14540853791.jpg);
background-repeat: no-repeat;
}

.services3 a {
color: #0a677f;
}


.services3 h2 {
font-size: 26px;
margin-top: 40px;
margin-bottom: 40px;
}

.services1 {
border: 2px solid #7EBC42;
padding: 10px;
margin: 10px;
background-image: url(../../files/leisure_14540859391.jpg);
background-repeat: no-repeat;
}

.services1 a {
color: #0a677f;
}


.services1 h2 {
font-size: 26px;
margin-top: 40px;
margin-bottom: 40px;
}

.services2 {
border: 2px solid #7EBC42;
padding: 10px;
margin: 10px;
background-image: url(../../files/hospitality_14540859391.jpg);
background-repeat: no-repeat;
}

.services2 a {
color: #0a677f;
}


.services2 h2 {
font-size: 26px;
margin-top: 40px;
margin-bottom: 40px;
}

.services3 {
border: 2px solid #7EBC42;
padding: 10px;
margin: 10px;
background-image: url(../../files/retail_14540859401.jpg);
background-repeat: no-repeat;
}

.services3 a {
color: #0a677f;
}


.services3 h2 {
font-size: 26px;
margin-top: 40px;
margin-bottom: 40px;
}

.services4 {
border: 2px solid #7EBC42;
padding: 10px;
margin: 10px;
background-image: url(../../files/commercial_14540859401.jpg);
background-repeat: no-repeat;
}

.services4 a {
color: #0a677f;
}


.services4 h2 {
font-size: 26px;
margin-top: 40px;
margin-bottom: 40px;
}

.clients1 {
border: 2px solid #7EBC42;
padding: 10px;
margin: 10px;
background-image: url(../../files/case_studies.jpg);
background-repeat: no-repeat;
}

.clients1 a {
color: #0a677f;
}


.clients1 h2 {
font-size: 26px;
margin-top: 40px;
margin-bottom: 40px;
}

.clients2 {
border: 2px solid #7EBC42;
padding: 10px;
margin: 10px;
background-image: url(../../files/testimonials_14540873341.jpg);
background-repeat: no-repeat;
}

.clients2 a {
color: #0a677f;
}


.clients2 h2 {
font-size: 26px;
margin-top: 40px;
margin-bottom: 40px;
}

#boxes {
background:none;
}

#mainslider .carousel-caption h1 {
color: #fff;
}























#boxes:after, #team:after {
    border-top: none;
}

#team:before, #page:before {
    top: 0px;
}

#accredit {
    background: #87cfe8;
}

#team {
    background: #54a4d9;
    padding-top: 60px;
    padding-bottom: 60px;
}

@media (min-width: 268px) and (max-width: 1099px) {
#team {
    padding-top: 20px;
    padding-bottom: 20px;;
}
}

#team:before, #page:before {
    border-bottom: 0px ;
}

#boxes .box a.more {
    color: #000;
    font-size: 16px;
    border-radius: 8px 25px;
}

#boxes .box a.more:hover {
    background: #54a4d9;
}

#services .box .box_name {
    text-transform: capitalize;
}

#testimonials .title {
    text-transform: capitalize;
}

#requestcall .name {
    text-transform: capitalize;
}

footer .fbox strong {
    text-transform: capitalize;
}

#testimonials {
    background: url(../../files/testimonial_home_bought5.jpg) no-repeat 50%;
}

#accredit .box .img-vertcenter {
   height: auto;
}

@media (max-width: 1199px) {
#testimonials {
    padding: 60px 0 60px;
}
}

@media (max-width: 699px) {
#services .box {
    padding-bottom: 0px;
}
}

@media (max-width: 699px) {
#services .box {
    min-height: 40px;
}
}

@media (max-width: 699px) {
#requestcall {
   display: none;
}
}

#boxes .box {
    background-color: #87cfe8;
    border-radius: 8px 25px;
}

#boxes .box .box_desc strong {
    color: #fff;
}


#boxes .box .box_name {
    text-transform: capitalize;
    font-size: 28px;
    font-weight: 400;
}

@media (max-width: 1199px) {
#boxes .box .box_name {
    font-size: 23px;
}
}

h1, h2, h3, h4, h5, .title {
    font-family: "Lato", sans-serif;
    font-weight: 400;
}

#team .box .box_name {
    font-weight: 400;
}

#partners {
    display: none;
}

#projects {
    background: #fff;
}

#projects .title {
    color: #54a4d9;
}

.buttonIsotope.is-checked {
    background: #54a4d9;
}

.element-item .box_name_iso {
    background-color: #54a4d9;
    padding: 10px;
}

.element-item .box_desc_iso {
    background: #ccc;
}

.element-item:hover .box_name_iso {
    background: #87cfe8;
    padding: 10px;
}

.element-item .box_desc_iso strong {
    font-size: 16px;
    margin-bottom: 20px;
}

.element-item .box_desc_iso .more {
    color: #fff;
    background: #54a4d9;
    padding: 8px 25px;
    border-radius: 8px 25px;
}

#testimonials a.more {
    padding: 8px 25px;
    border-radius: 8px 25px;
    color: #000;
    background-color: #fff;
}

#testimonials a.more:hover {
    padding: 8px 25px;
    border-radius: 8px 25px;
    color: #fff;
    background-color: #54a4d9;
    border: 4px solid #54a3d9;
}

.buttonIsotope {
    color: #54a4d9;
    border: 1px solid #54a4d9;
    border-radius: 8px 25px;
    padding: 8px 25px;
    text-transform: capitalize;
}

#accredit .title {
    font-weight: 400;
}

@media screen and (min-width: 1199px) {
#mainmenu .navbar .nav > li > a {
    font-size: 18px;
}
}

footer {
    background: #ccc;
    font-size: 16px;
    color: #fff;
}

footer .fbox strong {
    color: #fff;
}

footer a {
    color: #fff;
}

#contactform {
    background: #87cfe8;
    border: 5px solid #54a4d9;
    padding: 20px 15px 0;
}

.btn-send {
    background: #54a4d9;
}

.btn-send:hover {
    background: #fff;
    color: #54a4d9;
    border: 2px solid #54a4d9;
}

#requestcall {
    background: #54a4d9;
}

#requestcall .btn-send {
    background: #87cfe8;
}

#requestcall .btn-send:hover {
    background: #fff;
    color: #87cfe8;
    border: 2px solid #87cfe8;
}

#casestudies .more {
    background-color: #54a4d9;
}

#casestudies .more:hover {
    background: #fff;
    color: #87cfe8;
    border: 2px solid #87cfe8;
}

#mainmenu .navbar .nav > li > a:hover, #mainmenu .navbar .nav > li > a:focus {
    background: #54a4d9;
}

.dropdown-menu li.active a {
    background: #87cfe8 !important;
}

.dropdown-menu li a:hover {
    background: #54a4d9 !important;
}

.panel-default.active .panel-title:before {
    background: #54a4d9 !important;
}

.panel-default .panel-title::before {
    background: #87cfe8;
}

a:hover {
    color: #87cfe8;
}

.testimonial-box {
    border-bottom: 5px solid #54a4d9;
}

#casestudies-subpage .box .box_name {
    height: 60px;
    padding: 10px;
}

#casestudies-subpage .box .box_name {
    background: #54a4d9;
}

#casestudies-subpage .box .more {
    padding: 8px 25px;
    border-radius: 8px 25px;
    color: #000;
    background-color: #fff;
}

#casestudies-subpage .box .more:hover {
    color: #fff;
    background-color: #54a4d9;
}

#casestudies-subpage .box:hover .box_name {
    background: #87cfe8;
}

#casestudies-subpage .box .box_desc {
    background: #ccc;
}

#casestudies-subpage .box .box_desc strong {
    font-size: 16px;
}

#accredit .box {
    box-shadow: inset 0 0 0 2px #54a4d9;
    border-radius: 8px 25px;
}

#accredit .box:hover {
    box-shadow: inset 0 0 0 4px #87cfe8;
}

body {
    font-family: "Lato", sans-serif;
    font-weight: 400;
}

.sidemore {
    background-color: #54a4d9
}

.sidemore:hover {
    background-color: #ccc;
}

#testimonials {
    background: (../../files/testimonials_new_back30_percent.jpg);
}


#mainslider .carousel-caption h1 {
    font-size: 34px;
}

.breadcrumbs {
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
    padding-top: 15px;
    background-color: #efefef;
}

@media screen and (min-width: 1700px) {
.breadcrumbs {
    padding-left: 395px;
    margin-left: -395px;
    margin-right: -395px;
}
}

@media (min-width: 1200px) and (max-width: 1699px) {
.breadcrumbs {
    padding-left: 77px;
    margin-left: -77px;
    margin-right: -77px;
}
}

@media (min-width: 1000px) and (max-width: 1199px) {
.breadcrumbs {
    padding-left: 57px;
    margin-left: -57px;
    margin-right: -57px;
}
}

@media (min-width: 700px) and (max-width: 999px) {
.breadcrumbs {
    padding-left: 39px;
    margin-left: -39px;
    margin-right: -39px;
}
}

@media (min-width: 100px) and (max-width: 699px) {
.breadcrumbs {
    display: none;
}
}

#mainmenu {
    background: #ccc;
    margin-top: 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
#boxes .box {
    height: 410px;
}
}


.breadcrumbs .fa-arrow-right {
    padding: 0 20px;
}

hr {
    border-top: 1px solid #ccc;
}

.row-images {
   margin-top: 30px;
   margin-bottom: 30px;
}

#page {
    background-image: url("../../files/jet_watermark3.png");
    background-repeat: no-repeat;
}

#contactform .title {
    font-size: 35px;
}

.h1-blue {
    border-bottom: 2px solid #54a4d9;
    padding-bottom: 15px;
    padding-top: 15px;
    color: #10a0c6;
}

#casestudies .more {
    border-radius: 8px 25px;
}

#requestcall .btn-send {
    border-radius: 8px 25px;
}

.btn-send {
    border-radius: 8px 25px;
}

#contactform {
    margin-top: 45px;
}





.row-sidebar {
    background-color: #54a4d9;
    color: #fff;
    padding: 10px;
    width: 255px;
    margin-left: 0px;
    border-bottom: 2px solid #fff;
}

.p-sidebar {
    font-size: 16px;
}

.col-10-pad {
   padding: 10px;
}

.p-header {
    font-size: 24px;
}

#top-contact strong {
    color: #54a4d9;
}

#top-tagline {
    margin-top: 0px;
}

@media (min-width: 100px) and (max-width: 699px) {
#projects {
    display: none;
}
}

#testimonials {
    padding: 60px 0 60px;
}

#testimonials p {
    margin: 10px;
}

#mainmenu .navbar .nav>li {
    background-image: none;
}

@media (min-width: 900px) and (max-width: 1199px) {
.nav > li > a {
    padding: 10px 5px;
}
}


@media (min-width: 1200px) and (max-width: 1920px) {
#mainmenu .navbar .nav>li>a {
    min-width: 120px;
}
}

footer a:hover {
    color: #54a4d9;
}

#boxes .box.box1{
    background-image: url(../../files/sip_trunking_icon_grey2.png);
}

#boxes .box.box2 {
    background-image: url(../../files/hosted_voip_icon_grey2.png);
}

#boxes .box.box3 {
    background-image: url(../../files/conventional_landlines_icon_grey2.png);
}

#boxes3.box.box1 {
    background-image: url(../../files/sim_only_icon_grey2.png);
}

#boxes3.box.box2 {
    background-image: url(../../files/leased_lines_icon_grey2.png);
}

#boxes3.box.box3 {
    background-image: url(../../files/fibre_broadband_icon_grey2.png);
}




@media (min-width: 700px) and (max-width: 899px) {
#requestcall .btn-send {
    font-size: 15px;
}
}

@media (min-width: 100px) and (max-width: 699px) {
#contactform {
    margin-bottom: 20px;
}
}

#projects {
    display: none;
}

#accredit {
    padding: 30px 0;
    margin-top: 0px;
}

#welcome h1 {
    color: #fff;
}

#welcome {
    text-align: center;
    background-color: #54a4d9;
    color: #fff;
    margin-top: 350px;
    padding: 10px 0px 30px 0px;
}

@media (min-width: 700px) and (max-width: 899px) {
#welcome {
    margin-top: 450px;
    padding: 0px;
}
}

@media (min-width: 100px) and (max-width: 699px) {
#welcome {
    margin-top: 650px;
}
}

#team {
   display: none;
}

#services {
   display: none;
}


@media (min-width: 700px) and (max-width: 899px) {
#testimonials .title {
    text-align: center;
}
}

@media (min-width: 1200px) and (max-width: 1999px) {
#mainslider .carousel-caption h1 {
    font-size: 40px;
    padding: 30px;
}
}

.panel-title {
    font-weight: 600;
    color: #54a4d9;
}

#casestudies .bgRight {
    background-image: url(../../files/testimonials_global_img.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat;
}
#casestudies .bgRight img {
    display: none;
}

.panel-default .panel-title:not(.collapsed)::before {
    content: "-" !important;
    padding: 8px 21px 27px 15px;
}