@font-face{font-family:'Gilroy-Light';src:url('../fonts/Gilroy-Light.ttf');
}
@font-face{font-family:'HarrietDisplay-Black';src:url('../fonts/HarrietDisplay-Black.ttf');
}



body {
font-family:'HarrietDisplay-Black', sans-serif;
}
.fnom{padding-top: 35px;}
.q-head {
    text-align: left;
    display: block;
    margin-left: 15px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 17px;
    margin-top: 19px;
}
.quest{text-align: left;
    display: block;
    margin: 30px 0px 30px 0px;
    font-weight: bold;
    font-size: 31px;
    font-family: 'HarrietDisplay-Black', sans-serif;}
.q-head:first-child{margin-top: 0px;}
.ques{margin-top: 0px;font-family:'Gilroy-Light', sans-serif;}
.mandatory{text-align: left;}
.headr img{max-width: 100%;}
.mb{display: none;}
.top h2{font-size: 35px; font-weight: bold;line-height: 42px;}
.top p{font-size: 18px; font-family:'Gilroy-Light', sans-serif;}
.top_link {
    background-color: transparent;
    padding: 11px 17px;
    color: #ffffff!important;
    text-decoration: none!important;
    margin: 20px 10px 10px 0px;
    display: inline-block;
    font-weight: bold;
    border: 1px solid;
    font-size: 13px;font-family:'Gilroy-Light', sans-serif;
}

.gry {
    color: #dfc9ee;
    font-size: 28px!important;
    font-weight: bold;
    line-height: 33px;font-family:'HarrietDisplay-Black', sans-serif!important; text-align:right;  
}
.top-header{width:100%;}
.top-header img{width:100%;display: none;}
.top {
    background-color: #f2f2f2;
    height: 600px;
    background-image: url(../images/bg.jpg);
    background-size: cover;
    background-position: center; color: #ffffff; padding-top: 60px;
}
.slider{width:100%; background:url(../images/bg.jpg) center no-repeat; height:637px; background-size:cover;}
.magType{width:1031px; margin:0 auto;}
.magContent{width:100%;padding-top:79px;}
.magLeft{width:337px; float:left;}
.magRight{width:684px; float:right;padding-left:60px; height:453px; display:table;}
.mag-apply{width:100%; height:100%; display:table-cell; vertical-align:middle;}
.magRight .mag-apply h2 {
    font-family: 'HarrietDisplay-Black', sans-serif;
    font-size: 43px;
    color: #ffffff;
    line-height: 59px;
}

.magRight .mag-apply p{font-family:'Lato-Regular'; font-size:24px; color:#ffffff; line-height:28px; margin-top:8px;}
.tfw-desc {
  padding: 70px 0 0;
    overflow: hidden;background: #000000;
     margin:0px auto 46px auto;
}
.nws {
    width:83%;
    padding:70px 55px 35px 55px;
    overflow:hidden;
    background:#000000;
    margin:-70px auto 40px auto;
}
.np{margin-top: 63px!important; font-size: 14px!important; color: #ffffff!important; text-align: left!important; 
	line-height: 18px!important;}
.icn{float: left; width: 25%;}
.contt {
    float: left;
    width: 75%;
    color: #ffffff;
    /* text-transform: uppercase; */
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    padding-left: 16px;
}
.my_box{color: #ffffff; padding: 20px 20px 0px 20px; border: 1px solid #ffffff; min-height: 255px;}
.tfw-desc h2{margin-top:0px; text-align:center; font-weight:400; font-size:39px; color:#ffffff; margin-bottom:34px; }
.tfw-desc h2 strong{font-family: 'Roboto', sans-serif; font-weight:400; font-size:45px; color:#999999;}
.tfw-desc p{line-height:25px; text-align:center; color:#ffffff; font-size:17px;font-family: 'Roboto', sans-serif;
 font-weight:300; margin-bottom:27px; }
 .headr img{margin-top: 25px;}
.tfw-desc p.nobtM{margin-bottom:0px;}
.mags h2{margin-bottom: 30px;font-size: 39px;color: #000000;}
.gtt{
    border-left: 1px solid;
    padding-left: 20px;}
.nominates{background:#eaeaea;
    padding: 50px 0px;
    text-align: center;
    margin-bottom: 32px;}
.nominate{width:100%;padding-top:30px;    
    background: #ffffff;}
.nominate h2 {
    text-align: center;
    margin-top: 0px;
    font-weight: 400;
    font-size: 39px;
    color: #000000;
    margin-bottom: 32px;
}
.nominate h2 span{ text-align:center;margin-top:0px;font-family: 'Roboto', sans-serif; font-weight:900; 
font-size:45px; color:#000000;}

.franchise-options{width:497px; margin:0 auto;padding:5px 0;  }
.franchise-options .radioOpt{width:620px; margin:0 auto;}
body{overflow-x: hidden;}
.franchise-options .radioOpt label{font-family:'Lato-Light'; font-size:14px; color:#666666; text-transform:uppercase; padding-left:4px; display:block;}
.franchise-options .radioOpt label.last-child{margin-right:0px;}
input[type=checkbox], input[type=radio]{margin:6px 4px 0px;}


.box{
        color: #fff;
        padding: 20px;

        margin-top: 20px;
    }
    .Franchisee{}
	 .Franchisor{ background: #000; }
	 
.mag-cont {
    margin-bottom: 0px;
}
.mag-pic img {
    width: 99%;
    margin-bottom: 20px;
}.mag-year {
    padding: 10px 0px 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    min-height: 70px;
}

ul.setul {
    display: flex;
    justify-content: flex-start;
    padding-left: 0;
    list-style: none;
    flex-wrap: wrap;
    margin-top: 0px;
}
ul.setul li {
    margin-bottom: 35px;
    width: 24%;
}
.prtTitle {
    display: block;
    margin-bottom: 12px;
}
ul.setul li img {
    max-width: 100%;
}
.brands {
    padding: 0px 40px 48px 40px;
}
	 /*form styles*/
#msform {
width: 100%;
margin: 0px auto 50px auto;
text-align: center;
position: relative;
}
#msform fieldset {
background: white;
border: 0 none;
border-radius: 3px;
padding: 20px 30px;
box-sizing: border-box;

margin: 0 10%;
/*stacking fieldsets above each other*/

}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
display: none;
}
/*inputs*/
#msform input, #msform textarea, #msform select {
padding: 15px 15px 15px 5px;
    border-bottom: 1px solid #ccc;
    background-color: #ffffff;
    
    margin-bottom: 15px;
    width: 47%;
    box-sizing: border-box;
   font-family:'Gilroy-Light';
    color: #2C3E50;
    font-size: 13px;
    float: left;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-right: 20px;
}
#msform input#skip1[type="button"]{width:127px}
#msform input.fullTxt{
	width:100%;	
	padding-bottom:40px;
	
}

#msform input[type="text"]:focus{outline:0px;}
#msform select:focus{outline:0px;}
#msform input[type="email"]:focus{outline:0px;}
/*buttons*/
#msform .action-button {
background: transparent;
font-weight: bold;
color: #ffffff;
background-color: #000000;
cursor: pointer;
padding: 20px 39px;
font-family:'Gilroy-Light';
margin: 40px auto 0;
width:182px;
text-transform:uppercase;
float:none;
}

#msform .action-button:hover{
	background: #000000;
	color:#fff;	
}
#msform .action-button:focus {
box-shadow:none!important;
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
border-color:transparent!important;
}
/*#msform .action-button:hover, #msform .action-button:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}*/
/*headings*/
.fs-title {
font-size: 15px;
text-transform: uppercase;
color: #2C3E50;
margin-bottom: 10px;
}
.fs-subtitle {
font-weight: normal;
font-size: 13px;
color: #666;
margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
margin-bottom: 30px;
overflow: hidden;
/*CSS counters to number the steps*/
counter-reset: step;
}
#progressbar li {
list-style-type: none;
color: #333333;
text-transform: uppercase;
font-size: 14px;
width: 33.33%;
float: left;
position: relative;
}
#progressbar li:before {
/*content: counter(step);*/
counter-increment: step;
width: 20px;
line-height: 20px;
display: block;
font-size: 10px;
color: #333;
font-family:'Lato-Regular';
background: white;
border-radius: 3px;
margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: white;
position: absolute;
left: -50%;
top: 9px;
z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
/*connector not needed before the first step*/
content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
/*#progressbar li.active:before, #progressbar li.active:after {
background: #27AE60;
color: white;
}*/

.stepbg { margin-top:60px; margin-bottom:100px;}
.stepcontainer { width:474px; margin:70px auto 0;}
ul.stepprocess li{ width:217px; float:left; background:transparent; text-align:center; height:2px; position:relative;     list-style: none;}
ul.stepprocess li:last-child { float:right;}

ul.stepprocess li .textval { position:absolute; top:-35px; text-align:center; width:205px; color:#333; text-transform:uppercase; }
ul.stepprocess li .vblk {position:absolute; text-align:center;     top: -7px; z-index:2; left:50%;}
ul.stepprocess li .vblk .upnormal { border:1px solid transparent; padding:1px; width:16px; height:16px; border-radius:10px; text-align:center; margin: 0 auto; }

ul.stepprocess li .vblk .normal { width:12px; height:12px; border-radius:10px; background:#dbdbdb; display:block; border:1px solid #dbdbdb; text-align:center; margin:0 auto;}
ul.stepprocess li.active .textval { color:#333;}
ul.stepprocess li.active .vblk .normal {background:#333; border:1px solid #333; }
ul.stepprocess li.active.finalactive .upnormal {
    border: 1px solid #333;
    background: #000;
    width: 24px;
    height: 25px;
    border-radius: 53px;
    padding: 1px;
}
.dsp{width: 25px!important;
    height: 25px!important;
    border-radius: 50px!important;}

ul.stepprocess li.active1 .vblk .normal { background:#333; border-color:#333;}

ul.stepprocess li:before {bottom: 0;
position: absolute;
content: " ";
width:50%;
height: 2px;
background-color: #dfdfdf;
z-index:1;
display: block;
right: 0px;}



ul.stepprocess li.withoutacive:before {bottom: 0;
position: absolute;
content: " ";
width:51%;
height: 2px;
background-color: #dfdfdf;
z-index:1;
display: block;
left: 0px;}


ul.stepprocess li.active2:before {
position: absolute;
content: " ";
width:50%;
height: 2px;
background-color: #333333;
z-index:1;
display: block;
left: 0px;
}

ul.stepprocess li.active1:before {
position: absolute;
content: " ";
width:49%;
height: 2px;
background-color: #333333;
z-index:1;
display: block;
right: 0px;
}

/*ul.stepprocess li:before {bottom: 0;
position: absolute;
content: " ";
width:100%;
height: 2px;
background-color: #dfdfdf;
z-index:1;
display: block;
left: 0px;}*/





/*
ul.stepprocess li:after {
position: absolute;
content: " ";
width:50%;
height: 2px;
background-color: #dfdfdf;
z-index:1;
display: block;
right: 0px;
}*/




#msform input[type=radio] { width:10%; margin-right: 0px;      padding: 0px; float:none;top: 2px;}




.checkmark {
  position: absolute;
  top: 13px;
  left: 39px;
  height: 14px;
  width: 14px;
  border:1px solid #3c3c3c;
  background-color: #000;
  border-radius: 50%;
}


.radioOpt:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.radioOpt input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.radioOpt {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*.radioOpt input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}*/
.radioOpt .divBtn{border:1px solid #333333; width:41%; float:left; margin-right:30px; padding: 10px 11px 5px;
    border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
.radioOpt .divBtn.active{ background:#333333;}
.radioOpt .divBtn.active label{color:#fff;}
.radioOpt .divBtn.active .checkmark{border: 1px solid #fff!important; background-color: #333!important;}


/*.radioOpt label{display:inline;}**/

/* Show the indicator (dot/circle) when checked */
/*.radioOpt input:checked ~ .checkmark:after {
  display: block;
  
}*/

/* Style the indicator (dot/circle) */
/*.radioOpt .checkmark:after {
 	top: 2px;
	left: 2px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}*/
#skip1{width:140px;}

.myselectclass3::-ms-expand{display:none}
.myselectclass3{-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px; text-overflow:''; 
	background:url(../images/drop-down-icon.png) no-repeat 90% center #fff!important; }
.franchise-options input[type=checkbox] {position: relative;   top: 2px;}
.fitaa { margin-top:120px;    list-style: none;}
#ftrBg {
    background: #fcfcfc;
}

.text-left:{text-align: left!important;}
.text-right:{text-align: right!important;}

h2.contectF {
    color: #000000;
    font-size: 28px!important;
    font-weight: bold;
    line-height: 33px;font-family:'HarrietDisplay-Black', sans-serif!important;padding-right: 15px;
   }
.ftrnum {
    font-size: 25px;
    color: #000;font-family:'Gilroy-Light', sans-serif;
   
    padding-top: 10px;
}
.fname {
    font-size: 20px;font-family:'Gilroy-Light', sans-serif;
    color: #000;
    font-weight: 800;
    padding-top: 5px;
}

.ename {
    font-size: 17px;font-family:'Gilroy-Light', sans-serif;
    color: #000;
   
    padding-top: 5px;
}
.ftrnum a,.ename a { color:#000; }
@media screen and (min-width:320px) and (max-width:479px){.footer {margin-top: 30px;}
	.mr0{padding: 0px!important;}	.nominate {padding-top: 0px;}
		.text-right, .text-left, .ftrnum, .fname, .ename{text-align: center!important;}
		.gtt{border: none!important; padding-left: 0px!important;}
	.my_box{margin-bottom: 20px;}
.mag-apply {display: block;text-align: center;
}
.nws{width: 100%;padding: 70px 30px;}

.top {
    background-color: #f2f2f2;
    height: 1070px;
    background-image: url(../images/bg.jpg);
    background-size: cover;
   background-position:initial;
    color: #ffffff;
    padding-top: 60px;
}
	.mb{display: block;}
	.top_link {margin: 0px auto 10px auto; display: block; text-align: center; width: 250px;}
	.magType{width:100%;}
	.magLeft{width:100%;}	
	.magLeft img{    width: 61%;
    margin: auto;
    text-align: center;
    display: block;}
	.magRight{width:100%;}
	.lft, .listing{width: 100%!important;}
	.franchise-options{width:100%;}
	.franchise-options .radioOpt{width:100%;}
	.radioOpt .divBtn{width:93%; margin-bottom:20px;}
    .listing ul, .rgt{width: 100%!important;}
	.magRight .mag-apply h2{ text-align:center;}
	.nominate h2{ font-size:25px;}
	#msform input, #msform textarea, #msform select{width:100%;}
	#msform fieldset{padding:20px 10px!important;margin:0px auto!important;width:100%;
background: transparent; 

  }
	.box{clear:both;}
	.stepcontainer {margin:30px auto 0;}
	.slider{height:auto;}
	.magRight{padding-left:0px!important; height:332px;}
	.magRight .mag-apply{vertical-align:top;}
	.magRight .mag-apply h2{font-size:30px; line-height:38px;}
	.magRight .mag-apply p{ text-align:center;}
	.tfw-desc h2 strong{font-size:28px;}
	.tfw-desc h2, .mags h2 {font-size:28px;padding: 0px 10px;}
	.textval span{display:none;}
		.stepcontainer{width: 100%;
    display: inline-block;
    float: none;position: relative;
    left: -25px;}
	ul.stepprocess li {width: 136px;}
	ul.stepprocess li .textval { width:120px;}
	.box {padding: 10px;}
	ul.stepprocess li.withoutacive:before{bottom:2px;}
	.copyright{ text-align:center; margin-bottom:20px;}
	.organised{text-align:center;}
}
@media screen and (min-width:360px) and (max-width:479px){.footer {margin-top: 30px;padding: 26px 0 !important ;}
	.mr0{padding: 0px!important;}
		.text-right, .text-left, .ftrnum, .fname, .ename{text-align: center!important;}
		.gtt{border: none!important; padding-left: 0px!important;}
		.text-right, .text-left{text-align: center!important;}
			.mag-apply {display: block;text-align: center;
}
.nws{width: 100%;padding:70px 30px 6px 30px;}	.nominate {padding-top: 0px;}
	.nominate {padding-top: 0px;}
.top {
    background-color: #f2f2f2;
    height: auto;
    background-image: url(../images/bg.jpg);
    background-size: cover;
   background-position:top;
    color: #ffffff;
    padding-top:28px;padding-bottom: 30px;
}
.my_box{margin-bottom: 20px;min-height: 191px;}
	.mag-apply p{margin-bottom: 20px; text-align: center;}
	.magRight {
    padding-left: 0px!important;
    height: 277px;}
	#msform{margin:20px auto;}
}
@media screen and (min-width:480px) and (max-width:599px){
	.nominate {padding-top: 0px;}
	.footer {margin-top: 30px;}
	.mr0{padding: 0px!important;}
		.text-right, .text-left, .ftrnum, .fname, .ename{text-align: center!important;}
		.gtt{border: none!important; padding-left: 0px!important;}
	.text-right, .text-left{text-align: center!important;}
.my_box{margin-bottom: 20px;}
.mag-apply {display: block;text-align: center;
}
.nws{width: 100%;padding: 70px 30px;}

.top {
    background-color: #f2f2f2;
    height: 1070px;
    background-image: url(../images/bg.jpg);
    background-size: cover;
   background-position:initial;
    color: #ffffff;
    padding-top: 60px;
}
	.top_link {margin: 0px auto 10px auto; display: block; text-align: center; width: 250px;}
	.magType{width:100%;}
	.magLeft{width: 80%;
    margin: 0 auto;
    float: none;}	
	.magLeft img{width:100%;}
	.magRight{width:100%;}
	ul.stepprocess li:before{bottom:2px;}
	.radioOpt{padding-left:0px;}
	.franchise-options{width:100%;}
	.franchise-options .radioOpt{width:100%;}
	.radioOpt .divBtn{width:60%; margin:10px auto 8px; float:none;}
	.stepcontainer{width:100%;}
	.magRight .mag-apply h2{ text-align:center;}
	.nominate h2{ font-size:25px;}
	#msform input, #msform textarea{width:100%;}
	#msform fieldset{padding:20px 0px!important;margin:0px auto!important;width:100%;}
	.box{clear:both;}
	.stepcontainer {margin:30px auto 0;}
	.slider{height:925px;}
	.magRight{padding-left:0px!important; height:263px;}
	.magRight .mag-apply{vertical-align:top;}
	.magRight .mag-apply h2{font-size:30px; line-height:38px;}
	.magRight .mag-apply p{ text-align:center;}
	.tfw-desc h2 strong{font-size:35px;}
	.tfw-desc h2 {font-size:35px;}
	.textval span{display:none;}
	.stepcontainer{    width: 80%;
    float: none;
    display: inline-block;}
	ul.stepprocess li {    width: 120px;}
	ul.stepprocess li .textval { width:120px;}
.box {    padding: 10px;}
ul.stepprocess li:last-child { float:left;}
ul.stepprocess li.withoutacive:before{bottom:2px;}
.copyright{ text-align:center; margin-bottom:20px;}
	.organised{text-align:center;}
			.mag-apply {display: block;text-align: center;
}
.nws{width: 100%;}

.top {
    background-color: #f2f2f2;
    height: 1070px;
    background-image: url(../images/bg.jpg);
    background-size: cover;
   background-position:initial;
    color: #ffffff;
    padding-top: 60px;
}
}

@media screen and (min-width:600px) and (max-width:767px){
	.mr0{padding: 0px!important;}
		.text-right, .text-left, .ftrnum, .fname, .ename{text-align: center!important;}
		.gtt{border: none!important; padding-left: 0px!important;}
		.text-right, .text-left{text-align: center!important;}
			.mag-apply {display: block;text-align: center;
}
.nws{width: 100%;padding: 70px 30px;}	.nominate {padding-top: 0px;}
	.nominate {padding-top: 0px;}
.top {
    background-color: #f2f2f2;
    height: 1070px;
    background-image: url(../images/bg.jpg);
    background-size: cover;
   background-position:initial;
    color: #ffffff;
    padding-top:28px;
}
.my_box{margin-bottom: 20px;}
		.mag-apply {display: block;text-align: center;
}
.nws{width: 100%;}

.top {
    background-color: #f2f2f2;
    height: 1070px;
    background-image: url(../images/bg.jpg);
    background-size: cover;
   background-position:initial;
    color: #ffffff;
    padding-top: 60px;
}
	.mb{display: block;}
	.magType{width:100%;}
	.magLeft{width:40%; float:left;}	
	.magLeft img{width:100%;}
	.magRight{width:60%; float:right;}
	
	.radioOpt{padding-left:0px;}
	.franchise-options{width:100%;}
	.franchise-options .radioOpt{width:100%;}
	.radioOpt .divBtn{width:44%;  float:left;}
	.stepcontainer{width: 60%;
    float: none;
    display: inline-block;}
	
	.nominate h2{ font-size:25px;}
	#msform input, #msform textarea{width:100%;}
	#msform fieldset{padding:20px 0px!important;margin:0px auto!important;width:100%;}
	.box{clear:both;}
	
	.slider{height:460px;}
	.magRight{padding-left:20px!important; height:263px;}
	.magRight .mag-apply{vertical-align:top;}
	.magRight .mag-apply h2{font-size:30px; line-height:38px;}
	
	.tfw-desc h2 strong{font-size:35px;}
	.tfw-desc h2 {font-size:35px;}
	.textval span{display:none;}
	.stepcontainer{width:auto;}
	ul.stepprocess li {    width: 120px;}
	ul.stepprocess li .textval { width:120px;}
.box {    padding: 10px;}
ul.stepprocess li:last-child { float:left;}
.copyright{text-align: center;}
.organised{text-align: center;
    margin-top: 20px;
}
}

@media screen and (min-width:768px) and (max-width:1023px){
	.magType{width:100%;}
	.magLeft{width:35%; float:left;}	
	.magLeft img{width:100%;}
	.magRight{width:60%; float:right;}
	
	.radioOpt{padding-left:0px;}
	.franchise-options{width:100%;}
	.franchise-options .radioOpt{width:100%;}
	.radioOpt .divBtn{width:44%;  float:left;}

	
	.nominate h2{ font-size:25px;}
	.nominate h2 span{ font-size:35px;}
	#msform input, #msform textarea{width:100%;}
	#msform fieldset{padding:20px 0px!important;margin:0px auto!important;width:100%;}
	.box{clear:both;}
	.stepcontainer {margin:30px auto 0;}
	.slider{height:460px;}
	.magRight{padding-left:20px!important; height:335px;}
	.magRight .mag-apply{vertical-align:middle;}
	.magRight .mag-apply h2{font-size:30px; line-height:38px;}
	
	.tfw-desc h2 strong{font-size:35px;}
	.tfw-desc h2 {font-size:35px;}
	.textval span{display:none;}
	.copyright{text-align: center;}
.organised{text-align: center;
    margin-top: 20px;
}

}

@media screen and (min-width:1024px) and (max-width:1199px){
	.magType{width:100%;}
  .nws {
    width: 100%;
    padding: 70px 55px 19px 55px;}
	.magLeft{width:27%; float:left;}	
	.magLeft img{width:100%;}
	.magRight{width:60%; float:right;}
	
	.radioOpt{padding-left:0px;}
	.franchise-options{width:100%;}
	.franchise-options .radioOpt{width:100%;}
	.radioOpt .divBtn{width: 27%;
    float: none;
    display: inline-block;}
/*	.stepcontainer{width:100%;}*/
	
	.nominate h2{ font-size:25px;}
	#msform input, #msform textarea{width:40%;}
	#msform fieldset{padding:20px 0px!important;width:100%;}
	.box{clear:both;}
	.stepcontainer {margin:30px auto 0;}
	.slider{height:480px;}
	.magRight{padding-left:20px!important; height:335px;}
	.magRight .mag-apply{vertical-align:middle;}
	.magRight .mag-apply h2{font-size:30px; line-height:38px;}
	
	.tfw-desc h2 strong{font-size:35px;}
	.tfw-desc h2 {font-size:35px;}
	.textval span{display:none;}
	

	
}

.copyright{font-family:'Gilroy-Light'; color:#fff;}
.organised{font-family:'Gilroy-Light'; color:#fff;}
.footer{background: #000000;
    padding: 26px 0 10px 0;}
.listing{width: 800px; margin: auto; max-width: 100%;}
.tfw-desc ul{padding: 0px; list-style: none; margin-top: 10px;}
.tfw-desc li{color: #ffffff; margin: 7px 0px; float: left; width: 100%;}
.headr{color: #ffffff!important; margin-bottom: 10px!important; font-weight: bold!important;font-size: 22px!important;}
.lft{float: left; width: 50%;}
.rgt{float: left; width: 50%;}
.num{width: 50px!important;height: 50px;background-color: #ffffff;color: #000000;padding: 9px 5px;font-weight: bold;font-size: 21px;
 border-radius: 200px;display: block;text-align: center; float: left; width:20%;}
 .dsc{float: left; padding-left: 10px; width: 80%; font-size: 16px;}


@media (max-width: 767px){
.tfw-desc p {
    line-height: 25px;
    font-size: 16px;}
  .q-head{margin-top: 20px!important;}
   .q-head:first-child{margin-top: 0px!important;}
  .mandatory{margin-bottom: 7px;}
.fnom{padding-top: 10px;}
ul.setul {
    justify-content: center;
}
ul.setul li {
    width: 50%;
}

}