/*
Theme Name:     Atline
Description:    
Author:         Digitalist.dk - Janus Lock
Template:       Divi

*/

/*
	Blue: #024f87
	Old blue: #023F88	
*/

body, p, ul, li{
	font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 300;
}

/*------------------------------------*\
    Helper classes
\*------------------------------------*/

/* Vertical align */
.vertical-align { 
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;  
    justify-content: center;
    -ms-flex-align:center;
    
}




/*
.vertical-align { 
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;  
    -ms-flex-align:center;
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
*/

@media only screen and ( max-width: 980px ) {

	.flip { 
		display: -webkit-flex;
		-webkit-flex-direction: column-reverse;
		display: flex;
		flex-direction: column-reverse !important;
	}

}


/*------------------------------------*\
    IE 11 Hacks
\*------------------------------------*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
.et_pb_section_video_bg .mejs-video{
	min-width: auto!important;
	margin-left: -50%!important;
}
	
	.entry-content img { 
		width: 100%;
	}
	
	.vertical-align { 
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    flex-direction: column;  
	    -ms-flex-align:center;
	      display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-flex: 1;
	  -webkit-flex: 1 0 auto;
	  -ms-flex: 1 0 auto;
	  flex: 1 0 auto;
	  -webkit-flex-flow: row wrap;
	  -ms-flex-flow: row wrap;
	  flex-flow: row wrap;
	}
}


.arrow_button,
.arrow_button:hover{
	padding: 0!important;
	transition: 0s!important;
}

.arrow_button:after,
.arrow_button:hover:after{
	transition: 0s!important;
	margin-top: 2px;
}


.orangebutton{
	padding: 0.3em 1.5em!important
}
/*------------------------------------*\
    General
\*------------------------------------*/
body{
	font-weight: 400;
	overflow-x: hidden;
}

.et_pb_section{
	background: transparent;
}
h2{
	font-size: 26px!important;
}


@media screen and (min-width: 480px) {
	#logo{
		height: 68px!important;
		margin-top: -20px;
	}
	
	.firstsection h2{
		font-size: 40px!important;
	}

#main-header{
	padding: 10px 0px!important;
}
/*
#main-header{
	height: 84px!important;
	top: 44px!important;
}
*/

#top-header{
	height: 44px!important;
}
}


@media only screen and ( max-width: 980px ) {

	.et_pb_text_align_right {
		text-align: left;
	}
}
#top-header .et-social-icons:before{
	display: none;
}

body #page-container .et_pb_section .et_pb_button:after{
	font-size: 14px!important;
	margin-top: -1px;
	font-weight: 700;
}

body #page-container .et_pb_section .et_pb_button{
	padding-right: 2.5em;
}
/*------------------------------------*\
    Checkmark li
\*------------------------------------*/
.checkmarks ul {
	list-style: none;
	margin-top: 25px;
	padding: 0;
}
.checkmarks ul li:before {
	font-size: 20px;
	content: "\4e";
	font-family: 'ETmodules';
	position: absolute;
	left: -45px;
	border: 1px solid #262626;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	margin-top: -2px;

}
.checkmarks.et_pb_bg_layout_dark ul li:before {
	border: 1px solid #fff;
}



.checkmarks ul li {
	text-align: left;
	margin-bottom: 25px;
	position: relative;
	margin-left: 45px;
}

.checkmarks.bullets_blue ul li:before {
	font-size: 40px;
	content: "\25cf";
	color: #024f87;
	border: 0px solid #024f87;
	line-height: 18px;
}

.checkmarks.bullets_grey ul li:before {
	font-size: 40px;
	content: "\25cf";
	color: #C1C0C5;
	border: 0px solid #fff;
	line-height: 18px;
}

.checkmarks.bullets_lightblue ul li:before {
	font-size: 40px;
	content: "\25cf";
	color: #91B3D4;
	border: 0px solid #fff;
	line-height: 18px;
}


*------------------------------------*\
    Top header
\*------------------------------------*/
#top-header .et-social-icons{
    margin-left: 25px;
    position: relative;
}

#top-header .et-social-icons:before{
    content: "";
    width: 1px;
    height: 35px;
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 888;
    background-color: #cecece;
}

#top-header .et-social-icon{
    background: #A1A1A1;
    border-radius: 5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height:  28px;
}


#main-footer .footer_bottom_widget .et_pb_social_icon a{
	background: #A1A1A1!important;
}

#top-header .et-social-icon a, 
#top-header .et-social-icon a:hover{
    color: #fff!important;
    opacity: 1;
}

#top-header .et-social-linkedin:hover,
#main-footer .footer_bottom .et-social-linkedin a:hover{
    background: #0077B5!important;
    transition: .5s;
}

#top-header .et-social-youtube:hover,
#main-footer .footer_bottom .et-social-youtube a:hover{
    background: #E62117!important;
    transition: .5s;
}


@media only screen and ( min-width: 980px ) {
	.footer_content .et_pb_social_media_follow{
		margin-left: 33px;
		
	}
}
@media screen and (max-width: 480px){
    #top-header,
    #et_top_search{
	    display: none;
    }
}

.nav ul li a{
	line-height: 20px;
}

.nav ul li a:hover{
	background: #024f87;
	opacity: 1;
	color: #fff!important;
	
}

/*------------------------------------*\
    Mobile Menu customization
    https://gist.github.com/fazen/0f7685e5079450b0da024a5d24b63b54     
\*------------------------------------*/

@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
}

#main-header .et_mobile_menu a{
    text-transform: uppercase;
    color: inherit;
}

#main-header .et_mobile_menu .menu-item-has-children > a {
	background-color:transparent;
	position:relative;
}

#main-header .et_mobile_menu .menu-item-has-children > a:after {
	font-family:'ETmodules';
	text-align:center;
	speak:none;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	-webkit-font-smoothing:antialiased;
	position:absolute;
}

#main-header .et_mobile_menu .menu-item-has-children > a:after {
	font-size:18px;
	content:'\4c';
	top:13px;
	right:10px;
}

#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
	content:'\4d';
}

#main-header .et_mobile_menu ul.sub-menu {
	display:none!important;
	visibility:hidden!important;
	transition:all 1.5s ease-in-out;
}

#main-header .et_mobile_menu .visible > ul.sub-menu {
	display:block!important;
	visibility:visible!important;
}

#main-header .et_mobile_menu .current-menu-item > a,
#main-header .et_mobile_menu .current_page_parent > a {
	font-weight: 600;
}

#main-header .et_mobile_menu .always-visitable {
  position: relative;
}

#main-header .et_mobile_menu .always-visitable .hover-link,
#main-header .et_mobile_menu .hover-link{
  position: absolute;
  top: 0; left: 0; bottom: 0;
  right: 60px;
 }
 
.et_header_style_left .logo_container{
	width: 90%;
}

.et_mobile_menu{
	padding: 2%;
}

.et_mobile_menu li li{
	padding-left: 15px;
}



/*------------------------------------*\
    Slider
\*------------------------------------*/
.et_pb_slide_title {
	font-weight: 600!important;
	text-transform: uppercase;
	color: #fff!important;
	font-size: 36px!important;
	text-shadow: 0 1px 5px #000;
}


.et_pb_slide_content{
	font-size: 26px!important;
	text-shadow: 0 1px 3px #000;
}

@media screen and (max-width: 480px){
    .et_pb_slide_title {
		font-size: 26px!important;
	}
	
	
	.et_pb_slider .et_pb_container{
		max-width: 100%!important;
		width: 100%!important;
	}
}


/*------------------------------------*\
    Introtext
\*------------------------------------*/
.introtext{
	padding-bottom: 00px!important;
	margin-top: 0px;
}

/*
.introtext:before{
	content: '';
	background: url('http://atline.wpdev.dk/wp-content/uploads/2018/04/map.png');
	position: absolute;
	opacity: 0.3;
	right: -100px;
	top: -100px;
	width: 800px;
	height: 600px;
	background-size: cover;
	z-index: -1;
}
*/

.introtext:before{
	content: '';
	background: url('/wp-content/themes/atline/assets/coins_light_banner3.jpg');
	content: '';
	position: absolute;
	opacity: 1;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 600px;
	background-size: cover;
	background-position: center left!important;
	background-repeat: no-repeat;
	z-index: -1;
}





/*
.introtext .et_pb_row:before{
	content: '';
	width: 10px;
	height: 100%;
	background: #024f87;
	position: absolute;
	top: 0;
	left: 0;
}

.introtext .et_pb_row{
	padding-left: 50px;
}
*/

.introtext .et_pb_text{
	max-width: 700px;
}

.introtext .et_pb_text h1{
	text-transform: uppercase;
}


/*------------------------------------*\
    Image box
\*------------------------------------*/

.et_pb_blurb_content h4{
	text-align: left;
}
.bluehover .et_pb_image_wrap {
	background: #024f87;
	line-height: 0;


}

.bluehover .et_pb_image_wrap img {
	opacity: 0.8;
	transition: 0.3s ease-in-out;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.bluehover:hover .et_pb_image_wrap img {
	opacity: 1;
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.bluehover.opacity{
	opacity: 0.5;
	transition: .3s ease-in-out
}

.bluehover.opacity:hover{
	opacity: 1;
}


.greyhover .et_pb_image_wrap {
	line-height: 0;
}

.greyhover .et_pb_image_wrap img {
	opacity: 1;
	transition: 0.3s ease-in-out;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 100%;
}
.greyhover:hover .et_pb_image_wrap img {
	opacity: 1;
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.greyhover.opacity{
	opacity: 0.5;
	transition: .3s ease-in-out
}

.greyhover.opacity:hover{
	opacity: 1;
}


.image_box .et_pb_main_blurb_image {
	margin-bottom: 0 !important;
	line-height: inherit!important;
}
.image_box .et_pb_blurb_container {
	background: #fff;
	padding: 25px;
	border-top: 10px solid #024f87;
	margin-top: -20px;
	z-index: 1000000;
	display: block;
	width: 90%;
	margin: -30px auto 0 auto;
	height: 50%;
	position: relative;

}

.image_box.blueborder .et_pb_blurb_container {
	border-top: 10px solid #024f87;
}



.image_box.greyborder .et_pb_blurb_container {
	border-top: 10px solid #C1C0C5;
}

.image_box.orangeborder .et_pb_blurb_container {
	border-top: 10px solid #F39202;
}

.image_box.lightblueborder .et_pb_blurb_container {
	border-top: 10px solid #91B3D4;
}

.image_box .et_pb_module_header {
	color: #024f87;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
}

.image_box{
	display: flex;
	height: 100%;
}
.image_box .et_pb_blurb_content{
	height: 100%;
}


.image_box .et_pb_blurb_container{
	min-height: 160px;
}


.process h4:before{
	content: 'Process';
	display: block;
	font-weight: 400;
	margin-bottom: 5px;
	color: #262626;
}



/* Test */
.image_box .et_pb_blurb_container{
	border: 0px!important;
}

.image_box.blueborder .et_pb_main_blurb_image {
	border: 10px solid #024f87;
	width: 100%;
}

.image_box.greyborder .et_pb_main_blurb_image {
	border: 10px solid #C1C0C5;
	width: 100%;
}

.image_box.lightblueborder .et_pb_main_blurb_image {
	border: 10px solid #91B3D4;
	width: 100%;
}


/* Product box */
.productbox .et_pb_blurb_container{
	min-height: auto!important;
	height: auto;
	padding: 0px;
	text-align: center!important;
}

.productbox .et_pb_blurb_container .et_pb_module_header{
	padding: 15px;
}

.productbox .et_pb_main_blurb_image {
	border: 0px!important;
}

.productbox.blueborder .et_pb_blurb_container {
	border-top: 10px solid #024f87!important;
}

.productbox.greyborder .et_pb_blurb_container {
	border-top: 10px solid #C1C0C5!important;
}

.productbox.orangeborder .et_pb_blurb_container {
	border-top: 10px solid #F39202!important;
}

.productbox.lightblueborder .et_pb_blurb_container {
	border-top: 10px solid #91B3D4!important;
}

.productbox h4{
	text-align: center
}
/*------------------------------------*\
    Newsletter
\*------------------------------------*/

.et_pb_newsletter {
    display: block!important;
}

.et_pb_section .et_pb_newsletter_description,
.et_pb_column .et_pb_newsletter_form {
    width: 100%;
    display: block;
    text-align: center;
    padding-bottom: 25px;
}

.et_pb_newsletter_form p input {

    border-bottom: 1px solid #ffffff!important;
}

.footer_newsletter .et_pb_newsletter_form p input{
	border-bottom: 0!important;
	
}

body .et_pb_newsletter.footer_newsletter a.et_pb_newsletter_button,
body .et_pb_newsletter.footer_newsletter a.et_pb_newsletter_button:hover{
	padding: 10px 10px!important;
}



@media screen and (min-width: 850px) {
    .et_pb_newsletter_form p {
        width: 31.1%!important;
        float: left!important;
        margin-right: 20px;
    }
    .et_pb_newsletter_form p:nth-child(6) {
        display: block;
        margin: 0 auto;
        float: none;
        width: 100%!important;
    }
    .et_pb_newsletter_form p:nth-child(6) a {
        max-width: 150px;
        margin: 0 auto;
    }

}

/*------------------------------------*\
    Video header
\*------------------------------------*/
.video_header .et_pb_slider_container_inner{
	padding: 100px 0;
}

/*
.et_pb_section_video_bg .mejs-video{
	top: -35%;
}
*/

/*------------------------------------*\
    Footer
\*------------------------------------*/
#main-footer .et_pb_widget.footer_bottom{
	float: none;
}

.footer_bottom_widget{
	font-size: 14px;
}

#footer-bottom{
	display: none;
}


.footer_content h4{
	font-size: 22px!important;
}
.footer_content a{
	transition: .3s ease-in-out;
}

.footer_content a:hover{
	color: #F39202!important;
	transition: .3s ease-in-out;
}

.footer_bottom_widget .et_pb_social_media_follow li a.icon{
	width: 45px;
	height: 45px;
}

.footer_bottom_widget .et_pb_social_media_follow li a.icon::before{
	font-size: 30px;
	height: 45px;
	width: 45px;
	line-height: 45px;
}

@media screen and (max-width: 980px){
    .footer_content .et_pb_text_align_center{
		text-align: left!important;
	}
}

/*------------------------------------*\
    Map
\*------------------------------------*/
/*
.et_pb_map_container { 
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); 
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; 
    -webkit-filter: grayscale(100%);
}
*/


/*------------------------------------*\
    Contact subscribe form
\*------------------------------------*/

/*
@media screen and (min-width: 850px){
	.news_contact_form .et_pb_contact_field,
	.news_contact_form .et_contact_bottom_container{
		width: 30%!important;
		display: inline-block!important;
		clear: none!important;
		height: 50px;
		padding-left: 0px;
		margin-right: 20px;
		padding: 0px!important;
	}
	
	.news_contact_form .et_contact_bottom_container .et_pb_contact_submit{
		width: 100%;
		height: 50px;
		margin-left: 0px!important;
	}
}
.news_contact_form .et_contact_bottom_container {
	margin-top: 0px!important;
	float: none!important;
}

.news_contact_form .et_pb_contact_form{
	text-align: center!important;
	margin-left: auto!important;
}

@media screen and (max-width: 850px){
	
	.news_contact_form .et_pb_contact_field,
	.news_contact_form .et_contact_bottom_container{
		height: 50px;
		padding: 0px!important;
	}
	.news_contact_form .et_contact_bottom_container .et_pb_contact_submit{
		width: 100%;
		height: 50px;
		margin-left: 0px!important;
	}
}
*/

.news_contact_form .et_contact_bottom_container .et_pb_contact_submit{
		width: 100%!important;
		height: 50px;
		margin-left: 0px!important;
	}

.news_contact_form .et_contact_bottom_container {
	margin-top: 0px!important;
	float: none!important;
}
.news_contact_form .et_pb_contact_field_checkbox{
	color: #fff;
}

.news_contact_form .et_pb_contact_field_checkbox label{
	font-size: 14px!important;
    line-height: 1.4em!important;
}



	.news_contact_form .et_pb_contact_field,
	.news_contact_form .et_contact_bottom_container{
/* 		height: 50px; */
		padding: 0px!important;
	}
	.news_contact_form .et_contact_bottom_container .et_pb_contact_submit{
		width: 100%;
		height: 50px;
		margin-left: 0px!important;
	}

.news_contact_form .et-pb-contact-message{
	font-size: 20px!important;
	text-align: center;
	color: #fff
}

.news_contact_form .et_pb_contact_field_options_title {
  display: none;
}

/* Contact form */


.contact .et_pb_contact_field_checkbox label,
#contact_terms_text{
	font-size: 14px!important;
    line-height: 1.4em!important;
}

.contact .et_pb_contact_field_checkbox label,
#contact_terms_text{
	font-size: 14px!important;
    line-height: 1.4em!important;
    font-weight: bold;
}

.contact .et_pb_contact_field_options_title {
  display: none;
}


/*------------------------------------*\
    Password
\*------------------------------------*/
.et_password_protected_form{
	margin: 15% auto;
	max-width: 600px;
}

.et_password_protected_form .et_pb_button{
    color: #ffffff!important;
    background: #f39200;
    border-width: 0px!important;
    border-radius: 0px;
    font-size: 16px;
    text-transform: uppercase!important;
    background-color: #f39200;
	padding: 10px 20px!important;
}

.et_password_protected_form .et_pb_button:after{
	display: none;
}

.et_password_protected_form [type=password]{
	background: #fff;
}

/*------------------------------------*\
    Videopopup
\*------------------------------------*/

.mfp-fade.mfp-bg.mfp-ready{
	z-index: 600000!important;
/* 	opacity: 1!important; */
/* 	background: #000000; */
}


.mfp-iframe-holder .mfp-close, 
.mfp-image-holder .mfp-close,
.mfp-wrap .mfp-close:active {
    font-size: 42px;
    top: -45px;
    opacity: 1;
    position: absolute;
}

.mfp-iframe-scaler iframe{
	box-shadow: 0px 0px 0px!important;
}


/*------------------------------------*\
    Design V2
\*------------------------------------*/

.heroimage{
	min-height: 70vh;
	display: flex;
}
@media(min-width: 767px){
	.ulcolumn ul{
	column-count: 2;
	}
}
.et_pb_contact_submit{
	font-weight: 300;
}
.header-content{
	max-width: 1000px!important;
}
.et_pb_map_container { 
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); 
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
}

/* Product box */
.productboxv2 .et_pb_blurb_container{
	min-height: auto!important;
	height: auto;
	padding: 0px;
	text-align: center!important;
}

.productboxv2 .et_pb_blurb_container .et_pb_module_header{
	padding: 7px;
	font-weight: 300;
}

.productboxv2 .et_pb_main_blurb_image {
	border: 0px!important;
}

.productboxv2.blueborder .et_pb_blurb_container {
	border-top: 0px solid #024f87!important;
}

.productboxv2 h4{
	text-align: center
}

.productboxv2 .et_pb_module_header{
	font-size: 14px;
	color: #fff;
}
.productboxv2 .et_pb_blurb_container{
	background: #024f87;
	width: 100%;
}

.image_boxes.bluebg .productboxv2 .et_pb_module_header{
	background: #91b3d4;
	color: #fff;
	
}

.image_boxes.objectfit .productboxv2 .et_pb_image_wrap img {
	height: 215px;
	width: 100%;
	object-fit: cover;
}


/*------------------------------------*\
    Webinar
\*------------------------------------*/
/*
.page-id-1126 .newsletterfooter{
	display: none;
}
*/

/*------------------------------------*\
    Language
\*------------------------------------*/
#top-menu .menu-item-gtranslate > div{
	top: -17px;
	
}

#top-menu .menu-item-gtranslate  .switcher{
	font-family: 'Roboto';
	
}
#top-menu .switcher .selected{
	background: transparent;
	border: 0;
}

#top-menu .switcher .option{
	background-color: #fff;
	border: 1px solid #dedede;
}
#top-menu .switcher .option a{
	font-size: 14px;
}

#top-menu .switcher .selected a{
		font-size: 14px;

	border: 0;
	background: transparent!important;

}

#top-menu .switcher .selected a:hover{
	background: transparent!important;
}

#et_mobile_nav_menu .menu-item-gtranslate{
	display: none!important;
}
@media(min-width: 981px){
	#gtranslate_wrapper{
		display: none;
	}
	#top-menu #gtranslate_wrapper{
	display: inline-block;
}
}
/* Testimonial */
.testimonial{
	position: relative;
}

/*
.testimonial .et_pb_testimonial_description_inner:before{
	content: '"';
	display: inline-block;
	position: absolute;
	top: -25px;
	left: -20px;
	font-size: 60px;
	font-family: 'Open Sans';
	font-style: italic;
	color: #fff;
	z-index: 1;
	line-height: 60px;
}

.testimonial .et_pb_testimonial_description_inner:after{
	content: '„';
	display: inline-block;
	position: absolute;
	bottom: 20px;
	line-height: 60px;
	right: -10px;
	font-size: 60px;
	font-family: 'Open Sans';
	color: #fff;
	z-index: 1;
	
}
*/

.testimonial .et_pb_testimonial_author{
	margin-top: 0px;
}
.testimonial .et_pb_testimonial_author, .testimonial .et_pb_testimonial_meta{
	display: inline-block;
	margin-right: 5px;
}