@font-face {
  font-family: 'MuseoSans-100';
  src: url('fonts/MuseoSans_100.otf')  format('opentype'); 
  }
@font-face {
  font-family: 'MuseoSans-300';
  src: url('fonts/MuseoSans_300.otf')  format('opentype'); 
  }
@font-face {
  font-family: 'MuseoSans-500';
  src: url('fonts/MuseoSans_500.otf')  format('opentype'); 
  }
@font-face {
  font-family: 'MuseoSans-700';
  src: url('fonts/MuseoSans_700.otf')  format('opentype'); 
  }

/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
    html {
        font-size: 0.9em;
    }
}
/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
    html {
        font-size: 0.7em;
    }
}
/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    html {
        font-size: 0.6em;
    }
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    html {
        font-size: 0.4em;
    }
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    html {
        font-size: 0.2em;
    }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    html {
        font-size: 0.1em;
    }
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; 
}

a { text-decoration: none;}

body {
  font-family: MuseoSans-100;
  font-weight: 300;
  line-height: 1.6;
}

/* color:#020143; */
.MuseoSans-100 {	
	font-family: MuseoSans-100;
	font-size: 1.875em;
	text-align: left;	
}
.MuseoSans-300 {	
	font-family: MuseoSans-300;
	font-size: 1.875em;
	text-align: left;
}
.MuseoSans-500 {	
	font-family: MuseoSans-500;
	font-size: 2em;
	text-align: left;
}
.MuseoSans-700 {	
	font-family: MuseoSans-700;
	font-size: 3em;
	text-align: left;
}
.bold {	
	font-weight: bold;	
}
.bigblue {
    font-size: 7.3125em;
    /* text-transform: uppercase; */
    text-align: left;
    color: #EB2140;
    line-height: 0.941;
}
.big_blue {
    font-size: 3.625em;
    /* text-transform: uppercase; */
    text-align: left;
    color: #020143;
    line-height: 0.941;
}
.bigred {
	font-size: 7.3125em;
	/* text-transform: uppercase; */
	text-align: left;	
	color: #EB2140;
	line-height: 0.941;
}
.midblue {
    font-size: 1.75em;
    color: #020143;
    /* line-height: 1.2; */
    text-align: left;
    z-index: 3;
}
.midred {
    font-size: 4.0625em;
    /* text-transform: uppercase; */
    text-align: left;
    color: #EB2140;
    line-height: 0.941;
}
.text_inline {
    display: inline;
    margin: 0.3125em;
    vertical-align: top;
}
.text_container {
    top: 2%;
    width: 80%;
}

.container {
    top: 0;
    left: 0;
    width: 100%;
}

.content_container {
     margin: 3%;
     margin-left: 10%;
     position: relative;
 }
.content_newpos {

}
.gallery {
    display: grid;
    /* grid-template-columns: repeat(3, 1Fr); */
    grid-template-columns: 10% 10% 10% 10% 5% 5% 10% 5% 5% 10% 10% 10%; 
    grid-auto-rows: minmax(6.25em, auto);
    grid-auto-flow: row dense;
}

.gallery__img {
    width: 100%;
    height: 100%;
    display: block;
}

.gallery__item--1 {
    background-image: url("skins/bg_sav1_1920.jpg");
    background-size: 100% 100%;
    height: 6.25em;
    /* grid-area: 1/9/1/1; */
    grid-column: 1 / 13;
    grid-row: 1 / 1;	
}

.gallery__item--2 {
    background-image: url("skins/bg_sav2_1920.jpg");
    background-size: 100% 100%;
    grid-column: 1 / 13;
    grid-row: 2 / 2;	
}

.gallery__item--3 {
    /** Alternative Syntax **/
    background-image: url("skins/bg_sav3_1920.jpg");
    background-size: 100% 100%;
    grid-column: 1 / 13;
    grid-row: 3 / 3;
}

.gallery__item--4 {
    background-image: url("skins/shutterstock_124831474_cp_1024.jpg");
    background-size: 100% 100%;
    grid-column: 8 / 13;
    grid-row: 3 / span 2;
    z-index: 100;
}
.gallery__item--5 {
    background-image: url("skins/bg_sav4_mod_1920.jpg");
    background-size: 100% 100%;
    grid-column: 1 / 13;
    grid-row: 4 / 4;
}

.gallery__item--6 {
    background-image: url("skins/shutterstock_1506802652_cp_1024.jpg");
    background-size: 100% 100%;
    height: 61.0625em;
    grid-column: 1 / 13;
    grid-row: 5 / 5;
    /* z-index: 100; */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.gallery__item--7 {
    background-color: white;
    background-size: 100% 100%;
    grid-column: 1 / 13;
    grid-row: 6 / 6;
}
.gallery__item--8 {
    background-image: url("skins/bg_sav5_1920.jpg");
    background-size: 100% 100%;
    height: 6.25em;
    grid-column: 1 / 13;
    grid-row: 7 / span 7;
}
.gallery__item--9 {
    background-image: url("skins/bg_sav6_1920.jpg");
    background-size: 100% 100%;
    grid-column: 1 / 13;
    grid-row: 8 / 8;
}
.gallery__item--10 {
    background-image: url("skins/bg_sav7_1920.jpg");
    background-size: 100% 100%;
    grid-column: 1 / 13;
    grid-row: 9 / 9;
}
.gallery__item--11 {
    background-image: url("skins/shutterstock_607970531_cp_1024.jpg");
    background-size: 100% 100%;
    grid-column: 8 / 13;
    grid-row: 9 / 9;
}
.gallery__item--12 {
    background-image: url("skins/bg_sav8_1920.jpg");
    background-size: 100% 100%;
    grid-column: 1 / 13;
    grid-row: 10 / 10;
}
.gallery__item--13 {
    background-image: url("skins/shutterstock_551416855_cp_1024.jpg");
    background-size: 100% 100%;
    grid-column: 8 / 13;
    grid-row: 10 / 10;
}
.gallery__item--14 {
    background-image: url("skins/bg_sav9_1920.jpg");
    background-size: 100% 100%;
    grid-column: 1 / 13;
    grid-row: 11 / 11;
}
.gallery__item--15 {
    background-image: url("skins/shutterstock_739242352_cp_1024.jpg");
    background-size: 100% 100%;
    grid-column: 1 / span 5;
    grid-row: 12 / 12;
    z-index: 10;
}
.gallery__item--16 {
    background-image: url("skins/bg_sav10_1920.jpg");
    background-size: 100% 100%;
    grid-column: 1 / 13;
    grid-row: 12 / 12;
}
.gallery__item--17 {
    background-image: url("skins/1091706194-huge_cp_1024.jpg");
    background-size: 100% 100%;
    grid-column: 1 / span 5;
    grid-row: 13 / 13;
    z-index: 10;
}
.gallery__item--18 {
    background-image: url("skins/bg_sav11_1920.jpg");
    background-size: 100% 100%;
    grid-column: 1 / 13;
    grid-row: 13 / 13;
}
.gallery__item--19 {
    background-image: url("skins/bg_sav12_1920.jpg");
    background-size: 100% 100%;
    grid-column: 1 / 13;
    grid-row: 14 / 14;
}
.gallery__item--20 {
    background-image: url("skins/retek_bg_alap_1920.jpg");
    background-size: 100% 100%;
    grid-column: 1 / 13;
    grid-row: 15 / 15;
}
.gallery__item--21 {
    background-image: url("skins/retek_bg_alap_1920.jpg");
    background-size: 100% 100%;
    grid-column: 1 / 13;
    grid-row: 5 / 5;
}
.divboxcontainer {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(3, 33.3%);
    grid-gap: 0.75em;
    margin-left: 8%;
    margin-right: 5%;
}

.divboxitem {
    margin-top: 3%;
    margin-bottom: 3%;
}

.divboxitem-left {
    width: 40%;
}
.divboxitem-right {
    margin-left: 50%;
    width: 40%;
}
.divboxitem-1{
    grid-column: 1;
    grid-row: 1;
    background-color: white;
    padding: 10px;
}
.divboxitem-2{
    grid-column: 2;
    grid-row: 1;
    background-color: white;
    padding: 10px;
}
.divboxitem-3{
    grid-column: 3;
    grid-row: 1;
    background-color: white;
    padding: 10px;
}

.divgrid{
    display: grid;
    grid-template-columns: 10% 10% 10% 10% 5% 5% 10% 5% 5% 10% 10% 10%;
}
.divgrid-left-title {
    grid-column: 2 / 6;
    grid-row: 1 ;
}
.divgrid-left {
    grid-column: 2 / 6;
    grid-row: 2;
}
.divgrid-right-title {
    grid-column: 7 / 12;
    grid-row: 1;
}
.divgrid-right {
    grid-column: 7 / 12;
    grid-row: 2;
}
.divgrid-mid {
    grid-column: 2 / 12;
    grid-row: 3;
}
.certificat{
    background-image: url("skins/Certf_2line.png");
    background-size: 100% 100%;
    height: 40.375em;
}
.sm_container {
    margin: 2%;
    width: auto;
    position: relative;
}