@font-face {

    font-family: 'Gotham RO Bold';

    src: url('assets/fonts/hinted-GothamRO-Bold.eot');

    src: local('Gotham RO Bold'), local('GothamRO-Bold'),

        url('assets/fonts/hinted-GothamRO-Bold.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/hinted-GothamRO-Bold.woff2') format('woff2'),

        url('assets/fonts/hinted-GothamRO-Bold.woff') format('woff'),

        url('assets/fonts/hinted-GothamRO-Bold.ttf') format('truetype'),

        url('assets/fonts/hinted-GothamRO-Bold.svg#GothamRO-Bold') format('svg');

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: 'Gotham Book';

    src: url('assets/fonts/hinted-Gotham-Book.eot');

    src: local('Gotham-Book'),

        url('assets/fonts/hinted-Gotham-Book.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/hinted-Gotham-Book.woff2') format('woff2'),

        url('assets/fonts/hinted-Gotham-Book.woff') format('woff'),

        url('assets/fonts/hinted-Gotham-Book.ttf') format('truetype'),

        url('assets/fonts/hinted-Gotham-Book.svg#Gotham-Book') format('svg');

    font-weight: 500;

    font-style: normal;

}



@font-face {

    font-family: 'GothamRO Book';

    src: url('assets/fonts/hinted-GothamRO-Book.eot');

    src: local('GothamRO-Book'),

        url('assets/fonts/hinted-GothamRO-Book.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/hinted-GothamRO-Book.woff2') format('woff2'),

        url('assets/fonts/hinted-GothamRO-Book.woff') format('woff'),

        url('assets/fonts/hinted-GothamRO-Book.ttf') format('truetype'),

        url('assets/fonts/hinted-GothamRO-Book.svg#GothamRO-Book') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Gotham Book Italic';

    src: url('assets/fonts/hinted-Gotham-BookItalic.eot');

    src: local('Gotham Book Italic'), local('Gotham-BookItalic'),

        url('assets/fonts/hinted-Gotham-BookItalic.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/hinted-Gotham-BookItalic.woff2') format('woff2'),

        url('assets/fonts/hinted-Gotham-BookItalic.woff') format('woff'),

        url('assets/fonts/hinted-Gotham-BookItalic.ttf') format('truetype'),

        url('assets/fonts/hinted-Gotham-BookItalic.svg#Gotham-BookItalic') format('svg');

    font-weight: normal;

    font-style: italic;

}



@font-face {

    font-family: 'Gotham Bold';

    src: url('assets/fonts/hinted-Gotham-Bold.eot');

    src: local('Gotham Bold'), local('Gotham-Bold'),

        url('assets/fonts/hinted-Gotham-Bold.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/hinted-Gotham-Bold.woff2') format('woff2'),

        url('assets/fonts/hinted-Gotham-Bold.woff') format('woff'),

        url('assets/fonts/hinted-Gotham-Bold.ttf') format('truetype'),

        url('assets/fonts/hinted-Gotham-Bold.svg#Gotham-Bold') format('svg');

    font-weight: bold;

    font-style: normal;

}













img {max-width: 100%; height: auto; display: block;}

.container2 {	width: 740px; margin: 0px auto;}



/* Section 1 */

.white_header {padding: 20px 0;}

.text_top { color: #17479e; font-size: 13px; text-align: center;  margin: 0; text-transform: uppercase; }

/* Section 1 */



/* Section 2 */

.header_top {background-image: url(assets/images/header.jpg); background-position: left bottom; background-repeat: no-repeat; background-size: cover;  height: 390px; display: table; width: 100%;}

.text_bottom {    display: table-cell;    vertical-align: bottom;}

.title_page {    color: #17479e;    font-size: 33px;    line-height: 37px;    text-transform: uppercase;    font-weight: inherit; }

.title_page span {display: block; font-family: 'Gotham Bold'; }

/* Section 2 */



/* Section 3 */

.section_blue {background: #c4e4f9; padding: 20px 0; }

.table_blue {display: table; width: 100%;}

.table_blue .top_check {margin-top: 20px;}

.table_blue .w30 { width: 30%; }

.table_blue .w35 { width: 35%; }

.table_blue .w33 { width: 33%; }

.table_blue .w45 { width: 45%; }

.hide-desktop { display: none; }


.cell_blue { display: table-cell; vertical-align: middle; }

.blue_format { font-family: 'GothamRO Book'; font-size: 18px; line-height: 24px; color: #17479e; margin: 0; font-weight: inherit;  }

.grey_format {
    font-family: 'Gotham Book Italic';
    color: #565656;
    font-size: 12px;
    margin-top: 20px;}

.blue_format span {font-family: 'Gotham RO Bold'; color: #009fe3;}

.underparagraph{ text-align:center;}



/* Section 3 */



/* section 4 */



.choose {text-align: center; padding: 45px 0; }

.choose .container .blue_format {margin: 10px auto;}

.title_choose { font-family: 'Gotham Bold'; font-size:23px; line-height: 30px; margin: 0 0 30px; color: #17479e; text-transform: uppercase; }

.max_width {    margin: 0px auto; width: 165px; }

.cups_aptamil {padding: 10px 0 45px;}

span .left{
    text-align: left;
}




/* section 4 */



/* section 5 */



.rain_part {padding: 30px 0;}

.rain_part .title_choose { text-align: center; }

.padding_rain { padding: 20px 0 50px; }

.rain_part .table_blue > div { vertical-align: top; }

.top_check > div { vertical-align: top; }

.top_check > div:first-child { width: 30px; }

.top_check img { width:20px; }

.w30 img { margin: 0px auto; width: 85%; }

.icons_bottom { padding: 12px 0; 
    display: inline-block;
    text-align: center;
    width: 65%;
    margin-top: 20px;  }

.mobile { display: none; }



/* list */



.number_list {   list-style: decimal; padding: 0 0 0 22px; margin: 30px 0 10px; }

.number_list li { font-family: 'Gotham RO Bold'; font-size: 18px; line-height: 26px; color: #009fe3; margin: 0; font-weight: inherit;  }

.number_list li span { font-family: 'GothamRO Book'; color: #17479e; }



.none_style { list-style:none; }



/* list */





/* section 5 */



/* section 6 */



.change_rules { padding: 40px 0; }

.change_rules .cell_blue:first-child { width: 33.33%; }

.change_rules .title_choose { text-align: center; }



.common_rules { display: table; font-size: 15px; line-height: 23px; text-decoration: none; font-family: 'Gotham Bold'; }

.common_rules span { display: table-cell; }



.radius_link { margin: 0 0 20px;    color: #fff;    background: #17479e;    padding: 3px 9px;    border-radius: 20px; transition: all 0.4s ease-in-out; }

.radius_link:hover { background: #009fe3; }

.contact_line { color: #17479e; }



.radius_link span { vertical-align: bottom; }

.contact_line span { vertical-align: middle; }



.radius_link .icon_soc img { width: auto; margin-right: 5px; height: 17px; }

.contact_line .icon_soc img { width: auto; margin-right: 5px; height:26px; }



.floating { display: block;}

.aspect { width: 50%;    float: left;}









/* section 6 */



/* section 7 */



.simple_description { font-family: 'GothamRO Book'; font-size: 12px; line-height: 15px; color: #565656; display: table; }

.simple_description span { display: table-cell; vertical-align: top; }

.exclamation { width: 25px; }

.exclamation img { width: 15px; }

.latest_part { padding: 22px 0;}



/* section 7 */



/* footer */



footer { padding: 12px 0px; background: #17479e; display: table; width: 100%; }

.logo_nutricia { float: right; padding: 0 10px; }

.logo_nutricia img { width: 105px; display: block; height: auto; }







/* footer */





/* responsive */



/* all */

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

	body { width: 100%; max-width: 100%; }

    .container { width: 90%; }
    
    .hide-desktop { display: none;}

}





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

	.header_top {background-image: url(assets/images/header_mobile.jpg); background-size: cover;  height: 450px; display: table; width: 100%;}

	

}



/* 540 */

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

	.change_rules .cell_blue { width:100% !important; display: block; }

	.common_rules { margin: 0 auto 20px !important; }

	.apta_nutri {  margin: 0px auto;}

	.hide-desktop { display: none;}

}





/* 320 */

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

    .hide-desktop { 
        display: block;

        margin: 20px auto 0px auto;
    
    }

    .hide-mobile{
        display: none;
    }

    .cups_aptamil {
        padding: 0px;
    }

	.container { width: 80%;}

	.title_page { font-size: 27px;    line-height: 30px;  width: 60%; }

	.title_page span { display: inline; }

	.cell_blue {  display: block; }

	.blue_format br { display: none; }

	.blue_format { font-size: 16px; line-height: 21px; }

	.title_choose { font-size: 19px; line-height: 25px; margin: 0 0 25px; text-align: left; }

	.table_blue .w45 {  width: 100%;}

	.choose {   padding: 35px 0 25px; }

	.max_width {  margin: 20px auto 25px;    width: 135px; }

	.title_choose br {  display: none;}

	

	.table_blue .w35, .table_blue .w30, .table_blue .w33 {  width: 100%;}

	.padding_rain {   display: flex;   flex-direction: column;  padding: 20px 0 10px;}

    .padding_rain > div:first-child { order: 1; }
    
	.padding_rain > div:last-child { order: 2; }

	

	

	.top_check > div {  display: table-cell; }

	.top_check {  padding: 8px 0; }

	.w30 img.rain_image { margin: 0px auto 10px;  width: 70%; }

	.change_rules .title_choose {   text-align: left; }

	.change_rules .cell_blue:first-child {  width: 100%;  }

	.rain_part .title_choose {  text-align: center; }

	.mobile { display: block !important; }

	

	.separated_column { display: flex;    align-items: flex-start; margin-bottom: 15px; }

	ul.number_list.none_style {  padding: 0 0 0 10px; }

	.icons_bottom_mobile {    flex-basis: 22%;    flex-grow: 0;    flex-shrink: 0; position: relative;   z-index: 99; }

	.icons_bottom_mobile::after {position: absolute; background: #F7E8A6; content: ''; left: 50%; width: 6px; height: 100px; top: 80%; z-index: 9; margin-left: -3px; }

	.icons_bottom_mobile img { position:relative; z-index: 15; }

	.line_full .separated_column:last-child .icons_bottom_mobile::after { content: none; } 

    
	

	.aspect {  width: 100%;}

	.common_rules { font-size: 13px; line-height: 23px; margin: 0 auto 13px !important; }



	



    .icons_bottom {
        padding: 20 0px;
        display: inline-block;
        width: auto;
        text-align: center;
    }

	.number_list {  margin: 0; padding: 0 0 0 30px; }

	.number_list li {  font-size: 15px; line-height: 24px;  margin-bottom: 6px; }

	

	

}