@charset "utf-8";



/* CSS Document */



.cf:before,

.cf:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}



.cf:after {

  clear: both;

}





/**

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */



.cf {

  *zoom: 1;

}



@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);



/*@font-face {

	font-family:'MyriadPro-BoldCond';

	src: url('../fonts/MyriadPro-BoldCond_gdi.eot');

	src: url('../fonts/MyriadPro-BoldCond_gdi.eot?#iefix') format('embedded-opentype'),

		url('../fonts/MyriadPro-BoldCond_gdi.woff') format('woff'),

		url('../fonts/MyriadPro-BoldCond_gdi.ttf') format('truetype'),

		url('../fonts/MyriadPro-BoldCond_gdi.svg#MyriadPro-BoldCond') format('svg');

	font-weight: 700;

	font-style: normal;

	font-stretch: condensed;

	unicode-range: U+0020-25CA;

}

@font-face {

	font-family:'Raleway-Bold';

	src: url('../fonts/Raleway-Bold_gdi.eot');

	src: url('../fonts/Raleway-Bold_gdi.eot?#iefix') format('embedded-opentype'),

		url('../fonts/Raleway-Bold_gdi.woff') format('woff'),

		url('../fonts/Raleway-Bold_gdi.ttf') format('truetype'),

		url('../fonts/Raleway-Bold_gdi.svg#Raleway-Bold') format('svg');

	font-weight: 700;

	font-style: normal;

	font-stretch: normal;

	unicode-range: U+0020-00FE;

}

@font-face {

	font-family: 'Conv_BebasNeue';

	src: url('../fonts/BebasNeue.eot');

	src: local('☺'), url('../fonts/BebasNeue.woff') format('woff'), url('../fonts/BebasNeue.ttf') format('truetype'), url('../fonts/BebasNeue.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}*/



body {

  font-family: 'Open Sans', sans-serif;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0px;

  padding: 0px

}



p {

  margin: 0px;

  padding: 0px

}



ul {

  margin: 0px;

  padding: 0px;

  list-style: none

}



ul li {

  margin: 0px;

  padding: 0px

}



a {

  text-decoration: none

}



.navbar-default {

  background: none;

  border: none

}



.navbar {

  margin-bottom: 0px

}



#header {

  background: #f1f1f1;

  padding: 10px 0px;

}



.logo img {

  margin: 0px auto;

  max-width: 150px

}



.logo span a {

  display: block

}



#medal_section {

  padding: 20px 0px;

}



#medal_section h1 {

  text-align: center;

  font-family: 'Raleway-Bold';

  color: #3b3b3b;

  font-size: 48px;

  padding: 20px 0px;

}



.form_box {

  border: 1px solid #e6e6e6;

  background: #fcfcfc;

  margin: 20px 0px;

  border-radius: 6px;

}



.form1 h2 {

  background: #ba131b;

  padding: 15px 10px;

  color: #FFF;

  font-family: 'MyriadPro-BoldCond';

  font-size: 30px;

}



.col-form-label {

  text-align: right;

  font-family: 'Open Sans', sans-serif;

  font-size: 16px;

  font-weight: 600;

  padding: 4px 0px 0px 0px

}



.fom {

  padding: 20px 10px;

}



.form-group {

  margin-bottom: 8px;

}



.form-control {

  border: 1px solid #eeeeee;

  box-shadow: none;

  font-family: 'Open Sans', sans-serif;

  font-size: 16px;

  height: 37px;

}



.form-control::-moz-placeholder {

  color: #c7c7c7;

  opacity: 1;

  font-style: italic

}



.form-control:-ms-input-placeholder {

  color: #c7c7c7;

  font-style: italic

}



.form-control::-webkit-input-placeholder {

  color: #c7c7c7;

  font-style: italic

}



.pade {

  padding: 20px 10px;

}



.marg {

  margin: 5px 0px;

}



.text_fom {

  background: #d7f1d6;

  padding: 15px 10px;

}



.text_fom h3 {

  font-weight: 700;

  font-size: 18px;

  color: #000;

}



.text_fom p {

  font-weight: 600;

  font-size: 17px;

  color: #000;

  padding: 8px 0px;

}



.fom_text {

  font-size: 16px;

  font-weight: 400;

  font-style: italic;

  padding: 6px 0px 0px 0px;

}



.pad2 {

  padding: 0px;

}



.pad1 {

  padding-right: 0px;

}



.fom2 {

  background: #eaeaea;

  padding: 10px;

}



.pade1 ul li {

  float: left;

  width: 50%;

  font-weight: 600;

  font-size: 15px;

}



.pade1 {

  padding: 5px 10px;

}



.border {

  border-top: 1px solid #505050;

  padding: 5px 0px 0px;

  margin: 5px 0px 0px;

}



.left_text {

  text-align: left;

}



.right_text {

  text-align: right;

}



.btn-primary {

  width: 100%;

  background: #00a12a;

  border: 1px solid #00a12a;

  padding: 10px 10px;

  font-weight: 700;

  font-size: 20px;

}



.btn_class {

  padding: 20px 10px;

  color: #FFF;

}



.icon img {

  margin: 0px auto;

}



.icon {

  padding: 0px 0px 20px;

}



.garnti_box h3 {

  text-align: center;

  font-size: 22px;

  font-weight: 700;

}



.garnti_box h2 {

  text-align: center;

  font-size: 30px;

  font-weight: 700;

  color: #bb131b;

  padding: 10px 0px;

}



.garnti_box {

  padding: 20px 0px;

}



.garnti_box img {

  margin: 0px auto;

}



.garnti_box p {

  font-weight: 400;

  font-size: 17px;

  text-align: center;

  padding: 10px 50px;

}



.box {

  position: relative;

  border: 1px solid #e0e0e0;

  padding: 10px;

  border-radius: 3px;

}



.aro_box {

  position: absolute;

  bottom: -15px;

  left: 0px;

  right: 0px;

}



.aro_box img {

  margin: 0px auto;

}



.pra {

  padding: 10px;

}



.pra p {

  font-size: 15px;

  font-weight: 300;

  color: #2b2b2b;

  min-height: 421px;

}



.slid_img {

  text-align: center;

  padding: 25px 0px 0px 0px;

}



.slid_img img {

  margin: 0px auto;

}



.slid_img h3 {

  font-weight: 700;

  font-size: 14px;

}



.slid_img p {

  font-weight: 600;

  font-size: 14px;

}



#video_section {

  padding: 20px 0px 40px;

  background: #c4484f;

  background-size: cover;

  position: relative;

}



#video_section h1 {

  text-align: center;

  font-size: 42px;

  line-height: 52px;

  color: #FFF;

  padding: 20px 0px;

  text-transform: capitalize;

}



#video_section p {

  text-align: center;

  color: #FFF;

  font-family: 'Open Sans', sans-serif;

  font-weight: 400;

  font-size: 16px;

}



#video_section p::before {

  background: url(../images/sound.png) no-repeat left center;

  content: "";

  display: inline-block;

  height: 28px;

  margin-top: 0px;

  vertical-align: middle;

  width: 60px;

  padding: 0px 5px;

  margin-left: 8px;

  margin-right: 0px;

}



#video_section p::after {

  background: url(../images/sound1.png) no-repeat left center;

  content: "";

  display: inline-block;

  height: 28px;

  margin-top: 0px;

  vertical-align: middle;

  width: 60px;

  padding: 0px 5px;

  margin-left: 22px;

  margin-right: 10px;

}



#header1 {

  padding: 10px 0px;

  background: #FFF;

  border-bottom: 1px solid #cacaca

}



.video {

  text-align: center;

  padding: 30px 0px;

}



.video iframe {

  width: 70%;

  margin: 0px auto;

  height: 446px;

  border: 10px solid #FFF;

  box-shadow: 0px 0px 4px #000

}



#foter {

  padding: 150px 0px 0px;

  position: relative;

  background: #FFF;

  margin-top: 60%

}



.btn_box a {

  margin: 0px auto;

}



.btn_box {

  text-align: center;

  position: absolute;

  left: 0px;

  right: 0px;

  z-index: 99;

}



.text p {

  text-align: left;

  padding: 10px;

  font-weight: 400;

  font-size: 14px;

  padding: 10px 0px 10px;

}



.manyimg1 {

  position: absolute;

  bottom: 256px;

  left: 0px;

}



.manyimg1-thanks {

  position: absolute;

  bottom: 500px;

  left: 0px;

}



.manyimg2 {

  position: absolute;

  top: 279px;

  right: -19px;

  z-index: 9;

}



.manyimg2-thanks {

  position: absolute;

  top: 60px;

  right: -300px;

  z-index: 9;

}



.aroimg {

  position: relative;

}



.btnclasss {

  position: relative;

}





/*************************/



@media (min-width: 1200px) {}



@media (min-width: 992px) and (max-width: 1199px) {

  .pra p {

    min-height: 525px;

  }

}



@media (min-width: 768px) and (max-width: 991px) {}



@media (max-width: 767px) {

  .col-form-label {

    text-align: left;

    padding-left: 18px;

  }

  .pra p {

    min-height: inherit;

  }

  .video iframe {

    width: 98%;

  }

  .manyimg2 {

    z-index: 0;

    right: 0px;

  }

}



@media (max-width: 627px) {}



@media (min-width: 481px) and (max-width: 626px) {}



@media (max-width: 480px) {}



@media (max-width: 360px) {}



@media (max-width: 320px) {}



#toggleFormSection {

  /*padding-top: 80px;*/

}



.buttonToggle {

  background: #35ae4a;

  padding: 10px 100px;

  display: block;

  border: 3px solid #fff;

  color: #fff;

  border-radius: 15px;

  -webkit-border-raduis: 15px;

  -moz-border-raduis: 15px;

  font-size: 30px;

  font-weight: bold;

  -webkit-box-shadow: 0px 0px 43px -5px rgba(0, 0, 0, 0.58);

  -moz-box-shadow: 0px 0px 43px -5px rgba(0, 0, 0, 0.58);

  box-shadow: 0px 0px 43px -5px rgba(0, 0, 0, 0.58);

}



.moonray-form-p2c9719f1914 .moonray-form-input-type-text .moonray-form-input,

.moonray-form-p2c9719f1914 .moonray-form-input-type-email .moonray-form-input,

.moonray-form-p2c9719f1914 .moonray-form-input-type-date .moonray-form-input,

.moonray-form-p2c9719f1914 .moonray-form-input-type-range .moonray-form-input,

.moonray-form-p2c9719f1914 .moonray-form-input-type-password .moonray-form-input,

.moonray-form-p2c9719f1914 .moonray-form-input-type-file .moonray-form-input,

.moonray-form-p2c9719f1914 .moonray-form-input-type-number .moonray-form-input,

.moonray-form-p2c9719f1914 .moonray-form-input-type-tel .moonray-form-input,

.moonray-form-p2c9719f1914 .moonray-form-input-type-select .moonray-form-input,

.moonray-form-p2c9719f1914 .moonray-form-input-type-textarea .moonray-form-input {

  color: #444 !important;

}





/*#toggleForm0.buttonToggle{

	background: transparent;

	margin: 10px 0px -70px;

	border: 0px solid #fff;

	color: #fff;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}



#toggleForm0.buttonToggle h3

{

   padding:5px;





}



.buttonToggle:hover,.buttonToggle:focus,.buttonToggle:visited{

	color: #fff;

	text-decoration: none;

}*/



#toggleForm0.buttonToggle h3 {

  /*text-transform:capitalize;*/

}



.feature-box-5 {

  border-radius: 8px;

  margin: 0 auto 20px;

  overflow: hidden;

  margin-top: 10px;

}



.feature-box-5 .feature-box-content {

  background-color: #faf2d3;

  border: 1px solid #eada95;

  padding: 20px;

  font-size: 18px;

  font-weight: bold;

  color: #444;

  text-align: left;

}



.feature-box-5 .feature-box-content a {

  color: #3d32b8 !important;

}



.footer-navigation {

  text-align: center;

}



@media (min-width: 992px) {

  .footer-navigation {

    float: right;

  }

}



.footer-navigation ul {

  margin-top: 9px;

  font-size: 14px;

}



.inline-nav li {

  display: inline;

}



.inline-nav li a {

  color: #000;

}



.moonray-form .moonray-form-element-wrapper {

  text-align: left;

}





/* Adding steps style */





/*form styles*/



#msform {

  margin: 50px auto;

  text-align: center;

  position: relative;

}



#msform fieldset {

  background: white;

  border: 0 none;

  border-radius: 3px;

  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);

  padding: 20px 30px;

  box-sizing: border-box;

  width: 80%;

  display: none;

  margin: 0 10%;

  /*stacking fieldsets above each other*/

  /* 	position: absolute;

 */

}





/*Hide all except first fieldset*/



#msform fieldset:not(:first-of-type) {

  display: none;

}





/*inputs*/



#msform input,

#msform textarea,

#msform select {

  padding: 5px;

  border: 1px solid #ccc;

  border-radius: 3px;

  width: 100%;

  box-sizing: border-box;

  font-family: "Open Sans", serif;

  color: #2C3E50;

  font-size: 14px;

  text-transform: capitalize;

  margin-top: 5px !important;

  margin-bottom: 5px !important;

}





/*buttons*/



#msform .action-button {

  width: 100px;

  background: #c4484f;

  font-weight: bold;

  color: white;

  border: 0 none;

  border-radius: 1px;

  cursor: pointer;

  padding: 10px 5px;

  margin: 10px 5px;

}



#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: 25px;

  line-height: 40px;

  text-transform: capitalize;

  color: #2C3E50;

  height: 40px;

  background: #c4484f;

  color: $fff;

  margin-bottom: 10px;

  color: #fff !important;

}



.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: white;

  text-transform: uppercase;

  font-size: 9px;

  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;

  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;

}



label {

  float: left !important;

  margin-top: 5px !important;

  font-family: Verdana, Arial, sans-serif !important;

}



.red {

  background: #c4484f !important;

  color: #fff !important;

}



.moonray-form-p2c9719f1914 .moonray-form {

  width: 100% !important;

  border-width: 3px;

  border-style: none !important;

  border-color: #32407D;

  background-color: #fff;

  background-image: url();

  background-repeat: no-repeat;

  background-position: left top;

  border-radius: 0px;

}



.moonray-form-p2c9719f1914 .ontraport_grid_offer .ussr-component-grid-header .ussr-component-grid-header-item {

  background-color: #c4484f !important

}



.moonray-form-label {

  font-weight: bold !important;

}



.moonray-form-p2c9719f1914 .moonray-form-label {

  text-align: left !important;

  font-size: 14px !important;

}



@media (max-width: 992px) {

  #foter {

    display: none !important;

  }
  
  .text p
  {
    text-align:center !important;
    
  }

}



@media (max-width: 480px) {

  #foter {

    display: none !important;

  }

  .buttonToggle {

    display: block;

    font-size: 16px !important;

  }

  #toggleForm0.buttonToggle h3 {

    font-size: 16px !important;

  }

  #clockdiv {

    font-size: 16px !important;

  }

  .text {

    margin-top: 53px !important;

  }

}



@media (max-width: 550px) {

  input[type=submit] {

    font-size: 16px !important;

  }

}



@media (max-width: 550px) {

  .text p {

    text-align: center !important;

  }

}



input[type=submit] {

  background: #35ae4a !important;

  border: 3px solid #fff !important;

  color: #fff !important;

  border-radius: 15px !important;

  -webkit-border-raduis: 15px !important;

  -moz-border-raduis: 15px !important;

  font-size: 30px !important;

  font-weight: bold !important;

  -webkit-box-shadow: 0px !important;

  -moz-box-shadow: 0px !important;

  box-shadow: 0px !important;

  padding: 15px !important;

  width: 100% !important;

}



input[type=submit]:hover {

  transform: rotateX(15deg);

}



.moonray-form {

  font: 14px "Open Sans" !important;

}



#fieldset4 h2 {

  font-size: 26px;

  line-height: 40px;

  padding-bottom: 15px;

}



#fieldset4 h4 {

  font-size: 22px;

  line-height: 28px;

  padding-bottom: 15px;

  font-weight: bold;

  width: 85%;

  float: left;

}



#clockdiv {

  font-family: sans-serif;

  color: #fff;

  display: inline-block;

  font-weight: 100;

  text-align: center;

  font-size: 30px;

}





/*#clockdiv > div{

    padding: 10px;

    border-radius: 3px;

    background: #00BF96;

    display: inline-block;

}



#clockdiv div > span{

    padding: 15px;

    border-radius: 3px;

    background: #00816A;

    display: inline-block;

}

*/



.smalltext {

  padding-top: 5px;

  font-size: 16px;

}



.age {

  width: 10% !important;

  clear: both !important;

}



a:hover {

  color: #3d32b8 !important;

}



label {

  text-transform: capitalize !important;

}



#toggleForm1 {

  display: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

  font-weight: 700 !important;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;

}



.moonray-form .moonray-form-element-paymentmethod .moonray-form-input-type-payment-number,

.moonray-form .moonray-form-element-paymentmethod .moonray-form-input-type-payment-exp-month {

  width: 176px !important;

}