/*SOLUTIONS PAGE*/

/*--------------------------------*/

/*Top Section*/

#topsection {margin: auto; background-image: url("images/toppic1.jpg"); background-position: 50% 50%; background-size: cover; background-color: #072D56;}
#topsection .bodyarea {padding-bottom: 60px; color: #FFF;}
#topsection img {display: block; width: 600px; height: 326px; width: 100%; height: auto; max-width: 600px; margin: auto; text-align: center;}
#topsection .tophead {font-family: 'Archivo', Arial, Helvetica, sans-serif; font-weight: 700; font-size: 3em; line-height: 1.15;}
#topsection .btn {display: table; margin: 30px auto 0 auto;}
#topsection .bodyarea section:last-child {align-self: center;}

@media (min-width: 1306px) {
#topsection .bodyarea section:first-child {width: 49%; margin-right: 30px;}
#topsection .bodyarea section:last-child {width: 51%; margin-left: 30px;}
}
@media (max-width: 1305px) and (min-width: 1101px) {
#topsection .bodyarea section:first-child {width: 47%; margin-left: 25px;}
#topsection .bodyarea section:last-child {width: 53%; margin-left: 25px;}
#topsection .tophead {font-size: 2.5em;}
}
@media (min-width: 1101px) {
#topsection {padding-top: 50px;} #topsection .tophead {margin-bottom: 50px;}
#topsection .bodyarea {-webkit-display: flex; display: flex; -webkit-flex-direction: row; flex-direction: row;}
}
@media (max-width: 1100px) {
#topsection {text-align: center; padding-top: 30px;} #topsection .tophead {margin-bottom: 30px;}
#topsection .bodyarea section:first-child {padding-bottom: 40px}
}
@media (max-width: 480px) {#topsection .tophead {font-size: 11.5vw;}}

/*--------------------------------*/

/*Total Voice VoIP Solutions*/

#tvvs {padding: 50px 0 10px 0; margin: auto;}
#tvvs table {width: 100%; table-layout: fixed; margin-top: 40px;} #tvvs td {vertical-align: top;}

#tvvs td div {display: table;} #tvvs img, #tvvs span {display: table-cell; vertical-align: middle;}
#tvvs img {width: 38px; height: 38px; margin-right: 10px;}

@media (min-width: 1416px) {
#tvvs td:nth-child(1) {padding: 0 30px 0 0;} #tvvs td:nth-child(2) {padding: 0 15px;} #tvvs td:nth-child(3) {padding: 0 0 0 30px;}
}
@media (max-width: 1415px) and (min-width: 1231px) {
#tvvs td:nth-child(1) {padding: 0 20px 0 0;} #tvvs td:nth-child(2) {padding: 0 10px;} #tvvs td:nth-child(3) {padding: 0 0 0 20px;}
}
@media (max-width: 1230px) {#tvvs td {display: block;}}

/*--------------------------------*/

/*Powering*/

#powering {margin: auto; background-image: url("images/toppic1.jpg"); background-position: 50% 25%; background-size: cover; background-color: #072D56;}
#powering .bodyarea {-webkit-display: flex; display: flex; padding: 60px 0; /*justify-content: center;*/ align-items: flex-end; color: #FFF;}
#powering .pwrhead {margin-bottom: 40px;}
#powering img {display: block; width: 600px; height: 350px; width: 100%; height: auto; max-width: 800px; margin: auto;}
#powering section:first-child img {margin-bottom: 40px;} #powering section:last-child img {margin-top: 40px; max-width: 600px;}
#powering .btn {display: table; margin: 40px auto 0 auto;}

@media (min-width: 991px) {
#powering .bodyarea {-webkit-flex-direction: row; flex-direction: row;}
/*#powering .pwrhead {white-space: nowrap;}*/
#powering section:first-child {margin-right: 40px; width: 48%;}
#powering section:last-child {margin-left: 40px; width: 53%;}
#powering section:last-child .btn {display: none;}
}
@media (max-width: 990px) {
#powering .bodyarea {-webkit-flex-direction: column; flex-direction: column;}
#powering section:first-child {-webkit-order: 1; order: 1;}
#powering section:last-child {-webkit-order: 2; order: 2; margin-top: 30px;}
#powering section:first-child .btn {display: none;}
}

/*--------------------------------*/

/*Partner*/

#partner {background-color: #EEE;}
#partner .bodyarea {-webkit-display: flex; display: flex; padding: 50px 0; justify-content: center; align-items: center;}
#partner img {display: block; width: 600px; height: 350px; width: 100%; height: auto; max-width: 800px; margin: auto;}
#partner section:last-child img {max-width: 450px;}

#partner ul {display: table-cell; list-style: none; vertical-align: top; margin: 0; width: 50%;}
#partner li {position: relative; padding: 10px 20px 15px 12px; margin-left: -30px; line-height: 1.4;}
#partner li span {display: inline-block; padding-left: 15px;}  /*inline-block allows aligning of wrapped text*/
#partner li:before {position: absolute; top: 0; padding-top: 12px; left: 0; line-height: 1; color: #2884C6; font-size: 21px; content: "\2714";}

@media (min-width: 1326px) {
#partner .bodyarea {-webkit-flex-direction: row; flex-direction: row;}
#partner section:first-child {margin-right: 40px; width: 54%;}
#partner section:last-child {margin-left: 40px; width: 55%;} #partner section:last-child img {margin-top: 40px;}
}
@media (max-width: 1325px) {
#partner .bodyarea {-webkit-flex-direction: column; flex-direction: column;}
#partner section:first-child {-webkit-order: 1; order: 1; } #partner section:first-child img {display: none;}
#partner section:last-child {-webkit-order: 2; order: 2; margin-top: 20px;}
}

/*--------------------------------*/

/*Our Products*/

#prods {margin: auto; padding: 50px 0; background-image: url("images/toppic1.jpg"); background-position: 50% 25%; background-size: cover; background-color: #072D56;}
#prods .bodyarea {padding-bottom: 0px; text-align: center; color: #FFF;}
#prods article {margin: auto;} #prods article div {display: inline-block; font-size: 1.35em;}
#prods img {display: block; width: 460px; height: 359px; width: 100%; height: auto; max-width: 460px; margin: auto;}

#prods .prodstxt {max-width: 1100px; margin: auto;} #prods .prodstxt td {text-align: left; vertical-align: top; border: 0px solid red}

@media (min-width: 1381px) {#prods article {width: 1150px;} #prods article div {margin: 20px 40px;}}
@media (max-width: 1380px) and (min-width: 1051px) {#prods article {width: 870px;} #prods article div {margin: 15px 30px;} #prods img {max-width: 350px;}}
@media (max-width: 1050px) and (min-width: 926px) {#prods article {width: 770px;} #prods article div {margin: 15px 25px;} #prods img {max-width: 300px;}}
@media (min-width: 1031px) {
#prods .prodstxt td:first-child {padding-right: 15px;} #prods .prodstxt td:last-child {padding-left: 15px; white-space: nowrap;}
}
@media (max-width: 1030px) {#prods .prodstxt td {display: block;}}
@media (max-width: 925px) {
#prods article div {display: block;} #prods .prodstxt {text-align: left;}
#prods article div:not(#prods article div:last-child) {margin: 45px 0;} #prods img {max-width: 400px;}
}

/*--------------------------------*/

/*Network & Data Cabling*/

/*#cabling {margin: auto; background-image: url("images/toppic1.jpg"); background-position: 50% 25%; background-size: cover;}*/
#cabling .bodyarea {-webkit-display: flex; display: flex; padding: 60px 0; justify-content: center; align-items: center;}
#cabling img {display: block; width: 600px; height: 350px; width: 100%; height: auto; max-width: 800px; margin: auto; border-radius: 20px;}
#cabling section:first-child img {margin-top: 40px; max-width: 450px;}
#cabling .btn {display: table; margin: 40px auto 0 auto;}

@media (min-width: 1181px) {
#cabling .bodyarea {-webkit-flex-direction: row; flex-direction: row;}
#cabling section:first-child {margin-right: 40px; width: 52%;}
#cabling section:last-child {margin-left: 40px; width: 55%;}
#cabling section:last-child .btn {display: none;}
}
@media (max-width: 1180px) {
#cabling .bodyarea {-webkit-flex-direction: column; flex-direction: column;}
#cabling section:first-child {-webkit-order: 1; order: 1;}
#cabling section:last-child {-webkit-order: 2; order: 2; margin-top: 0px;}
#cabling section:first-child .btn {display: none;}
#cabling img {display: none;}
}

#cabling .stbox {border-radius: 30px; background-color: #B0DDF3; font-size: 1.3em; line-height: 1.4; border: 4px solid #181897; color: #181897; margin: 30px auto 0 auto;}
#cabling ul {margin-left: 15px; padding-right: 15px;} #cabling li:not(#cabling li:last-child) {padding-bottom: 15px;}

@media (min-width: 566px) {#cabling .stbox {max-width: 460px;}}

/*--------------------------------*/