/* - Customized - */
.display-block{display: block;}
.text-bold {font-weight: bold;}

.text-simboliq {
  color: #45a9f6 !important;
}

.btn-simboliq {
  color: #fff;
  background-color: #45a9f6;
  border-color: #249af4;
}
.btn-simboliq:hover,
.btn-simboliq:focus,
.btn-simboliq.focus,
.btn-simboliq:active,
.btn-simboliq.active,
.open > .dropdown-toggle.btn-simboliq {
  color: #fff;
  background-color: #286390;
  border-color: #215278;
}
.btn-simboliq:active,
.btn-simboliq.active,
.open > .dropdown-toggle.btn-simboliq {
  background-image: none;
}
.btn-simboliq.disabled,
.btn-simboliq[disabled],
fieldset[disabled] .btn-simboliq,
.btn-simboliq.disabled:hover,
.btn-simboliq[disabled]:hover,
fieldset[disabled] .btn-simboliq:hover,
.btn-simboliq.disabled:focus,
.btn-simboliq[disabled]:focus,
fieldset[disabled] .btn-simboliq:focus,
.btn-simboliq.disabled.focus,
.btn-simboliq[disabled].focus,
fieldset[disabled] .btn-simboliq.focus,
.btn-simboliq.disabled:active,
.btn-simboliq[disabled]:active,
fieldset[disabled] .btn-simboliq:active,
.btn-simboliq.disabled.active,
.btn-simboliq[disabled].active,
fieldset[disabled] .btn-simboliq.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-simboliq .badge {
  color: #337ab7;
  background-color: #fff;
}

/* ------------------------------------------- Master ------------------------------------------- */

h1,h2,h3{font-style: normal; font-weight: 300; letter-spacing: -1px;}

.navbar-default { background-color: #fff; border-bottom: 1px solid #ccc; }

.navbar-brand { height: auto; min-height: 50px; padding: 0px; max-height: 80px}
.navbar-brand img { min-height: 50px; max-height: 80px}

.navbar-right a:link {font-size: 16px; font-weight: 500; /*text-transform: capitalize*/ }
.navbar-right > li > a {line-height: 50px;}
.navbar-right > li > span {display: block; line-height: 50px; padding: 15px;}

.navbar-right a.btnLang:link { color: #333; display: inline-block; padding: 0 6px; font-weight: 700;}
.navbar-right a.btnLang:hover { color: #45a9f6;}

.langSeparator {display: inline-block; padding: 0 3px; font-size: 16px;}

.navbar-mobile > li > span {display: block; padding: 15px;}
.navbar-mobile a.btnLang:link { color: #333; display: inline-block; padding: 0 6px; font-weight: 700;}
.navbar-mobile a.btnLang:hover { color: #45a9f6;}

.mobile-level3-topmenu li {list-style-type: none; display: inline-block; font-size: 16px;}
.mobile-level3-topmenu li a:before {content: " - "}
.mobile-level3-topmenu li a:link,
.mobile-level3-topmenu li a:visited,
.mobile-level3-topmenu li a:active{display: inline-block; padding: 3px 8px 3px 2px; color: #333;}
.mobile-level3-topmenu li a:hover,
.mobile-level3-topmenu li a:focus {color: #45a9f6;}

.navspacer {height: 82px;}

footer {background-color: #424242; color:#7a7a7a; font-size: 11px; padding: 35px 0; text-transform: uppercase}
.nav-bottom { margin: 15px 0}
.nav-bottom ul {list-style: outside none none; margin: 0; padding: 0;}
.nav-bottom ul li { display: inline-block; }
.nav-bottom ul li:after {color: #7a7a7a; content: "/"; display: inline-block; margin: 0 0.5em 0 0.75em;}
.nav-bottom ul li:last-child::after { display: none; }
.nav-bottom ul li a {color: #7a7a7a; display: inline-block; text-decoration: underline;}

/* back to top */
#top-link-block > a:link { display: inline-block; padding: 10px; border: 1px solid #45a9f6; background-color: rgba(255, 255, 255, 0.7);}
#top-link-block > a:hover { border-color: #286390;}
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    right: 20px;}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    right: 20px;}

/* ------------------------------------------- Specific form pages ------------------------------------------- */
.container h1 { color: #45a9f6;}

.contentBanner {height:100px; background:#45A9F6 url(/common/images/contentBanner.jpg) no-repeat; background-size:cover;}
.contentBanner .container {position:relative; height:100px;}
.contentBanner h1 {position:absolute; bottom:5px; left:15px; color:#ffffff;}

#listRightMenu {margin-top:38px;}
#listRightMenu a {
    border-right-width:0; 
    border-left-width:0;
    border-radius: 0;
}
#listRightMenu a.active { border-color: #45a9f6; color: #45a9f6; background-color: #fff;}

.carousel-caption {top: 15%;}
.carousel-caption > div { background-color: rgba(69, 169, 246, 0.6); padding: 20px; }

.homeSection1{ background-color: #286390; color: #fff; padding: 45px 0;}
.homeSection1 a.btn {margin-top: 20px;}
.homeSection2 { 
    background-image: url('/common/images/worldfibre.jpg'); 
    background-repeat: no-repeat; 
    background-position: top; /*50% -18px;*/
    background-color: transparent;
    background-attachment: fixed;
    background-size: cover;
    padding: 30px 0 40px;
}
.homeSection2Block > img { width: 100%; border-radius: 5px;}
.homeSection2Block > div {height: 240px; margin: 30px 0; padding: 15px; color: #fff; background-color: #286390;}
.homeSection2Block > a {}
.homeSection3 {background-color: #f0f8fd; padding: 30px 0; line-height: 30px;}

.contentContainer {padding-top:30px; font-size: 16px;}
.contentContainer h1, 
.contentContainer h2, 
.contentContainer h3 {color: #45a9f6}

.contentContainer p {margin-bottom: 20px; line-height: 1.8;}

.solutionBlock {padding:25px;}

@media (min-width: 992px) {
    .solutionBlock {border-bottom: 1px solid #ddd; height: 350px; overflow-y: hidden;}
    .solutionBlock p {min-height: 200px; overflow-y: hidden;}

    .carousel-inner > .item > img, .carousel-inner > .item > a > img {transform:translateY(-15%);}
}
@media (max-width: 991px) {
    .solutionBlock {border-bottom: 1px solid #ddd;}
    .solutionBlock p {}
}
@media (max-width: 768px) {
   h1 {font-size:25px;}
   h3 {font-size:20px;}
}
@media (max-width: 480px) {
   .carousel-inner > .item > img, .carousel-inner > .item > a > img {height:450px; width:auto; max-width:none;}
   .carousel-caption {top: 5%;}
   .carousel-caption h1 {font-size:22px;}
}


#contentClient img:not(.img-responsive) {width: 140px; margin: 0 20px 20px 0; }