body{font-family:'Roboto',sans-serif;font-weight:400}
h1,h2,h3,h4,h5,h6{font-weight:400}
:focus{outline:0!important}
.no_padding{padding:0}
.primary_heading{color:#272727;font-size:36px;font-weight:500}
.button--aylen{overflow:hidden;-webkit-transition:color .3s;transition:color .3s;position:relative}
.button--aylen::before,.button--aylen::after{content:'';position:absolute;height:100%;width:100%;bottom:100%;left:0;z-index:-1;-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-transition-timing-function:cubic-bezier(0.75,0,0.125,1);transition-timing-function:cubic-bezier(0.75,0,0.125,1)}
.button--aylen::before{background:#505a92}
.button--aylen::after{background:#2d3355}
.button--aylen:hover{color:#fff}
.button--aylen:hover::before,.button--aylen:hover::after{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.button--aylen:hover::after{-webkit-transition-delay:.175s;transition-delay:.175s}
.navbar{border:0;margin:0;min-height:auto;position:fixed;left:0;width:100%;z-index:9999;background:rgba(0,0,0,0.2);transition:.2s ease-in}
.darkHeader{background:#2d3355}
.navbar-brand{height:auto;margin:9px 0}
.navbar-brand img{max-width:237px}
#navbar{float:right}
.navbar-nav > li > a{color:#fff;font-size:14px;padding:35px 10px;margin:0 20px;position:relative}
.navbar-nav > li > a i {color: #f26326;font-size: 22px;vertical-align: middle;margin-right: 4px;}
.nav > li > a:focus,.nav > li > a:hover{text-decoration:none;background-color:transparent;color:#fff}
.navbar-nav > li > a:after{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#f26326;content:'';opacity:0;-webkit-transition:height 0.3s,opacity 0.3s,-webkit-transform .3s;-moz-transition:height 0.3s,opacity 0.3s,-moz-transform .3s;transition:height 0.3s,opacity 0.3s,transform .3s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}
.navbar-nav > li > a:hover:after,.navbar-nav > li > a:focus:after{height:4px;opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px)}
#navbar .primary_BTN{font-size:14px;padding:10px 23px;margin:25px 0}
.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}
.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}
.hamburger-inner{top:50%;display:block;margin-top:-2px}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:30px;height:3px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#fff}
.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}
.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}
.hamburger-inner:before{top:-10px}
.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}
.hamburger-inner:after{bottom:-10px}
.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}
.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}
.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0;opacity:0}
.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}
.hero_section{background-image:url(../images/personalejura.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;color:#fff;text-align:center}
.hero_content{width:70%;margin:210px auto}
.hero_content h1{font-size:60px;font-weight:600;margin:0 0 15px;line-height:1}
.hero_content span{color:#f26326;text-transform:uppercase}
.hero_content h3{font-size:25px;margin:0 0 30px}
.hero_content p{font-size:18px;color:#d9d9d9;line-height:28px;margin-bottom:0}
.primary_BTN{font-size:18px;color:#fff;background-color:#f26326;border:0;padding:18px 43px;border-radius:500px;z-index:3;display:inline-block}
.primary_BTN:hover , .primary_BTN:focus{background: #2d3355;text-decoration: none; color: #fff;}

.green_BTN{font-size:18px;color:#fff;background-color:#137127;border:0;padding:18px 43px;border-radius:500px;z-index:3;display:inline-block}
.green_BTN:hover , .green_BTN:focus{background: #2d3355;text-decoration: none; color: #fff;}

.secondry_BTN{background-color:#2d3355}
.hero_content .primary_BTN{margin-top:30px}
.solution_section{text-align:center}
.solution_section .primary_heading{margin-top:80px;margin-bottom:40px}
.solution_outer{display:flex;align-items:center;justify-content:center}
.solution_box{margin:0 25px;margin-bottom:80px}
.solution_box .hover_icon{transform: scale(0);transition: .3s;visibility: hidden;opacity: 0;position: absolute;top: 0;left: 0;}
.solution_box:hover .hover_icon{transform: scale(1);visibility: visible;opacity: 1;position: static;}
.solution_box:hover .icon{display: none;}
.solution_box h4{font-size:16px;font-weight:500;color:#272727;margin:24px 0 0}
.solution_box a:hover{text-decoration: none;}
.team{text-align:center}
.team_box{margin:75px 0 50px;padding:0 20px}
.teamM_img{background-image:url(../images/team_BG.png);background-repeat:no-repeat;background-position:100% 100%;width:250px;height:250px;padding-top:53px;padding-left:17px}
.member_img{width:152px;height:152px;border-radius:100%;overflow:hidden;margin:auto}
.member_img img{width:100%;height:100%;object-fit:cover}
.team_box h5{font-size:20px;font-weight:500;margin:25px 0 0}
.team button{border:0;background:#e7e7e7!important;width:45px;height:45px;display:inline-block!important;align-items:center;justify-content:center;border-radius:100%;overflow:hidden;margin:0 2px;margin-bottom:10px}
.team .on_hover{display:none}
.team button:hover{background:#f26326!important}
.team button:hover .without_hover{display:none}
.team button:hover .on_hover{display:inline-block}
.team button img{max-height:12px}
.logo_slider_outer .container{position:relative}
.logo_slider_outer .previous_BTN,.logo_slider_outer .Next_BTN,.testimonials .Next_BTN,.testimonials .previous_BTN{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background:none;border:0;padding:0;z-index:999}
.logo_slider_outer .previous_BTN,.testimonials .previous_BTN{left:0}
.logo_slider_outer .Next_BTN,.testimonials .Next_BTN{right:0}
.logo_slider .slick-track{display:flex;align-items:center}
.logo_slider_outer .on_hover{display:none}
.logo_slider_outer button:hover .without_hover{display:none}
.logo_slider_outer button:hover .on_hover{display:inline-block}
.logo_slide{margin:60px 0}
.logo_slide img{max-width:180px;margin:auto;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.logo_slide img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}
.broucher{background:url(../images/broucher_BG.png);padding:80px 0}
.broucher_text{margin:80px 0 0}
.broucher_text h2{margin:0 0 20px}
.broucher_text p{line-height:27px;font-size:18px;color:#4c4c4c;margin:0 0 40px}
@keyframes bread {
0%{top:-30px}
50%{top:-40px}
100%{top:-30px}
}
@-webkit-keyframes bread {
0%{top:-30px}
50%{top:-40px}
100%{top:-30px}
}
@-moz-keyframes bread {
0%{top:-30px}
50%{top:-40px}
100%{top:-30px}
}
@-o-keyframes bread {
0%{top:-30px}
50%{top:-40px}
100%{top:-30px}
}
.book_area img{margin:auto;position:relative;animation:bread 2s infinite;-webkit-animation:bread 2s infinite;-moz-animation:bread 2s infinite;-o-animation:bread 2s infinite}
.contact_us .row{display:flex}
.text_area{background:#2d3355;height:100%;color:#fff;padding:50px 110px 50px 40px}
.text_area .primary_heading{color:#fff;margin:0;line-height:41px;margin-bottom:35px}
.text_area p{line-height:24px;font-size:18px;margin:0 0 30px}
.contact_us .form_area{background:#f26326;height:100%;padding:50px 110px 50px 40px}
.contact_us .form_area label{font-size:16px;font-weight:500;color:#fff;margin-left:15px}
.rounded_input:focus{border-color:#fff;outline:0;-webkit-box-shadow:none;box-shadow:none}
.contact_us .primary_BTN{margin-top:18px}
.logo_img{width:350px;height:350px;background-image:url(../images/testimonials_logo_BG.png);padding-top:71px;padding-left:26px}
.logo_img_inner{width:235px;height:235px;border-radius:100%;overflow:hidden;margin:auto;display:flex;align-items:center;justify-content:center;background:#fff;-webkit-box-shadow:inset 10px 10px 59px 0 rgba(45,51,85,0.42);-moz-box-shadow:inset 10px 10px 59px 0 rgba(45,51,85,0.42);box-shadow:inset 10px 10px 59px 0 rgba(45,51,85,0.42)}
.logo_img_inner img{width:auto;height:auto;object-fit:unset;max-width:150px}
.message_area{margin:60px 0 0}
.message_area p{line-height:24px;font-size:18px;color:#2d3355;font-weight:400;margin:0 0 20px;position:relative}
.message_area p:before{content:"";width:49px;height:43px;display:block;background-image:url(../images/quote_icon.png);background-position:center;background-repeat:no-repeat;background-size:100%;position:absolute;z-index:-2;top:-16px;left:-22px}
.message_area p:after{content:"";width:49px;height:43px;display:inline-block;background-image:url(../images/quote_icon.png);background-position:center;background-repeat:no-repeat;background-size:100%;z-index:-2;vertical-align:text-top;position:relative;right:0;transform:rotate(180deg);bottom:12px}
.message_area h5{font-weight:700;font-size:22px;color:#f26326;margin:0 0 5px}
.message_area h5 a{color:#f26326;text-decoration: none;}
.testimonials{text-align:left;margin:60px 0}
.testimonials .container{position:relative}
.testimonials button:hover{background:#2d3355!important}
.testimonials .slick-dots{margin:0;padding:0;list-style:none;text-align:center;margin-top:30px}
.testimonials .slick-dots li{display:inline-block}
.testimonials .slick-dots li button{width:auto;height:auto;font-size:0;margin:0;height:6px;width:18px;border-radius:200px;margin:0 4px;background:#e2e2e2!important}
.testimonials .slick-dots li.slick-active button{background:#2d3355!important}
.social_links{background:#f26326;color:#fff;padding:22px 0}
.social_links .text{font-size:18px ; display: inline-block;vertical-align: middle}
.social_links .icons{display: inline-block;vertical-align: middle}
.social_links .icons ul{list-style:none;padding:0;margin:0;display:flex;justify-content:flex-end}
.social_links .icons ul li{margin-left:60px}
.social_links .icons ul li a{transition:.3s ease-in;display:inline-block}
.social_links .icons ul li a:hover{top:10px;transform:rotate(360deg)}
.social_links .icons ul img{max-width:25px}
footer{background:#2a2a2a;color:#7C7C7C;padding:45px 0}
footer h2{margin:0 0 30px;font-size:24px}
.footer_widget ul{padding:0;margin:0;list-style:none}
.footer_widget ul li{line-height:33px;font-size:15px}
.footer_widget ul li i {color: #f26326;font-size: 20px;vertical-align: text-bottom;margin-left: 4px;}
.footer_widget ul li.footer_number{ font-size: 24px}
.footer_widget ul li .note{color:#f26326}
.footer_widget ul li a{color:#7C7C7C}
.footer_widget ul li a:hover{color:#f26326; text-decoration: none;}
.copyright{color:#7C7C7C;background:#151515;font-size:14px;padding:23px 15px}
.checklist {margin: 0;padding: 0;}
.checklist li{position: relative;color: #4c4c4c;font-size: 16px;line-height: 34px;margin: 0;list-style-type:none;}
.checklist li:before{content: "";width: 24px;height: 24px;display: inline-block;vertical-align: middle;background: url(../images/check_icon.png);background-position: center;background-size: cover;margin-right: 8px;}
#custom_accordian .panel-default{
    -webkit-box-shadow: inset 0px 0px 35px 0px rgba(0,0,0,0.11);
-moz-box-shadow: inset 0px 0px 35px 0px rgba(0,0,0,0.11);
box-shadow: inset 0px 0px 35px 0px rgba(0,0,0,0.11);
        border-radius: 10px;
    border: 0;
        margin-bottom: 20px;
}
#custom_accordian .panel-default h4{
    position: relative;
}
#custom_accordian .panel-default a{
    text-decoration: none;
    display: block;
        font-size: 18px;
    color: #272727;
    font-weight: 500;
}
#custom_accordian .panel-default a:after {
    content: "";
    display: inline-block;
    background: url('../images/accordian_arrow.png');
        width: 11px;
    height: 15px;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 0;
}
#custom_accordian .panel-default a[aria-expanded="true"]{
    color: #f26326;
}
#custom_accordian .panel-default a[aria-expanded="true"]:after{
    background: url('../images/accordian_arrow_active.png');
}

#custom_accordian .panel-default>.panel-heading {
    padding: 22px 30px;
    border: 0;
        background: none;
}
#custom_accordian .panel-body{
    border: 0;
    padding: 0 30px 30px 30px;
    font-size: 16px;
    color: #686868;
    line-height: 27px;
}

/*Landing Page 2 CSS START*/
.landing_page2 {
    background: url(../images/broucher_BG.png);
}
.landing_page2 .navbar{
        background: rgb(45, 51, 85);
}
.landing_page2 .hero_section{
    background:none;
        color: #1a1a1a;
}
.landing_page2 .hero_content p{
    color: #292929;
}
.landing_page2 .hero_content {
    margin: 210px auto 60px auto;
}

.landing_page2 .broucher_text p{
        margin: 0 0 24px 0;
}
.landing_page2 .checklist{
    margin-bottom: 30px;
}
.FAQ {
    padding: 60px 0;
}
.faq_list .primary_heading{
    margin: 0 0 30px 0;
}
.faq_img {
    text-align: center;
}
.faq_img img{
    display: inline-block;
        margin-top: 60px;
}
.newletter{

    background: rgba(26,32,65,1);
background: url('../images/cloud_bg.png') , -moz-linear-gradient(left, rgba(26,32,65,1) 0%, rgba(45,51,85,1) 100%);
background: url('../images/cloud_bg.png') , -webkit-gradient(left top, right top, color-stop(0%, rgba(26,32,65,1)), color-stop(100%, rgba(45,51,85,1)));
background: url('../images/cloud_bg.png') , -webkit-linear-gradient(left, rgba(26,32,65,1) 0%, rgba(45,51,85,1) 100%);
background: url('../images/cloud_bg.png') , -o-linear-gradient(left, rgba(26,32,65,1) 0%, rgba(45,51,85,1) 100%);
background: url('../images/cloud_bg.png') , -ms-linear-gradient(left, rgba(26,32,65,1) 0%, rgba(45,51,85,1) 100%);
background: url('../images/cloud_bg.png') , linear-gradient(to right, rgba(26,32,65,1) 0%, rgba(45,51,85,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a2041', endColorstr='#2d3355', GradientType=1 );
      background-position: 50% 85%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #fff;
    padding: 60px 0;

}
.newletter .primary_heading{
    color: #fff;
    margin-top: 0;
}
.newletter p
{
        font-size: 18px;
    margin-bottom: 30px;
}
.newletter .rounded_input {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #2d3355; 
    padding: 15px 23px;
}
.newletter .input_area2{
    position: relative;
}

.newletter .subscribe_BTN {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    padding: 14px 25px;
    border-radius: 0px 25px 25px 0;
}


/*Landing Page 2 CSS END*/




/**************************************Custom Model CSS Start*******************************/
.gray_input {
    background: #5c5c5c;
    border-color: #5c5c5c;
    color: #fff;
    font-size: 13px;
}

.rounded_input {
    background: #bd4e1f;
    border: 1px solid #fd753c;
    border-radius: 200px !important;
    color: #fff;
    font-size: 13px;
    padding: 10px 23px;
    height: auto;
    width: 100%;
}


.gray_input::-webkit-input-placeholder {
    color: #000 !important
}

.gray_input::-moz-placeholder {
    color: #000 !important
}

.gray_input:-ms-input-placeholder {
    color: #000 !important
}

.gray_input:-moz-placeholder {
    color: #000 !important
}

.custom_select {
    background-image: url(../images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    -webkit-appearance: none;
    -moz-appearance: none
}

.custom_model {
    text-align: center;
    z-index: 9998;
}

.custom_model:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%
}

.custom_model .modal-header {
    padding: 15px 40px;
    border-bottom: 1px solid #ffffff;
}

.custom_model .modal-header .modal-title {
    font-size: 19px;
    font-weight: 500;
    color: #ffff;
}

.custom_model.my_model .modal-header .modal-title {
    color: #000;
}

.custom_model .modal-dialog {
    position: relative;
    width: 470px;
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.custom_model .close_BTN {
    width: 11px;
    position: absolute;
    top: 22px;
    right: 15px;
    cursor: pointer
}

.custom_model .modal-body {
    padding: 0;
    margin-top: 0px;
    padding: 40px;
}

.custom_model .modal-content {
    background: rgba(255, 255, 255, 0.70);
    border: 0;
    padding: 0px;
    -webkit-box-shadow: 0 0 22px 0 rgba(255, 255, 255, 0.69);
    -moz-box-shadow: 0 0 22px 0 rgba(255, 255, 255, 0.69);
    box-shadow: 0 0 22px 0 rgba(255, 255, 255, 0.69)
}

.custom_model .modal-body .gray_input {
    padding: 9px 23px;
    border: 2px dotted #fff;
    background-color: #5c5c5c21;
}

.custom_model .modal-content input[type="file"] {
    display: none;
}

.custom_model .modal-body label.custom_select {
    margin: 0;

    margin-top: 0px;
}

.custom_model .modal-body label.file_upload2 {
    background-image: none;
    width: 40%;
    cursor: pointer;
}

.custom_model .modal-body .gray_input[type="text"] ,.custom_model .modal-body .gray_input[type="password"],.custom_model .modal-body .gray_input[type="email"] {
    border-radius: 0 !important;
    color: #000;
}

.custom_model .modal-body label {
    font-size: 13px;
    color: #303030;
    font-weight: 500;
    margin-bottom: 6px;
    padding-left: 20px
}

.custom_model .modal-body input[type="file"] {
    color: #fff
}

.custom_model .modal-body .form-group {
    margin-bottom: 10px
}

.custom_model .modal-body .note {
    font-size: 11px;
    color: #fff;
    margin: 5px 0 12px 0;
}

.custom_model .modal-body .primary_BTN {
    padding: 11px 34px;
    font-size: 15px;
}

.custom_model .modal-body .custom_select {
    color: #000;
}
.modal-backdrop.in {
    opacity: .8;
}

/***************************************Custom Model CSS End***************************************/

/*************************Banner_listing START*********************/
.virksomhedsejer .hero_section{
    background-image: url(../images/opsigelse.png);
}
.virksomhedsejer .testimonials{
    background:linear-gradient(to right, rgba(26,32,65,1) 0%, rgba(45,51,85,1) 100%);
    padding: 30px 0;
}
.virksomhedsejer .message_area p ,.virksomhedsejer .message_area{
    color: #fff;
}
.virksomhedsejer .hero_content {
    margin: 210px auto 100px auto;
}
.banner_listing {
    background: rgba(0, 0, 0, 0.30);
    padding: 30px 0;
}
.banner_listing .primary_heading , .banner_listing .checklist li{
    color: #fff;
}
.banner_listing .primary_heading {
    margin: 0 0 20px 0;
}

.banner_listing .checklist {
    display: flex;
    flex-wrap: wrap;
}

.banner_listing .checklist li {
    width: 33.33%;
    padding-right: 20px;
}

.virksomhedsejer .message_area p:before , .virksomhedsejer .message_area p:after{
    display: none
}
/*************************Banner_listing END*********************/

/*************************onboard_section START*********************/

.onboard_section {
    padding: 70px 0 0 0;
}
.onboard_section .primary_heading {
    margin-bottom: 30px;
}

.onboard_section p {
    font-size: 18px;
    line-height: 30px;
    color: #4c4c4c;
    margin-bottom: 20px;
}

.onboard_section .primary_BTN {
    margin-top: 20px;
}
.onboard-image {
    max-width: 468px;
    height: 480px;
}
.onboard-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*************************onboard_section END*********************/

/*************************system_can_do START*********************/
.system_can_do{
    padding: 70px 0;
}
/*************************system_can_do END*********************/

/**************************for_demo**************************/
.for_demo{
    background:linear-gradient(to right, rgba(26,32,65,1) 0%, rgba(45,51,85,1) 100%);
}
.for_demo .primary_heading{
    margin-bottom: 30px;
}
/**************************for_demo**************************/


/***************************hr_manager START***************************/
.hr_manager.virksomhedsejer .hero_section {
    background-image: url(../images/ansaettelsesret.png);
}
.newspaper_headline{
    font-size: 18px;
}
.newspaper_logo {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.newspaper_logo li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.newspaper_logo li img{
    width: 100px;
}
/***************************hr_manager END***************************/