/* Add here all your css styles (customizations) */
body {
    font-family: "Montserrat", "Open Sans", Helvetica, Arial, sans-serif!important;
}
html {
  scroll-behavior: smooth;
}
.g-family-Gotham-Bold{
		font-family: 'Gotham-Bold', Helvetica, Arial, sans-serif!important;
		font-weight:900;
	}
	.g-family-Gotham-Book{
		font-family: 'Gotham-Book', Helvetica, Arial, sans-serif!important;
		
	}
	.g-family-Gotham-Light{
		font-family: 'Gotham-Light', Helvetica, Arial, sans-serif!important;
		
	}	
.g-font-secondary {
    font-family: "Montserrat", "Open Sans", Helvetica, Arial, sans-serif!important;
}
#promoSliderWrapper {
    font-family: "Montserrat", "Open Sans", Helvetica, Arial, sans-serif!important;
}
.js-pagination{
  	visibility: block!important;
  }
  
.u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover {
    color: #ffa400 !important;
}

.g-cursor-hand{
	cursor: pointer;
}
js-tabs-mobile-control.g-color-black--hover:hover{
	 color: #fff!important;
}
.mytbusinessheader .u-nav-v1-1 h4 .nav-link.active {
    background-color: none!important;
}

.moneyclass a:hover {
    color: #B6D900!important;
}

.homeclass a:hover {
    color: #ec0087!important;
}

.businessclass a:hover {
    color: #ffa400!important;
}

@media (min-width: 576px) {
	.g-text-center--sm{
		text-align:center!important;
	}	
	.g-text-left--sm{
		text-align:left!important;
	}
	.g-width-80--sm {
    	width: 80px !important;
    }
    
}

@media (min-width: 768px) {
	.g-width-90--md {
    	width: 90px !important;
    }
    
}

@media (min-width: 992px) {
  .js-pagination{
  	visibility: hidden!important;
  }
  .g-width-110--lg {
    	width: 110px !important;
    }  	
  .g-width-50x--lg {
  		width: 50% !important;
   }
   .g-width-40x--lg {
  		width: 40% !important;
   }
}
@media (max-width: 767px)
{
	.g-text-center--md-down{
		text-align:center!important;
	}
	
	#landing [data-tabs-mobile-type="slide-up-down"] .nav-item {
	    margin: 0;
	    width: 100%!important;
	}

	[data-tabs-mobile-type="slide-up-down"] .nav-item {
		    margin: 5px;
		}
	
	[data-tabs-mobile-type="slide-up-down"] .nav-item {
	    margin-bottom: 10px!important;
		}
	/*#landing a:focus{
	    color: #ffa400!important;
	}*/
}
#landing .js-tabs-mobile-control:focus{
	color: #ffa400!important;
}
/* mobile blue */

.g-color-mobileblue{
	color: #00aeef!important;
}
.g-bg-mobileblue{
	background-color: #00aeef!important;
}
.u-btn-outline-mobileblue{
    color: #00aeef;
    border-color: #00aeef;
    background-color: transparent;
}
.btn-mobileblue{
    background-color: #00aeef;
    border-color: #00aeef;
}
.u-btn-mobileblue:hover, .u-btn-mobileblue:focus, .u-btn-mobileblue.active {
    color: #fff;
}

.u-btn-mobileblue:hover, .u-btn-mobileblue.active {
    border-color: #00aeef;
    background-color: #00aeef;
}
.u-btn-mobileblue{
    background-color: #00aeef;
    border-color: #00aeef;
    color:#fff;
}

.g-color-mobileblue {
  color: #3398dc !important; }
.g-color-mobileblue--hover:hover {
  color: #3398dc !important; }
  
.g-brd-mobileblue {
  border-color: #00aeef !important; }
.g-brd-mobileblue--hover:hover, .g-brd-mobileblue--active.active {
  border-color: #00aeef !important; }
.g-brd-mobileblue:hover, .g-brd-blue--active.active {
  border-color: #00aeef !important; }
*:hover > .g-brd-mobileblue--hover-parent {
  border-color: #00aeef !important; }
  
.g-brd-mobileblue-top {
  border-top-color: #00aeef !important; }

.g-brd-mobileblue-bottom {
  border-bottom-color: #00aeef !important; }

.g-brd-mobileblue-left {
  border-left-color: #00aeef !important; }

.g-brd-mobileblue-right {
  border-right-color: #00aeef !important; }
.hs-sub-menu-opened ul.g-brd-mobileblue{
	border-color: #00aeef !important; 
}    
  
.g-color-mobileblue {
  color: #00aeef !important; }
.g-color-mobileblue--hover:hover {
 color: #00aeef !important; }
.u-block-hover:hover .g-color-mobileblue--hover, .g-color-mobileblue--hover:hover {
  color: #00aeef !important; 
}

.g-active-mobileblue {
    color: #00aeef!important;
}

.g-active-mobileblue:hover {
    color: #00aeef!important;
}

.g-brd-top-mobileblue{
	border-top: 2px solid #00aeef !important; 
}	

/* end mobile blue */

/* businessorange */
.g-color-businessorange{
	color: #ffa400!important;
}
.g-bg-businessorange{
	background-color: #ffa400!important;
}
.u-btn-outline-businessorange{
    color: #ffa400;
    border-color: #ffa400;
    background-color: transparent;
}
.btn-businessorange{
    background-color: #ffa400;
    border-color: #ffa400;
}
.u-btn-businessorange{
    background-color: #ffa400;
    border-color: #ffa400;
    color:#fff;
}
.u-btn-businessorange:hover, .u-btn-businessorange:focus, .u-btn-businessorange.active {
    color: #fff;
}

.u-btn-businessorange:hover, .u-btn-businessorange.active {
    border-color: #ffa400;
    background-color: #ffa400;
}
.g-brd-businessorange {
    /* border-color: #ffa400 !important; */
	border-top: solid 2px #ffa400 !important;
}
.u-block-hover:hover .g-color-businessorange--hover, .g-color-businessorange--hover:hover {
  color: #ffa400 !important; 
}
/*end businessorange */

/* homepink */
.g-color-homepink{
	color: #ec0087!important;
}
.g-bg-homepink{
	background-color: #ec0087!important;
}
.btn-homepink{
    background-color: #ec0087;
    border-color: #ec0087;
}
.u-btn-outline-homepink{
    color: #ec0087;
    border-color: #ec0087;
    background-color: transparent;
}
.u-btn-homepink{
    background-color: #ec0087;
    border-color: #ec0087;
    color:#fff;
}
.u-btn-homepink:hover, .u-btn-homepink:focus, .u-btn-homepink.active {
    color: #fff;
}

.u-btn-homepink:hover, .u-btn-homepink.active {
    border-color: #ec0087;
    background-color: #ec0087;
}
.g-brd-homepink{
    border-color: #ec0087 !important;
}
.u-block-hover:hover .g-color-homepink--hover, .g-color-homepink--hover:hover {
  color: #ec0087 !important; 
}
/* end homepink */

/* newsblue */
.g-color-newsblue{
	color: #003e5c!important;
}
.g-bg-newsblue{
	background-color: #003e5c!important;
}
.g-bg-newsblue-opacity-0_5{
	background-color: #003e5c!important;
	opacity: 0.5;
}
.g-bg-newsblue-opacity-0_6{
	background-color: #003e5c!important;
	opacity: 0.6;
}
.g-bg-newsblue-opacity-0_7{
	background-color: #003e5c!important;
	opacity: 0.7;
}
.g-bg-newsblue-opacity-0_8{
	background-color: #003e5c!important;
	opacity: 0.8;
}
.g-bg-newsblue-opacity-0_9{
	background-color: #003e5c!important;
	opacity: 0.9;
}
.btn-newsblue{
    background-color: #003e5c;
    border-color: #003e5c;
}
.u-btn-outline-newsblue{
    color: #003e5c;
    border-color: #003e5c;
    background-color: transparent;
}
.u-btn-newsblue{
    background-color: #003e5c;
    border-color: #003e5c;
    color:#fff;
}
.u-btn-newsblue:hover, .u-btn-newsblue:focus, .u-btn-newsblue.active {
    color: #fff;
}

.u-btn-newsblue:hover, .u-btn-newsblue.active {
    border-color: #003e5c;
    background-color: #003e5c;
}
.g-brd-newsblue{
    border-color: #003e5c !important;
}
.u-block-hover:hover .g-color-newsblue--hover, .g-color-newsblue--hover:hover {
  color: #003e5c !important; 
}
/* end newsblue */


.dropdown-item{
	font-weight: 300;
}

#landing .nav-link{
	padding: 0.8rem 2rem;
}

#landing .u-nav-v2-1.u-nav-homepink .nav-link.active, .u-nav-v2-1.u-nav-homepink .cbp-filter-item-active .nav-link {
    color: #fff;
    background-color: #ffa400;
}
.g-text-center{
	text-align: center;
}
.g-text-left{
	text-align: left;
}
.g-text-right{
	text-align: right;
}
.g-width-90{
	width: 90px!important;
}

.col-xs-6r,
.col-sm-6r,
.col-md-6r,
.col-lg-6r {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-6r {
    width: 15%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-6r {
        width: 15%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-6r {
        width: 15%!important;
        float: left!important;
        flex: 0 0 15%!important;
    	max-width: 15%!important;
    }
}

@media (min-width: 1200px) {
    .col-lg-6r {
        width: 15%!important;
        float: left!important;
        flex: 0 0 15%!important;
    	max-width: 15%!important;
    }
}


.col-xs-8r,
.col-sm-8r,
.col-md-8r,
.col-lg-8r {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-8r {
    width: 12.5%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-8r {
        width: 12.5%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-8r {
        width: 12.5%!important;
        float: left!important;
        flex: 0 0 12.5%!important;
    	max-width: 12.5%!important;
    }
}

@media (min-width: 1200px) {
    .col-lg-8r {
        width: 12.5%!important;
        float: left!important;
        flex: 0 0 12.5%!important;
    	max-width: 12.5%!important;
    }
}

.g-overflow-hidden{
	overflow: hidden!important;
}
.g-overflow-y-scroll{
	overflow-y: scroll!important;
}
.g-text-capitalize{
	text-transform: capitalize !important;
}
.tparrows{
	top:57%!important;
	opacity: 0.7!important;
}
.crossed-out:after {
    content: '|'!important;
    color: #222!important;
    display: block!important;
    font-weight: 400!important;
    text-align: center!important;
    font-size: 1.2rem!important;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    padding: 0px;
    position: absolute;
    top: 0.5rem;
    left: 1.7rem;
}
#bigradio .radio{
  -webkit-appearance:button;
  -moz-appearance:button;
  appearance:button;
  border:4px solid #ccc;
  border-top-color:#bbb;
  border-left-color:#bbb;
  background:#fff;
  width:50px;
  height:50px;
  border-radius:50%;
}
#bigradio .radio:checked{
  border:15px solid #4099ff;
}

.g-bg-pink-fb90cc{
	background-color: #fb90cc!important;
}
.g-bg-pink-fb58b3{
	background-color: #fb58b3!important;
}
.g-bg-pink-eb0686{
	background-color: #eb0686!important;
}
.g-bg-pink-b50065{
	background-color: #b50065!important;
}


.mbps100 .tp-leftarrow{
	visibility: hidden!important;
}
.mbps100 .tp-rightarrow{
	visibility: hidden!important;
}
.g-border-3 {
    border-width:0.8em!important;
}

.fibrespeedzone {
  position: relative;
}
.fibrespeedzone::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image:linear-gradient(to right, rgb(255, 255, 255) 0%, transparent 20%, transparent 80%, rgb(255, 255, 255) 100%), url('/assets2018/img/smartboxuhd/background-fibre2.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  left:0px;
  opacity: 0.1;
  z-index: -1;
}
.slick-slide .inner {
  margin: 0 5px;
}
.uranus.tparrows {
    width: 5em!important;
    height: 5em!important;
    padding:0.7em!important;
    background: #CCC!important;
    top: 50%!important;
     
}
.g-parent.slick-current .u-shadow-v24--active {
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.5)!important;
}
.g-bg-cover{
	  background-image:url('https://home.myt.mu/assets2018/img/smartboxuhd/assistance.jpg');
	  background-position: center center;
	  background-repeat: no-repeat;
}
.g-bg-catchup{
	  background-image:url('https://home.myt.mu/assets2018/img/how-to-videos/catch-up3.jpg');
	  background-position: center center;
	  background-repeat: no-repeat;
	  background-size: cover!important;
}

.g-bg-cover2{
	  background-image:url('https://home.myt.mu/assets2018/img/smartboxuhd/how-to-videos-bg4.jpg');
	  background-position: center center;
	  background-repeat: no-repeat;
	  background-size:cover;
}

.g-bg-multiview{
	  background-image:url('https://home.myt.mu/assets2018/img/smartboxuhd/bg-multiview-v1.jpg');
	  background-position: center center;
	  background-repeat: no-repeat;
}


.u-go-to-v1:hover, .u-go-to-v1:focus:hover {
    text-decoration: none;
    color: #fff;
    background-color: #000!important;
}
.g-color-pink--active.cbp-filter-item-active {
    color: #ffa400 !important;
}

.g-brd-pink--active.cbp-filter-item-active {
    border-color: #ffa400 !important;
}

.g-text-hover-none{
	text-decoration: none!important;
}
.g-text-decoration-none{
	text-decoration: none!important;
}

.g-bg-img-ocs::before{
	    content: '';
	    display: block;
	    position: absolute;
	    width: 100%;
	    height: 120%;
	    background-image: url(https://home.myt.mu/assets2018/img/smartboxuhd/ocs-z3.jpg);
	    /*background-image: linear-gradient(to right, rgb(0,0,0) 0%, transparent 20%, transparent 80%, #f6b784 100%), url(https://home.myt.mu/assets2018/img/smartboxuhd/ocs-z3.jpg);*/
	    background-position: center center;
	    background-repeat: no-repeat;
	    left: 0px;
	    opacity: 0.8;
	    z-index: -1;
}

.g-bg-img-chromecast::before{
	    content: '';
	    display: block;
	    position: absolute;
	    width: 100%;
	    height: 90%;
	    background-image: url(https://home.myt.mu/assets2018/img/smartboxuhd/casting-banner7.jpg);
	    /*background-image: linear-gradient(to right, rgb(0,0,0) 0%, transparent 20%, transparent 80%, #f6b784 100%), url(https://home.myt.mu/assets2018/img/smartboxuhd/ocs-z3.jpg);*/
	    background-position: center center;
	    background-repeat: no-repeat;
	    left: 0px;
	    opacity: 0.8;
	    z-index: -1;
}


.g-bg-img-apps::before{
	    content: '';
	    display: block;
	    position: absolute;
	    width: 100%;
	    height:100%;
	    background-image: linear-gradient(to right, rgb(0,0,0) 0%, transparent 20%, transparent 80%, #f6b784 100%), url(https://home.myt.mu/assets2018/img/smartboxuhd/app-background-image-cropped.jpg);
	    background-position: center center;
	    background-repeat: no-repeat;
	    left: 0px;
	    opacity: 1;
	    z-index: -1;
}

.g-bg-img-faq::before{
	    content: '';
	    display: block;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    background-image: linear-gradient(to right, rgb(0,0,0) 0%, transparent 20%, transparent 80%, #f6b784 100%), url(https://home.myt.mu/assets2018/img/smartboxuhd/ocs-bg1.jpg);
	    background-position: center center;
	    background-repeat: no-repeat;
	    left: 0px;
	    opacity: 0.5;
	    z-index: -1;
}
.card{
	background-color: none!important;
}
.jumbotron {
  position: relative;
  overflow: hidden;
  background-color:black;
  margin-bottom: 0rem!important; 
}
.jumbotron video {
  position: absolute;
  z-index: 1;
  top: 0;
  width:100%;
  height:100%;
  object-fit: cover;
}
.jumbotron .container {
  z-index: 2;
  position: relative;
}
u-nav-v2-1 .nav-link.active, .u-nav-v2-1 .cbp-filter-item-active .nav-link {
    background-color: #ffa400!important;
}
#myt2018hptabs .nav-item a:hover{
	background-color: #ffa400!important;
	color:#fff;
}
a{
	color: #333;
}

@media (max-width: 576px) {
	.g-bg-white-opacity-0_1--sm {
	    background-color: #fff !important;opacity: 0.1!important; } 
	.g-bg-white-opacity-0_2--sm {
    	background-color: #fff !important;opacity: 0.2!important; } 
    .g-bg-white-opacity-0_3--sm {
    	background-color: #fff !important;opacity: 0.3!important; } 
    .g-bg-white-opacity-0_4--sm {
    	background-color: #fff !important;opacity: 0.4!important; } 
    .g-bg-white-opacity-0_5--sm {
    	background-color: #fff !important;opacity: 0.5!important; } 
    .g-bg-white-opacity-0_6--sm {
    	background-color: #fff !important;opacity: 0.6!important; } 
    .g-bg-white-opacity-0_7--sm {
    	background-color: #fff !important;opacity: 0.7!important; } 
    .g-bg-white-opacity-0_8--sm {
    	background-color: #fff !important;opacity: 0.8!important; } 
    .g-bg-white-opacity-0_9--sm {
    	background-color: #fff !important;opacity: 0.9!important; } 
    .g-bg-white-opacity-1--sm {
    	background-color: #fff !important;opacity: 1!important; } 
}
    
@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */    
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 25%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

section.module.parallax-1 {
  background-image: url("https://home.myt.mu/assets2018/img/smartboxuhd/banner-myt-home7.jpg");
}
section.module:last-child {
  margin-bottom: 0;
}

section.module p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 40px 0;
}
section.module.parallax {
  height: 90vh;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
section.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 48px;
  line-height: 600px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.g-theme-bg-gray-dark-v2 {
    background-color: #3e393f !important;
}
.g-theme-bg-brown-lead-v2{
	background-image: url(https://home.myt.mu/assets/img/bg/1500x700x1.jpg);
}
.g-bg-bubbles-light-v1{
	background-image: url(https://home.myt.mu/assets2018/img/bg-money1.jpg);
}
.input-group-captcha {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-bottom: solid 1px #444;
    color: #bbb!important;
    font-weight: 300;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

@media (min-width: 768px) {
  [class*="u-nav-v5"] .nav-item {
    margin-bottom: -1px; }
  [class*="u-nav-v5"] .nav-link {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: transparent; }
  [class*="u-nav-v5"] .nav-link.active {
    border-color: #ccc; }
  [class*="u-nav-v5"].u-nav-primary .nav-link.active {
    border-color: #ffa400!important;
    color: #ffa400!important; }
  [class*="u-nav-v5"].u-nav-dark .nav-link.active {
    border-color: #333;
    color: #333; }
  [class*="u-nav-v5"].u-nav-light .nav-link {
    color: #fff; }
  [class*="u-nav-v5"].u-nav-light .nav-link.active {
    color: #fff;
    border-color: #fff; }
  .u-nav-v5-2 .nav-link {
    border-bottom-width: 2px; }
  .u-nav-v5-3 .nav-link {
    border-bottom-width: 5px; } }

.newsblue a:hover{
	    color: #003e5c!important;
}

.g-brd-newsblue{
	    color: #003e5c!important;
}

/*talk to us*/

/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
  background-color: #000;
  color: white;
  padding:12px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 15px;
  right: 80px;
  width: 280px;
}

/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 80px;
  border: 1px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 0px;
  background-color: white;
}

/* Full-width input fields */
.form-container input[] {
  border-radius:0px;
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input:focus{
  border-radius:0px;
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #000;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 1;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}

.custombox-content, .custombox-overlay {
    position: fixed;
    overflow: hidden;
    top: 0;
    width: 0%;
    height: 0%;
}

.card, .card-header {
    border-color: #ddd!important;
}
.form-control:focus, .custom-select:focus {
    border-color: #ffa400!important;
    box-shadow: none;
}

.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .open>.nav-link h4,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .active>.nav-link h4,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open h4,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active h4,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open>.nav-link h4,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active>.nav-link h4,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open h4,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active h4
{
	color: #003e5c;
    font-weight: 600;
}

.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .open>.nav-link a,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .active>.nav-link a,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open a,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active a,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open>.nav-link a,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active>.nav-link a,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open a,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active a
{
	color: #003e5c;
    font-weight: 600;
}

.g-bg-aqua-opacity-0_1 {
  background-color: rgba(41, 214, 230, 0.1) !important; }

.g-bg-aqua-opacity-0_2 {
  background-color: rgba(41, 214, 230, 0.2) !important; }

.g-bg-aqua-opacity-0_2--hover:hover {
  background-color: rgba(41, 214, 230, 0.2) !important; }

.g-bg-aqua-opacity-0_2--hover--after:hover::after {
  background-color: rgba(41, 214, 230, 0.2) !important; }

.active .g-bg-aqua-opacity-0_2--active {
  background-color: rgba(41, 214, 230, 0.2) !important; }

.g-bg-aqua-opacity-0_2--before::before, .g-bg-aqua-opacity-0_2--after::after {
  background-color: rgba(41, 214, 230, 0.2) !important; }

.g-bg-aqua-opacity-0_3 {
  background-color: rgba(41, 214, 230, 0.3) !important; }

.g-bg-aqua-opacity-0_3--hover:hover {
  background-color: rgba(41, 214, 230, 0.3) !important; }

.g-bg-aqua-opacity-0_3--hover--after:hover::after {
  background-color: rgba(41, 214, 230, 0.3) !important; }

.active .g-bg-aqua-opacity-0_3--active {
  background-color: rgba(41, 214, 230, 0.3) !important; }

.g-bg-aqua-opacity-0_3--before::before, .g-bg-aqua-opacity-0_3--after::after {
  background-color: rgba(41, 214, 230, 0.3) !important; }

.g-bg-aqua-opacity-0_4 {
  background-color: rgba(41, 214, 230, 0.4) !important; }

.g-bg-aqua-opacity-0_4--hover:hover {
  background-color: rgba(41, 214, 230, 0.4) !important; }

.g-bg-aqua-opacity-0_4--hover--after:hover::after {
  background-color: rgba(41, 214, 230, 0.4) !important; }

.g-bg-aqua-opacity-0_4--after::after {
  background-color: rgba(41, 214, 230, 0.4) !important; }

.g-bg-aqua-opacity-0_6 {
  background-color: rgba(41, 214, 230, 0.6) !important; }

.g-bg-aqua-opacity-0_6--hover:hover {
  background-color: rgba(41, 214, 230, 0.6) !important; }

.g-bg-aqua-opacity-0_6--hover--after:hover::after {
  background-color: rgba(41, 214, 230, 0.6) !important; }

.g-bg-aqua-opacity-0_6--after::after {
  background-color: rgba(41, 214, 230, 0.6) !important; }

.g-bg-aqua-opacity-0_8 {
  background-color: rgba(41, 214, 230, 0.8) !important; }

.g-bg-aqua-opacity-0_8--hover:hover {
  background-color: rgba(41, 214, 230, 0.8) !important; }

.g-bg-aqua-opacity-0_8--hover--after:hover::after {
  background-color: rgba(41, 214, 230, 0.8) !important; }

.g-bg-aqua-opacity-0_8--before::after, .g-bg-aqua-opacity-0_8--after::after {
  background-color: rgba(41, 214, 230, 0.8) !important; }

.g-bg-aqua-opacity-0_8--before--hover:hover::after, .g-bg-aqua-opacity-0_8--after--hover:hover::after {
  background-color: rgba(41, 214, 230, 0.8) !important; }

.g-bg-aqua-opacity-0_9 {
  background-color: rgba(41, 214, 230, 0.9) !important; }

.g-bg-aqua-opacity-0_9--hover:hover {
  background-color: rgba(41, 214, 230, 0.9) !important; }

.g-bg-aqua-opacity-0_9--hover--after:hover::after {
  background-color: rgba(41, 214, 230, 0.9) !important; }

.g-bg-aqua-opacity-0_9--before::after, .g-bg-aqua-opacity-0_9--after::after {
  background-color: rgba(41, 214, 230, 0.9) !important; }

.g-bg-aqua-opacity-0_9--before--hover:hover::after, .g-bg-aqua-opacity-0_9--after--hover:hover::after {
  background-color: rgba(41, 214, 230, 0.9) !important; }
 
.g-bg-cyan-opacity-0_1 {
  background-color: rgba(0,190,214, 0.1) !important; }

.g-bg-cyan-opacity-0_2 {
  background-color: rgba(0,190,214, 0.2) !important; }

.g-bg-cyan-opacity-0_2--hover:hover {
  background-color: rgba(0,190,214, 0.2) !important; }

.g-bg-cyan-opacity-0_2--hover--after:hover::after {
  background-color: rgba(0,190,214, 0.2) !important; }

.active .g-bg-cyan-opacity-0_2--active {
  background-color: rgba(0,190,214, 0.2) !important; }

.g-bg-cyan-opacity-0_2--before::before, .g-bg-cyan-opacity-0_2--after::after {
  background-color: rgba(0,190,214, 0.2) !important; }

.g-bg-cyan-opacity-0_3 {
  background-color: rgba(0,190,214, 0.3) !important; }

.g-bg-cyan-opacity-0_3--hover:hover {
  background-color: rgba(0,190,214, 0.3) !important; }

.g-bg-cyan-opacity-0_3--hover--after:hover::after {
  background-color: rgba(0,190,214, 0.3) !important; }

.active .g-bg-cyan-opacity-0_3--active {
  background-color: rgba(0,190,214, 0.3) !important; }

.g-bg-cyan-opacity-0_3--before::before, .g-bg-cyan-opacity-0_3--after::after {
  background-color: rgba(0,190,214, 0.3) !important; }

.g-bg-cyan-opacity-0_4 {
  background-color: rgba(0,190,214, 0.4) !important; }

.g-bg-cyan-opacity-0_4--hover:hover {
  background-color: rgba(0,190,214, 0.4) !important; }

.g-bg-cyan-opacity-0_4--hover--after:hover::after {
  background-color: rgba(0,190,214, 0.4) !important; }

.g-bg-cyan-opacity-0_4--after::after {
  background-color: rgba(0,190,214, 0.4) !important; }

.g-bg-cyan-opacity-0_6 {
  background-color: rgba(0,190,214, 0.6) !important; }

.g-bg-cyan-opacity-0_6--hover:hover {
  background-color: rgba(0,190,214, 0.6) !important; }

.g-bg-cyan-opacity-0_6--hover--after:hover::after {
  background-color: rgba(0,190,214, 0.6) !important; }

.g-bg-cyan-opacity-0_6--after::after {
  background-color: rgba(0,190,214, 0.6) !important; }

.g-bg-cyan-opacity-0_8 {
  background-color: rgba(0,190,214, 0.8) !important; }

.g-bg-cyan-opacity-0_8--hover:hover {
  background-color: rgba(0,190,214, 0.8) !important; }

.g-bg-cyan-opacity-0_8--hover--after:hover::after {
  background-color: rgba(0,190,214, 0.8) !important; }

.g-bg-cyan-opacity-0_8--before::after, .g-bg-cyan-opacity-0_8--after::after {
  background-color: rgba(0,190,214, 0.8) !important; }

.g-bg-cyan-opacity-0_8--before--hover:hover::after, .g-bg-cyan-opacity-0_8--after--hover:hover::after {
  background-color: rgba(0,190,214, 0.8) !important; }

.g-bg-cyan-opacity-0_9 {
  background-color: rgba(0,190,214, 0.9) !important; }

.g-bg-cyan-opacity-0_9--hover:hover {
  background-color: rgba(0,190,214, 0.9) !important; }

.g-bg-cyan-opacity-0_9--hover--after:hover::after {
  background-color: rgba(0,190,214, 0.9) !important; }

.g-bg-cyan-opacity-0_9--before::after, .g-bg-cyan-opacity-0_9--after::after {
  background-color: rgba(0,190,214, 0.9) !important; }

.g-bg-cyan-opacity-0_9--before--hover:hover::after, .g-bg-cyan-opacity-0_9--after--hover:hover::after {
  background-color: rgba(0,190,214, 0.9) !important; }
  
.g-bg-orange-opacity-0_1 {
  background-color: rgba(255,164,0, 0.1) !important; }

.g-bg-orange-opacity-0_2 {
  background-color: rgba(255,164,0, 0.2) !important; }

.g-bg-orange-opacity-0_2--hover:hover {
  background-color: rgba(255,164,0, 0.2) !important; }

.g-bg-orange-opacity-0_2--hover--after:hover::after {
  background-color: rgba(255,164,0, 0.2) !important; }

.active .g-bg-orange-opacity-0_2--active {
  background-color: rgba(255,164,0, 0.2) !important; }

.g-bg-orange-opacity-0_2--before::before, .g-bg-orange-opacity-0_2--after::after {
  background-color: rgba(255,164,0, 0.2) !important; }

.g-bg-orange-opacity-0_3 {
  background-color: rgba(255,164,0, 0.3) !important; }

.g-bg-orange-opacity-0_3--hover:hover {
  background-color: rgba(255,164,0, 0.3) !important; }

.g-bg-orange-opacity-0_3--hover--after:hover::after {
  background-color: rgba(255,164,0, 0.3) !important; }

.active .g-bg-orange-opacity-0_3--active {
  background-color: rgba(255,164,0, 0.3) !important; }

.g-bg-orange-opacity-0_3--before::before, .g-bg-orange-opacity-0_3--after::after {
  background-color: rgba(255,164,0, 0.3) !important; }

.g-bg-orange-opacity-0_4 {
  background-color: rgba(255,164,0, 0.4) !important; }

.g-bg-orange-opacity-0_4--hover:hover {
  background-color: rgba(255,164,0, 0.4) !important; }

.g-bg-orange-opacity-0_4--hover--after:hover::after {
  background-color: rgba(255,164,0, 0.4) !important; }

.g-bg-orange-opacity-0_4--after::after {
  background-color: rgba(255,164,0, 0.4) !important; }

.g-bg-orange-opacity-0_6 {
  background-color: rgba(255,164,0, 0.6) !important; }

.g-bg-orange-opacity-0_6--hover:hover {
  background-color: rgba(255,164,0, 0.6) !important; }

.g-bg-orange-opacity-0_6--hover--after:hover::after {
  background-color: rgba(255,164,0, 0.6) !important; }

.g-bg-orange-opacity-0_6--after::after {
  background-color: rgba(255,164,0, 0.6) !important; }

.g-bg-orange-opacity-0_8 {
  background-color: rgba(255,164,0, 0.8) !important; }

.g-bg-orange-opacity-0_8--hover:hover {
  background-color: rgba(255,164,0, 0.8) !important; }

.g-bg-orange-opacity-0_8--hover--after:hover::after {
  background-color: rgba(255,164,0, 0.8) !important; }

.g-bg-orange-opacity-0_8--before::after, .g-bg-orange-opacity-0_8--after::after {
  background-color: rgba(255,164,0, 0.8) !important; }

.g-bg-orange-opacity-0_8--before--hover:hover::after, .g-bg-orange-opacity-0_8--after--hover:hover::after {
  background-color: rgba(255,164,0, 0.8) !important; }

.g-bg-orange-opacity-0_9 {
  background-color: rgba(255,164,0, 0.9) !important; }

.g-bg-orange-opacity-0_9--hover:hover {
  background-color: rgba(255,164,0, 0.9) !important; }

.g-bg-orange-opacity-0_9--hover--after:hover::after {
  background-color: rgba(255,164,0, 0.9) !important; }

.g-bg-orange-opacity-0_9--before::after, .g-bg-orange-opacity-0_9--after::after {
  background-color: rgba(255,164,0, 0.9) !important; }

.g-bg-orange-opacity-0_9--before--hover:hover::after, .g-bg-orange-opacity-0_9--after--hover:hover::after {
  background-color: rgba(255,164,0, 0.9) !important; } 
.slidecine{
	  background: (#000, 0.8);
  padding: 0 1.5rem;
}
.slidecine {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.275s ease-in-out, visibility 0s 0.275s;
  transition: all 0.275s ease-in-out, visibility 0s 0.275s;
  visibility: hidden;
  will-change: transform;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.row:hover ~ .row .slidecine {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.row:hover .slidecine {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.row:hover .col-lg-3:hover ~ .col-lg-3 .slidecine {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.row:hover .col-lg-3:hover .slidecine {
  -webkit-transform: none;
          transform: none;
  visibility: visible;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.u-header__section--dark .hs-mega-menu section ul li a{
	    color: rgba(0, 0, 0, 1)!important;
}

@media (max-width: 1440px)
{	
	.truncated-1line {overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	}
	.truncated-2lines {overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	}
	.truncated-3lines {overflow: hidden;
	text-overflow: ellipsis;
	
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	}
	.truncated-4lines {overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	}
}
.rev_slider_wrapper .truncated-3lines {overflow: hidden;
	text-overflow: ellipsis;	
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/** deals **/
#bestOffers.g-bg-gray-light-v1 {
    background-color: #F8F8F8 !important;
}

.g-rounded-top-20 {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important; 
 }
 
 .u-btn-cyan {
    color: #fff;
    background-color: #00a9ce;
}

.u-btn-cyan.u-btn-hover-v1-4:hover {
    background-color: #00a9ce;
    overflow: hidden;
}
::selection {
    color: #fff;
    background-color: #003e5c!important;
}

#cinema-bread .g-color-primary {
	color: #003e5c!important;
}
.g-theme-color-bleupastel-v1 { color: #00aeef !important;}
.g-theme-color-pinkpink-v1 { color: #ec0087 !important;}
.g-theme-color-greengreen-v1 { color: #B6D900 !important;}
.u-shadow-v2111 {
    box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.07) !important;
}
.classpalegray { opacity: 0.8 !important;}


.breadcrumb:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 250%;
    opacity: 0.8 !important;
    background: #003e5c;
}

.hs-mega-menu .tab-pane ul .animated {
    -webkit-animation-duration: 300ms;
    animation-duration: 1000ms;
}

#contact .u-btn-hover-v1-4:hover {
    background-color: #003e5c;
    color: #fff;
    overflow: hidden;
}
.u-btn-white.u-btn-hover-v1-4::after, .u-btn-white.u-btn-hover-v1-4:hover::after {
    background-color: #003e5c!important;
}