h4{
    color: #555;
    font-size: 24px;
    font-family: 'Roboto';
    line-height: 1.5;
    margin-bottom: 20px;
}

.order_popup_content{
    position: relative;
    margin: 15vh auto 0px auto;
    width: 50vw;
    height: 70vh;
    padding: 30px;
    border: 0px solid #666;
    background-color: #ffffff;
    border-radius:10px;
    z-index: 450;
    box-shadow: 4px 4px 20px 1px rgba(0,0,0,0.6);
    overflow-y: auto;
}

.order{
    display: inline-block; 
    width: 280px;
    vertical-align: top
}

.order_properties{
    color: #555;
    font-size: 16px;
    font-family: 'Roboto';
    line-height: 1.5;
}

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

.result_success{
    display: inline-block;
    font-size: 25px; 
    color: #009900;
    font-family: 'Roboto';
    padding: 30% 0 0 0;
}

.order_count{
    display: inline-block;
    font-size: 25px; 
    color: #333;
    font-family: 'Roboto';
    padding: 0 15px;
}

.order_cost{
    display: block;
    font-size: 18px; 
    color: #000;
    font-family: 'Roboto';
    margin-bottom: 20px;
}

.order_button_green{
    display: inline-block;
    font-size: 14px; 
    line-height: 1;
    color: #fff;
    font-family:  'Roboto';
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #00a806;
    border-radius: 1px;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.12);
    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.12);
    cursor: pointer;
    padding: 8px 0;
    width: 200px;
    text-align: center;
    margin-top: 10px;
}

.order_button_green:hover{
    background-color: #00b52a;
}

.order_minus{
    display: inline-block;
    font-size: 25px; 
    line-height: 1;
    color: #fff;
    font-family:  'Roboto';
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5d77fa;
    border-radius: 4px;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.12);
    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.12);
    cursor: pointer;
    padding: 8px 15px;
}

.order_minus:hover{
    background-color: #2a4cf7;
}

.order_plus{
    display: inline-block;
    font-size: 25px; 
    line-height: 1;
    color: #fff;
    font-family:  'Roboto';
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ff0000;
    border-radius: 4px;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.12);
    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.12);
    cursor: pointer;
    padding: 8px 15px;
}

.order_plus:hover{
    background-color: #cc0000;
}

.bottom_space{
    margin-bottom: 40px;
}

.packing_counter{
    display: inline-block; 
    width: 200px;
    height: 65px;
    vertical-align: top;
    text-align: center;
    margin-top: 20px;
}

.order_sportshot_passionfruit{
    display: inline-block; 
    width: 151px;
    height: 347px;
    background-image: url("products/sportshot/sportshot_passionfruit.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 151px 347px;
    margin-right: 5%;
}

.order_sportshot_orange{
    display: inline-block; 
    width: 151px;
    height: 347px;
    background-image: url("products/sportshot/sportshot_orange.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 151px 347px;
    margin-right: 5%;
}

.order_sportshot_cherry{
    display: inline-block; 
    width: 151px;
    height: 347px;
    background-image: url("products/sportshot/sportshot_cherry.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 151px 347px;
    margin-right: 5%;
}

.order_sportshot_sea{
    display: inline-block; 
    width: 151px;
    height: 347px;
    background-image: url("products/sportshot/sportshot_sea.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 151px 347px;
    margin-right: 5%;
}


.order_bcaa_marakuya{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/bcaa/Sportinia_BCAA_marakuya.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_bcaa_ananas{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/bcaa/Sportinia_BCAA_ananas.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_bcaa_greipfrut{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/bcaa/Sportinia_BCAA_greipfrut.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_bcaa_ezevika{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/bcaa/Sportinia_BCAA_ezevika.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_bcaa_malina{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/bcaa/Sportinia_BCAA_malina.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_bcaa_apelsin{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/bcaa/Sportinia_BCAA_apelsin.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_bcaa_mango{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/bcaa/Sportinia_BCAA_mango.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_bcaa_feihoa{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/bcaa/Sportinia_BCAA_feihoa.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_vitamin_limon{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/vitamin/Sportinia_Vitamine_C_limon.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_vitamin_grusha{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/vitamin/Sportinia_Vitamine_C_grusha.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_vitamin_laim{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/vitamin/Sportinia_Vitamin_C_laim.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_lcarnitin_granat{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/lcarnitin/Sportinia_L-carnitin_granat.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_lcarnitin_ananas{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/lcarnitin/Sportinia_L-carnitin_ananas.png?43");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_lcarnitin_apelsin{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/lcarnitin/Sportinia_L-carnitin_apelsin.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_lcarnitin_greipfrut{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/lcarnitin/Sportinia_L-carnitin_greipfrut.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_lcarnitin_apple{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/lcarnitin/Sportinia_L-carnitin_apple.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_lcarnitin_limon_laim{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/lcarnitin/Sportinia_L-carnitin_limon_laim.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_lcarnitin_malina{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/lcarnitin/Sportinia_L-carnitin_malina.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_lcarnitin_sakura{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/lcarnitin/Sportinia_L-carnitin_sakura.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_guarana_electric{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/guarana/guarana_electric.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_guarana_g3{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/guarana/guarana_g3.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 115px 347px;
    margin-right: 5%;
}

.order_guarana_classic{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/guarana/guarana_classic.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 117px 347px;
    margin-right: 5%;
}

.order_guarana_zero{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/guarana/guarana_zero.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 116px 347px;
    margin-right: 5%;
}

.order_atletia_bcaa{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/atletia/atletia_bcaa.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_atletia_lcarnitin{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/atletia/atletia_lcarnitin.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_atletia_guarana{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/atletia/atletia_guarana.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_atletia_isotonic{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/atletia/atletia_isotonic.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_forte_bcaa{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/forte/forte_bcaa.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_forte_lcarnitin{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/forte/forte_lcarnitin.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_forte_guarana{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/forte/forte_guarana.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_isonorm{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/isonorm/isotonic.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_isonorm_lichi{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/isonorm/isotonic_lichi.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_guarana_blue{
    display: inline-block; 
    width: 150px;
    height: 347px;
    background-image: url("products/guarana_can/guarana_blue.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 150px 347px;
    margin-right: 5%;
}

.order_guarana_green{
    display: inline-block; 
    width: 150px;
    height: 347px;
    background-image: url("products/guarana_can/guarana_green.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 150px 347px;
    margin-right: 5%;
}

.order_guarana_red{
    display: inline-block; 
    width: 150px;
    height: 347px;
    background-image: url("products/guarana_can/guarana_red.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 150px 347px;
    margin-right: 5%;
}

.order_guarana_yellow{
    display: inline-block; 
    width: 150px;
    height: 347px;
    background-image: url("products/guarana_can/guarana_yellow.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 150px 347px;
    margin-right: 5%;
}

.order_water_sportinia_small{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/water/water_sportinia_small.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_water_sportinia_big{
    display: inline-block; 
    width: 115px;
    height: 347px;
    background-image: url("products/water/water_sportinia_big.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 115px 347px;
    margin-right: 5%;
}

.order_water_standart_small{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/water/water_standart_small.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_water_standart_big{
    display: inline-block; 
    width: 107px;
    height: 347px;
    background-image: url("products/water/water_standart_big.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 107px 347px;
    margin-right: 5%;
}

.order_sportiniabar_strawberry{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/dessert/strawberry.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_sportiniabar_cheesecake{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/dessert/cheesecake.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_sportiniabar_vanilla{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/dessert/vanilla.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_sportiniabar_cookies{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/dessert/cookies.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_bombbar_tiramisu{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/bombbar_bar/tiramisu.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_bombbar_biskvit{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/bombbar_bar/biskvit.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_bombbar_cocos{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/bombbar_bar/cocos.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_bombbar_chocolate{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/bombbar_bar/chocolate.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_bombbar_malina{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/bombbar_bar/malina.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_bombbar_fistashka{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/bombbar_bar/fistashka.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}
    
.order_chikabar_arahis{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/chikabar_bar/arahis.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_chikabar_cocos{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/chikabar_bar/cocos.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_chikabar_tiramisu{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/chikabar_bar/tiramisu.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_chikabar_fistashka{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/chikabar_bar/fistashka.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_chikabar_cookies{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/chikabar_bar/cookies.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_chikabar_klubnika{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/chikabar_bar/klubnika.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_fitkit_bar_caramel{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/fitkit_bar/caramel.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}
.order_fitkit_bar_chocolate{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/fitkit_bar/chocolate.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_fitkit_bar_cocos{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/fitkit_bar/cocos.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_fitkit_bar_fistashka{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/fitkit_bar/fistashka.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_fitkit_bar_klubnika{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/fitkit_bar/klubnika.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_fitkit_bar_mango{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/fitkit_bar/mango.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_bar21vek_protein{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/bar21vek/protein.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_bar21vek_lcarnitin{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/bar21vek/lcarnitin.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_bar21vek_guarana{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/bar21vek/guarana.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_fitkit_wellnut{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/fitkit_wellnut/wellnut.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_bombbar_cookies_chocolate{
    display: inline-block; 
    width: 180px;
    height: 330px;
    background-image: url("products/bombbar_cookies/chocolate.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 180px 137px;
    margin-right: 5%;
}

.order_bombbar_cookies_apelsin{
    display: inline-block; 
    width: 180px;
    height: 330px;
    background-image: url("products/bombbar_cookies/apelsin.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 180px 137px;
    margin-right: 5%;
}

.order_bombbar_cookies_cocos{
    display: inline-block; 
    width: 180px;
    height: 330px;
    background-image: url("products/bombbar_cookies/cocos.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 180px 137px;
    margin-right: 5%;
}

.order_bombbar_cookies_vishna{
    display: inline-block; 
    width: 180px;
    height: 330px;
    background-image: url("products/bombbar_cookies/vishna.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 180px 137px;
    margin-right: 5%;
}

.order_fitkit_cake_limon{
    display: inline-block; 
    width: 180px;
    height: 330px;
    background-image: url("products/fitkit_cake/limon.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 180px 226px;
    margin-right: 5%;
}

.order_fitkit_cake_rombaba{
    display: inline-block; 
    width: 180px;
    height: 330px;
    background-image: url("products/fitkit_cake/rombaba.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 180px 226px;
    margin-right: 5%;
}

.order_fitkit_cake_klubnika{
    display: inline-block; 
    width: 180px;
    height: 330px;
    background-image: url("products/fitkit_cake/klubnika.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 180px 226px;
    margin-right: 5%;
}

.order_fitkit_cake_banan{
    display: inline-block; 
    width: 180px;
    height: 330px;
    background-image: url("products/fitkit_cake/banan.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 180px 226px;
    margin-right: 5%;
}

.order_fitkit_cake_tiramisu{
    display: inline-block; 
    width: 180px;
    height: 330px;
    background-image: url("products/fitkit_cake/tiramisu.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 180px 226px;
    margin-right: 5%;
}

.order_chikalab_cookies_smorodina{
    display: inline-block; 
    width: 191px;
    height: 330px;
    background-image: url("products/chikalab_cookies/smorodina.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 191px 137px;
    margin-right: 5%;
}

.order_chikalab_cookies_apple{
    display: inline-block; 
    width: 191px;
    height: 330px;
    background-image: url("products/chikalab_cookies/apple.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 191px 137px;
    margin-right: 5%;
}

.order_chikalab_cookies_arahis{
    display: inline-block; 
    width: 191px;
    height: 330px;
    background-image: url("products/chikalab_cookies/arahis.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 191px 137px;
    margin-right: 5%;
}

.order_chikalab_cookies_malina{
    display: inline-block; 
    width: 191px;
    height: 330px;
    background-image: url("products/chikalab_cookies/malina.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 191px 137px;
    margin-right: 5%;
}

.order_bcaa_can_apelsin{
    display: inline-block; 
    width: 150px;
    height: 347px;
    background-image: url("products/bcaa_can/bcaa_can_apelsin.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 150px 347px;
    margin-right: 5%;
}

.order_bcaa_can_ezevika{
    display: inline-block; 
    width: 150px;
    height: 347px;
    background-image: url("products/bcaa_can/bcaa_can_ezevika.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 150px 347px;
    margin-right: 5%;
}

.order_bcaa_can_marakuya{
    display: inline-block; 
    width: 150px;
    height: 347px;
    background-image: url("products/bcaa_can/bcaa_can_marakuya.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 150px 347px;
    margin-right: 5%;
}

.order_bcaa_nosugar_bubblegum{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/bcaa_nosugar/Sportinia_BCAA_bubblegum.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_bcaa_nosugar_dinya{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/bcaa_nosugar/Sportinia_BCAA_dinya.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_bcaa_nosugar_vishnya{
    display: inline-block; 
    width: 120px;
    height: 347px;
    background-image: url("products/bcaa_nosugar/Sportinia_BCAA_vishnya.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 347px;
    margin-right: 5%;
}

.order_cocosport_ananas{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/cocosport/ananas.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_cocosport_cocos{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/cocosport/cocos.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_cocosport_klubnika{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/cocosport/klubnika.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_red_bee{
    display: inline-block; 
    width: 150px;
    height: 347px;
    background-image: url("products/nectar/red_bee.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 150px 347px;
    margin-right: 5%;
}

.order_yoh_yoh{
    display: inline-block; 
    width: 150px;
    height: 347px;
    background-image: url("products/nectar/yoh_yoh.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 150px 347px;
    margin-right: 5%;
}

.order_rex_bar_klubnika{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/rex_bar/klubnika.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_rex_bar_malina{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/rex_bar/malina.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_rex_bar_cocos{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/rex_bar/cocos.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_rex_bar_arahis{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/rex_bar/arahis.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_rex_bar_tiramisu{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/rex_bar/tiramisu.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_soj_bar_banan{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/soj_bar/banan.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_soj_bar_cocos{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/soj_bar/cocos.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_soj_bar_iris{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/soj_bar/iris.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_soj_bar_kakao{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/soj_bar/kakao.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_soj_bar_malina{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/soj_bar/malina.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_soj_hercules_banan{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/soj_hercules/banan.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_soj_hercules_cocos{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/soj_hercules/cocos.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_soj_hercules_iris{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/soj_hercules/iris.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_rex_brownie_classic{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/rex_brownie/classic.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_rex_brownie_banan{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/rex_brownie/banan.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_rex_brownie_myata{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/rex_brownie/myata.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_rex_brownie_vishnya{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/rex_brownie/vishnya.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_rex_brownie_apelsin{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/rex_brownie/apelsin.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_rex_cookies_apelsin{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/rex_cookies/apelsin.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_rex_cookies_arahis{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/rex_cookies/arahis.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_rex_cookies_cocos{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/rex_cookies/cocos.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_rex_cookies_vishnya{
    display: inline-block; 
    width: 144px;
    height: 347px;
    background-image: url("products/rex_cookies/vishnya.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 144px 347px;
    margin-right: 5%;
}

.order_soj_cookies_chocolate{
    display: inline-block; 
    width: 191px;
    height: 330px;
    background-image: url("products/soj_cookies/chocolate.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 191px 137px;
    margin-right: 5%;
} 

.order_soj_cookies_fistashka{
    display: inline-block; 
    width: 191px;
    height: 330px;
    background-image: url("products/soj_cookies/fistashka.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 191px 137px;
    margin-right: 5%;
} 

.order_soj_cookies_mango{
    display: inline-block; 
    width: 191px;
    height: 330px;
    background-image: url("products/soj_cookies/mango.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 191px 137px;
    margin-right: 5%;
} 

.order_soj_cookies_klubnika{
    display: inline-block; 
    width: 191px;
    height: 330px;
    background-image: url("products/soj_cookies/klubnika.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 191px 137px;
    margin-right: 5%;
} 

.order_lcar_can_ananas{
    display: inline-block; 
    width: 150px;
    height: 347px;
    background-image: url("products/lcarnitin_can/lcar_can_ananas.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 150px 347px;
    margin-right: 5%;
}

.order_lcar_can_malina{
    display: inline-block; 
    width: 150px;
    height: 347px;
    background-image: url("products/lcarnitin_can/lcar_can_malina.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 150px 347px;
    margin-right: 5%;
}

.order_vitc_can_grusha{
    display: inline-block; 
    width: 150px;
    height: 347px;
    background-image: url("products/vitamin_can/vitc_can_grusha.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 150px 347px;
    margin-right: 5%;
}

.order_vitc_can_laim{
    display: inline-block; 
    width: 150px;
    height: 347px;
    background-image: url("products/vitamin_can/vitc_can_laim.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 150px 347px;
    margin-right: 5%;
}

@media (max-width: 1099px) {
.order_popup_content{
    position: relative;
    margin: 25vh auto 0px auto;
    height: 50vh;
    width: 70vw;
    }



}

@media (max-width: 480px) {
.order_popup_content{
    position: relative;
    margin: 10vh auto 0px auto;
    height: 80vh;
    width: 92vw;
}    
    
h4{
    color: #555;
    font-size: 21px;
    font-family: 'Roboto';
    line-height: 1.5;
    margin-bottom: 10px;
}

.bottom_space{
    margin-bottom: 5px;
}

.order{
    width: 220px;
}

.order_properties{
    font-size: 14px;
}

.bottom_space{
    margin-bottom: 15px;
}
}

@media (max-width: 325px) {
h4{
    color: #555;
    font-size: 19px;
    font-family: 'Roboto';
    margin-bottom: 5px;
}

.result_success{
    display: inline-block;
    font-size: 20px; 
}

.packing_counter{
    width: 185px;
}

.order_button_green{
    width: 185px;
    margin-top: 0;
}

.bottom_space{
    margin-bottom: 5px;
}

.order{
    width: 185px;
}

.order_properties{
    font-size: 12px;
}
}