@import url('leuropa.css');
@import url('icon-font.min.css');
body { font-family: 'Europa';}

.button:focus, .button:hover {    background-color: #ca252b;    color: #fefefe;}
.button.hollow:focus, .button.hollow:hover {   border-color: #ca252b;    color: #ca252b;}
.button.hollow.inverted:hover, .button.hollow.inverted:focus{ background-color: #fff; color:#03305c ; }
.f-book, .f-book *,.main-nav .menu, #footer h5, .off-canvas>ul.menu a, .sidebars .wgheading{    font-family: 'Europa',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400;}
.f-bold,.main-nav .menu strong, .off-canvas>ul.menu a strong {    font-family: 'Europa',Arial,'Helvetica Neue',Helvetica,sans-serif!important;    font-weight: bold;}
.row,.mega-items-wrapper{max-width: 80rem;}/* */
.slogan{ line-height: 2; }
.navbar-shrink {    width: 100%;    left: 0;    position: fixed !important;    top: 0;    z-index: 99;}
.site-header, .top-sub-menu, .home .logo, 
#masthead .main-nav,#masthead .top-sub-menu,
#masthead #site-navigation .menu > li > a, #masthead #site-navigation .menu > li.home > a img,
#masthead #site-navigation .menu > li.home-link > a i{ webkit-transition: all 0.5s ease-in-out;    -moz-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    transition: all 0.5s ease-in-out; }
#masthead.navbar-shrink .top-sub-menu {display: none;}
#masthead.navbar-shrink .main-nav{ padding: 3px 0 0; }
#masthead.navbar-shrink #site-navigation .menu > li.home > a{ padding: 0.5rem 1rem; }
#masthead.navbar-shrink #site-navigation .menu > li.home > a img{ max-width: 220px; }
#masthead.navbar-shrink #site-navigation .menu > li > a, #masthead.navbar-shrink #site-navigation .menu > li.home-link > a i{font-size: .8rem;}

.top-bar, .top-bar ul {    background-color: transparent;}
.top-bar {    padding: 0;}
.off-canvas>ul.menu a { text-transform: uppercase; }
#site-navigation .menu > li.home > a{ padding-bottom: 0; }
#site-navigation .menu > li.home a:hover:not(.button) {  background-color: transparent;}
.nav-row-wrapper .nav-row, .site-header {    background-color: #03305c;   z-index: 2;    position: relative;}
.bg-light{ background-color:#e7ecf4; color:#03305c; }
#site-navigation .bg-light .menu > li > a{ color:#03305c; text-transform: none;  padding: 0.5rem 0.8rem; font-weight: 400;   font-size: 14px;}
.nav-row {    background-color: transparent;    -webkit-transition: background-color 0.3s ease-in-out;    -moz-transition: background-color 0.3s ease-in-out;    -o-transition: background-color 0.3s ease-in-out;    -ms-transition: background-color 0.3s ease-in-out;    transition: background-color 0.3s ease-in-out;}
.logo {    margin: 0;  -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;}
.top-sub-menu{ text-align: right; padding: 1.2rem 1rem 0.2rem;  }
.top-sub-menu ul{ display: inline-block; margin-bottom: 0;    line-height: 38px; }
.top-sub-menu, .top-sub-menu li a, .mega-items-menu h3, .mega-quick-links i,.menu > li > a:hover {color: #fff;}
.top-sub-menu li.social a{ display: inline-block; }
.top-sub-menu li{ list-style: none; float: left; margin: 0 0 0 10px; }
.top-sub-menu li.align{ line-height: 46px; } 
/*.top-sub-menu, .main-nav{ display: inline-block; float: right; }*/
.main-nav .menu span{ display: block; }
#site-navigation .menu > li > a {color:#f8f8f8; text-transform: uppercase;    padding: 1.2rem 1rem;    height: auto;    font-weight: 400;    font-size: inherit;}
.home-link i{font-size: 25px;}
.top-bar-title { padding-bottom: 0;}
.title-bar-right {  padding: 25px 12px 0;}
#search {    position: fixed;    top: 0px;    left: 0px;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.7);    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;        -ms-transition: all 0.5s ease-in-out;	       -o-transition: all 0.5s ease-in-out;            transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);	     -moz-transform: translate(0px, -100%) scale(0, 0);	      -ms-transform: translate(0px, -100%) scale(0, 0);
         -o-transform: translate(0px, -100%) scale(0, 0);	     transform: translate(0px, -100%) scale(0, 0);      opacity: 0;    display: none;}

#search.open {    -webkit-transform: translate(0px, 0px) scale(1, 1);       -moz-transform: translate(0px, 0px) scale(1, 1);    	  -ms-transform: translate(0px, 0px) scale(1, 1);
	       -o-transform: translate(0px, 0px) scale(1, 1);	           transform: translate(0px, 0px) scale(1, 1);     opacity: 1;    z-index: 1006;    display: block;}
#search input[type="text"], #search .input-group-button input{ font-size: 25px;    font-weight: 300;
    text-align: center;    outline: none;  	padding: 10px;}
#search #searchform {    position: absolute;    top: 50%;    left: 0;    margin-top: -51px;    width: 60%;    margin-left: 20%;}
#search .input-group .input-group-field ,#search .input-group-button input, #search .input-group .input-group-button{height: 2em;} 
#search .close {    position: fixed;    top: 15px;    right: 15px;	  opacity: 1;	  font-size: 27px;  	color: #fff;    display: block;
    width: 30px;    height: 30px;}
#search .close:hover{  color: #FC2121;  cursor: pointer;}
#masthead .progress-line {    z-index: 199;    position: absolute;    background: none transparent;}
#masthead .progress-line {    height: 4px;    width: 100%;    background: #fff;}
#masthead .progress-line .pgs {    background: #ca252b;    background: -webkit-linear-gradient(left,#03305c, #ca252b);    background: -o-linear-gradient(right,#03305c, #ca252b);    background: -moz-linear-gradient(right,#03305c, #ca252b);    background: linear-gradient(to right,#03305c,#ca252b);
    display: block;    height: 100%;    width: 0;    transition: width .1s ease;    -webkit-transition: width .1s ease;}
.mega-menu .is-dropdown-submenu-parent {  position: static;}
#site-navigation .mega-menu  .submenu { min-width: 250px;   max-width: 250px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); border-bottom:solid 4px #03305c;  /*right: auto;    left: 0;    width: 100%;top: 100%;*/}
.mega-item{ padding:40px 20px;display: block; position: relative;background-color: #fff;border-bottom: solid #03305c 15px;}
.mega-items-wrapper{ margin:0 auto; overflow: hidden; }
.dropdown.menu > li.opens-left > .is-dropdown-submenu{border: none;}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {    display: none;}
.mega-items-menu h3,.mega-quick-links h3{font-size: 18px;}
.mega-quick-links h3{color:#000;}
.mega-menu ul,.quick-links ul{ margin:0; padding:0; }
.mega-menu ul, .mega-menu ul li, .quick-links ul, .quick-links li{list-style: none;}
.mega-quick-links i, .quick-links i{ font-family: FontAwesome; width: 1.4em;text-align: center; }
.mega-item ul > li > a {color: #4e4e4e;}
.mega-quick-links li, .quick-links li{padding: 0.8rem 0;}
.mega-quick-links li:not(:last-child), .quick-links li:not(:last-child){    border-bottom: 1px solid #e9e9e9; }
#site-navigation.top-bar  .menu .active>a , #site-navigation.top-bar  .menu .current-menu-item>a, #site-navigation.top-bar   .menu a:hover:not(.button)  {  background-color: #fff; color: #03305c; }
#site-navigation.top-bar .menu .menu a:hover:not(.button) {   background-color: #03305c;   color: #fff;}
#site-navigation.top-bar  ul ul {    background-color: #fff; }
#site-navigation .menu .menu > li > a { color: #03305c;   }
#home-hero-products-tabs{margin-top: -6.5rem; position: relative; z-index: 2; }
.home-hero-icon{ color:#fff; font-size: 4rem; margin:0 auto;  text-align: center;}
.pdt-hero{  padding-top: 1rem;  border-bottom: 5px solid #03305c;   transition: .2s; }
.down-arrow {    height: 30px;    margin-bottom: -5px;}
.pdt-hero h4 {  color: #4e4e4e;  padding-top: 1rem;    padding-bottom: 0rem;    margin: 0;    transition: transform .2s ease-in-out;    transform: translate(0,0rem);}
.pdt-hero a h4, .pdt-hero:hover .home-hero-icon{color: #03305c;}
.pdt-hero:hover {    border-bottom: 5px solid #fff;    background: white;    cursor: pointer;}
.pdt-hero:hover h4 {    color: #03305c;    transform: translate(0,-1.5rem);}
.down-arrow span{opacity: 0;  color: #03305c;   transition: .2s;    font-size: 2.5rem;    position: relative;    bottom: 30px;}
.pdt-hero:hover .down-arrow span {    opacity: 1;    font-size: 1.5rem;    bottom: -10px;}

.padd{ padding:2rem 0; }
.padd-top{padding-top: 3rem;}
.marg-top{margin-top: 3rem;}
.home-ctas{padding:1.5rem 0; overflow: hidden;  margin-top: 15px;}
.home-featured { background-color:#f2f2f2; }
#pdt-tabs .home-hero-icon, #pdt-tabs .tabs-title > a h4 { color: #03305c; }
#pdt-tabs .home-hero-icon {   font-size: 3.2rem;}
#pdt-tabs .tabs-title > a{transition: background-color .1s ease-in-out;}



#hero-slider .owl-carousel .item{ position: relative; }
/*#hero-slider .owl-stage-outer::after {    position: absolute;    bottom: 0;    left: 0;    right: 0;   z-index: 11;    height: 30%;    width: 100%;    display: block;    content: ' ';
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0, rgba(0, 0, 0, .3)), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(bottom, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, 0) 100%);
}*/
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {    background: #03305c;}
.owl-theme .owl-dots .owl-dot{position: relative; transition: 0.1s; }
.owl-theme .owl-dots .owl-dot span{margin: 0 10px;width: 14px;    height: 14px;}
.owl-theme .owl-dots .owl-dot.active span{  background-color: transparent;    background-image: none;}
.owl-theme .owl-dots .owl-dot.active span::after {    content: "";    position: absolute;    width: 14px;    height: 14px;    border: 3px solid #03305c;    border-radius: 50%;    top: 0px;    left: 10px;}
.slide-item{    background-repeat: no-repeat;    background-size: cover;    background-position: center center;}
.belt {    padding-top: 0;   vertical-align: middle;    width: 49%;    position: relative; -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;  }
.slide-caption { z-index: 12; position:absolute;    top:0;  width:100%; height: 100%;    }
.slide-caption::before {    content: " ";    display: inline-block;    width: 0;    height: 18%;    position: relative;    vertical-align: middle;}
.slide-caption .headline {   padding-top: 60px;     color: #fff;    margin-bottom: 30px;}
.slide-caption  .tagline {    color: #fff; font-size: 14px;   line-height: 18px;  margin-top: -15px;     margin-bottom: 30px;}
#hero-slider .slide-caption .light { color:#03305c; }
/**** news page  ****/
.uppercase{ text-transform: uppercase; }
#featured-items ul{ padding: 0; margin: 0; }
#featured-items ul, #featured-items ul li{list-style: none;}
#featured-items .quick-links li {  padding: 0.6rem 0;}
a.more-news{color: #fff; float: right;  line-height: 1.8; padding-right: 20px;}
.block-header { position: relative; padding: 0.65em 0px 0.5em 1.5em;}
.block-header h5{ margin-bottom: 0; }
.bg-red-a { color: #fff; background: #03305c;}
.bg-black-a { color: #fff; background: #000;}
.no-marg{margin:0; }
.block-normal-date { min-height: 60px; border-bottom: 1px solid #dedede;}
#home-news ul li:last-child .block-normal-date{ border-bottom:none; }
.block-normal-date .d-date {    float: left;    display: block;    width: 50px;    margin:0 10px 0 0;    height: 52px;    font-size: 1.6rem;    color: #343434;    text-align: center;    line-height: 50px;    font-weight: 100;    border-radius: 4px;    background: #f5f5f5;}
.block-normal .d-date::before {    display: block;    height: 7px;    width: 100%;    content: "";    background: #e6e6e6;    border-bottom: 3px solid #fff;    border-radius: 4px 4px 0px 0px;}
.block-normal-date .my-date { font-size: 0.8rem; margin-top: -3px; display: block; }
.block-normal p {    padding: 0.85em 0px 0.75em;    overflow: hidden;    margin-bottom: 0;}
.block-normal .title, .block-normal a.title {  font-size: 1rem;    display: block;    font-weight: 100;    padding-bottom: 0px;    color: #343434;    border-bottom: 0px !important;}
.block-normal-date a.title {  line-height: 1.2;  padding-right: 0px;}
.block-normal-date a.title:hover { color: #03305c; }
.block-normal a.read-more {    margin-bottom: -1px;    font-size: 0.875rem;    padding-bottom: 0.2em;    border-bottom: 1px solid #03305c;float: right;}
.block-normal-report .read-more {    position: absolute;    right: 0px;    bottom: 0px;}
.quick-links .block-header::before{    display: block;    content: '';    position: absolute;    width: 0;
    height: 0;    border-left: .5rem solid rgba(255,255,255,0);    border-right: .5rem solid rgba(255,255,255,0);
    top: 100%;    left: 6%;    margin: 0 0 0 -.25rem;    border-top: .5rem solid #000;}
#pdt-tabs .tabs-title>a {  background-color: #f5f5f5; }
#pdt-tabs .tabs-title>a[aria-selected=true] {  position: relative;  background: #03305c;    color: #fff;}
#pdt-tabs .tabs-title>a[aria-selected=true] .home-hero-icon, #pdt-tabs .tabs-title>a[aria-selected=true] >  h4{ color:#fff; }
#pdt-tabs .tabs-title>a[aria-selected=true]::after {    position: absolute;    display: block;    top: 0;    right: -48px;
    border-top: 67px solid transparent;    border-left: 49px solid #03305c;    border-bottom: 67px solid transparent;    content: "";
    width: 0;    height: 100%;    z-index: 1;    }
#pdt-tabs .tabs-panel[aria-hidden=false] { min-height: 540px; background-repeat: no-repeat; background-position: right bottom;  background-color: #fff;}
#pdt-tabs .tabs-panel .content{ padding-left: 60px; }
.separator{margin-top: -20px;}
.separator hr{ height: 1px; width: 10%; border-bottom: solid 1px #03305c; display: inline-block; }
.separator.bold hr{ border-bottom: solid 2px #ccc;  }
.overlay { position: relative;   color: #fff;   z-index: 1; background-color: transparent;background-size: cover; background-repeat: no-repeat; background-position: top center; }
.overlay:after {    content: ' ';    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    background-color: rgba(0,0,0,.5);    z-index: -1;}
.red{ color: #03305c; }.wit{ color: #fff; }
.pdt-tab-wrapper{ position: relative; }
.pdt-tab-item{ padding-right: 320px!important; padding-left: 20px!important; }
.pdt-tab-item h3, .pdt-tab-item h5, .pdt-tab-item p{ margin-bottom: 20px; }
.pdt-icon-wrapper{ border: 2px solid #E71E25; border-radius: 50%;  position: absolute;  line-height: 169px; text-align: center;    top: 10px;  margin-bottom: 20px;  width: 190px;   height: 190px;  vertical-align: middle;    right: 40px; }
.pdt_icon, .why_icon {  fill: currentColor; }
.pdt_icon { height: 100px!important;    width: 100px!important;    margin: 0 auto; vertical-align: middle; }
.slide-nav-item {    background-color: transparent;    border: 0;    text-align: center;    display: inline-block;    vertical-align: top;    width: calc(24.8% - 5px);    margin-right: 5px;    cursor: pointer;    position: relative;    color: #0b0b0b;}
.slide-nav-item:hover,.slide-nav-item.active, .why-choose .icon-box:hover { color:#E71E25; }
.slide-nav-item.active:before, .slide-nav-item:hover:before {    background-color: #f45360;    border-color: #E71E25;    -ms-transform: scale(1.7);    transform: scale(1.7);}
.slide-nav-item:before {    content: '';    width: 13px;    height: 13px;    border-radius: 50%;    border: 2px solid #838383;    display: block;    margin: 0 auto 10px;    transition: .3s;}
.slide-nav-title { transition: .2s;}
.slide-nav-item:after {    content: '';    width: 88%;    height: 2px;    background-color: #010101;    display: block;    position: absolute;    top: 6px;    left: 58%;}
.slide-nav-item:last-of-type {  margin-right: 0;}
.slide-nav-item:last-of-type:after { content: none;}
.slide-nav-item .br{ height: 0; width: 0; }
.why-choose .icon-box{ transition: .3s;}
.why-icon-wrapper i{ font-size: 46px; }
.why-icon-wrapper.box {    border: solid 1px #999;    padding: 20px;    display: block;    height: 100px;  width: 100px;    border-radius: 50%;    margin: 10px auto;    line-height: 5;}
.t-bill-box{padding: 10px 0; display: block;}
.button.hollow.inverted {    border: 1px solid #fff;    color: #fff;}
.video-thumbnail{ display: block; overflow: hidden; }
.video-thumbnail img{ opacity: 0.8; transition: 0.3s ease; }
.video-thumbnail img:hover{    transform: scale(1.2, 1.2);    opacity: 1;}
.tphotos img{ width: 100%; }
#part-services .services {background-color: #eee;    overflow: hidden;    padding: 3rem 0;}
.box-center { position: relative;margin:30px auto;    right: inherit;}
#page-tabs-nav .tabs-title>a{font-size: 1rem; }
#page-tabs-nav {background-color: #fff; border-bottom: solid 1px #cecece; text-align: center; }
#page-tabs-nav .tabs{border: none;    background-color: transparent;    display: inline-block;    margin: 0 auto;}
#page-tabs-body .tabs-content {    border: none;}
#news-listing .card{ position: relative; }
 .meta-linkss {   display: block;    position: absolute;  bottom: 25px;}
.featured-item .meta-links { position: relative; bottom: 0; }
 .entry-meta { margin-bottom: 10px; }
.card .img {    background: no-repeat 50% 50%;    height: 250px;    background-size: cover;    position: relative;
    transition: opacity 1s ease-in-out;    -moz-transition: opacity 1s ease-in-out;    opacity: 1;}
.card .img.small{ height: 250px; }
.card .img.large{ height: 500px; }
.card .img .featured {    font-size: 12px;    text-transform: uppercase;}
.featured {    position: absolute;    background: #03305c;    color: #fff;    width: 100px;    padding: 6px 0;    font-size: 16px;    text-align: center;}
.featured:after {    width: 0;    height: 0;    border-style: solid;    border-width: 15px 15px 0 0;    border-color: #03305c transparent transparent transparent;    display: block;    content: ' ';    position: absolute;    bottom: -15px;}
.sidebars .wgheading { text-transform: uppercase; background-color: #eee;  padding: 10px;}
.widget ul { padding: 0; margin: 0; }
.sidebars li {    border-bottom: 1px dotted #888;    margin-bottom: 6px;    padding-bottom: 6px;}
.widget li {    list-style-type: none;}
.widget li a { color: #333; }
.widget li a:hover{color: #03305c;}


.featured-products .tile{ position: relative;}
.featured-products .tile-info{ position: absolute;    bottom: 0;    padding: 15px 20px;    background-color: rgba(0, 0, 0, 0.5);    width: 100%;   -webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
				  transition: all .3s ease; }
.featured-products .tile-info h3, .featured-products .tile-info p{ margin: 0; color: #fff; }
.featured-products .tile:hover .tile-info{ background-color: #E60000; } 
.featured-products .pdt-item { margin-bottom: 6px;}
.featured-products .tile .cta-icon{  color: #fff;   margin-top: -26px;  font-size: 26px; }

.contact-cta{background-color: #f4f4f4; overflow: hidden; margin-top: 3rem; }
.contact-cta .panel {    padding-left: 105px;    margin: 0;}
.panel {    padding: 35px 50px;    position: relative;}
.panel p, .no-marginb{ margin-bottom: 0; }
.contact-cta .cta-icon{position: absolute;    left: 0;    height: 75px;    width: 75px;    font-size: 44px;    background-color: #e60000;    border-radius: 50%;    padding: 20px;    color: #fff;}
#kava-contact-map {   position: relative;    min-height: 450px;    width: 100%;}
#kava-contact-map-wrapper {    position: relative;    min-height: 450px;    width: 100%;}
.page .bc-wrapper { background-color: rgba(239, 239, 239, 0.7); padding-top: 23px;  height: 60px; margin-top: 100px; position: absolute;  bottom: 0;  width: 100%; }
.page .site-header{ position: relative;z-index: 10; }
.page .site-header #top-bar-container .top-bar{background-color: transparent;}
.page-header{ position: relative; min-height: 200px; max-height: 400px; background-color: transparent;background-size: cover; background-repeat: no-repeat; background-position: top center;}
.gradient {	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );	}
.page-header.bg-center{ background-position: center center; }
.page-header .row.marg-row{ position: relative;padding-bottom: 50px; padding-top: 50px; } 
.page-header::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  pointer-events: none; /* background: rgba(0,0,0,0.3); */}
.page-header .entry-title { font-size: 2.5rem; margin-bottom: 20px; }
.page-header .entry-title,.page-header .entry-excerpt  { width: 49%; }
/**** products pages ****/
#products-overview-page h1{ font-size: 1.8rem; }
#products-slides{margin-bottom: 30px;}
#products-overview-page .card:hover {border-color:#f1f1f1; background-color: #f2f2f2; }
#products-overview-page .card:hover .button{ background-color: #000; }
#products-overview-page .card:hover .pdt-desc h2 a{ color: #000; }
#products-overview-page .pdt-thumbnail { transition: 0.3s ease; border-bottom: 1px solid #e6e6e6; height: 120px; background-position: center center;    background-size: cover;   background-repeat: no-repeat; }
#products-overview-page .card:hover .pdt-thumbnail {transform: scale(1.2, 1.2);}
#products-overview-page .pdt-desc{ overflow: hidden; }
#products-overview-page .pdt-desc h2{  font-size: 24px; }
#product-detail-page-header .page-header{ background-position: center center; margin-top: 0;}

/** sidebar blocks  **/
.sidebars .block{ text-shadow:0 1px 0 #fff; width:100%;display:block;float:left; background-color:#f2f2f2;-moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc; position:relative; margin-bottom:26px;}
.sidebars .block .inner{ padding:20px; }
.sidebars .block span.drop-shadow{  margin:0 0 -12px 0; /*background:transparent url(http://www.cuagh.com/wp-content/themes/kavafinance/assets/stylesheets/images/bg_drop_shadow.png) center bottom no-repeat;*/ display:block; height:10px; width:100%; }
.sidebars .block h3{ text-transform:uppercase; font-size:15px; color:#0E527E; line-height:32px; border-bottom:solid 1px #fff; margin-bottom:0; }
/** background for block h3 see newsticker head **/

/* sub nav links */
.sidebars .inner ul{ list-style:none outside none; padding:0; }
.sidebars .inner li{margin:0; padding:0; border-bottom:none; }
.sidebars .inner li a{ color:#666; padding:8px 0; line-height:20px; display:block;  border-bottom:solid 1px #fff;  border-top:solid 1px #E2E2E2;}
.sidebars .inner li a:hover, .sidebars .inner li a.active{ color:#eb2729; }
.sidebars .inner li a.active{ font-weight:bold; }
#theme_navigation-2 a { letter-spacing:0.6px; }

.breadcrumbs li { color: #03305c; }
.sidebar .call-cta .heading{ background-color: #353232; color: #fff; }
.widgettitle {    font-weight: 600;    text-transform: none !important;    letter-spacing: 1px;    font-size: 1.1em;    color: #fff !important;    background-color: #666666;    padding: 25px 0px 25px 30px !important;
    width: 95%;    margin-left: 5px;    border-radius: 5px 5px 0px 0px;    box-shadow: 0 0 5px #888888, inset 0 0 10px #000000;}
/*** custom header bg pos  ***/
#invest-now.page-header, #investment-calculator.page-header,#why-choose-us.page-header  { background-position: top center; }
.block-box{ background-color: #e1e1e1; padding: 20px; }
div.wpcf7 { background-color: #f1f1f1;border: 1px solid #e1e1e1;padding:20px;}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea { background:#fefefe;  }
.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] { width:100%;text-align:center;text-transform:uppercase;}

.um-699.um input[type=submit].um-button, .um-699.um input[type=submit].um-button:focus, .um-699.um a.um-button, .um-699.um a.um-button.um-disabled:hover, .um-699.um a.um-button.um-disabled:focus, .um-699.um a.um-button.um-disabled:active {  background-color: #eb2729 !important;   color: #fefefe;}
.um-page-login .um-button.um-alt, .um-page-login .um-link-alt,.um-page-login .um-field.um-field-c {display:none !important; }
.faq-accordion .accordion-title {  font-size: 1.2rem;  color: #03305c;}
/*** FOOTER ***/
#footer-container{ background-color:#001122; }
#footer-bottom {  background-color: #000912; }
#footer-address {  color: #979797;  background: transparent url(../images/logo-small.png) no-repeat left top;    padding-top: 85px; }
#footer-bottom #fbottom, #footer-container #footer { max-width: 80rem;}
#footer h5{ margin: 1rem 0; }
#footer .menu>li {    display: block;}
#footer .menu>li a{ color: #e1e1e1; padding: 0.3rem 1rem 0.3rem 0; font-weight: 100; }
#footer h5 {color: #979797; text-transform: uppercase;}
#footer-bottom #fbottom{padding: 1rem 0; }
#social ul {    overflow: auto;}
#social ul li {    list-style-type: none;    float: left;}
#social ul li a i {  border: solid 1px #979797;  color: #fff;    width: 40px;    height: 40px;    border-radius: 0px;    font-size: 25px;    text-align: center;    margin-right: 10px;   padding-top: 15%;    transition: all 0.2s ease-in-out;}
#social .fa-facebook:hover {    background:#3b5998; } 
#social .fa-linkedin:hover {    background:#007bb6; }
#social .fa-twitter:hover {    background:#00aced; }
#social .fa-google-plus:hover {    background:#dd4b39; }
#social ul li a i:hover {    opacity: 1;}
#legal p{ margin: 0; padding: 0; color: #979797; }
#footer-bottom #fbottom{ color:#979797; }

.kava-contact-desc {    position: relative;    width: 100%;    padding: 20px 10px;    background: #f4f4f4;    margin-top: -5px;}
.no-js .mega-menu {  display: none;}
#masthead .title-bar .top-sub-menu{ margin-top:1.4rem; border-top:solid 1px #094a8a; text-align:center; padding: 1.2rem 0.4rem 0;}
#masthead .title-bar .top-sub-menu ul{ margin:0; padding:0; }
#masthead .title-bar .button {   font-size: .75rem;}
#masthead .title-bar .top-sub-menu li:first-child {   margin:0;}

/******* FOUNDATION RESPONSIVE **********/
/* Small only */
@media screen and (max-width: 39.9375em) {
	#masthead .title-bar{ background-color: #03305c; }
	#hero-slider .slide-item{min-height: 320px;}
	#hero-slider .slide-item {    background-position: center;    background-size: cover;}
	#hero-slider .belt{margin-bottom: 10px;margin-left: 20px;}
	#hero-slider .slide-caption{ height: auto; }
	.slide-caption::before{ display: inline-block; }
	.btn{ font-size: inherit; }
	.page-header {    background-position-y: 50px; }
    .pdt-tab-item {    padding-right: 160px!important;  }
    .pdt-icon-wrapper { line-height: 110px; width: 120px;   height: 120px;}
    .pdt-icon-wrapper .pdt_icon{    height: 70px!important;    width: 70px!important;}
    .slide-nav-item { width: calc(23.8% - 5px);}
}

/* Medium and up */
@media screen and (min-width: 40em) {
	.h1{ font-size: 35px;    line-height: 37px; }
	.slide-caption  .tagline {    font-size: 16px;    line-height: 20px; }
	#hero-slider .slide-item{ height: 360px; min-height: 360px;}
	.kava-contact-desc {
    position: absolute;
    width: 325px;
    padding: 20px;
    background: rgba(255,255,255,0.75);
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
}
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	#masthead .top-bar{margin: 0 5px; }
	#hero-slider .belt{ margin-bottom: -20px;}
}

/* Large and up */
@media screen and (min-width: 64em) {
	.h1{ font-size: 60px;    line-height: 64px; }
	.slide-caption  .tagline {    font-size: 26px;    line-height: 30px; }
	#hero-slider .slide-item{ height: 500px; min-height: 500px;}
}