html{
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0px;
min-height:100%;/* make sure it is at least as tall as the viewport */
position:relative !important;
z-index:-1;
max-height: 100%;
}
body{
z-index:-1;
width: 100%;
height: 100%;
position: relative !important;
margin: 0 auto;
padding: 0px;
max-height: 100%;
}
.ps-scrollbar-x, .ps-scrollbar-x-rail{
display: none !important;
}
.ps-scrollbar-y-rail{
background: gray;
right: 0px !important;
}
/*.onepage-wrapper .ops-section{z-index: -1;}*/
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
@font-face
{
font-family: myVarela;
/*src: url(VARELAROUND-REGULAR.TTF) ;*/
src: url(/css/css-eprofound/Nunito-Light.ttf) format("opentype");
/*src: url(/css/css-eprofound/VarelaRound-Regular.otf) format("opentype");*/
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: myVarelaBold;
/*src: url(VARELAROUND-REGULAR.TTF) ;*/
src: url(/css/css-eprofound/Nunito-Regular.ttf) format("opentype");
/*src: url(/css/css-eprofound/VarelaRound-Regular.otf) format("opentype");*/
font-weight: normal;
font-style: normal;
}
p,span,button,input,select,option{
/*font-family: 'Varela Round', sans-serif;*/
font-family: myVarela;
}
input{
color: #2c3d5b;
}
header {
height: 120px;
background-color: #1c3556;
min-width: 1200px;
}
a{
text-decoration: none;
}
button{cursor: pointer;}
html, body{
border: 0 none;
font-size: 100%;
margin: 0;
outline: 0 none;
padding: 0;
/*vertical-align: baseline;*/
}
h1,h2{
margin:0;
font-family: myVarela;
}
.left_m{
margin-left: 20px;
}
.clear{
clear:both;
}
.f14{
font-family: myVarela;
font-size: 14px;
font-weight: 500;
}
.f16{
font-family: myVarela;
font-size: 16px;
font-weight: 500;
}
.nofl{
float: none !important;
}
.active-result{
font-family: myVarela;
}
.margin_30_b{
margin-bottom: 30px !important;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
/*display: inline-block;*/
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
.bolder{
font-weight: 500;
font-family: myVarelaBold !important;
}
div.main-container{
position: relative;
width:1200px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto 10px;
}
div.logo-header{
float:left;
/*margin:0px 0px 0px 100px;*/
padding-top: 31px;
}
/************ Alert pop up ****************/
#alert_pop_up{
width: 450px;
height: 145px;
background: #eff2f4;
border-radius: 5px;
position: absolute;
margin: auto;
top: 0;
left:0;
right: 0;
bottom: 0;
z-index: 1;
display: none;
}
#alert_pop_up_content{ width: 95%; margin: 0 auto; margin-top: 5px; height: 100px;}
#alert_pop_up_action_div{position: absolute; bottom: 10px; width: 96%; text-align: right;}
#alert_pop_up_action_div button{ width: 100px; height: 25px; border-style: none; border-radius: 5px; color: #fff;}
#alert_ok{background: #1c3556 !important;}
#alert_cancle{background: #818a96 !important;}
/************ Alert pop up End****************/
/********** HEADER *************/
#header_whrap{
width: 1200px;
/*height: 150px;*/
height: 120px;
margin: 0 auto;
}
#site_status_link{
vertical-align: bottom;
float: right;
}
#site_status_link div{
float: left;
margin: 0px;
padding: 0px;
cursor: pointer;
-webkit-transition: background .5s;
transition: background .5s;
}
#site_status_link div:hover #orange_lenth{
/*background-color:#ed4847 !important;*/
}
#site_status_link div:hover {
background-color: #12243c;
}
#prof_ic{
width: 134px;
height: 120px;
position: relative;
}
#prof_ic img{
position: absolute;
margin: auto;
top: -30px;
bottom: 0;
left: 0;
right: 0;
}
#prof_ic p{
position: absolute;
top: 50px;
bottom: 0;
left: 0;
right: 0;
color: white;
text-align: center;
font-size: 16px;
}
#emp_ic{
width: 120px;
height: 120px;
position: relative;
}
#emp_ic img{
position: absolute;
margin: auto;
top: -30px;
bottom: 0;
left: 0;
right: 0;
}
#emp_ic p{
position: absolute;
top: 50px;
bottom: 0;
left: 0;
right: 0;
color: white;
text-align: center;
font-size: 16px;
}
.active_status_link{
background: #12243c;
}
#orange_lenth{
position: absolute;
top: 115px;
width: 100%;
height: 5px;
vertical-align: text-bottom;
}
#orange_lenth_2{
position: absolute;
top:35px;
width: 100%;
height: 5px;
vertical-align: text-bottom;
background-color: transparent;
transition: background .5s;
}
.active_orr{
background-color:#ed4847 !important;
}
#dynamic_menu_bar{
z-index: 1;
position: absolute;
width: 1200px;
margin: 0 auto;
height: 50px;
left:0;
right: 0;
}
#dynamic_menu_bar div{
float: left;
}
#dyn_left{
position: relative;
/*width: 900px;*/
max-width: 700px;
height: 50px;
}
#dyn_right{
float: right !important;
min-width: 254px;
height: 35px;
background: url('../../img/icon-home/right-menu-bg-transp.png');
}
.dyn_menu_part{
margin: 0px;
height: 40px;
width: 100%;
}
#dyn_left ul{
padding: 0px;
margin: 0px;
max-width: 700px;
height: 40px;
}
#dyn_left ul li{
position: relative;
text-decoration: none;
display: inline-block;
height: 35px;
float: left;
background-color: #12243c;
-webkit-transition: background .5s;
transition: background .5s;
}
#dyn_left ul li:hover{
background-color: #385274;
/*border-bottom: 5px solid #ed4847;*/
}
#dyn_left ul li a{
text-decoration: none;
color: white;
}
#dyn_left ul li a p{
font-size: 14px;
margin: 0px;
text-decoration: none;
display: table-cell;
vertical-align: middle;
padding-left: 25px;
padding-right: 25px;
height: 35px;
}
#padding_fix{
padding-left: 15px !important;
padding-right: 15px !important;
}
#join_link{
height: 45px;
position: relative;
min-width: 134px;
text-align: left;
}
#join_link:hover #orange_lenth_2{
background-color: #ed4847;
}
#join_link img{
margin-top: 10px;
margin-left: 23px;
margin-right: 5px;
}
#join_link p{
display: inline-block;
margin: 0px;
position: relative;
top: -2px;
font-size: 14px;
font-family: myVarela;
color: #ed4847;
line-height: 20px !important;
}
#lock_link{
height: 45px;
position: relative;
min-width: 120px;
}
#lock_link:hover #orange_lenth_2{
background-color: #ed4847;
}
#lock_link img{
margin-top: 10px;
margin-left: 23px;
margin-right: 5px;
}
#lock_link p{
display: inline-block;
position: relative;
margin: 0px;
top: -2px;
font-size: 14px;
font-family: myVarela;
color: #2b4261;
line-height: 20px !important;
}
.active_dyn {
background-color: #385274 !important;
border-bottom: 5px solid #ed4847;
}
/********** HEADER *************/
/********************FOOTER*************************/
.footer{
width: 1200px;
height: 50px;
margin: 0 auto;
background-color: #1c3556;
height: 40px; /* .push must be the same height as .footer */
clear: both;
}
.push{
display: none;
/*.push must be the same height as .footer */
/*height: 50px; */
/*clear: both;*/
}
#left_side_footer{
float: left;
width: 500px;
height:40px;
}
#left_side_footer ul {
margin: 0px;
padding:0px;
width: 333px;
height: 40px;
}
#left_side_footer ul li{
float: left;
display: inline-block;
margin: 0px;
height: 40px;
width: 70px;
position: relative;
background: #6dbec4;
display: table;
}
#left_side_footer ul li a {
/*height: 70px;*/
text-decoration: none;
padding-left: 24.5px;
padding-right: 24.5px;
padding-top: 12px;
padding-bottom: 2px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
#left_side_footer ul li a img{
text-decoration: none;
}
#right_side_footer{
float: right;
min-width: 600px;
height:40px;
}
#right_side_footer ul {
margin: 0px;
padding:0px;
height: 40px;
float: right;
text-align: center;
}
#right_side_footer ul li:hover{
background-color: #385274;
border-bottom: 5px solid #385274;
-webkit-transition: background .5s;
transition: background .5s;
}
#orange_lenth_3{
height: 5px;
background-color: #ed4847;
visibility: hidden;
}
.active_rigth{
background-color: #385274;
z-index: 10000;
}
.active_rigth div#orange_lenth_3{
visibility: visible;
}
#right_side_footer ul li{
border-bottom: 5px solid #1c3556;
float: left;
display: inline-block;
height: 35px;
text-align: center;
}
#right_side_footer ul li a{
width: 100%;
height: 50px;
text-align: center;
text-decoration: none;
}
#right_side_footer ul li a p{
height: 23px;
padding-top: 12px;
padding-left: 25px;
padding-right: 25px;
margin: 0 auto;
font-size: 16px;
color: white;
vertical-align: middle;
}
/*#footer{
width: 1200px;
height: 70px;
margin: 0 auto;
background-color: #1c3556;
}
#left_side_footer{
float: left;
width: 500px;
height:70px;
}
#left_side_footer ul {
margin: 0px;
padding:0px;
width: 333px;
height: 70px;
}
#left_side_footer ul li{
float: left;
display: inline-block;
margin: 0px;
height: 70px;
width: 70px;
position: relative;
background: #6dbec4;
display: table;
}
#left_side_footer ul li a {
text-decoration: none;
padding-left: 15px;
padding-right: 15px;
padding-top: 24px;
padding-bottom: 13px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
#left_side_footer ul li a img{
text-decoration: none;
}
#right_side_footer{
float: right;
min-width: 550px;
height:70px;
}
#right_side_footer ul {
margin: 0px;
padding:0px;
height: 70px;
float: right;
text-align: center;
}
#right_side_footer ul li:hover{
background-color: #385274;
border-bottom: 5px solid #385274;
}
#right_side_footer ul li:hover #orange_lenth_2{
background-color: #ed4847;
}
#right_side_footer ul li{
float: left;
display: inline-block;
height: 65px;
text-align: center;
}
#right_side_footer ul li a{
width: 100%;
height: 70px;
text-align: center;
text-decoration: none;
}
#right_side_footer ul li a p{
height: 40px;
padding-top: 23px;
padding-left: 28px;
padding-right: 28px;
margin: 0 auto;
font-size: 19px;
color: white;
vertical-align: middle;
}*/
/**********************FOOTER***********************/
/************** CONTENT HOW IT WORKS *******************/
#how_it_works_background_div{
position: relative;
width: 1200px;
height: 541px;
margin: 0 auto;
/*background: url('../../img/how-it-works-bg.jpg') no-repeat;*/
}
#how_it_works_background_div div#explore_join_now_button{
left:950px !important;
top: 190px;
}
#how_it_balons_content{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 1135px;
margin: auto;
height: 164px;
}
#how_it_balons_content div{
float: left;
}
.balon_step{
position: relative;
top:10px;
border-radius: 10px;
position: relative;
background: white;
width: 211px;
height: 164px;
margin: 0px;
padding: 0px;
}
/****************************************************************************************************/
/*.balon_step:hover .big_contt{
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
position: absolute !important;
z-index: 1;
top:-15px !important;
left:-15px !important;
background-color: #ffffff;
border-radius: 10px;
}
.balon_step:hover .balon_cube{
width: 40px;
height: 40px;
position: relative;
top: -5px;
left: -10px;
}
.balon_step:hover .balon_text {
margin-top: 10px !important;
}
.balon_step:hover .balon_text_1{
color: #1c3556 !important;
}
.balon_step:hover .balon_header {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
position: relative !important;
z-index: 1;
top:-15px !important;
left:-10px !important;
}
.balon_step:hover p.balon_text_1 {
position: absolute;
left: 42px;
top: 0px;
font-size: 14px;
line-height: 16px;
}
.balon_step:hover p.balon_text_2 {
color: #1c3556 !important;
position: relative;
top: -10px;
left: 15px;
line-height: 16px;
font-size: 14px;
}*/
/****************************************************************************************************/
.big_contt{
position: absolute;
top: 0px !important;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 0px;
/*width: 100%;*/
/*height: 100%;*/
width: 207px;
height: 164px;
text-align: center;
cursor: pointer;
}
.balon_arows{
margin: 0px;
padding: 0px;
position: relative;
height: 164px;
width: 20px !important;
text-align: center;
/*background-color: black !important;*/
}
.balon_arows img{
position: absolute;
left: 5px;
top:48%;
}
.balon_header{
width: 167px;
height: 30px;
vertical-align: middle;
position: relative;
/*background-color: white;*/
margin-top: 20px;
margin-left: 20px;
}
.balon_cube{
width: 30px;
height: 30px;
border-radius: 5px;
background-color: #ed4847;
}
p.balon_text {
margin: 0px;
padding: 0px;
margin-top: 5px;
width: 100%;
height: 100%;
font-weight: bold;
color: white;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
}
.balon_text_1{
text-transform: uppercase;
position: absolute;
line-height: 16px;
width: 150px ;
margin:0px ;
top:-1px;
left: 34px;
display: inline-block;
float: left ;
font-size: 14px;
color: #ed4847 ;
text-align: left;
margin-left: 5px;
}
.balon_text_2{
line-height: 17px;
width: 173px ;
top:10px;
left: 20px;
font-size: 14px;
color: #1c3556 ;
text-align: left;
position: relative;
}
.cirkle {
border-radius: 50%;
width: 150px;
height: 150px;
background-color: white;
/*margin: 0 auto;*/
position: absolute;
/*left: 525px;*/
/*top:460px;*/
left:0;
right: 0;
bottom: -75px;
/*bottom: 0px;*/
margin: auto;
}
.cirkle2 {
border-radius: 50%;
width: 140px;
height: 140px;
background-color: #1c3556;
/*margin: 0 auto;*/
position: absolute;
left: 5px;
top:5px;
}
.cirkle2 img{
position: absolute;
margin: auto;
top:0;
left:0;
right:0;
bottom:0;
}
#how_it_title_info{
position: relative;
/*top: 70px;*/
width: 1162px;
height: 50px;
background-color: #6dbec4;
margin-left: 19px;
border-radius: 10px;
}
.arrow-up {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #6dbec4;
position: relative;
/*top: 70px;*/
margin: 0 auto;
}
#how_it_title_change_info_content{
position: relative;
top: 20px;
width: 1162px;
min-height: 55px;
background-color: #d9e4e5;
margin-left: 19px;
border-radius: 10px;
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
-moz-user-select: none; /* mozilla browsers */
-khtml-user-select: none; /* webkit (konqueror) browsers */
-ms-user-select: none; /* IE10+ */
/* padding-bottom: 50px;
margin-bottom: 20px;*/
}
#how_it_title_change_info_content_prof{
position: relative;
top: 20px;
width: 1162px;
min-height: 55px;
background-color: #d9e4e5;
margin-left: 19px;
border-radius: 10px;
}
#how_it_title_change_info_content_prof div#how_it_info_content ul{
margin: 0px;
list-style-type: none;
width: 1050px;
height: 300px;
margin: 0 auto;
display: table-cell;
vertical-align: middle;
}
/***** how_it_info_content *****/
#how_it_info_content{
width: 1050px;
margin: 0 auto;
/*position: relative;*/
/*top: 25px;*/
}
#how_it_info_content ul{
margin: 0px;
list-style-type: none;
width: 1050px;
height: 220px;
margin: 0 auto;
padding-top: 25px;
padding-bottom: 20px;
/*display: table-cell;*/
/*vertical-align: middle;*/
/*position: relative;*/
/*top: 25px;*/
}
#how_it_info_content ul li div img{
height: 15px;
float: left;
padding-bottom: 24px;
}
#how_it_info_content ul li div{
width: 1050px;
margin: 0px;
margin-bottom: 15px;
}
#how_it_info_content ul li div p{
position: relative;
top:-5px;
left: 10px;
font-family: myVarela;
color:#1c3556;
margin: 0px;
font-size: 14px;
line-height: 25px;
width: 1000px !important;
letter-spacing:1px
}
/**** how_it_info_content *****/
.header_text_in_front {
position: absolute;
top: 80px;
right: 50px;
font-size: 30px;
font-weight: 500;
width: 500px;
font-family: myVarela;
color: #1c3556;
line-height: 50px;
text-align: right;
}
#how_it_title_info h1{
font-family: myVarela;
color: #1c3556;
font-size: 19px;
font-weight: 500;
width: 1200px;
height: 50px;
text-align:center;
display: table-cell;
vertical-align: middle;
}
.crugche_left_img{
position: absolute;
top:40.2%;
left: -20px;
width: 48px;
height: 47px;
background: url('../../img/how-it-works-arrow-left.png') no-repeat;
z-index: 1;
cursor: pointer;
}
.crugche_right_img{
cursor: pointer;
position: absolute;
top:40.2%;
left: 1139px;
width: 48px;
height: 47px;
background: url('../../img/how-it-works-arrow-right.png') no-repeat;
z-index: 1;
}
#yow{
background: #fff;
}
#yow1{
width: 100%;
height: 100%;
position: relative;
}
#how_it_w_content{
/*position: relative;*/
/* top: 70px;*/
/*height: 430px;*/
margin: 0 auto;
width: 1200px;
margin-top: 80px;
}
#how_it_w_content_empl{
/*position: relative;*/
margin: 0 auto;
width: 1200px;
margin-top: 80px;
/*height: 430px;*/
}
#link_circles_down{
width: 1162px;
height: 20px;
margin: 0 auto;
/* position: relative;
top: 40px;*/
padding-top: 30px;
margin-bottom: 50px;
text-align: center;
}
.ccc{
border-radius: 50%;
width: 10px;
height: 10px;
margin-left: 10px;
cursor: pointer;
background-color: #6dbec4;
display: inline-block;
}
/**************************EXPLORE PAGE STYLE********************************/
#explore_background_div_emp{
position: relative;
margin: 0 auto;
width: 1200px;
height: 543px;
/*background: url('../../img/explore_employers.png') no-repeat;*/
}
#explore_background_div_emp h1{
position: absolute;
top: 73px;
left: 76px;
font-size: 30px;
font-weight: 500;
width: 600px;
font-family: myVarela;
color: #1c3556;
}
#explore_background_div{
position: relative;
width: 1200px;
height: 543px;
margin: 0 auto;
/* background: url('../../img/explore-pro-bg.jpg') no-repeat;
background-size: 100% 88%;*/
}
#explore_background_div h1{
position: absolute;
top: 73px;
left: 76px;
font-size: 30px;
font-weight: 500;
letter-spacing:2px;
width: 600px;
font-family: myVarela;
color: #1c3556;
}
#explore_content_div{
width: 1200px;
margin: 0 auto;
height: 100%;
background-color: #eff2f4;
}
#explore_green_navv_tabs{
width: 1200px;
height: 45px;
}
#explore_green_navv_tabs ul{
margin: 0px;
padding: 0px;
width: 1200px;
}
#explore_green_navv_tabs ul li{
width: 20%;
height: 40px;
display: inline-block;
float: left;
text-align: center;
background-color: #6dbec4;
-webkit-transition: background .5s;
transition: background .5s;
}
#explore_green_navv_tabs ul li:hover{
background-color: #56b0b7;
/*border-bottom: 5px solid #ed4847;*/
/*border-bottom: 5px solid #56b0b7;*/
}
#explore_green_navv_tabs ul li a{
text-decoration: none;
padding-bottom: 20px;
/* padding-left: 105px; */
/* padding-right: 105px; */
display: block;
width: 100%;
height: 100%;
}
#explore_green_navv_tabs ul li span{
font-family: myVarela;
color: #fff;
font-size: 16px;
font-weight: 500;
position: relative;
top: 10px;
}
#explore_tabs_wrap{
width: 1200px;
position: relative;
display: table;
height: 100%;
}
#explore_tabs_wrap div{
}
#explore_tabs_left{
width: 330px;
background-color: #e7ecef;
/*min-height: 890px;*/
/*position: relative;*/
/*float:left;*/
display: table-cell;
}
#clearr{
clear: both;
}
#explore_tabs_right{
/*width: 795px;*/
width: 820px;
/*min-height: 710px !important;*/
/* position: relative;
top: -870px;
left: 370px;*/
/*float:right;*/
display: table-cell;
vertical-align: top;
padding-left: 50px;
background-color: #eff2f4;
}
#explore_tabs_right_header{
width: 100%;
height: 56px;
}
.explore_elements{
position: relative;
max-width: 383px !important;
height: 265px;
background-color: white;
display: inline-block;
/*float: left;*/
border-radius: 5px;
/*border:1px solid #dee3e5; */
border:3px solid #fff;
webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
}
.explore_elements img{
width: 381px;
height: 120px;
/*margin-left: 1px;*/
/*margin-right: 1px;*/
/*margin-top: 1px;*/
}
.top_marr{
margin-top: 25px;
}
.explore_element_text_and_header{
width: 350px;
margin: 0 auto;
}
.explore_element_text_and_header h3{
/*margin-top: 10px;*/
/*margin-bottom: 10px;*/
margin-top: 7px;
margin-bottom: 7px;
color:#1c3556;
font-weight: 500;
font-family: myVarelaBold;
font-size: 16px;
}
.explore_element_text_and_header p{
margin: 0px;
color: #556880;
font-size: 14px;
line-height: 19px;
/*height: 75px;*/
height: 57px;
overflow: hidden;
position: relative;
padding-right: 5px;
}
#explore_tabs_right_header h2{
margin: 0px;
}
#explore_tabs_right_header h2 span{
position: relative;
top: 10px;
font-size: 16px;
font-weight:500;
color:#1c3556;
font-family: myVarela;
}
#explore_tabs_left_header{
width: 100%;
height: 175px;
text-align: center;
}
.e_t_l_h_cirkle{
margin-top: 35px;
position: relative;
border-radius: 50%;
width: 120px;
height: 120px;
background-color: #fff;
display: inline-block;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
}
.e_t_l_h_cirkle img{
/*width: 65px;*/
/*height: 70px;*/
position: absolute;
margin: auto;
top:5px;
left: 5px;
right:0;
bottom:0;
}
.explore_element_left_text_and_header{
width: 285px;
/*height: 670px;*/
/*height: 650px;*/
margin: 0 auto;
}
.explore_element_left_text_and_header h3{
text-align: center;
color:#1c3556;
font-weight: 500;
font-family: myVarelaBold;
font-size:16px;
}
.explore_element_left_text_and_header p{
color: #556880;
width: 100%;
font-size: 14px;
line-height: 20px;
text-align: justify;
text-rendering: optimizeLegibility;
margin: 0 auto;
padding-bottom: 20px;
}
/*.jq_buttons_pop_up{
visibility: hidden;
position: absolute;
width: 200px;
height: 117px;
margin: auto;
top:0;
left: 0;
right: 0;
bottom: 90px;
text-align: center;
}*/
.jq_buttons_pop_up_1 span,.jq_buttons_pop_up_2 span{
color: #fff;
font-family: myVarela;
font-size: 14px !important;
position: relative;
top: 5px;
}
.jq_buttons_pop_up_1{
width: 200px;
height: 30px;
background-color: #1c3556;
border-radius: 5px;
text-align: center;
}
.jq_buttons_pop_up_1:hover{
background-color:#0b2343;
}
.jq_buttons_pop_up_2{
text-align: center;
margin-top: 15px;
width: 200px;
height: 30px;
background-color: #ed4847;
border-radius: 5px;
}
.jq_buttons_pop_up_2:hover{
background-color:#C82D2E;
}
#cirkles_menu_bar_content{
position: absolute;
width: 100%;
height: 200px;
background: url('../../img/opacity-background2.png');
top:10%;
bottom: 0;
margin: auto;
}
#cirkles_menu_bar_content1{
position: absolute;
width: 100%;
height: 200px;
background: url('../../img/opacity-background2.png');
top:10%;
bottom: 0;
margin: auto;
}
#explore_join_now_button{
position: absolute;
top: 160px;
left: 76px;
min-width: 200px;
height: 48px;
background-color: #ed4847;
border-radius: 10px;
text-align: center;
-webkit-transition: background .5s;
transition: background .5s;
}
#explore_join_now_button:hover{
background-color: #c82d2e;
}
#explore_join_now_button span{
color: #fff;
text-transform: uppercase;
font-family: myVarelaBold;
font-size: 22px;
position: relative;
top: 10px;
padding-left: 40px;
padding-top: 13px;
padding-right: 40px;
padding-bottom: 9px;
}
.explore_circle{
position: relative;
border-radius: 50%;
width: 120px;
height: 120px;
background-color: #1c3556;
display: inline-block;
float: left;
margin-left: 48px;
margin-top: 24px;
transition: background .3s;
}
.explore_circle:hover {
background-color: #ec4847;
}
.explore_circle:hover .explore_circle_text p{
color: #ec4847;
}
.explore_circle img{
position: absolute;
margin: auto;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.explore_circle_arr{
display: inline-block;
height: 150px;
width: 20px;
float: left;
margin-left: 53px;
}
.alone_left{
margin-left: 58px;
}
.explore_circle_arr img{
margin-top: 76px;
}
.explore_circle_text{
display: inline-block;
float: left;
width: 120px;
height: 45px;
position: absolute;
top: 120px;
text-align: center;
}
.explore_circle_text p{
margin: 0px;
font-size: 13px;
width: 152px;
position: relative;
top: 5px;
left: -16px;
color: #1c3556;
/*font-weight: bold;*/
font-family: myVarelaBold !important;
}
.alone_left_top_image{
top: 5px !important;
left: 10px !important;
}
/**************************EXPLORE PAGE STYLE********************************/
/**************************EXPLORE EMPLOYERS PAGE STYLE********************************/
#explore_emp_right_wrap_rez{
width: 795px;
min-height: 620px;
/*background: green;*/
}
.explore_emp_results{
width: 813px;
height: 150px;
background-color: #fff;
border-radius: 10px;
border: 2px solid #e5e9eb;
margin-bottom: 15px;
position: relative;
overflow: hidden;
}
.explore_emp_results_left{
display: inline-block;
width: 133px;
/*height: 173px;*/
height: 150px;
/*background-color: yellow;*/
float: left;
margin-right: 15px;
}
.explore_emp_results_left img{
width: 130px;
/*height: 174px;*/
height: 144px;
border-radius: 5px;
margin-left: 3px;
margin-top: 3px;
}
.butt_link_explore_emp{
width: 186px;
height: 30px;
border-radius: 5px;
background: #1c3556;
display:table;
position: relative;
left: 5px;
top:2px;
color: white;
font-family: myVarela;
}
.butt_link_explore_emp span{
display: table-cell;
text-align: center;
vertical-align: middle;
}
.explore_emp_results_right{
display: inline-block;
width: 665px;
/*height: 173px;*/
height: 150px;
float: right;
}
.explore_emp_results_right h3{
padding: 0px;
/*margin-top: 20px !important;*/
margin-top: 12px !important;
margin-bottom: 0px !important;
font-size: 14px;
margin: 0px;
font-family: myVarela;
color: #1c3556;
font-weight: 500;
}
.explore_emp_results_right h3 p{
margin: 0px;
font-size: 14px;
font-weight: 500;
font-family: myVarela;
margin-top: 5px ;
margin-bottom: 12px;
font-style:italic;
}
.explore_emp_results_right div p{
width: 95%;
text-align: justify;
margin: 0px;
margin-bottom: 5px;
font-family: myVarela;
font-size: 14px;
line-height: 17px;
font-weight: 500;
color: #1c3556;
}
.explore_emp_results_right div span{
color: #1c3556;
font-family: myVarela;
font-size: 14px;
}
.exp_res_emp{
font-size: 14px;
width: 205px;
height:35px;
border-style: none;
border-radius: 5px;
position: absolute;
margin: auto;
left:0;
right:0;
bottom: 0;
top: 200px;
background: #f04e49;
color:#fff;
visibility: hidden;
-webkit-transition: background .3s;
-moz-transition: background .3s;
transition: background .3s;
}
.exp_res_emp:hover{
background-color: #c82d2e;
}
/**************************EXPLORE EMPLOYERS PAGE STYLE********************************/
/*****************************************HOW IT WORKS EMPLOYERS*****************************************************/
#how_it_works_emp_background_div_button_join_now{
min-width: 240px;
height: 48px;
background-color: #ed4847;
border-radius: 10px;
position: absolute;
top: 190px;
right: 50px;
text-align: center;
-webkit-transition: background .5s;
transition: background .5s;
}
#how_it_works_emp_background_div_button_join_now:hover{
background-color: #c82d2e;
}
#how_it_works_emp_background_div_button_join_now span{
color:white;
position: relative;
top: 10px;
font-family: myVarelaBold;
font-size: 22px;
letter-spacing:2px;
text-transform: full-width;
text-transform: uppercase;
}
#how_it_works_emp_background_div h1{
position: absolute;
top: 80px;
right: 51px;
font-size: 30px;
font-weight: 500;
width: 445px;
font-family: myVarela;
color: #1c3556;
line-height: 50px;
text-align: right;
}
#how_it_works_emp_background_div{
position: relative;
width: 1200px;
height: 543px;
margin: 0 auto;
/*background: url('../../img/how-it-works-empl-bg.jpg') no-repeat;*/
}
#how_it_balons_content_emp{
position: absolute;
bottom: 100px;
/*left:0;*/
left:0;
right: 0;
bottom: 0;
top: 0;
width: 1135px;
margin: auto;
height: 164px;
/*height: 200px;*/
/*background: white;*/
}
#how_it_balons_content_emp div{
float: left;
}
.big_contt_emp{
width: 207px;
/*min-height: 164px;*/
height: 164px;
cursor: pointer;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
/****************************************************************************************************/
/*.balon_step:hover .big_contt_emp{
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 19px;
position: absolute !important;
z-index: 1;
top:-15px !important;
left:-15px !important;
background-color: #fff;
border-radius: 10px;
}
.balon_step:hover .big_cont_emp_home_page{
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 19px;
position: absolute !important;
z-index: 1;
top:-15px !important;
left:-15px !important;
background-color: white !important;
border-radius: 10px;
}*/
/*.balon_step:hover .balon_cube_emp{
width: 40px;
height: 40px;
position: relative;
top: -5px;
left: -10px;
}*/
/*.balon_step:hover .balon_text {
margin-top: 10px !important;
}
.balon_step:hover .balon_text_1{
color: #1c3556 !important;
}*/
/*.balon_step:hover .balon_header {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
position: relative !important;
z-index: 1;
top:-15px !important;
left:-10px !important;
}
.balon_step:hover p.balon_text_1 {
position: absolute;
left: 42px;
top: 0px;
font-size: 14px;
line-height: 16px;
}
.balon_step:hover p.balon_text_2 {
color: #1c3556 !important;
position: relative;
top: -10px;
left: 15px;
line-height: 18px;
font-size: 14px;
}*/
.balon_cube_emp{
width: 30px;
height: 30px;
border-radius: 5px;
background-color: #ed4847;
}
/**********************************************HOW IT WORKS EMPLOYERS*****************************************************/
/********** Image flip on how it works page *************/
.flip {
-webkit-perspective: 300;
}
.flip .card.left {
-webkit-transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
-webkit-transition: 0.5s;
-moz-transform: rotateY(-180deg);
-moz-transform-style: preserve-3d;
-moz-transition: 0.5s;
transform: rotate(-180deg);
}
.flip .card.right {
-webkit-transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
-webkit-transition: 0.5s;
-moz-transform: rotateY(180deg);
-moz-transform-style: preserve-3d;
-moz-transition: 0.5s;
transform: rotate(180deg);
}
.flip .card {
}
/********** Image flip on how it works page End *************/
/**********************************************Profesionals home page*****************************************************/
.img_go_down{
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 10%;
}
.vertical_len{
position: absolute;
width: 1200px;
height: 100%;
left:0;
right: 0;
margin: auto;
z-index: -1;
}
#profesionals_background_div{
position: relative;
width: 1200px;
height: 517px;
margin: 0 auto;
/*background: url('../../img/icon-home/homepage-bg.jpg') no-repeat;*/
overflow:hidden;
z-index:-1 ;
}
#container_home{
width: 100%;
}
#profesionals_balons_content_emp{
position: absolute;
bottom:0 ;
left:0px;
top: 0;
right: 0;
width: 1135px;
margin: auto;
height: 184px;
}
#profesionals_balons_content_emp2{
position: absolute;
bottom:0 ;
left:0px;
top: 0;
right: 0;
width: 1135px;
margin: auto;
height: 184px;
}
#profesionals_balons_content_emp div{
/*float: left;*/
}
/******************************************** apple menu init containers inportant for safari ************************************************/
#prof_green_cont, #prof_green_cont2{
width: 100%;
position: absolute;
left:0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
/*background: url('../../img/icon-home/hp_bg.png');*/
height: 60% ;
z-index: 99;
}
#green_back_fix{
width: 100%;
position: absolute;
left:0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background: url('../../img/icon-home/hp_bg.png');
height: 60% ;
z-index: -99;
}
.page3{
z-index: 10;
}
/******************************************** apple menu end ************************************************/
#prof_green_cont h3{
position: absolute;
display: inline-block;
height: 10%;
left: 0;
right: 0;
top: -50%;
text-align: center;
bottom: 0;
font-size: 20px;
font-weight: 500;
font-family: myVarelaBold;
color: #1c3556;
}
#prof_green_cont2 h3{
position: absolute;
display: inline-block;
height: 6%;
left: 0;
right: 0;
top: -50%;
text-align: center;
bottom: 0;
font-size: 20px;
font-weight: 500;
font-family: myVarelaBold;
color: #1c3556;
}
#explore_fields h1{
width: 1130px;
margin: 0px;
font-size: 20px;
font-weight: 500;
font-family: myVarelaBold;
position: relative;
top: 40px;
left: 40px;
color: #1c3556;
text-align: center;
}
#explore_fields{
width: 1200px;
height: 415px;
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#explore_fields1 h1{
width: 1130px;
margin: 0px;
font-size: 20px;
font-family: myVarelaBold;
font-weight: 500;
position: relative;
top: 40px;
left: 40px;
color: #1c3556;
text-align: center;
}
#explore_fields1{
width: 1200px;
height: 415px;
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#explore_fields_content{
width: 1200px;
height: 280px;
margin-top: 50px;
background: white;
}
#explore_fields_content1{
width: 1200px;
height: 280px;
margin-top: 50px;
background: white;
}
.exp_element{
float: left;
width: 20%;
/*-webkit-transform:scale(0);*/
/*transition: background .5s;*/
}
.exp_element:nth-child(5) img{
left:15px;
top: -15px;
}
.exp_element_cirkle{
position: relative;
/*display:table-cell; */
/*vertical-align: middle;*/
border-radius: 50%;
width: 175px;
height: 175px;
background-color: #1c3556;
margin: 0 auto;
margin-top: 40px;
}
.exp_element_cirkle img{
position: absolute;
margin: auto;
top:0;
left: 0;
bottom: 0;
right: 0;
}
.exp_element p{
text-align: center;
color: #1c3556;
font-size: 14px;
font-family: myVarelaBold;
}
.exp_element_hidden_inf{
position: relative;
height: 280px;
width: 1200px;
display: none;
}
.exp_element_hidden_inf img{
margin-top: 24px;
}
.exp_element_hidden_inf div:not(.arr_left_profesionals):not(.arr_right_profesionals):not(.crugche_left_img_profesionals):not(.crugche_right_img_profesionals):not(#link_circles_down):not(.ppp){
width: 890px;
margin-top:15px;
height: 250px;
float: right;
background: #6dbec4;
border-radius: 10px;
}
.pull_right{
width: 890px !important;
position: absolute;
top: 90%;
left: 26%;
text-align: center !important;
height: 30px !important;
}
.ppp{
border-radius: 50%;
width: 10px;
height: 10px;
cursor: pointer;
background-color: #1c3556;
display: inline-block;
margin-left: 10px;
}
.arr_left_profesionals{
position: absolute;
border-radius: 50%;
width: 50px;
height: 50px;
background-color: white;
position: absolute;
/*top: 100px;*/
top:39.5%;
left: 285px;
z-index: 1;
}
.crugche_left_img_profesionals{
position: absolute;
top:40.8%;
left: 290px;
width: 42px;
height: 42px;
background: url('../../img/arr_left.png') no-repeat;
z-index: 1;
cursor: pointer;
}
.arr_right_profesionals{
position: absolute;
border-radius: 50%;
width: 50px;
height: 50px;
background-color: white;
position: absolute;
top:39.5%;
left: 1175px;
}
.crugche_right_img_profesionals{
position: absolute;
top:40.8%;
left: 1177px;
width: 42px;
height: 42px;
background: url('../../img/arr_right.png') no-repeat;
z-index: 1;
cursor: pointer;
}
#profesionals_background_div_text{
width: 733px;
height: 311px;
overflow: hidden;
position: absolute;
/*top: 135px;*/
top: 70px;
left: 70px;
}
#profesionals_background_div_text h1{
font-size: 30px;
font-weight: 500;
width: 800px;
color: #1c3556;
line-height: 55px;
}
#profesionals_background_div_text p{
font-size: 16px;
font-weight: 500;
color: #1c3556;
line-height:25px;
width: 530px;
text-align: justify;
}
/* *************************************************Background text****************************************************************** */
#center_fix{
position: absolute;
/*top: 430px;*/
top: 317px;
left:100px;
width: 470px;
height: 246px;
text-align: center;
}
#profesionals_background_div_button_join_now{
/*width: 200px;*/
height: 48px;
/*background-color: #ed4847;*/
/*border-radius: 10px;*/
/*position: absolute;*/
/*top: 475px;*/
margin-bottom: 20px;
text-align: center;
}
#profesionals_background_div_button_join_now span{
height: 48px;
min-width: 200px !important;
background-color: #ed4847;
border-radius: 10px;
color:white;
padding: 10px;
padding-left: 25px;
padding-right: 25px;
font-family: myVarelaBold;
font-size: 22px;
letter-spacing:2px;
-webkit-transition: background .5s;
transition: background .5s;
}
#profesionals_background_div_button_join_now span:hover{
background-color: #c82d2e;
}
.profesionals_background_div_paragraph{
margin-bottom: 26px;
color: #ee3638;
border-radius: 10px;
/*position: absolute;*/
/*top: 435px;*/
/*left: 140px;*/
font-size: 18px;
font-weight: 500;
font-family: myVarelaBold;
text-transform: uppercase;
}
#profesionals_background_div_text_in_bottom{
/*position: absolute;*/
/*top: 555px;*/
/*left: 85px;*/
margin: 0 auto;
width: 300px;
overflow: hidden;
max-height: 110px;
border-color: #1c3456;
position: relative;
/*border-image:url('../../img/icon-home/dot.png');*/
/* border-top-style:dotted;
border-bottom-style:dotted;*/
}
.pr_back_top_dots{
width: 100%;
height: 5px;
background: url('../../img/icon-home/dot.png');
background-repeat: repeat-x;
background-position: 2px;
position: absolute;
top:0;
}
.pr_back_bottom_dots{
width: 100%;
height: 5px;
background: url('../../img/icon-home/dot.png');
background-repeat: repeat-x;
background-position: 2px;
position: absolute;
bottom: 0;
}
#pr_look_text{
margin: 0px;
font-size: 17px;
text-align: center;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 10px;
color: #1c3456;
font-weight: 500;
font-family: myVarelaBold;
}
#pr_look_text span{
margin: 0px;
font-size: 17px;
text-align: center;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 10px;
color: #1c3456;
font-weight: 500;
font-family: myVarelaBold;
}
#pr_look_text:hover{
color: #006699;
}
#pr_look_text:hover span{
color: #006699;
}
/* *************************************************Background text****************************************************************** */
.pop_paragraph_styles{
width: 90%;
margin: 0 auto;
margin-top: 10px;
text-align: left;
color: #1c3556;
line-height: 23px;
font-size: 14px;
font-weight: 500;
}
.exp_element_hidden_inf h3{
font-family: myVarela;
font-size: 16px;
margin: 0 auto;
margin-bottom: 20px;
margin-top: 20px;
width: 90%;
color: #1c3556;
text-align: left;
font-weight: 500;
}
/**********************************************Profesionals home page*****************************************************/
/**********************************************Employers home page*****************************************************/
#empl_home_background_div{
position: relative;
/*background: url('../../img/icon-home/homepage-empl-bg.jpg') no-repeat;*/
/*height: 817px;*/
height: 100%;
width: 1200px;
margin: 0 auto;
}
#emp_background_div_button_join_now{
/* width: 240px;
height: 48px;
background-color: #ed4847;
border-radius: 10px;
position: absolute;
top: 475px;
left: 113px;
text-align: center;*/
height: 48px;
margin-bottom: 20px;
text-align: center;
}
#emp_background_div_button_join_now span{
/* color:white;
position: relative;
top: 13px;
font-family: 'Varela Round', sans-serif;
font-size: 22px;*/
height: 48px;
min-width: 200px !important;
background-color: #ed4847;
border-radius: 10px;
color:white;
padding: 10px;
padding-left: 25px;
padding-right: 25px;
font-family: myVarelaBold;
font-size: 22px;
letter-spacing:2px;
}
#emp_background_div_button_join_now span:hover{
background-color: #c82d2e;
}
.emp_background_div_paragraph{
/* width: 321px;
color: #ee3638;
border-radius: 10px;
position: absolute;
top: 425px;
left: 85px;
font-size: 18px;
font-weight: 600;
letter-spacing:2px;
text-transform: uppercase;*/
color: #ee3638;
border-radius: 10px;
font-size: 18px;
/*font-weight: 600;*/
font-family: myVarelaBold;
letter-spacing: 2px;
margin-bottom: 26px;
text-transform: uppercase;
}
#emp_look_text{
/* margin: 0px;
font-size: 18px;
text-align: center;
text-transform: uppercase;
margin-top: 13px;
color: #1c3456;*/
margin: 0px;
font-size: 17px;
text-align: center;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 10px;
color: #1c3456;
font-family: myVarelaBold;
}
#emp_look_text:hover{
color: #006699;
}
#emp_background_div_text_in_bottom{
/* position: absolute;
top: 555px;
left: 85px;
width: 300px;
height: 45px;
border-color: #1c3456;
border-top-style:dotted;
border-bottom-style:dotted;*/
margin: 0 auto;
width: 300px;
overflow: hidden;
max-height: 110px;
border-color: #1c3456;
border-top-style:dotted;
border-bottom-style:dotted;
}
#emp_parr_for_eddd{
line-height: 25px;
}
/**********************************************Employers home page*****************************************************/
/********************************************** Forgot **********************************************/
#sign_in_content_div #auth_form_div{
width: 1160px;
height: 460px !important;
background: rgba(255,255,255,0.85);
border-radius: 5px;
margin: 0 auto;
position: relative;
top: 200px;
}
#sign_in_content_div #auth_form_div .sing_in_icon{
display: block;
margin: 0 auto;
position: relative;
top: -53px;
}
#sign_in_content_div #auth_form_div h2{
font-size: 16px;
color: #1c3556;
text-align: center;
position: relative;
top: -40px;
}
#sign_in_content_div h3{
font-weight: 500;
text-align: center;
font-size: 14px;
color: #1c3556;
margin: 0;
margin-bottom: 15px !important;
width: 440px;
margin-left: 75px;
}
#sign_in_content_div input{
height: 36px;
width: 430px;
padding-left: 10px;
border: none;
border-radius: 5px;
-moz-box-shadow: inset 0 0 3px 0px #b4c3d6 !important;
-webkit-box-shadow: inset 0 0 3px 0px #b4c3d6 !important;
box-shadow: inset 0 0 3px 0px #b4c3d6 !important;
font-size: 14px;
}
#sign_in_content_div div p{
float: left;
margin: 0;
/*line-height: 36px;************************************************************************************/
width: 80px;
font-size: 14px;
color: #1c3556;
}
#sign_in_content_div #auth_form_div>form>div{
width: 530px;
margin: 0 auto;
margin-bottom: 10px;
}
#sign_in_content_div .chosen-single div{
margin-right: 13px;
}
#sign_in_content_div #requestPinBtn{
display: block;
width: 192px !important;
background: #5678a4;
color: #fff;
font-size: 14px;
margin: 0 auto;
margin-top: 20px;
box-shadow: none !important;
}
#sign_in_content_div #select__chosen{
height: 34px;
margin: 0 !important;
}
#sign_in_content_div .chosen-container{
border-radius: 5px !important;
-moz-box-shadow: inset 0 0 3px 0px #b4c3d6 !important;
-webkit-box-shadow: inset 0 0 3px 0px #b4c3d6 !important;
box-shadow: inset 0 0 3px 0px #b4c3d6 !important;
margin-left: 0;
background: #fff;
width: 440px !important;
}
#sign_in_content_div .chosen-single{
background: none !important;
color: #1c3556 !important;
font-size: 14px !important;
padding: 5px !important;
width: 430px !important;
line-height: 22px !important;
}
#sign_in_content_div .chosen-single div b{
background: url("/img/arrow-down.png") no-repeat scroll -1px 12px rgba(0, 0, 0, 0) !important;
}
#sign_in_content_div .chosen-single{
padding-bottom: 5px !important;
padding-top: 5px !important;
width: 100% !important;
}
#sign_in_content_div .chosen-results li.highlighted{
background: #5678a4 !important;
}
#sign_in_content_div .chosen-single div{
right: 7px !important;
}
#sign_in_content_div .chosen-container-single .chosen-single span{
top: 0 !important;
}
#sign_in_content_div .chosen-container .chosen-drop{
width: 100% !important;
}
/********************************************** Forgot EDN **********************************************/
/**********************************************Sing In page*****************************************************/
#sign_in_content_div #auth_form_div_chek_paragraph{
margin-top: -15px !important;
}
#sign_in_content_div #auth_form_div_chek>div{
margin-top: 15px !important;
}
#sign_in_content_div .join_now{
margin-top: 40px;
}
#sign_in_content_div .join_now h2{
top: 0 !important;
}
#sign_in_content_div .button{
display: block;
width: 192px;
height: 38px;
background: #6dbec4;
border: none;
border-radius: 5px;
color: #fff;
font-size: 16px;
margin: 0 auto;
text-align: center;;
line-height: 38px;
margin-top: 15px;
}
#sign_in_content_div h2,#sign_in_content_div h3,#sign_in_content_div p,#sign_in_content_div a,#sign_in_content_div span,#sign_in_content_div div{
font-family: myVarela;
font-size: 14px;
color: #1c3556;
}
#sign_in_content_div #butt{
margin-top: 35px !important;
}
#sign_in_content_div #butt_1,#sign_in_content_div #butt{
display: block;
width: 192px;
background: #5678a4;
color: #fff;
font-size: 14px;
margin: 0 auto;
margin-top: 20px;
box-shadow: none !important;
}
#sign_in_content_div{
/*position: initial !important;
background: url(/img/sing_in_bg.png) no-repeat scroll 0 0 / cover;*/
background: url(/img/sing_in_bg.png) no-repeat scroll top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#sign_in_content_div #auth_form_div2{
background: rgba(255,255,255,0.85);
border-radius: 5px;
margin: 0 auto;
position: relative;
top: 200px;
width: 1160px;
height: 460px;
}
#sign_in_content_div.sign_in_background_div_pass{
margin-bottom: 0 !important;
background: url(/img/check_email_bg.png) no-repeat scroll top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#sign_in_content_div #auth_form_div2 #auth_form_div_chek_paragraph{
text-align: center;
margin: 0 auto;
float: left;
}
#backgroud_for_pin #auth_form_div2 #auth_form_div_chek>div{
float: left;
}
#backgroud_for_pin #auth_form_div2 #register_pin_and_mobil #butt{
margin-top: 0 !important;
}
#sign_in_content_div #auth_form_div2 div{
width: 487px;
margin: 0 auto;
}
#sign_in_content_div #auth_form_div2 div .pins{
float: left;
font-family: myVarelaBold;
margin: 0;
line-height: 36px;
width: 45px;
}
#sign_in_content_div #register_pin_and_mobil{
width: 425px !important;
margin: 0 auto;
margin-left: 48px !important;
margin-top: 13px !important;
}
#sign_in_content_div #register_pin_and_mobil p{
color: red !important;
float: right;
text-align: right;
margin: 0;
/*margin-right: 98px;*/
width: auto !important;
}
#backgroud_for_pin #auth_form_div2 #resend_pin{
color: red !important;
float: right;
text-align: right;
margin: 0;
/*margin-right: 98px;*/
width: 75px !important;
}
#backgroud_for_pin #auth_form_div2 #auth_form_div_chek div p{
width: 53px ;
line-height: 36px;
}
#sign_in_content_div #auth_form_div2 #auth_form_div_chek_paragraph{
margin-bottom: 0 !important;
}
#sign_in_content_div #register_pin_and_mobil a{
float: left;
margin: 0;
}
#sign_in_content_div #auth_form_div{
width: 1160px;
height: 460px;
background: rgba(255,255,255,0.85);
border-radius: 5px;
margin: 0 auto;
position: relative;
top: 200px;
}
#sign_in_content_div .sing_in_icon{
display: block;
margin: 0 auto;
position: relative;
top: -53px;
}
#sign_in_content_div #auth_form_div h2,
#sign_in_content_div #auth_form_div2 h2{
font-size: 16px;
color: #1c3556;
text-align: center;
position: relative;
top: -40px;
}
#sign_in_content_div #auth_form_div div p{
float: left;
margin: 0;
line-height: 36px;
width: 85px;
font-size: 14px;
color: #1c3556;
}
#sign_in_content_div input{
height: 36px;
width: 430px;
border: none;
border-radius: 5px;
-moz-box-shadow: inset 0 0 3px 0px #b4c3d6 !important;
-webkit-box-shadow: inset 0 0 3px 0px #b4c3d6 !important;
box-shadow: inset 0 0 3px 0px #b4c3d6 !important;
}
#sign_in_content_div #auth_form_div>form>div{
width: 530px;
margin: 0 auto;
margin-bottom: 13px;
}
#sign_in_content_div #forot_pass_link{
color: #ed4847;
float: right;
margin-right: 8px;
}
/**********Checkbox button***********/
#sign_in_content_div input[type="checkbox"] {
display: none;
}
#sign_in_content_div input[type="checkbox"]:checked + label span {
background: url("/img/check_radio_sheet.png") no-repeat scroll -23px top rgba(0, 0, 0, 0);
}
#sign_in_content_div .checkbox{
float: left;
margin-left: 85px;
}
#sign_in_content_div .checkbox label{
float: left;
display: inline-block;
line-height: 22px;
}
#sign_in_content_div .checkbox_span {
display: inline-block;
background: url("/img/check_radio_sheet.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 23px;
width: 22px;
margin-right: 13px;
}
#sign_in_content_div .ui-datepicker-trigger{
margin-left: 5px;
}
#auth_form_div_chek_paragraph{
width: 100% !important;
}
/*
#sign_in_background_div{
position: relative;
width: 1200px;
height: 240px;
background: url('../../img/sign-in-bg.jpg') no-repeat;
}
#sign_in_content_div{
width: 1200px;
height: 470px;
position: relative;
}
#sign_in_content_div h2{
margin: 0 auto;
text-align:center;
font-family: myVarelaBold;
position: relative;
top: 111px;
color: #1c3556;
font-weight:500;
letter-spacing:1px;
font-size:18px;
}
.cirkle_sign {
border-radius: 50%;
width: 150px;
height: 150px;
background-color: white;
position: absolute;
left: 525px;
z-index: 1;
top:165px;
}
.cirkle2_sign {
border-radius: 50%;
width: 140px;
height: 140px;
background-color: #1c3556;
z-index: 1;
position: absolute;
left: 5px;
top:5px;
}
.cirkle2_sign img{
position: absolute;
margin: auto;
top:0;
left:0;
right:0;
bottom:0;
}
#auth_form_div{
width: 778px;
height: 267px;
border-radius: 8px;
margin: 0 auto;
position: absolute;
top: 166px;
left: 211px;
background: #4d9dc5;
}
#auth_form_div form p:not(#select_auth):not(.enter_U_or_P_par){
font-weight: 500;
font-family: myVarela;
font-size: 14px;
color: #1c3556;
width: 90px;
float: left;
position: relative;
top: 45px;
margin: 0px;
margin-top: 10px;
}
#auth_form_div form input[type="text"], input[type="password"]:not(.enter_U_or_P){
width: 494px;
height: 34px;
margin: 0 auto;
border-radius: 5px;
border-style: none;
margin-bottom: 15px;
border: 2px solid white;
font-size: 16px;
float: right;
font-weight: 500;
font-family: myVarela;
position: relative;
top: 45px;
}
#auth_form_div form div:not(#forot_pass_and_remember):not(#container_btn_input):not(.enter_pin){
width: 592px;
margin-left: 44px;
}
#first_chek{
width: 20px;
height: 20px;
border-radius: 5px;
margin: 0px;
margin-top: 3px;
margin-right: 5px;
}
#forot_pass_and_remember label{
color:#1c3556;
font-family: myVarela;
position: relative;
font-size: 14px;
left: 0px;
top:-5px;
}
#forot_pass_link{
color:#1c3556;
float: right;
font-family: myVarela;
font-size: 14px;
margin-top: 5px;
}
#forot_pass_and_remember{
width: 494px;
height: 50px;
margin: 0 auto;
position: absolute;
top: 135px;
left: 142px;
margin-top: 13px;
}
#auth_form_div_chek{
position: absolute;
top: 442px;
width: 778px;
height: 217px;
background: gray;
border-radius: 8px;
margin: 0 auto;
left: 211px;
background: #4d9dc5;
}
#auth_form_div_chek p:not(#auth_form_div_chek_paragraph){
font-weight: 500;
font-family: myVarela;
font-size: 17px;
color: #1c3556;
width: 90px;
float: left;
text-align: center;
margin: 0px;
margin-top: 10px;
}
#auth_form_div_chek input[type="text"], input[type="password"]:not(.enter_U_or_P){
width: 494px;
height: 34px;
margin: 0 auto;
border-radius: 5px;
border-style: none;
border: 2px solid white;
font-size: 16px;
float: right;
font-weight: 500;
font-family: myVarela;
}
#auth_form_div_chek div:not(#register_pin_and_mobil){
position: absolute;
top: 111px;
padding: 0px;
width: 592px;
margin: 0 auto;
margin-left: 44px;
}
#auth_form_div_chek_paragraph{
margin: 0 auto;
color: #1c3556;
font-size: 14px;
line-height: 17px;
font-weight: 500;
font-family: myVarelaBold;
width: 536px;
height: 44px;
text-align: center;
margin-top: 44px;
}
#register_pin_and_mobil{
width: 494px;
height: 50px;
position: absolute;
top: 150px;
left: 142px;
}
#chek_resend_pin_link{
float: left;
margin-left: 13px;
color: #fff;
font-family: myVarela;
margin-top: 13px;
cursor: pointer;
}
#chek_regg_mobile_link{
color: #295174;
float: right;
margin-right: 9px;
font-family: myVarela;
margin-top: 13px;
}
#butt_1{
width: 280px;
height: 44px;
background: #006699;
border-radius: 8px;
box-shadow: none;
border-style: none;
color: white;
margin: 0 auto;
padding: 0px;
margin-left: 109px;
margin-top: 20px;
font-size: 16px;
font-family: myVarela;
letter-spacing:2px;
cursor: pointer;
}
#butt{
width: 388px;
height: 62px;
background: #006699;
border-radius: 8px;
box-shadow: none;
border-style: none;
position: absolute;
left: 406px;
bottom: 133px;
color: white;
font-size: 22px;
font-family: myVarela;
letter-spacing:2px ;
cursor: pointer;
}
#temp{
margin: 0 auto;
position: absolute;
left: 46.5%;
top: 150px;
}
#temp p{
padding-left: 10px;
}
#select_auth{
font-weight: 500;
font-family: myVarela;
font-size: 17px;
color: #1c3556;
text-align: center;
float: left;
margin: 0px;
margin-top: 5px;
}
#auth_form_div select{
width: 494px;
height: 35px !important;
border-radius: 5px !important;
border-style: none;
margin-bottom: 15px;
line-height: 1;
padding: 5px;
font-size: 16px;
-webkit-appearance: none;
}
#auth_form_div h3{
font-weight: 500;
font-family: myVarela;
font-size: 20px;
color: #1c3556;
}
.req_pin{
margin: 0px;
}
.enter_U_or_P{
width: 494px !important;
height: 36px !important;
margin: 0 auto !important;
border-radius: 5px !important;
border-style: none !important;
font-size: 16px !important;
float: right !important;
font-weight: 500 !important;
font-family: myVarela !important;
position: relative !important;
top: 6px !important;
}
.enter_U_or_P_par{
float: left;
}
#container_btn_input{
min-height: 50px;
}
#requestPinBtn{
border-style: none;
width: 200px;
height: 35px;
border-radius: 5px;
background-color: #006699;
color: #fff;
position: relative;
top: 15px;
left: 240px;
}
#select_{
float: right;
}
#resend_pin{
color: #fff !important;
width: 200px !important;
text-align: left !important;
cursor: pointer !important;
}*/
@media only screen and (max-width: 48em) {
div.succsess {
left: 0px !important;
top: 216px !important;
}
header {
height: 120px;
background-color: #1c3556;
min-width: 100%;
}
#header_whrap{
width: 100%;
/*height: 150px;*/
height: 120px;
margin: 0 auto;
}
#sign_in_content_div{
position: initial !important;
background: none !important; /*url(/img/sing_in_bg.png) no-repeat fixed 0 0 / cover;*/
-webkit-background-size: cover; /* For WebKit*/
-moz-background-size: cover; /* Mozilla*/
-o-background-size: cover; /* Opera*/
background-size: cover; /* Generic*/
height: auto !important;
}
#sign_in_content_div #auth_form_div{
width: 96%;
height: auto !important;
background: rgba(255,255,255,0.85);
border-radius: 5px;
border:1px solid;
margin: 0 auto;
position: relative;
top: 50px;
padding: 1%;
}
#auth_form_div2 {
background: rgba(255,255,255,0.85);
border-radius: 5px;
margin: 0 auto;
position: relative;
top: 50px !important;
width: 96% !important;
height: auto !important;
}
#sign_in_content_div #auth_form_div2 div {
width: 100%;
margin: 0 auto;
}
#sign_in_content_div #register_pin_and_mobil p {
color: red !important;
float: right;
text-align: right;
margin: 0;
/* margin-right: 98px; */
width: auto !important;
clear: both;
float: none;
}
#register_pin_and_mobil p.recovery_cont span {
float: none !important;
color: red;
}
#register_pin_and_mobil p.recovery_cont span {
float: none !important;
color: red;
clear: both;
display: block;
}
#sign_in_content_div #auth_form_div h2,
#sign_in_content_div #auth_form_div2 h2{
font-size: 1.5em;
color: #1c3556;
text-align: center;
position: relative;
top: -40px;
}
#sign_in_content_div h3{
font-weight: 500;
text-align: center;
font-size: 14px;
color: #1c3556;
margin: 0;
margin-bottom: 15px !important;
width: 98%;
margin-left: auto;
}
#sign_in_content_div #auth_form_div div p{
float: none;
margin: 0;
line-height: 36px;
width: 80%;
font-size: 1em;
color: #1c3556;
}
#sign_in_content_div input{
width: 70% !important;
border: none;
border-radius: 5px;
-moz-box-shadow: inset 0 0 3px 0px #b4c3d6 !important;
-webkit-box-shadow: inset 0 0 3px 0px #b4c3d6 !important;
box-shadow: inset 0 0 3px 0px #b4c3d6 !important;
font-size: 1em !important;
}
#sign_in_content_div #auth_form_div>form>div{
width: 90%;
margin: 0 auto;
margin-bottom: 13px;
}
#sign_in_content_div #forot_pass_link{
color: #ed4847;
float: none;
margin-right: 8px;
font-size: 1em;
width: 90%;
}
#sign_in_content_div .checkbox{
float: left;
margin-left: 0px;
width: 90%;
}
#sign_in_content_div .checkbox label{
float: left;
display: inline-block;
line-height: 22px;
font-size: 1em;
}
#sign_in_content_div .checkbox_span {
display: inline-block;
background: url("/img/check_radio_sheet.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 23px;
width: 22px;
margin-right: 13px;
}
#sign_in_content_div .ui-datepicker-trigger{
margin-left: 5px;
}
#auth_form_div_chek_paragraph{
width: 100% !important;
}
#sign_in_content_div .button{
display: block;
width: 70%;
height: 38px;
background: #6dbec4;
border: none;
border-radius: 5px;
color: #fff;
font-size: 1em;
margin: 0 auto;
text-align: center;;
line-height: 38px;
margin-top: 15px;
}
}
/**********************************************Sign In page End*****************************************************/
/********************************************** Check your email *************************************************/
#check_email{
width: 1160px;
height: 460px !important;
background: rgba(255,255,255,0.85);
border-radius: 5px;
margin: 0 auto;
position: relative;
top: 200px;
}
#check_email h2,#check_email p{
font-family: myVarela;
font-size: 14px;
color: #1c3556;
}
#check_email .sing_in_icon{
display: block;
margin: 0 auto;
position: relative;
top: -53px;
}
#check_email h2{
font-size: 16px;
color: #1c3556;
text-align: center;
position: relative;
top: -40px;
}
#check_email p{
position: relative;
text-align: center;
margin: 0;
top: -20px;
}
/********************************************** Check your email END *************************************************/
/**********************************************Join now page *****************************************************/
/*#join_now_step_1_content p{letter-spacing: 1px !important; }
#join_now_step_1_content span{letter-spacing: 1px !important; }
#join_now_step_2_content p{letter-spacing: 1px !important; }
#join_now_step_2_content span{letter-spacing: 1px !important; }
#join_now_step_3_content p{letter-spacing: 1px !important; }
#join_now_step_3_content span{letter-spacing: 1px !important; }
#join_now_step_4_content p{letter-spacing: 1px !important; }
#join_now_step_4_content span{letter-spacing: 1px !important; }
#join_now_head_tabs p{letter-spacing: 0px !important; }*/
#recaptcha_area{
margin: 0 auto;
}
#password{
position: relative;
top: 0px;
}
#re_password{
position: relative;
top: 0px;
}
#join_now_step_1_content{
width: 1200px;
height: 970px;
background: #f0f0f0;
}
#join_now_background_div_step_1{
width: 1200px;
height: 240px;
background: url('../../img/join_now_back.png');
}
#join_now_head_tabs{
width: 1200px;
height: 48px;
background-color: #4ea8af;
}
.j_n_tabs{
width: 20%;
height: 48px;
float: left;
position: relative;
display: table;
}
.j_n_tabs:nth-child(even) {
background-color: #6dbec4;
}
.j_n_tabs p{
display: table-cell;
vertical-align: middle;
text-align: center;
margin:0px;
color: white;
font-size: 17px;
font-weight: 300;
font-family: myVarela;
position: relative;
left: 18px;
z-index: 2;
}
.join_now_right_triangle{
width: 0;
height: 0;
border-top: 24px solid transparent;
border-bottom: 24px solid transparent;
border-left: 24px solid #4ea8af !important;
position: absolute;
top: 0px;
left: 100%;
z-index: 1;
}
.join_now_right_triangle_1{
width: 0;
height: 0;
border-top: 24px solid transparent;
border-bottom: 24px solid transparent;
border-left: 24px solid #6dbec4 !important;
position: absolute;
top: 0px;
left: 100%;
z-index: 1;
}
#join_now_left_form_elements{
width: 600px;
height: 922px;
float: left;
background: #e7ecf0;
}
#join_now_left_form_elements label{
display: table;
width: 600px;
margin-bottom: 20px;
}
#join_now_left_form_elements input{
width: 386px;
/*height: 35px;*/
height: 31px;
margin: 0 auto;
border-radius: 5px;
border-style: none;
font-size: 14px;
float: right;
font-weight: 500;
font-family: myVarela;
margin-right: 35px;
border: 2px solid white;
color: #2c3d5b;
}
#country_chosen{
width: 384px;
height: 33px !important;
margin: 0 auto;
border-radius: 5px;
border-style: none;
font-size: 16px;
float: right;
font-weight: 500;
font-family: myVarela;
margin-right: 35px;
border: 2px solid white;
}
#country_chosen a.chosen-single {
height: 17px;
}
#country_chosen a.chosen-default span{
position: relative;
top: 1px;
left: 5px;
color: #999 !important;
}
#country_chosen a.chosen-single span{
position: relative;
top: 0px;
left: 5px;
color:#2c3d5b;
}
#country_chosen div.chosen-drop{
width: 390px;
border: none;
color: #2c3d5b;
margin-left: -2px;
}
#join_now_left_form_elements span{
vertical-align: middle;
font-size: 14px;
font-weight: 500;
font-family: myVarela;
position: relative;
left: 26px;
top: 7px;
color: #2c3d5b;
}
#join_now_left_form_elements_header{
width: 100%;
height: 100px;
display: table;
}
#join_now_left_form_elements_header p{
text-align: center;
font-size: 16px;
color: #2c3d5b;
margin-top: 31px;
}
#join_now_right_form_elements{
width: 600px;
height: 730px;
float: right;
}
#join_now_right_form_elements_header{
width: 100%;
height: 100px;
display: table;
text-align: left;
}
#join_now_right_form_elements_header p{
margin: 0px;
margin-left: 25px !important;
margin-top: 5px;
vertical-align: middle;
text-align: left;
font-size: 16px;
color: #2c3d5b;
}
#join_now_right_form_select_divs{
width: 370px;
/*height: 135px;*/
/*float: left;*/
margin-left: 25px;
}
.sexurity_questions_answers{
display: list-item;
width: 548px;
height: 31px !important;
border-radius: 5px;
border-style: none;
margin-bottom: 35px;
border: 2px solid white;
font-size: 14px;
color: #2c3d5b;
font-family: myVarela;
}
#faq_chek{
margin-left: 30px;
}
#security_question_1_chosen ,#security_question_2_chosen, #security_question_3_chosen{
width: 552px !important;
font-size: 14px;
}
#security_question_1_chosen a.chosen-default span{position: relative;top: 3px;}
#security_question_2_chosen a.chosen-default span{position: relative;top: 3px;}
#security_question_3_chosen a.chosen-default span{position: relative;top: 3px;}
#capcha_divv{
margin-top: 25px;
width: 600px;
height: 190px;
display: table-cell;
vertical-align: middle;
}
#join_now_right_form_elements input[type="checkbox"]{
margin-top: 10px;
width: 20px;
height: 20px;
float: left;
}
.chek_paragraph_step_1{
width: 90%;
font-family: myVarela;
margin: 0 auto;
margin-top: 10px;
color: #2a4261;
font-size: 14px;
color: #2c3d5b;
}
.chek_paragraph_step_1_red_terms{
width: 82%;
color: #1a2e51;
margin: 0 auto;
margin-top: 5px;
font-size: 14px;
font-weight: 500;
font-family: myVarelaBold;
}
#submit_step_1{
width: 240px;
height: 50px;
padding: 0px;
border-radius: 5px;
border-style: none;
font-size: 16px;
color: white;
font-family: myVarela;
background-color: #4ea8af;
margin-left: 180px;
margin-top: 50px;
cursor: pointer;
}
#sign_in_info{
margin: 0 auto;
text-align: center;
color: #324063;
margin-top: 30px;
margin-bottom: 10px;
font-size: 15px;
cursor: pointer;
}
#sign_in_info strong{
font-weight: 500;
font-family: myVarelaBold;
}
/*************************STEP 2 *****************************/
#join_now_step_2_content{
width: 1200px;
height: 730px;
background-color: #d6e7e8;
}
#join_now_background_div_step_2{
width: 1200px;
height: 240px;
background: url('../../img/join_now_back.png');
}
#join_now_step_2_center_div{
width: 528px;
height: 346px;
margin: 0 auto;
/*margin-top: 125px;*/
position: relative;
margin-top: 30px;
/*top: 125px;*/
}
#join_now_step_2_center_div h2{
height: 40px;
font-family: myVarela;
font-size: 16px;
font-weight: 500;
color: #1c3556;
text-align: center;
}
#join_now_step_2_form_div{
width: 528px;
/*height: 210px;*/
background: #fff;
border-radius: 5px;
text-align: center;
}
#join_now_step_2_center_div p{
/*width: 460px;*/
margin: 0 auto;
font-size: 14px;
color: #1c3556;
/*height: 55px;
padding-top: 45px;
*/
}
#join_now_step_2_form_div label{
display: table;
width: 528px;
margin-top: 15px;
/*position: relative;*/
/*top: 95px;*/
/*margin-bottom: 15px;*/
}
#join_now_step_2_form_div input{
width: 444px;
height: 36px;
margin: 0 auto;
border-radius: 5px;
border-style: none;
font-size: 14px;
color: #1c3556;
float: right;
font-weight: 500;
font-family: myVarela;
margin-right: 25px;
/*background-color: #d6e7e8;*/
border: none;
-moz-box-shadow: inset 0 0 3px 0px #b4c3d6;
-webkit-box-shadow: inset 0 0 3px 0px #b4c3d6;
box-shadow: inset 0 0 3px 0px #b4c3d6;
}
#join_now_step_2_form_div span{
display: table-cell;
vertical-align: middle;
font-size: 14px;
font-weight: 500;
font-family: myVarela;
padding-left: 20px;
color: #1c3556;
}
.not_resived_pinn_step_2{
width: 444px;
font-family: myVarela;
float: right;
font-size: 14px !important;
margin-right: 30px;
margin-top: 15px;
}
.not_resived_pinn_step_2 span{
float: left;
padding-left: 5px !important;
}
.not_resived_pinn_step_2 a{
float: right;
color: #ed4847;
margin-left: 15px;
font-size: 14px;
}
#submit_step_2{
width: 222px;
height: 38px;
padding: 0px;
border-radius: 5px;
border-style: none;
/*font-size: 20px;*/
font-size: 16px;
color: white;
font-family: myVarela;
background-color: #4ea8af;
margin-top: 36px;
margin-left: 169px;
/*margin: 0 auto;*/
}
/*************************STEP 2 END *****************************/
/************************* STEP 3 *****************************/
#join_now_step_3_content{
width: 1200px;
height: 905px;
background-color: #cbdcdd;
}
#join_now_background_div_step_3{
width: 1200px;
height: 240px;
background: url('../../img/join_now_back.png');
}
#join_now_step_3_center_div_1{
text-align: center;
width: 774px;
height: 240px;
margin: 0 auto;
position: relative;
}
#join_now_step_3_center_div_1 img{
margin-top: 50px;
}
#join_now_step_3_content h2{
font-size: 24px;
margin-top: 17px;
color: #28405f;
width: 800px;
font-weight: 500;
}
#join_now_step_3_center_div_2{
position: relative;
width: 774px;
height: 290px;
background-color: #d6e7e8;
margin: 0 auto;
border-radius: 5px;
}
#join_now_step_3_center_div_2_cild_first{
width: 774px;
height: 150px;
border-radius: 5px;
background-color: white;
}
#join_now_step_3_center_div_2_cild_first p{
width: 90%;
font-size: 14px;
font-weight: 500;
margin: 0 auto;
color: #1c3556;
margin-bottom: 5px;
}
#join_now_step_3_center_div_2_cild_first label{
display: table;
width: 400px;
margin-left: 90px;
margin-top: 25px;
}
#join_now_step_3_center_div_2_cild_first input[type="text"]{
width: 270px;
height: 35px;
margin: 0 auto;
border-radius: 5px;
border-style: none;
font-size: 14px;
float: right;
font-weight: 500;
font-family: myVarela;
margin-right: 15px;
background-color: #d6e7e8;
}
#join_now_step_3_center_div_2_cild_first span{
display: table-cell;
vertical-align: middle;
font-size: 14px;
font-weight: 500;
font-family: myVarela;
color: #1c3556;
}
#save_button_step_3{
width: 165px;
height:35px;
padding: 0px;
border-radius: 5px;
border-style: none;
font-size: 16px;
color: white;
font-family: myVarela;
background-color: #4ea8af;
float: right;
margin-right: 110px;
margin-top: -36px;
}
#join_now_step_3_center_div_2_cild_second{
}
#join_now_step_3_center_div_2_cild_second label{
display: table;
width: 400px;
margin-left: 90px;
}
#join_now_step_3_center_div_2_cild_second input[type="text"]{
width: 270px;
height: 35px;
margin: 0 auto;
border-radius: 5px;
border-style: none;
font-size: 14px;
float: right;
font-weight: 500;
font-family: myVarela;
margin-right: 15px;
background-color: white;
}
#join_now_step_3_center_div_2_cild_second span{
display: table-cell;
vertical-align: middle;
font-size: 14px;
font-weight: 500;
font-family: myVarela;
color: #1c3556;
}
#join_now_step_3_center_div_2_cild_second_paragraph{
font-size: 14px;
margin: 0px;
margin-top: 15px;
margin-left: 40px;
margin-bottom: 25px;
font-family: myVarela;
color: #1c3556;
line-height: 22px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
text-shadow: 0 0 1px rgba(0,0,0,0.3);
}
#join_now_step_3_center_div_2_cild_second div{
float: right;
height: 36px;
margin-right: 115px;
margin-top: -36px;
}
#join_now_step_3_center_div_2_cild_second div p{
margin: 0px;
font-family: myVarela;
font-size: 11px;
font-weight: 700;
color: #1c3556;
}
#join_now_step_3_center_div_2_cild_second div a{
color: #eb5352;
font-family: myVarela;
font-size: 13px;
font-weight: bold;
}
#submit_step_3{
width: 190px;
height:50px;
padding: 0px;
border-radius: 5px;
border-style: none;
font-size: 16px;
color: white;
font-family: myVarela;
background-color: #4ea8af;
margin-left: 505px;
margin-top: 64px;
}
/*************************STEP 3 END *****************************/
/*************************STEP 4 END *****************************/
#join_now_background_div_step_4{
width: 1200px;
height: 240px;
background: url('../../img/join_now_back.png');
}
#join_now_step_4_content{
width: 1200px;
height: 964px
}
#join_now_step_4_content h1{
height: 122px;
font-size: 24px;
color: #1c3556;
}
#join_now_step_4_content h1 p{
margin: 0px;
position: relative;
top: 56px;
font-size: 18px;
font-weight: 500;
}
/************************************************************************TABLE************************************************************************************/
/*radio button 2*/
div.pop_up_radio_2{
margin: 0px;
margin-right: 10px;
border-radius: 5px;
width: 20px;
height: 20px;
background: #ffffff;
/*border: 4px solid #385274;*/
float: left;
margin-top: 13px;
margin-left: 10px;
}
div.pop_up_radio_2 img{
width: 15px;
height: 15px;
margin-top: 2px;
margin-left: 2px;
visibility: hidden;
}
.color_add_2 img{
visibility: visible !important;
}
/***********************radio button 2 end***************************/
.join_now_step_4_table{
border-collapse:collapse;
}
#table_th_simolation{
height: 44px;
float: right;
}
.join_now_step_4_table tr{
height: 40px;
}
.join_now_step_4_table td{
width: 227px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
}
.join_now_step_4_table td p{
font-size: 16px;
margin: 0px;
color: #1c3556;
}
.join_now_step_4_table tr:nth-child(odd) {
background-color: #b9dadc;
}
.join_now_step_4_table td:nth-child(even) {
/*background-color: rgba(0, 0, 0, 0.09);*/
background: url('../../img/step4-bg-transparent.png');
}
.bottom_radius{
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.add_width{
/*position: relative !important;*/
width: 280px !important;
text-align: left !important;
}
.add_width p{
margin: 0px;
color: #1c3556;
font-size: 16px;
font-family: myVarela;
margin-left: 25px !important;
}
.nnot{
background-color: white;
height: 0px !important;
}
.th_header{
float: left;
width: 228px;
margin-left: 2px;
background-color: #1c3556;
height: 44px;
color: #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-family: myVarela;
text-align: center;
}
.th_header input{
float: left;
margin-top: 12px;
margin-left: 10px;
width: 20px;
height: 20px;
display: none;
}
.th_header span{
position: relative;
top: 13px;
left:-17px;
font-family: myVarela;
font-size: 16px;
letter-spacing: 2px;
}
.add_top_border_radius_left{
border-top-left-radius: 5px !important;
}
.add_top_border_radius_right{
border-top-right-radius: 5px !important;
}
/***********************************************************************TABLE END ***********************************************************************************/
#submit_step_4{
width: 230px;
height:50px;
padding: 0px;
border-radius: 5px;
border-style: none;
font-size: 16px;
color: white;
font-family:myVarela;
background-color: #4ea8af;
float: right;
margin-top: 80px;
}
#join_now_background_div_step_5{
width: 1200px;
height: 240px;
background: url('../../img/join_now_back.png');
}
/*************************STEP 4 END *****************************/
/**********************************************Join now page End*****************************************************/
/***************************************************************************** HELP **************************************************************************************************/
#help_background_div{
width: 1200px;
height: 233px;
background: url('../../img/icon-help/help-bg.png');
position: relative;
}
#help_background_div h1{
position: absolute;
color: #1c3556;
font-family: myVarelaBold;
font-size: 27px;
font-weight: 500;
top: 100px;
right:180px;
}
#help_content_div{
width: 1200px;
min-height: 500px;
background: #e7ecef;
}
#help_search{
width: 952px;
height: 40px;
border-style: none;
border-radius: 5px;
background-color: #becfda;
margin-left: 30px;
margin-right: 10px;
margin-top: 30px;
margin-bottom: 20px;
color: #1c3556;
font-family: myVarela;
font-size: 16px;
}
#help_search_button{
width: 175px;
height: 42px;
border-style: none;
border-radius: 5px;
background-color: #1c3556;
color: white;
font-family: myVarela;
font-size: 16px;
}
#help_questions_content_div{
width: 952px;
min-height: 40px;
margin-left: 30px;
}
.help_general_question_cont{
margin-top: 10px;
border-radius: 5px;
background-color: white;
}
.help_general_question{
width: 952px;
height: 40px;
border-style: none;
border-radius: 5px;
background-color: white;
display: table;
}
.help_general_question:hover{
background-color: #becfda;
}
.help_general_question p {
display: table-cell;
vertical-align: middle;
margin: 0 auto;
padding-left: 15px;
color: #1c3556;
font-size: 16px;
}
.help_general_question img {
cursor: pointer;
float: right;
margin: 0px;
padding-top: 15px;
padding-bottom: 10px;
padding-right: 25px;
padding-left: 25px;
/*padding: 5px;*/
}
.help_child_question{
width: 899px;
min-height: 34px;
border-style: none;
border-radius: 5px;
background-color: #becfda;
background-color: #e7ecef;
display: table;
margin-top: 10px;
margin-left: 15.5px;
visibility: hidden;
display: none;
}
.help_child_question p {
width: 90%;
height: 34px;
float: left;
margin: 0 auto;
padding-left: 10px;
position: relative;
top: 9px;
font-size: 14px;
color:#1c3556;
}
.help_child_question img {
cursor: pointer;
float: right;
margin: 0px;
/*margin-top: 13px;*/
padding-right: 20px;
padding-left: 20px;
position: relative;
top: 11px;
}
.help_children_question_text{
width: 899px;
/*height: 100px;*/
/*background-color: gray;*/
visibility: hidden;
display: none;
padding-bottom: 10px;
/*margin-top: 10px;*/
}
.help_children_question_text p{
/*color:#414141;*/
color:#006699;
width: 98%;
font-size: 14px;
/*font-style:italic;*/
font-weight: 500;
line-height: 20px;
text-align: justify;
}
#help_map_content{
margin-top: 30px;
width: 1200px;
height: 610px;
position: relative;
background: url('../../img/icon-help/help-contact-bg.jpg');
}
#help_contact_form{
width: 746px;
height: 460px;
background-color: #73bfc5;
border: 3px solid white;
border-radius: 5px;
position: absolute;
top: 60px;
left:60px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
#help_left_contact_form{
width: 440px;
height: 100%;
float: left;
text-align: center;
}
#help_left_contact_form h1{
margin: 0 auto;
text-align: left;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 20px;
color: #fff;
font-family: myVarela;
font-weight: 500;
font-size: 16px;
}
#help_left_contact_form input{
width: 395px;
height: 40px;
border-radius: 5px;
border-style: none;
margin-bottom: 15px;
font-size: 14px;
font-family: myVarela;
}
#help_message{
border-style: none;
width: 385px;
padding-left: 10px;
padding-top: 10px;
max-width: 390px;
height: 175px;
max-height: 180px;
border-radius: 5px;
font-size: 14px;
font-family: myVarela;
}
#help_submitt_button{
width: 175px !important;
height: 39px;
border-style: none;
border-radius: 5px;
background-color: #55a0a6;
color: white;
font-size: 17px;
font-family: myVarela;
float: right;
margin-top: 15px;
margin-right: 23px;
}
#help_right_contact_form{
width: 306px;
height: 100%;
float: right;
}
#help_right_contact_form div{
display: list-item;
list-style-type: none;
margin-left: 18px;
}
#help_address_box_1{
width: 300px;
min-height: 105px;
margin: 0 auto;
margin-top: 60px;
}
#help_address_box_1 img{
float: left;
margin-left: 10px;
padding-bottom: 70px;
}
#help_address_box_1 span{
font-size: 14px;
letter-spacing: 1px;
font-family: myVarela;
margin-left: 10px;
color: white;
margin-bottom: 10px;
}
#help_address_box_1 p{
font-size: 14px;
margin: 0px;
margin-top: 5px;
letter-spacing: 1px;
color: white;
margin-left: 40px;
}
#help_address_box_2{
width: 300px;
min-height: 125px;
margin: 0 auto;
}
#help_address_box_2 img{
float: left;
margin-left: 10px;
padding-bottom: 70px;
}
#help_address_box_2 span{
font-size: 14px;
letter-spacing: 1px;
font-family: myVarela;
margin-left: 10px;
color: white;
margin-bottom: 10px;
letter-spacing: 1px;
}
#help_address_box_2 p{
font-size: 14px;
margin: 0px;
margin-top: 5px;
margin-left: 40px;
letter-spacing: 1px;
color: white;
}
#help_address_box_3{
width: 300px;
min-height: 140px;
margin: 0 auto;
}
#help_address_box_3 img{
float: left;
margin-left: 10px;
padding-bottom: 70px;
}
#help_address_box_3 span{
font-size: 14px;
letter-spacing: 1px;
letter-spacing: 1px;
font-family: myVarela;
margin-left: 16px;
color: white;
margin-bottom: 10px;
}
#help_address_box_3 p{
font-size: 14px;
letter-spacing: 1px;
margin: 0px;
margin-top: 5px;
margin-left: 40px;
color: white;
}
.chosen-container span{
font-size: 14px;
}
/***************************************************************************** HELP END **************************************************************************************************/
/******************************************************************************* Inprint ***********************************************************************************************************/
#inprint_background_content{
background: url('../../img/icon-inprint/imprint-bg.jpg');
width: 1200px;
height: 1060px;
position: relative;
}
#inprint_green_block{
width: 738px;
height: 462px;
position: absolute;
left: 45px;
top: 100px;
background: #73c0c5;
border-radius: 5px;
border: 3px solid white;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
#inprint_green_block_header{
width: 90%;
margin: 0 auto;
height: 144px;
/*background: white;*/
border-bottom: 2px solid #7ecad0;
position: relative;
}
#inprint_green_block_header p{
color: white;
position: absolute;
top: 53px;
left: 150px;
letter-spacing: 1px;
font-size: 16px;
cursor: pointer;
}
#inprint_green_block_header p:hover{
text-decoration: underline;
}
#inprint_circle{
border-radius: 50%;
width: 80px;
height: 80px;
background-color: #55a0a6;
text-align: center;
position: relative;
left: 50px;
top: 42px;
}
#inprint_circle:hover{
background-color: #2a757a;
}
#inprint_circle img{
margin-top: 26px;
}
#inprint_green_block_content{
width: 90%;
margin: 0 auto;
height: 188px;
position: relative;
border-bottom: 2px solid #7ecad0;
}
#inprint_green_block_content_left{
float: left;
margin-top: 30px;
width: 40%;
height: 80%;
margin-left: 20px;
/*background: white;*/
}
#inprint_green_block_content_left img{
float: left;
margin-left: 10px;
padding-bottom: 70px;
}
#inprint_green_block_content_left span{
font-size: 14px;
letter-spacing: 1px;
letter-spacing: 1px;
margin-left: 20px;
color: white;
margin-bottom: 10px;
}
#inprint_green_block_content_left p{
font-size: 14px;
letter-spacing: 1px;
margin: 0px;
margin-top: 10px;
margin-left: 45px;
color: white;
}
#inprint_green_block_content_right{
float: right;
width: 50%;
height: 90%;
margin-top: 30px;
}
#inprint_green_block_content_right img{
position: relative;
top: 3px;
float: left;
margin-left: 10px;
padding-bottom: 36px;
}
#inprint_green_block_content_right span{
font-size: 14px;
letter-spacing: 2px;
margin-left: 20px;
color: white;
margin-bottom: 10px;
}
#inprint_green_block_content_right p{
font-size: 14px;
margin: 0px;
margin-top: 5px;
letter-spacing: 1px;
color: white;
margin-left: 47px;
}
#inprint_green_block_footer p{
letter-spacing: 1px;
font-size: 14px;
color: white;
margin: 0px;
line-height: 30px;
position: relative;
top: 25px;
left:100px;
}
#inprint_green_block_footer span{
font-size: 14px;
color: white;
margin-left: 10px;
}
/******************************************************************************* Inprint END ***********************************************************************************************************/
/******************************************************************************* About us END ***********************************************************************************************************/
.wrapper_prof{
width: 1200px;
}
#wrapper_prof_background_div{
width: 1200px;
height: 458px;
background:url('../../img/icon-about/about_back.png');
position: relative;
}
#prof_1{
width: 760px;
min-height: 295px;
position: absolute;
left: 35px;
/*bottom: 45px;*/
top: 85px;
}
#min_div{
display: table;
background-color: #6dbec4;
border-radius: 7px;
}
#prof_1 img{
position: absolute;
height: 44px;
width: 760px;
}
#prof_1 h2{
width: 95%;
margin: 0 auto;
font-family: myVarelaBold;
color: #fff;
margin-top: 28px;
margin-bottom: 18px;
font-size: 16px;
font-weight: 500;
}
#prof_1 p{
width: 95%;
font-size: 14px;
margin: 0 auto;
color: #fff;
text-align: justify;
padding-bottom: 20px;
line-height: 20px;
}
#prof_2{
width: 1200px;
min-height: 100px;
margin-top: 25px;
margin-bottom: 25px;
}
#prof_3{
width: 582px;
border-radius: 5px;
float: left;
background-color: #d7dfe4;
}
#prof_3 h3{
font-family: myVarelaBold;
width: 95%;
margin: 0 auto;
font-size: 16px;
color: #1c3556;
margin-top: 28px;
margin-bottom: 18px;
font-weight: 500;
}
#prof_3 p{
width: 95%;
margin: 0 auto;
font-size: 14px;
color: #1c3556;
margin-top: 10px;
margin-bottom: 10px;
max-height: 410px;
overflow: auto;
line-height: 20px;
text-align: justify;
padding-bottom: 20px;
}
#prof_4{
width: 582px;
border-radius: 5px;
float: right;
background-color: #d7dfe4;
overflow: auto;
}
#prof_4 h3{
font-family: myVarelaBold;
width: 95%;
margin: 0 auto;
font-size: 16px;
color: #1c3556;
margin-top: 28px;
margin-bottom: 18px;
font-weight: 500;
}
#prof_4 p{
width: 95%;
margin: 0 auto;
font-size: 14px;
color: #1c3556;
margin-top: 10px;
margin-bottom: 10px;
max-height: 410px;
overflow: auto;
text-align: justify;
line-height: 20px;
padding-bottom: 20px;
}
/******************************************************************************* About us END ***********************************************************************************************************/
/******************************************************************************* Legal END ***********************************************************************************************************/
#legal_background_div{
width: 1200px;
height: 239px;
background: url('../../img/icon-legal/legal-info-bg.jpg');
margin-bottom: 29px;
}
#legal_content_div{
width: 1200px;
min-height: 100px;
max-height: 691px;
overflow: auto;
margin-bottom: 29px;
}
.legal_record{
/*width: 95%;*/
margin: 0 auto;
}
.legal_record h2{
color: #385274;
font-family: myVarelaBold;
font-size: 16px;
font-weight: 500;
}
.legal_record p{
color: #385274;
font-family: myVarela;
font-size: 14px;
}
.numbers_legal_record{
/*width: 95%;*/
margin: 0 auto;
}
.numbers_legal_record h2{
color: #385274;
font-family: myVarelaBold;
font-size: 16px;
font-weight: 500;
}
.numbers_legal_record p{
color: #385274;
font-family: myVarela;
font-size: 14px;
}
/******************************************************************************* Legal END ***********************************************************************************************************/
/******************************************************************************* Registration ***********************************************************************************************************/
.active_register{
background: #ed4847 !important;
}
.active_register_triangle{
width: 0;
height: 0;
border-top: 24px solid transparent;
border-bottom: 24px solid transparent;
border-left: 24px solid #ed4847 !important;
position: absolute;
top: 0px;
left: 100%;
z-index: 1;
}
#f_name{
/*border: 1px solid red !important;*/
}
#white_back_gr_c{
border-radius: 50%;
width: 100px;
height: 100px;
background-color: white;
/*margin: 0 auto;*/
position: absolute;
left: 525px;
top:460px;
}
/******************************************************************************* Error ***********************************************************************************************************/
#hidden_div{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
/*background-color: black;*/
/*background: url('../../img/opacity-background3.png');*/
background: url('../../img/transparent-bg.png');
/*opacity: 0.4;*/
visibility: hidden;
z-index: 1;
}
#error_block{
width: 500px;
/*height: 200px;*/
background: #6dbec4;
border-radius: 5px;
border: 3px solid white;
position: absolute;
top: 30%;
left:30%;
visibility: hidden;
z-index: 2;
}
#error_block h2{
width: 95%;
margin: 0 auto;
color: white;
font-family: myVarela;
font-size: 25px;
text-align: center;
font-weight: 500;
letter-spacing: 2px;
margin-bottom: 20px;
margin-top: 20px;
}
#error_block p{
width: 95%;
margin: 0 auto;
text-align: center;
/*color: red;*/
font-size: 19px;
padding-top: 20px;
padding-bottom: 20px;
border-top:2px solid white;
}
.mini_error_block{
position: absolute;
/* width: 200px;
height: 40px;
min-height: 40px;
background:white;
border-radius: 5px;
border: 1px solid red;*/
display: none;
visibility: hidden;
width: 400px;
height: 54px;
}
.mini_error_block p{
color:red;
margin: 0px;
padding-right: 20px;
padding-left: 10px;
/*font-style: italic;*/
min-height: 40px;
display: table-cell;
vertical-align: bottom;
text-align: left;
font-size: 12px;
}
.questions_answers_1 div.error_icon{ position: absolute;top: 70px;left: 555px;}
.questions_answers_2 div.error_icon{ position: absolute;top: 65px;left: 555px;}
.questions_answers_3 div.error_icon{ position: absolute;top: 65px;left: 555px;}
#need_fix_alone {
min-height: 75px;
}
#need_fix_alone p{
color: red;
margin: 0px;
padding-right: 20px;
padding-left: 29px;
height: 40px;
display: block;
/* vertical-align: bottom; */
text-align: left;
padding-top: 58px;
font-size: 14px;
}
.error-left {
width: 11px;
height: 15px;
/* border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right:10px solid red; */
background: url('../../img/tr.png');
position: absolute;
left:-10px;
top: 11px;
}
.error_icon{
width: 16px;
height: 16px;
background: url('../../img/ex-mark-icon.png');
position: absolute;
left: 395px;
top: 13px;
}
/*.alone_fix{
width: 16px;
height: 16px;
background: url('../../img/ex-mark-icon.png');
position: absolute;
left: 565px;
top: 30px;
}*/
.noo_need{
display: none;
color: red;
margin: 0px;
padding-right: 20px;
padding-left: 10px;
min-height: 40px;
vertical-align: bottom;
text-align: left;
font-size: 12px;
position: absolute;
left: 939px;
top: 737px;
}
.questions_answers_1{width: 585px; height: 100px;}
.questions_answers_1 p{position: absolute;top: 358px;left: 237px;}
.questions_answers_2{width: 585px;height: 100px;}
.questions_answers_2 p{position: absolute;top: 228px;left: 237px;}
.questions_answers_3{ width: 585px; height: 100px;}
.questions_answers_3 p{position: absolute;top: 103px; left: 237px;}
.questions_answers_1 p, .questions_answers_2 p, .questions_answers_3 p{
text-align: right !important;
}
/*жълто:#ffab13 зелено:#ffab13 червено #ed4847*/
.states{
display: none;
visibility: hidden;
font-weight: bold;
}
.states div{
width: 20px;
height: 20px;
display: inline-block;
float: left;
margin-top: 15px;
margin-right: 5px;
border-radius: 3px;
}
.states p{
margin-top: 16px;
float: left;
font-size: 15px;
color: #24324f;
font-weight: 500;
}
.very_weak div{
background:gray;
}
.weak div{
background:#ed4847;
}
.middle div{
background:#ffab13;
}
.strong div{
background:#aad885;
}
/******************************************************************************* Error End***********************************************************************************************************/
/******************************************************************************* Registration END **************************************************************************************************/
/******************************************************************************* My profile ***********************************************************************************************************/
/***************** my profile Hire pop up *****************/
#hire_professional_pop_up{
width: 760px;
height: 354px;
background-color: #ffffff;
position: absolute;
top: 10%;
left:220px;
bottom: 0;
right: 0;
display: none;
z-index: 2;
border-radius: 5px;
}
#hire_professional_pop_up h2{
height: 35px;
font-size: 16px;
letter-spacing: 1px;
font-weight: 500;
background: #385274;
display: table;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: 18px;
margin-bottom: 18px;
}
#hire_professional_pop_up h2 p{
display: table-cell;
text-align: center;
vertical-align: middle;
color: #ffffff;
padding-left: 20px;
padding-right: 20px;
}
#hire_pop_up_information_paragraph{
width: 90%;
margin: 0 auto;
color: #385274;
font-size: 14px;
}
#hire_pop_up_information_paragraph_2{
width: 90%;
margin: 0 auto;
color: #385274;
font-size: 14px;
margin-top: 15px;
text-align: justify;
}
#hire_pop_up_information_paragraph_3{
width: 90%;
margin: 0 auto;
color: #385274;
font-size: 14px;
margin-top: 15px;
text-align: justify;
}
#hire_professional_pop_up div:not(.pop_up_radio):not(#clearr):not(.hire_pop_up_action_div):not(.rrr) {
width: 90%;
margin: 0 auto;
margin-top: 35px;
height: 23px;
}
#hire_professional_pop_up div div.pop_up_radio{
margin: 0px;
margin-right: 10px;
display: inline-table;
float: left;
border-radius: 50%;
width: 15px;
height: 15px;
/*background: rgb(255, 255, 255);*/
background: #ffffff;
border: 4px solid #EFF2F4;
}
#hire_professional_pop_up div p{
margin: 0px;
display: inline-table;
color: #1c3556;
font-size: 14px;
position: relative;
top: 1px;
}
.hire_pop_up_action_div{
/*width: 280px;*/
height: 65px;
display: table;
float: right;
margin-right: 20px;
}
.rrr{
display: table-cell;
vertical-align: middle;
}
.rrr button{
border-style: none;
border-radius: 5px;
height: 30px;
width: 80px;
font-size: 14px;
color: #fff;
}
#pop_up_cancel_b{
background-color: #818a96;
}
#pop_up_invite_b{
margin-left: 15px;
background-color: #385274;
}
.color_add{
background: #d7dfe4 url('../../img/chek.png') !important;
}
#hire_pop_up_sel_chosen{
display: none;
}
#hire_pop_up_sel{
display: none;
margin-top: 20px;
border-style: none;
background: #5678a4;
color: #fff;
width: 246px;
height: 27px;
border-radius: 5px;
margin-left: 38px;
}
/***************** my profile Hire pop up END *****************/
/***************** my profile Contact pop up *****************/
#contact_professional_pop_up{
width: 903px;
height: 422px;
background-color: #f0f3f6;
position: absolute;
/*margin: auto;*/
top: 10%;
left:140px;
bottom: 0;
right: 0;
display: none;
z-index: 2;
border-radius: 5px;
}
#templates_span{
position: absolute;
font-family: myVarela;
border-radius: 5px;
background-color: #5aaeb4;
top: 66px;
left: 83%;
color: #fff;
font-size: 14px;
cursor: pointer;
padding: 6.5px;
padding-left: 9px;
padding-right: 9px;
z-index: 99999;
}
#contact_professional_pop_up h2{
height: 35px;
font-size: 16px;
letter-spacing: 1px;
font-weight: 500;
background: #385274;
display: table;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: 18px;
margin-bottom: 18px;
}
#contact_professional_pop_up h2 p{
display: table-cell;
text-align: center;
vertical-align: middle;
color: #ffffff;
padding-left: 20px;
padding-right: 20px;
}
/************** Text redactor *****************/
#cont_find_pros_ifr{
width: 95% !important;
margin: 0 auto;
border-radius: 5px;
height: 175px !important;
max-height: 175px !important;
}
#mce_15-body{
float: left;
position: relative !important;
top: -100px !important;
left:20px !important;
display: none;
}
#mce_15{
border: none !important;
}
.mce-btn-group{
position: relative !important;
top: -100px !important;
left:20px !important;
}
#mce_20{
border: none !important;
background: #f0f3f6 !important;
height: 1px !important;
}
#mce_29{
display: none;
}
#mce_3-open{
display: none;
}
/************** Text redactor End *****************/
#contact_professional_pop_up input[type="text"]{
width: 95%;
height: 40px;
border-style: none;
border-radius: 5px;
margin: 0 auto;
margin-left: 22px;
margin-bottom: 10px;
font-size: 14px;
}
#forecolor-input{
display: none;
}
.colorpanel{
background-color: #f0f3f6 !important;
}
#content-editor{
width: 93% !important;
margin: 0 auto !important;
border-radius: 5px;
height: 175px !important;
max-height: 175px !important;
background-color: #fff;
padding: 10px;
color: #2c3d5b;
font-size: 14px;
font-family: myVarela;
}
.navbar-fixed-top {
position: absolute !important;
top: 52px !important;
right: 0 !important;
left: 22px !important;
z-index: 1030 !important;
}
.toolbar_strikethrough{
display: none !important;
}
.toolbar_link{
display: none !important;
}
.toolbar_image{
display: none !important;
}
.btn-toolbar .btn-group:nth-child(2){
/*background-color: red;*/
}
.btn-toolbar .btn-group:nth-child(3){
display: none !important;
}
.btn-toolbar .btn-group:nth-child(5){
display: none !important;
}
.btn-toolbar .btn-group:nth-child(8){
display: none !important;
}
.btn-toolbar .btn-group:nth-child(9){
display: none !important;
}
#forecolor-input{
width: 80% !important;
}
/***************** my profile Contact pop up END *****************/
/***************** my profile top header *****************/
#my_profile_top_header{
width: 1200px;
height: 20px;
margin: 0 auto;
}
#my_profile_top_header ul{
width: 254px;
height: 20px;
float: right;
list-style-type: none;
margin: 0px;
padding: 0px;
}
#my_profile_top_header ul li{
float: left;
margin: 0px;
padding: 0px;
}
#my_profile_top_header ul li a{
height: 20px;
display: table-cell;
vertical-align: middle;
color: #2b4261;
font-family: myVarela;
}
#my_profile_top_header ul li a p{
margin: 0px;
font-size: 12px;
}
#my_profile_top_header ul li a p img{
margin-left: 5px;
}
#top_my_acc{
width: 134px;
display: table;
text-align: center;
}
#top_my_acc:hover{
/*background-color: #F0F0F0 ;*/
background-color: #385274;
}
#top_my_sign_out{
width: 120px;
display: table;
text-align: center;
}
#top_my_sign_out:hover{
background-color: #F0F0F0 ;
}
#my_account_dynamic_menu{
width: 134px;
/*height: 120px;*/
position: absolute;
z-index: 2;
display: none;
background-color: #ffffff;
}
#my_account_dynamic_menu a p{
width: 124px;
height: 30px;
margin: 0px;
font-size: 12px;
color:#385274;
padding-left: 10px !important;
display: table-cell;
text-align: left;
vertical-align: middle;
}
#my_account_dynamic_menu a p:hover{
background-color: #385274;
color:white;
}
/***************** my profile top header END*****************/
/***************** my profile header *****************/
#my_profile_header_div{
position: absolute;
width: 1200px;
height: 42px;
z-index: 1;
}
#my_prof_dynamic_menu{
max-width: 1200px;
height: 42px;
}
.my_prof_dyn_menu_part{
margin: 0px;
height: 42px;
width: 100%;
float: left;
}
#my_prof_dynamic_menu ul{
padding: 0px;
margin: 0px;
max-width: 1200px;
height: 50px;
list-style-type: none;
}
#my_prof_dynamic_menu ul li{
position: relative;
text-decoration: none;
height: 42px;
float: left;
background-color: #12243c;
width: 120px;
}
/*#my_prof_dynamic_menu ul li:nth-child(8){
padding-right: 2px;
}
.prof_fix_wid{
width: 134px !important;
}
.emp_fix_wid{
width: 120px !important;
}*/
#my_prof_dynamic_menu ul li:hover{
background-color: #385274;
}
#my_prof_dynamic_menu ul li a{
text-decoration: none;
color: white;
width: 100%;
display: table;
text-align: center;
}
#my_prof_dynamic_menu ul li a p{
font-size: 16px;
margin-top: 0;
font-weight: 500;
text-decoration: none;
margin-bottom: 0;
line-height: 42px;
}
.my_prof_active{
background-color: #385274;
border-bottom: 5px solid #ed4847;
}
#my_profile_hidden_menu{
min-width: 170px;
min-height: 47px;
/*background-color: #12243c;*/
background-color: #12223c;
display: none;
position: absolute;
z-index: 1;
}
#my_profile_hidden_menu ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}
#my_profile_hidden_menu ul li{
cursor: pointer;
}
#my_profile_hidden_menu ul li p{
color: #fff;
margin: 0px;
height: 42px;
width: 100%;
display: table-cell;
vertical-align: middle;
padding-left: 20px;
padding-right: 20px;
}
#my_profile_hidden_menu ul li:hover{
background-color: #385274;
}
#cover_ph{
width: 470px;
height: 402px;
background: #eff2f4;
border-radius: 5px;
display: none;
}
.pop_cont{
display: table;
width: 95%;
height: 360px;
margin: 0 auto;
}
.pop_cont h1{
font-size: 16px;
font-weight: 500;
margin: 0 auto;
text-align: center;
margin-top: 35px;
color:#1c3556;
}
#deff_imgs{
display: table;
height: 150px;
margin-top: 30px;
}
#deff_imgs img{
width: 132px;
height: 135px;
float: left;
margin: 0px;
border: 5px solid #eff2f4;
border-radius: 5px;
}
#deff_imgs img.img_deff:hover{
border: 5px solid #c6d5d7;
}
#deff_imgs img.im_acc{
border: 5px solid #b6c3c5;
}
#deff_imgs img:nth-child(2){
margin-left: 10px;
margin-right: 10px;
/* margin-left: 6px;
margin-right: 6px;*/
}
#broww_img span{
font-size: 14px;
color: #1c3556;
margin-bottom: 5px;
margin-left: 6px;
}
#cover_ph .btn span{
border-radius: 5px;
background: #4c698f;
padding: 5px;
font-size: 14px;
color: white;
padding-left: 23px;
padding-right: 24px;
margin-left: 10px;
cursor: pointer;
}
.input-large{
width: 318px;
padding-left: 10px;
border: none;
border-radius: 5px;
background: white;
height: 25px;
margin-left: 5px;
position: relative;
top: -1px;
font-size: 14px;
}
.bootstrap-filestyle{
outline:none;
}
#broww_img p{
color:#1c3556;
text-align: center;
}
.s_cc{
text-align: right;
height: 50px;
}
.s_cc input{
border-style: none;
border-radius: 5px;
color: #fff;
width: 80px;
height: 30px;
cursor: pointer;
margin-left: 10px;
font-size: 14px;
}
.s_cc input:nth-child(1){
background: #818a96;
}
.s_cc input:nth-child(2){
background: #1c3556;
margin-left: 6px;
margin-right: 14px;
}
#prof_img_crop_div{
/*width: 686px;*/
width: 735px;
height: 442px;
background: #eff2f4;
border-radius: 10px;
/*display: none;*/
position: absolute;
top: 5px;
visibility: hidden;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
#prof_img_crop_div h1 {
font-size: 16px;
color: #1c3556;
text-align: left;
margin-left: 20px;
margin-top: 25px;
font-weight: 500;
}
#cr_left{
width: 476px;
height: 395px;
float: left;
}
#cr_right{
width: 250px;
height: 380px;
float: right;
}
#cr_right p{
margin: 0 auto;
/*width: 170px;*/
width: 210px;
height: 400px;
font-size: 13px;
text-align: justify;
color: #1c3556;
margin-top: 15px;
}
#moment_crop_cont{
width: 160px;
height: 190px;
margin: 0 auto;
margin-right: 20px;
background: gray;
margin-top: 15px;
border: 3px solid white;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.action_ll{
text-align: right;
}
.action_ll span{
float: left;
margin-top: 7px;
margin-left: 10px;
color: #1c3556;
text-overflow: ellipsis; /* will make [...] at the end */
max-width: 250px; /* change to your preferences */
white-space: nowrap; /* paragraph to one line */
overflow:hidden; /* older browsers */
text-align: left;
font-size: 14px;
}
.action_ll img{
margin-left: 15px;
cursor: pointer;
margin-top: 1px;
position: relative;
top: 2px;
width: 10px;
height: 11px;
float: left;
top: 10px;
}
.action_ll input{
border-style: none;
border-radius: 5px;
color: #fff;
width: 80px;
height: 30px;
cursor: pointer;
font-size: 14px;
}
.action_ll input:nth-child(1){
float: left;
background: #6dbec4;
margin-left: 20px;
}
.action_ll input:nth-child(4){
background: #818a96;
}
.action_ll input:nth-child(5){
background: #1c3556;
margin-left: 6px;
margin-right: 20px;
}
#resizable, #also { width: 150px; height: 120px; }
#resizable h3, #also h3 { text-align: center; margin: 0; border: none;}
#also h3 img{ width: 150px; height: 120px;}
#image_cr_cont{
position: relative;
/*top: 15px;*/
left: 20px;
width: 455px;
min-height: 330px;
max-height: 330px;
}
#image_cr_cont img{
border-radius: 5px;
/* width: 455px;
height: 330px;*/
/*position: absolute;*/
}
.cropper-container .cropper-modal{
border-radius: 5px;
}
.cropper-container{
background: none !important;
}
.moment_phase{
width: 202px !important;
height: 240px !important;
margin: 0px !important;
}
.ui-widget-header{background: none;}
.ui-widget-content{background: url('../../img/opacity-background3.png') !important;}
#now_crop{
width: 240px;
height: 90px;
position: absolute;
margin: auto;
top:40px;
bottom: 0;
left:0;
right: 0;
z-index: 5;
border-radius: 5px;
background: url('../../img/opacity-background3.png');
}
#now_crop p{
color: #1c3556;
width: 100%;
text-align: center;
font-size: 14px;
}
#cover_photo_buttons_div{
width: 100%;
text-align: center;
z-index: 3;
}
#cover_photo_buttons_div button {
width: 80px;
height: 30px;
color: #fff;
border-style: none;
border-radius: 5px;
background: #818a96;
margin-bottom: 30px;
font-size: 14px;
}
#cover_photo_buttons_div button:nth-child(2){
background:#1c3556;
margin-left: 5px;
}
/***************** my profile header End*****************/
#my_profile_head_background_div{
width: 1200px;
height: 327px;
position: relative;
/*background: url('../../img/icon-myprofile/default-cover-photo.png');*/
/*z-index: -1;*/
}
#my_profile_head_background_img{
position: absolute;
top: 42px;
/*width: 100%;*/
/*height: 285px;*/
}
#my_profile_background_div_right_content{
/*width: 930px;*/
width: 1200px;
/*height: 438px;*/
/*background: gray;*/
/*float: right;*/
position: relative;
}
#my_prof_avatar_image_div{
width: 202px;
height: 239px;
/*background: url('../../img/icon-myprofile/profile-picture-default.png');*/
position: absolute;
top: 64px;
left: 25px;
z-index: 1;
border:2px solid #eff2f4;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
#my_prof_avatar_image_div img{
min-width: 202px;
min-height: 239px;
max-width: 202px;
max-height: 239px;
}
#my_profile_header_textttt{
width: 100%;
height: 125px;
/*margin-top: 210px;*/
}
#my_profile_header_text_1{
width: 100%;
height: 120px;
/*margin-top: 210px;*/
position: relative;
/*top: 110px;*/
background: url('../../img/opacity-background.png');
}
#my_profile_header_text_1 h2{
font-family: myVarela;
font-size: 20px;
color: #082145;
font-weight: 500;
width: 600px;
margin-left: 248px;
float: left;
}
#my_profile_header_text_1 h2 span:not(#tagline_span):not(#tagline_span_edit){
display: table;
margin-top: 20px;
}
#tagline_p{
margin: 0px;
z-index: 22;
position: absolute;
}
#my_profile_header_text_1_right_buttons_content{
float: right;
min-width: 205px;
height: 100%;
margin-right: 40px;
/*visibility: hidden;*/
}
#my_profile_button_hire{
height: 30px;
text-align: center;
display: table;
max-width: 205px;
margin: 0 auto;
margin-top: 21px;
}
#my_profile_button_hire p{
margin: 0 auto;
height: 30px;
width: 167px;
background-color: #ffaa00;
border-radius: 5px;
display: table-cell;
vertical-align: middle;
color: #fff;
font-size: 14px;
}
#my_profile_button_contact{
display: table;
height: 30px;
text-align: center;
max-width: 205px;
margin: 0 auto;
margin-top: 18px;
}
#my_profile_button_contact p{
color: #fff;
font-size: 14px;
margin: 0 auto;
height: 30px;
width: 167px;
background-color: #12243c;
margin-top: 29px;
border-radius: 5px;
display: table-cell;
vertical-align: middle;
}
#my_profile_header_text_2{
width: 100%;
height: 82px;
/*position: absolute;*/
/*bottom: 0px;*/
background: url('../../img/icon-myprofile/transparent-blue.png');
}
#my_profile_header_text_2 #my_profile_header_text_2_profile_information{
padding-top: 15px;
}
#my_profile_header_text_2_profile_information{
margin-top: 10px;
width: 950px;
/*height: 80%;*/
float: right;
display: table;
}
#my_profile_header_text_2_profile_information p{
margin: 0px;
text-align: center;
vertical-align: middle;
font-size: 15px;
color: #dbe5ea;
overflow: hidden;
text-overflow: ellipsis;
float: left;
margin-right: 10px;
}
#tag_input{
/*display: none;*/
border-style: none;
height: 28px !important;
width: 300px;
border-radius: 5px;
margin-top: 6px;
font-font:16px;
}
.tagline_add_edit{
display: none;
}
/*.fixing_mode{
width: 500px !important;
}*/
.fixing_mode button{
border-style:none;
border-radius: 5px;
padding: 7px;
margin-left: 10px;
cursor: pointer;
width: 80px;
height: 30px !important;
font-size: 14px;
}
#orientir{
position: absolute;
width: 200px;
height: 100px;
top: 0px;
}
.back_gr_fix{
/*width: auto !important;*/
/*position: absolute;*/
/*top: 90px;*/
/*right: 0;*/
/*left:800px;*/
display: inline-block;
float: right;
margin-top: 75px;
text-align: right !important;
margin-right: 64px;
}
.back_gr_fix p{
/*text-align: right;*/
width: auto !important;
text-align: right !important;
}
/************************************************ Dynamic menu my profile************************************************************/
#my_profile_dinamic_menu{
width: 1200px;
height: 70px;
background: white;
}
#my_project_green_navv_tabs{
width: 1200px;
height: 50px;
background-color: #6dbec4;
}
#find_pros_green_navv_tabs{
width: 1200px;
height: 50px;
background-color: #6dbec4;
}
#find_pros_green_navv_tabs ul li{
width: 25%;
height: 50px;
display: inline-block;
float: left;
text-align: center;
}
#find_pros_green_navv_tabs ul li span{
font-family:myVarela;
color: #fff;
font-size: 16px;
font-weight: 500;
position: relative;
top: 16px;
}
#my_project_green_navv_tabs ul li{
width: 200px;
height: 50px;
display: inline-block;
float: left;
text-align: center;
}
#my_project_green_navv_tabs ul li span{
font-family:myVarela;
color: #fff;
font-size: 16px;
font-weight: 500;
position: relative;
top: 16px;
}
#my_profile_green_navv_tabs{
width: 1200px;
height: 50px;
background-color: #6dbec4;
}
#my_profile_green_navv_tabs ul, #my_project_green_navv_tabs ul , #find_pros_green_navv_tabs ul{
margin: 0px;
padding: 0px;
width: 1200px;
}
#my_profile_green_navv_tabs ul li{
width: 20%;
height: 50px;
display: inline-block;
float: left;
text-align: center;
}
#my_profile_green_navv_tabs ul li:hover, #my_project_green_navv_tabs ul li:hover , #find_pros_green_navv_tabs ul li:hover{
background-color: #56b0b7;
/*border-bottom: 5px solid #ed4847;*/
/*border-bottom: 5px solid #56b0b7;*/
}
#my_profile_green_navv_tabs ul li a{
text-decoration: none;
padding-bottom: 30px;
}
#my_profile_green_navv_tabs ul li span{
font-family:myVarela;
color: #fff;
font-size: 16px;
font-weight: 500;
position: relative;
top: 16px;
padding-left: 50px;
padding-right: 50px;
}
/*********************************************** Dynamic menu my profile end *************************************************************/
/******************Overview **********************/
#my_profile_content_div_overview{
width: 1200px;
min-height: 100px;
}
#my_profile_left_content_text{
width: 905px;
min-height: 478px;
float: left;
background-color: #eff2f4;
border-radius: 7px;
/*margin-bottom: 30px;*/
}
#my_profile_right_content_text{
width: 280px;
min-height: 478px;
border-radius: 7px;
float: right;
background-color: #385274;
}
#my_profile_left_content_text_1{
width: 100%;
min-height: 50px;
margin-top: 29px;
}
#my_profile_left_content_text_1 h2{
height: 35px;
background: #385274;
display: table;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-bottom: 30px;
width: 220px !important;
}
#my_profile_left_content_text_1 h2 p{
display: table-cell;
text-align: left;
vertical-align: middle;
color: #ffffff;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
font-weight: 500;
}
#my_profile_left_content_text_1 p {
width: 92%;
margin: 0 auto;
color: #385274;
margin-bottom: 30px;
font-size: 14px;
text-align: justify;
}
#my_profile_left_content_text_1 h3 {
width: 92%;
font-family: myVarelaBold;
font-weight: 500;
color: #385274;
margin: 0 auto;
font-size: 16px;
margin-bottom: 10px;
}
#my_profile_left_content_text_2{
width: 100%;
min-height: 50px;
}
#my_profile_left_content_text_2 h2{
width: 220px !important;
height: 35px;
font-size: 19px;
font-weight: 500;
background: #385274;
display: table;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: 30px;
margin-bottom: 30px;
}
#my_profile_left_content_text_2 h2 p{
display: table-cell;
text-align: left;
vertical-align: middle;
color: #ffffff;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
font-weight: 500;
}
#my_profile_left_content_text_2 p{
font-size: 14px;
color: #385274;
margin-left: 35px;
}
#my_profile_left_content_text_2 p span{
font-family: myVarela;
color: #385274;
font-size: 14px;
font-weight: 500;
}
#my_profile_left_content_text_3{
width: 100%;
min-height: 50px;
}
#my_profile_left_content_text_3 h2{
width: 220px !important;
height: 35px;
font-size: 16px;
font-weight: 500;
background: #385274;
display: table;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: 30px;
margin-bottom: 30px;
}
#my_profile_left_content_text_3 h2 p{
display: table-cell;
text-align: left;
vertical-align: middle;
color: #ffffff;
padding-left: 20px;
padding-right: 20px;
}
#my_profile_left_content_text_3_pay_boxes{
width: 92%;
margin: 0 auto;
padding-bottom: 30px;
}
.my_profile_pay_box{
width: 20%;
float: left;
margin: 0px;
}
.my_profile_pay_box p{
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
text-align: center;
max-width: 155px;
font-size: 14px;
color: #385274;
/*word-break: break-all;*/
margin: 0 auto;
min-height: 20px;
max-height: 40px;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: X;
max-height: X*2;
}
.pay_boxxx{
position: relative;
margin: 0 auto;
width: 165px;
height: 133px;
border-radius: 5px;
cursor: pointer;
}
.pay_boxxx img{
position: absolute;
margin: auto;
top: 0;
left:0;
bottom:0;
right:0;
}
.sky_blue{
background-color: #5678a4;
}
#my_profile_right_content_text {
text-align: center;
}
#my_profile_right_content_text button{
width: 119px;
height: 25px;
border-style: none;
border-radius: 5px;
background: #5678a4;
color: #fff;
font-size: 14px;
}
#my_prof_status_information{
border-style: none;
background: #5678a4;
color:#fff;
width: 246px;
height: 25px;
border-radius: 5px;
margin: 0 auto;
margin-bottom: 15px;
margin-top: 25px;
font-size: 14px;
}
#member_paragraph{
max-width: 245px;
margin: 0 auto;
text-align: left;
color: #fff;
font-size: 16px;
margin-top: 15px;
margin-bottom: 15px;
font-weight: 500;
}
#member_paragraph span{
float: right;
font-size: 14px;
margin-right: 10px;
margin-top: 2px;
}
.my_prof_stat_inf_div{
width: 245px;
margin: 0 auto;
min-height: 50px;
/*background: white;*/
border-top: 2px solid #50709a;
margin-bottom: 10px;
}
.my_prof_stat_inf_div h2{
margin: 0px;
padding: 0px;
font-family: myVarela;
font-size: 16px;
font-weight: 500;
text-align: left;
color: #ffffff;
margin-top: 10px;
margin-bottom: 15px;
}
.my_prof_stat_inf_div p{
max-width: 245px;
margin: 0 auto;
text-align: left;
color: #fff;
font-size: 14px;
font-weight: 500;
margin-bottom: 2px;
/*line-height: 20px;*/
}
.p_w_change{
width: 52px;
float: left;
}
#my_prof_stat_inf_div div#rat{
}
.my_prof_stat_inf_div span{
float: right;
font-size: 14px;
margin-right: 5px;
margin-top: 2px;
color: #fff;
width: 50px;
text-align: left;
position: relative;
left: 10px;
}
.no_result_to_show{
color: #006699 !important;
margin-bottom: 15px ;
font-size: 14px !important;
line-height: 22px !important;
}
#my_profile_left_content_text_1 span.no_result_to_show{
margin-left: 35px;
}
#my_profile_left_content_text_2 span.no_result_to_show{
margin-left: 35px;
}
/******************Overview END**********************/
/******************Feedback **********************/
#my_profile_left_content_text_feedback{
width: 905px;
min-height: 478px;
float: left;
background-color: #eff2f4;
border-radius: 7px;
/*margin-bottom: 30px;*/
}
#my_profile_left_content_text_feedback_general_div h2{
height: 45px;
font-size: 19px;
font-weight: 500;
background: #385274;
display: table;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-bottom: 18px;
margin-top: 25px;
}
#my_profile_left_content_text_feedback_general_div h2 p{
display: table-cell;
text-align: center;
vertical-align: middle;
color: #ffffff;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
#my_profile_left_content_text_feedback_general_div h3{
font-family: myVarelaBold;
color:#385274;
font-size: 16px;
width: 92%;
margin: 0 auto;
font-weight: 500;
}
#my_profile_left_content_text_feedback_general_div h3 div#rat{
position: relative;
top: 3px;
left: 5px;
margin-right: 10px;
}
.my_prof_individual_feedback h3 div#rat{
position: relative;
top: 3px;
left: 5px;
margin-right: 10px;
}
.my_prof_individual_feedback h3{
position: relative;
}
#my_prof_status_information_feedback_select_1{
border-style: none;
background: #5678a4;
color:#fff;
width: 246px;
height: 25px;
border-radius: 5px;
margin: 0 auto;
margin-top: 10px;
font-size: 14px;
}
#my_prof_status_information_feedback_select_2{
border-style: none;
background: #5678a4;
color:#fff;
width: 154px;
height: 25px;
border-radius: 5px;
margin: 0 auto;
margin-top: 10px;
margin-left: 10px;
font-size: 14px;
}
#my_prof_status_information_feedback_select_3{
border-style: none;
background: #5678a4;
color:#fff;
width: 154px;
height: 25px;
border-radius: 5px;
margin: 0 auto;
margin-top: 10px;
margin-left: 10px;
margin-right: 15px;
font-size: 14px;
}
#my_prof_general_div_statistics{
width: 92%;
min-height: 100px;
margin: 0 auto;
}
#my_prof_general_div_statistics_left{
width: 40%;
min-height: 100px;
float: left;
}
#my_prof_general_div_statistics_right{
width: 56%;
min-height: 100px;
float: right;
margin-top: 10px;
margin-left: 10px;
}
.my_prof_left_statistics_part{
width: 330px;
height: 25px;
border-radius: 5px;
background-color: #fff;
display: table;
margin-top: 10px;
}
.my_prof_left_statistics_part > p{
margin: 0px;
width: 45%;
margin-top: 4px;
margin-left: 20px;
font-size: 14px;
float: left;
text-align: left;
color:#385274;
position: relative;
z-index: 0;
}
.emp_statistics .my_prof_left_statistics_part > p{
width: 59%;
}
.my_prof_left_statistics_part p img{
position: absolute;
right: 0;
z-index: 10;
}
.my_prof_left_statistics_part div#rat{
margin-top: 4px;
margin-right: 10px;
float: right;
}
.my_prof_right_statistics_part{
/*width: 480px;*/
width: 100%;
height: 25px;
margin-bottom: 33px;
}
.my_prof_right_statistics_part div{
float: left;
}
.my_prof_right_statistics_part_left_text{
width: 35%;
max-width: 35%;
max-height: 25px;
display: table;
}
.my_prof_right_statistics_part_left_text p {
width: 100%;
height: 25px;
max-height: 25px;
display: table-cell;
vertical-align: middle;
text-align: left;
color:#385274;
font-size: 14px;
font-weight: 500;
}
.my_prof_right_statistics_part_procent_div{
width: 245px;
/*width: 320px;*/
height: 100%;
background-color: #dcdcdc;
border-radius: 5px;
}
.calculate_procents{
width: 75%;
height: 100%;
background: #4c698f;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.my_prof_right_statistics_part span{
float: right;
font-size: 14px;
margin-top: 4px;
color: #385274;
}
#my_profile_left_content_text_feedback_indiviuals h2{
height: 45px;
font-size: 19px;
font-weight: 500;
background: #385274;
display: table;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-bottom: 18px;
margin-top: 25px;
}
#my_profile_left_content_text_feedback_indiviuals h2 p{
display: table-cell;
text-align: center;
vertical-align: middle;
color: #ffffff;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
#my_prof_feedback_indiviuals_span {
background: #5aaeb4;
border-style: none;
border-radius: 5px;
padding: 4.5px;
padding-left: 10px;
padding-right: 10px;
margin-right: 7px;
color: white !important;
position: relative;
/*top: 1px;*/
top: 9px;
float: right;
font-family: myVarela;
font-size: 14px;
cursor: pointer;
}
#my_prof_status_information_feedback_indiviuals_select_1{
border-style: none;
background: #5678a4;
color:#fff;
width: 154px;
height: 25px;
border-radius: 5px;
margin: 0 auto;
margin-top: 10px;
margin-left: 10px;
margin-right: 15px;
font-size: 14px;
}
.my_prof_individual_feedback{
width: 92%;
min-height:50px;
margin: 0 auto;
border-bottom: 2px solid #d2dce2;
margin-top: 20px;
}
.my_prof_individual_feedback:last-child{
border: 0;
}
.my_prof_individual_feedback h4{
font-family: myVarelaBold;
color: #385274;
font-size: 16px;
font-weight: 500;
margin: 0px;
}
.my_prof_individual_feedback h3{
font-family: myVarelaBold;
color: #385274;
font-size: 14px;
font-weight: 500;
}
#my_profile_header_text_2_profile_information_individual{
margin: 0px;
width: 90%;
/*float: right;*/
display: table;
}
#my_profile_header_text_2_profile_information_individual p{
font-family: myVarelaBold;
margin: 0px;
text-align: center;
vertical-align: middle;
font-size: 14px;
color: #385274;
overflow: hidden;
text-overflow: ellipsis;
float: left;
margin-right: 15px;
margin-top: 15px;
}
#my_profile_header_text_2_profile_information_individual span{
font-size: 14px;
font-weight: 500;
}
#my_prof_general_div_statistics_left_individ{
width: 40%;
min-height: 100px;
float: left;
display: none;
}
#my_prof_general_div_statistics_right_individ{
width: 60%;
min-height: 100px;
float: right;
margin-top: 10px;
display: none;
}
#my_prof_general_div_statistics_right_individ div:not(.skills_and_test_pop_up){
width: 175px;
height: 25px;
border-radius: 5px;
background: #ffffff;
margin-bottom: 10px;
margin-left: 50px;
display: table;
}
#my_prof_general_div_statistics_right_individ div p{
margin: 0px;
display: table-cell;
vertical-align: middle;
text-align: left;
color: #385274;
font-size: 14px;
position: relative;
left:10px;
}
#my_prof_general_div_statistics_right_individ div p img{
position: absolute;
right: 20px;
}
#the_one_span{
position: absolute;
left: 384px;
top: 5px;
visibility: hidden;
font-family: myVarelaBold;
}
.feed_ind_paragraph{
color: #385274;
font-size: 14px;
line-height: 22px;
text-align: justify;
}
.feed_ind_paragraph span{
font-size: 14px;
font-family: myVarelaBold !important;
}
.my_prof_ind_plus{
position: relative;
left: 15px;
top: 3px;
padding: 5px;
cursor: pointer;
}
.my_prof_ind_minus{
visibility: hidden;
float: right;
margin-top: 10px;
padding: 5px;
cursor: pointer;
}
#emp_statistics{
display: none;
}
.go_upp{
color: #ed4847;
font-size: 14px;
font-weight: 500;
color: #ed4847;
border-style: none;
background: none;
font-family: myVarela;
margin-left: 10px;
font-size: 14px;
}
.non_bo{
font-weight: 500 !important;
}
/******************Feedback **********************/
/******************Portfolio **********************/
#my_profile_left_content_text_portfolio{
width: 905px;
/*min-height: 920px;*/
min-height: 478px;
float: left;
background-color: #eff2f4;
border-radius: 7px;
/*margin-bottom: 30px; */
}
#my_profile_left_content_text_portfolio h1 {
height: 35px;
font-size: 19px;
font-weight: 500;
background: #385274;
display: table;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-bottom: 30px;
margin-top: 25px;
}
#my_profile_left_content_text_portfolio h1 p {
display: table-cell;
text-align: center;
vertical-align: middle;
color: #ffffff;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
#my_profile_left_content_text_portfolio h2{
width: 92%;
margin: 0 auto;
font-size: 16px;
font-weight: 500;
font-family: myVarelaBold;
color: #385274;
}
.my_profile_business_plans_cont{
/*width: 92%;*/
width: 97%;
margin: 0 auto;
min-height: 100px;
}
.my_profile_business_plan_generate_div{
width: 25%;
height: 170px;
/*background: white;*/
float: left;
margin-bottom: 20px;
}
.my_profile_business_plan_generate_div p{
width: 100%;
text-align: center;
max-width: 155px;
font-size: 14px;
color: #385274;
word-break: break-all ;
margin: 0 auto;
min-height: 20px;
max-height: 40px;
margin-top:10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* number of lines to show */
line-height: X; /* fallback */
max-height: X*2;
}
.my_profile_bussines_cube{
margin: 0 auto;
width: 125px;
height: 133px;
border-radius: 5px;
position: relative;
cursor: pointer;
}
.my_profile_bussines_cube img{
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.ch_backgr_cube{
background-color: #5678a4 !important;
}
/******************Portfolio End**********************/
/****************** Resume **********************/
#my_profile_left_content_text_resume{
width: 905px;
min-height: 478px;
float: left;
background-color: #eff2f4;
border-radius: 7px;
margin-bottom: 30px;
}
#my_profile_left_content_text_resume h1 {
width: 222px;
height: 35px;
font-size: 19px;
font-weight: 500;
background: #385274;
display: table;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-bottom: 30px;
margin-top: 25px;
}
#my_profile_left_content_text_resume h1 p {
display: table-cell;
text-align: left;
vertical-align: middle;
color: #ffffff;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
.my_profile_resume_portfolio{
width: 92%;
/*min-height: 50px; */
margin: 0 auto;
margin-bottom: 30px;
/*margin-bottom: 42px;*/
position: relative;
}
.my_profile_resume_portfolio p{
font-size: 14px;
font-family: myVarelaBold;
color: #385274;
margin: 0px;
margin-bottom: 5px;
max-width: 900px;
text-align: justify;
/* white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;*/
}
.my_profile_resume_portfolio p span{
font-family: myVarela;
color: #385274;
font-size: 14px;
font-weight: 500;
/*margin-left: 5px;*/
}
.my_profile_resume_portfolio p span a{
color: #385274;
}
#my_profile_resume_portfolio_title{
margin: 0px;
width: 90%;
/*float: right;*/
display: table;
}
#my_profile_resume_portfolio_title p{
margin: 0px;
text-align: center;
vertical-align: middle;
font-size: 14px;
color: #385274;
overflow: hidden;
text-overflow: ellipsis;
float: left;
/*margin-left: 15px;*/
margin-right: 15px;
margin-bottom: 5px;
}
#my_profile_resume_portfolio_title span{
/*font-size: 16px;*/
}
#my_prof_resume_paragraph{
color: #385274;
font-size: 17px !important;
line-height: 22px;
}
#my_prof_resume_paragraph span{
font-size: 18px !important;
margin-left: 0px;
}
#my_prof_resume_paragraph a{
color: #ed4847;
font-family: myVarela;
margin-left: 10px;
}
#my_prof_resume_paragraph button{
color: #ed4847;
border-style: none;
background: none;
font-family: myVarela;
margin-left: 10px;
}
.my_prof_resume_paragraph{
color: #385274;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 22px;
font-family: myVarela !important;
}
.my_prof_resume_paragraph span{
font-size: 14px !important;
font-family: myVarelaBold !important;
margin-left: 0px;
}
.my_prof_resume_paragraph a{
color: #ed4847;
font-family: myVarela;
margin-left: 10px;
}
.my_prof_resume_paragraph button{
color: #ed4847;
border-style: none;
background: none;
font-family: myVarela;
margin-left: 10px;
font-size: 14px;
}
#reference_span{
position: absolute;
font-family: myVarela;
/*padding-left: 15px;*/
/*padding-right: 15px;*/
/*padding-top: 2px;*/
/*padding-bottom: 2px;*/
width: 165px;
height: 30px;
text-align: center;
border-radius: 5px;
background-color: #5aaeb4;
top: 0px;
left:82%;
color: #fff;
font-size: 14px;
cursor: pointer;
line-height: 30px;
}
.fancybox-overlay{
background: url('../../img/icon-home/hover-bg-explore.png') !important;
}
/****************** Resume End**********************/
/******************Skills and test **********************/
#my_profile_left_content_text_skills_and_test{
width: 905px;
min-height: 478px;
float: left;
background-color: #eff2f4;
border-radius: 7px;
/*margin-bottom: 30px;*/
}
#my_profile_left_content_text_skills_and_test h1 {
height: 35px;
font-size: 16px;
font-weight: 500;
background: #385274;
display: table;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-bottom: 30px;
margin-top: 30px;
width: 160px;
}
#my_profile_left_content_text_skills_and_test h1 p {
display: table-cell;
text-align: left;
vertical-align: middle;
color: #ffffff;
padding-left: 20px;
padding-right: 20px;
}
.my_prof_skills_and_tests_statistics{
/*width: 500px;*/
/*height: 100%;*/
width: 94%;
margin: 0 auto;
}
.my_profile_left_skills_and_test_left_text{
width: 32%;
max-width: 32%;
max-height: 25px;
display: table;
}
.my_profile_left_skills_and_test_left_text p {
width: 100%;
height: 25px;
max-height: 25px;
display: table-cell;
vertical-align: middle;
text-align: left;
color:#385274;
font-size: 14px;
font-weight: 500;
font-family: myVarelaBold;
}
.my_profile_left_skills_and_test_left_text p img{
position: relative;
top: 2px;
}
.my_profile_left_skills_and_test_left_text_2{
width: 18%;
max-width: 18%;
max-height: 25px;
display: table;
}
.my_profile_left_skills_and_test_left_text_2 p {
width: 100%;
height: 25px;
max-height: 25px;
display: table-cell;
vertical-align: middle;
text-align: left;
color:#385274;
font-size: 14px;
}
.margin_fix_skills_and_tests{
margin: 0px;
margin-bottom: 11px;
}
.skills_and_tests_span{
float: left !important;
margin-left: 5px;
margin-right: 10px;
}
.skills_and_test_pop_up{
width: 404px;
min-height: 130px;
border-radius: 5px;
background-color: #ffffff;
/*border: 1px solid #a6acb4;*/
-moz-box-shadow: inset 0 0 3px 0px #b4c3d6;
-webkit-box-shadow: inset 0 0 3px 0px #b4c3d6;
box-shadow: inset 0 0 3px 0px #b4c3d6;
display: none;
position: absolute;
z-index: 1;
}
.my_prof_pop_descr{
width: 90% !important;
margin: 0 auto !important;
padding-bottom: 10px !important;
font-size: 14px !important;
display: block !important;
font-weight: 500 !important;
color:#385274;
font-size: myVarela;
}
.skills_and_test_pop_up h2{
height: 35px !important;
font-size: 16px !important;
letter-spacing: 1px !important;
font-weight: 500 !important;
background: #385274 !important;
display: table !important;
border-top-right-radius: 5px !important;
border-bottom-right-radius: 5px !important;
margin-top: 18px !important;
margin-bottom: 18px !important;
}
.skills_and_test_pop_up h2 p{
display: table-cell !important;
text-align: center !important;
vertical-align: middle !important;
color: #ffffff !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
/******************Skills and test END **********************/
/****************** Upgrade account **********************/
#upgrade_profile_left_content{
width:860px;
min-height: 1300px;
float: left;
}
#table_th_simolation_upgr_account{
width: 620.8px;
min-height: 50px;
float: right;
margin-top: 25px;
/*display: table-cell;*/
/*vertical-align: middle;*/
}
.th_header_upgr_account{
/*width: 25%;*/
/*width: 170px;*/
width: 155px;
background-color: white;
float: left;
text-align: center;
margin-left: 0.2px;
/*margin-top: 45px;*/
}
.upgr_acc_first_table_paragraph{
width: 150px;
height: 40px;
border-radius: 5px;
background-color: #1c3556;
display: table;
margin: 0 auto;
text-align: center;
margin-bottom: 6px;
}
.upgr_acc_first_table_paragraph span{
display: table-cell;
vertical-align: middle;
color: white;
}
.upgr_acc_second_table_paragraph{
/*
width: 150px;
height: 25px;
border-radius: 5px;
background-color: #b0b0b1;
display: table;
margin: 0 auto;
text-align: center;
padding: 0px;
margin-bottom: 10px;
*/
}
.upgr_acc_second_table_paragraph span{
/*
display: table-cell;
vertical-align: middle;
color: white;
padding: 0px;
font-size: 14px;
*/
cursor:pointer;
}
.curent_plan{
background-color: #6dbec4;
color: #FFFFFF;
cursor: none !important;
}
.upgrade_acc_plan_1{
}
.upgrade_acc_plan_2{
background-color: #ffaa00;
}
.upgrade_acc_plan_3{
background-color: #fd7344;
}
.upgrade_acc_plan_4{
background-color: #ed4847;
}
.upgrade_account_table{
border-collapse:collapse;
}
.upgrade_account_table tr{
height: 40px;
}
.upgrade_account_table td{
/*min-width: 170px;*/
min-width: 155px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
}
.upgrade_account_table td p{
margin: 0px;
color: #1c3556;
font-size: 16px;
}
.upgrade_account_table tr:nth-child(odd) {
background-color: #D0DAE6;
}
.upgrade_account_table td:nth-child(even) {
/*background-color: rgba(0, 0, 0, 0.09);*/
background: url('../../img/step4-bg-transparent.png');
}
#purchase_bottom_div{
width: 100%;
height: 255px;
border-radius: 5px;
background-color: #edf6f6;
/*margin-top: 30px;*/
}
#purchase_bottom_div h4{
font-family: myVarela;
font-weight: 500;
width: 94%;
margin: 0 auto;
color: #ed4847;
padding-top: 25px;
margin-bottom: 30px;
font-size: 16px;
}
#purchase_bottom_div div:not(#purchase_buttons_div){
width: 94%;
margin: 0 auto;
text-align: left;
}
#purchase_bottom_div div p{
margin: 0px;
float: left;
font-size: 14px;
line-height: 17px;
color: #1c3556;
font-weight: 500;
font-family: myVarela;
margin-bottom: 15px;
display: table;
}
#purchase_bottom_div div span{
width: 280px;
float: right;
text-align: left;
font-size: 14px;
color: #1c3556;
}
#purchase_bottom_div div span strong{
color: #1c3556;
font-weight: 500;
}
#purchase_bottom_div div select{
width: 114px;
height: 28px ;
border-radius: 5px;
background-color: #6dbec4;
color: white;
padding: 5px;
border-style: none;
line-height: 1;
padding: 5px;
font-size: 16px;
-webkit-appearance: none;
position: relative;
top: -5px;
}
#bit_num_sel_chosen{
width: 114px;
height: 28px ;
background-color: #6dbec4;
border-radius: 5px;
position: relative;
top: -5px;
}
#bit_num_sel_chosen .chosen-results li{
color: #1c3556 !important;
}
#bit_num_sel_chosen .chosen-drop .chosen-results .highlighted{
background: #6dbec4;
}
#bit_num_sel_chosen .chosen-drop .chosen-results{
padding: 0px;
padding-top: 3px;
margin: 0 0px 4px 0 !important;
}
#bit_num_sel_chosen .chosen-drop{
margin-top: -2px !important;
width: 114px !important;
}
#bit_num_sel_chosen a.chosen-single span{
width: 80px;
float: left;
padding: 3px;
}
#bit_num_sel_chosen .chosen-single div{
width: 22px !important;
padding-top: 1px;
}
#bit_num_sel_chosen .chosen-single div b{
background: url('../../../../../../img/arrow-down.png') no-repeat -1px 8px !important;
width: 20px;
margin: 0px;
}
#bit_num_sel_chosen .chosen-single{
width: 114px;
height: 28px ;
background-color: #6dbec4;
padding: 0px !important;
}
#purchase_buttons_div{
width: 308px;
float: right;
}
#purchase_buttons_div input[type="button"]{
width: 116px;
height: 30px ;
border-radius: 5px;
background-color: #818a96;
border-style:none;
color: #fff;
cursor: pointer;
font-size: 14px;
}
#purchase {
width: 116px !important;
height: 28px !important;
border-radius: 5px !important;
background-color: #1c3556 !important;
border-style:none !important;
color: #fff !important;
margin-right: 15px !important;
cursor: pointer !important;
margin-left: 2px;
}
#upgrade_profile_right_content{
width: 290px;
min-height: 100px;
float: right;
margin-top: 72px;
margin-right: 20px;
}
#upgrade_profile_right_content h4{
font-family: myVarela;
margin: 0 auto;
font-size: 16px;
color: #ed4847;
font-weight: 500;
}
#upgrade_profile_right_content p{
text-align: justify;
line-height: 22px;
font-size: 14px;
color: #1c3556;
}
/****************** Upgrade account End **********************/
/****************** Overview Edit **********************/
#my_profile_left_content_text_1_edit{
width: 100%;
min-height: 50px;
margin-top: 29px;
}
#my_profile_left_content_text_1_edit p span{
background-color: white;
color: #385274 !important;
margin-left: 15px;
padding-left: 5px;
padding-right: 5px;
border-radius: 5px;
margin-top: 1px;
cursor: pointer;
font-size: 14px;
padding: 3px;
}
/*Overview fixed corextions*/
#view_mode{
width: 100% !important;
min-height: 50px !important;
margin-top: 29px !important;
}
#view_mode h2{
height: 35px !important;
background: #385274 !important;
display: table !important;
border-top-right-radius: 5px !important;
border-bottom-right-radius: 5px !important;
margin-bottom: 18px !important;
width: 220px !important;
}
#view_mode h2 p{
display: table-cell !important;
text-align: left !important;
vertical-align: middle !important;
color: #ffffff !important;
padding-left: 20px !important;
padding-right: 20px !important;
font-size: 16px !important;
font-weight: 500 !important;
}
#view_mode p {
width: 92% !important;
margin: 0 auto !important;
color: #385274 !important;
margin-bottom: 30px !important;
font-size: 14px !important;
text-align: justify;
}
#view_mode h3 {
width: 92% !important;
font-family: myVarelaBold !important;
color: #385274 !important;
margin: 0 auto !important;
font-size: 16px !important;
margin-bottom: 10px !important;
font-weight: 500 !important;
}
/*Overview fixed corextions end*/
#my_profile_left_content_text_1_edit h2{
height: 35px;
font-size: 16px;
font-weight: 500;
background: #385274;
display: table;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-bottom: 18px;
}
#my_profile_left_content_text_1_edit h2 p{
display: table-cell;
text-align: left;
vertical-align: middle;
color: #ffffff;
padding-left: 20px;
/*padding-right: 20px;*/
padding-right: 6px;
}
#highlits_info_paragraph {
width: 92% !important;
margin: 0 auto !important;
color: #006699 !important;
margin-bottom: 15px !important;
font-size: 14px !important;
line-height: 22px !important;
}
.service_info_paragraph {
width: 92% !important;
margin: 0 auto !important;
color: #006699 !important;
margin-bottom: 15px !important;
font-size: 14px !important;
line-height: 22px !important;
margin-bottom: 30px !important;
/*display: none;*/
}
#my_profile_left_content_text_1_edit h3 {
font-family: myVarela;
color: #385274;
margin-left: 20px;
}
#white_lenth{
width: 100%;
height: 2px;
background-color: #fff;
margin-top: 15px;
margin-bottom: 15px;
}
#highlits_texfield{
font-family: myVarela;
font-size: 14px;
color: #385274;
/*width: 92%;*/
width: 823px;
max-width: 92%;
border-style: none;
border-radius: 5px;
margin-left: 35px;
height: 90px;
max-height: 90px;
/*background-color: #d7dfe4;*/
background-color: #ffffff;
padding-top: 10px;
padding-left: 10px;
}
#stats_highlits_div{
width: 92%;
height: 50px;
margin: 0 auto;
}
#stats_highlits_div p {
float: left;
color: #006699;
text-align: left;
font-size: 15px;
}
#stats_highlits_div div.label_fix{
float: right;
margin-top: 10px;
}
#stats_highlits_div div.label_fix input{
width: 80px;
height: 30px;
border-style: none;
border-radius: 5px;
color: white;
cursor: pointer;
font-size: 14px;
margin-left: 10px;
float: right;
}
#stats_highlits_div p span{
background: none;
color: #006699;
margin: 0px;
margin-left: 10px;
}
#highlits_save_button{
background-color: #1c3556;
}
#highlits_cansel_button{
background-color: #818a96;
}
#add_new_service_link{
color: #385274;
cursor: pointer;
float: left;
margin-top: 0px;
margin-left: 20px;
}
#stats_service_div{
width: 92%;
margin: 0 auto;
padding-top: 20px;
}
#stats_service_div div.label_fix{
float: right;
/*display: none;*/
}
#stats_service_div div.label_fix input{
width: 80px;
height: 30px;
border-style: none;
border-radius: 5px;
color: white;
cursor: pointer;
font-size: 14px;
margin-left: 10px;
margin-bottom: 20px;
float: right;
}
#service_save_button{
background-color: #1c3556;
}
#service_cansel_button{
background-color: #818a96;
}
.service_texfield{
font-family: myVarela;
font-size: 14px;
color: #385274;
/*width: 92%;*/
width: 823px;
max-width: 92%;
border-style: none;
border-radius: 5px;
margin-left: 35px;
height: 90px;
max-height: 90px;
/*background-color: #d7dfe4;*/
background-color: #ffffff;
margin-top: 15px;
padding-top: 10px;
padding-left: 10px;
}
.my_profile_user_services{
position: relative;
left: 0px;
}
#services_div_generate{
position: relative;
width: 100%;
}
.my_profile_user_services label{
font-family: myVarelaBold;
color: #385274;
margin-left: 55px;
font-weight: 500;
font-size: 14px;
}
.my_profile_user_services label span{
font-family: myVarelaBold;
font-size: 14px;
}
.my_profile_user_services_tittle input{
width: 485px;
height: 30px;
border-radius: 5px;
border-style: none;
/*background-color: #d7dfe4;*/
background-color: #ffffff;
margin-left: 20px;
font-family: myVarela;
color: #435b7b;
padding-left: 10px;
font-size: 14px;
}
.my_profile_user_services_new{
position: relative;
left: 0px;
}
.my_profile_user_services_new label{
font-family: myVarela;
color: #385274;
margin-left: 55px;
font-weight: 600;
font-size: 14px;
}
.service_charters_and_move{
width: 92%;
margin: 0 auto;
height: 50px;
}
.service_charters_and_move p{
color: #006699;
text-align: left;
font-size: 14px;
float: left;
}
.service_charters_and_move span{
color: #385274 !important;
background: none !important;
}
.service_charters_and_move div{
float: right;
display: table;
}
.service_charters_and_move div p{
display: inline-table;
height: 100%;
vertical-align: middle;
cursor: pointer;
margin-left: 10px;
}
.my_prof_delete_service{
margin-left: 30px !important;
}
.service_charters_and_move div p img{
position: relative;
top: 0.8px;
margin-left: 5px;
float: right;
}
.my_prof_move_down img{
float: left !important;
margin-right: 5px !important;
}
#my_prof_edit_overview_edit_avatar{
height: 48px;
max-height: 48px;
display: table-cell;
vertical-align: middle;
position: absolute;
top: 8px;
left: 51px;
}
#my_prof_edit_overview_edit_avatar p{
text-align: left;
font-size: 16px;
margin: 0px;
}
#my_prof_edit_overview_edit_avatar p span{
padding: 1px;
border-radius: 5px;
background-color: #ffffff;
padding-left: 15px;
padding-right: 15px;
cursor: pointer !important;
color: #385274;
font-size: 14px;
}
.my_prof_edit_overview_edit_avatar{
width: 100%;
height: 48px;
max-height: 48px;
/*display: table-cell;*/
vertical-align: middle;
/*visibility: hidden;*/
}
.my_prof_edit_overview_edit_avatar p{
text-align: left;
font-size: 16px;
margin: 0px;
margin-top: 10px;
margin-left: 11px;
width: 680px;
}
.my_prof_edit_overview_edit_avatar #user_tagline{
margin-left: 0;
}
#tagline_span{
margin: 0px !important;
margin-top: 5px !important;
display: inline-block;
}
#tagline_span_edit{
margin: 0px !important;
margin-top: 5px !important;
display: inline-block;
}
.my_prof_edit_overview_edit_avatar p span{
padding: 1px;
border-radius: 5px;
background-color: #ffffff;
padding-left: 15px;
padding-right: 15px;
cursor: pointer !important;
color: #385274;
font-size: 14px;
}
.avatar_fix{
position: absolute;
top: -50px;
left: 750px;
}
.hiddd{
display: none;
}
.hhhh{
display: none;
}
.my_prof_delete_service{
float: right !important;
cursor: pointer;
}
/****************** Overview Edit End **********************/
/******************Portfolio Edit **********************/
#my_profile_left_content_text_portfolio_edit{
width: 905px;
min-height: 478px;
float: left;
background-color: #eff2f4;
border-radius: 7px;
margin-bottom: 30px;
}
#my_profile_left_content_text_portfolio_edit h1 {
height: 35px;
font-size: 19px;
font-weight: 500;
background: #385274;
display: table;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-bottom: 30px;
margin-top: 30px;
}
#my_profile_left_content_text_portfolio_edit h1 p {
display: table-cell;
text-align: center;
vertical-align: middle;
color: #ffffff;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
.my_profile_portfolio_geleral_head_div_edit{
width: 96%;
margin: 0 auto;
height: 30px;
}
.my_profile_portfolio_geleral_head_div_edit div{
/*display: inline-block;*/
}
.my_profile_portfolio_geleral_head_div_edit h2{
width: 485px;
height: 30px;
/*background-color: #d7dfe4;*/
background-color: #fff;
border-radius: 5px;
font-size: 16px;
font-weight: 500;
display: table;
vertical-align: middle;
float: left;
}
.my_profile_portfolio_geleral_head_div_edit h2 p{
/* margin: 0px;
display: table-cell;
vertical-align: middle;
position: relative;
left: 25px;*/
/*display: table-cell;*/
height: 100%;
left: 11px;
margin: 4px 0 0;
position: relative;
vertical-align: middle;
width: 100%;
color: #1c3556;
}
.my_profile_portfolio_geleral_head_div_edit h2 input[type="text"]{
margin: 0px;
/*display: table-cell;*/
vertical-align: middle;
width: 98% !important;
height: 27px;
/*margin-left: 30px;*/
/* position: relative;
left: 25px;
top: 2px;*/
padding-left: 10px;
border-style: none;
font-size: 16px;
visibility: hidden;
border-radius: 5px;
display: none;
}
.my_profile_portfolio_geleral_head_div_edit #add_lang_button_1{
margin-right: 0px;
}
#my_profile_left_content_text_portfolio_edit #f_save_but{
margin-right: 9px !important;
}
.new_portfolio_inf h2 input[type="text"]{
display: block;
visibility: visible;
}
.new_portfolio_inf{
display: none;
margin-top: 10px;
margin-bottom: 10px;
}
.my_profile_portfolio_geleral_head_div_edit div{
float: right;
margin-top: 5px;
height: 30px;
}
.my_profile_portfolio_geleral_head_div_edit div p{
margin: 0px;
display: inline-block;
color: #385274;
font-size: 17px;
}
.my_profile_portfolio_geleral_head_div_edit div img{
margin: 0px;
margin-right: 10px;
cursor: pointer;
}
.my_profile_portfolio_cubs{
width: 97%;
/*min-height: 100px;*/
margin: 0 auto;
margin-top: 20px;
}
.my_profile_portfolio_cubs_edit{
margin: 0 auto;
width: 125px;
height: 133px;
border-radius: 5px;
position: relative;
cursor: pointer;
}
.my_profile_portfolio_cubs_edit img{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.my_profile_portfolio_cubs_content{
width: 25%;
/*height: 258px;*/
float: left;
margin-bottom: 30px;
}
.my_profile_portfolio_cubs:empty{
margin: 0 !important;
}
.my_profile_portfolio_cubs_information_edit{
width: 93%;
margin: 0 auto;
/*height: 120px;*/
}
.my_profile_portfolio_cubs_information_edit h2{
width: 100%;
/*background-color: #d7dfe4;*/
background-color: #fff;
border-radius: 5px;
font-size: 14px;
color: #385274;
/*font-weight: 600;*/
display: table;
vertical-align: middle;
text-align: center;
margin: 0 auto;
font-family: myVarela;
margin-top: 10px;
margin-bottom: 10px;
}
.my_profile_portfolio_cubs_information_edit h2 p{
margin: 0px;
border-radius: 5px;
color: #385274;
padding-top: 3px;
padding-bottom: 3px;
font-size: 14px;
font-weight: 500;
overflow: hidden;
/*word-break:break-all;*/
min-height: 21px;
max-height: 40px;
width: 195px !important;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: X;
max-height: X*2;
position: relative;
top: 1px;
/*left:11px;*/
padding-left: 11px;
font-family: myVarela;
}
.my_profile_portfolio_cubs_information_edit h2 input[type="text"]{
margin: 0px;
color: #385274;
width: 195px !important;
/*padding: 3px;*/
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px !important;
font-size: 14px;
font-weight: 500;
min-height: 21px;
border-style: none;
position: relative;
border-radius: 5px;
/*background-color: #d7dfe4;*/
display: none;
}
.my_profile_portfolio_cubs_information_edit p {
width: 100%;
margin: 0 auto;
color: #1c3556;
font-weight: 500;
font-size: 14px;
font-family: myVarelaBold;
/*margin-bottom: 5px;*/
}
.my_profile_portfolio_cubs_information_edit p span {
margin: 0px;
color: #1c3556;
font-weight: 500;
float: right;
white-space: nowrap;
width: 130px;
overflow: hidden;
text-overflow: ellipsis;
text-align: right;
}
.my_profile_portfolio_cubs_information_edit input[type="checkbox"]{
margin: 0 auto;
margin-top: 13px;
width: 15px;
height: 15px;
float: left;
}
.alone_span{
color: #1c3556;
font-family: myVarela;
margin-left: 10px;
font-size: 14px;
position: relative;
top: -2px;
float: left;
margin-top: 13px;
}
.my_profile_portfolio_cubs_information_edit img{
float: right;
margin-top: 5px;
margin-top: 15px;
cursor: pointer;
}
.my_profile_add_file_portfolio{
width: 202px;
height:133px;
background-color: #d7dfe4;
border-radius: 5px;
margin: 0 auto;
font-size: 20px;
color: #385274;
/*display: table;*/
vertical-align: middle;
text-align: center;
/*cursor: pointer;*/
}
.my_profile_add_file_portfolio p{
width: 202px;
height:133px;
display: table-cell;
vertical-align: middle;
text-align: center;
cursor: pointer;
}
#my_profile_portfolio_cubs_2 {
margin: 0 auto;
width: 97%;
min-height: 100px;
margin-top: 30px;
}
#my_prof_add_new_category{
/*width: 95%;*/
/*height: 80px;*/
margin: 0 auto;
/*display: table;*/
float: left;
}
.new_pri{
margin-bottom: 20px;
position: relative;
top: 5px;
}
#my_prof_add_new_category_button{
/*width: 414px;*/
/*height: 50px;*/
border-radius: 5px;
/*background-color:#d7dfe4; */
display: table;
margin: 0 auto;
text-align: center;
cursor: pointer;
}
#my_prof_add_new_category_button p{
/*display: table-cell;*/
vertical-align: middle;
text-align: center;
font-size: 16px;
color: #385274;
margin-left: 22px;
}
.file_input{
display: table-cell;
width: 100%;
height: 100%;
border-style: none;
background-color: #fff;
border-radius: 5px;
color: #385274;
font-size: 16px;
cursor: pointer !important;
}
/******************Portfolio Edit END **********************/
/****************** Resume Edit End**********************/
.my_prof_form_resume_left{
width: 400px;
float: left;
display: table;
margin-bottom: 10px;
}
.my_prof_form_resume_left label{
display: table-cell;
vertical-align: middle;
}
.my_prof_form_resume_left p{
font-size: 14px;
width: 125px !important;
float: left;
margin: 0px;
margin-top: 4px;
font-weight: 500;
}
.my_prof_form_resume_left input{
float: right;
width: 270px;
background-color: #fff;
border-radius: 5px;
border-style: none;
height: 30px;
}
.my_prof_form_resume_right{
width: 385px;
float: right;
}
.my_prof_form_resume_right label{
display: table-cell;
vertical-align: middle;
}
.my_prof_form_resume_right p{
font-size: 14px;
width: 110px !important;
float: left;
margin: 0px;
margin-top: 4px;
font-weight: 500;
}
.my_prof_form_resume_right input{
float: right;
width: 269px;
background-color: #fff;
border-radius: 5px;
border-style: none;
height: 30px;
margin-right: 5px;
}
#dots_div{
border-bottom: 2px solid gray;
height: 15px;
width: 10px;
float: left;
/* margin-left: 30px;
margin-right: 30px;*/
margin-left: 36px;
margin-right: 25px;
}
.the_one_and_only_p{
font-family: myVarela;
color: #385274;
width: 125px;
font-size: 14px !important;
float: left;
margin-top: 7px !important;
font-weight: 500 !important
}
#desc_p{
font-weight: 500;
}
#term_month_from{
background-color: #d7dfe4;
width: 211px;
height: 30px;
border-radius: 5px;
border-style: none;
float: left;
padding: 5px;
margin-left: 5px;
}
#term_year_from{
float: left;
margin-left: 10px;
padding: 5px;
background-color: #d7dfe4;
width: 90px;
height: 30px;
border-radius: 5px;
border-style: none;
}
.my_profile_resume_portfolio textarea{
border-radius: 5px;
padding: 10px;
border-style: none;
background-color: #fff;
width: 805px;
max-width: 805px;
height: 80px;
max-height: 190px;
word-wrap: normal;
color: #385274;
font-size: 14px;
font-family: myVarela;
}
.my_prof_bottom_action_div{
margin: 0px;
margin-top: 15px;
}
.my_prof_bottom_action_div p{
float: left;
font-weight: 500;
}
.my_prof_bottom_action_div p:nth-child(1){
width: 75px;
margin-right: 53px !important;
margin-left: 2px;
}
.my_prof_res_file::-webkit-file-upload-button {
/*visibility: hidden !important;*/
/*width: 0;*/
/*height: 0;*/
}
.my_prof_bottom_action_div .bootstrap-filestyle{
float: left;
margin-right: 20px;
color: #1c3556;
position: relative;
font-size: 14px;
font-weight: 600;
height: 15px;
margin-left: 20px !important;
}
.my_prof_bottom_action_div .bootstrap-filestyle span{
cursor: pointer;
}
/*.my_prof_bottom_action_div .bootstrap-filestyle .input-large{
background: transparent;
width: 120px;
float: left;
height: 15px;
margin-top: 1px;
margin-right: 20px;
}*/
.my_prof_res_file{
margin: 0px;
float: left;
width: 80px;
outline: none;
height: 20px;
cursor: pointer;
font-family: myVarelaBold;
}
.file_link_empty{
font-size: 14px;
color: #1c3556;
position: relative;
top: -1px;
}
.file_simulation{
display: none;
/*margin-left: 53px !important;*/
}
.my_prof_res_file:before{
/* display: inline-block;
border-radius: 3px;
border-style: none;
border: none;
outline: none;
white-space: nowrap;
-webkit-user-select: none;
cursor: pointer;
text-shadow: 1px 1px #fff;
font-weight: 700;
font-size: 10pt;*/
}
.my_prof_bottom_action_div img{
margin-left: 20px;
position: relative;
top: 1px;
}
.my_prof_resume_delete{
float: right !important;
margin-right: 10px !important;
}
.my_prof_bottom_action_div_2{
float: right;
margin-right: 20px;
}
.my_prof_bottom_action_div_2 button{
width: 80px;
height: 30px;
border-style: none;
border-radius: 5px;
color: white;
cursor: pointer;
margin-left: 10px;
font-size: 14px;
}
.my_prof_button_add{
background-color: #5aaeb4;
width: 80px !important;
height: 30px !important;
}
.my_prof_button_save{
background-color: #1c3556;
float: right;
}
.my_prof_button_cancel{
background-color: #818a96;
}
.edit_block{
background: #fff;
border-style: none;
border-radius: 5px;
/*padding: 4px;*/
/*padding-left: 10px;*/
/*padding-right: 10px;*/
margin-top: 5px;
margin-right: 6px;
color: #385274 !important;
float: right;
width: 40px;
height: 25px;
font-size: 14px;
}
.select_need_fix{
width: 190px !important;
margin-left: 5px;
}
.select_need_fix2{
width: 70px !important;
}
#my_profile_left_content_text_resume #we_wrapper h1{width: 280px !important;}
#my_profile_left_content_text_resume #e_wrapper h1{width: 280px !important;}
#my_profile_left_content_text_resume #c_wrapper h1{width: 280px !important;}
#my_profile_left_content_text_resume #p_wrapper h1{width: 280px !important;}
#my_profile_left_content_text_resume input{
font-size: 14px;
}
/****************** Resume Edit End**********************/
select{
padding: 4px;
}
/****************** Feedback Edit*************************/
#feedback_popup{
width: 905px;
height: 795px;
/*background: url('../../img/opacity-background.png');*/
background-color: #eff2f4;
position: absolute;
/*top: 30% ;*/
display: none;
visibility: hidden;
z-index: 2;
border-radius: 5px;
}
#feedback_popup .rateit .rateit-range{
position: relative;
left:20px;
}
#feedback_popup h1{
margin: 0 auto;
font-family: myVarelaBold;
font-size: 16px;
color: #1c3556;
width: 95%;
margin-top: 15px;
margin-bottom: 15px;
font-weight: 500;
}
#feedback_popup p:not(#feedback_popup_info_paragraph){
font-family: myVarelaBold;
width: 95%;
margin: 0 auto;
font-size: 14px;
color: #1c3556;
margin-bottom: 15px;
font-weight: 500;
}
#feedback_popup span {
font-family: myVarela;
font-weight: 500;
}
#feedback_popup_first_div_child_left div#ratt{
position: relative;
left: 20px;
}
#feedback_popup_info_paragraph{
width: 95%;
border-radius: 5px;
margin: 0 auto;
height: 90px;
color: #006699;
font-size: 14px;
line-height: 25px;
text-align: justify;
}
#lang_part{
width: 92% !important;
padding-bottom: 25px;
}
.feedback_popup_info_paragraph{
width: 92%;
border-radius: 5px;
margin: 0 auto;
color: #006699;
font-size: 14px !important;
line-height: 25px;
margin-top: 20px;
margin-bottom: 20px;
text-align: justify;
padding-left: 4px;
line-height: 22px;
}
#feedback_popup div.pop_up_radio{
width: 20px;
height: 20px;
border-radius: 4px;
background: #d7dfe4;
display: inline-block;
margin-left: 20px;
margin-top: 10px;
margin-right: 10px;
}
.feedback_popup_cont{
width: 95%;
margin: 0 auto;
}
#feedback_popup_first_div_child_left{
float: left;
width: 42%;
height: 150px;
/*background-color: gray;*/
}
#feedback_popup_first_div_child_left p{
width: 100% !important;
margin: 0px !important;
font-size: 14px !important;
margin-bottom: 10px !important;
letter-spacing: 0px !important;
color: #1c3556 !important;
font-weight: 600;
}
#feedback_popup_first_div_child_left span{
margin: 0px !important;
font-size: 14px !important;
position: relative;
top: 0px !important;
float: right;
margin-top: 2px;
margin-right: 2px !important;
white-space: nowrap;
max-width: 205px;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 500 !important;
text-align: right;
font-family: myVarela;
}
#feedback_popup_first_div_child_right{
float: right;
width: 58%;
height: 150px;
/*position: relative;*/
/*overflow: hidden;*/
/*background-color: green;*/
}
#feedback_popup_first_div_child_right p {
margin-left: 30px !important;
text-align: justify;
letter-spacing: 0px !important;
font-size: 14px !important;
color: #1c3556;
line-height: 25px;
font-weight: 500 !important;
width: 92% !important;
overflow: hidden !important;
position: relative !important;
height: 155px;
padding-right: 13px;
font-family: myVarela !important;
}
#feedback_popup_first_div_child_right p span{
position: relative;
top: 0px !important;
font-size: 14px;
font-weight: 500;
font-family: myVarelaBold;
}
.need_fix{
/*float: left;*/
}
.row_feedback_pop{
width: 95%;
height: 252px;
margin: 0 auto;
/*background-color: #d7dfe4;*/
background-color: #fff;
border-radius: 7px;
margin-top: 20px;
}
.row_feedback_pop:nth-child(1){
margin-top:0px !important;
}
.row_feedback_pop input[type="checkbox"]{
float: none;
margin-left: 20px;
margin-top: 10px;
width: 20px;
height: 20px;
}
/*#feedback_popup_first_div input[type="checkbox"]{
float: none;
margin-left: 20px;
margin-top: 10px;
width: 20px;
height: 20px;
}*/
.row_feedback_pop span{
margin: 0px;
position: relative;
top: -5px;
color: #1c3556;
font-size: 14px;
font-weight: 500;
font-family: myVarelaBold;
}
.row_feedback_pop h2{
width: 95%;
margin: 0 auto;
font-family: myVarelaBold;
color: #ed4847;
font-size: 14px;
font-weight: 500;
margin-top: 5px;
margin-bottom: 15px;
}
.feedback_popup_cont_2{
width: 95%;
margin: 0 auto;
}
#feedback_popup_second_div_child_left div#ratt{
position: relative;
left:20px;
}
#feedback_popup_second_div_child_left{
float: left;
width: 42%;
height: 150px;
/*background-color: gray;*/
}
#feedback_popup_second_div_child_left p{
width: 100% !important;
margin: 0px !important;
font-size: 14px !important;
margin-bottom: 10px !important;
letter-spacing: 0px !important;
color: #1c3556 !important;
}
#feedback_popup_second_div_child_left span{
margin: 0px !important;
font-size: 14px !important;
position: relative;
top: 0px !important;
float: right;
margin-top: 2px;
margin-right: 2px !important;
white-space: nowrap;
max-width: 205px;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 500 !important;
font-family: myVarela !important;
text-align: right;
}
#feedback_popup_second_div_child_right{
float: right;
width: 58%;
height: 150px;
/*background-color: green;*/
}
#feedback_popup_second_div_child_right p {
margin-left: 30px !important;
text-align: justify;
letter-spacing: 0px !important;
font-size: 14px !important;
color: #1c3556;
font-weight: 500 !important;
line-height: 25px;
width: 92% !important;
position: relative;
height: 155px;
font-family: myVarela !important;
overflow: hidden;
padding-right: 13px;
}
#feedback_popup_second_div_child_right p span{
position: relative;
top: 0px !important;
font-size: 14px;
font-weight: 500;
font-family: myVarelaBold;
}
#feedback_popup_action_div{
width: 100%;
height: 50px;
text-align: right;
}
#feedback_popup_action_div button{
border-style: none;
border-radius: 5px;
margin-top: 15px;
margin-right: 22px;
color: #fff;
cursor: pointer;
width: 80px;
height: 30px;
font-size: 14px;
}
#feedback_popup_action_div_button_1{
background-color: #1c3556;
}
#feedback_popup_action_div_button_2{
margin-right: 15px !important;
background-color: #818a96;
}
#feedback_popup_2{
/*width: 750px;*/
width: 905px;
/*height: 420px;*/
min-height: 390px;
/*background: url('../../img/opacity-background.png');*/
background-color: #eff2f4;
position: absolute;
top: 40% ;
display: none;
visibility: hidden;
z-index: 2;
border-radius: 5px;
}
#feedback_popup_2 h1{
margin: 0 auto;
font-family: myVarelaBold;
font-size: 16px;
color: #1c3556;
width: 95%;
margin-top: 20px;
margin-bottom: 20px;
font-weight: 500;
}
#feedback_popup_2_ppp{
width: 95%;
margin: 0 auto;
font-family: myVarela;
color: #ed4847;
font-size: 14px;
font-weight: 500;
margin-top: 5px;
margin-bottom: 15px;
}
#feedback_popup_2_content{
width: 95%;
min-height: 190px;
border-radius: 5px;
margin: 0 auto;
/*background-color: #d7dfe4;*/
background-color: #fff;
}
#feedback_popup_2_content_par{
width: 95%;
margin: 0 auto;
text-align: justify;
font-size: 14px;
line-height: 24px;
color: #1c3556;
position: relative;
top: 20px;
}
#feedback_popup_2_content_par span{
font-family: myVarelaBold;
font-size: 14px;
font-weight: 500;
}
#feedback_popup_2_content_div_p_s{
margin-top: 25px;
margin-left: 20px;
width: 50%;
height: 100px;
}
#feedback_popup_2_content_div_p_s span{
float: right;
margin-top: 11px;
margin-right: 10px !important;
margin-left: 10px !important;
font-size: 14px;
font-weight: 500;
color: #1c3556;
}
#feedback_popup_2_content_div_p_s p{
font-family: myVarelaBold;
margin: 0px;
float: left;
font-size: 14px;
margin-top: 10px;
font-weight: 500;
color: #1c3556;
}
.fix_right{
float: right;
position: relative;
top: 13px;
}
#feedback_popup_2_ppp_2{
font-family: myVarelaBold;
width: 95%;
margin: 0 auto;
margin-top: 20px;
font-size: 14px;
color: #1c3556;
font-weight: 500;
}
#feedback_popup_2_ppp_2 span{
color: #1c3556;
font-family: myVarela;
font-weight: 500;
}
#feedback_popup_2_action_div_button_1{
background-color: #1c3556;
margin-top: 10px !important;
}
#feedback_popup_2_action_div_button_2{
background-color: #818a96;
margin-top: 10px !important;
margin-right: 15px !important;
}
/****************** Feedback Edit End**********************/
/****************** Skills and test Edit **********************/
.delete_skill_but{
cursor: pointer;
margin-top: 7px;
width: 10px;
height: 11px;
float: right;
}
.my_profile_left_skills_and_test_left_text input[type="checkbox"]{
width: 15px;
height: 15px;
margin: 0px;
margin-top: 5px;
margin-right: 5px;
}
.my_prof_right_statistics_part img:not(.my_profile_left_skills_and_test_left_text img){
float: right;
margin-right: 5px;
margin-top: 5px;
cursor: pointer;
}
.wid_fix{
width: 320px;
margin-right: 10px;
margin-left: 5px;
}
.skils_and_tests_action_line{
width: 100%;
height: 100px;
margin: 0 auto;
display: table;
}
.sk{
display: none;
visibility: hidden;
}
.ln{
display: none;
visibility: hidden;
}
.skils_and_tests_action_line_left{
width: 50%;
height: 100%;
display: table-cell;
vertical-align: middle;
}
.skils_and_test_add_skill{
/*width: 215px;*/
/*height: 50px;*/
border-radius: 5px;
/*background-color: #d7dfe4;*/
display: table;
margin-left: 25px;
cursor: pointer;
}
.skils_and_test_add_skill p{
width: 100%;
height: 100%;
margin: 0px;
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 16px;
/*font-weight: bold;*/
color:#385274;
}
.skils_and_tests_action_line_right{
width: 50%;
height: 100%;
display: table-cell;
vertical-align: middle;
text-align: right;
}
.skils_and_tests_action_line_right button{
width: 80px;
height: 30px;
border-style: none;
border-radius: 5px;
color: #fff;
cursor: pointer;
margin-left: 10px;
font-size: 14px;
float: right;
}
#add_skills_button_1{
background-color: #1c3556;
}
#add_skills_button_2{
background-color: #818a96;
}
#add_highlit_button_1{
background-color: #1c3556;
}
#add_highlit_button_2{
background-color: #818a96;
}
.active_paragraph{
color:#ed5353 !important;
}
.width_little_fix{
width: 25%;
}
#add_skills_pop_up{
width: 1200px;
min-height: 668px;
/* background: url('../../img/opacity-background.png'); */
background-color: #eff2f4;
position: absolute;
top: 397px;
left:0px;
display: none;
visibility: hidden;
z-index: 2;
border-radius: 5px;
padding-bottom: 20px;
}
#add_skills_pop_up p.feedback_popup_info_paragraph{
margin-top: 0px;
width: 95%;
margin-bottom: 10px;
}
#add_skills_pop_up h1{
margin: 0 auto;
font-family: myVarelaBold;
font-size: 16px;
color: #1c3556;
width: 95% !important;
margin-top: 20px;
font-weight: 500;
}
#add_skills_pop_up_content{
width: 95%;
height: 500px;
margin: 0 auto;
}
.add_skills_checkbox_divs{
width: 190px;
float: left;
}
.add_skills_checkbox_divs h2{
width: 100%;
height: 30px;
margin: 0 auto;
font-family: myVarela;
font-size: 21px;
font-weight: 500;
margin-bottom: 15px;
color: #1c3556;
letter-spacing: 1px;
}
.add_skills_checkbox_divs input{
width: 15px;
height: 15px;
margin: 0px;
/*margin-top: 5px;*/
}
.add_skills_checkbox_divs div{
margin-bottom: 8px !important;
margin-left: 3px;
}
.add_skills_checkbox_divs span{
position: relative;
top: -3px;
left: 5px;
font-size: 14px;
color: #1c3556;
}
.add_skills_checkbox_divs_buttons{
text-align: right;
margin-top: 15px;
}
.add_skills_checkbox_divs_buttons p{
float: left;
margin: 0px;
margin-top: 5px;
color: #006699;
font-size: 14px;
}
.add_skills_checkbox_divs_buttons button{
width: 80px;
height: 30px;
border-style: none;
border-radius: 5px;
color: #fff;
cursor: pointer;
margin-left: 10px;
font-size: 14px;
float: right;
}
#add_skills_button_11{
background-color: #1c3556;
}
#add_skills_button_22{
background-color: #818a96;
}
#add_languages_pop_up{
width: 705px;
height: 425px;
/* background: url('../../img/opacity-background.png'); */
background-color: #eff2f4;
position: absolute;
left: 9%;
top: 34.3%;
/*top: 37%;*/
display: none;
visibility: hidden;
z-index: 2;
border-radius: 5px;
}
#add_languages_pop_up p.feedback_popup_info_paragraph{
margin: 0 auto;
margin-bottom: 20px;
width: 95%;
}
#add_languages_pop_up h1{
margin: 0 auto;
font-family: myVarelaBold;
font-size: 16px;
color: #1c3556;
width: 95% !important;
margin-top: 15px;
font-weight: 500;
background-color: none !important;
}
#add_languages_pop_up_content{
width: 50%;
height: 250px;
margin: 0 auto
}
#add_languages_pop_up_content div{
display: list-item;
list-style-type: none;
/*width: 280px;*/
/*margin: 0 auto;*/
text-align: center;
}
#add_languages_pop_up_content div select{
width: 270px !important;
height: 32px !important;
border-radius: 5px !important;
border-style: none;
margin: 0 auto;
margin-bottom: 10px;
line-height: 1;
padding: 5px;
font-size: 16px;
}
#add_languages_pop_up_content span{
font-size: 14px;
height: 20px !important;
}
#add_languages_pop_up_content li.active-result{
font-size: 14px;
}
#add_languages_pop_up_content div.chosen-container a.chosen-single div{
width: 22px;
}
#add_languages_pop_up_content div.chosen-container a.chosen-single div b{
background: url('../../../../../../img/arrow-down.png') no-repeat -1px 14px
}
#add_languages_pop_up_content div.chosen-container{
width: 270px !important;
height: 30px !important;
border-radius: 5px !important;
border-style: none;
margin: 0 auto;
margin-bottom: 10px;
line-height: 1;
padding: 5px;
font-size: 16px;
}
#add_languages_pop_up_content div.chosen-container div.chosen-drop{
width: 270px;
margin: 0 auto;
margin-left:5px;
}
#add_languages_pop_up_content div.chosen-container a.chosen-single{
height: 20px;
}
#first_lang_required_chosen .chosen-single div{
width: 22px;
}
#first_lang_required_chosen a.chosen-single span{
color: red;
}
#add_lang_button_1{
background-color: #1c3556;
margin-right: 20px;
}
#add_lang_button_2{
background-color: #818a96;
}
.new_portfolio_inf button#add_lang_button_2{
/*margin-right: 0px !important;*/
/*margin-right: 20px;*/
}
#f_cancel_but{
/*margin-right: 10px;*/
}
.blank_page_fix{
width: 400px;
margin: 0 auto;
margin-top: 40px;
margin-bottom: 40px;
}
.delete_lang_but{
margin-left: 15px;
cursor: pointer;
margin-top: 1px;
position: relative;
top: 2px;
width: 10px;
height: 11px;
}
#first_lang_required{
color:#ed4847;
font-size: 16px;
display: block;
display: none;
}
#first_lang_required option{
color:black;
}
.first_lang_required{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #FF0000;
border-radius: 5px;
display: none;
height: 40px;
min-height: 40px;
position: absolute;
width: 200px;
}
#take_tests_b{
background: #6dbec4;
border-style: none;
border-radius: 5px;
padding: 3.5px;
padding-left: 10px;
padding-right: 10px;
margin-right: 20px;
color: white !important;
position: relative;
top: 5px;
float: left;
font-family: myVarela;
font-size: 14px;
cursor: pointer
}
/****************** Sklills and tests Edit End**********************/
/****************** Find Prods **********************/
#my_profile_find_pros_content{
min-height: 300px;
}
/************************************************ Dynamic menu my profile find pros************************************************************/
#my_profile_dinamic_menu{
width: 1200px;
height: 70px;
background: white;
}
#my_profile_green_navv_tabs_find_pros{
width: 1200px;
height: 50px;
background-color: #6dbec4;
}
#my_profile_green_navv_tabs_find_pros ul{
margin: 0px;
padding: 0px;
width: 1200px;
}
#my_profile_green_navv_tabs_find_pros ul li{
width: 25%;
height: 50px;
display: inline-block;
float: left;
text-align: center;
}
#my_profile_green_navv_tabs_find_pros ul li:hover{
background-color: #56b0b7;
/*border-bottom: 5px solid #ed4847;*/
/*border-bottom: 5px solid #56b0b7;*/
}
#my_profile_green_navv_tabs_find_pros ul li a{
text-decoration: none;
padding-bottom: 30px;
}
#my_profile_green_navv_tabs_find_pros ul li span{
font-family: myVarela;
color: #fff;
font-size: 19px;
font-weight: 500;
position: relative;
top: 14px;
padding-left: 50px;
padding-right: 50px;
}
/*********************************************** Dynamic menu my profile find pros end *************************************************************/
#my_prof_find_pors_left{
width: 300px;
min-height:400px;
float: left;
background: green;
}
#my_prof_find_pors_right{
width: 900px;
min-height:400px;
float: right;
background-color: red;
}
.find_pros_tabb{
width: 280px;
height: 816px;
border-radius: 10px;
background-color: #385274;
}
.find_pros_tabb h1{
height: 35px;
font-size: 18px;
font-weight: 500;
background: #4d6687;
display: inline-table;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: 20px;
margin-bottom: 20px;
}
.find_pros_tabb h1 p{
display: table-cell;
text-align: center;
vertical-align: middle;
color: #ffffff;
padding-left: 20px;
padding-right: 20px;
}
.my_prof_find_stat_inf_div{
width: 245px;
margin: 0 auto;
min-height: 50px;
border-bottom: 2px solid #50709a;
margin-bottom: 10px;
}
.my_prof_find_stat_inf_div h2{
margin: 0px;
color: #ffffff;
font-weight: 500;
font-size: 16px;
font-family: myVarela;
}
/****************** Find Prods End**********************/
/**************************** Welcome page *************************************/
#welcome_page_head_background_div{
width: 100%;
height: 325px;
background: #a5c4ee;
}
#welcome_page_head_background_div img{
position: absolute;
top: 155px;
left: 50px;
}
#welcome_page_content_div{
width: 100%;
min-height: 810px;
background: #eff2f4;
padding-bottom: 20px;
}
#welcome_page_content_div #need_select_chosen a div{
right: 3px;
}
#welcome_page_content_div #need_select_chosen .chosen-drop{
width: 100%;
}
.w_left_cont{
width: 860px;
float: left;
}
.w_left_cont h2{
width: 95%;
margin: 0 auto;
color: #1c3556;
font-size: 16px;
font-weight: 500;
margin-top: 35px;
margin-bottom: 20px;
}
.whiteCont{
width: 95%;
min-height: 50px;
margin: 0 auto;
border-radius: 5px;
background: #ffffff;
}
.first_with_video{
/*min-height:509px; */
height:485px;
margin-bottom: 20px;
display: table;
}
.first_with_video p{
width: 97%;
margin: 0 auto;
color: #1c3556;
font-size: 14px;
margin-bottom: 20px;
text-align: justify;
}
.first_with_video p:nth-child(1) {
margin-top: 25px;
}
.w_videos_cont{
height: 270px;
width: 97%;
margin: 0 auto;
}
.w_videos_cont h2{
width: 100%;
font-size: 14px;
font-weight: 500;
color: #1c3556;
font-family: myVarelaBold;
}
.roll_video{
margin: 0 auto;
/*width: 33%;*/
height: 200px;
float: left;
margin-right: 35px;
text-align: center;
}
.roll_video:nth-child(4){
margin: 0px;
}
.roll_video p{
position: relative;
top: 10px;
font-size: 14px;
text-align: center;
margin: 0 auto;
width:240px;
}
.roll_video iframe{
/*border: 4px solid #000;*/
/*-moz-border-radius: 5px;*/
/*border-radius: 5px;*/
/*overflow: hidden;*/
display: none;
}
.roll_video img:not(.play_butt){
border-radius: 5px;
width: 240px;
height: 160px;
cursor: pointer;
}
.play_butt{
width: 70px;
height: 70px;
background: url('/img/icon-myprofile/play-icon.png');
position: absolute;
left:35%;
top: -125px;
cursor: pointer;
}
.sekond_buttons{
height: 158px;
display: table;
}
.sekond_buttons div{
width: 100%;
text-align: center;
}
.sekond_buttons div button{
border-style: none;
border-radius: 5px;
width: 235px;
height: 50px;
color: #ffffff;
font-size: 16px;
font-family: myVarela;
}
.sekond_buttons div a:nth-child(1):hover button{
background-color: #c82d2e;
}
.sekond_buttons div a:nth-child(1) button{
margin-right: 20px;
background: #ed4847;
}
.sekond_buttons div a:nth-child(2) button{
margin-left: 20px;
background: #6dbec4;
}
.sekond_buttons h2{
text-align: center;
font-size: 16px;
margin-top: 20px;
margin-bottom: 30px;
}
.w_right_cont{
width: 320px;
float: right;
margin-right: 20px;
}
.w_right_cont h2{
margin: 0 auto;
color: #1c3556;
font-size: 16px;
font-weight: 500;
margin-top: 35px;
margin-bottom: 20px;
}
.inbox{
min-height: 105px;
width: 100%;
margin-bottom: 20px;
}
.inbox div:not(#clearr){
width: 310px;
height: 70px;
margin: 0 auto;
display: table-cell;
padding-left: 20px;
vertical-align: middle;
}
.inbox div p{
margin: 0px;
float: left;
width: 88%;
color:#1c3556;
margin-bottom: 10px;
font-size: 14px;
}
.inbox div p span{
float: right;
}
.inbox div img{
width: 15px;
height: 15px;
margin-right: 10px;
margin-top: 2px;
float: left;
}
.w_right_cont h1{
width: 100%;
font-size: 14px;
color: #ffffff;
height: 35px;
background: #1c3556;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display: table;
margin-bottom: 20px;
}
.w_right_cont h1 img{
width: 13px;
height: 13px;
margin-top: 11px;
margin-left: 10px;
margin-right: 10px;
}
.w_right_cont h1 p{
margin: 0px;
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle;
color: #fff;
font-weight: 500;
}
.compleate{
width: 100%;
/* height: 340px; */
margin-bottom: 20px;
}
#compl_inf_par{
width: 90%;
margin: 0 auto;
margin-top: 10px;
text-align: justify;
}
.compleate p{
font-size: 14px;
color: #1c3556;
margin: 5px;
margin-left: 0px;
margin-right: 0px;
}
.compleate span{
font-size: 14px;
color: #1c3556;
width: 30px;
}
.compleate strong{
color: #ed4847;
font-size: 14px;
font-family: myVarela;
font-weight: 500;
}
.compleate button{
width: 185px;
height: 30px;
border-style: none;
border-radius: 5px;
background: #fd7343;
color: #fff;
font-size: 14px;
margin-left: 55px;
margin-bottom: 30px;
margin-top: 10px;
}
.compleate_cont{
width: 90%;
margin: 0 auto;
}
.compleate_cont span{
float: right;
}
#stat_compleate{
margin-top: 10px;
margin-bottom: 20px;
}
#stat_compleate span{
position: relative;
top: 5px;
}
#stat_lenth{
position: relative;
width: 228px;
height: 23px;
background: #7f93ae;
border: 2px solid #617794;
border-radius: 5px;
float: left;
}
.need_done{
width: 100%;
min-height: 105px;
margin-bottom: 30px;
}
.need_done div{
width: 100%;
/*display: table-cell;*/
vertical-align: middle;
text-align: center;
}
.need_done div select{
border-style: none;
border-radius: 5px;
background: #50719d;
width: 185px;
/*height: 35px;*/
margin-bottom: 20px;
color: #fff;
font-size: 14px;
}
.need_done div button{
border-style: none;
border-radius: 5px;
background: #ed4847;
width: 185px;
height: 35px;
margin-bottom: 20px;
color: #fff;
font-size: 14px;
}
.need_done div button:hover{
background-color: #c82d2e;
}
.cansle_img{
width: 25px !important;
height: 25px !important;
display: none;
}
/**************************** Welcome page End ***********************************/
/**************************** Dashboard page ***********************************/
#dashboard_page_head_background_div{
width: 100%;
height: 271px;
background: #a5c4ee;
}
.dashh select{
width: 282px !important;
margin-top: 20px !important;
}
.dash_list{
margin-top: 20px;
width: 100%;
min-height: 100px;
}
.dash_list h1{
width: 125px;
height: 25px;
display: table;
background: #385274;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
.dash_list h1 p{
display: table-cell;
text-align: center;
vertical-align: middle;
color: #ffffff;
font-size: 12px;
font-weight: 500;
}
.list_cont{
width: 95%;
min-height: 50px;
margin: 0 auto;
display: table;
margin-top: 10px;
}
.list_cont div{
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle;
}
.list_cont div img{
float: left;
margin-right: 20px;
}
.list_cont div p{
min-height: 35px;
margin: 0px;
float: left;
max-width: 575px;
margin-top: 2px;
text-align: justify;
font-size: 14px;
color: #1c3556;
}
.list_cont div button{
width: 145px;
height: 30px;
float: right;
border-radius: 5px;
border-style:none;
background: #6dbdc4;
color: #fff;
font-size: 14px;
}
.gray_lenth{
width: 100%;
height: 2px;
background: #eff2f4;
}
.feed_ind_paragraph button{
color: #ed4847;
margin: 0px;
border-style: none;
background: none;
font-family: myVarela;
margin-left: 10px;
font-size: 14px;
}
/**************************** Dashboard page End ***********************************/
/**************************** Feautures page ***********************************/
.feat_cont{
width: 100%;
height: 100%;
}
.feaut_whrap{
width: 1200px;
height: 515px;
margin: 0 auto;
margin-top: 100px;
}
.feat_cont section{
width: 100%;
height: 100%;
display: inline-block;
}
.feat_cont .bx-viewport ul{
width: 100%;
height: 100%;
padding-left: 0px !important;
}
.feat_cont .bx-wrapper ul li{
width: 100%;
height: 100%;
}
.feat_cont .bx-wrapper {
width: 100%;
height: 100%;
}
.feat_cont .bx-viewport{
width: 100%;
height: 100%;
}
.feat_cont .bx-wrapper .bx-controls-direction a{
top:95% !important;
}
.feat_cont .bx-wrapper .bx-prev{
width: 38px;
height: 38px;
background: url(../../img/icon-home/left-arrow_no.png) !important;
}
.feat_cont .bx-wrapper .bx-next{
width: 38px;
height: 38px;
background: url(../../img/icon-home/right-arrow_no.png) !important;
}
.feat_cont .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
background: #000000 !important;
}
.feat_cont .bx-wrapper .bx-pager.bx-default-pager a{
width: 6px;
height: 6px;
border: 1px solid black;
}
.feat_cont .left_slide{
float: left;
width: 50%;
height: 100%;
}
.feat_cont .left_slide img{
margin-top: 55px;
margin-left: 68px;
}
.feat_cont .right_slide{
float: right;
width: 50%;
height: 100%;
}
.feat_cont .text_cont{
width: 470px;
height: 415px;
margin-left: 68px;
color: #1c3556;
}
.feat_cont .text_cont p:not(.black_bold_text){
text-align: justify;
}
.feat_cont .right_slide img{
margin-top: 55px;
}
.black_bold_text{
font-family: myVarelaBold !important;
text-align: left;
color: #1c3556;
}
/**************************** Feautures page End ***********************************/
/******************************************************************************* My profile END *******************************************************************************************************/
/*Port folio checkboxes*/
.my_profile_portfolio_cubs_information_edit input[type="checkbox"] {
display:none;
}
.my_profile_portfolio_cubs_information_edit input[type="checkbox"] + label span {
display:inline-block;
width:19px;
height:19px;
margin:-1px 4px 0 0;
vertical-align:middle;
background:url("../../img/check_radio_sheet.png") left top no-repeat;
cursor:pointer;
float: left;
margin-top: 8px;
}
.my_profile_portfolio_cubs_information_edit input[type="checkbox"]:checked + label span {
background:url("../../img/check_radio_sheet.png") -23px top no-repeat;
}
/*Skills and test checkboxes*/
#user_skills_block input[type="checkbox"] {
display:none;
}
#user_skills_block input[type="checkbox"] + label span {
display:inline-block;
width:19px;
height:19px;
margin:-1px 4px 0 0;
vertical-align:middle;
background:url("../../img/check_radio_sheet.png") left top no-repeat;
cursor:pointer;
float: left;
margin-top: 2px;
}
#user_skills_block input[type="checkbox"]:checked + label span {
background:url("../../img/check_radio_sheet.png") -23px top no-repeat;
}
/*skills tests pop up checkboxes*/
#add_skills_pop_up_content input[type="checkbox"] {
display:none;
}
#add_skills_pop_up_content input[type="checkbox"] + label span {
display:inline-block;
width:19px;
height:19px;
margin:-1px 4px 0 0;
vertical-align:middle;
background:url("../../img/check_radio_sheet.png") left top no-repeat;
cursor:pointer;
float: left;
margin-top: 0px;
margin-right: 5px;
}
#add_skills_pop_up_content input[type="checkbox"]:checked + label span {
background:url("../../img/check_radio_sheet.png") -23px top no-repeat;
}
.custom-file-input::-webkit-file-upload-button {
visibility: hidden;
display: none;
}
.custom-file-input:focus {
border-style:none;
}
.custom-file-input::before {
font-weight: 500;
content: '+ Add file';
display: inline-block;
border-style:none;
border-radius: 3px;
padding: 5px 8px;
outline: none;
white-space: nowrap;
-webkit-user-select: none;
cursor: pointer;
text-shadow: 1px 1px #fff;
font-size: 10pt;
cursor: pointer;
padding-left: 0px;
margin-top: -3px !important;
}
.custom-file-input:hover::before {
border-color: black;
}
.custom-file-input:active::before {
background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
.myfileupload-buttonbar input
{
position: absolute;
top: 0;
right: 0;
margin: 0;
border: solid transparent;
border-width: 0 0 100px 200px;
opacity: 0.0;
filter: alpha(opacity=0);
-o-transform: translate(250px, -50px) scale(1);
-moz-transform: translate(-300px, 0) scale(4);
direction: ltr;
cursor: pointer;
}
.myui-button
{
position: relative;
cursor: pointer;
text-align: center;
overflow: visible;
background-color: red;
overflow: hidden;
}
/*******************************HELP STYLE for Dashbord********************************/
/* */
/************************************************************************************/
.dash_list{
margin-bottom: 15px;
}
#add_highlights_service{
width: 55px;
height: 20px;
line-height: 20px;
font-size: 13px !important;
display: inline-block !important;
text-align: center;
padding: 0 !important;
}
#resoursis_hidden_menu{
width: 135px;
left: 1065px !important;
min-height: 47px;
/*background-color: #12243c;*/
background-color: #12223c;
display: none;
position: absolute;
z-index: 1;
}
#resoursis_hidden_menu #red_lenth{
float: right;
}
#resoursis_hidden_menu ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}
#resoursis_hidden_menu ul li{
cursor: pointer;
}
#resoursis_hidden_menu ul li p{
color: #fff;
margin: 0px;
height: 42px;
width: 100%;
display: table-cell;
vertical-align: middle;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
#resoursis_hidden_menu ul li:hover{
background-color: #385274;
}
/***pricing***/
@font-face {
font-family: "Gotham Round";
src: url("../fonts/GothamRnd-Book.otf");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Gotham Round";
src: url("../fonts/GothamRnd-Light.otf");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Gotham Round";
src: url("../fonts/GothamRnd-LightIta.otf");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Gotham Round";
src: url("../fonts/GothamRnd-Medium.otf");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Gotham Narrow";
src: url("../fonts/GothamNarrow-Book.otf");
font-weight: 400;
font-style: normal;
}
.row p{
color: #0f1d30;
font-size: 1rem;
line-height: 1.5;
font-family: "Gotham Round", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
*:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.relative-container-50 {
position: relative;
width: 100%;
height: 3.125rem;
}
.center-align-all {
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.grid__row--offset--30 {
margin-top: 1.875rem !important;
}
.relative-container-40 {
position: relative;
width: 100%;
height: 2.5rem;
}
.align-bottom {
top: 100%;
transform: translate(0, -100%);
-webkit-transform: translate(0, -100%);
}
.absolute {
position: absolute;
}
.icn__large {
max-width: 90%;
display: block;
}
.background--white {
background-color: white;
}
.background--blue {
background-color: #7692b7;
}
.background--blue-dark-10 {
background-color: #446083;
}
/* line 307, ../sass/module/_background.scss */
.background--blue-dark-20 {
background-color: #334761;
}
/* line 311, ../sass/module/_background.scss */
.background--blue-dark-30 {
background-color: #212f40;
}
.hor-line--thin--light-grey {
height: 0.0625rem;
background-color: #d4d7dc;
width: 100%;
}
.button1 {
border-style: solid;
border-width: 0px;
cursor: pointer;
font-family: "Gotham Round", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-webkit-border-radius: 0;
display: inline-block;
padding-top: 1rem;
padding-right: 2rem;
padding-bottom: 1.0625rem;
padding-left: 2rem;
font-size: 1rem;
background-color: #1C3556;
border-color: #162a45;
color: #FFFFFF !important;
transition: background-color 300ms ease-out;
}
.transition-important {
-moz-transition: all 1s !important;
-o-transition: all 1s !important;
-webkit-transition: all 1s !important;
transition: all 1s !important;
}
.text--uppercase {
text-transform: uppercase;
}
a {
color: #0f1d30;
font-family: "Gotham Round", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1rem;
text-decoration: none;
font-weight: 300;
cursor: pointer;
}
button.radius, .button.radius {
border-radius: 5px;
}
button.expand, .button.expand {
padding-right: 0;
padding-left: 0;
width: 100%;
}
.button.small {
padding-top: 0.875rem;
padding-bottom: 0.9375rem;
font-size: 0.8125rem;
}
button.info, .button.info {
background-color: #F59703;
border-color: #c47902;
color: #FFFFFF;
}
.grid__row--offset--15 {
margin-top: 0.9375rem !important;
}
.relative-container-100 {
position: relative;
width: 100%;
height: 6.25rem;
}
h3, div{
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
h3 {
color: #0f1d30;
font-size: 1.25rem;
line-height: 1.2;
font-family: "Gotham Round", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
}
.hor-line--thin--yellow {
height: 0.0625rem;
background-color: #F59703;
width: 100%;
}
.grid__row--offset--5 {
margin-top: 0.3125rem !important;
}
.text--white {
color: #FFFFFF !important;
}
.text--uppercase {
text-transform: uppercase;
}
.paragraph-margin-bottom-10 {
margin-bottom: 0.625rem;
}
.center-align-vertical, .center-align-vertical--right {
margin: 0;
position: absolute;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
}
.text--font-size-14 {
font-size: 0.80rem !important;
}
/* line 235, ../sass/foundation/_grid.scss */
.row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 78.125rem;
}
/* line 201, ../sass/foundation/_global.scss */
.row:before, .row:after {
content: " ";
display: table;
}
/* line 202, ../sass/foundation/_global.scss */
.row:after {
clear: both;
}
/* line 239, ../sass/foundation/_grid.scss */
.row.collapse > .column,
.row.collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row .row {
width: auto;
margin-left: -0.625rem;
margin-right: -0.625rem;
margin-top: 0;
margin-bottom: 0;
max-width: none;
}
/* line 201, ../sass/foundation/_global.scss */
.row .row:before, .row .row:after {
content: " ";
display: table;
}
/* line 202, ../sass/foundation/_global.scss */
.row .row:after {
clear: both;
}
/* line 246, ../sass/foundation/_grid.scss */
.row .row.collapse {
width: auto;
margin: 0;
max-width: none;
}
/* line 201, ../sass/foundation/_global.scss */
.row .row.collapse:before, .row .row.collapse:after {
content: " ";
display: table;
}
/* line 202, ../sass/foundation/_global.scss */
.row .row.collapse:after {
clear: both;
}
@media only screen {
/* line 177, ../sass/foundation/_grid.scss */
.small-push-0 {
position: relative;
left: 0%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-0 {
position: relative;
right: 0%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-1 {
position: relative;
left: 1.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-1 {
position: relative;
right: 1.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-2 {
position: relative;
left: 3.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-2 {
position: relative;
right: 3.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-3 {
position: relative;
left: 5%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-3 {
position: relative;
right: 5%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-4 {
position: relative;
left: 6.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-4 {
position: relative;
right: 6.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-5 {
position: relative;
left: 8.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-5 {
position: relative;
right: 8.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-6 {
position: relative;
left: 10%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-6 {
position: relative;
right: 10%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-7 {
position: relative;
left: 11.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-7 {
position: relative;
right: 11.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-8 {
position: relative;
left: 13.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-8 {
position: relative;
right: 13.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-9 {
position: relative;
left: 15%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-9 {
position: relative;
right: 15%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-10 {
position: relative;
left: 16.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-10 {
position: relative;
right: 16.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-11 {
position: relative;
left: 18.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-11 {
position: relative;
right: 18.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-12 {
position: relative;
left: 20%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-12 {
position: relative;
right: 20%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-13 {
position: relative;
left: 21.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-13 {
position: relative;
right: 21.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-14 {
position: relative;
left: 23.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-14 {
position: relative;
right: 23.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-15 {
position: relative;
left: 25%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-15 {
position: relative;
right: 25%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-16 {
position: relative;
left: 26.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-16 {
position: relative;
right: 26.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-17 {
position: relative;
left: 28.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-17 {
position: relative;
right: 28.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-18 {
position: relative;
left: 30%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-18 {
position: relative;
right: 30%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-19 {
position: relative;
left: 31.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-19 {
position: relative;
right: 31.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-20 {
position: relative;
left: 33.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-20 {
position: relative;
right: 33.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-21 {
position: relative;
left: 35%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-21 {
position: relative;
right: 35%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-22 {
position: relative;
left: 36.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-22 {
position: relative;
right: 36.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-23 {
position: relative;
left: 38.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-23 {
position: relative;
right: 38.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-24 {
position: relative;
left: 40%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-24 {
position: relative;
right: 40%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-25 {
position: relative;
left: 41.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-25 {
position: relative;
right: 41.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-26 {
position: relative;
left: 43.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-26 {
position: relative;
right: 43.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-27 {
position: relative;
left: 45%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-27 {
position: relative;
right: 45%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-28 {
position: relative;
left: 46.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-28 {
position: relative;
right: 46.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-29 {
position: relative;
left: 48.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-29 {
position: relative;
right: 48.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-30 {
position: relative;
left: 50%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-30 {
position: relative;
right: 50%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-31 {
position: relative;
left: 51.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-31 {
position: relative;
right: 51.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-32 {
position: relative;
left: 53.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-32 {
position: relative;
right: 53.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-33 {
position: relative;
left: 55.0%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-33 {
position: relative;
right: 55.0%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-34 {
position: relative;
left: 56.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-34 {
position: relative;
right: 56.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-35 {
position: relative;
left: 58.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-35 {
position: relative;
right: 58.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-36 {
position: relative;
left: 60%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-36 {
position: relative;
right: 60%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-37 {
position: relative;
left: 61.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-37 {
position: relative;
right: 61.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-38 {
position: relative;
left: 63.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-38 {
position: relative;
right: 63.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-39 {
position: relative;
left: 65%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-39 {
position: relative;
right: 65%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-40 {
position: relative;
left: 66.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-40 {
position: relative;
right: 66.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-41 {
position: relative;
left: 68.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-41 {
position: relative;
right: 68.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-42 {
position: relative;
left: 70%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-42 {
position: relative;
right: 70%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-43 {
position: relative;
left: 71.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-43 {
position: relative;
right: 71.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-44 {
position: relative;
left: 73.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-44 {
position: relative;
right: 73.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-45 {
position: relative;
left: 75%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-45 {
position: relative;
right: 75%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-46 {
position: relative;
left: 76.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-46 {
position: relative;
right: 76.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-47 {
position: relative;
left: 78.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-47 {
position: relative;
right: 78.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-48 {
position: relative;
left: 80%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-48 {
position: relative;
right: 80%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-49 {
position: relative;
left: 81.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-49 {
position: relative;
right: 81.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-50 {
position: relative;
left: 83.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-50 {
position: relative;
right: 83.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-51 {
position: relative;
left: 85%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-51 {
position: relative;
right: 85%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-52 {
position: relative;
left: 86.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-52 {
position: relative;
right: 86.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-53 {
position: relative;
left: 88.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-53 {
position: relative;
right: 88.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-54 {
position: relative;
left: 90%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-54 {
position: relative;
right: 90%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-55 {
position: relative;
left: 91.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-55 {
position: relative;
right: 91.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-56 {
position: relative;
left: 93.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-56 {
position: relative;
right: 93.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-57 {
position: relative;
left: 95%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-57 {
position: relative;
right: 95%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-58 {
position: relative;
left: 96.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-58 {
position: relative;
right: 96.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.small-push-59 {
position: relative;
left: 98.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.small-pull-59 {
position: relative;
right: 98.33333%;
left: auto;
}
/* line 185, ../sass/foundation/_grid.scss */
.column,
.columns {
position: relative;
padding-left: 0.625rem;
padding-right: 0.625rem;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-1 {
width: 1.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-2 {
width: 3.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-3 {
width: 5%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-4 {
width: 6.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-5 {
width: 8.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-6 {
width: 10%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-7 {
width: 11.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-8 {
width: 13.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-9 {
width: 15%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-10 {
width: 16.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-11 {
width: 18.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-12 {
width: 20%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-13 {
width: 21.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-14 {
width: 23.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-15 {
width: 25%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-16 {
width: 26.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-17 {
width: 28.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-18 {
width: 30%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-19 {
width: 31.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-20 {
width: 33.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-21 {
width: 35%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-22 {
width: 36.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-23 {
width: 38.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-24 {
width: 40%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-25 {
width: 41.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-26 {
width: 43.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-27 {
width: 45%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-28 {
width: 46.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-29 {
width: 48.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-30 {
width: 50%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-31 {
width: 51.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-32 {
width: 53.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-33 {
width: 55.0%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-34 {
width: 56.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-35 {
width: 58.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-36 {
width: 60%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-37 {
width: 61.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-38 {
width: 63.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-39 {
width: 65%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-40 {
width: 66.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-41 {
width: 68.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-42 {
width: 70%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-43 {
width: 71.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-44 {
width: 73.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-45 {
width: 75%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-46 {
width: 76.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-47 {
width: 78.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-48 {
width: 80%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-49 {
width: 81.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-50 {
width: 83.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-51 {
width: 85%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-52 {
width: 86.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-53 {
width: 88.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-54 {
width: 90%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-55 {
width: 91.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-56 {
width: 93.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-57 {
width: 95%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-58 {
width: 96.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-59 {
width: 98.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.small-60 {
width: 100%;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-0 {
margin-left: 0% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-1 {
margin-left: 1.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-2 {
margin-left: 3.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-3 {
margin-left: 5% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-4 {
margin-left: 6.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-5 {
margin-left: 8.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-6 {
margin-left: 10% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-7 {
margin-left: 11.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-8 {
margin-left: 13.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-9 {
margin-left: 15% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-10 {
margin-left: 16.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-11 {
margin-left: 18.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-12 {
margin-left: 20% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-13 {
margin-left: 21.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-14 {
margin-left: 23.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-15 {
margin-left: 25% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-16 {
margin-left: 26.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-17 {
margin-left: 28.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-18 {
margin-left: 30% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-19 {
margin-left: 31.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-20 {
margin-left: 33.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-21 {
margin-left: 35% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-22 {
margin-left: 36.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-23 {
margin-left: 38.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-24 {
margin-left: 40% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-25 {
margin-left: 41.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-26 {
margin-left: 43.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-27 {
margin-left: 45% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-28 {
margin-left: 46.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-29 {
margin-left: 48.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-30 {
margin-left: 50% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-31 {
margin-left: 51.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-32 {
margin-left: 53.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-33 {
margin-left: 55.0% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-34 {
margin-left: 56.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-35 {
margin-left: 58.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-36 {
margin-left: 60% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-37 {
margin-left: 61.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-38 {
margin-left: 63.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-39 {
margin-left: 65% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-40 {
margin-left: 66.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-41 {
margin-left: 68.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-42 {
margin-left: 70% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-43 {
margin-left: 71.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-44 {
margin-left: 73.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-45 {
margin-left: 75% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-46 {
margin-left: 76.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-47 {
margin-left: 78.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-48 {
margin-left: 80% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-49 {
margin-left: 81.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-50 {
margin-left: 83.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-51 {
margin-left: 85% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-52 {
margin-left: 86.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-53 {
margin-left: 88.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-54 {
margin-left: 90% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-55 {
margin-left: 91.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-56 {
margin-left: 93.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-57 {
margin-left: 95% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-58 {
margin-left: 96.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.small-offset-59 {
margin-left: 98.33333% !important;
}
/* line 197, ../sass/foundation/_grid.scss */
.small-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
/* line 205, ../sass/foundation/_grid.scss */
.column.small-centered,
.columns.small-centered {
margin-left: auto;
margin-right: auto;
float: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* line 208, ../sass/foundation/_grid.scss */
.column.small-uncentered,
.columns.small-uncentered {
margin-left: 0;
margin-right: 0;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* line 216, ../sass/foundation/_grid.scss */
.column.small-centered:last-child,
.columns.small-centered:last-child {
float: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* line 222, ../sass/foundation/_grid.scss */
.column.small-uncentered:last-child,
.columns.small-uncentered:last-child {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* line 227, ../sass/foundation/_grid.scss */
.column.small-uncentered.opposite,
.columns.small-uncentered.opposite {
float: right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
.small-57 {
width: 95%;
}
@media only screen and (min-width: 64.063em) {
/* line 177, ../sass/foundation/_grid.scss */
.large-push-0 {
position: relative;
left: 0%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-0 {
position: relative;
right: 0%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-1 {
position: relative;
left: 1.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-1 {
position: relative;
right: 1.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-2 {
position: relative;
left: 3.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-2 {
position: relative;
right: 3.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-3 {
position: relative;
left: 5%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-3 {
position: relative;
right: 5%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-4 {
position: relative;
left: 6.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-4 {
position: relative;
right: 6.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-5 {
position: relative;
left: 8.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-5 {
position: relative;
right: 8.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-6 {
position: relative;
left: 10%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-6 {
position: relative;
right: 10%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-7 {
position: relative;
left: 11.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-7 {
position: relative;
right: 11.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-8 {
position: relative;
left: 13.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-8 {
position: relative;
right: 13.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-9 {
position: relative;
left: 15%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-9 {
position: relative;
right: 15%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-10 {
position: relative;
left: 16.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-10 {
position: relative;
right: 16.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-11 {
position: relative;
left: 18.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-11 {
position: relative;
right: 18.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-12 {
position: relative;
left: 20%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-12 {
position: relative;
right: 20%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-13 {
position: relative;
left: 21.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-13 {
position: relative;
right: 21.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-14 {
position: relative;
left: 23.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-14 {
position: relative;
right: 23.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-15 {
position: relative;
left: 25%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-15 {
position: relative;
right: 25%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-16 {
position: relative;
left: 26.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-16 {
position: relative;
right: 26.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-17 {
position: relative;
left: 28.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-17 {
position: relative;
right: 28.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-18 {
position: relative;
left: 30%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-18 {
position: relative;
right: 30%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-19 {
position: relative;
left: 31.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-19 {
position: relative;
right: 31.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-20 {
position: relative;
left: 33.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-20 {
position: relative;
right: 33.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-21 {
position: relative;
left: 35%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-21 {
position: relative;
right: 35%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-22 {
position: relative;
left: 36.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-22 {
position: relative;
right: 36.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-23 {
position: relative;
left: 38.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-23 {
position: relative;
right: 38.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-24 {
position: relative;
left: 40%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-24 {
position: relative;
right: 40%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-25 {
position: relative;
left: 41.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-25 {
position: relative;
right: 41.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-26 {
position: relative;
left: 43.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-26 {
position: relative;
right: 43.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-27 {
position: relative;
left: 45%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-27 {
position: relative;
right: 45%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-28 {
position: relative;
left: 46.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-28 {
position: relative;
right: 46.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-29 {
position: relative;
left: 48.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-29 {
position: relative;
right: 48.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-30 {
position: relative;
left: 50%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-30 {
position: relative;
right: 50%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-31 {
position: relative;
left: 51.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-31 {
position: relative;
right: 51.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-32 {
position: relative;
left: 53.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-32 {
position: relative;
right: 53.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-33 {
position: relative;
left: 55.0%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-33 {
position: relative;
right: 55.0%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-34 {
position: relative;
left: 56.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-34 {
position: relative;
right: 56.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-35 {
position: relative;
left: 58.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-35 {
position: relative;
right: 58.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-36 {
position: relative;
left: 60%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-36 {
position: relative;
right: 60%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-37 {
position: relative;
left: 61.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-37 {
position: relative;
right: 61.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-38 {
position: relative;
left: 63.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-38 {
position: relative;
right: 63.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-39 {
position: relative;
left: 65%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-39 {
position: relative;
right: 65%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-40 {
position: relative;
left: 66.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-40 {
position: relative;
right: 66.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-41 {
position: relative;
left: 68.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-41 {
position: relative;
right: 68.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-42 {
position: relative;
left: 70%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-42 {
position: relative;
right: 70%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-43 {
position: relative;
left: 71.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-43 {
position: relative;
right: 71.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-44 {
position: relative;
left: 73.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-44 {
position: relative;
right: 73.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-45 {
position: relative;
left: 75%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-45 {
position: relative;
right: 75%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-46 {
position: relative;
left: 76.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-46 {
position: relative;
right: 76.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-47 {
position: relative;
left: 78.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-47 {
position: relative;
right: 78.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-48 {
position: relative;
left: 80%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-48 {
position: relative;
right: 80%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-49 {
position: relative;
left: 81.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-49 {
position: relative;
right: 81.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-50 {
position: relative;
left: 83.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-50 {
position: relative;
right: 83.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-51 {
position: relative;
left: 85%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-51 {
position: relative;
right: 85%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-52 {
position: relative;
left: 86.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-52 {
position: relative;
right: 86.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-53 {
position: relative;
left: 88.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-53 {
position: relative;
right: 88.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-54 {
position: relative;
left: 90%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-54 {
position: relative;
right: 90%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-55 {
position: relative;
left: 91.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-55 {
position: relative;
right: 91.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-56 {
position: relative;
left: 93.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-56 {
position: relative;
right: 93.33333%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-57 {
position: relative;
left: 95%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-57 {
position: relative;
right: 95%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-58 {
position: relative;
left: 96.66667%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-58 {
position: relative;
right: 96.66667%;
left: auto;
}
/* line 177, ../sass/foundation/_grid.scss */
.large-push-59 {
position: relative;
left: 98.33333%;
right: auto;
}
/* line 180, ../sass/foundation/_grid.scss */
.large-pull-59 {
position: relative;
right: 98.33333%;
left: auto;
}
/* line 185, ../sass/foundation/_grid.scss */
.column,
.columns {
position: relative;
padding-left: 0.625rem;
padding-right: 0.625rem;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-1 {
width: 1.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-2 {
width: 3.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-3 {
width: 5%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-4 {
width: 6.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-5 {
width: 8.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-6 {
width: 10%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-7 {
width: 11.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-8 {
width: 13.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-9 {
width: 15%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-10 {
width: 16.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-11 {
width: 18.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-12 {
width: 20%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-13 {
width: 21.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-14 {
width: 23.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-15 {
width: 25%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-16 {
width: 26.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-17 {
width: 28.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-18 {
width: 30%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-19 {
width: 31.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-20 {
width: 33.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-21 {
width: 35%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-22 {
width: 36.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-23 {
width: 38.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-24 {
width: 40%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-25 {
width: 41.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-26 {
width: 43.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-27 {
width: 45%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-28 {
width: 46.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-29 {
width: 48.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-30 {
width: 50%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-31 {
width: 51.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-32 {
width: 53.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-33 {
width: 55.0%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-34 {
width: 56.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-35 {
width: 58.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-36 {
width: 60%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-37 {
width: 61.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-38 {
width: 63.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-39 {
width: 65%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-40 {
width: 66.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-41 {
width: 68.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-42 {
width: 70%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-43 {
width: 71.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-44 {
width: 73.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-45 {
width: 75%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-46 {
width: 76.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-47 {
width: 78.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-48 {
width: 80%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-49 {
width: 81.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-50 {
width: 83.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-51 {
width: 85%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-52 {
width: 86.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-53 {
width: 88.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-54 {
width: 90%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-55 {
width: 91.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-56 {
width: 93.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-57 {
width: 95%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-58 {
width: 96.66667%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-59 {
width: 98.33333%;
}
/* line 190, ../sass/foundation/_grid.scss */
.large-60 {
width: 100%;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-0 {
margin-left: 0% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-1 {
margin-left: 1.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-2 {
margin-left: 3.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-3 {
margin-left: 5% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-4 {
margin-left: 6.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-5 {
margin-left: 8.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-6 {
margin-left: 10% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-7 {
margin-left: 11.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-8 {
margin-left: 13.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-9 {
margin-left: 15% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-10 {
margin-left: 16.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-11 {
margin-left: 18.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-12 {
margin-left: 20% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-13 {
margin-left: 21.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-14 {
margin-left: 23.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-15 {
margin-left: 25% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-16 {
margin-left: 26.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-17 {
margin-left: 28.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-18 {
margin-left: 30% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-19 {
margin-left: 31.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-20 {
margin-left: 33.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-21 {
margin-left: 35% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-22 {
margin-left: 36.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-23 {
margin-left: 38.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-24 {
margin-left: 40% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-25 {
margin-left: 41.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-26 {
margin-left: 43.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-27 {
margin-left: 45% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-28 {
margin-left: 46.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-29 {
margin-left: 48.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-30 {
margin-left: 50% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-31 {
margin-left: 51.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-32 {
margin-left: 53.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-33 {
margin-left: 55.0% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-34 {
margin-left: 56.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-35 {
margin-left: 58.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-36 {
margin-left: 60% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-37 {
margin-left: 61.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-38 {
margin-left: 63.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-39 {
margin-left: 65% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-40 {
margin-left: 66.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-41 {
margin-left: 68.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-42 {
margin-left: 70% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-43 {
margin-left: 71.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-44 {
margin-left: 73.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-45 {
margin-left: 75% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-46 {
margin-left: 76.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-47 {
margin-left: 78.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-48 {
margin-left: 80% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-49 {
margin-left: 81.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-50 {
margin-left: 83.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-51 {
margin-left: 85% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-52 {
margin-left: 86.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-53 {
margin-left: 88.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-54 {
margin-left: 90% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-55 {
margin-left: 91.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-56 {
margin-left: 93.33333% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-57 {
margin-left: 95% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-58 {
margin-left: 96.66667% !important;
}
/* line 194, ../sass/foundation/_grid.scss */
.large-offset-59 {
margin-left: 98.33333% !important;
}
/* line 197, ../sass/foundation/_grid.scss */
.large-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
/* line 205, ../sass/foundation/_grid.scss */
.column.large-centered,
.columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* line 208, ../sass/foundation/_grid.scss */
.column.large-uncentered,
.columns.large-uncentered {
margin-left: 0;
margin-right: 0;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* line 216, ../sass/foundation/_grid.scss */
.column.large-centered:last-child,
.columns.large-centered:last-child {
float: none;
}
/* line 222, ../sass/foundation/_grid.scss */
.column.large-uncentered:last-child,
.columns.large-uncentered:last-child {
float: left;
}
/* line 227, ../sass/foundation/_grid.scss */
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite {
float: right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-0 {
position: relative;
left: 0%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-0 {
position: relative;
right: 0%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-1 {
position: relative;
left: 1.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-1 {
position: relative;
right: 1.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-2 {
position: relative;
left: 3.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-2 {
position: relative;
right: 3.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-3 {
position: relative;
left: 5%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-3 {
position: relative;
right: 5%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-4 {
position: relative;
left: 6.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-4 {
position: relative;
right: 6.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-5 {
position: relative;
left: 8.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-5 {
position: relative;
right: 8.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-6 {
position: relative;
left: 10%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-6 {
position: relative;
right: 10%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-7 {
position: relative;
left: 11.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-7 {
position: relative;
right: 11.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-8 {
position: relative;
left: 13.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-8 {
position: relative;
right: 13.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-9 {
position: relative;
left: 15%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-9 {
position: relative;
right: 15%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-10 {
position: relative;
left: 16.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-10 {
position: relative;
right: 16.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-11 {
position: relative;
left: 18.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-11 {
position: relative;
right: 18.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-12 {
position: relative;
left: 20%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-12 {
position: relative;
right: 20%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-13 {
position: relative;
left: 21.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-13 {
position: relative;
right: 21.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-14 {
position: relative;
left: 23.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-14 {
position: relative;
right: 23.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-15 {
position: relative;
left: 25%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-15 {
position: relative;
right: 25%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-16 {
position: relative;
left: 26.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-16 {
position: relative;
right: 26.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-17 {
position: relative;
left: 28.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-17 {
position: relative;
right: 28.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-18 {
position: relative;
left: 30%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-18 {
position: relative;
right: 30%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-19 {
position: relative;
left: 31.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-19 {
position: relative;
right: 31.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-20 {
position: relative;
left: 33.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-20 {
position: relative;
right: 33.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-21 {
position: relative;
left: 35%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-21 {
position: relative;
right: 35%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-22 {
position: relative;
left: 36.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-22 {
position: relative;
right: 36.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-23 {
position: relative;
left: 38.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-23 {
position: relative;
right: 38.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-24 {
position: relative;
left: 40%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-24 {
position: relative;
right: 40%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-25 {
position: relative;
left: 41.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-25 {
position: relative;
right: 41.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-26 {
position: relative;
left: 43.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-26 {
position: relative;
right: 43.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-27 {
position: relative;
left: 45%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-27 {
position: relative;
right: 45%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-28 {
position: relative;
left: 46.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-28 {
position: relative;
right: 46.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-29 {
position: relative;
left: 48.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-29 {
position: relative;
right: 48.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-30 {
position: relative;
left: 50%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-30 {
position: relative;
right: 50%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-31 {
position: relative;
left: 51.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-31 {
position: relative;
right: 51.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-32 {
position: relative;
left: 53.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-32 {
position: relative;
right: 53.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-33 {
position: relative;
left: 55.0%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-33 {
position: relative;
right: 55.0%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-34 {
position: relative;
left: 56.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-34 {
position: relative;
right: 56.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-35 {
position: relative;
left: 58.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-35 {
position: relative;
right: 58.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-36 {
position: relative;
left: 60%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-36 {
position: relative;
right: 60%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-37 {
position: relative;
left: 61.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-37 {
position: relative;
right: 61.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-38 {
position: relative;
left: 63.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-38 {
position: relative;
right: 63.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-39 {
position: relative;
left: 65%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-39 {
position: relative;
right: 65%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-40 {
position: relative;
left: 66.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-40 {
position: relative;
right: 66.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-41 {
position: relative;
left: 68.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-41 {
position: relative;
right: 68.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-42 {
position: relative;
left: 70%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-42 {
position: relative;
right: 70%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-43 {
position: relative;
left: 71.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-43 {
position: relative;
right: 71.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-44 {
position: relative;
left: 73.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-44 {
position: relative;
right: 73.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-45 {
position: relative;
left: 75%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-45 {
position: relative;
right: 75%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-46 {
position: relative;
left: 76.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-46 {
position: relative;
right: 76.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-47 {
position: relative;
left: 78.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-47 {
position: relative;
right: 78.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-48 {
position: relative;
left: 80%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-48 {
position: relative;
right: 80%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-49 {
position: relative;
left: 81.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-49 {
position: relative;
right: 81.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-50 {
position: relative;
left: 83.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-50 {
position: relative;
right: 83.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-51 {
position: relative;
left: 85%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-51 {
position: relative;
right: 85%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-52 {
position: relative;
left: 86.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-52 {
position: relative;
right: 86.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-53 {
position: relative;
left: 88.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-53 {
position: relative;
right: 88.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-54 {
position: relative;
left: 90%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-54 {
position: relative;
right: 90%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-55 {
position: relative;
left: 91.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-55 {
position: relative;
right: 91.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-56 {
position: relative;
left: 93.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-56 {
position: relative;
right: 93.33333%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-57 {
position: relative;
left: 95%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-57 {
position: relative;
right: 95%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-58 {
position: relative;
left: 96.66667%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-58 {
position: relative;
right: 96.66667%;
left: auto;
}
/* line 275, ../sass/foundation/_grid.scss */
.push-59 {
position: relative;
left: 98.33333%;
right: auto;
}
/* line 278, ../sass/foundation/_grid.scss */
.pull-59 {
position: relative;
right: 98.33333%;
left: auto;
}
}
/*Foundation by ZURB
foundation.zurb.com
Licensed under MIT Open Source*/
/* breakpoint-queries from global.scss library */
/* small displays */
@media only screen {
/* line 257, ../sass/foundation/_visibility.scss */
.show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
display: inherit !important;
}
/* line 260, ../sass/foundation/_visibility.scss */
.hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: none !important;
}
/* line 264, ../sass/foundation/_visibility.scss */
.visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
/* line 267, ../sass/foundation/_visibility.scss */
.hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
/* line 272, ../sass/foundation/_visibility.scss */
table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
display: table !important;
}
/* line 275, ../sass/foundation/_visibility.scss */
thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
display: table-header-group !important;
}
/* line 278, ../sass/foundation/_visibility.scss */
tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
display: table-row-group !important;
}
/* line 281, ../sass/foundation/_visibility.scss */
tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
display: table-row !important;
}
/* line 284, ../sass/foundation/_visibility.scss */
th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
display: table-cell !important;
}
}
/* medium displays */
@media only screen and (min-width: 48.063em) {
.column.medium-uncentered, .columns.medium-uncentered {
margin-left: 0;
margin-right: 0;
float: left !important;
/* line 257, ../sass/foundation/_visibility.scss */
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
display: inherit !important;
}
/* line 260, ../sass/foundation/_visibility.scss */
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: none !important;
}
/* line 264, ../sass/foundation/_visibility.scss */
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
/* line 267, ../sass/foundation/_visibility.scss */
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
/* line 272, ../sass/foundation/_visibility.scss */
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
display: table !important;
}
/* line 275, ../sass/foundation/_visibility.scss */
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
display: table-header-group !important;
}
/* line 278, ../sass/foundation/_visibility.scss */
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
display: table-row-group !important;
}
/* line 281, ../sass/foundation/_visibility.scss */
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
display: table-row !important;
}
/* line 284, ../sass/foundation/_visibility.scss */
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
display: table-cell !important;
}
}
/* large displays */
@media only screen and (min-width: 64.063em) {
/* line 257, ../sass/foundation/_visibility.scss */
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
display: inherit !important;
}
/* line 260, ../sass/foundation/_visibility.scss */
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: none !important;
}
/* line 264, ../sass/foundation/_visibility.scss */
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
/* line 267, ../sass/foundation/_visibility.scss */
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
/* line 272, ../sass/foundation/_visibility.scss */
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
display: table !important;
}
/* line 275, ../sass/foundation/_visibility.scss */
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
display: table-header-group !important;
}
/* line 278, ../sass/foundation/_visibility.scss */
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
display: table-row-group !important;
}
/* line 281, ../sass/foundation/_visibility.scss */
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
display: table-row !important;
}
/* line 284, ../sass/foundation/_visibility.scss */
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
display: table-cell !important;
}
}
/* xlarge displays */
@media only screen and (min-width: 90.063em) {
/* line 257, ../sass/foundation/_visibility.scss */
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
display: inherit !important;
}
/* line 260, ../sass/foundation/_visibility.scss */
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: none !important;
}
/* line 264, ../sass/foundation/_visibility.scss */
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
/* line 267, ../sass/foundation/_visibility.scss */
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
/* line 272, ../sass/foundation/_visibility.scss */
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
display: table !important;
}
/* line 275, ../sass/foundation/_visibility.scss */
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
display: table-header-group !important;
}
/* line 278, ../sass/foundation/_visibility.scss */
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
display: table-row-group !important;
}
/* line 281, ../sass/foundation/_visibility.scss */
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
display: table-row !important;
}
/* line 284, ../sass/foundation/_visibility.scss */
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
display: table-cell !important;
}
}
/* xxlarge displays */
@media only screen and (min-width: 120.063em) {
/* line 257, ../sass/foundation/_visibility.scss */
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: inherit !important;
}
/* line 260, ../sass/foundation/_visibility.scss */
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
display: none !important;
}
/* line 264, ../sass/foundation/_visibility.scss */
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
/* line 267, ../sass/foundation/_visibility.scss */
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
/* line 272, ../sass/foundation/_visibility.scss */
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-only, table.show-for-xxlarge-up {
display: table !important;
}
/* line 275, ../sass/foundation/_visibility.scss */
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up {
display: table-header-group !important;
}
/* line 278, ../sass/foundation/_visibility.scss */
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up {
display: table-row-group !important;
}
/* line 281, ../sass/foundation/_visibility.scss */
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up {
display: table-row !important;
}
/* line 284, ../sass/foundation/_visibility.scss */
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up {
display: table-cell !important;
}
}
.text-align-left{
text-align: left !important;
}
.smaller--text{
font-size: 80% !important;
}
.margin-left-10{
margin-left: 10px !important;
}
.spec-font{
font-family: myVarela;
}
.button1.radius {
border-radius: 5px;
}
.button1.expand {
padding-right: 0;
padding-left: 0;
width: 97%;
}
.button1.small {
padding-top: 0.875rem;
padding-bottom: 0.9375rem;
font-size: 0.8125rem;
}
.button1 {
display: inline-block;
}
.button1 {
border-style: solid;
border-width: 0px;
cursor: pointer;
font-family: "Gotham Round", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-webkit-border-radius: 0;
display: inline-block;
padding-top: 1rem;
padding-right: 2rem;
padding-bottom: 1.0625rem;
padding-left: 2rem;
font-size: 1rem;
background-color: #1C3556;
border-color: #162a45;
color: #FFFFFF;
transition: background-color 300ms ease-out;
}
.transition-important {
-moz-transition: all 1s !important;
-o-transition: all 1s !important;
-webkit-transition: all 1s !important;
transition: all 1s !important;
}
.text--uppercase {
text-transform: uppercase;
}
.button1.info {
background-color: #F59703;
border-color: #c47902;
color: #FFFFFF;
}
.headline-primary--small-margin {
margin-top: 1.25rem;
margin-bottom: 1.5625rem;
}
.headline-primary, .headline-primary--grouped, .headline-primary--plain, .headline-primary--small-margin {
color: #0f1d30;
font-weight: 400;
font-size: 2.4375rem;
line-height: 1.3;
font-family: "Gotham Narrow", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: -0.07rem;
}
.center-align, .panel--centered, .panel--padded--centered, .panel--margin--centered, .panel--margin-small--centered, [class^="btn--"], .text--center {
text-align: center;
}
#upgrade_profile_content h2, .icn__caption {
color: #0f1d30;
font-size: 1.25rem;
line-height: 1.2;
font-family: "Gotham Round", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
}
.hor-line--thin--dark-grey {
height: 0.0625rem;
background-color: #818a96;
width: 100%;
}
h2, .icn__caption {
color: #0f1d30;
font-size: 1.25rem;
line-height: 1.2;
font-family: "Gotham Round", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.relative-container-120 {
position: relative;
width: 100%;
height: 7.5rem;
}
.vert-line--red-100P {
background-color: #E94A4C;
width: 0.0625rem;
height: 100%;
}
.grid__row--offset--40 {
margin-top: 2.5rem !important;
}
#plans_block{
padding-top: 70px;
}
.background__pricing {
background-image: url("/img/home/bg_pricing.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.background--white--transparent-90 {
background-color: rgba(255, 255, 255, 0.9);
border-radius: 5px;
}
.pt-30{
padding-top: 30px;
}
.pb-30{
padding-bottom: 30px;
}
#my_prof_status_information_feedback_indiviuals_select_1_chosen{
width: 154px !important;
}