@charset "UTF-8";

@font-face {
    font-family: 'Myriad';
    src: url('fonts/MyriadProBlack.eot');
    src: url('fonts/MyriadProBlack.eot') format('embedded-opentype'), url('fonts/MyriadProBlack.woff2') format('woff2'), url('fonts/MyriadProBlack.woff') format('woff'), url('fonts/MyriadProBlack.ttf') format('truetype'), url('fonts/MyriadProBlack.svg#MyriadProBlack') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad';
    src: url('fonts/MyriadProBlackItalic.eot');
    src: url('fonts/MyriadProBlackItalic.eot') format('embedded-opentype'), url('fonts/MyriadProBlackItalic.woff2') format('woff2'), url('fonts/MyriadProBlackItalic.woff') format('woff'), url('fonts/MyriadProBlackItalic.ttf') format('truetype'), url('fonts/MyriadProBlackItalic.svg#MyriadProBlack') format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Myriad';
    src: url('fonts/MyriadProBold.eot');
    src: url('fonts/MyriadProBold.eot') format('embedded-opentype'), url('fonts/MyriadProBold.woff2') format('woff2'), url('fonts/MyriadProBold.woff') format('woff'), url('fonts/MyriadProBold.ttf') format('truetype'), url('fonts/MyriadProBold.svg#MyriadProBlack') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad';
    src: url('fonts/MyriadProLight.eot');
    src: url('fonts/MyriadProLight.eot') format('embedded-opentype'), url('fonts/MyriadProLight.woff2') format('woff2'), url('fonts/MyriadProLight.woff') format('woff'), url('fonts/MyriadProLight.ttf') format('truetype'), url('fonts/MyriadProLight.svg#MyriadProLight') format('svg');
    font-weight: 100;
    font-style: normal;
}


@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/FontAwesome.eot');
    src: url('fonts/FontAwesome.eot') format('embedded-opentype'), url('fonts/FontAwesome.woff2') format('woff2'), url('fonts/FontAwesome.woff') format('woff'), url('fonts/FontAwesome.ttf') format('truetype'), url('fonts/FontAwesome.svg#FontAwesome') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    -webkit-text-size-adjust: none;
    min-height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    min-height: 100%;
}

.img {
    border: 0px;
}

a > img {
    border: 0px;
}

a {
    text-decoration: none;
}

input::-ms-clear {
    display: none;
}

.float-placeholder {
    overflow: hidden;
}

.margin0auto {
    margin: 0 auto;
}

.margin-bottom20 {
    margin-bottom: 20px;
}

.center {
    text-align: center;
    margin: 0 auto;
}

div.web_background {
    background-image: url(images/web_body_bg.jpg);
    -webkit-font-smoothing: antialiased;
    background-position: center top;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    background-color: #eaf1f4;
}





*:focus {
    outline: none;
}


div {
    position: relative;
}

.text-color_yellow {
    color: #ffb503;
}

@media only print {
    #master_header, #master_footer {
        display: none !important;
    }
    div.web_background {
        background-image:none !important;
        background-color:#fff;
    }
    #chemitdatasheet > h2 {
        display: none;
    }
    div.report-box-placeholder, div.box-contact, div.box-resin {
        border: none !important;
        padding-left: 0px !important;
    }

        div.report-box-placeholder *, div.box-contact *, div.box-resin * {
            padding-left: 0px !important;
        }
}

@media only screen and (min-width: 1080px) and (max-width: 9990px) and (orientation: landscape) {

    /*-----HEADER-----*/
    div.web_desktop-header_placeholder {
        background-image: url(images/web_bg_header_sarga-atlatszo.png);
        background-repeat: repeat-x;
        width: 100%;
        margin: 0 auto;
    }

    div.web_logo-menu_placeholder {
        margin: 0 auto;
        max-width: 1360px;
        min-width: 1080px;
        padding: 20px 60px 0px 60px;
        overflow: hidden;
    }


    div.web_logo {
        float: left;
        width: 265 px;
    }

        div.web_logo img {
            width: 100%;
        }

    div.web_menu {width:100%;
        float: left;
        /*padding-top: 43px;*/
        /*padding-left: 15px;*/
		padding-top:15px;
		
    }

    div.web_header-picture_wrapper {
        max-width: 1360px;
        min-width: 1080px;
        background-color: #ffb502;
        background-image: url(images/web_bg_sarga.svg);
        margin: 0 auto;
    }

    div.web_header-picture {
        width: 1300px;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-size: 100%;
        text-align: center;
        padding-bottom: 25px;
    }

        div.web_header-picture img {
            width: 100%;
        }

    div.web_header-picture_triangle {
        position: absolute;
        top: 0;
        z-index: 1000;
        left: 30px;
    }

    div.web_header-picture_banner-text {
        position: absolute;
        display: inline-block;
        text-align: center;
        background-image: url(images/web_bg_banner_text_lila.png);
        top: 250px;
        margin: 0 auto;
        padding: 25px;
        width: calc(80% - 60px);
        margin-left: -40%;
        left: 50%;
    }

    span.web_banner-text_bold {
        color: #fff;
        FONT-FAMILY: Myriad, Arial;
        font-size: 48px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0px 10px 0px 10px;
        display: block;
    }

    span.web_banner-text_light {
        color: #fff;
        FONT-FAMILY: Myriad, Arial;
        font-size: 28px;
        font-weight: 100;
        text-transform: uppercase;
        padding: 0px 10px 0px 10px;
        display: block;
    }
	
	div.flag_placeholder {position:absolute;
		top:15px;
		right:15px;
		z-index: 1000;}
	
	div.flag_placeholder a {display:inline-block;}
	
	div.flag_placeholder img {display:block;
		width:35px;
		padding-left:10px;}

    /*-----END OF HEADER-----*/

    /*-----HEADER INSIDE-----*/
    div.web_desktop-header-inside_placeholder {
        background-repeat: repeat-x;
        width: 100%;
        margin: 0 auto;
    }

    div.web_logo-menu-inside_wrapper {
        background-image: url(images/web_bg_header_sarga-atlatszo.png);
    }

    div.web_logo-menu-inside_placeholder {
        margin: 0 auto;
        width: 1300px;
        padding: 20px 0px 0px 0px;
        overflow: hidden;
    }

    div.web_header_triangle_placeholder {
        width: 1300px;
        position: relative;
        margin: 0 auto;
    }

    div.web_header_triangle {
        position: relative;
        width: 1300px;
        background-image: url(images/web_bg_content_white_1080.png);
        background-repeat: repeat-y;
        background-position: center;
    }

        div.web_header_triangle img {
            width: 100%;
        }



    /*-----END OF HEADER INSIDE-----*/


    /*-----CONTENT-------*/

    div.web_content-placeholder {
        position: relative;
        width: 1000px;
        padding: 40px;
        background-color: #fff;
        margin: 0 auto;
    }

        div.web_content-placeholder h1 {
            color: #000;
            FONT-FAMILY: Myriad, Arial;
            font-size: 28px;
            line-height: 120%;
            font-weight: 700;
            text-align: center;
            text-transform: uppercase;
            margin: 0px 0 30px 0;
        }

        div.web_content-placeholder h2 {
            color: #5a5a5a;
            FONT-FAMILY: Myriad, Arial;
            font-size: 24px;
            line-height: 120%;
            font-weight: 100;
            text-align: center;
            text-transform: uppercase;
            margin: 0px 0 30px 0;
        }

        div.web_content-placeholder h3 {
            color: #000;
            FONT-FAMILY: Myriad, Arial;
            font-size: 16px;
            line-height: 22px;
            font-weight: 700;
            text-align: left;
            text-transform: uppercase;
            margin: 0px 0 0px 0;
        }

        div.web_content-placeholder p {
            color: #5a5a5a;
            FONT-FAMILY: Arial;
            font-size: 16px;
            line-height: 22px;
            font-weight: normal;
            text-align: left;
            margin: 0px 0 22px 0;
        }

        div.web_content-placeholder ul {
            color: #5a5a5a;
            FONT-FAMILY: Arial;
            font-size: 16px;
            line-height: 22px;
            font-weight: normal;
            text-align: left;
            margin: 0px 0 22px 0;
        }

        div.web_content-placeholder li {
        }

    div.web_two-coloumns_placeholder {
/*        column-gap: 30px;
        column-count: 2;*/
        /*column-fill: auto;*/
    }

    div.web_content-placeholder a {
        color: #76cadf;
        FONT-FAMILY: Arial;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
    }

        div.web_content-placeholder a:hover {
            color: #ffb503;
            text-decoration: none;
        }


	
	/*-----BUY BOX-------*/
	
	div.web_buy_box {
        border: 6px solid #ffb502;
        width: calc(25% - 20px);
        margin: 10px;
        text-align: center;
        padding: 20px;
		box-sizing: border-box;
    }
	div.web_button_center_placeholder {}
	div.web_button_buy {
		display: inline-block;
		color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 18px;
        line-height: 120%;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
		padding:12px 12px 10px 12px;;
		background-color: #76cadf;
		cursor:pointer;}
	
	div.web_button_buy:hover {background-color: #ffb502;}
	
	div.web_buy_box_placeholder {padding-bottom:50px;
		width: 100%;
		display:flex;
		flex-wrap: wrap;
		justify-content:space-between;}
	
	div.web_buy_box_title {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 28px;
        line-height: 120%;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        margin: 5px 0 0px 0;
    }
	
	div.web_buy_box_price {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 18px;
        line-height: 125%;
        font-weight: normlal;
        text-transform: uppercase;
        text-align: center;
        margin: 0px 0 15px 0;
    }
	
/*-----END OF BUY BOX-------*/
	
	
	
	
    /*-------ACCOUNT------*/

    .col-container {
        display: flex;
        width: 100%;
    }

    .col {
        flex: 1;
    }

    div.web_account_select_placeholder {
        overflow: hidden;
    }


    div.web_account_select_box_meeting {
        border: 6px solid #487bb3;
        width: calc(33% - 70px);
        margin: 10px;
        float: left;
        text-align: center;
        padding: 20px;
    }

        div.web_account_select_box_meeting img {
            width: 45%;
            display: block;
            margin: 0 auto;
        }


    div.web_account_select_box_chemit {
        border: 6px solid #76cadf;
        width: calc(33% - 70px);
        margin: 10px;
        float: left;
        text-align: center;
        padding: 20px;
    }

        div.web_account_select_box_chemit img {
            width: 45%;
            display: block;
            margin: 0 auto;
        }

    div.web_account_select_box_myceppi {
        border: 6px solid #ffb502;
        width: calc(33% - 70px);
        margin: 10px;
        float: left;
        text-align: center;
        padding: 20px;
    }

        div.web_account_select_box_myceppi img {
            width: 45%;
            display: block;
            margin: 0 auto;
        }

    div.web_account_select_box_profile {
        border: 6px solid #22dfa3;
        width: calc(33% - 70px);
        margin: 10px;
        float: left;
        text-align: center;
        padding: 20px;
    }

        div.web_account_select_box_profile img {
            width: 45%;
            display: block;
            margin: 0 auto;
        }

    div.web_account_select_box_title {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 20px;
        line-height: 120%;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        margin: 20px 0 10px 0;
    }

    div.web_account_select_box_subtitle {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 12px;
        line-height: 125%;
        font-weight: normlal;
        text-transform: uppercase;
        text-align: center;
        margin: 5px 0 10px 0;
    }

    div.web_account_select_box_title:hover {
        color: #5a5a5a;
    }

    /*------END OF ACCOUNT--------*/


    /*------ CONTENT SERVICES-------*/

    div.web_home_services_placeholder {
        display: flex;
        justify-content: space-between;
    }





    /*------ CONTENT SERVICES MYCEPPI-------*/
    div.web_home_box_myceppi {
        border: 6px solid #ffb502;
        padding: 20px;
        width: 265px;
    }

    div.web_home_box_myceppi_logo_placeholder {
        position: relative;
        text-align: center;
    }

        div.web_home_box_myceppi_logo_placeholder img {
            width: 45%;
            padding-top: 10px;
        }

    div.web_home_box_title {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 20px;
        line-height: 120%;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        margin: 20px 0 10px 0;
    }

    div.web_home_box_description {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: 120%;
        margin-bottom: 20px;
    }

    div.web_home_box_buttons_placeholder {
        width: calc(100% - 0px);
        overflow: hidden;
    }

    div.web_home_box_buttons_android_app_placeholder {
        width: calc(50% - 5px);
        min-width: 130px;
        float: left;
    }

    div.web_home_box_buttons_ios_app_placeholder {
        width: calc(50% - 5px);
        min-width: 130px;
        float: right;
    }

    div.web_button_myceppi_app {
        margin-bottom: 5px;
        background-color: #ffb502;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_myceppi_app span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 15px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }

            div.web_button_myceppi_app span::before {
                FONT-FAMILY: FontAwesome;
                content: " \f0A9";
                color: #fff;
                padding-right: 7px;
            }

    div.web_button_myceppi_qr_view {
        background-color: #ffb502;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_myceppi_qr_view span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 15px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }



    div.web_button_myceppi_qr_code { /*display:none;*/
        text-align: center;
        width: 100%;
        cursor: pointer;
    }

        div.web_button_myceppi_qr_code img {
            width: 50%;
            display: block;
            margin: 0 auto;
        }

    /*------ END OF CONTENT SERVICES MYCEPPI-------*/


    /*------ CONTENT SERVICES CHEMIT-------*/

    div.web_home_box_chemit {
        border: 6px solid #76cadf;
        padding: 20px;
        width: 265px;
    }

    div.web_home_box_chemit_logo_placeholder {
        position: relative;
        text-align: center;
    }

        div.web_home_box_chemit_logo_placeholder img {
            width: 45%;
            padding-top: 10px;
        }

    div.web_button_chemit_app {
        margin-bottom: 5px;
        background-color: #76cadf;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_chemit_app span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 15px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }

            div.web_button_chemit_app span::before {
                FONT-FAMILY: FontAwesome;
                content: " \f0A9";
                color: #fff;
                padding-right: 7px;
            }

    div.web_button_chemit_qr_view {
        background-color: #76cadf;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_chemit_qr_view span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 15px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }



    div.web_button_chemit_qr_code { /*display:none;*/
        text-align: center;
        width: 100%;
        cursor: pointer;
    }

        div.web_button_chemit_qr_code img {
            width: 50%;
            display: block;
            margin: 0 auto;
        }

    /*------ END OF CONTENT SERVICES CHEMIT-------*/


    /*------ CONTENT SERVICES MEETING-------*/

    div.web_home_box_meeting {
        border: 6px solid #487bb3;
        padding: 20px;
        width: 265px;
    }

    div.web_home_box_meeting_logo_placeholder {
        position: relative;
        text-align: center;
    }

        div.web_home_box_meeting_logo_placeholder img {
            width: 45%;
            padding-top: 10px;
        }

    div.web_button_meeting_app {
        margin-bottom: 5px;
        background-color: #487bb3;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_meeting_app span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 15px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }

            div.web_button_meeting_app span::before {
                FONT-FAMILY: FontAwesome;
                content: " \f0A9";
                color: #fff;
                padding-right: 7px;
            }

    div.web_button_meeting_qr_view {
        background-color: #487bb3;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_meeting_qr_view span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 15px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }


    div.web_button_meeting_qr_code { /*display:none;*/
        text-align: center;
        width: 100%;
        cursor: pointer;
    }

        div.web_button_meeting_qr_code img {
            width: 50%;
            display: block;
            margin: 0 auto;
        }

    /*------ END OF CONTENT SERVICES MEETING-------*/

    /*------END OF CONTENT SERVICES-------*/





    /*------CONTENT TEXT ABOUT-------*/

    div.web_home_about_placeholder {
        margin-top: 60px;
    }

    div.web_three-coloumns_placeholder {
        column-gap: 30px;
        column-count: 3;
        /*column-fill: auto;*/
    }

    div.web_home_about_placeholder h1 {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 28px;
        line-height: 120%;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        margin: 0px 0 30px 0;
    }

    div.web_home_about_placeholder h3 {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
        margin: 0px 0 0px 0;
    }

    div.web_home_about_placeholder p {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 22px;
        font-weight: normal;
        text-align: left;
        margin: 0px 0 22px 0;
    }

    div.web_home_about_placeholder ul {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 22px;
        font-weight: normal;
        text-align: left;
        margin: 0px 0 22px 0;
    }

    div.web_home_about_placeholder li {
    }

    /*------END OF CONTENT TEXT ABOUT-------*/


    /*------CONTENT TEXT CONTACTS-------*/

    div.web_home_contacts_placeholder {
        margin-top: 60px;
    }

        div.web_home_contacts_placeholder h1 {
            color: #000;
            FONT-FAMILY: Myriad, Arial;
            font-size: 28px;
            line-height: 120%;
            font-weight: 700;
            text-align: center;
            text-transform: uppercase;
            margin: 0px 0 20px 0;
        }

        div.web_home_contacts_placeholder h2 {
            color: #5a5a5a;
            FONT-FAMILY: Myriad, Arial;
            font-size: 18px;
            line-height: 120%;
            font-weight: 700;
            text-align: center;
            margin: 0px 0 30px 0;
        }

        div.web_home_contacts_placeholder h2 > a {
            color: #5a5a5a;
            FONT-FAMILY: Myriad, Arial;
            font-size: 18px;
            line-height: 120%;
            font-weight: 700;
            text-align: center;
            margin: 0px 0 30px 0;
        }

    div.web_home_contacts_persons_wrapper {
        overflow: hidden;
    }

    div.web_home_contacts_persons_placeholder {
        width: calc(33% - 30px);
        float: left;
        margin: 15px;
    }

    div.web_home_contacts_person_picture img {
        width: 100%;
    }

    div.web_home_contacts_person_name {
        color: #ffb503;
        FONT-FAMILY: Myriad, Arial;
        font-size: 24px;
        line-height: 120%;
        font-weight: 700;
        text-align: center;
        margin: 10px 0 8px 0;
    }

    div.web_home_contacts_person_position {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 120%;
        font-weight: normal;
        text-align: center;
        margin: 0px 0 2px 0;
    }

    div.web_home_contacts_person_phone {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 120%;
        font-weight: normal;
        text-align: center;
        margin: 0px 0 2px 0;
    }

    div.web_home_contacts_person_email {
        color: #76cadf;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 120%;
        font-weight: normal;
        text-align: center;
        margin: 0px 0 0px 0;
        cursor: pointer;
    }

        div.web_home_contacts_person_email:hover {
            color: #ffb503;
        }

        div.web_home_contacts_person_email a {
            color: #76cadf;
            FONT-FAMILY: Arial;
            font-size: 16px;
            line-height: 120%;
            font-weight: normal;
            text-align: center;
            margin: 0px 0 0px 0;
        }

            div.web_home_contacts_person_email a:hover {
                color: #ffb503;
            }

    /*------END OF CONTENT TEXT CONTACTS-------*/


    /*-----END OF CONTENT-------*/





    /*-----FOOTER-------*/
    div.web_footer-placeholder {
        width: 100%;
        position: relative;
    }

    div.web_footer {
        max-width: 1360px;
        position: relative;
        margin: 0 auto;
        background-image: url(images/web_bg_content_white_1080.png);
        background-repeat: repeat-y;
        background-position: center;
        /*height:289px;*/
    }

        div.web_footer img {
            width: 100%;
            display: block;
        }

    div.web_footer_logo-text_placeholder {
        position: absolute;
        bottom: 50px;
        width: calc(100% - 0px);
        margin-left: -50%;
        left: 50%;
    }

    div.web_footer_logo-placeholder {
        text-align: center;
        width: 150px;
        margin: 0 auto;
        padding-bottom: 13px;
    }

        div.web_footer_logo-placeholder img {
            width: 100%;
        }

    div.web_footer_text-placeholder {
        text-align: center;
    }
    /*-----END OF FOOTER-------*/


}











@media only screen and (min-width: 650px) and (max-width: 1079px) and (orientation: landscape) {
    /*-----HEADER-----*/
    div.web_desktop-header_placeholder {
        background-image: url(images/web_bg_header_sarga-atlatszo.png);
        background-repeat: repeat-x;
        width: 100%;
        margin: 0 auto;
    }

    div.web_logo-menu_placeholder {
        margin: 0 auto;
        width:calc(100% - 120px);
        padding: 20px 60px 0px 60px;
        overflow: hidden;
    }


    div.web_logo {
        float: left;
        width: 265 px;
    }

        div.web_logo img {
            width: 100%;
        }

    div.web_menu {
        width:100%;
        float: left;
        /*padding-top: 43px;*/
        /*padding-left: 15px;*/
		padding-top:15px;
    }

    div.web_header-picture_wrapper {
        width: 100%;
        background-color: #ffb502;
        background-image: url(images/web_bg_sarga.svg);
        margin: 0 auto;
    }

    div.web_header-picture { /*width:1300px;*/
        margin: 0 auto;
        background-repeat: no-repeat;
        background-size: 100%;
        text-align: center;
        padding-bottom: 25px;
    }

        div.web_header-picture img {
            width: 100%;
        }

    div.web_header-picture_triangle {
        position: absolute;
        top: 0;
        z-index: 1000;
        left: 0px;
    }

        div.web_header-picture_triangle img {
            width: 100%;
        }

    div.web_header-picture_banner-text {
        position: absolute;
        display: inline-block;
        text-align: center;
        background-image: url(images/web_bg_banner_text_lila.png);
        top: calc(30% - 30px);
        margin: 0 auto;
        padding: 20px;
        width: calc(80% - 60px);
        margin-left: -40%;
        left: 50%;
    }

    span.web_banner-text_bold {
        color: #fff;
        FONT-FAMILY: Myriad, Arial;
        font-size: 36px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0px 10px 0px 10px;
        display: block;
    }

    span.web_banner-text_light {
        color: #fff;
        FONT-FAMILY: Myriad, Arial;
        font-size: 20px;
        font-weight: 100;
        text-transform: uppercase;
        padding: 0px 10px 0px 10px;
        display: block;
    }
	
	div.flag_placeholder {position:absolute;
		top:15px;
		right:15px;
		z-index: 1000;}
	
	div.flag_placeholder a {display:inline-block;}
	
	div.flag_placeholder img {display:block;
		width:30px;
		padding-left:10px;}

    /*-----END OF HEADER-----*/



    /*-----HEADER INSIDE-----*/
    div.web_desktop-header-inside_placeholder {
        background-repeat: repeat-x;
        width: 100%;
        margin: 0 auto;
    }

    div.web_logo-menu-inside_wrapper {
        background-image: url(images/web_bg_header_sarga-atlatszo.png);
    }

    div.web_logo-menu-inside_placeholder {
        margin: 0 auto;
        width:calc(100% - 40px);
        padding: 20px 20px 0px 20px;
        overflow: hidden;
		background-image: url(images/web_bg_sarga.svg);
    }

    div.web_header_triangle_placeholder {
        width: 100%;
        position: relative;
        margin: 0 auto;
    }

    div.web_header_triangle {
        position: relative;
        width: 100%;
        background-color: #fff;
    }

        div.web_header_triangle img {
            width: 100%;
        }

    /*-----END OF HEADER INSIDE-----*/



    /*-----CONTENT-------*/

    div.web_content-placeholder {
        position: relative;
        width: calc(100% - 80px);
        padding: 40px;
        background-color: #fff;
        margin: 0 auto;
    }

        div.web_content-placeholder h1 {
            color: #000;
            FONT-FAMILY: Myriad, Arial;
            font-size: 28px;
            line-height: 120%;
            font-weight: 700;
            text-align: center;
            text-transform: uppercase;
            margin: 0px 0 30px 0;
        }

        div.web_content-placeholder h2 {
            color: #5a5a5a;
            FONT-FAMILY: Myriad, Arial;
            font-size: 24px;
            line-height: 120%;
            font-weight: 100;
            text-align: center;
            text-transform: uppercase;
            margin: 0px 0 30px 0;
        }

        div.web_content-placeholder h3 {
            color: #000;
            FONT-FAMILY: Myriad, Arial;
            font-size: 16px;
            line-height: 22px;
            font-weight: 700;
            text-align: left;
            text-transform: uppercase;
            margin: 0px 0 0px 0;
        }

        div.web_content-placeholder p {
            color: #5a5a5a;
            FONT-FAMILY: Arial;
            font-size: 16px;
            line-height: 22px;
            font-weight: normal;
            text-align: left;
            margin: 0px 0 22px 0;
        }

        div.web_content-placeholder ul {
            color: #5a5a5a;
            FONT-FAMILY: Arial;
            font-size: 16px;
            line-height: 22px;
            font-weight: normal;
            text-align: left;
            margin: 0px 0 22px 0;
        }

        div.web_content-placeholder li {
        }

    div.web_two-coloumns_placeholder {
/*        column-gap: 30px;
        column-count: 2;*/
        /*column-fill: auto;*/
    }

    div.web_content-placeholder a {
        color: #76cadf;
        FONT-FAMILY: Arial;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
    }

        div.web_content-placeholder a:hover {
            color: #ffb503;
            text-decoration: none;
        }

	
	/*-----BUY BOX-------*/
	
	div.web_buy_box {
        border: 6px solid #ffb502;
        width: calc(25% - 20px);
        margin: 10px;
        text-align: center;
        padding: 20px;
		box-sizing: border-box;
    }
	div.web_button_center_placeholder {}
	div.web_button_buy {
		display: inline-block;
		color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 18px;
        line-height: 120%;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
		padding:12px 12px 10px 12px;;
		background-color: #76cadf;
		cursor:pointer;}
	
	div.web_button_buy:hover {background-color: #ffb502;}
	
	div.web_buy_box_placeholder {padding-bottom:50px;
		width: 100%;
		display:flex;
		flex-wrap: wrap;
		justify-content:space-between;}
	
	div.web_buy_box_title {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 28px;
        line-height: 120%;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        margin: 5px 0 0px 0;
    }
	
	div.web_buy_box_price {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 18px;
        line-height: 125%;
        font-weight: normlal;
        text-transform: uppercase;
        text-align: center;
        margin: 0px 0 15px 0;
    }
	
/*-----END OF BUY BOX-------*/
	
	

    /*-------ACCOUNT------*/

    .col-container {
        display: flex;
        width: 100%;
    }

    .col {
        flex: 1;
    }

    div.web_account_select_placeholder {
        overflow: hidden;
    }


    div.web_account_select_box_meeting {
        border: 6px solid #487bb3;
        width: calc(33% - 70px);
        margin: 10px;
        float: left;
        text-align: center;
        padding: 20px;
    }

        div.web_account_select_box_meeting img {
            width: 45%;
            display: block;
            margin: 0 auto;
        }


    div.web_account_select_box_chemit {
        border: 6px solid #76cadf;
        width: calc(33% - 70px);
        margin: 10px;
        float: left;
        text-align: center;
        padding: 20px;
    }

        div.web_account_select_box_chemit img {
            width: 45%;
            display: block;
            margin: 0 auto;
        }

    div.web_account_select_box_myceppi {
        border: 6px solid #ffb502;
        width: calc(33% - 70px);
        margin: 10px;
        float: left;
        text-align: center;
        padding: 20px;
    }

        div.web_account_select_box_myceppi img {
            width: 45%;
            display: block;
            margin: 0 auto;
        }

    div.web_account_select_box_profile {
        border: 6px solid #22dfa3;
        width: calc(33% - 70px);
        margin: 10px;
        float: left;
        text-align: center;
        padding: 20px;
    }

        div.web_account_select_box_profile img {
            width: 45%;
            display: block;
            margin: 0 auto;
        }

    div.web_account_select_box_title {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 20px;
        line-height: 120%;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        margin: 20px 0 10px 0;
    }

    div.web_account_select_box_subtitle {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 12px;
        line-height: 125%;
        font-weight: normlal;
        text-transform: uppercase;
        text-align: center;
        margin: 5px 0 10px 0;
    }

    div.web_account_select_box_title:hover {
        color: #5a5a5a;
    }

    /*------END OF ACCOUNT--------*/


    /*------ CONTENT SERVICES-------*/

    div.web_home_services_placeholder {
       /* display: flex;
        justify-content: space-between;*/
		overflow:hidden;
    }





    /*------ CONTENT SERVICES MYCEPPI-------*/
    div.web_home_box_myceppi {
        border: 6px solid #ffb502;
        padding: 20px;
       /* width: 265px;*/
	    width: calc(33% - 72px);
        float: left;
        margin:0 10px;
    }

    div.web_home_box_myceppi_logo_placeholder {
        position: relative;
        text-align: center;
    }

        div.web_home_box_myceppi_logo_placeholder img {
            width: 45%;
            padding-top: 10px;
        }

    div.web_home_box_title {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 20px;
        line-height: 120%;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        margin: 20px 0 10px 0;
    }

    div.web_home_box_description {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: 120%;
        margin-bottom: 20px;
    }

    div.web_home_box_buttons_placeholder {
        width: calc(100% - 0px);
        overflow: hidden;
    }

    div.web_home_box_buttons_android_app_placeholder {
        /*width: calc(100% - 40px);*/
        /*min-width: 130px;*/
        /*float: right;*/
    }

    div.web_home_box_buttons_ios_app_placeholder {
        /*width: calc(100% - 40px);*/
        /*min-width: 130px;*/
        /*float: right;*/
    }

    div.web_button_myceppi_app {
		width:100%;
        margin-bottom: 5px;
        background-color: #ffb502;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_myceppi_app span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 13px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }

            div.web_button_myceppi_app span::before {
                FONT-FAMILY: FontAwesome;
                content: " \f0A9";
                color: #fff;
                padding-right: 7px;
            }

    div.web_button_myceppi_qr_view {display:none;
        background-color: #ffb502;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_myceppi_qr_view span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 13px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }



    div.web_button_myceppi_qr_code {display:none;
        width: 100%;
        cursor: pointer;
    }

        div.web_button_myceppi_qr_code img {
            width: 100%;
            display: block;
            margin: 0 auto;
        }

    /*------ END OF CONTENT SERVICES MYCEPPI-------*/


    /*------ CONTENT SERVICES CHEMIT-------*/

    div.web_home_box_chemit {
        border: 6px solid #76cadf;
        padding: 20px;
         /* width: 265px;*/
	    width: calc(33% - 72px);
        float: left;
        margin:0 10px;
    }

    div.web_home_box_chemit_logo_placeholder {
        position: relative;
        text-align: center;
    }

        div.web_home_box_chemit_logo_placeholder img {
            width: 45%;
            padding-top: 10px;
        }

    div.web_button_chemit_app {
        margin-bottom: 5px;
        background-color: #76cadf;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_chemit_app span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 13px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }

            div.web_button_chemit_app span::before {
                FONT-FAMILY: FontAwesome;
                content: " \f0A9";
                color: #fff;
                padding-right: 7px;
            }

    div.web_button_chemit_qr_view {display:none;
        background-color: #76cadf;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_chemit_qr_view span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 13px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }



    div.web_button_chemit_qr_code { display:none;
        text-align: center;
        width: 100%;
        cursor: pointer;
    }

        div.web_button_chemit_qr_code img {
            width: 50%;
            display: block;
            margin: 0 auto;
        }

    /*------ END OF CONTENT SERVICES CHEMIT-------*/


    /*------ CONTENT SERVICES MEETING-------*/

    div.web_home_box_meeting {
        border: 6px solid #487bb3;
        padding: 20px;
        /* width: 265px;*/
	    width: calc(33% - 72px);
        float: left;
        margin:0 10px;
    }

    div.web_home_box_meeting_logo_placeholder {
        position: relative;
        text-align: center;
    }

        div.web_home_box_meeting_logo_placeholder img {
            width: 45%;
            padding-top: 10px;
        }

    div.web_button_meeting_app {
        margin-bottom: 5px;
        background-color: #487bb3;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_meeting_app span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 13px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }

            div.web_button_meeting_app span::before {
                FONT-FAMILY: FontAwesome;
                content: " \f0A9";
                color: #fff;
                padding-right: 7px;
            }

    div.web_button_meeting_qr_view {display:none;
        background-color: #487bb3;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_meeting_qr_view span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 13px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }


    div.web_button_meeting_qr_code { display:none;
        text-align: center;
        width: 100%;
        cursor: pointer;
    }

        div.web_button_meeting_qr_code img {
            width: 50%;
            display: block;
            margin: 0 auto;
        }

    /*------ END OF CONTENT SERVICES MEETING-------*/

    /*------END OF CONTENT SERVICES-------*/





    /*------CONTENT TEXT ABOUT-------*/

    div.web_home_about_placeholder {
        margin-top: 60px;
    }

    div.web_three-coloumns_placeholder {
        column-gap: 30px;
        column-count: 3;
        /*column-fill: auto;*/
    }

    div.web_home_about_placeholder h1 {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 28px;
        line-height: 120%;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        margin: 0px 0 30px 0;
    }

    div.web_home_about_placeholder h3 {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
        margin: 0px 0 0px 0;
    }

    div.web_home_about_placeholder p {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 22px;
        font-weight: normal;
        text-align: left;
        margin: 0px 0 22px 0;
    }

    div.web_home_about_placeholder ul {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 22px;
        font-weight: normal;
        text-align: left;
        margin: 0px 0 22px 0;
    }

    div.web_home_about_placeholder li {
    }

    /*------END OF CONTENT TEXT ABOUT-------*/


    /*------CONTENT TEXT CONTACTS-------*/

    div.web_home_contacts_placeholder {
        margin-top: 60px;
    }

        div.web_home_contacts_placeholder h1 {
            color: #000;
            FONT-FAMILY: Myriad, Arial;
            font-size: 28px;
            line-height: 120%;
            font-weight: 700;
            text-align: center;
            text-transform: uppercase;
            margin: 0px 0 20px 0;
        }

        div.web_home_contacts_placeholder h2 {
            color: #5a5a5a;
            FONT-FAMILY: Myriad, Arial;
            font-size: 18px;
            line-height: 120%;
            font-weight: 700;
            text-align: center;
            margin: 0px 0 30px 0;
        }

        div.web_home_contacts_placeholder h2 > a {
            color: #5a5a5a;
            FONT-FAMILY: Myriad, Arial;
            font-size: 18px;
            line-height: 120%;
            font-weight: 700;
            text-align: center;
            margin: 0px 0 30px 0;
        }

    div.web_home_contacts_persons_wrapper {
        overflow: hidden;
    }

    div.web_home_contacts_persons_placeholder {
        width: calc(33% - 30px);
        float: left;
        margin: 15px;
    }

    div.web_home_contacts_person_picture img {
        width: 100%;
    }

    div.web_home_contacts_person_name {
        color: #ffb503;
        FONT-FAMILY: Myriad, Arial;
        font-size: 24px;
        line-height: 120%;
        font-weight: 700;
        text-align: center;
        margin: 10px 0 8px 0;
    }

    div.web_home_contacts_person_position {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 120%;
        font-weight: normal;
        text-align: center;
        margin: 0px 0 2px 0;
    }

    div.web_home_contacts_person_phone {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 120%;
        font-weight: normal;
        text-align: center;
        margin: 0px 0 2px 0;
    }

    div.web_home_contacts_person_email {
        color: #76cadf;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 120%;
        font-weight: normal;
        text-align: center;
        margin: 0px 0 0px 0;
        cursor: pointer;
    }

        div.web_home_contacts_person_email:hover {
            color: #ffb503;
        }

        div.web_home_contacts_person_email a {
            color: #76cadf;
            FONT-FAMILY: Arial;
            font-size: 16px;
            line-height: 120%;
            font-weight: normal;
            text-align: center;
            margin: 0px 0 0px 0;
        }

            div.web_home_contacts_person_email a:hover {
                color: #ffb503;
            }

    /*------END OF CONTENT TEXT CONTACTS-------*/


    /*-----END OF CONTENT-------*/




    /*-----FOOTER-------*/
    div.web_footer-placeholder {
        width:100% ;
        position: relative;
    }

    div.web_footer {
        width: 100%;
        margin: 0 auto;
        background-image: url(images/web_bg_content_white_1080.png);
        background-repeat: repeat-y;
        background-position: center;
    }

        div.web_footer img {display:block;
            width: 100%;
        }

    div.web_footer_logo-text_placeholder {
        position: absolute;
        bottom: 25px;
        width:100%;
        margin-left: -50%;
        left: 50%;
    }

    div.web_footer_logo-placeholder {
        text-align: center;
        /*width: 150px;*/
		width:16%;
        margin: 0 auto;
        padding-bottom: 10px;
    }

        div.web_footer_logo-placeholder img {
            width: 100%; display:block;
        }

    div.web_footer_text-placeholder {
        text-align: center;
    }
    /*-----END OF FOOTER-------*/
}













@media only screen and (min-width: 650px) and (max-width: 9990px) and (orientation: portrait) {
    /*-----HEADER-----*/
    div.web_desktop-header_placeholder {
        background-image: url(images/web_bg_header_sarga-atlatszo.png);
		
        background-repeat: repeat-x;
        width: 100%;
        margin: 0 auto;
    }

    div.web_logo-menu_placeholder {
        margin: 0 auto;
        width: 100%;
		box-sizing: border-box;
        padding: 20px 60px 0px 60px;
        overflow: hidden;
		background-image: url(images/web_bg_sarga.svg);
    }


    div.web_logo {
        float: left;
        width: 265 px;
    }

        div.web_logo img {
            width: 100%;
        }

    div.web_menu {width:100%;
        /*float: left;*/
        padding-top: 15px;
        padding-left: 0px;
		display:flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		box-sizing: border-box;
    }

    div.web_header-picture_wrapper {
        width: 100%;
        background-color: #ffb502;
        background-image: url(images/web_bg_sarga.svg);
        margin: 0 auto;
    }

    div.web_header-picture { /*width:1300px;*/
        margin: 0 auto;
        background-repeat: no-repeat;
        background-size: 100%;
        text-align: center;
        padding-bottom: 25px;
    }

        div.web_header-picture img {
            width: 100%;
        }

    div.web_header-picture_triangle {
        position: absolute;
        top: 0;
        z-index: 1000;
        left: 0px;
    }

        div.web_header-picture_triangle img {
            width: 100%;
        }

    div.web_header-picture_banner-text {
        position: absolute;
        display: inline-block;
        text-align: center;
        background-image: url(images/web_bg_banner_text_lila.png);
        top: calc(30% - 30px);
        margin: 0 auto;
        padding: 20px;
        width: calc(80% - 60px);
        margin-left: -40%;
        left: 50%;
    }

    span.web_banner-text_bold {
        color: #fff;
        FONT-FAMILY: Myriad, Arial;
        font-size: 36px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0px 10px 0px 10px;
        display: block;
    }

    span.web_banner-text_light {
        color: #fff;
        FONT-FAMILY: Myriad, Arial;
        font-size: 20px;
        font-weight: 100;
        text-transform: uppercase;
        padding: 0px 10px 0px 10px;
        display: block;
    }
	
	div.flag_placeholder {position:absolute;
		text-align: right;
		top:15px;
		right:15px;
		z-index: 1000;
		}
	
	div.flag_placeholder a {display:inline-block;}
	
	div.flag_placeholder img {display:block;
		width:30px;
		padding-left:10px;}

    /*-----END OF HEADER-----*/

    /*-----HEADER INSIDE-----*/
    div.web_desktop-header-inside_placeholder {
        background-repeat: repeat-x;
        width: 100%;
        margin: 0 auto;
    }

    div.web_logo-menu-inside_wrapper {
        background-image: url(images/web_bg_header_sarga-atlatszo.png);
    }

    div.web_logo-menu-inside_placeholder {
        margin: 0 auto;
        width:calc(100% - 40px);
        padding: 20px 20px 0px 20px;
        overflow: hidden;
		background-image: url(images/web_bg_sarga.svg);
    }

    div.web_header_triangle_placeholder {
        width: 100%;
        position: relative;
        margin: 0 auto;
    }

    div.web_header_triangle {
        position: relative;
        width: 100%;
        background-color: #fff;
    }

        div.web_header_triangle img {
            width: 100%;
        }

    /*-----END OF HEADER INSIDE-----*/


	

    /*-----CONTENT-------*/

    div.web_content-placeholder {
        position: relative;
        width: calc(100% - 80px);
        padding: 40px;
        background-color: #fff;
        margin: 0 auto;
    }

        div.web_content-placeholder h1 {
            color: #000;
            FONT-FAMILY: Myriad, Arial;
            font-size: 28px;
            line-height: 120%;
            font-weight: 700;
            text-align: center;
            text-transform: uppercase;
            margin: 0px 0 30px 0;
        }

        div.web_content-placeholder h2 {
            color: #5a5a5a;
            FONT-FAMILY: Myriad, Arial;
            font-size: 24px;
            line-height: 120%;
            font-weight: 100;
            text-align: center;
            text-transform: uppercase;
            margin: 0px 0 30px 0;
        }

        div.web_content-placeholder h3 {
            color: #000;
            FONT-FAMILY: Myriad, Arial;
            font-size: 16px;
            line-height: 22px;
            font-weight: 700;
            text-align: left;
            text-transform: uppercase;
            margin: 0px 0 0px 0;
        }

        div.web_content-placeholder p {
            color: #5a5a5a;
            FONT-FAMILY: Arial;
            font-size: 16px;
            line-height: 22px;
            font-weight: normal;
            text-align: left;
            margin: 0px 0 22px 0;
        }

        div.web_content-placeholder ul {
            color: #5a5a5a;
            FONT-FAMILY: Arial;
            font-size: 16px;
            line-height: 22px;
            font-weight: normal;
            text-align: left;
            margin: 0px 0 22px 0;
        }

        div.web_content-placeholder li {
        }

    div.web_two-coloumns_placeholder {
/*        column-gap: 30px;
        column-count: 2;*/
        /*column-fill: auto;*/
    }

    div.web_content-placeholder a {
        color: #76cadf;
        FONT-FAMILY: Arial;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
    }

        div.web_content-placeholder a:hover {
            color: #ffb503;
            text-decoration: none;
        }


/*-----BUY BOX-------*/
	
	div.web_buy_box {
        border: 6px solid #ffb502;
        width: calc(33.33% - 20px);
        margin: 10px;
        text-align: center;
        padding: 20px;
		box-sizing: border-box;
    }
	div.web_button_center_placeholder {}
	div.web_button_buy {
		display: inline-block;
		color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 18px;
        line-height: 120%;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
		padding:12px 12px 10px 12px;;
		background-color: #76cadf;
		cursor:pointer;}
	
	div.web_button_buy:hover {background-color: #ffb502;}
	
	div.web_buy_box_placeholder {padding-bottom:50px;
		width: 100%;
		display:flex;
		flex-wrap: wrap;
		justify-content:space-between;}
	
	div.web_buy_box_title {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 28px;
        line-height: 120%;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        margin: 5px 0 0px 0;
    }
	
	div.web_buy_box_price {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 18px;
        line-height: 125%;
        font-weight: normlal;
        text-transform: uppercase;
        text-align: center;
        margin: 0px 0 15px 0;
    }
	
/*-----END OF BUY BOX-------*/
	
	
    /*-------ACCOUNT------*/

    .col-container {
        display: flex;
        width: 100%;
    }

    .col {
        flex: 1;
    }

    div.web_account_select_placeholder {
        overflow: hidden;
    }


    div.web_account_select_box_meeting {
        border: 6px solid #487bb3;
        width: calc(33% - 70px);
        margin: 10px;
        float: left;
        text-align: center;
        padding: 20px;
    }

        div.web_account_select_box_meeting img {
            width: 45%;
            display: block;
            margin: 0 auto;
        }


    div.web_account_select_box_chemit {
        border: 6px solid #76cadf;
        width: calc(33% - 70px);
        margin: 10px;
        float: left;
        text-align: center;
        padding: 20px;
    }

        div.web_account_select_box_chemit img {
            width: 45%;
            display: block;
            margin: 0 auto;
        }

    div.web_account_select_box_myceppi {
        border: 6px solid #ffb502;
        width: calc(33% - 70px);
        margin: 10px;
        float: left;
        text-align: center;
        padding: 20px;
    }

        div.web_account_select_box_myceppi img {
            width: 45%;
            display: block;
            margin: 0 auto;
        }

    div.web_account_select_box_profile {
        border: 6px solid #22dfa3;
        width: calc(33% - 70px);
        margin: 10px;
        float: left;
        text-align: center;
        padding: 20px;
    }

        div.web_account_select_box_profile img {
            width: 45%;
            display: block;
            margin: 0 auto;
        }

    div.web_account_select_box_title {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 20px;
        line-height: 120%;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        margin: 20px 0 10px 0;
    }

    div.web_account_select_box_subtitle {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 12px;
        line-height: 125%;
        font-weight: normlal;
        text-transform: uppercase;
        text-align: center;
        margin: 5px 0 10px 0;
    }

    div.web_account_select_box_title:hover {
        color: #5a5a5a;
    }

    /*------END OF ACCOUNT--------*/


    /*------ CONTENT SERVICES-------*/

    div.web_home_services_placeholder {
       /* display: flex;
        justify-content: space-between;*/
		overflow:hidden;
    }





    /*------ CONTENT SERVICES MYCEPPI-------*/
    div.web_home_box_myceppi {
        border: 6px solid #ffb502;
        padding: 20px;
       /* width: 265px;*/
	    width: calc(33% - 72px);
        float: left;
        margin:0 10px;
    }

    div.web_home_box_myceppi_logo_placeholder {
        position: relative;
        text-align: center;
    }

        div.web_home_box_myceppi_logo_placeholder img {
            width: 45%;
            padding-top: 10px;
        }

    div.web_home_box_title {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 20px;
        line-height: 120%;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        margin: 20px 0 10px 0;
    }

    div.web_home_box_description {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: 120%;
        margin-bottom: 20px;
    }

    div.web_home_box_buttons_placeholder {
        width: calc(100% - 0px);
        overflow: hidden;
    }

    div.web_home_box_buttons_android_app_placeholder {
        /*width: calc(100% - 40px);*/
        /*min-width: 130px;*/
        /*float: right;*/
    }

    div.web_home_box_buttons_ios_app_placeholder {
        /*width: calc(100% - 40px);*/
        /*min-width: 130px;*/
        /*float: right;*/
    }

    div.web_button_myceppi_app {
		width:100%;
        margin-bottom: 5px;
        background-color: #ffb502;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_myceppi_app span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 13px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }

            div.web_button_myceppi_app span::before {
                FONT-FAMILY: FontAwesome;
                content: " \f0A9";
                color: #fff;
                padding-right: 7px;
            }

    div.web_button_myceppi_qr_view {display:none;
        background-color: #ffb502;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_myceppi_qr_view span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 13px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }



    div.web_button_myceppi_qr_code {display:none;
        width: 100%;
        cursor: pointer;
    }

        div.web_button_myceppi_qr_code img {
            width: 100%;
            display: block;
            margin: 0 auto;
        }

    /*------ END OF CONTENT SERVICES MYCEPPI-------*/


    /*------ CONTENT SERVICES CHEMIT-------*/

    div.web_home_box_chemit {
        border: 6px solid #76cadf;
        padding: 20px;
         /* width: 265px;*/
	    width: calc(33% - 72px);
        float: left;
        margin:0 10px;
    }

    div.web_home_box_chemit_logo_placeholder {
        position: relative;
        text-align: center;
    }

        div.web_home_box_chemit_logo_placeholder img {
            width: 45%;
            padding-top: 10px;
        }

    div.web_button_chemit_app {
        margin-bottom: 5px;
        background-color: #76cadf;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_chemit_app span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 13px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }

            div.web_button_chemit_app span::before {
                FONT-FAMILY: FontAwesome;
                content: " \f0A9";
                color: #fff;
                padding-right: 7px;
            }

    div.web_button_chemit_qr_view {display:none;
        background-color: #76cadf;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_chemit_qr_view span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 13px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }



    div.web_button_chemit_qr_code { display:none;
        text-align: center;
        width: 100%;
        cursor: pointer;
    }

        div.web_button_chemit_qr_code img {
            width: 50%;
            display: block;
            margin: 0 auto;
        }

    /*------ END OF CONTENT SERVICES CHEMIT-------*/


    /*------ CONTENT SERVICES MEETING-------*/

    div.web_home_box_meeting {
        border: 6px solid #487bb3;
        padding: 20px;
        /* width: 265px;*/
	    width: calc(33% - 72px);
        float: left;
        margin:0 10px;
    }

    div.web_home_box_meeting_logo_placeholder {
        position: relative;
        text-align: center;
    }

        div.web_home_box_meeting_logo_placeholder img {
            width: 45%;
            padding-top: 10px;
        }

    div.web_button_meeting_app {
        margin-bottom: 5px;
        background-color: #487bb3;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_meeting_app span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 13px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }

            div.web_button_meeting_app span::before {
                FONT-FAMILY: FontAwesome;
                content: " \f0A9";
                color: #fff;
                padding-right: 7px;
            }

    div.web_button_meeting_qr_view {display:none;
        background-color: #487bb3;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_meeting_qr_view span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 13px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }


    div.web_button_meeting_qr_code { display:none;
        text-align: center;
        width: 100%;
        cursor: pointer;
    }

        div.web_button_meeting_qr_code img {
            width: 50%;
            display: block;
            margin: 0 auto;
        }

    /*------ END OF CONTENT SERVICES MEETING-------*/

    /*------END OF CONTENT SERVICES-------*/





    /*------CONTENT TEXT ABOUT-------*/

    div.web_home_about_placeholder {
        margin-top: 60px;
    }

    div.web_three-coloumns_placeholder {
        column-gap: 30px;
        column-count: 3;
        /*column-fill: auto;*/
    }

    div.web_home_about_placeholder h1 {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 28px;
        line-height: 120%;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        margin: 0px 0 30px 0;
    }

    div.web_home_about_placeholder h3 {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
        margin: 0px 0 0px 0;
    }

    div.web_home_about_placeholder p {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 22px;
        font-weight: normal;
        text-align: left;
        margin: 0px 0 22px 0;
    }

    div.web_home_about_placeholder ul {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 22px;
        font-weight: normal;
        text-align: left;
        margin: 0px 0 22px 0;
    }

    div.web_home_about_placeholder li {
    }

    /*------END OF CONTENT TEXT ABOUT-------*/


    /*------CONTENT TEXT CONTACTS-------*/

    div.web_home_contacts_placeholder {
        margin-top: 60px;
    }

        div.web_home_contacts_placeholder h1 {
            color: #000;
            FONT-FAMILY: Myriad, Arial;
            font-size: 28px;
            line-height: 120%;
            font-weight: 700;
            text-align: center;
            text-transform: uppercase;
            margin: 0px 0 20px 0;
        }

        div.web_home_contacts_placeholder h2 {
            color: #5a5a5a;
            FONT-FAMILY: Myriad, Arial;
            font-size: 18px;
            line-height: 120%;
            font-weight: 700;
            text-align: center;
            margin: 0px 0 30px 0;
        }

        div.web_home_contacts_placeholder h2 > a {
            color: #5a5a5a;
            FONT-FAMILY: Myriad, Arial;
            font-size: 18px;
            line-height: 120%;
            font-weight: 700;
            text-align: center;
            margin: 0px 0 30px 0;
        }

    div.web_home_contacts_persons_wrapper {
        overflow: hidden;
    }

    div.web_home_contacts_persons_placeholder {
        width: calc(33% - 30px);
        float: left;
        margin: 15px;
    }

    div.web_home_contacts_person_picture img {
        width: 100%;
    }

    div.web_home_contacts_person_name {
        color: #ffb503;
        FONT-FAMILY: Myriad, Arial;
        font-size: 24px;
        line-height: 120%;
        font-weight: 700;
        text-align: center;
        margin: 10px 0 8px 0;
    }

    div.web_home_contacts_person_position {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 120%;
        font-weight: normal;
        text-align: center;
        margin: 0px 0 2px 0;
    }

    div.web_home_contacts_person_phone {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 120%;
        font-weight: normal;
        text-align: center;
        margin: 0px 0 2px 0;
    }

    div.web_home_contacts_person_email {
        color: #76cadf;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 120%;
        font-weight: normal;
        text-align: center;
        margin: 0px 0 0px 0;
        cursor: pointer;
    }

        div.web_home_contacts_person_email:hover {
            color: #ffb503;
        }

        div.web_home_contacts_person_email a {
            color: #76cadf;
            FONT-FAMILY: Arial;
            font-size: 16px;
            line-height: 120%;
            font-weight: normal;
            text-align: center;
            margin: 0px 0 0px 0;
        }

            div.web_home_contacts_person_email a:hover {
                color: #ffb503;
            }

    /*------END OF CONTENT TEXT CONTACTS-------*/


    /*-----END OF CONTENT-------*/



    /*-----FOOTER-------*/
    div.web_footer-placeholder {
        width: 100%;
        position: relative;
    }

    div.web_footer {
        width: 100%;
        margin: 0 auto;
        background-image: url(images/web_bg_content_white_1080.png);
        background-repeat: repeat-y;
        background-position: center;
    }

        div.web_footer img {
            width: 100%;
        }

    div.web_footer_logo-text_placeholder {
        position: absolute;
        bottom: 25px;
        width: calc(100% - 0px);
        margin-left: -50%;
        left: 50%;
    }

    div.web_footer_logo-placeholder {
        text-align: center;
        width: 16%;
        margin: 0 auto;
        padding-bottom: 10px;
    }

        div.web_footer_logo-placeholder img {display:block;
            width: 100%;
        }

    div.web_footer_text-placeholder {
        text-align: center;
    }
    /*-----END OF FOOTER-------*/
}











@media only screen and (min-width: 10px) and (max-width: 649.9px) {
	
	/*-----HEADER-----*/
    div.web_desktop-header_placeholder {
        background-image: url(images/web_bg_header_sarga-atlatszo.png);
        background-repeat: repeat-x;
        width: 100%;
        margin: 0 auto;
    }

    div.web_logo-menu_placeholder {
        margin: 0 auto;
        width:calc(100% - 40px);
        padding: 20px 20px 0px 20px;
        /*overflow: hidden;*/
    }


    div.web_logo {
        /*float: left;*/
        width:100%;
		padding-bottom:10px;
    }

        div.web_logo img {
            width: 60%;
        }

    div.web_menu { max-width:calc(100vw - 40px);
		
       /* float: left;
        padding-top: 43px;
        padding-left: 15px;*/
		display:flex;
		justify-content: flex-start;
		flex-wrap: wrap; 
    }

    div.web_header-picture_wrapper {
        width: 100%;
        background-color: #ffb502;
        background-image: url(images/web_bg_sarga.svg);
        margin: 0 auto;
    }

    div.web_header-picture { /*width:1300px;*/
        margin: 0 auto;
        background-repeat: no-repeat;
        background-size: 100%;
        text-align: center;
        padding-bottom: 25px;
    }

        div.web_header-picture img {
            width: 100%; display:block;
        }

    div.web_header-picture_triangle {
        position: absolute;
        top: 0;
        z-index: 1000;
        left: 0px;
    }

        div.web_header-picture_triangle img {
            width: 100%;
        }

    div.web_header-picture_banner-text {
        position: absolute;
        /*display: inline-block;*/
        text-align: center;
        background-image: url(images/web_bg_banner_text_lila.png);
        top: calc(30% - 10px);
        margin: 0 0 0 20px;
        padding: 10px;
        width: calc(100% - 40px);
        /*width:90%;*/
        margin-left: calc(-50% + 10px);
        left: 50%;
    }
  

    span.web_banner-text_bold {
        color: #fff;
        FONT-FAMILY: Myriad, Arial;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0px 10px 0px 10px;
        display: block;
    }

    span.web_banner-text_light {
        color: #fff;
        FONT-FAMILY: Myriad, Arial;
        font-size: 18px;
        font-weight: 100;
        text-transform: uppercase;
        padding: 0px 10px 0px 10px;
        display: block;
    }
	
	
	div.flag_placeholder {position:absolute;
		text-align: right;
		top:15px;
		right:15px;
		z-index: 1000;
		width:calc(100% - 120px);
		float: none;}
	
	div.flag_placeholder a {display:inline-block;}
	
	div.flag_placeholder img {display:block;
		width:30px;
		padding-left:10px;}
	
	

    /*-----END OF HEADER-----*/

    /*-----HEADER INSIDE-----*/
    div.web_desktop-header-inside_placeholder {
        background-repeat: repeat-x;
        width: 100%;
        margin: 0 auto;
    }

    div.web_logo-menu-inside_wrapper {
        background-image: url(images/web_bg_header_sarga-atlatszo.png);
    }

    div.web_logo-menu-inside_placeholder {
        margin: 0 auto;
        width:calc(100% - 40px);
        padding: 20px 20px 0px 20px;
        overflow: hidden;
		background-image: url(images/web_bg_sarga.svg);
    }

    div.web_header_triangle_placeholder {
        width: 100%;
        position: relative;
        margin: 0 auto;
    }

    div.web_header_triangle {
        position: relative;
        width: 100%;
        background-color: #fff;
    }

        div.web_header_triangle img {
            width: 100%;
        }

    /*-----END OF HEADER INSIDE-----*/



    /*-----CONTENT-------*/

    div.web_content-placeholder {
        position: relative;
        width: calc(100% - 40px);
        padding: 20px;
        background-color: #fff;
        margin: 0 auto;
    }

        div.web_content-placeholder h1 {
            color: #000;
            FONT-FAMILY: Myriad, Arial;
            font-size: 20px;
            line-height: 120%;
            font-weight: 700;
            text-align: center;
            text-transform: uppercase;
            margin: 0px 0 30px 0;
        }

        div.web_content-placeholder h2 {
            color: #5a5a5a;
            FONT-FAMILY: Myriad, Arial;
            font-size: 22px;
            line-height: 120%;
            font-weight: 100;
            text-align: center;
            text-transform: uppercase;
            margin: 0px 0 30px 0;
        }

        div.web_content-placeholder h3 {
            color: #000;
            FONT-FAMILY: Myriad, Arial;
            font-size: 16px;
            line-height: 22px;
            font-weight: 700;
            text-align: left;
            text-transform: uppercase;
            margin: 0px 0 0px 0;
        }

        div.web_content-placeholder p {
            color: #5a5a5a;
            FONT-FAMILY: Arial;
            font-size: 16px;
            line-height: 22px;
            font-weight: normal;
            text-align: left;
            margin: 0px 0 22px 0;
        }

        div.web_content-placeholder ul {
            color: #5a5a5a;
            FONT-FAMILY: Arial;
            font-size: 16px;
            line-height: 22px;
            font-weight: normal;
            text-align: left;
            margin: 0px 0 22px 0;
        }

        div.web_content-placeholder li {
        }

    div.web_two-coloumns_placeholder {
        /*column-gap: 30px;
        column-count: 2;
        column-fill: auto;*/
    }

    div.web_content-placeholder a {
        color: #76cadf;
        FONT-FAMILY: Arial;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
    }

        div.web_content-placeholder a:hover {
            color: #ffb503;
            text-decoration: none;
        }


	
	/*-----BUY BOX-------*/
	
	div.web_buy_box {
        border: 6px solid #ffb502;
        width: calc(100% - 0px);
        margin: 10px;
        text-align: center;
        padding: 20px;
		box-sizing: border-box;
    }
	div.web_button_center_placeholder {}
	div.web_button_buy {
		display: inline-block;
		color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 16px;
        line-height: 120%;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
		padding:12px 12px 10px 12px;;
		background-color: #76cadf;
		cursor:pointer;}
	
	div.web_button_buy:hover {background-color: #ffb502;}
	
	div.web_buy_box_placeholder {padding-bottom:35px;
		width: 100%;
		display:flex;
		flex-wrap: wrap;
		justify-content:space-between;}
	
	div.web_buy_box_title {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 24px;
        line-height: 120%;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        margin: 5px 0 0px 0;
    }
	
	div.web_buy_box_price {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 125%;
        font-weight: normlal;
        text-transform: uppercase;
        text-align: center;
        margin: 0px 0 15px 0;
    }
	
/*-----END OF BUY BOX-------*/
	
	
    /*-------ACCOUNT------*/

    .col-container {
        display: flex;
        width: 100%;
    }

    .col {
        flex: 1;
    }

    div.web_account_select_placeholder {
        overflow: hidden;
    }


    div.web_account_select_box_meeting {
        border: 6px solid #487bb3;
        /* width: calc(33% - 70px);
        margin: 10px;
        float: left;*/
        text-align: center;
        padding: 20px;
		margin-bottom:30px;
    }

        div.web_account_select_box_meeting img {
            width: 45%;
            display: block;
            margin: 0 auto;
        }


    div.web_account_select_box_chemit {
        border: 6px solid #76cadf;
        /* width: calc(33% - 70px);
        margin: 10px;
        float: left;*/
        text-align: center;
        padding: 20px;
		margin-bottom:30px;
    }

        div.web_account_select_box_chemit img {
            width: 45%;
            display: block;
            margin: 0 auto;
        }

    div.web_account_select_box_myceppi {
        border: 6px solid #ffb502;
        /* width: calc(33% - 70px);
        margin: 10px;
        float: left;*/
        text-align: center;
        padding: 20px;
		margin-bottom:30px;
    }

        div.web_account_select_box_myceppi img {
            width: 45%;
            display: block;
            margin: 0 auto;
        }

    div.web_account_select_box_profile {
        border: 6px solid #22dfa3;
       /* width: calc(33% - 70px);
        margin: 10px;
        float: left;*/
        text-align: center;
        padding: 20px;
		margin-bottom:30px;
    }

        div.web_account_select_box_profile img {
            width: 45%;
            display: block;
            margin: 0 auto;
        }

    div.web_account_select_box_title {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 20px;
        line-height: 120%;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        margin: 20px 0 10px 0;
    }

    div.web_account_select_box_subtitle {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 12px;
        line-height: 125%;
        font-weight: normlal;
        text-transform: uppercase;
        text-align: center;
        margin: 5px 0 10px 0;
    }

    div.web_account_select_box_title:hover {
        color: #5a5a5a;
    }

    /*------END OF ACCOUNT--------*/


    /*------ CONTENT SERVICES-------*/

    div.web_home_services_placeholder {
       /* display: flex;
        justify-content: space-between;*/
		overflow:hidden;
    }





    /*------ CONTENT SERVICES MYCEPPI-------*/
    div.web_home_box_myceppi {
        border: 6px solid #ffb502;
        padding: 20px;
       /* width: 265px;
	    width: calc(33% - 72px);
        float: left;
        margin:0 10px;*/
		margin-top:0px;
    }

    div.web_home_box_myceppi_logo_placeholder {
        position: relative;
        text-align: center;
    }

        div.web_home_box_myceppi_logo_placeholder img {
            width: 45%;
            padding-top: 10px;
        }

    div.web_home_box_title {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 20px;
        line-height: 120%;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        margin: 20px 0 10px 0;
    }

    div.web_home_box_description {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: 120%;
        margin-bottom: 20px;
    }

    div.web_home_box_buttons_placeholder {
        width: calc(100% - 0px);
        overflow: hidden;
    }

    div.web_home_box_buttons_android_app_placeholder {
        /*width: calc(100% - 40px);*/
        /*min-width: 130px;*/
        /*float: right;*/
    }

    div.web_home_box_buttons_ios_app_placeholder {
        /*width: calc(100% - 40px);*/
        /*min-width: 130px;*/
        /*float: right;*/
    }

    div.web_button_myceppi_app {
		width:100%;
        margin-bottom: 5px;
        background-color: #ffb502;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_myceppi_app span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 13px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }

            div.web_button_myceppi_app span::before {
                FONT-FAMILY: FontAwesome;
                content: " \f0A9";
                color: #fff;
                padding-right: 7px;
            }

    div.web_button_myceppi_qr_view {display:none;
        background-color: #ffb502;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_myceppi_qr_view span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 13px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }



    div.web_button_myceppi_qr_code {display:none;
        width: 100%;
        cursor: pointer;
    }

        div.web_button_myceppi_qr_code img {
            width: 100%;
            display: block;
            margin: 0 auto;
        }

    /*------ END OF CONTENT SERVICES MYCEPPI-------*/


    /*------ CONTENT SERVICES CHEMIT-------*/

    div.web_home_box_chemit {
        border: 6px solid #76cadf;
        padding: 20px;
         /* width: 265px;
	    width: calc(33% - 72px);
        float: left;
        margin:0 10px;*/
		margin-top:30px;
    }

    div.web_home_box_chemit_logo_placeholder {
        position: relative;
        text-align: center;
    }

        div.web_home_box_chemit_logo_placeholder img {
            width: 45%;
            padding-top: 10px;
        }

    div.web_button_chemit_app {
        margin-bottom: 5px;
        background-color: #76cadf;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_chemit_app span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 13px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }

            div.web_button_chemit_app span::before {
                FONT-FAMILY: FontAwesome;
                content: " \f0A9";
                color: #fff;
                padding-right: 7px;
            }

    div.web_button_chemit_qr_view {display:none;
        background-color: #76cadf;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_chemit_qr_view span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 13px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }



    div.web_button_chemit_qr_code { display:none;
        text-align: center;
        width: 100%;
        cursor: pointer;
    }

        div.web_button_chemit_qr_code img {
            width: 50%;
            display: block;
            margin: 0 auto;
        }

    /*------ END OF CONTENT SERVICES CHEMIT-------*/


    /*------ CONTENT SERVICES MEETING-------*/

    div.web_home_box_meeting {
        border: 6px solid #487bb3;
        padding: 20px;
        /* width: 265px;
	    width: calc(33% - 72px);
        float: left;
        margin:0 10px;*/
		margin-top:30px;
    }

    div.web_home_box_meeting_logo_placeholder {
        position: relative;
        text-align: center;
    }

        div.web_home_box_meeting_logo_placeholder img {
            width: 45%;
            padding-top: 10px;
        }

    div.web_button_meeting_app {
        margin-bottom: 5px;
        background-color: #487bb3;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_meeting_app span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 13px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }

            div.web_button_meeting_app span::before {
                FONT-FAMILY: FontAwesome;
                content: " \f0A9";
                color: #fff;
                padding-right: 7px;
            }

    div.web_button_meeting_qr_view {display:none;
        background-color: #487bb3;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
    }

        div.web_button_meeting_qr_view span {
            color: #fff;
            FONT-FAMILY: Myriad, Arial;
            font-size: 13px;
            line-height: 120%;
            font-weight: 500;
            text-align: left;
            margin: 10px 0 10px 0;
        }


    div.web_button_meeting_qr_code { display:none;
        text-align: center;
        width: 100%;
        cursor: pointer;
    }

        div.web_button_meeting_qr_code img {
            width: 50%;
            display: block;
            margin: 0 auto;
        }

    /*------ END OF CONTENT SERVICES MEETING-------*/

    /*------END OF CONTENT SERVICES-------*/





    /*------CONTENT TEXT ABOUT-------*/

    div.web_home_about_placeholder {
        margin-top: 60px;
    }

    div.web_three-coloumns_placeholder {
       /* column-gap: 30px;
        column-count: 3;
        column-fill: auto;*/
    }

    div.web_home_about_placeholder h1 {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 22px;
        line-height: 120%;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        margin: 0px 0 30px 0;
    }

    div.web_home_about_placeholder h3 {
        color: #000;
        FONT-FAMILY: Myriad, Arial;
        font-size: 16px;
        line-height: 18px;
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
        margin: 0px 0 0px 0;
    }

    div.web_home_about_placeholder p {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 22px;
        font-weight: normal;
        text-align: left;
        margin: 0px 0 22px 0;
    }

    div.web_home_about_placeholder ul {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 22px;
        font-weight: normal;
        text-align: left;
        margin: 0px 0 22px 0;
    }

    div.web_home_about_placeholder li {
    }

    /*------END OF CONTENT TEXT ABOUT-------*/


    /*------CONTENT TEXT CONTACTS-------*/

    div.web_home_contacts_placeholder {
        margin-top: 60px;
    }

        div.web_home_contacts_placeholder h1 {
            color: #000;
            FONT-FAMILY: Myriad, Arial;
            font-size: 22px;
            line-height: 120%;
            font-weight: 700;
            text-align: center;
            text-transform: uppercase;
            margin: 0px 0 20px 0;
        }

        div.web_home_contacts_placeholder h2 {
            color: #5a5a5a;
            FONT-FAMILY: Myriad, Arial;
            font-size: 15px;
            line-height: 130%;
            font-weight: 700;
            text-align: center;
            margin: 0px 0 0px 0;
        }

        div.web_home_contacts_placeholder h2 > a {
            color: #5a5a5a;
            FONT-FAMILY: Myriad, Arial;
            font-size: 15px;
            line-height: 120%;
            font-weight: 700;
            text-align: center;
            margin: 0px 0 30px 0;
        }

    div.web_home_contacts_persons_wrapper {
        overflow: hidden;
    }

    div.web_home_contacts_persons_placeholder {
        /*width: calc(33% - 30px);
        float: left;
        margin: 15px;*/
		padding-top:40px;
    }

 div.web_home_contacts_person_picture {text-align:center;}

    div.web_home_contacts_person_picture img {
        width: 80%;
		text-align:center;
    }

    div.web_home_contacts_person_name {
        color: #ffb503;
        FONT-FAMILY: Myriad, Arial;
        font-size: 22px;
        line-height: 120%;
        font-weight: 700;
        text-align: center;
        margin: 5px 0 5px 0;
    }

    div.web_home_contacts_person_position {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 120%;
        font-weight: normal;
        text-align: center;
        margin: 0px 0 2px 0;
    }

    div.web_home_contacts_person_phone {
        color: #5a5a5a;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 120%;
        font-weight: normal;
        text-align: center;
        margin: 0px 0 2px 0;
    }

    div.web_home_contacts_person_email {
        color: #76cadf;
        FONT-FAMILY: Arial;
        font-size: 16px;
        line-height: 120%;
        font-weight: normal;
        text-align: center;
        margin: 0px 0 0px 0;
        cursor: pointer;
    }

        div.web_home_contacts_person_email:hover {
            color: #ffb503;
        }

        div.web_home_contacts_person_email a {
            color: #76cadf;
            FONT-FAMILY: Arial;
            font-size: 16px;
            line-height: 120%;
            font-weight: normal;
            text-align: center;
            margin: 0px 0 0px 0;
        }

            div.web_home_contacts_person_email a:hover {
                color: #ffb503;
            }

    /*------END OF CONTENT TEXT CONTACTS-------*/


    /*-----END OF CONTENT-------*/



    /*-----FOOTER-------*/
    div.web_footer-placeholder {
        width: 100%;
        position: relative;
		
    }

    div.web_footer {
      width: 100%;
        margin: 0 auto;
      
		 background-image: url(images/web_bg_sarga.svg);
		/* min-height:200px;*/
		
       
    }

#webfooterbgimg {display:none;}

        div.web_footer img {
            /*width: 100%;*/
        }

    div.web_footer_logo-text_placeholder {
       /* position: absolute;
        bottom: 25px;
        width: calc(100% - 0px);
        margin-left: -50%;
        left: 50%;*/
		padding-bottom:25px;
    }

    div.web_footer_logo-placeholder {
        text-align: center;
        width: 30%;
        margin: 0 auto;
        padding-bottom: 10px;
		padding-top: 20px;
    }

        div.web_footer_logo-placeholder img {display:block;
            width: 100%;
        }

    div.web_footer_text-placeholder {
        text-align: center;
    }
    /*-----END OF FOOTER-------*/
	
}