/*@font-face {
  font-family: "SemiBold";
  src: url("../fonts/OpenSans-Semibold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; 
}
@font-face {
  font-family: "OpenSansBold";
  src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; 
}
@font-face {
  font-family: "OpenSansExtraBold";
  src: url("../fonts/OpenSans-ExtraBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; 
}*/
/** Common & Reset style **/
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

div#responsive_nav {
height: 63px !important;
overflow: visible !important;
}

body{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    padding: 0;
    background: #d2d2d2;
    color: #000;
}
.main_wrapper {
	min-height: calc(100vh - 20px);
    padding-bottom: 78px;
}

*, *:after, *::before{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* comon style */
.clearfix:after {
    content: " ";
    display: table;
    display: block;
    clear: both;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

.container{
    position: relative;
    /*width: 1030px;*/
    width: 1024px;
    padding-left: 10px;
    padding-right: 10px;
}


h1, h2, h3, h4, h5, h6{
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 20px;
    line-height: 1.1;
}

a{
    color: inherit;
    outline: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

a:active,
a:focus,
a:hover{
    outline: 0;
    color: #0093d6;
    text-decoration: none;
}

ul li,
ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

h1{
    font-size: 44px;
    font-weight: normal;
    color: #0093d6;
}

h2{
    font-size: 24px;
    font-weight: 400;
}

h3{
    font-size: 20px;
    font-weight: 400;
}

h1:empty,
h2:empty {
  display: none;
}

h4{
    font-size: 18px;
}

p{
    color: inherit;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.56;
    margin-bottom: 11px;
}
.about_mission p {
    font-size: 18px;
    line-height: 1.56;
}

strong{
    font-weight: bold;
}

img{
    max-width: 100%;
}

.form-group{
    position: relative;
    background: none;
}

button{
    border: none;
}

textarea, select, input{
    border: 2px solid #bfc0c0;
    border-radius: 4px;
    height: 34px;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
    padding: 7px 10px;
    box-shadow: none;
    font-size: 16px;
    font-weight: normal;
    background: rgba(255, 255, 255, 0.5);
}
textarea{
    height: auto;
    min-height: 100px;
}

textarea:focus, select:focus, input:focus{
    border-color: #ed1c24;
    box-shadow: none;
}

input[type="submit"],
.button{
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    padding: 8px 15px;
    line-height: 1;
    border-radius: 6px;
    border: none;
    height: 34px;
    box-shadow: none;
    width: auto;
    opacity: 1;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

input[type="submit"]:active,
input[type="submit"]:focus,
input[type="submit"]:hover,
.button:active,
.button:focus,
.button:hover{
    color: #fff;
    outline: none;
    opacity: 0.9;
}


::-webkit-input-placeholder { color: #000; }
:-moz-placeholder { color: #000; }
::-moz-placeholder { color: #000; }
:-ms-input-placeholder { color: #000; } 

.join ::-webkit-input-placeholder { color: #fff; }
.join :-moz-placeholder { color: #fff; }
.join ::-moz-placeholder { color: #fff; }
.join :-ms-input-placeholder { color: #fff; } 


input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill {
    background: #fff;
}


/*** To start style ***/
.main_wrapper{
    max-width: 1400px;
    width: 100%;
    clear: both;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 4px #CCC;
    position: relative;
}



/** header **/
.head_top{
    display: inline-block;
    width: 100%;
    padding: 20px 0px 0px;
}

.logo{
    float: left;
    margin-left: 20px;
}
.logo a{
    display: block;
    max-width: 220px;
}
.logo a img{
    max-width: 100%;
    display: block;
}

.partner_provider{
    background: url(../images/pp_logo.png) no-repeat top right;
    padding-right: 90px;
    min-height: 44px;
    padding-top: 12px;
    float: right;
    text-align: right;
}
.partner_provider a{
    display: inline-block;
    position: relative;
    color: #7C8F9B;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.partner_provider p{
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 0;
}
.partner_provider p span{
    color: #8fcfd1;
    display: inline-block;
    margin: 0px 5px;
    font-weight: normal;
}


/** menuber **/
.menuber{
    display: inline-block;
    width: 100%;
    text-align: right;
    position: relative;
    padding-bottom: 44px;
}

.lang{
    position: absolute;
    display: inline-block;
    right: 0;
    top: -10px;
    border: 1px solid #000000;
    padding: 6px 8px;
    font-size: 12px;
    text-transform: uppercase;
    color: #868686;
    line-height: 1;
    z-index: 9999;
}

.navbar-collapse{
    padding: 0;
    position: relative;
}
.navbar{
    min-height: 35px;
}

.navbar-default,
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form{
    border: none;
    background: none;
    margin-bottom: 0;
}

.navbar-nav{
    float: none;
    display: inline-block;
    margin: 0 auto;
    width: auto;
    border-bottom: 1px solid #868686;
    padding-top: 18px;
    min-width: 810px;
}

.navbar-default .navbar-nav > li{
    position: inherit;
    float: none;
    display: inline-block;
}

.navbar-default .navbar-nav > li > a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: #000;
    padding: 15px 8px;
    text-align: center;
    position: relative;
    display: block;
}
.navbar-default .navbar-nav > li:first-child > a{
    /*padding-left: 0;*/
}
.navbar-default .navbar-nav > li:last-child > a{
    padding-right: 0;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > li.current-menu-item > a, 
.navbar-default .navbar-nav > li.current-menu-item > a:focus, 
.navbar-default .navbar-nav > li.current-menu-item > a:hover, 
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus{
    color: #0093d6;
    background: none;
    outline: none;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle{
    padding: 5px;
    background: none;
    border: none;
    margin: 15px 0;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #000;
}
.navbar-default .menu_text{
    display: inline-block;
    float: right;
    font-size: 18px;
    line-height: 14px;
    padding-left: 30px;
}

.dropdown-menu{
    width: 100%;
    text-align: right;
    border: none;
    box-shadow: none;
}

.dropdown-menu > li{
    display: inline-block;
    position: relative;
}
.dropdown-menu > li:last-child:before{
    display: none;
}
.dropdown-menu > li > a{
    padding-right: 8px;
    padding-left: 8px;
    color: #9d9d9d;
    text-align: center;
}
.dropdown-menu > li.current_menu a,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    background: none;
    color: #0093d6;
}
.dropdown-menu > li,
.dropdown-menu > li.current_menu{
    position: relative;
}

.dropdown-menu > li.current_menu a, .dropdown-menu > li a:hover{
    font-weight: bold;
}
/*
.dropdown-menu > li.current_menu:after{
    content: " ";
    height: 15px;
    width: 15px;
    background: none;
    border: 1px solid #868686;
    position: absolute;
    top: -13px;
    left: 50%;
    margin-left: -6px;
    border-radius: 50%;
}
*/
.ring-marker {
    height: 15px;
    width: 15px;
    border: 1px solid #868686;
    position: absolute;
    top: 55px;
    z-index: 10000;
    left: 274px;
    margin-left: -6px;
    border-radius: 50%;

    -webkit-transition: left 600ms;
    -moz-transition: left 600ms;
    -o-transition: left 600ms;
    -ms-transition: left 600ms;
    transition: left 600ms;
}

.menu_lang{
    display: none !important;
}

/** main_content **/
.main_content{
    position: relative;
}

.expand-button {
    width: 20px;
    height: 20px;
    background-image: url('../images/plus-blue.svg');
    background-position: center;
}

.close-button {
    width: 20px;
    height: 20px;
    background-image: url('../images/close-orange.svg');
    background-position: center;
}

.sec_top_shadow {
    background: url(../images/top_shadow.png) repeat-x top left #fff;
    clear: both;
    width: 100%;
}

/* .sec_top_shadow:first-child {
    background: none;
} */

.sec_block {
    display: block;
    width: 100%;
    clear: both;
    padding: 50px 0 30px;
}

body {
    padding-top: 0px;
}

.fixed-nav body {
    padding-top: 20px;
}


header{
    background: none repeat scroll 0 0 #fff;
    left: 0;
    margin: 0 auto;
    max-width: 1400px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    -webkit-transform: translate3d(0,0,1px);
    box-shadow: 0px 0px 20px rgb(157, 157, 157);
}
.fixed-nav header {
    position: fixed;
    top: -125px;
	width: 100%;
}
/** about mission **/
.about_mission{
    background: url(../images/am_top_shadow.jpg) repeat-x top left #f3f3f3;
    display: inline-block;
    width: 100%;
    /*padding-top: 50px;
    margin-top: 188px;*/
	padding-top: 215px;
	margin-top: 0;
}

.abt_content{
    padding: 20px 0;
    display: inline-block;
    width: 100%;
}
.abt_content h1{
    margin-bottom: 40px;
}
.am_pics{
    float: right;
    width: 35%;
    text-align: right;
    padding: 0 10px;
}
.am_pics img{
    max-width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 65px;
    margin-top: 6px;
}

.sec_name{
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}
.sec_name h4{
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    text-indent: 5px;
}

.am_desc{
    float: left;
    width: 56%;
    margin-left: 53px;
}
.am_desc_inner p{
    font-size: 18px;
}


#socialt-ansvar .sec_pics {
    width: 40%;
}
#socialt-ansvar .sec_text_desc {
    width: 60%;
}
#miljoeansvar .sec_text_desc {
    padding: 0 20px 0 40px;
    width: 65%;
}
#miljoeansvar .sec_pics {
    width: 35%;
}

.close_txt,
.read_more, .ajaxreadmore, .read_more:hover{
    display: inline-block;
    color: #3d3d3d;
    float: right;
    font-size: 14px;
    font-weight: normal;
}

/** section **/
.main_content{
    position: relative;
}
.sec_title{
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}
.sec_title h2{
    font-size: 29px;
    line-height: 1.1;
    color: #5c5c5c;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.sec_title h2 strong{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.sec_pics{
    float: left;
    width: 33%;
    padding: 0px 10px 0px 0px;
}
.sec_pics img{
    max-width: 100%;
    display: inline-block;
}

.sec_text_desc{
    float: right;
    width: 66%;    
}
.odd .sec_text_desc{
    padding: 0px 0px 0px 38px;
}
.even .sec_text_desc{
    padding: 10px 0px 0px 60px;
    max-width: 625px;
}

#leif-beraettar .sec_text_desc {
  padding-top: 4px;
}

.even .sec_pics{margin-right: 39px;}
.sec_pics img{max-width: 360px;}
.sec_text_desc h4, .durability > h4{
    color: #0093d6;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0px;
}
.durability > h4{
    margin-top: 0px;
}
.pad_top_0{
    padding-top: 0;
}

.sec_alt{
    position: relative;
}
.sec_alt .sec_text_desc{
    float: left;
}
.sec_alt .sec_pics{
    float: right;
}

.even .sec_pics {
    margin-right: 0;
}
.even .sec_pics img {
  float: right;
}

.bg_gray{
    background: #f3f3f3;
}


/** letest_news **/
#letest_news{
    position: relative;
    background: #f3f3f3;
}

.ln_content{
    display: inline-block;
    width: 100%;
    position: relative;
}

.ln_list{
    background: url(../images/box_shadow.png) repeat-x top left;
    background-size: auto 100%;
    display: inline-block;
    width: 36%;
    padding: 15px 20px;
    float: left;
    height: 420px;
    position: relative;
}
.mCSB_scrollTools{
    right: -8px !important;
}
.ln_desc_content{
    background: url(../images/box_shadow.png) repeat-x top left;
    background-size: auto 100%;
    padding: 15px 30px;
    width: 61%;
    float: right;
    height: 420px;
    position: relative;
}


#letest_news .sec_title{
    padding-left: 20px;
}

.ln_content h4,
.ln_list li a{
    color: #303030;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}
.ln_list li a{
    color: #000 !important;
}

.ln_list li.current a,
.ln_content h4,
.ln_list li:hover a{
    color: #0093d6;
}
.ln_content h4{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 17px;
}
.ln_list li.current a:after,
.ln_list li:hover a:after{
    content: " ";
    background: url(../images/icon_right_arrow.png) no-repeat top right;
    height: 14px;
    width: 15px;
    position: absolute;
    right: 0;
    top: 13px;
    display: block;
}
.ln_content p{
    font-size: 15px;
    font-weight: 100;
    margin-bottom: 10px;
}

.publish_date{
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    text-transform: lowercase;
}

.sec_title h1{
    margin-bottom: 0;
    text-transform: uppercase;
}

.ln_list li{
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: -1px;
}

.ln_desc_item{
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    position: relative;
    margin-top: -1px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}



/** footer **/
#footer{
    position: absolute;
    width: 100%;
    bottom: 0;
    background: url(../images/top_shadow.png) repeat-x top left #fff;
    padding: 20px 0;
}

.main_footer{
    position: relative;
    display: inline-block;
    text-align: left;
    margin-left: 52px;
}
.main_footer ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.main_footer ul li{
    display: inline-block;
    position: relative;
}
.main_footer ul li:after{
    content: ".";
    display: inline-block;
    vertical-align: middle;
    color: #303030;
    position: absolute;
    right: -4px;
    top: 0;
    font-size: 20px;
    font-weight: normal;
}
.main_footer ul li:last-child:after{
    display: none;
}
.main_footer ul li a,
.main_footer ul li span {
    color: #000;
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 19px;
    padding: 10px 9px;
}
.main_footer ul li:last-child{
    float: right;
    margin-right: 92px;
}
.main_footer ul li a:hover{
    color: #0093d6;
}
footer .container {
  width: 100%;
  max-width: 96%;
  text-align: center;
}


/* scrollup */
.scrollup {
    background: url("../images/top.png") no-repeat scroll 0 0;
    bottom: 20px;
    display: block;
    height: 45px;
    position: fixed;
    right: 20px;
    width: 45px;
    z-index: 9999;
    opacity: 0.8;
    display: none;
}

.scrollup:hover{
    opacity: 1;
}

/** others **/
.certify_item{
    text-align: left;
    padding: 20px 0 10px;
    display: inline-block;
    width: 100%;
}
.certify_item p {
    margin-bottom: 10px;
    font-size: 14px;
}
.certify_item img{
    margin-bottom: 5px;
}
.certify_item h5{
    font-size: 15px;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
}
.certify_item li{
    font-size: 14px;
    display: list-item;
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
}
.certify_item li:before{
    content: " ";
    clear: both;
    height: 5px;
    width: 5px;
    background: #000;
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 50%;
}

.pos_scroll_box{
    height: 520px;
    width: 100%;
    display: inline-block;
    overflow-y: scroll;
    padding: 0 20px 10px 0;
    text-align: left;
}
.pos_scroll_box h4{
    font-size: 18px;
    font-weight: bold;
}

/** process_design **/
#process_design{
    position: relative;
}

#process_design .sec_pics img{
    width: 100%;
    display: block;
}
.process_design{
    display: inline-block;
    width: 100%;
    position: relative;
    text-align: left;
    padding: 50px 0;
}
.process_design ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.process_design .pd_list{
    display: block;
    border-bottom: 1px solid #bfbfbf;
    padding-right: 30px;
    position: relative;
}
.even .process_design .pd_list {
    text-align: right;
    padding-right: 0px;
    padding-left: 30px;
}
.process_design .pd_list:after{
    content: " ";
    background: url(../images/icon_right_arrow_black.png) no-repeat top center;
    clear: both;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 8px;
    height: 10px;
    width: 11px;
}
.even .process_design .pd_list:after{
    left: 0;
    right: auto;
    background: url(../images/icon_left_arrow_black.png) no-repeat top center;
}
.process_design .pd_list a{
    display: block;
    padding: 5px 0;
    color: #202020;
    font-size: 14px;
    line-height: 1.2;
}

.process_design .pd_list.current:after,
.process_design .pd_list:hover:after{
    background: url(../images/icon_right_arrow_lightblue.png) no-repeat top center;
}
.even .process_design .pd_list.current:after,
.even .process_design .pd_list:hover:after{
    background: url(../images/icon_left_arrow_lightblue.png) no-repeat top center;
}
.process_design .pd_list.current a,
.process_design .pd_list:hover a{
    color: #0093d6;
    font-weight: bold;
}

.pd_list_content{
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

.pd_content{
    height: 575px;
    width: 100%;
    display: inline-block;
    overflow-y: scroll;
    position: relative;
}
div.mCSB_dragger_bar{
    background-color: #0093d6!important;
    width: 6px!important;
    border-radius: 0!important;
}
div.mCSB_draggerContainer, .mCSB_scrollTools{width: 5px; color: #000;}
.mCustomScrollBox{
    max-width: 107%!important;
    width: 107%;
}
.even .mCustomScrollBox {
  max-width: 102% !important;
}
.am_pics .content_below_image{
    padding: 20px 0 10px 30px;
    text-align: left;
}
.am_pics .content_below_image ul, .am_pics .content_below_image ul li{
    list-style: inside;
}
.am_pics .content_below_image p{
    font-size: 14px;
    margin-bottom: 0;
}
.am_pics .content_below_image h5{
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
p.learnmore_process {
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 0;
    padding-bottom: 5px;
    color: #a7a7a7;
    text-transform: uppercase;
}
p.learnmore_process strong {
    font-weight: normal;
}
form#MemberLoginForm_LoginForm input.text{
    width: 250px;
}
form#MemberLoginForm_LoginForm input.checkbox{
    height: auto;
    margin: 0 10px 0 0;
    padding: 0;
    width: 1px;
}
form#MemberLoginForm_LoginForm #Remember{padding-left: 0;}
form#MemberLoginForm_LoginForm .Actions input.action{
    color: #000;
}
.Blue{
    color: #0093d6!important;    
}
h1.Blue{font-size: 42px;}
.Black{
    color: #000!important;
}
.about_mission article {
  max-height: 16em;
}
span.fa-circle-thin{
    font-size: 18px;
    position: relative;
    vertical-align: middle;
    margin-left: 3px;
}
span.fa-circle-thin i.fa{
    font-size: 12px;
    font-weight: normal;
    position: absolute;
	right: 2.8px;
    top: 2.8px;
}
i.fa-times-circle{
    font-size: 18px;
    vertical-align: middle;
    margin-left: 3px;    
    
}
.DurabilityPage .am_desc p, .DurabilityPage .sec_text_desc p{margin-bottom: 15px;}
.DurabilityPage .sec_text_desc{width: 61%;}

.mobile-only {
    display: none;
}
.drop-lang {
    display: none !important;
}

/* Start page adjustments on "HomeContent" needed when implemented "HomeContentVideos" */

body.HomePage .even .sec_pics img {
    float: initial;
}

body.HomePage .even .sec_text_desc {
    max-width: initial;
    padding: 0px 0px 0px 38px;
}

body.HomePage .odd .sec_text_desc {
    padding: 10px 0px 0px 60px;
    max-width: 625px;
}

/* */

body.DurabilityPage .block-videos {
    padding-top: calc(215px + 40px);
    background: url(../images/am_top_shadow.jpg) repeat-x top left #F3F3F3;
}

body.DurabilityPage .block-videos .col-12 {
}

body.DurabilityPage .block-videos .video-block-title {
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
}


@media (max-width: 991px) {
    body.DurabilityPage .block-videos {
        padding-top: calc(70px + 40px);
    }
}

@media (max-width: 767px) {
    body.DurabilityPage .block-videos {
        padding-top: calc(40px + 40px);
    }
}

/* */

.featured-video {
    margin-top: 62px;
    padding-bottom: 73px;
    overflow: hidden!important;
}

.featured-video .wrapper {
    position: relative;
}

.featured-video #subscribe {
    top: 50%;
    transform: translate(0, -50%);
}

.featured-video .video-column {
    display: none;
}

.featured-video .video-column .image-wrapper img {
    width: 100%;
    height: auto;
}

.featured-video .sec_title h2 {
    text-transform: none;
}

.featured-video .content p {
    color: inherit;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.56;
    margin-bottom: 22px;
}

.featured-video .expand-button {
    width: 20px;
    height: 20px;
    background-image: url('../images/plus-blue.svg');
    background-position: center;
    cursor: pointer;
}

.featured-video .placeholder-wrapper {
    height: 360px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.featured-video .placeholder-wrapper .play-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.featured-video .placeholder-wrapper .play-wrapper .play-button {
    width: 64px;
    height: 64px;
    background-image: url('../images/play-button.png');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

/* */

.featured-video.expanded .expand-button {
    width: 30px;
    height: 30px;
    background-image: url('../images/close-orange.svg');
    background-position: center;
}

.featured-video.expanded .video-column {
    display: block;
}

.featured-video.expanded .content-column {
    display: flex;
    width: 100%;
    margin-top: 45px;
}

.featured-video.expanded .content-column .sec_title {
    width: 33%;
    padding: 0px 10px 0px 0px;
}

.featured-video.expanded .content-column .content {
    width: 66%;
    padding: 0px 0px 0px 38px;
}

.featured-video.expanded .placeholder-column {
    display: none;
}

@media (max-width: 991px) {
    .featured-video .row {
        display: flex;
        flex-wrap: wrap;
    }

    .featured-video .video-column {
        width: 100%;
        margin-top: 50px;
        order: 2;
    }

    .featured-video .content-column {
        width: 100%;
        order: 2;
    }
    
    .featured-video .placeholder-column {
        width: 100%;
        margin-top: 50px;
        margin-bottom: 50px;
        order: 1;
    }

    /* */

    .featured-video.expanded .content-column {
        flex-wrap: wrap;
    }

    .featured-video.expanded .content-column .sec_title {
        width: 100%;
    }

    .featured-video.expanded .content-column .content {
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 768px) {
    .featured-video #subscribe {
        top: auto;
        transform: none;
    }
}

/* */

.block-videos {
    padding-top: 50px;
    position: relative;
}

.block-videos .row {
    display: flex;
    flex-wrap: wrap;
}

.block-videos .row::before {
    content: none;
}

.block-videos .left {
    padding-right: 76px;
}

.block-videos .right {
    padding-left: 76px;
}

.block-videos .block-video {
    margin-bottom: 91px;
}

.block-videos .video-wrapper {
    display: none;
    margin-bottom: 45px;
}

.block-videos .image-wrapper {
    display: none;
    margin-bottom: 45px;
}

.block-videos .image-wrapper img {
    width: 100%;
    height: auto;
}

.block-videos .placeholder-wrapper {
    height: 240px;
    margin-bottom: 35px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.block-videos .placeholder-wrapper .play-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.block-videos .placeholder-wrapper .play-wrapper .play-button {
    width: 64px;
    height: 64px;
    background-image: url('../images/play-button.png');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.block-videos .sec_title h2 {
    text-transform: none;
}

.block-videos .content p {
    color: inherit;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.56;
}

.block-videos .content p:first-child {
    max-height: 100px;
    overflow: hidden;
}

.block-videos .content table td:after {
    content: '|';
    padding: 10px;
    font-weight: bold;
    line-height: 36px;
    color: #666666;
}

.block-videos .content table td:last-child:after {
    display: none;
}

.block-videos .content table a {
    position: relative;
    padding-left: 22px;
    vertical-align: middle;
    color: #0093D6;
    font-size: 15px;
    font-style: italic;
}

.block-videos .content table a:before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 36px;
    position: absolute;
    left: -6px;
    top: -6px;
    background-image: url('../images/pdf-download-icon.svg');
    background-size: cover;
    background-position: center;
}

@media (max-width: 600px) {
    .block-videos .content table td {
        display: block;
        margin-top: 20px;
    }

    .block-videos .content table td:first-child {
        margin-top: 10px;
    }

    .block-videos .content table td:after {
        content: none;
    }
}

.block-videos .expand-button {
    width: 20px;
    height: 20px;
    background-image: url('../images/plus-blue.svg');
    background-position: center;
    cursor: pointer;
}

/* */

.block-videos .block-video.expanded {
    width: 100%;
    padding: 0 15px;
}

.block-videos .block-video.expanded .video-wrapper {
    display: block;
}

.block-videos .block-video.expanded .image-wrapper {
    display: block;
}

.block-videos .block-video.expanded .placeholder-wrapper {
    display: none;
}

.block-videos .block-video.expanded .content-wrapper {
    display: flex;
    width: 100%;
}

.block-videos .block-video.expanded .content-wrapper .sec_title {
    width: 33%;
    padding: 0px 10px 0px 0px;
}

.block-videos .block-video.expanded .content-wrapper .content {
    width: 66%;
    padding: 0px 0px 0px 38px;
}

.block-videos .block-video.expanded .content p:first-child {
    max-height: auto;
    overflow: auto;
}

.block-videos .block-video.expanded .expand-button {
    width: 30px;
    height: 30px;
    background-image: url('../images/close-orange.svg');
    background-position: center;
}

@media (max-width: 991px) {
    .block-videos .block-video.expanded .content-wrapper {
        flex-wrap: wrap;
    }

    .block-videos .block-video.expanded .content-wrapper .sec_title,
    .block-videos .block-video.expanded .content-wrapper .content {
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .block-videos .container {
        max-width: 500px;
    }

    .block-videos .left {
        padding: 0 15px;
    }
    
    .block-videos .right {
        padding: 0 15px;
    }
}