/*
Theme Name: Coffee Machine
Author: coffee-machine
Author URI: https://coffee-machine.nl
Description: The Coffee Machine Theme based on the famous Wordpress CMS.
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
* {margin: 0;padding: 0;box-sizing: border-box;}
img {max-width: 100%;height: auto;}
body {background: #ffffff;font-size:18px;font-family: "Open Sans", sans-serif;font-weight: 400;}
.layout{overflow: hidden;}

.displaynone{display: none !important;}
/* ******************************* main css ***************************** */

.full_width{width: 100%;float: left;}
.wrapper{max-width:680px;margin: 0 auto;width: 100%;padding: 0 40px;}

.header{position: fixed;left: 0;top: 0;z-index: 99;padding: 40px 0;background: transparent;}
.header .logo{text-align: center;}
.header .logo a{display: inline-block;}
.header .logo img{display: block;width: 160px;}
.header_bg_blue{background: #0c2340;}

.banner{height: 100vh;padding: 150px 0 120px;display: flex;justify-content: center;align-items: center;position: relative;}
.banner * {color: #fff;}
.banner .text{padding: 45px;background: rgba(255, 255, 255,0.08);border-radius: 20px;}
.banner h1,.banner_home h1{font-size: 60px;line-height: 1;margin-bottom: 30px;}
.banner p{font-size: 45px;line-height: 1;margin-bottom: 30px;}
.btn_one{background: #fff;color: #0c2340;font-size: 22px;line-height: 1;text-align: center;padding: 14px 30px;min-width: 200px;text-decoration: none;display: inline-block;transition: 0.4s;border: 1px solid #fff;cursor: pointer;}
.btn_one:hover{background: #0c2340;color: #fff;border-color: #0c2340;}
.banner p br{display: none;}

.banner_home{background:#0c2340;height: 100vh;min-height: 650px;overflow: auto;}
.banner_home .banner_image{height: 50vh;}
.banner_home .banner_image img{object-position: center top;width: 100%;height: 100%;display: block;object-fit: cover;}
.banner_home .text{padding: 30px 0;}
.banner_home h1{color: #fff;}
.banner_home .btn_one{border: 1px solid #fff;transition: 0.4s;}
.banner_home .btn_one:hover{color: #fff;}
.banner_home .logo {display: inline-block;margin-bottom: 20px;}
.banner_home .logo img{display: block;width: 160px;}
.home .header{display: none;}






.btn_one.two{background: #0c2340;color: #fff;border-color: #0c2340;}
.btn_one.two:hover{background: #fff;color: #0c2340;}

.choose_favorite_coffee{padding: 200px 0 60px;}
.choose_favorite_coffee .title{margin-bottom: 50px;}
.choose_favorite_coffee .title h2{font-size: 40px;color: #0c2340;line-height: 1;}
.choose_favorite_coffee .option-group{background: #fff;border:1px solid #0c2340;margin-bottom: 20px;position: relative;display: flex;flex-wrap: wrap;}
.choose_favorite_coffee .option-group label {display: flex;align-items: center;font-size: 22px;line-height: 1;cursor: pointer;position: relative;width: 100%;padding: 15px 40px 15px 15px;gap: 30px;color: #0c2340;}
.choose_favorite_coffee .option-group input{display: none;}
.choose_favorite_coffee .option-group label img{max-width: 60px;display: inline-block;}
.choose_favorite_coffee .option-group label::before{border:1px solid #0c2340;content: "";width: 18px;height: 18px;background: #fff;position: absolute;right: 15px;top: 18px;}
.choose_favorite_coffee .option-group label::after{border:1px solid #0c2340;content: "";width: 12px;height: 12px;position: absolute;right: 19px;top: 22px;opacity: 0;transition: 0.3s;background: #0c2340;}
.choose_favorite_coffee .option-group input:checked + label:after{opacity: 1;}
.choose_favorite_coffee .field{width: 100%;}
.choose_favorite_coffee .option-group.radiobtn{background: #fff;border: none;padding: 10px 0px;}
.choose_favorite_coffee .option-group.radiobtn label{padding: 5px 40px 5px 15px;}
.choose_favorite_coffee .option-group.radiobtn label::before{border-color: #fff;top: 8px;}
.choose_favorite_coffee .option-group.radiobtn label::after{top: 12px;}

.choose_favorite_coffee .option-group.checkbox{background: #fff;}
.choose_favorite_coffee .option-group.checkbox label{padding: 15px 40px 15px 15px;}
.choose_favorite_coffee .option-group.checkbox label::before{border:1px solid #0c2340;}

.choose_favorite_coffee .option-group.textfield{padding: 15px;background: #dbdfe3;border: none;display: flex;justify-content: space-between;align-items: center;}
.choose_favorite_coffee .option-group p{font-size: 25px;line-height: 1;color: #0c2340;width: calc(100% - 30px);}
.choose_favorite_coffee .option-group.textfield input{display: block;width: 20px;height: 20px;border: none;padding: 2px;text-align: center;}
.choose_favorite_coffee .option-group.textfield input:focus{outline: none;}


.automatic_machines .title{margin-bottom: 50px;}
.automatic_machines .title h1{color: #0c2340;font-size: 68px;line-height: 1;margin-bottom: 10px;}
.automatic_machines .title h3{color: #0c2340;font-size: 26px;line-height: 1;margin-bottom: 10px;}

.machine_specification{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 50px;}
.machine_specification:last-child{margin-bottom: 0;}
.machine_specification .left_part{width: 40%;padding-right: 30px;position: relative;}
.machine_specification .left_part .beste_uit{position: absolute;right: 10px;top:50px;}
.machine_specification .left_part .beste_uit img{width: 50px;max-width: unset;}
.machine_specification .left_part img{max-width: 210px;width: 100%;}

.machine_specification .right_part{width: 60%;}
.machine_specification .right_part h2{color: #0c2340;margin-bottom: 20px;text-align: right;font-size: 25px;line-height: 1;}
.machine_specification .right_part img{display: block;margin-left: auto;}


.machine_specification .specification_card{display: flex;flex-wrap: wrap;justify-content: space-between;}
.specification_card .left_content{width: calc(100% - 75px);padding: 7px 7px 7px 0;}
.specification_card .left_content p{color: #0c2340;text-align: right;font-size: 18px;line-height: 1;}

.specification_card .right_content{width: 75px;background: #e5e5e5;display: flex;justify-content: center;align-items: center;}
.specification_card:nth-child(odd) .right_content{background: #f4f4f4;}
.specification_card .right_content span{color: #0c2340;width: 100%;display: block;text-align: center;font-size: 18px;line-height: 1;}
.specification_card .right_content .dots{background: #1eb100;width: 15px;height: 15px;border-radius: 100%;}
.not_found{color: #0c2340;}
.not_found h2{font-size: 35px;line-height: 1;}
.not_found p{font-size: 20px;line-height: 1;}
.errormessage_css span{color: #fff;border: 1px solid red;display: block;background: red;text-align: center;padding: 10px;margin-bottom: 20px;font-size: 18px;line-height: 1;}
.button_box {display: flex;justify-content: space-between;gap: 5px;}

.productlink {color: #0c2340;t    font-size: 18px;
    line-height: 1;
    float: right;
    margin-top: 50px;font-size: 18px;line-height: 1;}


/* Responsive css start */
@media only screen and (max-width:1279px) {
.banner h1,.banner_home h1{font-size: 50px;line-height: 1;margin-bottom: 30px;}
.banner_home{min-height: 600px;}


}

@media only screen and (max-width:600px) {
.wrapper{padding: 0 20px;}
.header{padding: 25px 0;}
.banner h1,.banner_home h1{font-size: 40px;line-height: 1;margin-bottom: 30px;} 
.banner p{font-size: 35px;line-height: 1;margin-bottom: 30px;}
.banner p br{display: block;}
.btn_one{padding: 10px;min-width: 150px;font-size: 18px;}
.banner .text{padding: 0px;background:transparent;border-radius: 0;}
.banner{padding: 130px 0 100px;}
.choose_favorite_coffee{padding: 140px 0 50px;}
.choose_favorite_coffee .title h2{font-size: 30px;}
.choose_favorite_coffee .option-group label{font-size: 18px;gap: 5px;}
.choose_favorite_coffee .option-group label img {max-width: 40px;}
.choose_favorite_coffee .title {margin-bottom: 30px;}
.choose_favorite_coffee .option-group p{font-size: 20px;}

.machine_specification .left_part{padding-right: 10px;width: 42%;}
.machine_specification .right_part {width: 58%;}
.machine_specification .right_part h2{font-size: 17px;margin-bottom: 10px;}
.specification_card .left_content{width: calc(100% - 50px);padding: 5px 3px 5px 0;}
.specification_card .right_content{width: 47px;}
.specification_card .right_content .dots{width: 10px;height: 10px;}
.specification_card .right_content span,.specification_card .left_content p, .productlink {font-size: 13px;letter-spacing: -0.2px;}
.banner_home .banner_image img{object-position: left top;}
.banner_home .banner_image{height: 35vh;}
.banner_home .text {padding: 30px 0;}
.choose_favorite_coffee .option-group{margin-bottom: 10px;}
.errormessage_css span{font-size: 16px;}



}