@charset "utf-8";
/* CSS Document */
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 22, 2019 */







body { padding:0px;margin:0px; color:#002954; font-size:14pt; line-height:18pt; background-color:inherit; font-family:'Roboto',Roboto,Helvetica Neue,Helvetica,Arial,sans-serif; background-color: #172fa1; }
.logo-container { position:absolute; top:0px;left:145px;}
.p0 { padding:0px !important;}
.m0 { margin:0px !important;}
.mb0 {margin-bottom:0px !important;}
.bordertopgreen { border-top: solid 10px #6f43d4;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #555555;
	font-family:'Roboto',Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #555555;
	font-family:'Roboto',Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #555555;
	font-family:'Roboto',Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
  color: #555555;
	font-family:'Roboto',Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
}
.logo-header .logo_container { position:absolute; right:0;top:20px; }

.title_font { font-size:22pt; line-height:29pt; font-family:'Roboto',Roboto,Helvetica Neue,Helvetica,Arial,sans-serif; text-align:center; text-transform:uppercase; letter-spacing:3px; padding:15px 0px;}
.subtitle_font { font-size:15pt; line-height:20pt; font-family:'Roboto',Roboto,Helvetica Neue,Helvetica,Arial,sans-serif; text-align:center;  letter-spacing:3px; padding:15px 0px; color:#EEEEEE; }
.gray_bold {font-family: 'Roboto',Helvetica Neue,Helvetica,Arial,sans-serif; font-weight: 700;}
.under_line { border-bottom:solid 2px #939598; padding-bottom:1px;}
.blue_bg { background-color:#002954;}
.form_container { padding:60px 80px 30px 80px;}
.footer { padding:40px 0px 0px 0px;}
.selected_class { border:solid 3px #002954;}
.bg-blue { background: rgb(0,62,129);
background: linear-gradient(90deg, rgba(0,62,129,1) 0%, rgba(91,193,230,1) 50%, rgba(0,62,129,1) 100%);}
.bg-dark-blue {background: rgb(5,72,142);
background: linear-gradient(90deg, rgba(5,72,142,1) 0%, rgba(23,93,163,1) 50%, rgba(5,72,142,1) 100%);}
.bg-red { background: rgb(169,0,9);
background: linear-gradient(90deg, rgba(169,0,9,1) 0%, rgba(220,4,17,1) 50%, rgba(169,0,9,1) 100%);}
.bg-red-solid { background-color: #bc191a;}
.tc-bg { background-color: #68bfac;
    border-top: solid 5px #68aade;
    margin-top: 20px !important;}
.white-color { color: #FFF;}
.prize-white-bar {background-color: #fff; border-top: solid 20px #c31618; border-bottom: solid 20px #c31618;}
.grand-border {border-radius: 50%;border: solid 20px #c31618;}
.grand-prize-pic {}
.css_btn { text-align: center;
    background-color: #4273bf;
    padding: 7px 55px;
    border: solid 3px #c1e6ff;
    margin-top: 2px;
    font-size: 13pt;
    border-radius: 15px; }
.fnt13 { font-size: 9pt !important;
    line-height: 15px !important;
    text-align:justify;
    letter-spacing: 0; color: #fff; padding: 0px; font-weight: 300;}
.fnt13 a {color: #73f870;}
.css_btn:hover { background-color:#FFF;color:#002954;border:solid 3px #FFF;}
.input_box { border:0px; border-radius:0px; padding:7px 25px; height:38px;font-family: 'Roboto',Helvetica Neue,Helvetica,Arial,sans-serif ;  font-size:10pt; font-weight: 900 }
.class-item-container { position:relative; overflow:hidden; margin-bottom:35px;}

.class-item-container:hover { cursor: url('pasta.png'), auto;}
.text-container { position:absolute;width:100%;padding:5%;background-color:#002954; color:#FFF;font-family: 'Roboto',Helvetica Neue,Helvetica,Arial,sans-serif; text-align:center; bottom:0px; text-transform:uppercase; }


.text-container-hover {  position:absolute;width:100%;padding:7% 10%; height:100%; background-color:rgba(0,41,84,0.8); color:#FFF;font-family: 'Roboto',Helvetica Neue,Helvetica,Arial,sans-serif; text-align:center; bottom:0px; overflow:hidden; text-transform:uppercase; display:none; }
.text-container-hover .title_text_hover {
    font-size: 13pt;
    letter-spacing: 4px;
    line-height: 18pt;
	font-family: 'Roboto',Helvetica Neue,Helvetica,Arial,sans-serif;
}
.text-container-hover .date_text_hover {
    font-size: 10pt;
    line-height: 12pt;
    letter-spacing: 2px;
}
.text-container-hover .course_for {
    padding: 15px 25px;
    font-size: 11pt;
    border-top: solid 1px #eeeeee;
    margin: 25px 0px 20px 0px;;
    border-bottom: solid 1px #eeeeee;
	letter-spacing:3px;
	line-height:18pt;
}

.text-container-hover .timing_hover {
    font-size: 12pt;
    padding-bottom: 15px;
}
.text-container-hover .location_hover{
    font-size: 12pt;
    padding-bottom: 15px;
}
.text-container-hover .book_now {
    font-size: 10pt;
    padding: 3px 20px;
    border: solid 1px #EEEEEE;
    display: inline-block;
}


.class-item-container.selected_class .text-container {display:block !important;} 
.text-container .title_text {font-size:15pt;letter-spacing:4px; line-height:21pt;}
.date_text {font-family: 'Roboto',Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;font-size:11pt;letter-spacing:4px; line-height:18pt; padding-top:7px;}
.class_type_selector {position:absolute; bottom:15px; z-index:-1; }
.bold-font {font-family: 'Roboto',Helvetica Neue,Helvetica,Arial,sans-serif; font-weight: 900 !important;;}
.error {border:solid 2px #C12A1A;}
.loading { padding: 10px 0px;
    color: #eef880;
    font-size: 15px;}
.gap { height:20px; clear:both;}
.right-side-form { border: solid 6px #c1e6ff;
    padding: 35px 35px 25px 35px;
    background-color: #5275af;
    color: #FFF;
    border-radius: 30px;}
.text-content { font-size:14pt; line-height:17pt;  }
.row-eq-height {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.banner-text { position:absolute;top:25px;left:50px; font-size:25px; font-size:38px;line-height:40px;}
.content-sec { padding:20px 20px 0px 0px !important;}
.subtitle { font-size:17px;color:#003550;}
.bg_blue_title { background-color:#003550; padding:4px 15px; font-size:15px; color:#FFF; margin:10px 0px;}
.single-item p {font-size:13px; line-height:16px; text-align:center; color:#00aeef;}
.right-content-box { background-color:#003550; padding:20px; margin-top:20px; color:#FFF; min-height:270px;}
.right-content-box div { font-weight:700; padding-bottom:8px;}
.right-content-box p { font-size:16px; padding:4px 0px;}
.success { color:#0b4d9a !important; font-size:12px;}
.thank-you-msg { font-size:24px; line-height:31px;padding:70px 20px;}
label.cameraButton {
  display: inline-block;
    margin: 5px 5px 5px 0px;
    padding: 7px 15px;
    border: 1px solid #FFF;
    background-color: #212f56;
    font-size: 9pt;
    width: 100%;
    text-align: center;
	font-weight: 900;
}

/* Look like a clicked/depressed button */
label.cameraButton:active {
  border-color: #CCC #EEE #EEE #CCC;
}

/* This is the part that actually hides the 'Choose file' text box for camera inputs */
label.cameraButton input[accept*="camera"] {
  display: none;
}
label.uploadReceipt {
  display: inline-block;
 margin: 5px 5px 5px 0px;

  /* Styles to make it look like a button */
  padding:5px 15px;;
  border:3px solid #FFF;
  background-color: #fe91a1;
	font-size: 10pt;
}

/* Look like a clicked/depressed button */
label.uploadReceipt:active {
  border-color: #CCC #EEE #EEE #CCC;
}

/* This is the part that actually hides the 'Choose file' text box for camera inputs */
label.uploadReceipt input {
  display: none;
}
#selected_file {font-size: 12px;height: 12px;
    display: inline-block;}
h2.section-title { padding: 10px 0px 0px 0px; font-weight: 900; font-size:35pt; }
p.section-sub-title-1 { padding: 20px 0px 10px 0px;  font-size:23pt; font-weight: 900; line-height: 25pt; }
.single_step { 
	text-align: center;
    background-color: #5275af;
    padding: 25px 45px;
    min-height: 400px;
    border: solid 4px #c1e6ff;
    border-radius: 20px;
}
.step_icon_text {font-size: 15pt;color: #FFF;   text-transform: uppercase;
    background-color: #3a60ab;
    padding: 7px 20px;
    display: inline-block;
    margin: 15px 0px;
    border-radius: 10px;
}
.step_name {    padding: 13px 0px;
    font-size: 18pt;
    font-weight: 700;
    color: #be0738;}
.step_info {
    font-size: 15pt;
    line-height: 18pt;
    color: #fff;
    font-family: 'Roboto',Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 300 !important; 
	margin-top: 25px;
    /* text-transform: uppercase; */
}
.pr0 { padding-right: 0px !important;}
.pl0 { padding-left: 0px !important;}
.gift-message-head {padding: 50px 0px 0px 0px;
    font-size: 25px;
    font-weight: 700; }
.gift-message {padding: 10px 0px;
    font-size: 17px;
    line-height: 22px;}
p{margin: 0 0 10px;
    font-size: 13pt;
    line-height: 23px;}
h2.section-sub-title {
    text-align: center;
    margin: 0px;
    font-size: 27px;
    font-weight: 700;
}
.single-prize {text-align: center;}
.single_price_text .prize-text {
    padding: 6px 9px;
   
    display: inline-block;
    color: #FFF;
    font-size: 20pt;
    font-weight: 300;
    line-height: 30pt;
}
.first-line { font-size: 30pt;}
.grand .first-line { font-size: 43pt !important; line-height: 44pt;}
.grand .second-line { font-size: 34pt !important;}
.bg-light {
	background-color: #ecedec;
}
.bg-footer{
	background-color: #0b3c99;
	
}
.bg-card {
	background: url(../images/step-bg.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 380px;
}
.recipe-bg {
	background: url(../images/recipe-bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	padding: 60px 0px 20px 0px !important;
	min-height: 600px;
  
}
.how-to-bg {
	background: url("../images/how_to_participate.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 
}
.prize-bg {

 
}
.recipe-text {font-size: 30pt;
    color: #fff;
    line-height: 32pt;
    padding: 50px;}
.footer-contents {padding: 20px 0px; font-size: 14px; color:#fff;}
.footer-contents a {color: #fff;}
ul.tc li {font-size:11pt;line-height: 13pt;padding-bottom: 15px;}
.tc {font-size:11pt;line-height: 13pt;}
.fixedTop {
    position: fixed;
    z-index: 999999;
    border-bottom: solid 1px #6a6d6d;
    width:100%;
}
div#topHeader {
    background-color: #0b3c99;
	border-bottom: solid 10px #68aade;
	
}
ul.navigation {
    padding: 0;
    margin: 25px 0px;
}
ul.navigation li {
    display: inline-block;
    padding: 7px 1px;
}
ul.navigation li a:hover { background-color: #275569;}
a.scroll {
    font-size: 10pt;
    text-transform: uppercase;
    font-weight: 900;
    color: #FFF;
    background-color: #4a8bc3;
    padding: 10px 20px;
    border-radius: 20px;
    /* box-shadow: 2px 4px 2px #c1e6ff; */
    text-decoration: none;
    border: solid 3px #c1e6ff;
}
a.scroll2 {
    font-size: 10pt;
    text-transform: uppercase;
    font-weight: 900;
    color: #FFF;
    background-color: #4a8bc3;
    padding: 10px 20px;
    border-radius: 20px;
    /* box-shadow: 2px 4px 2px #c1e6ff; */
    text-decoration: none;
    border: solid 3px #c1e6ff;
}

a.active_secton_menu {color: #fff; background-color: #275569; text-decoration:none;}
.lg-purple {background-color: #f7b2bf;}
h3.egifttitle {
    margin: 0px 0px 10px 0px;
    font-size: 19px;
    font-weight: 300;
}
.egiftstep .steptext {
    font-size: 14px;
    line-height: 17px;
	
}
.egiftstep {
    text-align: center;
    padding: 5px 6px 10px 4px;
    background-color: rgba(232,232,232,.7);
    margin: 0px 5px 30px 0px;
    width: 24%;
	border-radius: 9px;
}
.egiftstep .stepno {
    font-size: 22px;
    font-weight: 700;
    padding: 8px 0px;
}
.stepicon {
    padding-top: 8px;
}
/*.price-details {padding:180px 0px 150px 0px; } */
.price-details  table {border:solid 1px #CCC;}
.price-details table thead { background-color: #f7b2bf;}
.price-details table thead tr td {font-weight:300; font-size: 18px;}
.price-details table td {padding: 5px 10px !important;font-size: 17px; }
.pr0 { padding-right: 0px !important;}
.lg-link-head {padding:90px 30px 40px 30px; font-size:34px;text-align: center;}
a.lglinkbtn {
    display: inline-block;
    margin: 0px 0px;
    font-size: 35pt;
    text-decoration: none;
    text-transform: uppercase;
    padding: 20px 40px;
    background-color: #1b4d75;
    color: #fff;
    border-radius: 10px;
}
.fntRoboto {  font-family: 'Roboto',Helvetica Neue,Helvetica,Arial,sans-serif ; font-weight: 300;}
.form-group { margin-bottom: 10px;}
.line1 {text-transform: uppercase;
    color: #0b4d9a;
    font-size: 10pt;
    text-align: center;
    line-height: 11pt;
    font-weight: 900;
	margin-top: 10px;}
.line2 {    text-transform: uppercase;
    color: #0b4d9a;
    font-size: 13pt;
    text-align: center;
    font-weight: bold;
    line-height: 4pt;
    margin-bottom: 15px;}
.step-no {
        font-size: 9pt;
    color: #fff;
    background-color: #f8a904;
    padding: 2px 10px;
    display: inline-block;
    margin: 15px 0px;
	border-radius: 10px; 
}
.prize-text {
    position: absolute;
    width: 145px;
    height: 145px;
    background-color: #0b4d9a;
    color: #fff;
    padding: 15px;
    border: solid 3px #fff;
    border-radius: 50%;
    font-size: 11pt;
    font-weight: 900 !important;
    top: 25px;
    line-height: 16pt;
    left: -32px;
}
.prize-text.runner2 {
    right: -35px;
    left: inherit;
}
.prize-text.grand {
	width: 210px !important;
	height: 200px !important;
	right:20px;
    left: inherit;
	top: inherit;
	bottom: 20px;
	padding: 40px 12px;
}
.prize-text.grand .prize-text-l1 {font-size: 18pt;}
.prize-text.grand .prize-text-l2 {font-size: 17pt; line-height: 18pt;}
.prize-text-l1 { font-weight: 900 !important; color: #3ec8f5; line-height: 12pt;}
.bar {  color: #3ec8f5; padding: 0px 0px; 
    text-align: center;
    border: solid 2px #3ec8f5;
    z-index: 99999;
    display: inline-block;
    line-height: 0px; width:25px;} 
.prize-text-l2 { font-weight: 300 !important; color: #fff;line-height:22pt; font-size: 18pt;}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
	a.tr.scroll2 {
	display: block !important;
	text-align: center;
	margin-bottom: 10px;
}
	.picture-title img {width:100%;}
	.prize-text.runner2 {
    right: inherit;
    left: inherit;
    top: 75px;}
	.headlineBox {font-size: 1em !important;padding: 15px 20px !important;}
	.partbrands img {width: 100% !important;}
	.right-side-form {margin: 20px !important; padding: 25px 10px !important;}
	.line2 { line-height: 14pt;}
	.mob_lang { padding: 20px 5px; }
	.headlineBox.grand-prize-pic { position: relative !important;top: inherit;
    left: inherit;  padding-bottom: 15px;}
	.first-line {    font-size: 33pt;    line-height: 33pt;	}
	.second-line {
    font-size: 22pt;
    line-height: 25pt;
}.single_price {
    padding: 20px 0px;
}
	.recipe-text {
    font-size: 24pt;
    color: #fff;
    line-height: 27pt;
    padding: 0px; 
}.induge {
    padding-top: 20px;
}
	a.lglinkbtn {
    display: inline-block;
    margin: 0px 0px;
    font-size: 21pt;
    text-decoration: none;
    text-transform: uppercase;
    padding: 9px 30px;
    background-color: #1b4d75;
    color: #fff;
    border-radius: 10px;
}
	p.section-sub-title-1 { line-height: 21pt; font-size: 16pt;}
	.step_info {
    color: #FFF;
    padding: 10px 10px 30px 10px;
		margin-top: 0px;
}
	.step_icon_text { /*color:#083787 !important; */}
	.grand-prize-pic img {width: 100% !important;}
	.grand-border { width: 100% !important;}
	.lg-link-head {padding: 30px 20px 20px 20px !important;font-size:24px;}
	.price-details {padding:10px 0px;}
	.logo {text-align: center;}
	.logo-container { position:absolute; top:0px;left:30px;}
	.logo img { width:195px;}
	.fnt13 { font-size: 9pt !important;
    line-height: 15px !important;
    text-align: left;
    letter-spacing: 0; color: #fff !important; padding: 0px; font-weight: 300;}
	.form_container { padding:40px 40px 20px 40px;}
	.title_font {font-size: 19pt !important;line-height: 23pt !important;padding:10px 0px !important;}
	.text-container .title_text {font-size: 11pt !important;letter-spacing: 4px !important;line-height: 19pt !important;font-family: 'Roboto',Helvetica Neue,Helvetica,Arial,sans-serif;}
	.date_text { padding:0px !important; font-size:10pt !important; }
	.subtitle_font {font-size: 16pt !important; margin:0px;}
	.subtitle_font.fnt13 { font-size:9pt !important;}
	.footer img {width:110px;}
	.subtitle_font.fnt13.mobfooter {font-size:10pt !important;}
	.mb35 {margin-bottom:35px;}
	.banner-text { top:25px; left:35px; font-size:24px;line-height:25px;}
	.header-banner { padding:0px;}
	.served_det { font-size: 14px;}
	.input_box 	{font-size:10pt !important;}
	.single-item {min-height:123px;}
	.mob-menu {padding: 0px; margin: 0px;}
	.mob-menu nav {display: none;}
	ul.navigation {padding: 0;    margin: 5px 0px;}
	a.scroll {font-size: 13px;}
	ul.navigation li {
    display: inline-block;
    padding: 4px 9px 10px 9px;}
	.single_step {margin-bottom: 20px;
  
		color: #FFF;
    width: 100%;
    float: left;
    border-radius: 20px;
		text-align: center; padding-bottom: 30px;}
	.mob-hide {display: none !important;}
	.gift-message {
    padding: 20px 0px;
    font-size: 17px;
		line-height: 27px;}
 .single_step {margin-bottom: 20px;   text-align: center; min-height: auto !important; 
}
	.prize-text {
    position: absolute;
    width: 135px;
    height: 135px;
    background-color: #0b4d9a;
    color: #fff;
    padding: 15px;
    border: solid 3px #fff;
    border-radius: 50%;
    font-size: 10pt;
    font-weight: 900 !important;
    top: 61px;
    line-height: 16pt;
    left: -5px;}
	.prize-text.grand {
    width: 200px !important;
    height: 200px !important;
    right: 20px;
    left: inherit;
    top: inherit;
    bottom: -100px;
    padding: 40px 12px;
}
	ul.tc.white-color.fntRoboto {
    margin: 0px;
    padding: 0;
}
	h2.section-title { padding: 5px 0px 10px 0px; font-weight: 700; font-size:28px; min-height: 72px; }
	.egiftstep { width:inherit !important;}
}
		

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	
	}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
     .logo-container { position:absolute; top:0px;left:50px;}
	.logo-container img { width:170px;}
 }

.contenHeadline {
    width: 100%;
    height: auto;
    min-height: 30px;
    background: url(../images/line.png) repeat-x center center;
    text-align: center;
    margin: 80px 0 20px 0;
}
.headlineBox {
	    width: auto;
    display: inline-block;
    height: auto;
    border: 3px solid #c1e6ff;
    padding: 0.7em 40px 0.7em 40px;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 900;
    font-style: normal;
    color: #FFF;
    font-size: 1.3em;
    background: #4a8bc3;
    border-radius: 35px;
}
.yellowcolor { color: #ffed02;}
.whitecolor {color: #FFF;}
p.txt {font-size: 15pt; padding: 10px 0px;}
.left_curve { border-bottom-left-radius: 35px; border-top-left-radius: 35px;}
.right_curve { border-bottom-right-radius: 35px; border-top-right-radius: 35px;}


.gpbg { background-color:#4348ea; min-height: 285px !important;}
.white-color { color: #FFF !important;}
