/*t4 tags*/
@font-face {
        font-family: 'BooksIcons';
        src:url(/media/oecdorg/publications/fonts/icomoon.eot);
        src:
            url(/media/oecdorg/publications/fonts/icomoon.woff) format('woff'),
            url(/media/oecdorg/publications/fonts/icomoon.ttf) format('truetype'),
            url(/media/oecdorg/publications/fonts/icomoon.svg) format('svg');
        font-weight: normal;
        font-style: normal;
}
.books .book-cover img:after{
  background-image:  url('/media/oecdorg/publications/images/book-template-dumbmask.png');
}


/*end of t4 tags*/

#heading{
    display:none;
}


.books {
padding-bottom: 30px;
}

.books p{
margin: 0 0 1.5em;
}

.books  textarea:focus,.books  input:focus ,.books  button:focus{
    outline: 0 !important;
}

.books .btn:active , .books  .btn.active{
  box-shadow:none;
}
/*colors*/
.books .blue {
  color: #11629a;
}
.books .red {
  color: #da2128;
  border:0;
}
.books .gray {
  color: #333;
}
.books .light-gray{
  color: #999;
}
/*header*/
.books .container{
  width: 100%;
}
.books .book-head {
  background-color: #E6EFF5;
  padding: 20px 20px;
  margin-bottom: 25px;
  margin-top:11px;
  position:relative;
  min-height:230px;
}
.books .book-head .col-md-3 {
  width: unset;
}
.books .book-cover {
  text-align: center;
}
.books .book-cover img{
  height: 230px;
  border:1px solid transparent;
  overflow:hidden;
}
.books .book-cover img:after{
  content:'';
  height:100%;
  width:100%;
  display:inline-block;
  background-repeat:no-repeat;
  background-size: 100%;
  position:absolute;
  left:0px;
  top:0px;
  /* border: 1px solid red; */
}
.books .title-h1 {
  font-size: 26px;
  margin: 0px 0px 8px 0px;
  padding: 0;
  font-weight: normal;
}
.books .title-h2 {
  font-size: 16px;
  margin: 0px 0px 24px 0px;
  font-style: italic;
  padding: 0;
  font-weight: normal;
}
.books a {
  color: #04629a;
  text-decoration:none;
}
.books .book-info-panel p {
  margin-bottom:8px;
}
.books .series .blue {
 padding:0 10px;
}
/*ie7*/
.books .series .view-more{
    before: '(';
}
/*ie7*/
.books .series .view-more:before , .books .series .view-more .before {
content:'(';
padding:0 2px;
}
/*ie7*/
.books .series .view-more{
    after: ')';
}
/*ie7*/
.books .series .view-more:after  , .books .series .view-more .after{
content:')';
padding:0 2px;
}
.books .pub-info {
  display: flex;
}
.books .pub-info .pub-langs {
  margin-left: 30px;
}
.books .pub-info .red{
  border-width:0px;
}
/*ie7*/
.books .pub-info .red.next-edition{
    before: '-';
}
/*ie7*/
.books .pub-info .red.next-edition:before , .books .pub-info .red.next-edition .before{
  content:'-';
  padding:0 10px;
}

.books .book-head  p {
  line-height: 160%;
  font-size: 12px;
}
.books p {
  line-height: 160%;
  font-size:12px;
}
.books .book-summary p:last-child {
 margin:0px;
}
.book-summary{
  margin-bottom:16px;
  line-height: 160%;
  font-size: 12px;
}

.books .readMore {
  color: #11629a;
  cursor :pointer;
  position:relative;
  float:right;
  margin-top:-34px;
  width:50%;
  text-align:right;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  rgba(230,239,245,0) 0%, rgba(230,239,245,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(230,239,245,0)), color-stop(100%,rgba(230,239,245,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(230,239,245,0) 0%,rgba(230,239,245,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(230,239,245,0) 0%,rgba(230,239,245,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(230,239,245,0) 0%,rgba(230,239,245,1) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(230,239,245,0) 0%,rgba(230,239,245,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}
.books .readMore.open {
}
/*ie7*/
.books .readMore {
  before: '\e600';
}
/*ie7*/
.books .readMore:before , .books .readMore .before {
  font-family: BooksIcons;
  content: '\e600';
  font-size: 5px;
  color: #11629a;
  padding-right:5px;
}
/*ie7*/
.books .readMore.open {
  before: '\e601';
}
/*ie7*/
.books .readMore.open:before , .books .readMore.open .before {
content: '\e601';
}

.books .overtext {
color: transparent;
}
.books .noovertext {
color: inherit;
}

.more-custom{
color: #11629a;
margin-top:-20px;
cursor :pointer;
padding-bottom : 20px;
padding-left:5px;
}
.more-custom{
    before: '\e600';
}
.more-custom:before ,.more-custom .before {
font-family: BooksIcons;
content: '\e600';
font-size: 5px;
color: #11629a;
padding-right:5px;
}

.more-custom.open{
    before: '\e601';
}
.more-custom.open:before , .more-custom.open .before{
content: '\e601';
}

/*buttons*/
.books .btn-grp-books {
  font-size: 12px;
  margin: 0;
  width: 100%;
  background-color: #f9f9f9;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.books .panel-books .btn-grp-books {
  background-color: transparent;
  justify-content: flex-end;
}

.books .btn-grp-books .btn-lg {
  font-size: 14px;
}
.books .btn-grp-books > li {
  margin: 9px 21px 9px 9px;
}
.books .btn-grp-books > li:last-of-type {
  margin-right: 9px;
}
.books .panel-books .btn-grp-books > li {
  margin: 2px 0 2px 30px;
}
.books .panel-books .btn-grp-books > li:first-of-type {
  margin-left: 0;
}

.left-nav-template .books .btn-grp-books > li {
  margin-right: 20px;
}

.btn-label {
  position: relative;
  padding-left: 40px;
}
.btn-label:before {
  font-family: BooksIcons;
  position: absolute;
  height: 30px;
  width: 30px;
  top: 50%;
  left: 0;
  margin-top: -15px;
  color: #fff;
  background: #04629A;
  border-radius: 15px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
}
.icon-eye .btn-label:before {
  content: '\e607';
}
.icon-basket .btn-label:before {
  content: '\e602';
}
.icon-text .btn-label:before {
  content: '\e603';
}
.icon-pdf .btn-label:before {
 content:'\e606';
}
.icon-epub .btn-label:before {
 content:'\e604';
}
.icon-html .btn-label:before {
 content:'\e605';
}
.panel-books .btn {
  border: 1px solid #04629A;
}
.btn-reverse .btn-label:before {
  color: #04629A;
  background: transparent;
}
.btn-reverse:hover {
  color: #04629A;
}
.btn-sm .btn-label:before {
  height: 18px;
  margin-top: -9px;
  line-height: 18px;
}
/*ie7*/
.icon-eye .btn-label {
  before: '\e607';
}
.icon-basket .btn-label {
  before: '\e602';
}
.icon-text .btn-label {
  before: '\e603';
}
.icon-pdf .btn-label {
  before: '\e606';
}
.icon-epub .btn-label {
  before: '\e604';
}
.icon-html .btn-label {
  before: '\e605';
}
/*ie7*/
  
.panel-books .drop-icon .btn-label{
  padding-right:15px;
}
.panel-books .drop-icon .btn-label:after{
  font-family:BooksIcons;
  content:'\e600';
  padding-left:6px;
  font-size:5px;
  position:absolute;
  top:50%;
  margin-top:-3.5px;
}
.panel-books .btn-group.open .drop-icon .btn-label:after{
  content:'\e601';
}

/*ie7*/
.dropbtn .drop-icon{
    before: '\e600';
}
/*ie7*/
.dropbtn .drop-icon:before , .dropbtn .drop-icon .before{
font-family: BooksIcons;
content:'\e600';
font-size:6px;
position:absolute;
top:50%;
margin-top:-2px;
}
/*ie7*/
.dropbtn .open .drop-icon{
    before: '\e601';
}
/*ie7*/
.dropbtn .open .drop-icon:before , .dropbtn .open .drop-icon .before{
content:'\e601';
}

.books .btn-group>.btn-lg+.dropdown-toggle{
padding-left:6px !important;
padding-right:14px !important;
}

.books .btn-lg {
padding: 5px 5px;
}
.btn-lg.btn-default {
padding: 5px 0px;
}
.books .btn{
  border-radius: 5px;
}
.books  .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.books .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.books .btn-default{
  background-color: transparent;
  color:#11629a;
  border-color:#11629a;
  border-width:0px;
}
.books .dropdown-toggle.btn-default{
  border-width:1px; 
}
.panel-books .btn {
  padding: 0px 5px 0 0;
  font-size: 12px;
}
.panel-books .btn-label{
  padding-left: 35px;
  line-height: 18px;
}
.books .btn-primary {
  background-color: #04629a;
  color:#fff;
  border-color: #B4D0E1;
  border: 0;
}
.books .btn-primary:hover,
.books .open .btn-primary.dropdown-toggle {
  background-color: #034E7B;
  border-color: #82B0CC;
}
.books .btn-default:hover,
.books .btn-default:focus,
.books .btn-default:active,
.books .btn-default.active,
.books .open .dropdown-toggle.btn-default {
 color: #034E7B;
 background-color: transparent;
 border-color: transparent;
}
div.books .table tr:hover .dropdown-toggle.btn-default{
  color: #fff;
  background-color: #04629a;
  border-color: #04629a;
}
div.books .table tr.sub-panel:hover .dropdown-toggle.btn-default{
  color: #04629a;
  background-color: #fff;
  border-color: #04629a;
}
div.books .table tr.sub-panel tr:hover .dropdown-toggle.btn-default{
   color: #fff;
  background-color: #04629a;
  border-color: #B4D0E1;
}
.panel-books .dropdown-toggle.btn-default:hover {
  color: #fff;
  background-color: #04629a;
  border-color: #B4D0E1;
}
.panel-books .open .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #04629a;
  border-color: #B4D0E1;
}

.panel-info {
color:#999;
margin-top:-15px;
padding-left:6px;
}


.books  .dropdown-menu {
  background-color: #04629a;
  border-color: #82B0CC;
  padding: 0;
  border: 0;
  margin: 0;
  border-radius: 0 2px 2px;
  min-width: 100%;
  margin-top: 1px;
}
.books  .dropdown-menu > li {
  color: #fff;
  border: solid 0px transparent;
  width:100%;
  padding:2px 10px;
}
.dropdown-menu .divider {
height: 1px;
margin: 0;
padding:0 !important;
overflow: hidden;
background-color: #e5e5e5;
}
.books .dropdown-menu > li > a {
  color: #fff;
}
.books .btn-group button{
  top: 0px;
}
.books .btn-group button span{
  top: 0px;
}
.books  .dropdown-menu > li:hover,
.books  .dropdown-menu > li:focus {
  background-color: #E6EFF5;
  color: #04629a;
  border-color: #04629a;
}
.books  .dropdown-menu > li > a ,
.books  .dropdown-menu > li > a:hover {
  background-color: transparent;
  color:inherit;
}
.books .book-head .btn-group .btn-primary:first-child {
  border-right: solid 1px #E6EFF5;
}
.books .book-head .btn-group .btn-primary:nth-child(2) {
  border-left: solid 1px #E6EFF5;
}
.books .book-head .btn-group.open .btn-primary {
  border-radius: 0 2px 0 0;
}
.books .book-head .btn-group.open .btn-primary:first-child {
  border-radius: 2px 0 0;
}

.books .dropbtn-white .btn-primary {
 padding:5px 5px;
 background-color: transparent;
 color: #11629a;
 border: 1px solid #11629a;
 border-right: 0px solid #11629a;
 float:left;
}

.books .dropbtn-white .btn-primary.dropdown-toggle {
 border-right: 1px solid #11629a;
 border-left: 0px solid #11629a;
 padding-left:0px !important;
 padding-right: 16px !important;
}

.books .dropbtn.dropbtn-white  .drop-icon:before {
padding-left: 5px;
font-size: 5px;
margin-top: -3px;
}

.books .panel-books .eye-icon.dropbtn.dropbtn-white .btn-label:before {
margin-top: -7px;
}

.books .dropbtn-white:hover  .btn-primary , .books .btn-group.open .btn-primary{
  color: #fff;
  background-color: #04629a;
  border-color: #04629a;
}

.books .dropbtn-white .btn-primary.dropdown-toggle:hover,
.books .open .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #034E7B;
  border-color: #034E7B;
}

/*list of contents*/
.books .panel {
  -moz-box-shadow: none;
  box-shadow: none;
}
.books .panel-group .panel-heading + .panel-collapse .panel-body {
  border: none;
  padding:0;
}
.books .panel-books {
  border-top: solid 1px #333;
  border-radius: 0 !important;
  overflow: visible !important;
}
.books .sub-panel .panel-books {
  border-top: solid 1px #ddd;
}
.books .sub-panel .panel-books .table {
  margin:0px;
}
.books .panel-books .panel-heading {
  border-radius: 0;
  padding: 10px 3px;
  display:inline-block;
  width:100%;
}

.books .panel-books .sub-panel .panel-heading {
  padding: 10px 0 0px 4px;
}

.books .panel-books .panel-title {
  font-size: 14px;
  text-transform : uppercase;
}
.books .panel-books .sub-panel .panel-title {
  font-weight:bold;
  font-size: 12px;
}
.books .panel-books .panel-title .lang-info {
  padding-left:20px;
  font-weight:normal;
}
.books .panel-books .panel-title a.pull-right{
  position:relative;
  padding-left:15px;
  font-weight:normal;
  text-transform : capitalize;
}
/*ie7*/
.books .panel-books .panel-title a.pull-right{
    before: '\e601';
}
/*ie7*/
.books .panel-books .panel-title a.pull-right:before, .books .panel-books .panel-title a.pull-right .before{
  padding:0px 0px 0px  0px;
  font-family: BooksIcons;
  content: '\e601';
  font-size:6px;
  position:absolute;
  left:0;
  top:50%;
  margin-top:-3.5px;
}
/*ie7*/
.books .panel-books .panel-title .pull-right.collapsed{
    before: '\e604';
}
/*ie7*/
.books .panel-books .panel-title .pull-right.collapsed:before , .books .panel-books .panel-title .pull-right.collapsed .before{
  content: '\e600';
}
.books .panel-books .panel-title > a {
  color: #04629a;
}
div.books .table > thead > tr > th,
div.books .table > tbody > tr > th,
div.books .table > tfoot > tr > th,
div.books .table > thead > tr > td,
div.books .table > tbody > tr > td,
div.books .table > tfoot > tr > td {
  border: 0;
  padding:0;
  vertical-align:middle;
}
div.books .table tr{
}
div.books .table tr:hover{
 background:#E6EFF5;
}
div.books .table tr.sub-panel:hover{
 background:transparent;
}
div.books .table tr td:first-child  {
 padding-left:5px;
}
div.books .table tr.sub-panel > td:first-child  {
 padding-left:0px;
}
div.books .panel.summaries  .table tr td:first-child  {
 font-weight:bold;
 color:#333;
 width:10%;

}
div.books  .table tr td:last-child {
}
div.books .panel.summaries  .table tr td{
 color:#11629a;
}

.lined-heading{
  font-size:14px;
  border-top:1px solid #000;
  padding:10px 3px;
  margin-bottom:5px;
}

.lined-heading-big{
  font-size:20px;
  font-weight:bold;
  border-top:1px solid #000;
  padding:10px 3px;
  margin-bottom:5px;
}
.noline-heading{
  font-size:14px;
  font-weight:bold;
  padding:10px 0px;
  margin-bottom:5px;
}
/*modal dialog - login*/
.modal-backdrop.fade.in {
   opacity: 0.5; 
}

body.modal-open {
   margin-right: auto;
}

div.books .modal-dialog {
   position: static;
}
.modal
{
z-index:10000001;
}
.modal-backdrop {
  background-color: #E6EFF5;
}
.books .modal-content {
  border-radius: 3px;
}
.books .modal-body .col-sm-8{
  padding-right:50px;
}
.books .modal-dialog {
width: 950px;
padding: 0px;
}
.books .citation-modal.modal-dialog {
width: 600px;
}
.books .modal.fade .modal-dialog {
position: absolute;
display:inline-block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.books .login-info{
font-weight:bold;
}
.books .login-desc{
padding-left:20px;
}
.login-info-panel{
margin-bottom:50px;
}
.books .login-modal .form-horizontal{
width:70%;
margin:auto;
}
.books .login-modal .form-horizontal .form-group {
margin-bottom:10px;
}
.books .login-modal .form-horizontal .col-sm-3 {
text-align:right;
padding-right:20px;
}
.books .login-modal .form-horizontal .control-label{
padding-top: 11px;
font-weight:normal;
}
.forget-pass{
margin-top: 8px;
}

.panel-title-text{
float:left;
}

/*modal dialog - citation-detail*/

.books #citation-detail  .modal-dialog {
width: 690px;

}
.books  #citation-detail iframe{
width: 650px;
min-height:415px;
}

/*if it is left nav*/
.left-nav-template .books .pub-info .red{
/*  display:inline-block;
  width:100%;
*/}
.left-nav-template .books .pub-info .red:before{
/*  content:'';
  padding:0px;
*/}

/*responsive books template*/
@media (max-width:991px){
  .books .modal-dialog {
  width: 100%;
  }
  .books .login-modal  .col-sm-6 {
  width: auto;
  }
  .books .book-head {
  height:auto !important;
  }
}
@media (max-width:769px){
.books .citation-modal.modal-dialog {
width:100%;
}
.books .book-head {
  padding: 10px 10px;
}
.books .book-body{
  padding: 0px 10px;
}
.panel-title span{
display:inline-block;
width:100%;
padding-left: 0px !important;
}
div.books .panel .table tr td{
width: auto !important;
}
.panel-title .pull-left{
float:left;
width:70%;
}
.books .modal.fade .modal-dialog {
-webkit-transform: translate(0%, 50px);
-ms-transform: translate(0%,  50px);
transform: translate(0%, 50px);
top:0;
left:0;
}
.books .login-modal .form-horizontal{
width:100%;
margin:auto;
}
.books .login-modal .form-horizontal .col-sm-3 {
text-align:left;
}
.books .login-modal  .col-sm-3{
margin-bottom: 10px;
}
.books .login-modal  .col-sm-8{
margin-bottom: 30px;
}
.login-info-panel span{
display:inline-block;
width:100%;
padding-left: 0px !important;
margin-top:10px;
}
.login-info-panel {
margin-bottom: 30px;
}
.modal-body {
padding: 10px;
}
.books .modal-body .col-sm-8 {
padding-right: 0px;
}
.full-width-template  .book-body , .full-width-template  .book-editable-body{
width:100%;
}
}

/*spinner*/
.spinner-layout {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(55, 56, 57, 0.1);
z-index: 100000000;
}

.spinner {
  margin:auto;
  top:50%;
  margin-top:-10px;
  width: 25px;
  height: 25px;
  position: relative;
}

button.close {
position:absolute;
right:20px;
top:15px;
z-index: 100000001;
}

.container1 > div, .container2 > div, .container3 > div {
  width: 6px;
  height: 6px;
  background-color: #333;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* KEY LARNINGS */
.keylearnings-container {
  margin-top: 50px;
  display: flex;
  background-color: #11629A;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px;
  color: #fff;
}

.keylearnings__title {
  font-size: 26px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}

.keylearnings-list {
  display: flex;
}

@media (max-width:768px) {
  .keylearnings-list {
    flex-direction: column;
  }
}

.keylearning {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}

.keylearning__icon {
  width: 60px;
  height: 60px;
  margin-bottom: 30px;
}

.keylearning__icon svg {
  fill: #fff;
  width: 60px;
  height: 60px;
}

.keylearning__title {
  font-size: 34px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 30px;
}

.keylearning__text {
  font-size: 16px;
}

/* CONTACTS */
.contacts-container {
  margin-bottom: 20px;
  display: flex;
}

@media (max-width:768px) {
  .contacts-container {
    flex-direction: column;
  }
}

.contact {
  flex: 1 1 auto;
  display: flex;
  padding-top:10px;
  padding-bottom:10px;
  justify-content: center;
  align-items: center;
}

.contact__info-container {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  margin-right:20px
}

.contact img {
  max-width: 50px;
  max-height: 50px;
}

.contact__name {
  color: #333;
  font-weight: 700;
}

.contact__email {
  color: #666;
}

.contact__country {
  text-transform: uppercase;
  color: #737373;
}
