@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:'Gotham-Medium';
    src: url('fonts/gotham/Gotham-Medium.eot');
    src: url('fonts/gotham/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/gotham/Gotham-Medium.woff') format('woff'),
        url('fonts/gotham/Gotham-Medium.ttf') format('truetype'),
        url('fonts/gotham/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 400;
    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/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg') !important;
}

body{
	background-color: #fff;
}

.container-fluid{
	background-color: #fff;
}

p{
	font-family: 'Gotham-Medium';
	color:#000;
	padding-top: 20px;
	font-size: 13px;
}

.header_bar{
background: #fff;
/*padding-top: 40px;*/
padding-left:60px;
padding-bottom: 40px;
}

.input_custom{
 width: 218px;
 border-radius: 0px;
 background-color: #E5E5E5;
 height: 25px;
 font-family: 'Gotham-Medium';
 font-size: 13px;
}

.button_custom,.button_custom:hover,.button_custom:active,.button_custom:focus,.button_custom.active{
background: #000 !important;
border-radius: 0px !important;
border: none !important;
color:#fff !important;
width: 218px;
font-size: 18px;
font-family: 'Gotham-Medium';
/*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: 'Gotham-Bold';
    letter-spacing: 7px;
    color: #000;

}

.text{
	/*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-Medium';
	color:#000;

}

.custom-grp{
	margin-bottom: 5px;
}

.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;
}

.side-image2 img{
	padding-right: 0px;
}


.logo_vault{
    padding-left: 13px;
    padding-top: 20px;
    float: right;
    padding-right: 54px;
}

.main_form{
    padding-top: 15px;
}
.new{
	padding-bottom: 27px;
	padding-left: 3px;
}

/*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;
}



}

@media (min-width: 481px) and (max-width: 767px) {
   .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;

}


}


@media (min-width: 768px) and (max-width: 1100px) {
   
}



