@font-face {
    font-family: 'MyriadProRegular';
    src: url('fonts/MyriadProRegular.eot');
    src: url('fonts/MyriadProRegular.eot') format('embedded-opentype'),
         url('fonts/MyriadProRegular.woff2') format('woff2'),
         url('fonts/MyriadProRegular.woff') format('woff'),
         url('fonts/MyriadProRegular.ttf') format('truetype'),
         url('fonts/MyriadProRegular.svg#MyriadProRegular') format('svg');
	}
@font-face {
    font-family: 'MyriadProBold';
    src: url('fonts/MyriadProBold.eot');
    src: url('fonts/MyriadProBold.eot') format('embedded-opentype'),
         url('fonts/MyriadProBold.woff2') format('woff2'),
         url('fonts/MyriadProBold.woff') format('woff'),
         url('fonts/MyriadProBold.ttf') format('truetype'),
         url('fonts/MyriadProBold.svg#MyriadProBold') format('svg');
}


 
 .secondpart { background: #c2273f; padding: 5% 0;position: relative; width: 100%;float: left;}
 .secondpart p{font-size: 18px;color: #fff;font-family: MyriadProBold;}
 .thirdpart { padding: 4% 0;position: relative;
    width: 100%;
    float: left;}
 .Quiz{background: #caefe8;padding: 10% 10% 4%;height: 340px;margin:0 3% 0;}
 .Quiz h3{font-size: 22px;font-family: MyriadProBold;}
 .Quiz p{font-size: 17px;font-family: MyriadProRegular;}
 footer.lastpart { background: #c11a2e; position: relative; width: 100%;float: left; padding: 3.5% 0;color: #fff;}
 ul.listpart {display: flex; list-style-type: none; justify-content:center;}
 .fullcolmn { width: 100%; display: flex;padding: 5px;}
 .leftside {display: inline-block;vertical-align: middle;}
 .rightside { display: inline-block;vertical-align: middle;padding:3px 0 0 10px;}
 .insideform { border: 2px solid #4faea8; padding: 5% 5% 6%; background: #4faea8e0;border-radius: 20px; max-width: 351px;height: 480px;}
 input#name,input#Phone {  border: 0 none;border-bottom: solid 1px #fff; outline: none; width: 100%; margin: 2% 0 0;padding: 7px 0 16px; background:#4faea833; color: #fff !IMPORTANT;font-size: 14px; font-family: MyriadProRegular;}
input#age{  border: 0 none; border-bottom: solid 1px #fff;  outline: none;  width: 100%;  padding: 7px 0 16px; background: #4faea833; color: #fff !IMPORTANT; border-radius: 0px; width: 30%;float: left; margin: 3% 6% 0 0;font-size: 14px; font-family: MyriadProRegular;}
select#inputState{  border: 0 none; border-bottom: solid 1px #fff;  outline: none;  width: 100%;  padding: 3px 0 15px; background: #4faea833; color: #fff !IMPORTANT; border-radius: 0px; width: 30%;float: left; margin: 6.5% 6% 0 0;font-size: 14px; font-family: MyriadProRegular;}
input#email,#city{ border: 0 none; border-bottom: solid 1px #fff;  outline: none; width: 100%;  margin: 3% 0 0 3%;  padding: 7px 0 16px; background:#4faea833; color: #fff !IMPORTANT; border-radius: 0px; width: 60%; float: left; font-size: 14px; font-family: MyriadProRegular;}
select#inputDistrict { border: 0 none; border-bottom: solid 1px #fff;  outline: none; width: 100%;    padding: 3px 0 15px; background:#4faea833; color: #fff !IMPORTANT; border-radius: 0px; width: 60%; float: left; margin: 3% 0 0 3%;font-size: 14px; font-family: MyriadProRegular;}
input#idSubmit {  background: #b61a3c; color: #fff; padding: 2% 5%; border-radius: 10px;   border: 0; margin:0 0;font-size: 18px; font-family: MyriadProRegular;}
p.formtext {position: relative; width: 100%; float: left; padding:0 0; color: #fff; text-transform: uppercase; font-size: 10px; font-weight: bold; }
p.formtexts {position: relative; width: 100%; float: left; padding: 5% 0 0; color: #fff; text-transform: uppercase; font-size: 10px; font-weight: bold; }
.fullcolmn .rightside p a{color: #fff;}
.insideform h3{font-family: MyriadProBold; font-size: 20px; padding:0;color: #fff;}
.thirdpart h1{ font-family: MyriadProBold;font-size: 35px; color: #40a097;}
.lastpart h4{font-family: MyriadProRegular; font-size: 23px;}
.rightside p { font-size: 16px; font-family: MyriadProRegular;}
#input#idname:-webkit-autofill,#input#idPhone:-webkit-autofill,#input#idage:-webkit-autofill,select#inputState:-webkit-autofill,#input#idemail:-webkit-autofill,select#inputDistrict:-webkit-autofill,#input#idSubmit:-webkit-autofill { background-color: #4faea8 !important;}
input::-webkit-input-placeholder{color: #fff;}
input:-moz-placeholder{color: #fff;}
input:-internal-autofill-selected{background-color: none !important;}
.tc.pos {position: relative; width: 100%; float: left; }
p.mailline.text-center { font-size: 20px; font-family: MyriadProRegular;}
[visible-when-invalid]:not(.visible), form [submit-error], form [submit-success], form [submitting] {
    display: none;}
p.mailline a {color: #fff;}
select#inputState option { background: #42a197;}
p.t\&c {text-align: center; font-size: 20px; font-family: MyriadProRegular;  padding: 0 0;}

 @media only screen and (max-width: 767px) {
 ul.listpart{display: block;} .Quiz{margin: 0 0 4%;} 
 /*.banner{background: url('images/newone_Mobile-banner.png')no-repeat;height: 700px;background-size: cover; background-position: center; position: relative;} */
 .insideform{height: auto; position: relative; width: 100%;float: left;max-width: 100%;border-radius: 0px;border: none;}.insideform h3{font-size: 23px;} 
 .lastpart h4{font-size: 20px;} 
 .thirdpart h1 {font-size: 26px;} 
 .fixedbutton { position: fixed; width: 100%; bottom: 0; background: #1c5451; z-index: 999; }
 a.fixedbutton{position: fixed;width: 100%; bottom: 0; background: #1c5451; z-index: 999; left: 0; text-transform: uppercase; text-align: center; text-decoration: none;color: #fff; padding: 4% 0 0;}
 .mainpart,.formpart{padding: 0;}
 .stickybutton {position: relative; width: 100%;}
 footer.lastpart{padding: 4% 0 12%;}
 input#idSubmit{width: 100%;}
 .icon_img {padding: 3% 0 0;}
 .insideform{background: #40a097;}
.bannerinnertext {position: relative; width: 100%; float: left; padding: 0; background: #40a097; }
  .fullcolmn{margin: 0 0 0 10%;}
 
ul.listpart{display: block !important;}
  input#name, input#Phone,input#age,input#email, #city{background: #3FA097;}
  ul.listpart .fullcolmn { padding: 0 0 0 12%; text-align: center;}
  }

 @media only screen and (min-width: 768px) {
 .Madras {padding: 2% 0;}
 .bannerinnertext { position: absolute; width: 100%; top: 8%; float: left; display: block;}
 ul.listpart li { padding: 0 62px 0 0;}
 section.stickybutton { display: none;}
 form.mmqform { float: right;}
 section{ position: relative;width: 100%;float: left;}
 a.fixedbutton { display: none;}

}

@media only screen and (min-width: 768px) and (max-width: 1023px){
	.Quiz{height: 420px;padding: 13% 9% 2%;margin: 0 1% 0;}
	.insideform{max-width: 273px;}
	ul.listpart li { padding: 0 20px 0 0;} bannerinnertext {position: relative; width: 100%; top: 8%; float: left; display: block; left: 0; right: 0; padding: 0; background: #40a097; }
	.insideform {max-width: 100%; background: none; border: 0px; }
	.bannerinnertext {position: relative;background: #40a097;padding: 0 0 4%;}
	a.fixedbutton { position: fixed; width: 100%; bottom: 0; background: #1c5451; z-index: 999; left: 0; 
	text-transform: uppercase; text-align: center; text-decoration: none; color: #fff; padding: 2% 0 0; display: block;
	font-size: 18px;}
	footer.lastpart{padding: 3.5% 0 7%;}
}






/*thankyou page */

    @media only screen and (min-width: 768px) {
	/*.thankyou{background: url('http://3.7.146.25/murugappa/images/newonebanner.jpg')no-repeat;width: 100%;height:900px;background-size: contain;background-position: center;position: relative;padding: 5% 0 0;}*/
	ul.listpart_desktop,ul.listpart{padding: 3% 0 0;}
	.thankyou.messsage {position: absolute;  top: 8%; width: 100%;float: left; left: 0%;}
	.thankyou p{padding: 0 17%;}
	.rightside p { padding: 0;margin: 0;}
}
 @media only screen and (max-width: 767px) {
 	/*.thankyou{background: url('images/Thankyou-Mobile-Banner_MQ-21.png')no-repeat;height: 700px;width: 100%;}*/
 	.fullcolmn_thankyou{margin: 0 0 4%;}
 	section.lastpartthankyou h4 {color: #fff;font-family: MyriadProBold;}
 	section.lastpartthankyou { background: #3d9e94; padding: 2% 0;}
 	.thankyou.messsage{padding: 9% 6% 0 9%;position: absolute; top: 3%; left: 0;right: 0;}
 	.listpart_desktop{display: none !important;}
 	.mobile_icons {position: absolute; bottom: 30%; left: 0; right: 0; float: left; width: 100%; }
 	ul.mobile_listpart {list-style-type: none; text-align: center; padding: 0; margin: 0; } 
 	ul.mobile_listpart li{padding: 2% 0 2%;}
 }

ul.listpart_desktop li{padding: 0 2%}
 .thankyou{color: #fff;}
 .fullcolmn_thankyou {position: relative; width: 100%; float: left; display: flex; padding:2px 10px; background: #fff; color: #47969e; border-radius: 20px; } 
 .leftside {display: inline-block; vertical-align: middle; }
 .rightside {display: inline-block; vertical-align: middle; padding: 2px 0 0 10px; }
ul.listpart,ul.listpart_desktop {display: flex; list-style-type: none; justify-content: center;padding: 0;
    margin: 0; } 
.thankyou h1{font-size: 25px; font-family: MyriadProBold;}
.thankyou h3,.thankyou h4{font-size: 21px; font-family: MyriadProBold;}
.thankyou p{font-size: 17px;font-family: MyriadProRegular;}
section { position: relative; width: 100%; float: left;}
.rightside p a{color:#47969e ;}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	.mobile_icons {position: absolute; width: 100%; bottom: 37%; text-align: center; }
	ul.mobile_listpart {list-style-type: none; text-align: center; padding: 0; margin: 0; }
	ul.mobile_listpart li {padding: 4% 0 2%; }
}

/*end-thankyoupage*/


.top_text
{
	overflow: hidden;
	background: #8C8C8E;
	width: 100%;
	padding: 10px 0px;
}
.text_move {
    font-size: 18px;
    display: inline-block;
    color: #000;
}  
.text_move a
{
	text-decoration: none;
	color: #000;
} 
.top_text .text_move:nth-child(1)
{
	 animation : scrollTextStart 18s infinite;
	 transition: all 2s ease-in-out;
}
.top_text .text_move:nth-child(2)
{
	 animation : scrollTextEnd 18s infinite;
	 transition: all 2s ease-in-out;
}
.top_text .text_move:nth-child(3)
{
	 animation : scrollTextEndone 18s infinite;
	 transition: all 2s ease-in-out;
}
.text_wrap {
    width: 3000px;
}
@keyframes scrollTextStart {
  from { transform: translateX(50%); }
  to { transform: translateX(-100%); }
}
@keyframes scrollTextEnd {
  from { transform: translateX(100%); }
  to { transform: translateX(-100%); }
}
@keyframes scrollTextEndone {
  from { transform: translateX(80%); }
  to { transform: translateX(-70%); }
}

.secondpart.madrassecondbanner
{
    background:url('https://murugappa.com/media//rh3nocip/blackbannernew.png')no-repeat;
        width: 100%;
    height: auto;
    position: relative;
    background-position: top center;
    background-size: cover;
    top:-20px;
    z-index:100;
}
.secondbanner-list-sec {
    background: #7b2f10;
    width: 90%;
    padding: 20px 0px;
    margin: auto;
    display: block;
}
.secondbanner-list-sec ul
{
    padding: 0px;
    margin: 0px;
    text-align: center;
}
.secondbanner-list-sec ul li
{
    width:19%;
    padding:0px 10px;
    text-align:center;
    display:inline-block;
    vertical-align:text-top;
}
.secondbanner-list-sec ul li p
{
    padding:10px 0px 0px 0px !important;
}
section.thirdpart.sectionbannerthree h1
{
    color:#7b2f10;
}
.thirdpart.sectionbannerthree .Quiz
{
 background:#7b2f10;   
 color:rgba(255,255,255,.8);
 padding:30px 20px;
}
.thirdpart.sectionbannerthree .Quiz h3
{
    position:relative;
    margin-bottom:30px;
}
.thirdpart.sectionbannerthree .Quiz h3:after
{
    content:'';
    position:absolute;
    background:rgba(255,255,255,.9);
    width:100px;
    height:1px;
    bottom:-15px;
    left:0px;
}
footer.lastpart.footersectionnew
{
    background:#7b2f10;
    padding:25px 0px;
}
.madras-banner-text-img img {
    width: 70%;
    margin:auto;
    display:block;
    padding-top:20px;
}
section.madras-banner-section-one {
    position: relative;
    width: 100%;
    float: none;
    padding-top:10px;
    padding-bottom: 150px;
    background:#fff;
    width:100%;
}
.bannerbottomtxt
{
    position:absolute;
    bottom:0px;
}
.bannerbottomtxt img
{
    width:100%;
}
section.madras-banner-section-one .row
{
    align-items:center;
}
.banner_form .insideform
{
    background:#7b2f10;
    width:100%;
    height:auto;
    padding:40px 20px;
    position:relative;
    z-index:100;
    border:0px;
}
input#name, input#Phone,input#age,input#email, #city
{
    background:transparent;
}
.banner_form .tc.pos
{
    float:none;
    color:#7b2f10;
    margin:30px 0px 0px 0px;
}
.banner_form input#idSubmit
{
      background:#fff;
    color:#7b2f10;
    font-family: MyriadProBold;
        text-transform: uppercase;
}
.mobile-banner-madras
{
    display:none;
}
.thankmsgcontent
{
    padding:50px 0px 100px 0px;
    position:relative;
    color:#7b2f10;
    text-align:center;
}
.thankmsgcontent h1
{
    color:#7b2f10;
    font-size:27px;
    margin:0px 0px 20px 0px;
    font-family: MyriadProBold;
}
.thankmsgcontent img
{
   display: block;
    position: relative;
    margin: 0px auto 30px auto;
}
.linebg
{
    background:#7b2f10;
    width:170px;
    height:2px;
    left:0;
    right:0;
    margin:0px auto 20px auto;
}
.thankmsgcontent p
{
    color:#7b2f10;
    font-size:20px;
    margin:0px 0px 20px 0px;
    font-family: MyriadProRegular;
}
.thankmsgcontent p span
{
    display:block;
}

@media (min-width: 993px) and (max-width: 1199px)
{
.madras-banner-text-img img
{
    width:85%;
}
    
}
@media (min-width: 768px) and (max-width: 992px)
{
    .secondbanner-list-sec
    {
        width:100%;
    }
    .secondbanner-list-sec p
    {
        font-size:16px;
    }
    a.fixedbutton.new
    {
        display:none;
    }
    .thankmsgcontent {
    padding: 50px 0px 50px 0px;
}
.madras-banner-text-img img
{
    width:90%;
}
}
@media (max-width: 767px)
{
    .madras-banner-text-img img
    {
        width:100%;
    }
    .secondbanner-list-sec ul li
    {
        width:48%;
        padding:15px 10px;
    }
    .secondbanner-list-sec
    {
        width:96%;
    }
    .bannerbottomtxt,.madras-banner-text-img
    {
        display:none;
    }
    .mobile-banner-madras
    {
        display:block;
    }
    section.madras-banner-section-one
    {
        padding-bottom:30px;
    }
    .banner_form {
    margin: 20px 0px;
    border-radius: 10px;
}
.secondpart.madrassecondbanner
{
    top:0px;
}
.thankmsgcontent p
{
    font-size:17px;
    margin-bottom:20px;
}
.thankmsgcontent p span
{
    display:inline;
}
footer.lastpart.footersectionnew.thankyou
{
    margin-top:-80px;
}
.thankmsgcontent
{
    padding:40px 0px 20px 0px ;
}
a.fixedbutton.new
{
    background:#fff;
    text-transform:initial;
    color:rgba(123,47,16,1);
    border:1px solid #7b2f10;
        font-family: MyriadProBold;
}
footer.lastpart.footersectionnew
{
    padding-bottom:60px;
}
.quizbody
{
    overflow-x:hidden;
}
}