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

/*font-family: 'Roboto', sans-serif;

    font-family: 'Open Sans', sans-serif;*/
*{
	padding:0;
	margin:0;
	font-family: 'Roboto', sans-serif;
}
body{   
	padding:0px;
	margin:0px;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#242424;
}

@font-face{
	font-family:"AvenirLTStd-Black";
	src:url("../font/AvenirLTStd-Black.otf");
}
@font-face{
	font-family:"AvenirLTStd-Book";
	src:url("../font/AvenirLTStd-Black.otf");
}
@font-face{
	font-family:"AvenirLTStd-Roman";
	src:url("../font/AvenirLTStd-Roman.otf");
}
@font-face{
	font-family:"AvenirNextCondensed-DemiBold";
	src:url("../font/AvenirNextCondensed-DemiBold.ttf");
}
@font-face{
	font-family:"AvenirNextLTPro-MediumCnIt";
	src:url("../font/AvenirNextLTPro-MediumCnIt.otf");
}
p {
    line-height: 26px;
}
.btn {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	border-radius:0 !important;
}
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.logotext h1{
	font-size:24px;
	background:url(../images/logo-icon.jpg) no-repeat 0 0;
	padding-left:130px;
}
.logotext h1 span{
	font-size:16px;
}
.top-section{
	border-top:#151666 10px solid;
	padding:10px 0;
	background:#f7f7f7;
}
.contact-no{
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:right;
}
.contact-no li{
	display:inline-block;
	margin-left:40px;
	font-size:18px;
	font-weight:600;
}
.contact-no li img{
	margin-right:15px;
}
.contact-no li a{
	padding:15px 30px;
	background:#f9f9f9;
	display:block;
	border:#f0f0f0 1px solid;
	color:#151764;
  box-shadow: 2px 3px 18px #888888;
}
.contact-no li a:hover{
	text-decoration:none;
}
.logo{
	width:60%;
}
.banner{
	position:relative;
}
/***************************************
       -------- Menu ----------
****************************************/


@media(min-width:768px) {
.navbar{
    padding:0 !important;
}
.navbar-nav{
	padding:0;
	margin:0;
}
.navbar-default {
	    font-size:16px;
		font-weight:500;
		text-transform:uppercase;
        padding:0px 0px;
        border: 0;
		margin-top:0px;
        background-color:rgba(0, 109, 226);
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }
.navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
		background:url(../images/logo.png) no-repeat 0px 0;
		width:164px;
		height:64px;
		text-indent:-999px;
		margin-top:6px;
		margin-bottom:6px;
			
    }
.navbar-default .navbar-nav>li>a {
	/*padding:6px 20px !important;*/
	color:#fff;
	line-height:64px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
	/*background:#ff0000;*/
	border-bottom:#fff 4px solid;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	 color:#fff;
	/*background:#ff0000;*/
	border-bottom:#fff 4px solid;
}
.navbar-default.navbar-shrink {
        padding:0px 0;
		background:rgba(255, 255, 255, 0.8);
		border-bottom:rgba(20, 20, 20, 0.1) 1px solid;
		margin-top:0px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
}
.navbar-default.navbar-shrink .navbar-nav>li>a {
	     line-height:50px;
	     margin-top:0px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
.navbar-shrink .navbar-nav>li>a:hover {
    color: #fff;
}
.navbar-default.navbar-shrink .navbar-brand {
		background:url(../images/shrink-logo.png) no-repeat 0px 0;
		width:128px;
		height:50px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;		
		margin-top:6px;
		margin-bottom:6px;
    }	
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background:0000 !important;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
	
.navbar-text{
	color:#FFF;
	background:#151666;
	line-height:64px;
	padding:0 15px;
}
.navbar-text a{
	color:#FFF;
	display:block;
}
.navbar-text a:hover{
	color:#FFF;
	text-decoration:none;
}
}
.navbar-default .navbar-nav .dropdown-menu {
        background-color:rgba(0, 109, 226);
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.125);
    -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.125);
    box-shadow: 0 3px 8px rgba(0,0,0,0.125);
    border: 0;
	padding-top:0px;
	padding-bottom:0px;
    margin-top: 0px;
    border-top: 0;  
    -moz-border-radius: 5px;
    border-radius:0px;
    left: 0;
	color:#fff;
	text-transform:none !important;
}

.dropdown-menu>li>a {
	font-weight:400 !important;
    display: block;
    padding: 8px 15px;
    clear: both;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
	background:#151666;
}


.dropdown-menu {
    margin-top: -1px;
}
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/******** END MENU***************/



.banner-caption{
	background:rgba(0, 0, 0, 0.8);
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	text-align:center;
	padding:15px 0;
	color:#FFF;
	font-size:24px;
}
.section1{
	background:url(../images/bg.jpg) repeat;
	padding:100px 0;
}
.left-box{
}
.left-box-top{
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	font-size:32px;
	color:#FFF;
	background:#006de2;
	padding:15px 15px;
}
.left-box-top img{
	margin-right:10px;
}
.left-box-contain{
	border:#d8dffc 1px solid;
	border-bottom:none;
	background:#FFF;
}
.nav-tabs .nav-item{
	width:50% !important;
	text-align:center !important;
	font-size:32px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #dadfff !important;
    border-color: #dee2e6 #dee2e6 #dadfff;
	border:none !important;
	/*background:url(../images/tab-arrow.jpg) no-repeat center bottom;*/
}
.nav-tabs {
	background:#ebeeff;
}
.tab-pane{
	width:100%;
}
.tab-pane .container-fluid {
    width: 100%;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto;
    margin-left: auto;
	height:400px;
	overflow:scroll;
  /*overflow-y: hidden;  Hide vertical scrollbar */
  overflow-x: hidden; /* Hide horizontal scrollbar */
}
.tab-pane ul{
	padding:0;
	margin:0 !important;
	list-style-type:none;
}
.tab-pane ul li{
	padding:15px 15px;
	border-bottom:#d8dffc 1px solid;
}
.btn-view-details{
	color:#FFF !important;
	font-size:12px;
    border: 1px solid #414898;
	border-radius:20px !important;
    background-color:#414898;
	padding:4px 16px !important;
}
.btn-view-details:hover,
.btn-view-details:focus {
    color: #fff;
	background-color:#0a225f;
    border: 1px solid #0a225f !important;
    outline: 0;
}
.bg-gray{
	background:#f1f3ff;
}
.right-panel{
}
.right-panel-top{
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	font-size:32px;
	color:#FFF;
	background:#006de2;
	padding:15px 15px;
}
.right-panel-top img{
	margin-right:10px;
}
.right-panel-con{
	border:#d8dffc 1px solid;
	border-bottom:none;
	background:#FFF;
	height:464px;
	overflow:scroll;
  /*overflow-y: hidden;  Hide vertical scrollbar */
  overflow-x: hidden; /* Hide horizontal scrollbar */
}
.right-panel-con ul{
	padding:0;
	margin:0 !important;
	list-style-type:none;
	border-bottom:#d8dffc 1px solid;
}
.right-panel-con ul li{
	padding:15px 15px;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	font-weight:400
}
.right-panel-con ul li span{
	color:#a3a3a3;
	font-size:14px;
}
.btn-read-more{
	color:#414898 !important;
	font-size:14px !important;
    border:1px solid #414898 !important;
	border-radius:20px !important;
    background:none;
	padding:4px 8px !important;
}
.btn-read-more:hover,
.btn-read-more:focus {
    color: #fff !important;
	background-color:#0a225f;
    border: 1px solid #414898 !important;
    outline: 0;
}

.section2{
	padding:30px 0 30px 0;
	color:#7e7e7e;
	font-size:16px;
}
.section2 h2{
	font-family:;
	padding:20px 0 15px 0;
	margin-bottom:30px;
	color:#131663;
	border-bottom:#d1d1d1 1px solid;
}
.section2 a{
	color:#424799;
}
.section2 a:hover{
	color:#000;
	text-decoration:none;
}
footer{
	background:#151666;
	text-align:center;
	padding:15px 0;
	color:#FFF;
}
/**************************************************
      ---------- Registration --------------
***************************************************/
.registration-section{
	padding:100px 0;
	background:url(../images/bg.jpg) repeat;
}
.registration-box{
}
.registration-box-top{
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	font-size:22px;
	color:#FFF;
	background:#006de2;
	padding:15px 15px;
}
.registration-box-top img{
	margin-right:10px;
}
.registration-box-con{
	border:#d8dffc 1px solid;
	background:#FFF;
	padding:15px 15px 40px 15px;
}
.registration-box-con span{
	color:#e75dae;
}
.stepwizard{
	background:#fff;
	border:#CCC 1px solid;
	margin-bottom:50px;
	color:#000;
}
.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    /*background-color: #ccc;*/
    z-order: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
.btn-Apply{
	color:#fff !important;
    border:1px solid #6dcc3a !important;
	border-radius:30px !important;
    background:#6dcc3a;
	
	font-size:18px !important;
}
.btn-Continue-to-Step{
	color:#fff !important;
    border:1px solid #6dcc3a !important;
	border-radius:30px !important;
    background:#6dcc3a;
	padding:10px 8px !important;
	width:100%;
	font-size:22px !important;
}
.btn-Continue-to-Step:hover,
.btn-Continue-to-Step:focus {
    color: #fff !important;
	background-color:#00028f;
    border: 1px solid #00028f !important;
    outline: 0;
}

/********************************
   ---------- Logine ------------
***********************************/
.already{
	font-family:"AvenirNextCondensed-DemiBold";
	font-size:18px;
}
label{
	margin-bottom:20px !important;
	font-family:"AvenirLTStd-Black";
	font-size:16px;
}
label span{
	color:#f056b2;
}
.selectWrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #c0c4c8;
    border-radius: 2px;
    background:#FFFFFF url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23444444%22%2F%3E%3C%2Fsvg%3E') right 13px center no-repeat;
}
.selectWrapper select{
	font-size:14px !important;
}

.setup-content h3{
	font-size:18px;
	margin-bottom:50px;
	background:#006de2;
	padding:12px 30px;
	color:#FFF;
}
.guideline_text h3
{
	color:#131663;
	font-size:20px;
}
ul.guideline {
  list-style-type: square;
  padding-left:30px;
}
.guideline_text
{
	color:#000000;
}
.selectWrapper select {
        padding: 10px 40px 12px 0px;
        font-size: 18px; color:#919191 !important;
		opacity: 1; /* Firefox */
		font-family: "AvenirLTStd-Roman";
        line-height: 14px;
        width: 100%;
        border: none;
        box-shadow: none;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
        outline: none;
        cursor: pointer;
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: ellipsis;
    }
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem  .375rem 0rem !important;
    font-size: 1rem;
    line-height: 1.5;
    color: #919191;
    background-color: #fff;
    background-clip: padding-box;
	border:none !important;
    border-bottom: 1px solid #c0c4c8 !important;
    border-radius:0 !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	font-family: "AvenirLTStd-Roman";
	
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#dcdcdc !important;
  opacity: 1; /* Firefox */
  font-family: "AvenirLTStd-Roman";
  font-size:14px;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
  font-family: "AvenirNextLTPro-MediumCnIt";
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: red;
  font-family: "AvenirNextLTPro-MediumCnIt";
}
.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 2rem !important;
    font-weight: 800 !important;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: .25rem;
    margin-left: 20px;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow:none !important;
}
.form-row > .col, .form-row > [class*="col-"] {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0;
	border:none !important;
}
@media screen and (max-width: 480px) {
}

.error{
color:#FF0000;
}
.success_txt{
color:#009933;
}

/*.form-control::placeholder { 
            color: #000000 !important;
            opacity: 1; 
}

.form-control:-ms-input-placeholder { 
            color:  #000000 !important;
}

.form-control::-ms-input-placeholder { 
            color:  #000000 !important;
 }*/