@import 'hs_custom.css';


#sexy_tooltip{
  opacity:0!important;
  visibility:hidden!important;
}
.uk-navbar-toggle svg{
  color:#fff!important;
}
.uk-navbar-right{
  background-image:url('../../../images/rogers_header/logo_white.png') !important;
  background-color: #032A5F !important;
  background-repeat:no-repeat !important;
}
.tm-header .uk-navbar-right{
	background-position:center right !important;
}
.tm-header-mobile .uk-navbar-right{
	background-position:center-left !important;
  margin:0 !important;
  width:100% !important;	
}
.tm-header-mobile .uk-navbar-left{
  /* display:none; */
}
.tm-header-mobile a.uk-navbar-toggle {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: block;
    background: #032A5F;
    border-radius: 50%;
    min-width: 20px;
    min-height: 20px;
    padding: 20px;
    color: white;
  	z-index:999;
}
.uk-offcanvas-bar{
  background-color: #032A5F;
}
.uk-offcanvas-bar .uk-nav li a,.uk-offcanvas-bar .uk-nav li.uk-active a,.uk-offcanvas-bar .uk-nav-sub li a,.uk-offcanvas-bar .uk-nav-sub li.uk-active a{
  	color:#fff;
}
.uk-offcanvas-bar .uk-nav li.uk-active a{
  font-weight:bold;
}
#module-tm-3 ul, #search-tm-1, #module-tm-4 ul{
  width:100%;
}
#module-tm-3 ul li, #module-tm-44 ul li{
  width:33%;
  text-align:center;
}


@media screen and (max-width: 959px) {
  .uk-navbar-right {
    background-position:right;
  }
}

/* card hover flip - rotate */

.cust-flip-pane{
  align-items: center;
    justify-content: center;
    margin: 0 auto;
}

/* THE MAINCONTAINER HOLDS EVERYTHING */
.maincontainer {
  /* position: absolute; */
      width: 316px;
    height: 464px;
  background: none;
  margin:15px;
padding-left: 0;
    margin-bottom: 120px;

}

/* THE CARD HOLDS THE FRONT AND BACK FACES */
.thecard {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* border-radius: 10px; */
  
    height: 550px;
  transform-style: preserve-3d;
  transition: all 0.8s ease;
}

/* THE PSUEDO CLASS CONTROLS THE FLIP ON MOUSEOVER AND MOUSEOUT */
.thecard:hover {
  transform: rotateY(180deg);
  cursor: pointer;
}

/* THE FRONT FACE OF THE CARD, WHICH SHOWS BY DEFAULT */
.thefront {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*border-radius: 10px;*/
  backface-visibility: hidden;
  overflow: hidden;
  background: rgba(255,255,255,.7);
  color: #000;
}

/* THE BACK FACE OF THE CARD, WHICH SHOWS ON MOUSEOVER */
.theback {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* border-radius: 10px; */
  backface-visibility: hidden;
  overflow: hidden;
  background: #fafafa;
  color: #333;
  text-align: left;
  transform: rotateY(180deg);
}


/*This block (starts here) is merely styling for the flip card, and is NOT an essential part of the flip code */
.thefront h1,
.theback h1 {
  font-family: 'zilla slab', sans-serif;
  padding: 30px;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
}

.thefront p,
.theback p {
  font-family: 'zilla slab', sans-serif;
  padding: 30px;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
}

.theback>div{
      position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.theback ul {
  padding: 0;
  list-style: none;
}
.theback ul::before {
  list-style-type: disc;
  content: '';
    position: relative;
    left: -30px;
    width: 30px;
    height: 1.5em;
    margin-bottom: -1.5em;
    display: list-item;
    list-style-position: inside;
    text-align: right;
}
.theback ul li{
    padding-left: 0!important;
}


.theback p, .theback p strong {
    padding: 0!important;
}
.cust-pane-flip-cnt{
  text-align: center;
  padding: 12px;    
  background: rgba(255,255,255,.7);
  position: absolute;
  margin: 0 auto!important;
  width: 85%;
  
}
.cust-pane-flip-cnt *{
  margin:0!important;
  /* background:rgba(255,255,255,.7)!important; */
}
.cust-pane-flip-cnt>div{
  width:100%;
}
.cust-pane-flip-cnt span{
    color: #145fa5;
}
.theback * {
    margin: 0;
    padding: 0!important;
    padding-left: 25px!important;
}


/* ------------------------------- */

.nv-buttons .el-content.uk-link-text span {
    font-size: 13px!important;
    font-weight: 800!important;
}

.nv-buttons .el-content.uk-link-text:hover span svg rect, .nv-buttons .el-content.uk-link-text:hover span svg line  {
   border-color: #35b4e5;
   
}

.nv-buttons .el-content.uk-link-text:hover span.uk-text-middle
{
  color: #231f20;

}


.nv-buttons .el-content.uk-link-text:hover span.uk-icon
{
  background: #231f20;
  color: white;
}

.toc-footer{
  position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translate(-50%);
}
.over-next-slide svg {
    transform: scale(1.5);
}


/*----------------slider----------------------------*/
.tm-page>.nv-slideshow-item,
    .overview-page .nv-footer {
        display: none;
    }

    .uk-slideshow>.nv-slideshow-element {
        display: block;
    }

@media screen and (max-width:1930px){

.slide-max-height{min-height: 2000px !important;}

} 

    @media screen and (max-width:960px){

.slide-max-height{min-height: 3000px !important;}
      
      .nv-overview-button .el-content{position: relative;
    top: 20px;}
}


    .overview-page .nv-slideshow-element>li{
        background: #f3eee1;
    }

/*--------------------------------------------------*/
body *{
   transition: all 0.3s ease;
}

.sec1-overlay .el-container, .sec1-overlay img,
.sec2-overlay .el-container, .sec2-overlay img,
.sec3-overlay .el-container, .sec3-overlay img{
   width: 100%;
    height: 450px;
}

.sec1-overlay .el-title,.sec2-overlay .el-title,.sec3-overlay .el-title{
  margin-top: 40px!important;
}

.tm-header .uk-navbar-left{
    background-image: url(../../../images/rogers_header/logo_white.png) !important;
    background-color: #032A5F !important;
  	background-position:right;
    background-repeat: no-repeat !important;
  width:100%!important;
}
.uk-navbar-container:not(.uk-navbar-transparent){
  
    background-color: #032A5F !important;
}
.nv-slideshow-nav{
  	top: 39vh;
    position: absolute;
    transform: translate(-50%, 0);
    left: 50%;
    margin: 0 auto;
  width:100%;
}
.nv-slideshow-nav li{
  padding:0;
  margin:0;
}
.nv-slideshow-nav li a {  
    width: 20vw;
  height: 14px;
    background-color: #efefef!important;
    border-radius: 0;
  opacity:0.8;
}
.nv-slideshow-nav li.uk-active a {
    background-color: #032a5f!important;
}

/****** Modal *****/
/*
.nv-modal-class, .nv-modal-class iframe{
	width: 90vw!important;
	padding: unset;
	margin: 0 a;
}

.nv-modal-class .uk-modal-dialog {
    margin: 0 auto;
    transform: translate(-50%);
}

*/
.nv-modal-class iframe{
  width:100%;
	height: 100vh!important;
}
.nv-modal-class .uk-modal-dialog {
    width:90vw;
}
.nv-modal-class .uk-modal-dialog button{
    background: #fff;
    width: 90vw;
    transform: translate(0);
    height: 80px; border: 1px solid white;
}

.nv-modal-class .uk-modal-dialog button svg{
    color: #1d2e5d;
}
.nv-modal-class .uk-modal-dialog button:before {
    content: 'Close';
    color: #1d2e5d;
    position: relative;
    top: 30px;
	left: 26px;
}
.nv-modal-class .uk-modal-dialog button:after {
  content: '';
  border: 1px solid #1d2e5d;
  padding: 10px 20px;
  top: 2px;
  left: -28px; 
  position: relative;
  border-radius: 50%;
}