/* dawards.css */

body
{
   padding:0px;
   font-family: "proxima-nova", Arial, Helvetica, sans-serif !important;
   transition: 0.25s all ease-in-out;
   background-color: #f1f1f1;
}

boty *:active { outline:none; }

.row {
    max-width: 800px;
	padding-bottom:20px;
	margin-bottom:0;
}

body:not(.body_login) .row{
	background-color:#fff;
}

.body_admin .row{
	max-width:none;
}

.div_logo
{
  color:#fff;
  font-size:2.2em;
  font-weight:400;
  vertical-align:middle;
  margin-top:2em;
}

.body_login
{
   background: url("../images/MainLanding-01.png");
   background-repeat: repeat;    /* Changed from no-repeat to repeat */
   background-size: auto;       /* Changed from cover to auto to prevent stretching */
   background-position: center; /* Keeps the centering */
}


.div_home_category
{
   color:#fff;
   font-style: normal;
   font-weight: 600;
   font-size: 24px;
   line-height: 36px;
}

.div_signup
{
   font-style: normal;
   line-height: 2em;
}

.btn_login
{
   color:#fff;
   cursor:pointer;
   box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
   border-radius: 5px;
   height:50px;
   width:325px;
   margin-bottom:15px;
   font-size:14px;
   font-weight:300;
   padding:10px 0px;
   vertical-align:middle;
   transition: transform 0.2s;
}

.btn_login > .sp_logo
{
   height:30px;
   vertical-align:middle;
   display:inline-block;
   width:50px;
   border-right:1px solid rgba(255,255,255,0.3);
   text-align:left;
}

.btn_login > .sp_logo img
{
   height:100%;
}

.btn_login > .sp_title
{
   vertical-align:middle;
   display:inline-block;
   width:70%;
}

.btn_fb
{
   background:#0084F4;
}

.btn_google
{
   background:#4EAEFF; 
}

.btn_signup,
.btn_email
{
   background:#FBC02D; 
}

.sp_signup
{
   padding:20px 0;
}

.sp_signup,
.sp_signup > a
{
   color:#fff;
}

.txt_edit
{
   border:1px solid #ccc !important; 
   border-radius:5px !important;
   width:325px !important;
   box-sizing:border-box !important;
   padding:0px 5px !important;
}

.signup_title
{
   font-size:1.4em;
   font-weight:400;
   margin-bottom:1em;
}

.signup_sub_title
{
}

.page_header
{
   width:100%;
   background:#fff;
   position:fixed;
   left:0px;
   top:0px;
   z-index:100;
   vertical-align:middle;
   padding-top:10px;
   height:60px;
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   text-align:center;
}

.page_header_logo { height:35px;vertical-align:middle; }
.page_header_title { padding-top:0.5em;vertical-align:middle;display:inline-block;font-size:1.2em;color:#999; }

#div_header
{
   padding:0px;
   position:relative;
   margin-top:60px;
}

.div_header_image
{
   width:100%;
   overflow:hidden;
   height:25vh;
   max-height:150px;
   background: url(../images/Banner-03.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-clip: padding-box;
   background-position: center;
}

.img_block
{
   height:100%;
   width:100%;
   position:absolute;
   left:0px;
   top:0px;
}

.div_header_image img
{
   xwidth:100%;
   height:100%;
   display:none;
}

@media only screen and (max-width: 480px)
{
   .div_header_image img
   {
      width:auto;
      height:100%;
   }
   
   .div_header_text .div_sub_title {
    font-size: 1.2em;
   }
}

.div_header_text
{
   position:absolute;
   color:#fff;
   bottom:30px;
   left:0px;
}

.row .col .div_header_text {
    padding: 0 2rem;
}

.div_header_text .div_sub_title
{
   font-size:1.5em;
   text-transform: uppercase;
}

.div_header_text .div_title
{
   font-size:2.4em;
   font-weight: 600;
}

.div_vote_container{
	background-color: #ff0000;
    display: table;
    padding: 5px 15px;
	font-weight: 600;
    border-radius: 0.5em;
    margin-top: 10px;
    color: #fff;
}

.div_category .div_vote_container{
	background-color: #ff9800;
}

.div_category
{
  padding:0px !important;
  xbox-shadow: 0px 24px 32px rgba(50, 50, 71, 0.08), 0px 16px 16px rgba(50, 50, 71, 0.08);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  height:230px;
  margin:12.5px 0px;
  position:relative;
  cursor:pointer;
  transition: transform 0.2s;
}

.dot
{
   display:inline-block;
   color:grey;
   margin-top:-10px;
   width:1em;
   text-align:center;
   vertical-align:middle;
}

.btn2
{
   outline:none;
   color:#fff;
   cursor:pointer;
   box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
   border-radius: 5px;
   height:50px;
   max-width:325px;
   width:100%;
   margin-bottom:15px;
   font-size:14px;
   font-weight:300;
   padding:10px 0px;
   vertical-align:middle;
   border-color:transparent;
   font-size:16px;
   background:#E5E5E5;
}

.div_vnt {
    font-weight: 600;
    font-size: 1.3em;
    margin: 0.25em 0;
}

.div_celebration {
    background: linear-gradient(180deg, #FF1919 -6.94%, #FAC800 114.56%);
    background-image: url(../images/background.png);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    color: #fff;
    min-height: 199px;
    margin: 12.5px;
    text-align: center;
    padding: 35px !important;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: cover;	
}

.div_contact {
    margin: 50px 0;
}

.div_contact .div_big_title {
    font-size: 1.5em;
}

.div_info
{
   cursor:pointer;
   background: linear-gradient(180deg, #FF1919 -6.94%, #FAC800 114.56%); 
   background-image:url("../images/background.png");
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
   border-radius: 10px;
   color:#fff;
   min-height:199px;
   margin:12.5px;
   text-align:center;
   padding:35px !important;
   vertical-align:middle;
   background-repeat:no-repeat;
   background-size:cover;
   transition: transform 0.2s;
}

.div_info:hover, .div_category:hover, .btn_login:hover{
	transform: scale(1.05);
}

.div_info .div_small_title
{
   font-size:0.8em;
}

.div_category .div_med_title,
.div_info .div_med_title
{
   font-size:1em;
   font-weight: 300;
}

.div_category .div_med_title {
    padding-top: 10px;
    color: #ccc;
}

.div_info .div_big_title, .div_celebration .div_big_title
{
	padding: 25px 0;
	font-size:2em;
	font-weight: 600;
}

.div_info .div_big_date{
	font-size:3em;
}

.div_info#btn_da_link
{
   background:url("../images/Banner-03.png");
   background-position:center;
   background-size:cover;
}

.div_celeb_btn {
    background-color: #fff;
    padding: 15px;
    font-weight: 600;
    border-radius: 0.5em;
    margin-top: 10px;
    color: #9c9c9c;
    width: 40%;
    left: auto;
    right: auto;
    display: inline-block;
    margin: 10px;
    box-sizing: border-box;
    cursor: pointer;
    transition: transform 0.2s;
}

.div_celeb_btn:hover {
    transform: scale(1.1);
    color: #ff9800;
}

.div_category .div_category_title {
   padding:25px;
}

.div_category .div_small_title
{
   font-size:1em;
}

.div_category .div_big_title
{
   font-size:1.5em;
   font-weight: 600;
}

.div_category .div_category_image
{
   color:red;
   border-radius:0px 10px 10px 0px;
   padding:0px;
   height:100%;
   background:url('../images/background-profile.jpg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position: center center;
   -webkit-transition: background 0.5s linear;
   -moz-transition: background 0.5s linear;
   -o-transition: background 0.5s linear;
   -ms-transition: background 0.5s linear;
   transition: background 0.5s linear;
}

.div_category .div_dpoty.active{
	transition-delay:1.5s;
}

.div_category .div_rs.active{
	transition-delay:0s;
}

.div_category .div_bioty.active{
	transition-delay:3s;
}

.btn_orange
{
   background:#FBC02D; 
}

#div_profile .sp_title
{
   font-weight: 600;
   padding: 5px 0;
   font-size: 1.2em;
   color: rgba(0,0,0,0.87);
}

.sp_field {
    color: #808080;
}

.profile_header
{
   height:250px;
   padding-top:80px !important;
   padding:10px 0px;
   font-size:17px;
   margin-bottom:0px;
   background: url(../images/MainLanding-01.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
}

#div_profile .div_section{
	padding:1em 0px;
}

#div_profile .div_section:not(:last-child)
{
  border-bottom:1px solid #ddd;
}

#div_profile .div_section:first-child
{
  border-top:1px solid #ddd;
  padding: 0.5em 0;
}

@media only screen and (min-width: 601px)
{
	div#img_profile_picture {
    width: 150px;
    height: 150px;
    margin-top: -4em;
	}
}

#btn_prev, #btn_next
{
    color: #666 !important;
    font-weight: 300;
}

#btn_prev .mdi, #btn_next .mdi
{
   color:#E64A19;
}

#img_profile_picture
{
   width:110px;
   height:110px;
   border-radius:50%;
   margin-top:-3em;
   background:rgba(0,0,0,0.1);
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center;
   margin-left: 10px;
   box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
}

#sp_name
{
   font-size:20px;
   padding-left:2em;
   color:#151522;
   padding-top:10px;
   display:inline-block;
}

.div_profile_cards
{
}

.div_profile_cards > .col { padding:0px 7.5px; }

.div_profile_cards .div_profile_card_wrapper
{
   width:150px;
   height:207px;
   border-radius:10px;
   border:1px solid #ccc;
   padding-bottom:1em;
}

.div_profile_card .div_image
{
   border-radius:7px;
   position:relative;
   width:100%;
   height:132.58px;
   background-size:cover !important;
   background-repeat:no-repeat !important;
}

.div_profile_card .div_image image
{
   width:100%;
}

.div_profile_card .div_content 
{
   padding:10px;
}

.div_profile_card .div_content .sp_name
{
   font-weight:bold;
   color:#151522;
   font-size: 1.1em;
   line-height: 22px;
}

.div_profile_card .div_content .sp_company_name
{
   color:#999;
   font-size: 0.9em;
   line-height: 2.0em;
}

/* category */

@media only screen and (max-width: 400px)
{
.ul_candidates .div_candidate_container{
	width: 60%;
}
}

@media only screen and (max-width: 601px){
.div_category {
	height:auto;
    display: flex;
    flex-direction: column-reverse;
}

.div_category .div_category_image {
    height: 0;
    padding-top: 75%;
	border-radius:10px 10px 0 0;
}

.div_celebration .div_celeb_btn{
	width:100%;
}
}

.ul_candidates .div_company_name{
	color: #9c9c9c;
	font-weight: 300;
}

.ul_candidates .selected .div_company_name {
    color: #fff;
}

.sp_category_name, .sp_category_title{
	font-weight:600;
}

.ul_candidates
{
  padding:0px 14.5px;
  margin-bottom:2em;
}

.ul_candidates .li_item 
{
   padding:10px 16px;
   background: #FFFFFF;
   border: 1px solid rgba(228, 228, 228, 0.6);
   box-sizing: border-box;
   border-radius: 5px;
   margin: 15px 0px;
}

.ul_candidates .li_item.sample
{
   display:none;
}

.ul_candidates .li_item .div_action a
{
   color:#aaa;
   font-size:1.4em;
}

.ul_candidates .li_item.selected
{
   background:#FD610F;
   color:#fff;
}

.ul_candidates .li_item.preselected
{
   position:relative;
   z-index:103;
   margin-bottom:5px;
}

.ul_candidates .li_item.selected a, .ul_candidates .li_item.selected > div
{
   color:#fff;
}

.ul_candidates.voted .li_action_item.btn_confirm_vote 
{ 
   display:none !important; 
}


.div_profile_picture
{
   width:35px;
   height:35px;
   border-radius:50%; 
   position:relative;
   overflow:hidden;
   margin-right: 10px;
   background-repeat: no-repeat;
   background-size: cover;
   background-clip: padding-box;
   background-position: center;
}

.div_profile_picture > img
{
   height:100%;
}

.ul_candidates .li_item > div 
{ 
	vertical-align:middle;
	display:inline-block;
	color: rgba(0,0,0,0.87);
}

.ul_candidates .li_action_item 
{ 
   vertical-align:middle;
   display:block !important; 
   height:50px;
   padding:7px 16px;
   cursor:pointer;
}

.ul_candidates .li_action_item:hover{
	background-color: #f1f1f1;
}

.ul_candidates .btn_cat_action{
	cursor: pointer;
}

.ul_candidates:not(.voted) .li_action_item:first-child {
    border-bottom: 1px solid #ccc;
}

.ul_candidates .li_action
{
   height:auto;padding:0px;margin-top:-3px;
   display:none;
}

.ul_candidates .li_action_item .div_icon
{
   height:35px;
   width:35px;
   vertical-align:middle;
   font-size:24px;
   color:#ccc;
}

.ul_candidates .li_action_item .div_icon > img
{
   height:28px;
}

.ul_candidates .li_action_item > div { vertical-align:middle;display:inline-block; }

.ul_candidates .div_name { margin-left:0em; }

.ul_candidates .div_action { float:right;margin-top:0.5em; }

#sp_thankyou { display:none; }

#btn_vote
{
  background:#FBC02D;
  box-shadow:none;
}

#btn_vote:disabled
{
   background:#E5E5E5;
   
}

#modal_confirm_vote,
#modal_thank_vote
{
   border-radius:15px;
   text-align:center;
}

#modal_thank_vote .big_logo { font-size:6em;color:#00C48C; }
#modal_thank_vote .div_big_title { font-size:2.0em;font-weight:400;padding:0.5em; }
#modal_thank_vote .div_med_title { font-size:1.0em;color:#FD610F;letter-spacing:0.5px;padding-bottom:1em; }
#modal_thank_vote .div_small_title { font-size:0.9em;color:#999999;margin-top:2em; }

#modal_thank_vote .btn_share
{
   border:0.5px solid #aaa;
   border-radius:5px;
   height:50px;
   width:50px;
   text-align:center;
   display:inline-block;
   font-size:2em;
   margin:10px 5px;
   padding-top:5px;
}

.btn_share_fb { color:#3B5998; }
.btn_share_wa { color:#00C48C; }

#modal_confirm_vote .div_med_title { color:#151522; }
#modal_confirm_vote .div_small_title { color:#FD610F;padding:1em 0px; }

#btn_vote_yes,
#btn_vote_no
{
   width:150px;
   height:50px;
   display:block;
}

#btn_vote_yes { color:#fff;background:#FBC02D; }
#btn_vote_no { color:#151522;background:#fff; }

#block
{
  position:fixed;
  top:0px;
  left:0px;
  width:100%; 
  height:100%;
  background:rgba(0,0,0,0.7);
  z-index:101;
  display:none;
}

.div_social_media
{
   padding:1em 0px;
   font-size:1.0em;
   color:#999999;
   vertical-align:middle;
}

.div_social_media .mdi
{
   font-size:1.3em;
   vertical-align:middle;
   color:#999999;
}

.div_social_media .right-align a {
    padding: 0 3px;
}

.spx,
.sp_total_vote
{
   padding-left:5px;
   vertical-align:middle;
}

#sp_votenow, #sp_thankyou {
    padding: 10px 14.5px;
    font-weight: 600;
}

.img_like
{
   vertical-align:middle;
   height:28px;
}

.img_like2
{
   vertical-align:middle;
   height:21px;
}


/* end of file */