/* CSS Document */

@charset "UTF-8";


h1 {font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size:20px;}

h3 {font-size:1.6em; font-family: "roboto condensed", Calibri, sans-serif; font-weight: 400;  color:#1d1160;}
h4 {font-size:1.4em; font-family:"roboto condensed", Calibri, sans-serif; font-weight: 400;color:black;}
h5 {font-size:1.4em; font-family:"roboto condensed", Calibri, sans-serif; font-weight: 400;color:black;}
p {font-family: "roboto condensed", Calibri, sans-serif; font-size:1.2em; line-height: 1.6em; font-weight:100;}
 
strong {font-weight:500; font-family:'Roboto Condensed', sans-serif;}


.ccms_form_element label {font-weight:500; font-family:"Roboto Condensed", sans-serif;}

.triangle.yellow {line-height: 1.5em;}



/* Seaport table */
table.seaport th, table.seaport td{border-collapse:collapse;padding:10px;}
table.seaport tr:nth-child(even) {background-color: #ffd7c1;}
table.seaport tr:nth-child(odd) {background-color:#fff;}
table.seaport th  {background-color: #1d1160;color: white;}
table.seaport td:first-child { text-align: right; font-weight:bold;}

/* TABS */

.tabs .sprocket-tabs-panels > .sprocket-tabs-panel.active {overflow:auto;}
.tabs .sprocket-tabs-panels {background:white; border-radius:5px;}
.tabs .rt-image img {z-index:0;}
.tabs .fronttabs .rt-image::after {z-index:2;}
.tabs .sprocket-tabs-nav-container {border-bottom:none;}
.tabs .sprocket-tabs-nav > li.active > .sprocket-tabs-inner {background-color:white;}
.tabs {margin-bottom:100px; padding:0px 15px;}


/* Navigation */

#rt-navigation {font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size:1.1em; background-image: url(/images/background/custom-pattern-black.png);}
#rt-navigation .module-content {padding: 10px;}
#rt-navigation {position:fixed; z-index:1000; width:100%;}


/* Transition (main body of page)*/

#rt-transition{margin-top:79px; min-height:100%; padding-bottom:100px;}
#rt-transition{background-image: url(/images/background/custom-pattern-light.png);}


/* Showcase */

#rt-showcase h2  {font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size:2em;}
#rt-showcase .sprocket-features-desc {font-family: "Roboto Condensed", sans-serif; font-size:1.4em; font-weight:100; line-height:1.4em; }
#rt-showcase .sprocket-features-desc p{font-size:1em;}
#rt-showcase .sprocket-features-container .readon {bottom:160px;}

/* Maintop */

#rt-maintop .title {font-family: 'Roboto Condensed', sans-serif; font-weight: 500;}
#tr-maintop .sprocket-tabs-inner {border: none;}  


.sprocket-tabs-text {font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 1.8em; }
.sprocket-tabs-nav > li.active > .sprocket-tabs-inner {padding-right:20px;}


/* Maintop B */

.sidebackground {background:#1d1160; border-radius: 5px; color:white;}
.sidebackground h2.title {color:white;}
.sidebackground h4{color:white;}
.sidebackground h4{font-family: 'Roboto Condensed', sans-serif; font-weight: 500;}
.sidebackground a {border:0px;color:#f47735;}
.sidebackground a:hover {color:#eddf7f;}
.sidebackground .readon::after {border:0px; }
.sprocket-mosaic-item .sprocket-padding {/*min-height:290px;*/}
.sidebackground .menutop {float:none;}
.sidebackground strong {color:grey;}

/* Services icon for homepage */
.customer-i {
  background-image: url("../../../images/service-icons/customer-care.png");
  display: inline-block;
  width: 200px;
  height: 110px;
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: center top;
}
.customer-i:hover {
  background-image: url("../../../images/service-icons/customer-care-hover.png");
  display: inline-block;
  width: 200px;
  height: 110px;
  background-size: 100px auto;
}
.business-i {
  background-image: url("../../../images/service-icons/business.png");
  display: inline-block;
  width: 200px;
  height: 110px;
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: center top;
}
.business-i:hover {
  background-image: url("../../../images/service-icons/business-hover.png");
  display: inline-block;
  width: 200px;
  height: 110px;
  background-size: 100px auto;
}
.infrastructure-i {
  background-image: url("../../../images/service-icons/infrastructure.png");
  display: inline-block;
  width: 200px;
   height: 110px;
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: center top;
}
.infrastructure-i:hover {
  background-image: url("../../../images/service-icons/infrastructure-hover.png");
  display: inline-block;
  width: 200px;
   height: 110px;
  background-size: 100px auto;
}
.it-security-i {
  background-image: url("../../../images/service-icons/it-security.png");
  display: inline-block;
  width: 200px;
   height: 110px;
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: center top;
}
.it-security-i:hover {
  background-image: url("../../../images/service-icons/it-security-hover.png");
  display: inline-block;
  width: 200px;
  height: 110px;
  background-size: 100px auto;
}

.sprocket-strips-content {
  text-align: center;
  color:black !important;
}

.sprocket-strips-text {
  padding-top: 10px;
  font-size:1.1em;
}
.sprocket-strips-item {
  border-radius: 5px !important;
  box-shadow: none !important;
  background-color: white;
}
.sprocket-strips-container {
  overflow: visible;
  margin: 0;
}
.sprocket-strips-title {
  margin: 0;
}
.sprocket-strips-title a {
  color: #4e9aba;
}
.sprocket-strips-title a:hover {
  color: #eddf7f;
}


/* Content Bottom */

#rt-content-bottom h2.title {font-weight:500;}


.services a{
  display: block;
  width: 200px;
  height: 150px;
  background: url(/images/project.png) bottom;
  text-indent: -99999px;
}
.services a:hover {
  background-position: 0 0;
}



/* Bottom */

#rt-bottom .title {font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 2.8em; }
#rt-bottom {background:white; padding-top:25px; padding-bottom:50px; margin-bottom:-20px;}


/* Sidebar A */

#rt-sidebar-a .sprocket-tabs {background-color: #1d1160; color:white; border-radius:5px;}
#rt-sidebar-a .sprocket-tabs-nav li {background-color:transparent; align:center;}
#rt-sidebar-a .sprocket-tabs-nav > li > .sprocket-tabs-inner {color:lightgray;}
#rt-sidebar-a .sprocket-tabs-nav > li.active > .sprocket-tabs-inner {background-color: transparent; color:#f37736;}
#rt-sidebar-a .sprocket-tabs-nav .sprocket-tabs-inner:hover { background-color:transparent; color:#f37736;}
#rt-sidebar-a .sprocket-tabs {background-image: url(/images/background/custom-pattern-purple.png); background-repeat:repeat;}
#rt-sidebar-a .sprocket-tabs-panels{background-image: url(/images/background/custom-pattern-purple.png); background-repeat:repeat;}
#rt-sidebar-a .sprocket-tabs-panels h3{font-size:1.6em; color:#f37736; letter-spacing:1px;}
#rt-sidebar-a .sprocket-tabs-panels p{font-size:1.0em;}
#rt-sidebar-a .sprocket-tabs-panels a{background-color:white; border:0px;}
#rt-sidebar-a .sprocket-tabs-panels a:hover {background-color:#f37736;}
#rt-sidebar-a .sprocket-tabs-panels .readon::after {border:none; }
#rt-sidebar-a .sprocket-tabs-nav-container {border:none;}


/* SEWP Information */

.sewp {background:white; border: 1px solid #7B8181; border-radius:5px;}


/* Social Media Icons */

#je_social ul li a {background-image:url(/images/background/social_orange.png); opacity:1;}
#je_social ul li a:hover {background-image:url(/modules/mod_je_social/images/social_0.png);}


/* Footer */

#rt-footer {padding-top:28px; margin-top:20px; }
#rt-footer {background-image: url(/images/background/custom-pattern-black.png); background-repeat:repeat;}
#rt-footer .module-title .module-content {padding: 0px;}
#rt-footer .title {text-align:left; font-family: 'Roboto Condensed', sans-serif; font-weight: 500; }

#rt-copyright {background-image: url(/images/background/custom-pattern-black.png);}
#rt-copyright .module-content {padding: 0px;}
#rt-copyright p {font-family: 'Roboto Condensed', helvetica, sans-serif; font-size: 1em; font-weight:500; color:#787878; }
#rt-copyright .copytext {font-family: 'Roboto Condensed', helvetica, sans-serif; font-size: 1em; font-weight:500; color:#787878;}


/* Screen Shot Galleries */

.gallery .rg-ss-title {text-shadow:none; font-size:2em; font-family: 'Roboto Condensed', helvetica, sans-serif;font-weight:500; color:black; line-height: 1.3em;}
.gallery .rg-ss-caption {font-size:1.2em; line-height:1.2em; font-family:'Roboto Condensed', Calibri, sans-serif; color:gray; font-weight:100; text-shadow: none; text-indent:0px;}
.gallery .rg-ss-info {top:78%; padding: 5px 20px; background:rgba(255,255,255,.6); border-radius:5px;}
.gallery .rg-ss-arrow-right{background-color:transparent;}
.gallery .rg-ss-arrow-left{background-color:transparent;}
.gallery .rg-ss-navigation-container{background-color:transparent;}
.gallery {margin: 20px 15px;}

.gallery2 .rg-ss-title {text-shadow:none; font-size:2em; font-family: 'Roboto Condensed', helvetica, sans-serif;font-weight:500;  color:black; line-height: 1.3em;}
.gallery2 .rg-ss-caption {font-size:1.2em; line-height:1.2em; font-family:"Gill Sans", "Gill Sans MT", Calibri, sans-serif; color:gray; font-weight:100; text-shadow: none; text-indent:0px;}
.gallery2 .rg-ss-info {top:78%; padding: 5px 20px; background:rgba(255,255,255,.6); border-radius:5px;}
.gallery2 .rg-ss-arrow-right{background-color:transparent;}
.gallery2 .rg-ss-arrow-left{background-color:transparent;}
.gallery2 .rg-ss-navigation-container{background-color:transparent;}
.gallery2 {margin: 20px 15px;}


.rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container {background:white; padding:30px 30px 60px 30px;}


.partners .sprocket-mosaic-text {color:black;}
.partners .sprocket-mosaic-item {background:white; border: 1px solid #7B8181; border-radius:5px;}
.partners .sprocket-mosaic-item .sprocket-mosaic-title {/*font-size:1.4em;*/}


/* Sub Menu Links 8*/

 .submenu1 .menutop .item { color:#f37736;}
.submenu1 .menutop li.root > .item > span:hover {color:white;}



/* ERROR 404 */

#rt-error-body {padding-top: 80px;}
#rt-showcase .sprocket-features-content {margin-top:50px;}

/* Responsive */


@media only screen and (min-width:1200px){
#rt-showcase .sprocket-features-container {padding-top:50px;}


}

@media only screen and (min-width:960px){
#rt-showcase .layout-showcase .sprocket-features-img-container img {}


}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
#rt-transition {margin-top:71px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
#rt-showcase .layout-showcase .sprocket-features-img-container img {margin-top:40px; margin-left:10px;}
#rt-showcase .sprocket-features-container {min-height:280px;}
div.sprocket-mosaic ul.sprocket-mosaic-container li {width: 50% !important;}
.menutop li.root > .item > span {padding: 5px 8px; font-size:.8em;}
.menutop .fusion-js-subs li > .item span {font-size:.7em;}
#rt-transition{margin-top:63px;}
.gallery .rg-ss-slice-list {height:400px;}
.gallery .rg-ss-info { top: 70%;}
.gallery2 .rg-ss-slice-list {height:400px;}
.gallery2 .rg-ss-info { top: 70%;}
}

@media only screen and (min-width: 481px) and (max-width:767px) {
.gallery .rg-ss-slice-list {height:360px;}
.gallery .rg-ss-info { top: 70%;}
.gallery2 .rg-ss-slice-list {height:360px;}
.gallery2 .rg-ss-info { top: 70%;}

}


@media only screen and (max-width: 430px) {
.gallery .rg-ss-slice-list {height:250px;}
.gallery .rg-ss-info { top: 55%;}
.gallery2 .rg-ss-slice-list {height:250px;}
.gallery2 .rg-ss-info { top: 55%;}
}

@media only screen and (max-width: 480px) {
.gallery .rg-ss-caption {display:none;}
.gallery2 .rg-ss-caption {display:none;}

}

@media only screen and (max-width: 767px) {
div.sprocket-mosaic ul.sprocket-mosaic-container li {width: 100% !important;}
#rt-navigation{position:relative;}
#rt-transition {margin-top:-1px;}
#rt-footer .rt-grid-3 {width:200px; margin:auto;}
#rt-copyright {margin-top:-20px;}
#rt-sidebar-a {float:none;}
#rt-showcase .sprocket-features-content {margin-top:20px;}
}

@media only screen and (min-width: 767px) {
div.sprocket-mosaic ul.sprocket-mosaic-container li {min-height: 320px !important;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
#rt-copyright .rt-grid-3 {width:192px}
#rt-footer .rt-grid-3 {width:auto;}
}