@import url('http://fonts.googleapis.com/css?family=Oswald:400,300');
@import url('http://fonts.googleapis.com/css?family=Merienda+One');
@import url('http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@font-face {
  font-family: 'AmsiPro-Regular';
  src: url('../../fonts/AmsiPro-Regular.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/AmsiPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/AmsiPro-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/AmsiPro-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../../fonts/AmsiPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/AmsiPro-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'AmsiPro-Bold';
  src: url('../../fonts/AmsiPro-Bold.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/AmsiPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/AmsiPro-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/AmsiPro-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../../fonts/AmsiPro-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/AmsiPro-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'AmsiPro-SemiBold';
  src: url('../../fonts/AmsiPro-SemiBold.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/AmsiPro-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/AmsiPro-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/AmsiPro-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../../fonts/AmsiPro-SemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/AmsiPro-SemiBold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'AmsiPro-Black';
  src: url('../../fonts/AmsiPro-Black.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/AmsiPro-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/AmsiPro-Black.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/AmsiPro-Black.woff') format('woff'), /* Pretty Modern Browsers */
       url('../../fonts/AmsiPro-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/AmsiPro-Black.svg#svgFontName') format('svg'); /* Legacy iOS */
}

a:hover{text-decoration: none}
* {outline: none !important;}
a:hover, a:focus{text-decoration: none; }
.input-group {width: 80%; margin-left: 70px; }
.input-group-addon{border-radius: 0px; background-color: rgba(31, 58, 66, 0.83); color: #fff; padding: 0px 20px; }
p{margin-bottom: 0px; color: white; font-size: 22px; }
body {background: url(../../images/worldnethotels/bg_wnh.jpg); background-repeat: no-repeat; width: 100%; height: 100%; font-family: 'AmsiPro-Regular'; background-position: center top; background-attachment: fixed; background-size: cover;     display: flex;  flex-direction: column;  justify-content: center; min-height: 100vh;}
.wnh-wrapper {width: 1280px;margin: 6% auto;background: rgba(255,255,255, 0.85);min-height: 500px;border-radius: 8px;}
.logo-dv {text-align: center; margin: 10px 0; display: inline-block; width: 100%; }
.form-grid {width: 470px;padding: 17px 0 23px;margin: 0 auto;border: 1px solid #5b799d;border-radius: 6px;min-height: 255px;text-align: center;}
.form-wrapper h1 {margin: 0; font-size: 18px; text-transform: uppercase; color: #cf263e; font-weight: 600; padding-bottom: 20px; }
.tab {background-color: none; width: 90px; margin: 0 auto; border-radius: 6px; padding: 0; height: 25px; margin-bottom: 30px; line-height: 18px; flex-wrap: wrap; display: flex; text-align: center; }
.tab button.active {background-color: #1a4c8b; margin: 0; border-radius: 6px; height: 100%; font-size: 12px; color: #fff; font-weight: 600; width: 100%; display: grid; }
.tab button.active1 {background-color: #1a4c8b; margin: 0; padding: 1px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; float: right; height: 100%; font-size: 12px; color: #fff; font-weight: 600; width: 50%; display: grid; }
.tab button {background-color: inherit; float: none; border: none; outline: none; cursor: pointer; padding: 0; transition: 0.3s; font-size: 16px; width: 50%; font-size: 12px; color: #1a4c8b; font-weight: 600; line-height: 20px; height: auto; display: grid; justify-content: normal; }
.form-wrapper {padding: 0 115px;}
.form-box label {margin: 0;padding: 0 0 4px;font-size: 11px;text-align: left !important;width: 100%;font-weight: 600;color: #1a4c8b;}
.form-box .form-group {margin-bottom: 3px;} 
.form-box .form-control {height: 26px;font-size: 12px;background: none !important;border-radius: 3px;box-shadow: none;border: 1px solid #1c5195!important;background-color: none;box-shadow: none;padding: 5px;}
.recover_pwd {color: #1a4c8b; display: block; font-size: 11px; font-weight: 400; margin-left: 0; text-align: left; position: relative; text-transform: capitalize; padding-top: 0; text-align: left; font-style: italic; }
.agent_pwd{color: #1a4c8b; display: block; font-size: 12px; font-weight: 400; margin-left: 0; text-align: left; position: relative; text-transform: capitalize; padding-top: 0; text-align: center; font-style: italic; }
.service-text {font-size: 12px; font-weight: 300; color: #1a4c8b; }
.site-add-grid {width: 443px;padding: 15px 30px 23px;margin: 0 auto;border-radius: 6px;text-align: center;}
.copyright {font-size: 12px; /* font-family: 'Roboto Condensed', sans-serif; */ font-weight: 300; color: #1a4c8b; margin-top: 10px; }
.login_submit {background: #1a4c8b; height: 34px; outline: medium none; padding: 7px 10px; width: auto; position: relative; z-index: 999; color: white; font-weight: 700; font-size: 13px; text-transform: uppercase; border: none; outline: none; width: 130px; border-radius: 10px; margin-bottom: 5px; }
.login_btn {padding-bottom: 20px; padding-top: 30px; }
.tabcontent {display: none; padding: 6px 12px; }
.add-grid strong {
    text-transform: uppercase;
}
.add-grid a{color: #1a4c8b;font-size: 16px;}
.add-grid span{color: #1a4c8b;font-size: 16px;}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.wnh-wrapper {width: 92%;margin: 4%;}
.form-grid {width: 80%; padding: 22px 0; margin: 0 auto; border: 1px solid #5b799d; border-radius: 6px; min-height: 255px; text-align: center; }
.form-box .form-group {margin-bottom: 10px; }
.form-wrapper {padding: 0 15px;}
.site-add-grid {width: 90%;padding: 30px 0;}
.logo-dv img { width: 180px !important;}
}
@media only screen and (min-width:768px) and (max-width:991px) {
 .wnh-wrapper {width: 80%; margin: 10%; }
.form-grid {width: 60%; padding: 22px 0; margin: 0 auto; border: 1px solid #5b799d; border-radius: 6px; min-height: 255px; text-align: center; }
.form-box .form-group {margin-bottom: 10px; }
.form-wrapper {padding: 0 65px; }
.site-add-grid {width: 50%; padding: 30px 0;}
}
@media (min-width: 991px) and (max-width: 1280px) {
.wnh-wrapper {width: 80%; margin: 10%; }
.form-grid {width: 60%; padding: 22px 0; margin: 0 auto; border: 1px solid #5b799d; border-radius: 6px; min-height: 255px; text-align: center; }
.form-box .form-group {margin-bottom: 10px; }
.form-wrapper {padding: 0 30%; }
.site-add-grid {width: 50%; padding: 30px 0;}

}