body.daily-simulcast { font-family: 'Montserrat', sans-serif; letter-spacing:0;  }
.daily-simulcast .container {max-width: 1166px;}
.daily-simulcast .main-container { width:100%; height:100%; }
/*.daily-simulcast header { max-width: 100%; padding: 42px 0 42px; position: relative; left: 0; top: 0; width: 100%; background-color:#fff; z-index: 1; transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; }
.daily-simulcast header.fixed-header { position:fixed; top:0; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); padding: 30px 0; transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; z-index:2; } */
.month-list-sec.fixed { padding: 25px 0; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); position: fixed; top: 0px; left: 0; width: 100%; background-color: #fff; transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; padding:25px 0; z-index:3; }

.banner-cont h2 em { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 500; margin: 0px 0 0 0; position: relative; line-height: normal; font-size: small; padding: 0px 0 0 0; color: #000104; top: -8px; }

/*.daily-simulcast-header-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;} */
.holiday-top-banner { background-color: rgba(0,176,189, 0.5); background-image:url('images/daily-simulcast/Canadian-Flag.png'); background-repeat: no-repeat; background-position: right; background-size: 445px 100%; padding: 27px 0 18px; }
.holiday-banner-cont { display: flex; flex-wrap: wrap; }
.holiday-top-banner-wrap { padding: 0 0 0 84px; }
.holiday-banner-cont strong { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px;  }
.holiday-banner-cont span { width: calc(100% - 200px); max-width: 100%; padding: 0px 140px 0 0px; font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 29px; margin: -3px 0 0 0; }

.banner-wrap {display: flex;flex-wrap: wrap;}
.banner-lt {width: 47%;padding: 87px 0px 0 82px;}
.banner-rt {width: 53%;}
.banner-cont span { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 400; font-size: 32.2308px; line-height: 39px;color: #00B0BD; margin: 0 0 10px 0;display: block;}
.banner-cont h1 { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; font-size: 98.2271px; line-height: 90px; letter-spacing: -0.025em;  color: #00B0BD; padding: 0;margin: 0 0 30px 0;}
.banner-cont h2 { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 500; font-size: 22px; line-height: 137.4%;  letter-spacing: 0.01em;  color: #000104; padding: 0 30px 0 0;margin: 0 0 18px 0;}
.banner-cont p { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 150%; letter-spacing: 0.01em; color: #000104; }
.banner-cont {padding: 0 0 0 3px;}
.banner-bg img { max-width: 100%; margin: 100px 0 0 110px;}
.banner-section {overflow-x: hidden;}

.month-list-wrap {display: flex;flex-wrap: wrap;align-items: center;/* justify-content: center; */padding: 0 0px 0 58px;}
.month-list a {padding: 9px 30px 9px 30px; display: inline-block;vertical-align: top; position:relative; font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 500; font-size: 22px; line-height: 137.4%; letter-spacing: 0.01em; color: #000104; }
.month-list a:visited { color: #000104; }
.month-list a:before { content:""; border-bottom: 2px solid #00B0BD; position: absolute; left: 0; bottom: 0; width: 0; height: 100%; transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; }
.month-list.active a:before { width: 100%; }
/* .month-list a:hover:before { width: 100%; } */
.month-list a:hover { outline:none; text-decoration:none; }
.month-list {margin: 0 60px 0 0;}
.month-list:last-child {margin-right: 0;}

.month-list-sec {padding: 44px 0;}
.day-month-sec {background-color: rgba(241, 243, 244, 0.4);padding: 20px 0;}
.simulcast-list-wrap {display: flex;flex-wrap: wrap;margin: 0 -10px;padding: 40px 20px 14px;}
.simulcast-list {width: 25%;padding: 0 10px 50px;text-align: center;}
.day-month-heading h2 {font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 500; font-size: 28px; line-height: 137.4%; letter-spacing: 0.01em; color: #000104;}
.day-month-simulcast h3 {font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; font-size: 22px; line-height: 137.4%; letter-spacing: 0.01em; color: #00B0BD;border-bottom: 1px solid #00B0BD;padding: 0 0 2px 0;}
.day-month-wrap {padding: 30px 63px 0 84px;}
.day-month-heading {margin: 0 0 42px 0;}
.simulcast-list h4 {font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; font-size: 18px; line-height: 125%; text-align: center; letter-spacing: 0.01em; color: #000104; margin: 0 0 1px 0;}
.simulcast-list em {font-family: 'Montserrat', sans-serif; font-style: italic; font-weight: 500; font-size: 18px; line-height: 125%; text-align: center; letter-spacing: 0.01em; color: #000104; margin: 0 0 1px 0; display: block;}
.simulcast-list span {font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 125%;  text-align: center; letter-spacing: 0.01em;  color: #000104; display: block; margin: 0 0 7px 0;}
.simulcast-list span span { display: inline-block; vertical-align: top; text-transform: uppercase; }
.simulcast-list a {background: #00B0BD; border-radius: 55px;font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; display: flex; align-items: center; text-align: center; color: #000000; display: inline-block; vertical-align: middle; padding: 10px 18px;}
.simulcast-list a:visited { color: #000000; }
.simulcast-list a:hover, .simulcast-list a:focus { background-color:#000000; color: #00B0BD; text-decoration:none; }
.top-part { text-align: center; }
.simulcast-ads-wrap .simulcast-ads img { max-width:100%; }

.simulcast-ads-wrap {display: flex;flex-wrap: wrap;padding: 0 62px; }
.simulcast-ads a {/*  padding: 0 10px 10px; */ display: inline-block; vertical-align: top; }
.simulcast-ads-wrap.double-img .simulcast-ads { width: 48%;text-align: center; margin: 0 10px 0 0; }
.simulcast-ads-wrap.double-img .simulcast-ads:last-child { margin:0; }
.simulcast-ads-wrap.double-img {justify-content: center;align-items: center;}
.simulcast-ads-sec {padding: 117px 0 77px;}
.simulcast-ads { display: flex; flex-wrap: wrap; }
/* .simulcast-ads a { width: 50%; } */
/* .day-month-simulcast { margin: 0 0 60px 0; }
.day-month-simulcast:last-child { margin: 0 0 0 0; } */
.simulcast-ads-wrap.full-img { align-items: center; justify-content: center; }
.month-list-sec.mobile { display: none; }

.custom-switch { display: flex; flex-wrap: wrap; align-items: center; }
.switch { position: relative; display: inline-block; width: 32px; height: 18px; margin: 0 7px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0;   background-color: transparent; border:1.14px solid rgba(3, 79, 89, 1); -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 2px; bottom: 1px; background-color: #034F59; -webkit-transition: .4s; transition: .4s; }
.switch input:checked + .slider { background-color: transparent; }
.switch input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
.switch input:checked + .slider:before { -webkit-transform: translateX(12px); -ms-transform: translateX(12px); transform: translateX(12px); }
.header-right { margin: 10px 30px 0 0; }
.header-right .custom-switch .text { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 400; font-size: 11.3793px; line-height: 125%; display: flex; align-items: center; text-align: right; letter-spacing: 0.01em; color: #034F59; }
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
.down-icon { display: inline-block; vertical-align: top; padding: 0 0 0 82px; animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95); }
.down-icon a img { animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95); }
@keyframes bounce {
	50% {
		transform: translateY(-5px);
	}
}   

/*Responsive Css Start Here*/
@media(max-width:1200px){
	.holiday-top-banner-wrap { padding: 0 220px 0 0px; }
	.holiday-banner-cont span { max-width: 780px; padding: 0px 0 0 41px; }
	.banner-cont h1 { font-size: 88px; line-height: 1.1; }
	.banner-cont h2 { font-size:20px; }
	.banner-bg img { margin: 0; }
	.banner-lt { width: 46%; padding: 70px 0px 0 0; }
	.banner-cont { padding: 0 0 0 0; }
	.banner-cont span { font-size:28px; line-height:normal; }
	.month-list a { padding: 5px 25px 5px 25px; font-size:20px; }
	.day-month-wrap { padding: 0 40px 0 40px; }
	.simulcast-ads-sec { padding: 70px 0 70px; }
	.simulcast-ads-wrap { padding: 0 40px; }
	.month-list { margin: 0 50px 0 0; }
	.down-icon { padding: 0; }
}
@media(max-width:1024px){ 
	.banner-cont h1 { font-size: 60px; margin: 0 0 10px 0; }
	.banner-cont h2 { font-size:18px; }
	.banner-cont p { font-size: 16px; }
	.holiday-banner-cont span { font-size: 16px; line-height:1.55; }
	.holiday-banner-cont strong { font-size: 16px; }
	.banner-cont span { font-size:24px; line-height:normal; }
	.month-list-wrap { padding: 0 0px 0 0; }
	.day-month-wrap { padding: 0; }
	.simulcast-ads-sec { padding: 50px 0 50px; }
	.simulcast-ads-wrap { padding: 0 0; }
	.month-list a { padding: 5px 20px; font-size: 18px; }
	.month-list { margin: 0 40px 0 0; }
}
@media(max-width:991px){ 
	.month-list { margin: 0 30px 0 0; }
	.month-list a { padding: 5px 10px; font-size: 18px; }
	.simulcast-ads-wrap .simulcast-ads img { height:auto; }
}
@media(max-width:767px){
	/*.daily-simulcast header { padding:30px 0; }
	 body.daily-simulcast { padding-top: 84px; } */
	.month-list-sec { padding: 30px 0; }
	
	.holiday-banner-cont span { width: 100%; padding:0; }
	.holiday-top-banner { background-size: 230px 100%; }
	.holiday-top-banner-wrap { padding: 0 0 0 0px; max-width: 500px; width: 100%; }
	.holiday-top-banner { padding:12px 0; }
	
	.banner-lt { width:100%; padding: 50px 0px 0 0; }
	.banner-rt { width:100%; }
	.banner-cont h2 { padding: 0 0 0 0; margin: 0 0 10px 0; }
	.banner-cont h1 { font-size: 40px; }
	.banner-cont span { font-size: 20px; }
	
	.simulcast-ads-sec { padding: 40px 0 40px; }
	.simulcast-list { width: 33.33%; padding: 0 10px 40px; text-align: center; }
	.day-month-heading { margin: 0 0 15px 0; }
	.simulcast-list-wrap { padding:30px 0px 10px; }
	
	.month-list { margin: 0 5px 0 0; }
	.day-month-heading h2 { font-size: 24px; }
	.day-month-simulcast h3 { font-size: 20px; }
	
	.daily-simulcast-header-wrap .header-logo img { max-width: 240px; width: 100%; }
	.header-right { margin: 10px 0px 0 0; }
	
	.down-icon-wrap { text-align: center; }
	.month-list-sec.fixed { top:0; }
	
}
@media(max-width:640px){
	.holiday-top-banner-wrap { padding: 0 0 0 0px; max-width: 350px; width: 100%; }
}
@media(max-width:575px){
	.simulcast-ads-wrap.double-img .simulcast-ads { width: 100%; text-align: center; margin: 0 0 35px 0; }
	.simulcast-list { width: 50%; padding: 0 10px 30px; }
	.month-list { width: auto; text-align: center; margin: 0 0 10px 0; }
	.month-list a { padding: 5px 10px; font-size: 18px; }
	.simulcast-ads a { width: 100%; }
	
	.month-list-sec.mobile { display: block; }
	.month-list-sec { display: none; }
	
	.holiday-top-banner-wrap { padding: 0 0 0 0px; max-width: 260px; width: 100%; }
}
@media(max-width:420px){ 
	.simulcast-list { width: 50%; }
	.header-right { margin: 0; position: absolute; right: 10px; top: 5px; }
	.daily-simulcast-header-wrap .header-logo img { max-width: 200px; }
	.month-list a { padding: 5px 10px; font-size: 18px; }
	
	.holiday-top-banner-wrap { padding: 0 0 0 0px; max-width: 200px; width: 100%; }
}
@media(max-width:360px){ 
	.simulcast-list { width: 50%; padding:0 5px 25px; }
}
/*Responsive Css Ends Here*/