﻿
body {padding-top: 114px; padding-bottom: 0px !important} /* Move down content because we have a fixed navbar that is 110px tall */
	
/* bootstrap body use "box-sizing: border-box;" which means that a padding is included in the with which is not otherwise */

.pubPuzzleContainer { background-color: #eeeee6; padding: 40px; margin-top: 20px; width: 100%;}
.pubBottomBarContainer { margin-top:20px; background-color: #333333; color: #d0d0d0;}

.uppercase {text-transform:uppercase;}
.bold { font-weight: bold;}
.norwrap{white-space:nowrap;}

.pubBottomBar { font-size: 12px;}
.pubBottomBar li>a { color: #d0d0d0;  height: 21px; padding:2px 10px !important;}
.pubBottomBar li>a:hover { color: #333333;}
.pubBottomBarHeader {padding-top:10px;}

.pubFooter{font-size: 12px !important;}
.pubFooter a{ color: #d0d0d0; }

/* Override bootstrap default */

label{ font-weight: normal; vertical-align: middle; margin-left: 2px; margin-right: 10px;}
.navbar-default {background-color:White !important;} 
.navbar-toggle-REMOVED { float:left !important;}

/* .featurette-heading { margin-top: 0px !important;} */

.marketing .col-md-4 {text-align: center;margin-bottom: 20px;}

.navbar { margin-bottom: 0px !important;}

@media (min-width: 768px)  {.navbar-nav { margin-top: 15px !important;}}


/* revolution slider */
.bannercontainer {width:100%;position:relative;padding:0;margin-bottom: 50px;}
.banner{width:100%;position:relative;}
.caption.white {color: #fff;}
.caption.black {color:  Black;}
.caption.text{position: absolute;text-shadow: none;font-family: 'Oswald', sans-serif;
	margin: 0px;border-width: 0px;border-style: none;white-space: nowrap;padding: 10px 30px 10px 10px;}




/* did not work in IE or Safari 
.caption_size_1 { font-size: 3.5vw; line-height: 4vw; padding-top: 10px; font-weight: bold;}
.caption_size_2 { font-size: 1.8vw; line-height: 2.0vw; font-weight: normal; }
*/

/*.caption_size_1 { font-size: 40px; line-height: 44px; padding-top: 10px; font-weight: bold; color: inherit !important;}*/
.caption_size_1 {font-size: 20px; line-height: 24px; padding-top: 6px; font-weight: bold; color: inherit !important; margin-top:0;}
@media (min-width: 400px) { .caption_size_1 {font-size: 30px;  line-height: 44px; padding-top: 10px; } }
@media (min-width: 768px) { .caption_size_1 {font-size: 40px;  } }
.caption_size_2 { font-size: 24px; line-height: 28px; font-weight: normal; }

/*
@media (min-width: 768px) { .caption_size_1 {font-size: 40px; line-height: 44px; padding-top: 10px; } }
@media (min-width: 992px) { .caption_size_1 {font-size: 40px;} }
@media (min-width: 1200px) { .caption_size_1 {font-size: 40px;} }
*/

.alpha60 {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

/* WeBeHome icon colors */
.color_energy{ color: #00ac6b;}
.color_camera{ color: #573f98;}
.color_well{ color: #faa519;}
.color_alarm{ color: #24408e;}
.color_smart{ color: #d83c95;}
.color_time{ color: #6d6e70;}
.color_fire{ color: #ee4055;}
.color_risks{ color: #00aae5;}

/* content boxes for puzzle */
.webehome_in_box{padding: 20px; min-width: 300px;}
.image_in_box{ width: 140px;}

/* taken from bootstrap signing.css except body */
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.pubIFTTTimage{width:100%;max-width:640px;}
.topPageAfter{width:100%;text-align:left;margin-top:30px;margin-bottom:60px;}
.topPageHeading{width:100%;text-align:left;margin-top:10px;margin-bottom:10px;}
.anchor{scroll-margin-top: 140px;}

.pubCheckout{position:fixed;top:60px;right:15px;}
.pubCountry { clear:right; float:right; margin-top: 15px; }
.pubCountryXS {clear:right; float:right; margin-top: 15px;}
.pubTopCountry { color:  #00AAE5 !important; padding-top: 11px !Important; margin-right:10px;}
.pubTopCountryLoggedin { color:  white !important; padding-top: 0px !Important; margin-right:10px; font-size: 14px; text-decoration : none; font-weight: bold;}
.pubTopMenuLoggedin { color:  white !important; padding-top: 0px !Important; margin-top:4px; margin-right:10px;font-size: 14px; text-decoration : none; font-weight: bold;}
.pubTopMenuLoggedin:hover, .pubTopCountryLoggedin:hover{color:#323232  !important; cursor: pointer;}
.pubIconSection{margin-top: 30px; margin-bottom: 60px;}
.pubWorksWithDiv{width: 200px; height:100px; display:inline-block; margin-top: 30px;}
.pubWorksWithHref{max-width:160px; max-height:100px; display: block; margin: auto auto auto auto; cursor:pointer}

/*.pubTopMenu, .pubTopMenuSelected  {display: block; font-size: 14px; text-decoration : none; font-weight: bold;vertical-align: middle; line-height: 30px !important;} *//* text-transform:uppercase; */
.pubTopMenu, .pubTopMenuSelected  {display: block; font-size: 14px; text-decoration : none; font-weight: bold;vertical-align: bottom; } /* text-transform:uppercase; */
.pubTopMenu {color: #323232; }
.pubTopMenu:Hover{color:  #00AAE5 !important; text-decoration: none;cursor: pointer;}
.pubTopMenuSelected{color:  #00AAE5 !important;  }

.pubTopMenuLogo{float:left;vertical-align:top;display: block;}
.pubTopLogo {
    width: 140px;
    height: 110px;
    background-position: 0px 12px;
    background-image: url('/Public/PublicImages/FLIR_Digital_Without-Tagline_FLIR-Blue.png' );
    background-repeat: no-repeat;
    background-size: 125px;
}
.pubHomePagePartnerLogoText{margin-top: 12px !important;}
.pubHomePagePartnerLogo {margin-bottom: 12px;}

.pubH2 {font-size: 20px;}
@media (min-width: 768px) { .pubH2 {font-size: 30px;}}


.pubCountryListIconArea { width: 260px; text-align:left; }
.pubCountryListName{float:left;clear:left;}
.pubCountryListLang {color:#c0c0c0; float:left; clear:right;}
@media (min-width: 768px)  
{
	.pubCountryListIconArea {width: 100px; height: 115px; padding-top: 10px; margin: 0 3px 0px 3px; text-align: center; float:left; display:block; font-size: 14px; cursor:pointer; border: solid 1px White; overflow:hidden; } 
	.pubCountryListName{float:none;}
	.pubCountryListLang {float:none}
}
.pubCountryListIconArea:hover { border: solid 1px #c0c0c0; }
