@font-face {
	font-family:'Gotham-Bold';
	src: url('fonts/gotham/Gotham-Bold_gdi.eot');
	src: url('fonts/gotham/Gotham-Bold_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/gotham/Gotham-Bold_gdi.woff') format('woff'),
		url('fonts/gotham/Gotham-Bold_gdi.ttf') format('truetype'),
		url('fonts/gotham/Gotham-Bold_gdi.svg#Gotham-Bold') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2212;
}

@font-face {
	font-family:'Gotham-Light';
	src: url('fonts/gotham/Gotham-Light_gdi.eot');
	src: url('fonts/gotham/Gotham-Light_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/gotham/Gotham-Light_gdi.woff') format('woff'),
		url('fonts/gotham/Gotham-Light_gdi.ttf') format('truetype'),
		url('fonts/gotham/Gotham-Light_gdi.svg#Gotham-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2212;
}
@font-face {
    font-family: 'MyriadProLight';
    src: url('fonts/MyriadPro-Light/myriadpro-light.eot');
    src: url('fonts/MyriadPro-Light/myriadpro-light.eot') format('embedded-opentype'),
         url('fonts/MyriadPro-Light/myriadpro-light.woff') format('woff'),
         url('fonts/MyriadPro-Light/myriadpro-light.ttf') format('truetype'),
         url('fonts/MyriadPro-Light/myriadpro-light.svg#MyriadProLight') format('svg');
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphs/glyphicons-halflings-regular.eot') !important;
  src: url('fonts/glyphs/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphs/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphs/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphs/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg') !important;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/Roboto-Regular.eot');
  src: url('fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto/Roboto-Regular.woff2') format('woff2'), url('fonts/Roboto/Roboto-Regular.woff') format('woff'), url('fonts/Roboto/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
	background-color: #000;
}

.container-fluid{
	background-color: #fff;
}

p{
	/* font-family: 'Gotham-Light'; */
  font-family: 'Roboto';
	color:#000;
	padding-top: 20px;
	font-size: 13px;
}

.header_bar{
  background: #000;
  padding-top: 40px;
  /* padding-left: 60px; */
  padding-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.input_custom{
 width: 218px;
 border-radius: 0px;
 background-color: #E5E5E5;
 height: 25px;
 font-family: 'Gotham-Light';
 font-size: 13px;
}

.button_custom,.button_custom:hover,.button_custom:active,.button_custom:focus,.button_custom.active{
background: #99211B !important;
border-radius: 0px !important;
border: none !important;
color:#fff !important;
width: 218px;
font-size: 18px;
font-family: 'MyriadProLight';
font-weight: bold;
}

.inner-container{
  padding-right: 60px;
  padding-left:60px;
}

.inner-container2 {
    padding-right: 70px;
    padding-left: 70px;
}

.nopadding{
    padding-left: 0px;
    padding-right: 0px;
}

.less-padding {
    padding-left: 3px;
    padding-right: 3px;
}

.container-fluid{
    max-width:1280px;
}

.title {
    font-family: 'Roboto';
    letter-spacing: 7px;
    color: #000;
}

.text{
  font-family: 'Roboto';
	margin-top: 35px;
	/* padding-right: 105px;
	padding-right: 56px; */
}

.title2 {
    font-family: 'Gotham-Bold';
    letter-spacing: 7px;
    color: #000;
    padding-top: 30px;
}

.number{
	font-family: 'Gotham-Bold';
	color: #000;
}

.txt{
	font-family: 'Gotham-Light';
	color:#000;

}

.custom-grp{
	margin-bottom: 10px;
}

.side-image {
    padding-top: 34px;
    padding-bottom: 34px;
}
.side-image2 {
    padding-top: 34px;
    padding-bottom: 34px;
}

.videos{
	padding-bottom: 35px;
	padding-top:20px;
}

p.footr2 {
    padding-top: 2px;
    font-family: 'MyriadProLight';
    font-weight: bold;
    color: #000;

}

p.footr1{
	  padding-top:10px;
	  margin-bottom: 2px;
	  font-family: 'MyriadProLight';
	  color:#000;
}

hr {
 
    border-top: 2px solid #eee;
}

.banner{
	padding-left: 0;
	padding-right: 0;

}

.container-fluid{
	padding-left:0px;
	padding-right: 0px;
  overflow-x: hidden; 
}

.side-image2 img{
	padding-right: 121px;
}


.logo_vault{
  padding-left: 15px;
  /* padding-left: 185px; */
}

.main_form{
    padding-top: 45px;
}
.new{
	padding-bottom: 27px;
	padding-left: 3px;
}

.footer_Si{
  padding-top: 0px;
  margin-bottom: 10px;
}


/*slider css */
.jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('../images/login_images/controls.png') no-repeat;
            overflow: hidden;
        }

        .jssora22l {
           background-position: 0px -14px;
         }
        .jssora22l:hover {
          background-position: 0px -65px;
         }

         .jssora22r:hover {
          background-position: -65px -65px;
         }

         .jssora22r {
          background-position: -65px -14px;
         }

        /*.jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }*/
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }

/*slider css end*/

@media (min-width: 300px)and (max-width: 480px) {
	.logo_vault{
		padding-top:10px;

	}
	.header_bar{ 
		padding-left:10px;
	}

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

   .inner-container{
   padding-right:0px;
   padding-left:0px;
  }

  .inner-container2{
   padding-right:0px;
   padding-left:0px;
  }

  .text{
  	padding-left: 50px;
  }

  .banner{
	padding-left: 15px;
	padding-right: 15px;

  }

  .header_bar{
  padding-left:20px;
  }

  .side-image2 img {
  padding: 70px !important;
  }

  .container-fluid{
  padding-left: 15px;
  padding-right: 15px;
  }


}

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

   .inner-container{
   padding-right:0px;
   padding-left:0px;
  }

  .inner-container2{
   padding-right:0px;
   padding-left:0px;
  }

  .container-fluid{
    padding-left: 15px;
    padding-right: 15px;
  }

  .text{
  	padding-left: 50px;
  }
  .banner{
	padding-left: 15px;
	padding-right: 15px;

}


}

#loginBox{
  text-align: center;
}
#login_form{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
#btnLogin {
 
}
#login_text{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 280px;
  padding-right: 261px;
  font-size: 14px;
}

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

 .container-fluid{
  padding-left: 15px;
  padding-right: 15px;
 }

}