@import url(element.css);
@import url(fonts/fonts.css);

.home .outer-container {
    font-size: 16px
}
.outer-container {
    float: left;
    width: 100%
}
.outer-container .main-container>.full {
    width: 1200px
}
.outer-container .main-container>.full.pdn {
    padding: 0
}
body {
    font-size: 16px
}
#outer-container-footer .main-container,
#outer-container-header-message .main-container,
#outer-container-menu .main-container,
#outer-container-outer .main-container,
.outer-container .main-container {
    margin: auto;
    width: 1200px;
    clear: both
}
.homepage.gallery .main-container {
    position: relative
}
.homepage.gallery .main-container #header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99
}
#header {
    float: left;
    width: 1200px;
    margin-top: 17px
}
#header .logo {
    float: left;
    width: 216px;
    height: 71px;
    background: url(../images/logo_new.png) no-repeat
}
#header .logo.logo_2 {
    float: left;
    width: 117px;
    height: 49px;
    background: url(../images/logo_home.png) no-repeat;
    margin-top: 10px
}
#header .right-col {
    float: right;
    padding-right: 28px;
}
#header .right-col .contact {
    display: block;
    clear: both;
    color: #fff;
    font-family: gothambook;
    text-align: right;
    font-size: 14px
}
#header .right-col .contact span {
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #fff;
    text-transform: uppercase
}
#header .right-col .contact a {
    color: #fff
}
#header .right-col ul {
    float: right;
    margin-top: 27px
}
#header .right-col ul.login li {
    float: left;
    padding: 7px 15px;
    border: 1px solid #898693;
    margin-left: 22px;
    border-radius: 4px
}
#header .right-col ul.login li:first-child {
    padding: 7px 15px
}
#header .right-col ul.login li a {
    font-size: 16px;
    color: #fff;
    font-family: gothambook
}
#header .right-col ul.login li.active {
    background: #f37927;
    border: 1px solid #f37927
}
#header .right-col ul.navigation li {
    float: left;
    padding: 6px 6px;
    margin: 0 8px
}
#header .right-col ul.navigation li a {
    font-size: 16px;
    font-family: gothambold;
    color: #fff;
    text-transform: uppercase
}
.header {
    position: absolute;
    z-index: 9
}
.header-black-theme {
    min-height: 90px;
    border-bottom: 1px solid #dbdbdb;
    background: #fff
}
.header-black-theme #header .logo.logo_2 {
    background: url(../images/logo_home.png) no-repeat;
    width: 152px
}
.header-black-theme #header {
    margin-top: 12px
}
.header-black-theme #header .right-col .contact span {
    border-right: 1px solid #4f4f4f
}
.header-black-theme #header .right-col ul {
    margin-top: 18px
}
.header-black-theme #header .right-col .contact,
.header-black-theme #header .right-col .contact a,
.header-black-theme #header .right-col ul.login li,
.header-black-theme #header .right-col ul.login li a,
.header-black-theme #header .right-col ul.navigation li a {
    color: #4f4f4f;
    font-size: 13px
}
.header-black-theme #header .right-col ul.login li a {
    font-size: 13px
}
.header-black-theme #header .right-col ul.navigation li a {
    font-size: 13px;
    color: #333;
}
.header-black-theme #header .right-col ul.login li.active a {
    color: #fff
}
.header-black-theme #header .right-col ul.navigation li.active,
.header-black-theme #header .right-col ul.navigation li:hover {
    /*background: #e5e5e5;
    border-radius: 8px*/
    border-bottom: 1px solid #ff6400;
}
#header .right-col .contact a.active {
    background: #e5e5e5;
    border-radius: 8px;
    padding: 5px 8px
}
.header-black-theme #header .right-col ul.navigation li.orange:hover {
    background: 0 0
}
#header .right-col ul.navigation li.orange a,
.header-black-theme #header .right-col ul.navigation li.orange a {
    color: #f37927
}
.banner-contant {
    float: left;
    width: 790px;
    top: 25%;
    color: #fff;
    height: 685px;
    position: absolute;
    left: 18%
}
.banner-contant h1 {
    font-size: 58px;
    font-family: bariol_boldbold;
    text-shadow: 0 0 2px #282828;
    line-height: 70px
}
.banner-contant strong {
    font-family: gothambold;
    font-size: 24px;
    padding-left: 20px;
    display: block;
    background: url(../images/sprite.png) 0 -1485px no-repeat;
    margin-top: 16px
}
.banner-contant strong.first {
    margin-top: 35px
}
.banner-contant p {
    font-size: 24px;
    font-family: gothamlight;
    padding: 30px 0 50px;
    line-height: 40px
}
.service .border {
    background: url(../images/separator-line.png) center bottom no-repeat;
    padding-bottom: 50px;
    margin-bottom: 50px
}
.heading {
    margin: 40px 0;
    text-align: center
}
.heading p {
    text-align: center;
    font-size: 28px;
    color: #757575;
    font-family: bariol_lightlight;
    padding-top: 50px
}
.heading div {
    width: auto;
    padding: 0 115px;
    display: inline-block;
    margin: auto;
    background: url(../images/border-head.jpg) 0 36px repeat-x;
    text-align: center
}
.heading div h2 {
    padding: 0 30px;
    background: #fff;
    display: inline;
    font-size: 47px;
    color: #333;
    font-family: bariol_lightlight
}
.heading.white div {
    width: 780px;
    background: url(../images/border-white.jpg) 0 center no-repeat;
    padding: 0
}
.heading.white div div {
    background: url(../images/border-white.jpg) right center no-repeat;
    padding: 0
}
.heading.white div div h2 {
    background: 0 0;
    color: #fff
}
.service .left-col {
    float: left;
    width: 615px
}
.service .hire .left-col {
    float: left;
    width: 570px
}
.service .left-col h3 {
    font-size: 32px;
    font-family: gothambold;
    color: #333;
    padding-bottom: 32px;
    line-height: 32px
}
.service .left-col strong {
    color: #333;
    font-size: 16px;
    display: block;
    padding-bottom: 15px
}
.service .left-col p {
    padding-top: 5px;
    line-height: 30px;
    padding-bottom: 30px;
    color: #151515
}
.service .left-col p.last {
    padding-bottom: 70px
}
.service .left-col>a {
    float: left;
    margin: 16px 0 0 42px;
    font-size: 14px
}
.service .left-col .professional-recruiter {
    float: left;
    width: 100%;
    padding-top: 40px;
    text-align: left;
    font-size: 14px
}
.service .left-col .professional-recruiter strong {
    display: inline;
    font-size: 14px
}
.service .left-col .professional-recruiter a {
    font-size: 14px
}
.service .right-col {
    float: right;
    width: 500px
}
.service .right-col.Refer-right {
    background: url(../images/banner-image-1.png) 0 16px no-repeat;
    padding: 151px 0 0 61px;
    width: 475px
}
.service .right-col.Refer-right img {
    top: 50px
}
.service .left-col .post {
    padding-top: 45px
}
.service .left-col .post li {
    float: left;
    width: 124px;
    margin-right: 25px;
    position: relative
}
.service .left-col .post li>a {
    margin: 0;
    color: #828282;
    padding-top: 135px;
    text-align: center;
    background: url(../images/job-icon.png) no-repeat;
    float: left;
    width: 100%
}
.service .left-col .post li>a span {
    display: block
}
.service .left-col .post li:hover a {
    color: #f37927
}
.service .left-col .post li.recruiter a {
    background-position: 0 0
}
.service .left-col .post li.resume a {
    background-position: -149px 0
}
.service .left-col .post li.training a {
    background-position: -296px 0
}
.service .left-col .post li.recruiter:hover a {
    background-position: -440px 0
}
.service .left-col .post li.resume:hover a {
    background-position: -589px 0
}
.service .left-col .post li.training:hover a {
    background-position: -736px 0
}
.service .left-col .post li:hover .tooltip {
    display: block
}
.service .left-col .post li .tooltip {
    background: #fff;
    display: none;
    position: absolute;
    width: 370px;
    bottom: -140px;
    font-size: 13px;
    line-height: 20px;
    padding: 25px;
    border: 1px solid #dfdfdf;
    box-shadow: 0 0 2px #dfdfdf;
    border-radius: 5px;
    z-index: 1
}
.service .left-col .post li .tooltip span {
    width: 24px;
    height: 15px;
    background: url(../images/tooltip-arrow.png) no-repeat;
    position: absolute;
    top: -15px;
    left: 40px;
    z-index: 2
}
.service .hire .right-col {
    width: 525px;
    padding-bottom: 50px;
    margin-bottom: 30px;
    background: url(../images/hire_shadow.png) center bottom no-repeat
}
.service .hire .right-col li {
    color: #828282;
    float: left;
    width: 147px;
    margin: 0 42px 41px 0;
    background: url(../images/hire-icon.png) no-repeat;
    padding-top: 101px;
    text-align: center
}
.service .hire .right-col li:nth-child(3n+0) {
    margin-right: 0
}
.service .hire .right-col li.employee-profiles {
    background-position: 30px 0
}
.service .hire .right-col li.Contact {
    background-position: -122px 0
}
.service .hire .right-col li.get-in-touch {
    background-position: -881px 0
}
.service .hire .right-col li.search {
    background-position: -732px 0
}
.service .hire .right-col li.control {
    background-position: -432px 0
}
.service .hire .right-col li.automation {
    background-position: -581px 0
}
.service .hire .right-col li.reduce {
    background-position: -273px 0
}
.how-it-work {
    background: url(../images/how-it-work.jpg) center bottom no-repeat
}
.how-it-work .main-container {
    height: 475px;
    text-align: center
}
.how-it-work .main-container .heading {
    padding-bottom: 180px;
    margin-top: 20px
}
.how-it-work .main-container .watch-video {
    background: url(../images/sprite.png) 0 -225px no-repeat;
    font-size: 29px;
    font-family: GothamThin;
    margin: auto;
    padding: 8px 0 8px 75px;
    width: 214px;
    color: #fff
}
.orange-strip {
    background: #f37927;
    border-bottom: 2px solid #d56a22
}
.orange-strip .main-container {
    height: 100px
}
.orange-strip .main-container .full {
    color: #fff;
    font-size: 24px;
    text-align: center;
    padding: 0!important;
    display: table
}
.orange-strip .main-container .full .or {
    padding: 33px 0 34px;
    display: inline-block;
    margin-right: 25px
}
.orange-strip .main-container .full .or a,
.orange-strip .main-container .full>a {
    color: #fff;
    font-family: gothambold;
    float: left;
    margin-top: 33px
}
.orange-strip .main-container .full .or a {
    margin: 0
}
.reflik-partner .main-container>.full {
    text-align: center;
    padding: 50px 0 70px!important
}
.reflik-partner .heading {
    margin: 0
}
.reflik-partner p {
    padding-top: 10px;
    font-size: 16px;
    color: #151515;
}
.reflik-partner .orange-button {
    float: none;
    margin-top: 15px
}
.reflik-partner .left-col {
    float: left;
    text-align: left;
    width: 350px
}
.reflik-partner .left-col strong {
    color: #3f4245;
    font-size: 19px
}
.reflik-partner .right-col {
    float: right;
    width: 635px
}
.reflik-partner .right-col .partner-slider {
    width: 600px
}
.about-us {
    background: url(../images/about%20us-banner.jpg) no-repeat
}
.about-us .heading {
    margin: 60px 0
}
.about-us .left-col {
    float: left;
    width: 600px
}
.about-us p {
    color: #FFF;
    font-size: 25px;
    line-height: 50px;
    padding-bottom: 50px
}
.about-us .author {
    float: left
}
.about-us .author img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    float: left;
    margin-right: 15px
}
.about-us .author label,
.about-us .author span {
    float: left;
    width: 60%;
    color: #fff;
    font-size: 15px
}
.about-us .author label {
    padding: 30px 0 5px;
    font-family: gothammedium
}
.about-us .right-col {
    float: right;
    width: 460px
}
.about-us .right-col .author label {
    padding: 16px 0 5px
}
.about-us .right-col p {
    font-size: 16px;
    line-height: 25px;
    padding-bottom: 10px
}
.about-us .right-col .author-col {
    padding-bottom: 60px;
    float: left
}
.about-us .right-col .author-col:last-child {
    padding-bottom: 0
}
.about-us .right-col .author img {
    width: 74px;
    height: 74px
}
.social-intranet #tabs>ul {
    float: left;
    width: 100%;
    margin-top: -68px
}
.social-intranet #tabs>ul>li {
    border: 1px solid #fff;
    float: left
}
.social-intranet #tabs>ul>li>a {
    font-size: 16px;
    font-family: gothambold;
    color: #fff;
    text-transform: uppercase;
    padding: 23px 75px;
    float: left
}
.social-intranet #tabs>ul>li.ui-tabs-active {
    border-top: #e5e5e5 4px solid
}
.social-intranet #tabs>ul>li.ui-tabs-active a {
    background: #fff;
    color: #828282;
    padding-top: 20px
}
.social-intranet #tabs .full.refer_tab {
    background: url(../images/refer_tab_bg.png) center 25px no-repeat;
    min-height: 925px;
    margin: 50px auto 0;
    position: relative
}
.refer_tab .header_part {
    width: 392px;
    margin: auto;
    text-align: center
}
.refer_tab .title {
    font-family: tabitharegular;
    font-size: 34px;
    color: #f0592f;
    padding-bottom: 14px
}
.refer_tab .header_part p {
    font-size: 12px;
    font-family: gothambook;
    color: #151515;
    line-height: 22px
}
.refer_tab .box {
    position: absolute;
    top: 347px;
    left: 141px;
    width: 250px;
    height: 150px;
    text-align: center
}
.refer_tab .box .blue-round,
.refer_tab .box .green-round {
    color: #fff;
    font-size: 12px;
    left: 170px;
    position: absolute;
    text-align: center;
    top: -95px;
    width: 135px
}
.refer_tab .box .blue-round .title,
.refer_tab .box .green-round .title {
    padding-bottom: 5px;
    color: #fff
}
.refer_tab .box .blue-round p {
    font-style: italic
}
.refer_tab .box .inner h3 {
    font-family: gothambold;
    font-size: 18px;
    padding-bottom: 10px
}
.refer_tab .box .inner h4 {
    font-family: tabitharegular;
    font-size: 16px;
    color: #828282;
    padding-top: 15px
}
.refer_tab .box .inner p {
    font-size: 12px;
    font-family: gothambook;
    color: #151515;
    line-height: 20px
}
.refer_tab .box.box2 {
    left: 715px;
    top: 381px;
    width: 312px
}
.refer_tab .box.box2 .inner h3 {
    color: #6fbc23
}
.refer_tab .box .green-round {
    left: -20px;
    top: -140px
}
.refer_tab .box .inner h3 {
    color: #00a4e4
}
.refer_tab .box.box3 {
    left: 485px;
    top: 667px;
    width: 200px
}
.refer_tab .box.box3 .inner h3 {
    color: #6fbc23
}
.social-intranet #tabs .full.refer_tab.hire_tab {
    background: url(../images/hire_tab_bg.png) center 25px no-repeat
}
.refer_tab.hire_tab .box.box1 {
    top: 385px;
    left: 173px
}
.refer_tab.hire_tab .box .blue-round {
    left: 143px;
    top: -150px
}
.refer_tab.hire_tab .box.box2 {
    left: 737px;
    top: 390px
}
.refer_tab.hire_tab .box.box3 {
    left: 469px;
    top: 705px;
    width: 225px
}
.refer_tab.hire_tab .box.box3 .inner h3 {
    color: #10c2c4
}
.refer_tab.hire_tab .box .green-round {
    left: -21px;
    top: -150px
}
.refer_tab.hire_tab .box .bottom {
    width: 160px;
    position: absolute;
    top: 85px;
    left: 341px;
    font-size: 12px;
    font-family: tabitharegular;
    color: #6f6f6f
}
.footer {
    background: #1a1a1a;
    font-size: 14px
}
.footer .full {
    padding: 60px 0 10px!important;
    width: 100%!important;
    border-bottom: 5px solid #fff;
    margin-bottom: 25px
}
.footer .footer-col {
    float: left;
    padding-right: 45px
}
.footer .left-part {
    float: left;
    width: 470px
}
.footer .right-part {
    float: right
}
.footer .footer-col:last-child {
    padding-right: 0
}
.footer .footer-col h3 {
    font-size: 16px;
    color: #fff;
    font-family: gothambold;
    padding-bottom: 16px
}
.footer .footer-col ul {
    float: left;
    width: 190px
}
.footer .footer-col ul li {
    padding-bottom: 6px
}
.footer .footer-col ul a {
    color: #fff
}
.footer .left-col {
    float: left;
    color: #fff;
    padding: 20px 0 70px
}
.footer .left-col strong {
    font-size: 16px;
    padding-bottom: 20px;
    display: inline-block
}
.footer .left-col li {
    float: left;
    width: 24px;
    height: 24px;
    background: url(../images/sprite.png) no-repeat;
    margin-right: 15px
}
.footer .left-col li a {
    display: block;
    height: 32px
}
.footer .left-col li.linkdin {
    background-position: 0 -1567px
}
.footer .left-col li.facebook {
    background-position: -33px -1567px
}
.footer .left-col li.twitter {
    background-position: -70px -1567px
}
.footer .left-col li.googleplus {
    background-position: -110px -1567px
}
.footer .right-col {
    float: right;
    text-align: right;
    color: #fff
}
.footer .right-col .term {
    padding-bottom: 20px
}
.footer .right-col li {
    float: left;
    padding-right: 17px;
    margin-right: 17px;
    border-right: 1px solid #fff
}
.footer .right-col li:last-child {
    margin: 0;
    padding: 0;
    border: 0
}
.footer .footer-col h3 a,
.footer .right-col li a {
    color: #fff
}
.refer_rewarding_section {
    padding: 40px 0 50px;
    color: #333
}
.refer_rewarding_section .main-container {
    background: url(../images/refer_how.png) center 0 no-repeat;
    text-align: center
}
.refer_rewarding_section .main-container h1 {
    font-family: gothamlight;
    font-size: 32px;
    padding-bottom: 35px
}
.refer_rewarding_section .main-container p {
    font-size: 16px;
    line-height: 25px
}
.refer_rewarding_section .main-container p strong {
    font-family: gothammedium
}
.refer_rewarding_section .how_row {
    padding-top: 260px
}
.refer_rewarding_section .how_row .col1 {
    float: left;
    width: 240px;
    font-size: 24px;
    font-family: tabitharegular;
    margin-left: 105px
}
.refer_rewarding_section .how_row .col1:first-child {
    width: 290px
}
.leverage_contact_section {
    color: #333;
    background: url(../images/refer_green_bg.png) repeat-x;
    padding: 40px 0
}
.leverage_contact_section h1 {
    background: url(../images/leverage_strip.png) no-repeat;
    width: 554px;
    height: 77px;
    margin: auto;
    font-size: 16px;
    font-family: gothambold;
    text-transform: uppercase;
    text-align: center;
    line-height: 50px
}
.leverage_contact_section p {
    font-size: 16px;
    padding: 40px 0 50px;
    text-align: center;
    line-height: 27px
}
.leverage_contact_section .user_comment {
    width: 990px;
    margin: auto
}
.leverage_contact_section .user_comment .left_col {
    float: left;
    width: 460px;
    padding-right: 80px
}
.leverage_contact_section .user_comment .contant {
    float: left;
    width: 400px
}
.leverage_contact_section .user_comment .contant p {
    font-size: 21px;
    line-height: 30px;
    text-align: left;
    padding: 130px 0 30px
}
.leverage_contact_section .user_comment .contant strong {
    font-size: 26px;
    font-family: tabitharegular;
    display: block;
    padding-bottom: 27px
}
.leverage_contact_section .user_comment .font-24 {
    font-size: 24px;
    float: left;
    width: 100%;
    padding: 70px 0 0
}
.refer_tabs {
    background: url(../images/refer_page_tab_bg.png) center 0 repeat-x;
    min-height: 910px
}
.refer_tabs #tabs {
    padding-top: 30px
}
.refer_tabs ul.ui-tabs-nav {
    margin: auto;
    width: 832px
}
.refer_tabs ul.ui-tabs-nav li {
    float: left;
    margin: 0 20px
}
.refer_tabs ul.ui-tabs-nav li.ui-state-active,
.refer_tabs ul.ui-tabs-nav li:hover {
    background: #f37927;
    border-radius: 0
}
.refer_tabs ul.ui-tabs-nav li a {
    color: #fff;
    font-size: 13px;
    padding: 18px;
    float: left;
    text-transform: uppercase
}
.refer_tabs .ui-tabs .ui-tabs-panel {
    padding-top: 70px;
    width: 100%;
    margin: auto
}
.refer_tabs #tabs .contant_col {
    float: left;
    width: 570px
}
.refer_tabs #tabs .contant_col .text {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 60px;
    color: #fff;
    font-size: 35px
}
.refer_tabs #tabs .contant_col p {
    background: url(../images/refer_tab_icon.png) no-repeat;
    font-size: 16px;
    color: #fff;
    font-style: italic;
    float: left;
    width: 100%;
    padding-left: 85px;
    box-sizing: border-box
}
.refer_tabs #tabs .img_col {
    float: right
}
.refer_tabs #tabs .contant_col p.easy_tracking {
    background-position: 0 -641px
}
.refer_tabs #tabs .contant_col p.auto_matching {
    background-position: 0 -356px
}
.refer_tabs #tabs .contant_col p.multi {
    background-position: 0 3px
}
.refer_tabs #tabs .contant_col.min .text,
.refer_tabs #tabs .contant_col.min p {
    width: 570px
}
.refer_tabs #tabs .contant_col.min .text {
    padding: 80px 0 50px
}
.draem_job.outer-container .main-container>.full {
    width: 830px;
    margin: 30px auto 0;
    float: none;
    text-align: center;
    color: #333
}
.draem_job {
    padding-bottom: 90px
}
.draem_job h1 {
    font-family: gothamlight;
    font-size: 32px;
    padding-bottom: 25px
}
.draem_job p {
    font-size: 16px;
    line-height: 25px
}
.draem_job strong {
    padding-top: 25px;
    display: inline-block
}
.draem_job .orange-button {
    float: none;
    margin-top: 50px
}
.hire_tabs h1 {
    font-family: gothamlight;
    font-size: 32px;
    text-align: center;
    margin-bottom: 40px
}
.hire_tabs #tabs {
    width: 100%;
    float: left;
    color: #333
}
.hire_tabs #tabs .ui-tabs-nav {
    width: 1200px;
    margin: 15px auto 10px
}
.hire_tabs #tabs .ui-tabs-nav>li {
    float: left;
    margin-right: 40px
}
.hire_tabs #tabs .ui-tabs-nav li .relative>a,
.hire_tabs #tabs .ui-tabs-nav li.ui-state-hover a,
.hire_tabs #tabs .ui-tabs-nav li>a {
    font-size: 16px!important;
    font-family: gothambook;
    color: #333
}
.hire_tabs #tabs .ui-tabs-nav li.ui-state-active>a {
    font-family: gothammedium;
    color: #333
}
.hire_tabs #tabs .ui-tabs-nav li.ui-state-active {
    padding-bottom: 3px;
    border-bottom: 5px solid #f37927
}
.hire_tabs h1.bold {
    font-family: gothambold;
    font-size: 26px;
    text-transform: uppercase
}
.hire_tabs #tabs #tabs-1 .outer-container.bg_img {
    background: url(../images/hire_tab_bg_1.jpg) center 0 no-repeat #efefef;
    padding-top: 270px
}
.hire_tabs .about_hire {
    width: 1100px;
    padding: 80px;
    margin: 0 auto 80px;
    box-sizing: border-box;
    background: #fff;
    text-align: center
}
.hire_tabs .about_hire p {
    color: #151515;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 30px
}
.hire_tabs .about_hire h3 {
    padding-top: 10px;
    font-family: tabitharegular;
    font-size: 25px
}
.hire_tabs #tabs #tabs-1 .outer-container.some_fact {
    border-top: 3px solid #f37927;
    background: #fff;
    position: relative;
    padding-top: 90px
}
.hire_tabs #tabs #tabs-1 .outer-container.some_fact .orange_box {
    width: 100px;
    height: 116px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: -58px;
    background: url(../images/orange_box.png) no-repeat;
    color: #fff;
    font-size: 20px;
    font-family: gothambold;
    padding: 33px 0;
    text-transform: uppercase;
    line-height: 24px;
    text-align: center;
    box-sizing: border-box
}
.some_fact h1 {
    font-size: 36px
}
.some_fact h1 span {
    color: #f37927
}
.some_fact_box .main-container {
    text-align: center;
    display: table
}
.some_fact_box {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1
}
.some_fact_box .fact_box {
    padding: 50px 25px;
    border-right: 1px solid #e1e1e1;
    display: inline-block;
    text-align: center;
    vertical-align: top
}
.some_fact_box .fact_box:last-child {
    border: 0
}
.some_fact_box .fact_box .icon {
    padding-bottom: 20px;
    display: inline-block;
    width: 50px;
    height: 58px;
    background: url(../images/some_fact_icon.png) no-repeat
}
.some_fact_box .fact_box label {
    display: block;
    font-size: 16px;
    font-family: gothambook
}
.some_fact_box .fact_box p {
    display: block;
    font-size: 13px;
    color: #888
}
.some_fact_box .fact_box .new_hire {
    background-position: 7px 0
}
.some_fact_box .fact_box .time_fill {
    background-position: -83px 0
}
.some_fact_box .fact_box .retention_rate {
    background-position: -187px 0
}
.some_fact_box .fact_box .hire_ratio {
    background-position: -293px 0
}
.some_fact_box .fact_box .organization {
    background-position: -407px 0
}
.some_fact_box .discription {
    margin: 40px auto 80px;
    line-height: 30px
}
.bg_gray {
    background: #efefef
}
.hire_tabs h1.what_make_heading {
    font-size: 32px;
    font-family: gothamlight;
    margin: 50px 0;
    text-transform: none
}
.what_make_box {
    display: block
}
.hire_tabs .what_make_box .row h1 {
    font-size: 32px;
    text-transform: none;
    text-align: left
}
.what_make_box .row,
.what_make_box .row .col1 {
    float: left;
    width: 100%
}
.what_make_box .row .col2,
.what_make_box .row .col3 {
    background: url(../images/hire_sprit.png) no-repeat;
    height: 450px;
    float: left;
    width: 595px;
    box-sizing: border-box;
    padding: 25px;
    margin: 0 10px 10px 0
}
.what_make_box .row .col3 {
    width: 393px;
    height: 320px
}
.what_make_box .row .col2:last-child,
.what_make_box .row .col3:last-child {
    margin: 0
}
.what_make_box .row .col2.bg1 {
    background-position: 0 0
}
.what_make_box .row .col2.bg2 {
    background-position: -605px 0
}
.what_make_box .row .col3.bg3 {
    background-position: 0 -460px
}
.what_make_box .row .col3.bg4 {
    background-position: -404px -460px
}
.what_make_box .row .col3.bg5 {
    background-position: -808px -460px
}
.what_make_box .row .col1 {
    padding: 60px 50px;
    background: #fff;
    box-sizing: border-box
}
.what_make_box .row .col1 h1 {
    width: 360px;
    float: left;
    padding-right: 100px;
    font-size: 46px;
    line-height: 50px
}
.what_make_box .row .col1 ul {
    float: left;
    width: 630px
}
.what_make_box .row .col1 ul li {
    float: left;
    width: 100%;
    padding: 0 0 25px 25px;
    box-sizing: border-box;
    background: url(../images/arrow_black.png) 0 7px no-repeat;
    font-size: 16px
}
.what_make_box .row .col1 ul li:last-child {
    padding-bottom: 0
}
.hire_post_job h1 {
    font-size: 28px;
    text-transform: none
}
.hire_post_job {
    padding: 40px 0 50px;
    float: left;
    width: 100%
}
.hire_post_job h1 {
    margin-bottom: 30px
}
.main-container .center,
.main-container .center .relative {
    display: inline-block;
    text-align: center
}
.main-container .center .orange-button {
    float: none;
    text-align: center
}
.refer_model h1 {
    font-size: 32px;
    margin: 50px 0 40px;
    text-transform: none
}
.refer_model table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 60px;
    border: 1px solid #c3d6e1
}
.refer_model table th,
.refer_model table tr td {
    padding: 20px;
    font-size: 14px;
    border: 1px solid #c3d6e1;
    vertical-align: top
}
.refer_model table tr th {
    padding: 40px 20px;
    font-size: 26px;
    font-family: gothammedium;
    color: #fff;
    font-weight: 400
}
.refer_model table tr th i {
    text-transform: uppercase;
    display: block;
    font-size: 14px;
    font-family: gothamlight
}
.refer_model table tr th:nth-child(2) {
    background: #61a4ce;
    border-radius: 5px 0 0;
    border-top: 1px solid #fff
}
.refer_model table tr th:nth-child(3) {
    background: #61c6ce;
    border-radius: 0 5px 0 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff
}
.refer_model table tr td:nth-child(2),
.refer_model table tr td:nth-child(3),
.refer_model table tr th:nth-child(2),
.refer_model table tr th:nth-child(3) {
    width: 475px
}
.refer_model table tr th:first-child {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff
}
.refer_model table tr td:first-child {
    font-family: gothammedium;
    width: 250px
}
.refer_model table tr td:nth-child(2) {
    background: #e4f5ff
}
.refer_model table tr td:nth-child(3) {
    background: #e4fdff
}
.refer_model table tr td i {
    font-size: 12px;
    display: block;
    padding-top: 3px
}
.refer_model table tr td.sub_heading {
    text-align: center
}
.refer_model table tr td[align=center] {
    vertical-align: middle
}
.refer_model table tr.about td {
    padding: 50px 20px
}
.refer_model table tr.last td {
    text-align: center;
    border: 0;
    padding: 30px 20px
}
.refer_model table tr.last td .orange-button-2 {
    float: none
}
.refer_model table tr.last td:nth-child(2),
.refer_model table tr.last td:nth-child(3) {
    background: 0 0
}
.on_demond.reflik-partner .main-container>.full {
    padding: 0 0 40px!important
}
.on_demond.reflik-partner p {
    font-size: 24px
}
.okay_icon {
    width: 21px;
    height: 16px;
    background: url(../images/sprite.png) -322px -313px no-repeat;
    display: inline-block
}
.hire_tabs .on_deamand h1 {
    font-size: 32px;
    line-height: 45px;
    text-transform: none
}
.on_deamand .on_demond.reflik-partner .main-container>.full {
    padding: 10px 0 40px!important
}
.on_deamand .on_demond.reflik-partner p {
    font-size: 16px;
    color: #333;
    line-height: 26px;
    padding-top: 30px
}
.on_deamand .on_demond.reflik-partner strong {
    font-size: 16px;
    font-family: gothammedium;
    padding-top: 20px;
    display: inline-block
}
.on_deamand_bg {
    background: url(../images/on_deamand_img.jpg) center top no-repeat;
    margin-bottom: 50px;
    border-bottom: 1px solid #f37927
}
.on_deamand_bg .main-container {
    position: relative;
    height: 333px
}
.on_deamand_bg .main-container .center.relative {
    position: absolute;
    bottom: -31px;
    left: 50%;
    margin-left: -153px
}
.on_deamand .flexslider {
    padding-top: 40px;
    height: 80px
}
.on_deamand .flexslider .flex-viewport {
    width: 1000px;
    margin: auto;
    float: none
}
.on_deamand .flex-control-nav {
    display: none
}
.on_deamand .flex-direction-nav a {
    background: url(../images/flexi_nav-2.png) 0 top no-repeat;
    width: 30px;
    height: 70px;
    margin: 0;
    top: -13px
}
.on_deamand .flex-direction-nav .flex-next {
    background-position: right 0
}
.on_deamand .on_demond.reflik-partner .flexslider p {
    padding: 0;
    font-size: 18px;
    color: #f37927;
    margin-top: 30px
}
.hire_ondemond h2 {
    font-size: 27px;
    padding-bottom: 17px
}
.on_deamand .on_demond.reflik-partner .main-container>.full.pad-t-0 {
    padding-top: 0!important
}
.on_deamand .on_demond.reflik-partner .main-container>.full.hire_ondemond {
    padding-bottom: 55px!important
}
.key_benifits {
    width: 960px;
    margin: auto;
    text-align: center
}
.key_benifits h2 {
    color: #333;
    font-size: 16px;
    padding: 0 0 25px;
    font-family: gothambold;
    float: left;
    width: 100%
}
.key_benifits .benifit_box {
    padding-bottom: 50px
}
.key_benifits .benifit_box .col {
    width: 33%;
    box-sizing: border-box;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    float: left;
    background: #eef7ef;
    padding: 40px 25px;
    min-height: 150px;
    color: #639f6a;
    font-size: 16px;
    font-family: gothambook
}
.key_benifits .benifit_box .col.benifit_1 {
    color: #639f6a;
    background: #eef7ef
}
.key_benifits .benifit_box .col.benifit_2 {
    color: #448193;
    background: #e5f2f6
}
.key_benifits .benifit_box .col.benifit_3 {
    color: #dd6f81;
    background: #f7eef2
}
.key_benifits .benifit_box .col.benifit_4 {
    color: #bf6a56;
    background: #f7efed
}
.key_benifits .benifit_box .col.benifit_5 {
    color: #988b58;
    background: #f6f3e8
}
.key_benifits .benifit_box .col.benifit_6 {
    color: #d9882d;
    background: #f6eee5
}
.recruiting_training {
    padding-bottom: 50px
}
.reflik_login_section {
    background: url(../images/sign_up_bg.jpg) right 0 no-repeat;
    height: 560px
}
.reflik_login_section .login_ir {
    width: 615px;
    margin: 120px auto 0;
    text-align: center
}
.reflik_login_section .login_ir .orange-button {
    font-size: 16px;
    margin: 0 5px;
    padding: 17px 37px;
    min-width: 139px
}
.reflik_login_section .login_ir h3,
.reflik_login_section .login_ir p {
    color: #fff;
    font-size: 20px;
    padding-bottom: 42px;
    font-family: gothambook
}
.reflik_login_section .login_ir h3 {
    font-size: 26px;
    padding-bottom: 15px
}
.reflik_login_section .login_ir .row {
    float: left;
    width: 100%
}
.reflik_login_section .login_ir .social_button .relative {
    float: left
}
.reflik_login_section .login_ir .center .orange-button {
    font-size: 18px
}
.reflik_login_section .login_ir .or {
    padding: 40px 0 50px;
    background: url(../images/or_ir.png) center 40px no-repeat;
    height: 56px;
    display: block
}
.orange-button.linkedin {
    background: url(../images/linkedin_bt.png) 0 bottom repeat-x
}
.orange-button.facebook {
    background: url(../images/facebook_bt.png) 0 bottom repeat-x
}
.orange-button.google {
    background: url(../images/googe_bt.png) 0 bottom repeat-x
}
.orange-button.twitter {
    background: url(../images/twitter_bt.png) 0 bottom repeat-x
}
.reflik_benifites .full {
    padding-top: 70px;
    text-align: center
}
.reflik_benifites .full .row {
    padding-bottom: 20px
}
.reflik_benifites .full h1 {
    color: #333;
    font-size: 50px;
    padding-bottom: 25px
}
.reflik_benifites .full p {
    color: #151515;
    line-height: 26px
}
.reflik_benifites .full.option {
    width: 100%;
    padding: 90px 0 80px;
    display: inline-block
}
.reflik_benifites .full.option>div {
    width: 320px;
    padding: 0 40px;
    float: left
}
.reflik_benifites .full.option>div .row {
    height: 95px
}
.reflik_benifites .full.option>div:first-child .row img {
    padding-top: 10px
}
.reflik_benifites .full.option>div strong {
    font-family: gothambook;
    font-weight: 400;
    color: #333;
    padding-bottom: 14px;
    display: block
}
.reflik_benifites .full.option>div p {
    font-size: 14px;
    color: #333;
    line-height: 22px
}
.outer-container.reflik_benifites .full.option.option_2 {
    width: 800px;
    margin: auto;
    float: none;
    padding: 0 0 50px
}
.reflik_benifites .full.pad_t_0,
.reflik_benifites .reflik-partner .full {
    padding-top: 0
}
.reflik_benifites .reflik-partner {
    padding-bottom: 40px;
    display: inline-block
}
.reflik_benifites .reflik-partner h2 {
    padding-bottom: 30px;
    display: inline-block
}
.reflik_benifites .reflik-partner p {
    padding-bottom: 10px
}
.training {
    padding: 50px 0;
    background: #ebebeb
}
.training .orange-button-small {
    float: none;
    font-size: 14px;
    padding: 9px 8px 10px;
    margin: 0;
    font-family: gothambook
}
.training .p {
    font-size: 16px;
    color: #333;
    font-family: gothambook
}
.about_us_heading.refer_rewarding_section {
    padding: 40px 0 0
}
.about_bg .heading.white div {
    width: 515px
}
.about_bg .reflik-partner .main-container>.full {
    padding-tp: 110px
}
.about_bg p {
    padding-top: 40px
}
.about_us.reflik-partner .main-container>.full {
    padding: 0 0 50px!important
}
.about_bg {
    height: 375px;
    background: url(../images/about-us-banner.jpg) center 0 no-repeat;
    padding: 50px 0
}
.about_bg p {
    color: #fff;
    line-height: 25px
}
.about_us p {
    color: #333;
    line-height: 25px
}
.about_us_address {
    text-align: center
}
.about_us_address h2.bold {
    font-family: gothambold;
    font-size: 24px;
    color: #333;
    padding-bottom: 35px
}
.about_us_address .row {
    padding-bottom: 25px;
    width: 100%;
    text-align: center;
    float: left;
    color: #333
}
.about_us_address .row.link {
    padding-top: 25px
}
.about_us_address .row.link a:first-child {
    cursor: default
}
.about_us_address .row.social a {
    display: inline-block;
    text-align: center;
    background: url(../images/sprite.png) no-repeat;
    height: 52px;
    width: 52px
}
.about_us_address .row.social a.linkedin {
    background-position: -160px -127px
}
.about_us_address .row.social a.facebook {
    background-position: -31px -127px
}
.about_us_address .row.social a.twitter {
    background-position: -223px -127px
}
.about_us_address .row.social a.googleplus {
    background-position: -96px -127px
}
.about_us_address a,
.about_us_address p {
    color: #333;
    font-size: 16px;
    line-height: 30px
}
.about_us_address a {
    margin: 0 25px
}
.contact_us {
    padding: 40px 0 0;
    color: #333;
    text-align: center
}
.contact_us .main-container h1 {
    font-family: gothamlight;
    font-size: 32px;
    padding-bottom: 35px
}
.contact_bg {
    background: url(../images/map_img.jpg) center 0 no-repeat;
    height: 375px
}
.contact_gray_bg {
    background: #3b3b3b
}
.contact_gray_bg .main-container {
    padding: 35px 0;
    color: #fff;
    text-align: center;
    font-size: 26px
}
.contact_gray_bg .main-container a {
    color: #f37927
}
.contact_form {
    margin: 70px auto 0;
    width: 900px
}
.contact_form .row {
    float: left;
    width: 100%;
}
.contact_form .row>div {
    width: 47%;
    float: left;
    min-height: 105px
}
.contact_form .row>div span.red {
    font-size: 22px
}
.contact_form .row>div.right {
    float: right;
}
.contact_form .row>div label {
    display: block;
    padding-bottom: 15px;
    font-size: 16px;
    font-family: gothammedium;
    color: #151515
}
.contact_form .row>div input[type=text] {
    width: 100%;
    background: #fff;
    padding: 12px 10px 11px;
    border: 1 solid #d6d6d6;
    box-sizing: border-box
}
.contact_form .select2-container .select2-choice {
    height: 39px;
    line-height: 39px
}
.contact_form .row>div .select2-container {
    width: 100%
}
.contact_form .row>div .select2-container a {
    background: #fff
}
.contact_form .row>div.full {
    width: 100%
}
.contact_form .row>div.full textarea {
    width: 100%;
    background: #fff;
    border: 1 solid #d6d6d6;
    height: 130px;
    box-sizing: border-box
}
.contact_form .row>div.full.textarea {
    min-height: 202px
}
.contact_form .row>div .captcha_input+.error {
    margin: 10px
}
.contact_form .row>div .captcha {
    float: left
}
.contact_form .row>div .refesh {
    float: left;
    margin: 13px 15px 0
}
.contact_form .row>div input[type=text].captcha_input {
    width: 24%
}
.contact_form .row>div.button-row {
    padding: 0 0 30px
}
.contact_form .row>div.button-row .gray-button-small,
.contact_form .row>div.button-row .orange-button-small {
    width: 140px;
    padding: 10px;
    font-size: 18px
}
.contact_us_address {
    text-align: center;
    padding-top: 50px
}
.contact_us_address h2.bold {
    font-family: gothambold;
    font-size: 24px;
    color: #333;
    padding-bottom: 35px
}
.contact_us_address .row {
    padding-bottom: 65px;
    width: 100%;
    text-align: center;
    float: left;
    color: #333
}
.contact_us_address .row.link {
    padding-top: 25px
}
.contact_us_address .row.link a:first-child {
    cursor: default
}
.contact_us_address .row.social a {
    margin: 0 25px;
    display: inline-block;
    text-align: center;
    background: url(../images/sprite.png) no-repeat;
    height: 52px;
    width: 52px
}
.contact_us_address .row.social a.linkedin {
    background-position: -160px -127px
}
.contact_us_address .row.social a.facebook {
    background-position: -31px -127px
}
.contact_us_address .row.social a.twitter {
    background-position: -223px -127px
}
.contact_us_address .row.social a.googleplus {
    background-position: -96px -127px
}
.header.register {
    background: url(../images/register-bg.jpg) no-repeat
}
.header.register .main-container {
    height: 300px
}
.register .heading.white div {
    width: 460px
}
.register .heading {
    margin: 104px 0 0
}
.register-body {
    padding: 60px 0
}
.register-body .left-col {
    float: left;
    width: 470px;
    color: #303030
}
.register-body .left-col h3 {
    font-size: 35px;
    font-family: gothamlight;
    padding-bottom: 10px;
    color: #f37927
}
.register-body .left-col h2 {
    color: #333;
    font-family: gothammedium;
    font-size: 18px
}
.register-body .left-col p {
    font-size: 20px
}
.register-body .left-col ul {
    padding-top: 40px;
    float: left;
    width: 418px
}
.register-body .left-col ul li {
    padding: 10px 0 0;
    height: 100px;
    color: #333;
    font-size: 16px;
    font-family: gothambook
}
.register-body .left-col ul li a {
    position: relative
}
.register-body .left-col ul li a.icon {
    width: 90px;
    height: 90px;
    float: left;
    background: url(../images/sign_up_icon_2.png) no-repeat
}
.register-body .left-col ul li .icon.money {
    background-position: 0 0
}
.register-body .left-col ul li .icon.play {
    background-position: 0 -148px
}
.register-body .left-col ul li .icon.security {
    background-position: 0 -292px
}
.register-body .left-col ul li .icon.positions {
    background-position: 0 -446px
}
.register-body .left-col ul li .icon.productive {
    background-position: 0 -596px
}
.register-body .right-col {
    float: left;
    width: 445px
}
.register-body .signup-form li {
    float: left;
    padding-bottom: 12px;
    width: 100%
}
.social-account {
    padding: 35px 0 55px;
    float: left;
    width: 100%
}
.social-account li {
    float: left;
    margin-right: 12px
}
.social-account li:last-child {
    margin-right: 0
}
.social-account li a {
    float: left;
    width: 52px;
    height: 52px;
    background: url(../images/sprite.png) no-repeat
}
.social-account li a.facebook {
    background-position: -31px -127px
}
.social-account li a.msn {
    background-position: -315px -127px
}
.social-account li a.google-plus {
    background-position: -96px -127px
}
.social-account li a.linkdin {
    background-position: -160px -127px
}
.social-account li a.twitter {
    background-position: -223px -127px
}
.social-account li a.win_live {
    background-position: -377px -127px
}
.social-account li a.outlook {
    background-position: -440px -127px
}
.social-account+h3 {
    padding-bottom: 46px;
    float: left
}
div#captcha img {
    float: left;
    margin: 5px 10px 10px 0
}
.captcha img {
    float: left
}
.captcha #txtcaptcha {
    clear: both
}
.register-body .signup-form li .css-label {
    margin-bottom: 10px
}
.register-body.login_page.signup .right-col .error-success.green {
    box-sizing: border-box;
    margin: 10px auto auto;
    text-align: left;
    width: 100%
}
.outer-container.register-body-2 .main-container>.full {
    padding: 0;
    width: 1200px
}
.register-body-2 {
    background: #fcfcfc;
    padding: 40px 0 100px
}
.register-body-2 h2 {
    color: #333;
    font-size: 32px;
    font-family: gothamlight;
    text-align: center;
    padding-bottom: 37px
}
.register-body-2 h3 {
    color: #333;
    font-size: 18px;
    font-family: gothamlight;
    text-align: center;
    padding: 0 0 26px
}
.register-body-2 .option-col {
    width: 380px;
    text-align: center;
    float: left;
    margin: 0 15px;
    border-radius: 3px
}
.register-body-2 .option-col:first-child {
    margin-left: 0
}
.register-body-2 .option-col:last-child {
    margin-right: 0
}
.register-body-2 .option-col .option-col-box {
    border: 10px solid #f0f0f0;
    background: #f4f4f4;
    width: 360px;
    border-radius: 3px;
    float: left
}
.register-body-2 .option-col h2 {
    font-size: 24px;
    font-family: gothambook;
    padding: 15px 0 15px
}
.register-body-2 .option-col h3 {
    font-size: 18px;
    color: #626262;
    font-family: tabitharegular
}
.register-body-2 .option-col .img_col {
    float: left;
    width: 100%;
    background: #fff;
    padding: 3px 0 0;
    min-height: 270px;
    position: relative
}
.register-body-2 .option-col .img_col img {
    position: absolute;
    left: 0;
    bottom: 0;
    height:186px;
    width:351px;
}
.register-body-2 .option-col .orange-button {
    font-size: 16px;
    padding: 20px 40px 18px;
    margin: 40px 20px 30px;
    width: 240px;
    text-align: left;
    position: relative
}
.register-body-2 .option-col .orange-button.inkedin {
    background: #007bb6
}
.register-body-2 .option-col .orange-button .icon {
    background: url(../images/sign_up_icon.png) no-repeat;
    float: left;
    margin: -3px 25px 0 0;
    width: 23px;
    height: 23px
}
.register-body-2 .option-col .orange-button.reflik .icon {
    background-position: 0 -88px;
    height: 25px
}
.register-body-2 .option-col .orange-button span {
    font-family: gothambook
}
.register-body-2 .option-col .social-account .recommended {
    color: #9b9b9b;
    font-family: tabitharegular;
    font-size: 16px;
    height: 42px;
    left: -231px;
    padding-right: 84px;
    margin-left: -119px;
    position: relative;
    top: -10px;
    background: url(../images/signup_arrow.png) right 0 no-repeat
}
.register-body-2 .option-col p {
    font-size: 16px;
    color: #333;
    font-family: gothambook
}
.register-body-2 .option-col .social-account {
    padding: 24px 0 35px 90px;
    box-sizing: border-box
}
.register-body-2 .option-col .link {
    margin: 25px 0 37px;
    display: inline-block;
    font-family: proxima_novasemibold;
    font-size: 14px
}
.register-body-2 .option-col .privacy {
    width: 270px;
    margin: 50px auto 0;
    text-align: center;
    display: inline-block
}
.register-body-2 .option-col .privacy_member {
    width: 270px;
    margin: 50px auto 0;
    text-align: center;
    display: inline-block
}
.register-body-2 .option-col .privacy_rp {
    width: 270px;
    margin: 50px auto 0;
    text-align: center;
    display: inline-block
}
.register-body-2 .option-col .privacy .icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(../images/sign_up_icon.png) 0 -150px no-repeat;
    margin-bottom: 25px
}

.register-body-2 .option-col .privacy_rp .icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(../images/secure_icon.png) 0  no-repeat;
    margin-bottom: 25px
}

.register-body-2 .option-col .privacy_member .icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(../images/lock_icon.jpg) 0 no-repeat;
    margin-bottom: 25px
}
.register-body-2 .option-col .privacy p {
    color: #151515;
    font-size: 13px;
    font-family: gothambook;
    margin-bottom: 10px;
    line-height: 20px
}
.register-body-2 .option-col .privacy_member p {
    color: #151515;
    font-size: 13px;
    font-family: gothambook;
    margin-bottom: 10px;
    line-height: 20px
}
.register-body-2 .option-col .privacy_rp p {
    color: #151515;
    font-size: 13px;
    font-family: gothambook;
    margin-bottom: 10px;
    line-height: 20px
}
.register-body-2 .option-col .privacy label {
    color: #151515;
    font-family: gothamlight;
    font-size: 14px
}
.register-body.login_page .click-disable.h-32 .overlay img {
    height: 40px;
    width: 40px
}
.register-body.login_page.signup .click-disable.h-32 .overlay img {
    height: 50px;
    width: 50px
}
.heading.register-partner {
    text-align: center
}
.heading.register-partner div {
    width: 760px
}
.heading.register-partner p {
    padding: 10px 0 30px
}
.heading.register-partner .orange-button {
    float: none;
    text-align: center
}
.register-body.login_page h1 {
    font-family: gothamlight;
    font-size: 32px;
    margin-bottom: 60px;
    text-align: center;
    color: #333
}
.register-body.login_page .right-col {
    float: none;
    width: 50%;
    margin: auto;
    text-align: center
}
.register-body.login_page .right-col h2 {
    font-size: 18px;
    color: #333;
    font-family: gothammedium
}
.register-body.login_page .social-account {
    Padding: 45px 0 30px;
    text-align: center
}
.register-body.login_page .social-account li {
    text-align: center;
    display: inline-block;
    float: none
}
.register-body.login_page .or-row {
    background: url(../images/line_or.png) center center no-repeat;
    border: 0;
    height: 57px;
    margin: 0
}
.register-body.login_page .or-row .or {
    top: 0;
    height: 54px;
    width: 54px;
    line-height: 54px;
    font-size: 16px
}
.register-body.login_page .signup-form_box {
    margin: 45px auto 0;
    width: 360px;
    display: inline-block
}
.register-body.login_page .signup-form_box h2 {
    padding-bottom: 12px
}
.register-body.login_page .signup-form_box ul {
    text-align: left
}
.register-body.login_page .signup-form_box ul li {
    padding: 5px 0
}
.register-body.login_page .signup-form_box ul li label {
    color: #151515;
    float: left;
    margin-right: 5px
}
.register-body.login_page .signup-form_box ul li .forget-pwd {
    margin: 10px 0 0
}
.register-body.login_page .signup-form_box input[type=password],
.register-body.login_page .signup-form_box input[type=text] ,select{
    width: 100%;
    box-sizing: border-box;
    padding: 15px 10px 14px;
    background: #fff;
    font-family: gothambook;
    font-size: 13px
}
.register-body.login_page .signup-form_box .css-label,
.register-body.login_page .signup-form_box ul li a.right {
    width: auto;
    font-size: 15px;
    font-family: gothambook
}
.register-body.login_page .signup-form_box ul li.remember {
    padding-top: 10px
}
.register-body.login_page .signup-form_box .button-row .orange-button-small {
    width: 100%;
    font-size: 16px;
    padding: 15px
}
.register-body.login_page .signup-form_box .button-row .click-disable {
    width: 100%
}
.register-body.login_page .signup-form_box ul li.account {
    padding-top: 50px;
    text-align: center
}
.register-body.login_page .signup-form_box ul li.account label {
    text-align: center;
    font-size: 12px;
    font-family: gothambook
}
.or-row {
    position: relative
}
.or-row .or {
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    background: #fafafa;
    position: absolute;
    left: 50%;
    margin-left: -22px;
    top: 50%;
    font-size: 21px;
    font-family: gothammedium;
    color: #585858
}
.outer-container .register-body.login_page.signup {
    padding: 40px 0 100px;
    width: 100%
}
.register-body.login_page.signup .right-col {
    width: 520px;
    float: right
}
.register-body.login_page.signup .signup-form_box {
    width: 100%
}
.register-body.login_page.signup .signup-form_box ul {
    margin-top: 15px;
    border: 10px solid #f0f0f0;
    background: #f4f4f4;
    padding: 20px 20px 0;
    box-sizing: border-box;
    float: left;
    border-radius: 3px;
    width: 100%
}
.register-body.login_page.signup .signup-form_box ul li {
    padding: 8px 0
}
.register-body.login_page.signup .signup-form_box ul li.captcha label {
    font-size: 13px;
    color: #333;
    font-family: gothambook;
    padding: 8px 0;
    display: block
}
.register-body.login_page.signup .signup-form_box input[type=password],
.register-body.login_page.signup .signup-form_box input[type=text] {
    background: #fff
}
.register-body.login_page.signup .signup-form_box input.recruitment_firm {
    float: right;
    width: 290px
}
.register-body.login_page.signup .signup-form_box .captcha_text {
    width: 285px;
    margin-left: 10px;
    float: left
}
.register-body.login_page.signup .signup-form_box ul li.captcha label.refresh {
    font-size: 13px;
    color: #a8a8a8;
    padding-top: 15px
}
.register-body.login_page.signup .signup-form_box ul li.captcha label.refresh a {
    padding-right: 20px;
    background: url(../images/refresh_3.png) right 3px no-repeat
}
.register-body.login_page.signup .signup-form_box .button-row .orange-button-small {
    width: 100%;
    font-size: 16px;
    padding: 20px
}
.register-body.login_page.signup .signup-form_box .button-row .click-disable {
    margin-top: 10px
}
.register-body.login_page.signup #account_exist_error {
    box-sizing: border-box;
    width: 100%
}
.cms h1 {
    font-family: gothamlight;
    font-size: 32px;
    padding: 100px 0 70px;
    color: #333;
    text-align: center
}
.cms {
    min-height: 700px
}
.cms p {
    font-size: 16px;
    color: #333;
    line-height: 28px;
    margin-bottom: 40px;
    width: 100%;
    float: left
}
.cms p:empty {
    display: none
}
.navigation .sub-menu {
    display: none;
    position: absolute;
    min-width: 200px;
    padding-bottom: 14px;
    left: 0;
    padding-top: 20px;
    background: #E5E5E5;
    margin-top: 0!important
}
.navigation .sub-menu li {
    margin: 0!important;
    min-width: 200px;
    border-radius: 0!important
}
.navigation .sub-menu li:hover {
    background: #ccc!important
}
.navigation li {
    position: relative
}
.navigation li:hover ul.sub-menu {
    display: block
}
.navigation li.menu-item-has-children,
.navigation li.menu-item-has-children a,
.navigation li.menu-item-has-children:hover {
    border-radius: 8!important
}
.navigation li.menu-item-has-children li:hover {
    border-radius: 0!important
}
.navigation1 .sub-menu {
    display: none;
    position: absolute;
    min-width: 200px;
    padding-bottom: 14px;
    left: 0;
    padding-top: 20px;
    background: #f37926;
    margin-top: 0!important
}
.navigation1 .sub-menu li {
    margin: 0!important;
    min-width: 200px;
    border-radius: 0!important;
    color: #fff
}
.navigation1 .sub-menu li:hover {
    background: #e1630d!important
}
.navigation1 li {
    position: relative
}
.navigation1 li:hover ul.sub-menu {
    display: block
}
.navigation1 li.menu-item-has-children,
.navigation1 li.menu-item-has-children a,
.navigation1 li.menu-item-has-children:hover {
    border-radius: 8px!important
}
.navigation1 li.menu-item-has-children li:hover {
    border-radius: 0!important
}
#header .right-col ul.navigation li.aboutdd:hover {
    background: #f37927;
    border-radius: 5px
}
#apple_watch_promotion {
    width: 350;
    height: 350px;
    display: none;
    position: fixed;
    right: -18px;
    top: 300px;
    z-index: 2;
    padding: 18px
}
#apple_watch_promotion .img {
    position: relative
}
#apple_watch_promotion .close_bt {
    background: url(/images/close_icon.png) no-repeat;
    border: none;
    height: 39px;
    position: absolute;
    left: 0;
    top: 0;
    width: 39px;
    z-index: 99999
}


div.callout {
    height: 10px;
    width: 200px;
    float: left;
}

div.callout {
    background-color: #f37927;
    position: relative;
    color: #ffffff;
    font-size: medium;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 5px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px #999;
    margin-left: 60px;
    margin-top: 7px;
    min-height: 40px;
    border: 1px solid #f37927;
    text-shadow: 0 0 1px #000;
    text-align: center;

    /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/
}

.callout::before {
    content: "";
    width: 0px;
    height: 0px;
    border: 0.8em solid transparent;
    position: absolute;
}


.callout.left::before {
    right: -20px;
    top: 20%;
    border-left: 10px solid #f37927;
}




.marquee {
    width: 70%;
    height: 70px;
    margin-left: 300px;
    overflow: hidden;
    position: relative;

    -webkit-transition: background-color 350ms;
    -moz-transition: background-color 350ms;
    transition: background-color 350ms;
}

.marquee p {
    position: absolute;

    font-family: Tahoma, Arial, sans-serif;

    width: 100%;
    height: 100%;

    margin: 0;
    line-height: 60px;

    text-align: left;

    color: #fff;
    text-shadow: 1px 1px 0px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);

    transform:translateX(100%);
    -moz-transform:translateX(100%);
    -webkit-transform:translateX(100%);
}
.marquee p:nth-child(1) {
    animation: left-one 20s ease infinite;
    -moz-animation: left-one 20s ease infinite;
    -webkit-animation: left-one 20s ease infinite;
}
.marquee p:nth-child(2) {
    animation: left-two 20s ease infinite;
    -moz-animation: left-two 20s ease infinite;
    -webkit-animation: left-two 20s ease infinite;
}
.marquee.down p {
    transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -webkit-transform:translateY(-100%);
}
.marquee.down p:nth-child(1) {
    animation: down-one 20s ease infinite;
    -moz-animation: down-one 20s ease infinite;
    -webkit-animation: down-one 20s ease infinite;
}
.marquee.down p:nth-child(2) {
    animation: down-two 20s ease infinite;
    -moz-animation: down-two 20s ease infinite;
    -webkit-animation: down-two 20s ease infinite;
}
.marquee.up p {
    transform:translateY(100%);
    -moz-transform:translateY(100%);
    -webkit-transform:translateY(100%);
}
.marquee.up p:nth-child(1) {
    animation: up-one 20s ease infinite;
    -moz-animation: up-one 20s ease infinite;
    -webkit-animation: up-one 20s ease infinite;
}
.marquee.up p:nth-child(2) {
    animation: up-two 20s ease infinite;
    -moz-animation: up-two 20s ease infinite;
    -webkit-animation: up-two 20s ease infinite;
}

/*================================
	Move the Marquee to the Left
==================================*/

/** Mozilla Firefox Keyframes **/
@-moz-keyframes left-one {
    0%	{
        -moz-transform:translateX(100%);
    }
    10% {
        -moz-transform:translateX(0);
    }
    40% {
        -moz-transform:translateX(0);
    }
    50% {
        -moz-transform:translateX(-100%);
    }
    100%{
        -moz-transform:translateX(-100%);
    }
}
@-moz-keyframes left-two {
    0% {
        -moz-transform:translateX(100%);
    }
    50% {
        -moz-transform:translateX(100%);
    }
    60% {
        -moz-transform:translateX(0);
    }
    90% {
        -moz-transform:translateX(0);
    }
    100%{
        -moz-transform:translateX(-100%);
    }
}
/** Webkit Keyframes **/
@-webkit-keyframes left-one {
    0% {
        -webkit-transform:translateX(100%);
    }
    10% {
        -webkit-transform:translateX(0);
    }
    40% {
        -webkit-transform:translateX(0);
    }
    50% {
        -webkit-transform:translateX(-100%);
    }
    100%{
        -webkit-transform:translateX(-100%);
    }
}
@-webkit-keyframes left-two {
    0% {
        -webkit-transform:translateX(100%);
    }
    50% {
        -webkit-transform:translateX(100%);
    }
    60% {
        -webkit-transform:translateX(0);
    }
    90% {
        -webkit-transform:translateX(0);
    }
    100%{
        -webkit-transform:translateX(-100%);
    }
}