@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;background:#313131;font-family: "robotoregular";font-size: 12px;}

.log_main_bg{float:left;width:100%; background:url(../images/body_bg.jpg);}
@font-face {
    font-family: 'robotoblack';
    src: url('../fonts/roboto-black-webfont.eot');
    src: url('../fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-black-webfont.woff') format('woff'),
         url('../fonts/roboto-black-webfont.ttf') format('truetype'),
         url('../fonts/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

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

}


/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* GLOBALS */

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.wrapper-dropdown-4 {
    /* Size and position */
    float:left;
    padding:10px 10px 10px 30px;

    /* Styles */
    border: 1px solid silver;
    cursor: pointer;
    outline: none;
    font:16px 'robotobold';
    color:#f58220;
}

.wrapper-dropdown-4 .dropdown li {
    position: relative; /* Enable absolute positioning for checkboxes */
	float:left;width:100%;
	border-bottom: 1px solid #fff;
}

.wrapper-dropdown-4 .dropdown li label {
    display: block;
    padding:5px 10px 5px 18px; /* Same padding as the button */
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	font:13px 'robotobold';
	color:#f58220;
	margin-bottom:0;
	width:auto;
	}
.coun_drp_cd{font: 12px 'robotoregular';
    color: #f58220;
    float: right;
    margin-right: 167px;
    padding: 5px 0;}
.wrapper-dropdown-4 .dropdown li:last-of-type label {
    border: none;
}

.wrapper-dropdown-4 .dropdown li input /* Checkboxes */ {
    position: absolute;
    display: block;
    right: 10px;
    top: 50%;
    margin-top: -8px;
}

/* Hover state */

.wrapper-dropdown-4 .dropdown li:hover label {
    background:none;
}

/* Checked state */

.wrapper-dropdown-4 .dropdown li input:checked ~ label {
    color: grey;
    text-decoration: line-through;
}

/* Active state */

.wrapper-dropdown-4.active:after {
    border-width: 0 6px 6px 6px;
}

.wrapper-dropdown-4.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

/* No CSS3 support */

.no-opacity       wrapper-dropdown-4 .dropdown,
.no-pointerevents .wrapper-dropdown-4 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-4.active .dropdown,
.no-pointerevents .wrapper-dropdown-4.active .dropdown {
    display: block;
}

body{background:#f2f2f2;}

#page_main{float:left;width:100%;}
.portal_lt_sec{float:left;width:100%;}
.beat_lt_logo{float:left;width:100%;margin:0 0 0px 0;}
.ltlogo{float:left;width:100%;margin:0 0 10px 0;}
.logog_tag{float:left;width:100%;font:42px 'robotothin';color:#999999;}
.btm_ver{float:left;width:100%;font:12px 'robotoregular';color:#999999;}
.btm_ver a{color:#048dda;border-bottom:1px solid #048dda;}

.por_rt_frm{display:inline-block;padding:35px 40px;}
.form_head{float:left;width:100%;font-size:24px;color:#000000;font-weight: 600; margin:0 0 25px 0;}
.form_holder{float:left;width:100%;}
.sing_ipfld{width:100%;margin:0 0 20px 0;}
.sing_ipfld label{font:13px 'robotobold';color:#696F79;width:100%;}
.sing_ipfld input[type="text"], .sing_ipfld select{background:#FBFCFD;border:1px solid #E8EBED;font:1em;color:#f07d00;height: 50px; box-shadow: none;}
.sing_ipfld input[type="submit"]{height: 50px;}
.sing_ipfld input[type="password"] {background:#FBFCFD;border:1px solid #E8EBED;font:1em;color:#f07d00;height: 50px; box-shadow: none;}
.logo{background: url("../images/logo/logo-main.png");background-size: 186px;display: inline-block;height: 22px;width: 186px;margin-top: 8px;}
.left_icon{background: url("../images/Vector.png");background-size: 31px;display: inline-block;height: 31px;width: 31px;margin-top: 8px;}
.left_icon2{background: url("../images/group2.png");background-size: 31px;display: inline-block;height: 31px;width: 31px;margin-top: 8px;}
.left_icon3{background: url("../images/group3.png");background-size: 31px;display: inline-block;height: 31px;width: 31px;margin-top: 8px;}
.country_sele select{font:16px 'robotobold';color:#f58220;padding:9px 10px 9px 0;line-height:38px;}
.left_text{font-size: 17px;color: #081F32;font-weight: 400;}
.lft_main-box{height: 751px;background:#F5F7FB}
.rt_main-box{height: 751px;background:#ffff}
.left_box{width: 70%;margin-left: 20%;margin-top: 14%;}
.right_box{margin-top: 23%;  width: 70%;margin-left: 16%;}
.drp_btn{    height: 48.5px; background: #FBFCFD;border: 1px solid #E8EBED;padding: 14px;}
.frgt_msg{font-size: 14px;color:#555555;font-weight: 400 ;text-align: center;margin-bottom: 4%;}
.entr_ps_msg{width:100%;text-align:center;color:#555555;font-size:14px}

.sing_ipfld input[type="text"]:focus{border: 1px solid #f07d00;}
.sing_ipfld input[type="password"]:focus{border: 1px solid #f07d00;}
.frt_rt{width: 49%;  background: #fff;  padding: 1%;padding-right: 11%}
.ftr_lft{width: 51%;padding-left: 16%;background:#F5F7FB;padding: 1%;}
.fnt_b_bold{color: #000000;font-weight: 600;}
@media (max-width: 1000px){
    .lft_main-box{height: 620px;}
    .rt_main-box{height: 620px}
    .left_box{width: 100%;margin-left: 1%;margin-top: 1%;}
    .right_box{ width: 100%;margin-left: 1%;}
    .termscon{
        text-align: left !important;
        background: none !important;
    }
    .prd_text{
        text-align: left !important;
        background: none !important;
        padding: 0%
    }
    }
    @media (max-width: 720px){
        .lft_main-box{display: none;}
        .rt_main-box{padding-top: 0%; height:auto;}
        .rtlogo{
            display: block;
            padding-top: 7%;
        }
        .right_box{
            margin-top: 10%;
        }
        #page_main{
            padding-top: 0% !important;
            padding-bottom: 0% !important;
        }
        .form_head{
            text-align: center;
        }
        .foot_sec{
            background: #ffff !important;
        }
        }
        @media (min-width: 720px){
            .rtlogo{
                display: none;
            }
            }
    @media (min-width: 1000px){
        .trm_text{    padding: 4px;background:#ffff;}
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
   .country_sele select{ text-indent:42px;}
}
@-moz-document url-prefix() { 
  .country_sele select{ text-indent:25px;}
}
.select_drdp{float:left;position:relative;}
.iuot_number{float:left;width:100%;}
.iuot_number .num_ip{padding:10px 13px 10px 145px !important;}
.country_sele{position:absolute;top:0;left:0;width:100%;}
.flag_img{position:absolute;top:11px;left:8px;}
.cont_code{position:absolute;top:11px;left:116px;font:16px 'robotothin';color:#999999;}
.mid_or{float:left;width:100%;margin:0 0 30px 0;font:16px 'robotobold';color:#8692A6;text-align:center;}
.sub_cls{color:#fff;font:12px 'robotobold';background:#f58220;}
.mar_10{margin:10px 0 0;}
.regis_now{float:left;width:100%;text-align:center;}
.regis_now a{margin:0 0 10px 0;font:12px 'robotobold';color:#999999;text-align:center;border-bottom:1px solid #f58220;padding:0 0 5px 0;}

.foot_sec{float:left;width:100%;}
.copy_lne{text-align: center;font:10px 'robotoregular';color:#999999;}
.termscon{text-align: right;font:10px 'robotoregular';background:#ffff;margin-right: 10%;}
.termscon a{color:#f58220;font:10px 'robotoregular';}
.prd_text{background:#F5F7FB;    padding: 4px;}
input[type="file"]:focus,
input[type="text"]:focus,
input[type="radio"]:focus,
input[type="submit"]:focus,
select:focus,
input[type="checkbox"]:focus {
  outline:none !important;
  outline-offset: -20px !important;
}
.log_det_Sec{float:left;width:100%;}
.log_det_left{float:left;width:100%;padding:50px 0 0 0;}
.log_lt_usr .thumbnail{float:left;width:100%;padding:0 10px 0 0;max-height: 150px;box-shadow: none;border: none;}
.log_isr_img{height:165px;width:165px;margin:0 auto 11px;border:2px dotted #c4c4c4;border-radius:150px;-webkit-border-radius:150px;-moz-border-radius:150px;padding:9px;overflow:hidden;}
.log_isr_img img{width:100%;}
.log_isr_nm{float:left;width:100%;text-align:center;font:16px 'robotobold';color:#999999;}
.log_det_right{float:left;width:100%;padding:0 0 0 30px;}
.min_hei_hol{float:left;width:100%;min-height:180px;}

.che{padding:35px 27px;}

.log_pro_hea{float:left;width:100%;margin:0 0 12px 0;text-align:center;font:24px 'robotobold';color:#000000;font-weight: 600;}
.log_pro_hea a{float:left;width:100%;text-align:Center;font:24px ; color: #000000; font-weight: 600;position:relative;}
.arw_lt{position:absolute;top:0;left:0;}

.mrbtm{margin:0;}
.mrtmbtm{min-height:115px;}
.inpu_width{width:50%;float:left;}
.par_alrght{padding-right:20px;}
.par_alleft{padding-left:20px;}
.border_nobg{border:1px solid #f58220;background:transparent;color:#f58220;}
.otpsen_op{float:left;width:100%;text-align:center;font:16px 'robotobold';color:#999999;min-height:120px;}
.otpsen_op span{float:left;width:100%;font:12px 'robotothin';font-style:italic;}
.no_min{min-height:auto;}
.con_sec{padding:0 0 90px 0 !important;}
.top_main_logo{float:left;width:100%;padding:30px 0;}
.logo_2{float:left;margin:0 130px 0 0;}
.logog_lin{float:left;font:20px 'robotolight';color:#999999;font-style:italic;padding:5px 0 0;}
.country_code{margin-left: 35px;}

@media (min-width:1200px){
    .container{width: 1020px !important;}
}

@media (max-width: 1200px){
.logog_tag{font-size:38px;}
.log_isr_img{width:170px;height:170px;}
.log_isr_nm{font-size:17px;}
.min_hei_hol{min-height:170px;}
}
@media (max-width: 991px){
	.log_det_left{width:100%;padding:0;}
	.log_lt_usr .thumbnail{border-right:none;margin: 0 auto;float:none;}
	.log_det_right{width:100%;padding:0;}
	#page_main{padding:40px 0;}
        .por_rt_frm {padding: 15px 35px;}
}
@media (max-width: 767px){
	.portal_lt_sec{margin:0 0 30px 0;}
	.beat_lt_logo{margin:0 0 30px 0;}
	.por_rt_frm{padding:20px 10px;}
	#page_main{min-height:auto;}
	.min_hei_hol{min-height:auto;}
	.iuot_number .num_ip{padding:10px 30px 10px 147px !important;}
	.termscon{float:left;width:100%;margin:10px 0 0 0;}
}
/* Form Style*/
form .hint{margin:0;padding:0;color:#999}form .note{font-style:italic}form span.required{color:red}form div.error label:first-child,form label.error,form span.error{color:#C00}form div.error input,form div.error select,form div.error textarea,form input.error,form select.error,form textarea.error{background:#FEE;border-color:#C00}form div.success input,form div.success select,form div.success textarea,form input.success,form select.success,form textarea.success{background:#E6EFC2;border-color:#C6D880}form .errorSummary{border:2px solid #C00;padding:7px 7px 12px;margin:0 0 20px;background:#FEE;font-size:.9em}form .errorMessage{color:red;font-size:.9em}form .errorSummary p{margin:0;padding:5px}form .errorSummary ul{margin:0;padding:0 0 0 20px}

/*  reCaptcha */

msg-error {
  color: #c65848;
}
.g-recaptcha.error {
  border: solid 2px #c64848;
  padding: .2em;
  width: 26em;
}