@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=cyrillic,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&subset=cyrillic');

*{ padding:0; margin:0;}
body{font-family: 'Roboto', sans-serif; font-size:15px; color:#393939; font-weight:400;}

/*________________ HEADER CSS START HERE _________________*/
/*-----------------*********************------------------*/

.header-section{ background:#2b384c;}
.logo{ display:block; padding:10px 0 5px;}
a:hover, a:focus{ text-decoration:none;}

/*_______ Header Notification _______*/
.header-notifications-wrapper{ float:right;}
.header-notifications{ list-style:none; display:block; padding:0; margin:0;}
.header-notifications li{ display:block; float:left; padding:30px 0 25px; position:relative;}
.header-notifications li a, .create_job_btn {cursor: pointer; color:#fff; padding:0 11px; display:block;}
.header-notifications li a:hover{ text-decoration:none;}
.header-notifications li a .dot-alert{ display:none;width:13px; height:13px; background:#ffc529; z-index:9; border:solid 3px #05040f; border-radius:50%; position:absolute; top:26px; right:4px;}
.header-notifications li a .dot-alert{ top:25px; right:5px;}
.user-notification img{ margin-left:0; margin-top:-2px; width:29px; height:29px;border-radius: 2px; border: 2px solid #fff;}
.notification-arrow { border: solid transparent; content:" "; height:0; width:0; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color:#ffffff; border-width:7px; margin-left:15px; float:right; margin-top:9px;}
.header-notifications .border-lt a{ border-left:solid 1px #252530; padding:0 10px 0 15px; margin-left:5px;}
.header-notifications .border-rt a{ border-right:solid 1px #252530; padding:0 15px 0 10px; margin-right:5px;}
.header-notifications a:hover .notification-arrow {border-top-color:#ffc529;}

/*_______ Header Profile Dropdown _______*/

.header-notifications .user-notification .dropdown-menu.profile-dropdown{ width:220px; right:0; left:auto; padding:5px 0; top:78px; box-shadow:0px 4px 9px 0px rgba(0,0,0,0.35);}
.header-notifications .user-notification .dropdown-menu.profile-dropdown:after{top:-19px; left:75%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color: rgba(255, 172, 41, 0); border-bottom-color:#fff; border-width:10px; margin-left:-10px;}
.profile-dropdown li{ display:block; float:none;}
.profile-dropdown li a{ display:block !important; float:none !important; color:#151515 !important; font-size:16px !important; font-weight:400 !important; line-height:48px !important; border-bottom:solid 1px #e3e3e3 !important;}
.profile-dropdown li:last-child a{ border-bottom:none;}
.profile-dropdown li .logout-form{ margin:0;}
.profile-dropdown li .logout-button{ display:block; width:100%; padding:0; background:none; border:0; text-align:left; color:#151515; font-size:16px; font-weight:400; line-height:48px; border-bottom:solid 1px #e3e3e3; cursor:pointer;}
.profile-dropdown li:last-child .logout-button{ border-bottom:none;}
.profile-dropdown li a span{ background:url(/main/assets/images/dropdown-profile-icons.png) no-repeat; float:left; margin-top:7px; margin-right:10px;}
.profile-dropdown li .logout-button span{ background:url(/main/assets/images/dropdown-profile-icons.png) no-repeat; float:left; margin-top:7px; margin-right:10px;}
.profile-dropdown li a span.profile-icon{ width:34px; height:34px; background-position:0 0; }
.profile-dropdown li a span.create-icon{ width:34px; height:34px; background-position:-35px 0;}
.profile-dropdown li a span.my-project-icon{ width:34px; height:34px; background-position:-74px 0;}
.profile-dropdown li a span.feedback-icon{ width:34px; height:34px; background-position:-112px 0;}
.profile-dropdown li a span.support-icon{ width:34px; height:34px; background-position:-153px 0;}
.profile-dropdown li a span.logout-icon{ width:34px; height:34px; background-position:-190px 0;}
.profile-dropdown li .logout-button span.logout-icon{ width:34px; height:34px; background-position:-190px 0;}

/*_______ Header Login SignUp Css _______*/

.login-signup-menu{ float:right; list-style:none; padding:0; margin:0 -15px;}
.login-signup-menu li{ float:left;}
.login-signup-menu li a{ font-size:16px; color:#eee; font-weight:400; display:block; padding:32px 10px;}
.login-signup-menu li a:hover{ color:#ffac29;}

/*________________ HEADER CSS END HERE _________________*/
/*-----------------*********************------------------*/

.processing {
    font-size: 29px;
    display: none;;
}

.what_is, .what_is *,.what_is:hover * {
    text-align: center;
    color: #fff !important;
    font-family: 'Oswald', sans-serif;
}

.navigation-tab .navbar-default{ background:none; border:none; margin:0;}
.nav.navbar-nav.login-signup-menu > li > a{ color:#fff;	}
.nav.navbar-nav.login-signup-menu > li > a:hover{ color:#ffac29; text-decoration:none;}
.navigation-tab.after-login{ float:left;}

/*______________Header, Mobile Responsive start here_____________*/
/*-----------------*********************------------------*/

@media(min-width:300px) and (max-width:767px) {
    .logo{ display:block; text-align:center; float:left; width:200px; position:relative; z-index:99;}
    .logo img{ width:100%; height:auto;}
    .header-section .col-sm-8.col-md-9{ border-top:solid 1px #1e1e26;}
    .header-notifications li{ padding:15px 0 10px;}
    .header-notifications li a{ padding-left:12px; padding-right:12px;}
    .header-notifications-wrapper{ width:250px; margin:0 auto; float:none;}
    .header-notifications li a .dot-alert{ top:12px; right:7px;}
    .header-notifications .user-notification .dropdown-menu.profile-dropdown{ top:55px; right:5px;}
    .user-notification img { margin-top:-5px; width:32px;}
    .header-notifications-wrapper.interiol-page-header .header-notifications .dropdown .dropdown-menu.profile-dropdown{ left:-128px; top:50px;}
    .header-notifications-wrapper.interiol-page-header .header-notifications .user-notification .dropdown-menu.profile-dropdown:after{top:-16px; left:76%;}
    .header-notifications-wrapper.interiol-page-header{ float:right; width:auto;}
    .header-notifications-wrapper.interiol-page-header .user-notification.dropdown .dropdown-toggle{ padding-right:0;}
    .login-signup-menu{ float:none; text-align:left; width:100%; padding:10px 0; margin:0;}
    .navigation-tab .login-signup-menu li{ float:none; display:block; text-align:left; width:100%;}
	.col-sm-8.col-md-9 > .login-signup-menu{ text-align:center;}
	.col-sm-8.col-md-9 > .login-signup-menu li{ float:none; width:auto; display:inline-block; text-align:center;}
    .what_is{ font-size:18px;} 
    .login-signup-menu li a{padding:7px 10px; font-size:14px;}
    .navigation-tab .navbar-toggle{ margin-right:0; margin-top:20px; background:#fff;}
    .navigation-tab .navbar-collapse{ padding:0;}
    .navigation-tab.after-login{ float:none; border-bottom:solid 1px #354a6a;}
}


@media(min-width:768px) and (max-width:992px) {
    .logo > img { margin-top: 6px; margin-left:0; width:80%;}
    .login-signup-menu li a {font-size:14px; padding:30px 4px;}
    .navigation-tab.after-login{ float:none;}
    .login-signup-menu li a{ font-size:12px; padding:30px 3px;}
    .navigation-tab.after-login .login-signup-menu li a{ padding:15px 0 0 7px; font-size:14px;}
    .header-notifications li{ padding:0 0 15px;}
}


.confirm-section { min-height:500px;}
.confirm-section h1{ font-size:55px; font-weight:700; color:#4560B1; text-align:center; padding:40px 0 25px;}