/* ==========================================================================
*
* Custom CSS Stylesheet. This is where you should add your own styles!
*
** ========================================================================== */

/* Simple style overrides or custom adds */


/*======================COLOUR CODES===============================*/
body {
  background-color: #f4f6f7;
}

.bofi-primary{
  color:#3A6F8F !important;
}

.bofi-secondary{
  color:#1AB7EA !important;
}

.bofi-hot{
  color:#17abc6 !important;
}

.bofi-grey{
  color:#5e5f61 !important;
}

.ftth-primary{
  color:#293C90 !important;
}

.ftth-secondary{
  color:#7BC142 !important;
}

.ftth-blue{
  color:#29A9E1 !important;
}

.bofi-primary-background{
  background-color:#3A6F8F !important;
}

.bofi-secondary-background{
  background-color:#1AB7EA !important;
}

.bofi-hot-background{
  background-color:#17abc6 !important;
}

.bofi-grey-background{
  background-color:#5e5f61 !important;
}

.ftth-primary-background{
  background-color:#293C90 !important;
}

.ftth-secondary-background{
  background-color:#7BC142 !important;
}

.ftth-blue-background{
  background-color:#29A9E1 !important;
}


.some-css-selector {font-size:13px;}

body #footer .contact-details{
    background:url(../images/bofinet_icon.png) no-repeat right top;
    opacity: 0.3;
}

.hover-box > h3{
  max-width:235px;
  font-size:1.3em;
}

.team-header{
  background:url(../../images/bofinet_icon.png) no-repeat right top;
  background-color: #3b6e8f;
  color: #fff;
  padding:5px 0 5px 12px !important;
}

.team-subtitle{
  padding:0 10px 20px 0 !important;
  margin:0;
  float:right;
  color:#3A6F8F !important;
  font-weight: 600;
  font-size: 0.9em;
}

.no-padding-sides{
  padding-left:0px;
  padding-right:0px;
}

.no-margin-sides{
  margin-left:0px;
  margin-right:0px;
}

.submenu-button{
    background-color:#3b6e8f;
    padding-left:8px; 
    padding-right:8px; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    margin-left:0px;
}

.main-nav .hg_mega_container{
  margin-left:20%;
}

.photo-wall .pw-item::after{
  background-color:#1AB7EA;
}

.cut-off{
  position:absolute;
  width:100%;
}

.seperator-hotspot{
  margin:-20px 0 0 0;
}

.product-side{
  background-color:#3A6F8F;
  color:#fff !important;
}

.latest_posts.style3 ul.posts li{
  margin-bottom:0;
  padding-bottom:0;
}

.latest_posts.style3 ul.posts .title{
  padding:10px 0 10px 0;
  float:right;
  font-weight:100;
}

.main-nav ul ul.sub-menu{
  margin-top:-20px;
}

.topnav .topnav-item {line-height:1rem;}

.topnav > .topnav-item span{
  color:#FFF;
  font-weight: 100;
}

.topnav .topnav-item a{
  color:#3B6E8F;
}

.site-header .social-icons.topnav.sc--clean > li > a{
  color:#3B6E8F;
}

.site-header{
  background-color: #fff;
}

.site-header[data-header-style="4"] .logo-container, .site-header[data-header-style="6"] .logo-container{
  background:none;
  border:none;
}

/* Header style 6 */
body.sticky-header #header {position: fixed !important;top:0;}
body.sticky-header #header {opacity: 1; -webkit-transition: height .2s ease-in, opacity .2s ease-in; transition: height .2s ease-in, opacity .2s ease-in;}

body.sticky-header .site-header[data-header-style="6"] .site-header-top {height: 46px;}

body.sticky-header .site-header[data-header-style="6"] .site-header-top,
body.sticky-header .site-header[data-header-style="6"] .site-header-bottom {opacity: 1; -webkit-transition: height .2s ease-out, opacity .2s ease-out; transition: height .2s ease-out, opacity .2s ease-out;}


body.sticky-header .site-header[data-header-style="6"].header--is-sticked .site-header-top {height: 0 !important; overflow: hidden;}
body.sticky-header .site-header[data-header-style="6"].header--is-sticked .kl-cta-ribbon {margin-top: 10px;}
body.sticky-header .site-header[data-header-style="6"].header--is-sticked .logo-container {min-height: 60px;}

.kl-store-page ul.products li.product {
  width: 33%;
}

.product-list-item, .kl-store-page ul.products li.product .product-list-item {
  border: 1px solid #29a9e1;
  border-radius: 25px;
}

.kl-store-page ul.products li.product .product-list-item .price, .kl-store-page ul.products li.product .product-list-item .price {
  color: #293C90;
  font-size: 2.0em;
  float:right;
  font-family: 'Montserrat', 'OpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.product-list-item .kw-details-title, .kl-store-page ul.products li.product .product-list-item .kw-details-title {
  font-size: 18px;
  line-height: 16px;
  margin: 0 0 0 0;
  min-height: 20px;
  font-weight: 600;
  color: #798188;
}

/*#mainVideo{
    position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.butterfly-text{
	position: relative;
	margin: 5px auto;
	padding-left: 170px;
}
	
.butterfly {
	position: relative;
	width: 220px;
	transform: rotate(-35deg);
	z-index: 555;
	margin: 20px auto;
	left: -105px;
}

.butterfly>div {
	position: absolute;
	margin-top: -20%
}

.butterfly img {
	width: 100%
}

.leftwing {
	-webkit-animation: flap-l 4s cubic-bezier(.08,1.47,.65,-.68) infinite;
  -moz-animation: flap-l 4s cubic-bezier(.08,1.47,.65,-.68) infinite;
  -o-animation: flap-l 4s cubic-bezier(.08,1.47,.65,-.68) infinite;
	animation: flap-l 4s cubic-bezier(.08,1.47,.65,-.68) infinite;
}

.rightwing {
	-webkit-animation: flap-r 4s cubic-bezier(.08,1.47,.65,-.68) infinite;
  -moz-animation: flap-r 4s cubic-bezier(.08,1.47,.65,-.68) infinite;
  -o-animation: flap-r 4s cubic-bezier(.08,1.47,.65,-.68) infinite;
	animation: flap-r 4s cubic-bezier(.08,1.47,.65,-.68) infinite;
}

.leftwing,.rightwing {
	z-index: 1
}*/


/* ==========================================================================
** Responsive styles custom rules
* These rules are ready to be used for either overrides
* or just your own custom rules.
========================================================================== */


/** Higher screens+ **/
@media only screen and (min-width : 1921px){

}


/** Desktop+ **/
@media (min-width: 1200px) {

}


/** Laptop **/
@media (max-width: 1200px) {

}


/** Laptop+ **/
@media (min-width: 991px) {
  /*===============MENU ADJUSTMENTS=======================================*/  
  .main-nav{
    min-height:78px;    
  }

  .main-nav > ul > li > a{
    color: #3B6E8F;
  }

  .main-nav > ul > li{
    margin-left:0px;    
    min-width: 16.66%;
    /*border-bottom: rgba(26, 183, 234, 0.2) solid 1px;
    border-right: rgba(26, 183, 234, 0.2) solid 1px;*/
  }

  .main-nav > ul > li.active > a, .main-nav > ul > li > a:hover, .main-nav > ul > li:hover > a{
    padding-bottom:8px;
  }

  .main-nav > ul > li > a:before {
    border-radius:0px;
  }

  .menu-pic{
    margin-left:60%;
    margin-top:8px;
    height:45px;
    width:45px;
  }
}


/** Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {
  
}


/** Large Tablets **/
@media (max-width: 992px) {

}


/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {

}


/** Tablets+  **/
@media (min-width: 768px) {

}


/** Tablets (portrait mode)  **/
@media (min-width : 481px) and (max-width : 768px) {

}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 767px) {

}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 600px) {

}


/** Smartphone portrait mode **/
@media (max-width: 480px) {

}


/** Normal phone portrait mode+ **/
@media (min-width: 320px) {
	
}