/*********************
COLOURS
*********************/
/*********************
TYPOGRAPHY
*********************/
/* 
ampersand 
*/
span.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
  font-style: italic;
}
/* text alignment */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clear {
  clear: both;
}
/*********************
TOOLS
*********************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: normal;
}
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/*********************
BORDER RADIUS
*********************/
/* USAGE: .border-radius(4px); */
/*********************
TRANISTION
*********************/
/* .transition(all,2s); */
/*********************
CSS3 GRADIENTS
*********************/
/* .css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SHADOW
*********************/
/* .boxShadow(0,0,4px,0,#444); */
/* .boxShadow(none); */
/*********************
BUTTONS
*********************/
.buttons,
.buttons:visited {
  transform: perspective(2000px);
  background: #87be3c;
  padding: 10px;
  display: block;
  color: #fff;
  width: 60%;
  font-weight: bold;
  font-size: 13px;
  background-image: url("../images/_template/arrow_white.html");
  background-repeat: no-repeat;
  background-position: 143px;
  border-radius: 0px;
  width: 170px;
  border: 0px;
  text-shadow: 0px 0px;
}
.buttons:hover,
.buttons:visited:hover,
.buttons:focus,
.buttons:visited:focus {
  background-color: #109189;
  color: #ffffff;
}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  /* FONTS
	-------------------------------------------------------------- */
  h1,
  h2,
  h3,
  h4 {
    color: #053d51;
  }
  header-info-box h1 {
    color: #053d51;
    margin-top: 0px;
    font-size: 36px;
  }
  header-info-box h1 .orange {
    color: #f29156;
  }
  h3 {
    font-weight: 700;
    color: #f29156;
  }
  strong {
    font-weight: 700;
  }
  p,
  blockquote,
  li {
    font-size: 16px;
  }
  /* ARROW BOUNCE
-------------------------------------------------------------- */
  .arrow {
    margin-top: 30px;
  }
  .landingBlock .landingBlockCont a h3 {
    font-size: 32px;
  }
  /* NEWS
	-------------------------------------------------------------- */
  .newsHero IMG {
    min-height: 200px;
    margin-bottom: 0px;
  }
  nav.pagination {
    top: 0px;
    margin-bottom: 20PX;
  }
  /* GRID
	-------------------------------------------------------------- */
  .grid-section > div,
  #download {
    padding: 60px 0;
  }
  .grid-section > div .prodDownload,
  #download .prodDownload {
    padding-left: 0px;
  }
  .grid-section > div.noMargin {
    padding-bottom: 0px;
  }
  /*-- reduce row spacing on plain template --*/
  .template-1676 .page-cont {
    margin-top: 60px;
  }
  .template-1676 .grid-section > div {
    padding: 10px 0;
  }
  /* HEADER
	-------------------------------------------------------------- */
  header {
    /*padding: 30px 0;*/
    position: relative;
    width: 100%;
    top: 0px;
    z-index: 999;
    font-size: 14px;
    background-color: rgba(238, 238, 238, 0.8);
    border-bottom: 4px solid #fff;
  }
  header .container {
    max-width: 100%;
    padding: 0;
  }
  header .row {
    margin: 0;
  }
  header label {
    margin-left: 20px;
    margin-right: 0px;
  }
  header .btn {
    padding: 4px 12px;
    margin-top: 8px;
  }
  header .btn-default {
    border: none;
  }
  header .caret {
    border: none;
    height: 23px;
    width: 23px;
    margin-left: -10px !important;
    background: url(../images/00-template/select-down-arrow.png) no-repeat;
  }
  header .btn-default.active,
  header .btn-default:active,
  header .open > .dropdown-toggle.btn-default {
    background-color: #fff;
  }
  header #toggle {
    margin-top: 5px;
    /*margin-right: 20px;*/
  }
  header .toggle span,
  header .toggle span:before,
  header .toggle span:after {
    background-color: #053d51;
  }
  .header-login .newsletter-btn,
  .header-login .login-btn {
    float: none;
    width: auto;
  }
  .header-login .login-btn {
    margin-right: 10px;
  }
  /*--- LOGIN BOX -- */
  #newsletter-box {
    height: 150px;
  }
  .header-info-box {
    height: 150px;
    color: #053d51;
    padding: 15px 15px;
    font-size: 16px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
    /*transition: all 0.25s ease-in-out;*/
    /*.newslettersignup
			{
				max-width: 800px;
				margin: 10px auto;
			}*/
  }
  .header-info-box p.select-country {
    color: #f29156;
    font-weight: 700;
  }
  .header-info-box ul.select-country {
    margin: 0px;
  }
  .header-info-box ul.select-country li {
    list-style: none;
    font-weight: 700;
  }
  .header-info-box ul.select-country li a:link,
  .header-info-box ul.select-country li a:visited {
    color: #053d51;
  }
  .header-info-box ul.select-country li a:hover {
    color: #f29156;
  }
  .header-info-box .select-map {
    text-align: center;
  }
  /* NEWSLETTER FORM
______________________________________________________________ */
  .login-form {
    /*border-right: 1px solid @blue;*/
  }
  .login-form .privacy-consent {
    margin-top: 15px;
  }
  .login-form p {
    margin: 0;
  }
  .login-form fieldset {
    border: none;
    padding: 0;
  }
  .login-form label {
    margin-right: 10px;
    display: inline-block;
  }
  .login-form input[type="text"],
  .login-form input[type="email"],
  .login-form input[type="password"] {
    color: #053d51;
    border: none;
    width: 70%;
    border-bottom: 1px solid #053d51;
    /*font-size: 1em;*/
    margin: 0;
    padding: 5px 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background-color: rgba(255, 255, 255, 0.2);
  }
  .login-form input[type="text"]::-webkit-input-placeholder,
  .login-form input[type="email"]::-webkit-input-placeholder,
  .login-form input[type="password"]::-webkit-input-placeholder,
  .login-form input[type="text"]::-moz-placeholder,
  .login-form input[type="email"]::-moz-placeholder,
  .login-form input[type="password"]::-moz-placeholder,
  .login-form input[type="text"]:-ms-input-placeholder,
  .login-form input[type="email"]:-ms-input-placeholder,
  .login-form input[type="password"]:-ms-input-placeholder,
  .login-form input[type="text"]:-moz-placeholder,
  .login-form input[type="email"]:-moz-placeholder,
  .login-form input[type="password"]:-moz-placeholder {
    color: #053d51;
  }
  .login-form input[type="text"]:focus,
  .login-form input[type="email"]:focus,
  .login-form input[type="password"]:focus {
    outline: none;
    -webkit-box-shadow: 3px 6px 15px -9px #6a6a6a;
    -moz-box-shadow: 3px 6px 15px -9px #6a6a6a;
    box-shadow: 3px 6px 15px -9px #6a6a6a;
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    transform: scale(1.01);
  }
  .login-form button[type="submit"],
  .login-form button {
    margin: 0;
    color: #f29156;
    background-color: rgba(255, 255, 255, 0);
    padding: 10px 25px 10px 0px;
    border: none;
    background-image: url(../images/00-template/login-submit.png);
    background-repeat: no-repeat;
    background-position: right center;
  }
  .login-form span.field-validation-error {
    display: inline-block;
    width: 90%;
    color: #fff !important;
    font-size: 1em;
  }
  /* HERO BANNER
______________________________________________________________ */
  .hero {
    margin-top: 0px;
    position: relative;
    z-index: 1;
    zoom: 1;
    overflow: hidden;
    min-height: 200px;
  }
  .hero .hero-cont {
    position: absolute;
    /*top: 230px;*/
    top: 40px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .hero .hero-title {
    /*position:relative; 
  		left:-50%;
		bottom: 20px;*/
    margin-left: -15px;
  }
  .hero .hero-title h2 {
    font-size: 44px;
    color: #fff;
  }
  /* HOMEPAGE
	-------------------------------------------------------------- */
  #homeCarousel {
    margin-top: 0px;
  }
  #homeCarousel .banner-cont IMG {
    max-width: 100%;
  }
  #homeCarousel .carousel-inner > .item {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #homeCarousel .home-bannerL {
    margin-top: 80px;
  }
  #homeCarousel .home-bannerL .prod-desc {
    margin-top: 40px;
  }
  #homeCarousel .home-bannerL .readMore a:link,
  #homeCarousel .home-bannerL .readMore a:visited {
    display: inline-block;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    padding: 15px 25px;
    color: #fff;
    background-color: #053d51;
  }
  #homeCarousel .home-bannerL .readMore a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #f29156;
  }
  #homeCarousel .carousel-indicators {
    display: block;
  }
  #homeCarousel .home-bannerR {
    margin-top: 80px;
    /*position: relative;*/
  }
  #homeCarousel .home-bannerR .banner-img {
    position: relative;
    height: 540px;
    text-align: right;
    /*position: absolute;
				bottom: 0px;*/
  }
  #homeCarousel .home-bannerR .banner-img img {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  #homeCarousel .carousel-indicators li {
    border: 1px solid #313131;
  }
  #homeCarousel .carousel-indicators .active {
    background-color: #313131;
  }
  .prod-blocks {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .prod-blocks .col-md-4 {
    padding: 0px;
  }
  .prod-blocks .prod-block {
    min-height: 320px;
    border-right: 1px solid #000;
  }
  .prod-blocks .prod-block1,
  .prod-blocks .prod-block2,
  .prod-blocks .prod-block3 {
    position: relative;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .prod-blocks .prod-cont {
    position: absolute;
    padding: 0;
    height: 100%;
    width: 100%;
  }
  .prod-blocks .prod-cont h2 {
    font-size: 30px;
  }
  .prod-blocks .prod-cont .readMore {
    display: inline-block;
    position: absolute;
    bottom: 15px;
  }
  .prod-blocks .prod-cont .readMore a:link,
  .prod-blocks .prod-cont .readMore a:visited {
    display: inline-block;
    font-size: 0.7em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 10px 20px;
    color: #053d51;
    background-color: #fff;
    border: 2px solid #053d51;
  }
  .prod-blocks .prod-cont .readMore a:hover {
    text-decoration: none;
    background-color: #eeeeee;
  }
  .prod-blocks .prod-block1 {
    background-image: url(../images/00-template/productPanel1.jpg);
  }
  .prod-blocks .prod-block1 .prod-cont {
    padding-left: 15px;
  }
  .prod-blocks .prod-block1 .readMore {
    left: 35px;
  }
  .prod-blocks .prod-block2 {
    background-image: url(../images/00-template/productPanel2.jpg);
  }
  .prod-blocks .prod-block3 {
    background-image: url(../images/00-template/productPanel3.jpg);
  }
  .home-cta h3 {
    font-size: 28px;
  }
  .prod-title {
    display: block;
    position: absolute;
    z-index: 99;
    top: 260px;
    left: 0;
    right: 0;
    margin: auto;
  }
  /* PRODUCT PAGE
-------------------------------------------------------------- */
  #features-screen {
    display: block;
  }
  #features-mob {
    display: none;
  }
  #product {
    margin-top: 0px;
  }
  .carousel-links {
    margin-top: 60px;
  }
  .carousel-links IMG.ida-logo {
    max-width: 100%;
  }
  .carousel-links IMG.view360 {
    margin-right: 20px;
  }
  .carousel-links .container {
    text-align: right;
  }
  #product-sections {
    background-color: #f29156;
    margin-bottom: 30px;
  }
  #product-sections ul {
    margin: 0;
    padding: 0;
    text-align: center;
  }
  #product-sections ul li {
    list-style: none;
    display: inline;
  }
  #product-sections ul li a:link,
  #product-sections ul li a:visited {
    display: inline-block;
    padding: 25px 50px 35px 50px;
    color: rgba(255, 255, 255, 0.8);
    background-color: #f29156;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    transition: all 2s;
    background-image: url(../images/00-template/pageLinks-bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  #product-sections ul li a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #ef752b;
  }
  #product-info h2.features {
    text-align: center;
    color: #f29156;
    margin-bottom: 30px;
  }
  #product-info ul.features-left {
    margin: 0px;
    padding: 0px;
  }
  #product-info ul.features-left li {
    list-style: none;
    margin-bottom: 40px;
    min-height: 35px;
    padding-top: 4px;
    padding-left: 60px;
    background-repeat: no-repeat;
    background-position: left;
  }
  #product-info ul.features-left li.smartcity {
    background-image: url(../images/1138/smartcity-icon.png);
  }
  #product-info ul.features-left li.toolfree {
    background-image: url(../images/1142/toolfree-access-icon.png);
  }
  #product-info ul.features-left li.clo {
    background-image: url(../images/1131/clo-icon.png);
  }
  #product-info ul.features-left li.ip66 {
    background-image: url(../images/1134/ip-icon.png);
  }
  #product-info ul.features-left li.ik10 {
    background-image: url(../images/1133/ik-icon.png);
  }
  #product-info ul.features-left li.ik08 {
    background-image: url(../images/1133/ik-icon.png);
  }
  #product-info ul.features-left li.modular {
    background-image: url(../images/1137/modular_icon.png);
  }
  #product-info ul.features-left li.lightweight {
    background-image: url(../images/1135/lightweight-icon.png);
  }
  #product-info ul.features-right {
    margin: 0px;
    padding: 0px;
  }
  #product-info ul.features-right li {
    list-style: none;
    text-align: right;
    margin-bottom: 40px;
    min-height: 35px;
    padding-top: 4px;
    padding-right: 60px;
    background-repeat: no-repeat;
    background-position: right;
  }
  #product-info ul.features-right li.lumen {
    background-image: url(../images/1136/lumen-boost-icon.png);
  }
  #product-info ul.features-right li.dim {
    background-image: url(../images/1132/dimming-icon.png);
  }
  #product-info ul.features-right li.surge {
    background-image: url(../images/1139/surge-protection-icon.png);
  }
  #product-info ul.features-right li.tilt {
    background-image: url(../images/1141/tilt-angle-icon.png);
  }
  #product-info ul.features-right li.modular {
    background-image: url(../images/1137/modular_icon.png);
  }
  #product-info ul.features-right li.lm6 {
    background-image: url(../images/1135/lightweight-icon.png);
  }
  #product-info ul.features-right li.lightweight {
    background-image: url(../images/1135/lightweight-icon.png);
  }
  /* CONTACT PAGE
-------------------------------------------------------------- */
  #contactPage {
    margin-top: 0px;
  }
  #contactPage #map {
    height: 540px;
  }
  #contactPage #location {
    margin: 100px 0;
  }
  #contactPage #location .address {
    margin: 5px 0 0 0;
  }
  .member {
    margin: 60px 15px 40px 15px;
  }
  .member h1 {
    font-size: 2.4em;
    font-weight: 700;
  }
  .member h2 {
    font-size: 2em;
  }
  /* PRODUCT CONFIGURATOR MENU
______________________________________________________________ */
  #prod-selector-menu {
    margin-bottom: 100px;
    margin-top: 30px;
  }
  #prod-selector-menu .prod-menu {
    margin-bottom: 0px;
  }
  #prod-selector-menu .prod-menu a:link,
  #prod-selector-menu .prod-menu a:visited {
    display: block;
    height: 100%;
    min-height: 60px;
    padding: 8px;
    color: #053d51;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #eeeeee;
  }
  #prod-selector-menu .prod-menu a:hover,
  #prod-selector-menu .prod-menu a.current:link,
  #prod-selector-menu .prod-menu a.current:visited {
    color: #fff;
    text-decoration: none;
    background-color: #053d51;
  }
  #prod-selector-menu .prod-menu p {
    display: inline-block;
  }
  #prod-selector-menu .prod-menu .prod-menu-img {
    position: absolute;
    top: -52px;
    right: 15px;
  }
  /* PRODUCT CONFIGURATOR
______________________________________________________________ */
  #prod-selector {
    margin: 0 0 60px 0;
  }
  #prod-selector h3 {
    font-size: 15px;
  }
  .selector {
    margin-top: 45px;
  }
  .form-item {
    clear: both;
    min-height: 26px;
    margin-bottom: 9px;
  }
  .form-item p {
    font-size: 1.1em;
  }
  dt,
  dd {
    float: left;
    min-height: 31px;
    border-bottom: 1px solid #ccc;
    padding: 5px 20px;
    margin-bottom: 5px;
  }
  dt.last-dt,
  dd.last-dt {
    border-bottom: none;
  }
  dt:last-child,
  dd:last-child {
    border-bottom: none;
  }
  dt.model,
  dd.model {
    color: #fff;
    font-weight: 700;
    background-color: #053d51;
  }
  dt {
    width: 35%;
  }
  dd {
    width: 65%;
  }
  /* FOOTER
-------------------------------------------------------------- */
  .footer {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .footer #footer-id {
    position: relative;
  }
  .footer #footer-nav {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  .footer .copyright {
    margin-top: 0px;
  }
  .footer .copyright p {
    font-size: 11px;
  }
}