/*

To change this license header, choose License Headers in Project Properties.

To change this template file, choose Tools | Templates

and open the template in the editor.

*/

/* 

    Created on : Aug 8, 2016, 5:07:51 PM

    Author     : wedo-Saima

*/

html, body {

    	height: 100%;

		margin: 0px;

	}

body{

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

}

a{

    

    color: #cfd0cb;

    transition: all .5s;

}

a:hover, a:focus{

    color: #796cd6;

    text-decoration: none;

}


.wrapper{

    width: 640px;

    margin: 0 auto;

	min-height:100%;

}

.screen_header {

    background: #20243e none repeat scroll 0 0;

    color: #fff;

    font-size: 30px;

    min-height: 106px;

    padding: 32px;

    text-align: center;

    vertical-align: middle;

}

.screen_bg{

background: #343a5c; /* Old browsers */

background: -moz-linear-gradient(top,  #343a5c 0%, #454b6b 50%, #333856 73%, #1a1e37 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #343a5c 0%,#454b6b 50%,#333856 73%,#1a1e37 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to top,  #343a5c 0%,#454b6b 50%,#333856 73%,#1a1e37 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343a5c', endColorstr='#1a1e37',GradientType=0 ); /* IE6-9 */

text-align: center;



}

.logo img{width:100%; padding:18% 13% 0;}

.screen_title {

    color: #cfd0cb;

    font-size: 35px;

    margin: 0 auto;

	padding:18% 13% 0;

	line-height:35px;

}

.screen_content{

    padding: 20% 13%;

}

.input-group {

    margin-bottom: 40px;

    padding: 15px 30px;

}

.input-group-addon{

    background: transparent;

    border: none;

    color: #cfd0cb;

    border-bottom: 1px solid #7a7c8b;

}

.form-control {

    background-color: transparent;

    border: medium none;

    box-shadow: none;

    color: #cfd0cb;

    font-size: 30px;

    border-bottom: 1px solid #7a7c8b;

    transition: all .5s;

    height: 50px;

    line-height: 50px;

}

.form-control::-moz-placeholder {

    color: #cfd0cb;

}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #cfd0cb;

}

.form-control::-ms-input-placeholder { /* IE 10+ */

  color: #cfd0cb;

}

.form-control:-moz-placeholder { /* Firefox 18- */

  color: #cfd0cb;

}

.form-control:focus {

    border-color: transparent;

    box-shadow: none;

    outline: 0 none;

}

.input-group-addon {

    font-size: 25px;

}

.btn.btn-default {

    background: #594ac2; /* Old browsers */

    background: -moz-linear-gradient(top,  #594ac2 0%, #796cd6 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top,  #594ac2 0%,#796cd6 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to top,  #594ac2 0%,#796cd6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#594ac2', endColorstr='#796cd6',GradientType=0 ); /* IE6-9 */



    border: medium none;

    border-radius: 0;

    color: #fff;

    font-size: 30px;

    line-height: 40px;

    margin-top: 40px;

}

.forgot_link {

    border-bottom: 1px solid #cfd0cb;

    display: inline-block;

    font-size: 20px;

    margin-top: 30px;

    padding: 10px 20px;

}

.option_btn {

    background: #336699 none repeat scroll 0 0;

    color: #fff;

    display: inline-block;

    font-size: 32px;

    line-height: 40px;

    margin-bottom: 40px;

    padding: 10px 0;

    width: 100%;

    white-space: normal;



}

.option_btn:hover, .option_btn.active, .option_btn:focus {

    background: #5473a9 none repeat scroll 0 0;

    color: #fff;

}

.record_btn {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    padding: 0 0 68px;

}

.record_btn:focus {
    border: medium none;
    box-shadow: none;
    outline: medium none;
}

.custom_select {

    background: rgba(0, 0, 0, 0.3) url("../img/arrow_dwn.png") no-repeat scroll right 30px center;

    border: 1px solid #787c92;

    margin: 0 0 68px;

    position: relative;

    width: 100%;

}

.custom_select select {

    -moz-appearance: none;

	-webkit-appearance:none;

    background: none;

    border: medium none;

    color: #fff;

    font-size: 20px;

    font-weight: normal;

    padding: 10px 30px;

    width: 100%;

}

.custom_select option {

    border-bottom: 1px solid #787c92;

    display: block;

    margin: 0;

    padding: 5px 30px;

	background:#2F3349;

}
select:focus, option:focus {
    border: none;
	outline:none;
	outline-offset:0;
}

.btn.btn-default.back_btn.back_btn, .btn.btn-default.next_btn {

    width: 100%;

}





/*form wizerd*/





.wizard .nav-tabs {

    border-bottom-color: transparent;

    margin: 0;

    position: relative;

}



.nav-tabs > li > a:hover {

    border-color: transparent;

}

.nav-tabs > li  {

	display:none;

}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {

    background-color: transparent;

    border-color: transparent;

    box-shadow: none;

    color: #fff;

	-webkit-box-shadow:none;

}



/*.tab-pane {

    height: 100%;

    left: -640px;

    opacity: 0;

    position: absolute;

    transition: all 0.5s ease 0s;

    width: 100%;

	display:inline-block;

}

.tab-content > .active {

    display: inline-block;

    left: 0;

    opacity: 1;

}*/

/*.tab-content{overflow:hidden;}

.tab-pane {

    transform: translateX(-900px);

    transition: all 1s ease 0s;

}

.tab-content > .active {

    display: block;

    transform: translateX(0px);

}*/

/*Single page*/
#coming_soon.wrapper.single_page {
    height: auto;
}
.single_page .page_title {
    background: #007cdc none repeat scroll 0 0;
    padding: 50px 0;
}
#coming_soon.single_page .page_title h2 {
    color: #fff;
    font-weight: 400;
    margin: 0;
    padding-bottom: 15px;
    position: relative;
    text-transform: uppercase;
}
#coming_soon.single_page .page_title h2::after {
    border-bottom: 1px dashed #fff;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0px);
    width: 80px;
}

.page_content {
    background: #fff none repeat scroll 0 0;
    padding: 50px 0;
}

/* single page form*/ 
.single_page .form-control {
    border: 1px solid #e8e8e9;
    border-radius: 0;
    color: #3c4263;
	font-size:20px;
}
.single_page .form-control:focus {
    border-color: #007CDC;
}
#subdomainname {
    color: #4f5eaf;
}
#coming_soon .registration_form .form-group p {
    margin: 0;
}
#coming_soon .registration_form h2 {
    color: #007CDC;
    font-size: 25px;
    margin: 40px 0;
    text-align: left;
    font-weight: 400;
}
.form-error {
    color: #f00;
    margin-top: 15px;
}
.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
	border-radius:0;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.registration_form .custom_select {
    background: rgba(0, 0, 0, 0) url("../img/arrow_black_dwn.png") no-repeat scroll right 30px center;
    border: medium none;
    margin: 0;
}
.registration_form .custom_select select {
    padding-left: 12px;
}
.registration_form .custom_select option {
    background: none;
    border-bottom: none;
}
.notify_text {
    color: #999;
}
.registration_form .btn.btn-default {
    background: #007CDC none repeat scroll 0 0;
    font-size: 22px;
	padding:5px 20px;
}
.footer_section {
    background: #313238 none repeat scroll 0 0;
    color: #ddd;
    padding: 25px 0;
    text-align: right;
}

/* USER MENU */

.tab_content_top {
    position: relative;
	float:right;
	cursor:pointer;
}
.user_menu {
    display: table-cell;
    height: 106px;
    vertical-align: middle;
}
.user_menu i {
    border: 1px solid #c6c8d1;
    border-radius: 50%;
    color: #c6c8d1;
    margin-right: 20px;
    padding: 5px;
    top: 0;
}
.user_options::before {
    border-bottom: 10px solid #2e3350;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 5px;
    top: -5px;
    width: 0;
}
.user_options {
    background: #2e3350 none repeat scroll 0 0;
	opacity:0;
    position: absolute;
    right: 20px;
    text-align: left;
    top: 50px;
    width: 150px;
	transition: all .5s;
	visibility:hidden;
	box-shadow:0 0 5px #20243e;
}
.tab_content_top.active .user_options {
    top: 100%;
	opacity:1;
	visibility:visible;
}
.user_options > ul {
    list-style: outside none none;
    margin: 0;
    padding-left: 0;
}
.user_options ul li {
    border-bottom: 1px solid #20243e;
    padding: 5px 10px;
}

/* 9_22_17 */

.mk-header-toolbar {
    background: #007cdc none repeat scroll 0 0;
    color: #fff;
    text-align: right;
    padding: 10px 0;
}
#coming_soon .mk-header-toolbar a {
    color: #fff;
}
.site_header ul li {
    display: inline-block;
    list-style: outside none none;
    padding: 0 10px;
}
.header-toolbar-contact, .mk-toolbar-navigation {
    display: inline-block;
    vertical-align: middle;
}
.site_header ul {
    margin: 0;
    padding: 0;
}
.header-toolbar-contact, .header-toolbar-contact a {
    font-weight: 600;
}
#coming_soon .mk-toolbar-navigation a {
    color: rgba(255, 255, 255, 0.7);
}
.logo img{
    max-height: 90px;
}
/*.logo {
    padding: 20px 0;
}*/

.menu_holder {
    position: relative;
}
.menu_content {
    position: absolute;
    right: 0;
    text-align: right;
    top: 50%;
    transform: translate(0px, -50%);
}
.site_header .main_menu ul li {
    padding: 0 20px;
}
.site_header .main_menu ul li a {
    color: #007cdc;
    font-weight: 700;
    border-bottom: 2px solid transparent;
    text-transform: uppercase;
    font-size: 13px;
}
.site_header .main_menu ul li a:hover {
    border-bottom: 2px solid #fff;
}

.footer_section ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: right;
    vertical-align: middle;
}
.footer_section ul li {
    display: inline-block;
    list-style: outside none none;
    padding: 0 10px;
}

.footer_section ul li a {
    color: rgba(255, 255, 255, 0.8);
}
.footer_section ul li a:hover {
    color: #007cdc;
}
.copyright {
    float: left;
}
#coming_soon h3.mk-box-icon-title {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    padding: 10px 0 10px 0;
    text-transform: capitalize;
}
.contact_info {
    background: #F9F9F9;
    padding: 60px 0;
    text-align: center;
}
.mk-box-icon-icon i {
    font-size: 42px !important;
    color: #333;
}
.mk-box-icon-content {
    font-size: 16px;
    color: #777;
}






/*FOR RESPONSIVE*/



@media only screen and (max-width:767px){

    .wrapper{

        width:100%;

    }

}

@media only screen and (max-width:479px){

.btn.btn-default {

    font-size: 22px;

}

.form-control{

	font-size:20px;

}

.input-group-addon {

    font-size: 16px;

}

.option_btn {

    font-size: 22px;

	line-height:normal;

}

.screen_title {

    font-size: 22px;

}

#record_btn > img {

    width: 75%;

}

}
.download_sec {
    text-align: center;
    padding: 60px 0;
}
#coming_soon .download_sec h3 {
    color: #007CDC;
    font-size: 25px;
    margin: 40px 0 0;
    text-align: center;
    font-weight: 400;
    line-height: 36px;
}