#map_placeholder {height: 450px;}
.request_action_contact-thank-you .main {background: url('../img/slide2.jpg') repeat-x center top;}

body{font-family: 'Noto Sans HK', sans-serif; color:#000000;background:#fff; font-size:16px; position: relative; overflow: auto;}
body.fixed_header {padding-top: 140px}
.message.success{text-align:center; color: #00AA00;}

.title1 h1 {font-size: 46px; margin-bottom: 5px; margin-top:0}
.title3 h2 {font-size: 46px; margin-bottom: 5px; margin-top: 0}
.text1 h2 {color: #fff}

.section5-box .text1 {padding-top: 0; margin-top: 0}
.header-right a.button-yellow {transition: .2s;text-transform: uppercase;color: #fff;background: #eda302;border: solid 2px #eda302; padding: 10px; margin-top: 2px;}
.header-right {display: flex; flex-wrap: wrap; width: 60%; justify-content: flex-end; align-items: center}
.header-right a.button-yellow:hover{background: none; color: #eda302}
#wrap_whole_website{position: relative;}

/* FONTS AND COLORS //////////////////////////////////////////////////////////*/

a:link,a:hover,a:active,a:visited{color:inherit;}
small{font-size:12px;}
big{font-size:20px;}
.font_25{font-size:25px;}
.font_24{font-size:24px;}
.font_23{font-size:23px;}
.font_22{font-size:22px;}
.font_21{font-size:21px;}
.cake-error{color:#f00;}

.green{color: #000000;}
.blue{color: #4285F4;}

/* CONTAINER //////////////////////////////////////////////////////////*/

.container{max-width:1366px; margin: 0 auto; position: relative;}
.g-recaptcha {display: flex; justify-content: center; margin-top: 15px;}
.newsletter-input .g-recaptcha {justify-content: flex-start}
.button,button{border: 1px solid #2e2e2e;background:#2e2e2e;color:#fff; transition:background 0.5s, color 0.5s, opacity 2s; border-radius:35px; padding:10px 20px; text-align:center;display: inline-block;}
.button:hover,button:hover{background:transparent;}

/* HEADER //////////////////////////////////////////////////////////*/

header{width: 100%; float: left; position: absolute; z-index: 9999; background: rgba(0,0,0,0.4); border-bottom: 1px solid #000;}
header {position: fixed; top:0; left:0; right: 0}
.header-box{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; padding: 10px 0; align-items: center;}
.header-left{flex: 0 0 auto; max-width: 100%;}
.header-right{flex: 0 0 auto; max-width: 100%; text-align: right;}
.phone-link{display: inline-block; font-size: 21px; margin-right: 15px;}
.button-green{display: inline-block;}
.button-green a{background: #7CBB00; color: #fff; padding: 10px 20px; border-radius: 10px; font-size: 21px; transition: 0.5s ease all;}
.button-green a:hover{ background: #4285F4;}

.section-box{ width: 100%; float: left;}

.fixed_header header{ position: fixed; background: rgba(0,0,0,0.8); z-index: 99999; box-shadow: 2px -10px 19px #000;top: 0; left: 0}

.header-right ul{padding: 0; margin: 0; width: auto; display: inline-block; list-style-type: none;  margin-top: 5px; margin-left: 10px;}
.header-right ul li{ width: auto; display: inline-block;}
.header-right ul li a{ padding: 10px 20px; font-size: 18px; color: #eda302; float: left; width: auto; border-right: none; transition: 0.5s ease all;}
.header-right ul li a:hover, .header-right ul li.active a, .header-right a.active { background: #96adb3; color: #000;}

.language_switch{ float: right; width: auto; margin-top: 7px; padding: 5px; background: #eda302; margin-left: 10px; width: 32px; text-align: center; height: 32px; border-radius: 50%;}

.header-right .language_switch{display: block;}
.header-right > a.active{ display: none;}

/* SECTION 1 /////////////////////////////////////////////////////////////////////////////////////////////*/

.section1-box				{width: 100%; float: left; background: url('../img/slide.jpg') repeat-x center top; padding-top: 156px; background-size: cover}
.section1-box-inner			{display: flex; flex-wrap: wrap; width: 100%; justify-content: center; align-items: center;  padding: 100px 0;}
.section1-container			{flex: 0 0 100%; max-width: 100%;}
.title1						{font-size: 80px; font-weight: 900; color: #fff; width: 100%; float: left; text-align: center; text-shadow: 1px 1px 5px #000;}
.text1						{width: 96%; float: left; padding: 2%; background: rgba(0,0,0,0.6); margin-top: 50px; border-radius: 20px;}
.text1 p					{font-size: 21px; color: #000; font-weight: 300; line-height: 30px; color: #fff;}
.text1	h1					{text-align: center; font-size: 2vw; text-transform: uppercase; color: #fff; font-weight: normal;}


form{text-align: center;}
.top-form{width: 50%; float: right; padding: 2%; background: rgba(124,187,0,0.9); border-radius: 15px;}
.title2{ width: 100%; float: left; font-size: 32px; color: #ffffff; margin: 0 0 15px 0;}
.top-form-box{ font-size: 18px; color: #777777; padding: 15px 2%; width: 96%; border: none; border-radius: 0; margin: 0 0 15px 0; background: #fff;}
.top-form-textarea{ font-size: 18px; color: #777777; padding: 15px 2%; width: 96%; border: none; border-radius: 0; margin: 0 0 15px 0; height: 180px;}
.top-form-button{background: #000000; padding: 10px 10%; color: #fff; border: 2px solid #000000; border-radius: 0; width: auto; font-size:21px;}
.top-form-button:hover{ background: transparent; border: 2px solid #ffffff; color: #000000;}

/* SECTION 2 ////////////////////////////////////////////////////////////////////////////////////////////*/

.section2-box{width: 70%; float: left; margin: 0 15%;}
.section2-box-inner{display: flex; flex-wrap: wrap; width: 100%; justify-content: center;}
.title3{font-size: 65px; font-weight: 900; color: #3C3C3C; flex: 0 0 100%; max-width: 100%; margin: 0 0 30px 0; text-align: center; position: relative;}
.title3:after{ position: absolute; z-index: 2; content: ""; width: 10%; height: 10px; background: #eda302; bottom: -20px; left: 45%;}
.testimonial{ flex: 0 0 100%; max-width: 100%; text-align: center;}
.testionial-img{ width: 100%; float: left; text-align: center;}
.testionial-img img{width: 80px; height: 80px;}
.testimonial-text{ width: 100%; float: left; position: relative; margin: 10px 0;}
.testimonial-text:before{ position: absolute; z-index: 2; top: -10px; left: -40px; content: ""; background: url('../img/sign.png') no-repeat left top; height: 50px; width: 50px;}
.testimonial-text:after{ position: absolute; z-index: 2; bottom: -10px; right: -40px; content: ""; background: url('../img/sign2.png') no-repeat left top; height: 50px; width: 50px;}
.testimonial-text p{ font-size: 21px; line-height: 30px; font-weight: 300;}

/* SECTION 3 ////////////////////////////////////////////////////////////////////////////////////////////*/

.section3-box{width: 100%; float: left; margin: 0; background: #fff; padding: 100px 0; background-size: cover}
.section3-box-inner{display: flex; flex-wrap: wrap; width: 100%; justify-content: center;}
.scroll-logos-box{width: 100%; float: left; position: relative;}
#scroll-logos{flex: 0 0 100%; max-width: 100%; margin: 50px 0; position: relative;}
#prev{position: absolute; z-index: 2; top: 40%; font-size: 42px; right: -50px;}
#next{position: absolute; z-index: 2; top: 40%; font-size: 42px; left: -50px;}

.scroll-logos-box2{width: 100%; float: left; position: relative;}
#scroll-logos2{flex: 0 0 100%; max-width: 100%; margin: 50px 0; position: relative;}

.service-box{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; margin-top: 50px;}
.service1{ flex: 0 0 19%; max-width: 19%; background: #fff;}
.service-title{ float: left; width: 100%; text-align: center; margin: 15px 0; text-transform: uppercase; min-height: 85px; display: flex; justify-content:center; align-items: center}
.service-img{ width: 100%; float: left;}
.service-img img{ max-width: 100%;}
.service-text{ float: left; width: 92%; padding: 0 4%;}
.service-text p{ text-align: justify; font-weight: lighter; line-height: 28px;}

/* SECTION 4 ////////////////////////////////////////////////////////////////////////////////////////////*/

.section4-box{width: 100%; float: left; margin: 0; background: url('../img/slide3.jpg') repeat-x center center; min-height: 750px; border-bottom: 20px solid #edcd1f;}
.section4-box-inner{display: flex; flex-wrap: wrap; width: 100%; justify-content: center;}
.section4-white{ float: left; width: 40%; margin-right: 60%; min-height: 750px; background: #fff;}
.section4-white .title3{ text-align: left; margin: 30px 0; background: url('../img/red.png') no-repeat center right;}
.section4-white .title3:after{ left: 0; width: 20%;}
.section4-text{ width: 100%; float: left;}
.section4-text p{ font-weight: 300; width: 96%; padding-right: 4%; line-height: 27px;}
.text-left4{font-size: 21px;}

/* SECTION 5 ////////////////////////////////////////////////////////////////////////////////////////////*/

.section5-box{width: 100%; float: left; margin: 0; background: url('../img/slidebg.jpg') repeat center top; padding: 80px 0;}
.circle-section{ width: 100%; float: left; text-align: center;}
.circle-section img{width: 80px; height: 80px;}
.margin-section5{ margin: 30px 0;}
.features-box{display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; margin: 100px 0; align-items: flex-start;}
.cms-box{ flex: 0 0 auto; max-width: 30%; text-align: center;}
.cms-box p{font-size: 21px; font-weight: 300;}
.under-text{ font-size: 21px; font-weight: 300; text-align: center; width: 100%; float: left;}
.section5-button{ width: 100%; float: left; text-align: center; margin: 30px 0;}
.button-blue{ padding: 15px 50px; font-size: 36px; font-weight: 400; color: #fff !important; background: #4285F4; display: inline-block; border-radius: 15px;} 
.button-contact a{padding: 8px 50px; background: #eda302; border-radius: 15px; font-size: 2vw; text-transform: uppercase; font-weight: bold;}

/* SECTION 6 ////////////////////////////////////////////////////////////////////////////////////////////*/

.section6-box{width: 100%; float: left; margin: 0; background: url('../img/stripe.png') no-repeat center bottom; padding-bottom: 50px;}
.image-logicake{ width: 100%; float: left; text-align: center; margin: 50px 0;}
.image-logicake img{ width: 600px;}
.button-green2{ padding: 15px 50px; font-size: 36px; font-weight: 400; color: #fff !important; background: #7CBB00; display: inline-block; border-radius: 15px;}

.logos-list{display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;}
.logoone{flex: 0 0 auto; max-width: 12%;}
.logoone img{max-width: 100%;}
.section7-box{width: 100%; float: left; margin: 0; background: #949494; padding: 100px 0;}
.logos-list2{display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; margin-top: 30px;}

/* NEWSLETTER ////////////////////////////////////////////////////////////////////////////////////////////*/

#contact{ padding-bottom: 0;}
.section-newsletter-box{width: 100%; float: left; margin: 0;}
.newsletter-box{ width: 66%; float: left; border: 2px solid #707070; padding: 2%; position: relative; margin: 0 15%; border-radius: 15px;}
.newsletter-box:after{position: absolute; z-index: 10; right: -270px; top: 0; background: url('../img/image6.png') no-repeat center center; height: 555px; content: ""; width: 600px;}
.newsletter-logo{ width: 100%; float: left;}
.newsletter-text{ width: 100%; float: left; margin: 30px 0; font-size: 21px; font-weight: 300;}
.newsletter-input{ width: 100%; float: left;}
.input-news{ width: 50%; float: left; padding: 2% 10px; border-radius: 15px; border: 2px solid #707070;}
.send-news{	width: auto; padding: 2%; border-radius: 0 15px 15px 0; margin-left: -15px; float: left; font-size: 21px; height: 71px; background: #7CBB00; border: none;}
.send-news:hover{ background: #4285F4; color: #fff;}

.contact-box{ display: flex; flex-wrap: wrap; width: 100%; margin: 50px 0;justify-content: space-between;}
.contact-left{flex: 0 0 49%; max-width: 49%;}
.contact-right{flex: 0 0 49%; max-width: 49%;}
.contact-title{ font-size: 42px; margin: 0 0 20px;}
.contact-text{ font-size: 21px; margin-bottom: 20px;}
.contact-margin{ margin-top: 50px;}
.icon-fb a{ padding: 10px; background: #ededed; border-radius: 50%; float: left; width: 40px; font-size: 32px; text-align: center;}

/* FOOTER //////////////////////////////////////////////////////////*/

footer{float: left; width: 100%; margin: 0;}
.bg_gray{background: url('../img/footer.jpg') no-repeat center bottom;}
.footer-flex{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; align-items: center; padding: 30px 0;}

/* INNER PAGES /////////////////////////////////////////////////////////////////////////////////////////////*/

.page_id_1 .section1-box, .page_id_1 .section2-box, .page_id_1 .section3-box, .page_id_1 .section4-box, .page_id_1 .section5-box, .page_id_1 .section6-box{display: block;}
.section1-box, .section2-box, .section3-box, .section4-box, .section5-box, .section6-box{display: none;}

.book-box{ width: 70%; margin: 0 15%; text-align: center;}
.book-box p{ font-size: 28px;}
.page_id_14 .page_title{ display: none;}
.book-box2{ display: flex; flex-wrap: wrap; width: 70%; justify-content: space-between; margin: 50px 15%; align-items: center;}

.book-col .top-form{ float: left; width: 80%;}
.book-col{flex: 0 0 auto; max-width: 50%;}
.book-sentence{ width: 100%; float: left; margin-top: 30px; font-size: 32px; text-align: center;}

.bee-page-container{ float: left; width: 100%;}
.header-right ul ul.level_2{ display: none;}
.header-right ul li{ position: relative;}
.header-right ul li:hover ul.level_2{margin-top: 0; display: block; position: absolute; z-index: 999; top:42px; width: 300px; text-align: left; background: #96adb3;}
.header-right ul.level_2 li a{color: #000;}
.header-right ul.level_2 li{ float: left; width: 100%;}
.header-right ul.level_2 li a{ float: left; width: 100%; padding: 10px 5%;}
.header-right ul.level_2 li a:hover{ color: #fff; background:#eda302;}

.page_title{ float: left; width: 100%; background: url('../img/inner-slide.jpg') no-repeat center top; min-height: 400px; padding: 250px 17% 137px; font-size: 42px; color: #fff; text-shadow: 2px 3px 5px #000;}
.leftnavigation .language_switch{ display: none;}

.left_menu{ float: left; width: 20%;}
.side_body{float: left; width: 78%; margin-left: 2%;}

.leftnavigation ul{ width: 98%; float: left; margin: 0 2% 0 0; padding:0; list-style-type: none; background: #eda302; min-height: 400px}
.leftnavigation ul li{float: left; width: 100%;}
.leftnavigation ul li a{ padding: 10px 2%; width: 100%; float: left; border-top: 2px solid #eda302; border-bottom: 2px solid #eda302; transition: 0.5s ease all;}
.leftnavigation ul li a:hover, .leftnavigation ul li.active a{background: #96adb3; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}

#main {background: #fff;}
#main .container{ background: #fff;}

.bgleft{ background: #fff; float: left; width: 100%; padding: 1%;}
a.bee-button-content span{display: inline-block; text-align: center}

/* MOBILE SETTINGS //////////////////////////////////////////////////////////*/

#open_mobile_menu{display:none;}
#mobile_menu{display: none;transition: width 0.5s;}
#wrap_whole_website{transition: margin 0.5s;float:left;width: 100%;}
#open_mobile_menu .fa-close{display:none;}
.opened_mobile_menu #open_mobile_menu .fa-close{display:inline;}
.opened_mobile_menu #open_mobile_menu .fa-bars{display:none;}

.box-mobile, .box-mobile2{display: none;}

.request_action_homepage .container {}
.request_action_homepage .section1-box .container {max-width: 1440px;}
.request_action_homepage .section5-box .container,
.request_action_homepage .section7-box .container,
.request_action_homepage .section3-box .container {max-width: 1440px;}
.request_action_homepage .section3-box {display: none !important;}
.request_action_homepage header .container { max-width: 1440px;}

/* FORM //////////////////////////////////////////////////////////*/

input:invalid, textarea:invalid{ background: #fff;}
.top-form-box, .top-form-textarea { border: 2px solid #eda302; width: 100%;}

.new-contact .contact_form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.new-contact .contact_form .input input,  .new-contact .contact_form .input textarea, .new-contact .contact_form .input.file input{border: 3px solid #eda302; font-size: 16px; padding: 10px 5px}
.new-contact .contact_form .input textarea {height: 110px}
.new-contact .contact_form > .input {width: 48%; float: left}
.new-contact .contact_form .input.file input {margin-bottom: 10px; font-size: 16px; float: left}
.p-title {font-size: 16px; font-weight: 600;margin: 20px 0; text-align: left}
.new-contact .contact_form .input.checkbox {font-size: 15px; font-weight: 600; text-align: left}
.new-contact .contact_form .input.checkbox input {width: auto; display: inline-block; margin-right: 5px;}
.new-contact .top-form-button {margin: auto}
.hidden_1, .hidden_2, .hidden_3 {display: none}
.new-contact .input.select input {display: inline-block; width: auto; margin-left: 5px}
.new-contact .input.select {text-align: left;display: flex; justify-content; space-between; border:solid 3px #eda302; font-size: 13px; padding: 10px 5px; margin-bottom: 5px; flex-wrap: wrap; line-height: initial; align-items: center}
.new-contact .input.select .checkbox:nth-of-type(1) {margin-left: auto}
.new-contact .input.select .checkbox:nth-of-type(2), .new-contact .input.select .checkbox:nth-of-type(3){margin-left: 10px}
.new-contact .input.select .checkbox input {margin: 0; margin-right: 5px}
.new-contact .contact_form .col_50 .input input {font-size: 13px;}
.new-contact .input.file {margin-right: 20px; display: inline-block; float: left}

.language_switch {font-family: 'Montserrat', sans-serif;position: relative; top: -6px; margin-right: 15px; text-transform: uppercase; font-weight: 800; background: none; color: #eda302 !important; font-size: 21px; margin-top: 0 !important;text-shadow: 0px 0px 7px #000;}
.header-right a.button-yellow {font-weight: 800;}
.header-right {width: 70%;}
header {background: none; border:none; transition:0.5s;}

.scroll header {background: #000;}
.button-yellow {padding: 5px 25px !important; font-family: 'Montserrat', sans-serif;}
.header-right ul li a {font-weight: 800;text-shadow: 0px 0px 7px #000; padding: 0 0 10px; margin: 0 15px; border-bottom: 3px solid transparent; font-family: 'Montserrat', sans-serif;}
.header-right ul li a:hover, .header-right ul li.active a, .header-right a.active {
    background: none;
    color: #eda302;
    border-bottom: 3px solid #15515a;
}
.header-right {
    align-items: flex-start;
}

.header-right ul {
    margin-top: 0 !important;
}

.text1 {
    margin-top: 0;
    font-weight: 800 !important;
    background: none;
}

.text1 h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800 !important;
    
}

.button-contact a {
    border-radius: 0;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 1.5vw;
}

.header-right ul li:hover ul.level_2 {
    top: 35px;
}

.header-right ul.level_2 li a {
    text-shadow: none;
    color: #fff;
    background: #eda302;
}

.header-right ul.level_2 li a:hover {
    margin: 0;
}

.header-right ul.level_2 li a {
    margin: 0;
}

/* MOBILE RESPONSIVES /////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 1860px){
	.send-news{ padding: 1.94% 2%; height: auto;}

}

@media only screen and (max-width: 1680px){
	
	.box-link1:before{ left: -225px;}
	.title1{font-size: 65px;}
	.newsletter-box::after{background-size: 70%; right: -24%;}

}

@media only screen and (max-width: 1560px){
	
	.title1{font-size: 42px;}
	.text1 p{font-size: 18px;}
	.section1-left{flex: 0 0 45%;}
	.box-link1:before{ top: 10px;}
	.section1-right{flex: 0 0 55%; background-size: 100%;}
	
}

@media only screen and (max-width: 1464px){
	
	.title2{font-size: 24px;}
	.link-title, .box-link3 .link-title{font-size: 24px;}
	.top-form-textarea{height: 100px;}
	.top-form{margin: 70px 0;}
	
}

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

	.box-link1:before{ display: none;}
	.box-link3:after{ display: none;}
	.box-mobile{ display: block; width: 100%; float: left; text-align: center; margin: 0 0 80px;}
	.box-mobile2{ display: block; width: 100%; float: left; text-align: center; margin: 80px 0 0;}
	.newsletter-box::after{display: none;}
	#scroll-logos {
    flex: 0 0 80%;
    max-width: 80%;
    margin: 50px 10%;
		position: relative;}
	footer{margin: 30px 0 0;}
	.container{width: 96%; float: left; padding: 0 2%;}
	.section2-box, .section3-box{ width: 100%; float: left; margin: 0; padding: 80px 0;}
	
}

@media only screen and (max-width: 1280px){
	.header-right {width: 70%}
	.header-left {width: 30%}

	.book-col{flex: 0 0 100%; max-width: 100%; text-align: center;}
	.book-box2{ justify-content: center;}
	.book-col .top-form{ width: 100%;}
	
	.service1 {
    flex: 0 0 300px;
    max-width: 300px;
    background: #fff;
    margin-top: 20px;
}
	.service-box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-around;
    margin-top: 50px;
}
}
@media only screen and (max-width: 1120px){
	.header-left img {width: 250px;}
}
@media only screen and (max-width: 1024px){
	
	
		
	body.opened_mobile_menu #wrap_whole_website{margin-right:0%;}
	body.opened_mobile_menu #mobile_menu{width:100%; z-index: 99999;}
	#mobile_menu{position:fixed;right:0%;width:0%;top:0; height:100%; z-index: 99999; overflow-y:auto; transition: right 0.5s, width 0.5s; background: #3C3C3C; display: block; z-index:1000; padding-top: 15px;}
	#mobile_menu ul{list-style-type:none;;}
	#mobile_menu > ul{}
	#mobile_menu ul{padding:0;width: 100%; margin:0; float:left;}
	#mobile_menu ul li{ float:left;width:100%; position:relative;}
	#mobile_menu ul li i{transition: transform 0.3s; position: absolute;right: 3px; top:10px;bottom:0; height: 24px; line-height:24px; font-size:24px; color:#fff;}
	#mobile_menu ul li.active > i{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
	#mobile_menu ul li.active > a{}
	#mobile_menu ul a{width:auto;display:block;text-align:center; padding: 10px 0; color: #000000; transition: background 0.5s, color 0.5s; margin: 10px 100px; background: #eda302;}
	#mobile_menu ul ul li a{ width:96%;padding-left:2%;padding-right:2%;background: #007791;}
	#mobile_menu ul ul{display:none;}
	#mobile_menu ul ul li:last-child{border-bottom:none;}
	#mobile_menu .social p{color:#fff;text-align:center;}
	#mobile_menu .logo{text-align:center; border-top: 2px solid #eda302; margin-top: 20px;}
	.close_mobile_menu,#open_mobile_menu{ position: absolute; z-index: 99999; font-size:30px; top: 0; right: 10px; text-align: center;border-radius: 50%; display:block;/* background:#df9800;*/height:45px;width:45px;text-align:center;line-height:45px; color:#fff;}
	.close_mobile_menu:focus,#open_mobile_menu:focus{ outline: none;}
	.close_mobile_menu{left: auto;right:10px; background:none;cursor:pointer; display:block;}
	
	.section1-left{flex: 0 0 100%; max-width: 100%; order: 2; text-align: center;}
	.section1-right{flex: 0 0 100%; max-width: 100%; order: 1; background-size: 42%;}
	.top-form{float: left;}
	.section1-box-inner{padding: 0 0 240px 0;}
	.box-link1, .box-link2, .box-link3{ flex: 0 0 70%; max-width: 100%; padding: 2%; text-align: center;}
	.three-boxes-box{justify-content: center;}
	.box-link2{ margin: 30px 0;}
	.button-links a{display: inline-block; float: none; text-align: center;}
	.box-link3 .link-title{text-align: center;}
	.box-link3 .link-second-title{ text-align: center;}
	.box-link3 .button-links a{display: inline-block; float: none; text-align: center;}
	.newsletter-box{width:86%; margin: 0 5%;}
	.button-green a{display: inline-block;}
	.header-right{margin-top: 10px;}
	#scroll-logos{text-align: center;}
	#scroll-logos img{ width: auto;}
	
	.section4-box{background: #fff;}
	.section4-white{width: 100%; margin: 0;}
	.logoone{ max-width: 200px;}
	.logos-list{ justify-content: space-around;}
	.contact-left{ flex: 0 0 100%; max-width: 100%;}
	.contact-right{ flex: 0 0 100%; max-width: 100%;}
	.section4-white .title3{ background: none;}
	
	.header-right ul, .header-right .language_switch{ display: none;}
	.header-box{justify-content: center;}
	.header-left{ text-align: center;}
	.header-left img{ max-width: 50%;}
	
	.language_switch{ float: none; display: inline-block;}
	.phone{margin-top: 10px;}
	.phone a{ font-size: 24px; color: #fff;}
	.icons{ float: left; width: 100%;}
	body.opened_mobile_menu .fa-facebook{ font-size: 28px; padding: 8px 0;background: #eda302; width: 45px; border-radius: 50%; }
	
	.fixed_header header{ z-index: 999;}
	body.opened_mobile_menu #open_mobile_menu{ display: none;}
	
	.contact-right{ text-align: center; margin-top: 20px;}
	.icon-fb a{ display: inline-block; text-align: center; float: none;}
	.mobile-logo{max-width:35%; display: block;}
	.header-left {width: 100%}
	.header-left img {max-width: auto; width: 200px;}
	.header-right {width: 100%; justify-content: center}	

	.left_menu{ width: 100%; margin: 0 0 20px 0; }
	.side_body{ width: 100%; margin: 0;}
	.leftnavigation ul{ margin: 0; width: 100%; min-height: auto;}

	#mobile_menu ul ul li a{ width: 76%; background: #a47307;}
    
    .button-contact a {display: inline-block; width: auto; font-size: 18px !important}
    a.bee-button-content span {line-height: initial !important; font-size: 18px !important}
    .container {float: none}
    .bee-row-2 .bee-col-1 .bee-block-1, .bee-row-2 .bee-col-2 .bee-block-1, .bee-row-2 .bee-col-3 .bee-block-1 {
    padding: 0 !important
    }
    div.bee-button-content {padding-left: 0 !important; padding-right: 0 !important}
    .bee-col.bee-col-3.bee-col-w4 .bee-block-4 .bee-button-content {padding-bottom: 0 !important}
    .bee-col.bee-col-1.bee-col-w12 {padding-bottom: 0 !important}
    .bee-heading > * {font-size: 22px !important}
    .bee-col.bee-col-1.bee-col-w6, .bee-row-5 .bee-col-2, .bee-row-7 .bee-col-2 {padding-bottom: 0 !important}
    .bee-row-5 .bee-col-2 .bee-block-1 {padding-left: 0 !important}
    .bee-row-6 .bee-col-2 .bee-block-1 {padding-right: 0 !important; padding-top: 0 !important}
    .bee-row-7 .bee-col-1 .bee-block-1 {padding-right: 0 !important}
    .bee-row-8 .bee-col.bee-col-1.bee-col-w4, .bee-row-8 .bee-col.bee-col-3.bee-col-w4 {display: none !important}
	
	.new-contact .contact_form > .input {width: 100%}
	.new-contact .col_50 {width: 100%}

}

@media only screen and (max-width: 850px){
	
	.header-box{justify-content: center;}
	.header-left{text-align: center;}
	.header-left img{ max-width: 50%;}
	body > iframe{display:none;}

}

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

	.section1-right{ width: 100%; background: none; height: auto;}
	.top-form{width: 96%;}
	.title2{ text-align: center;}
	
	.button-green a{font-size: 14px;}
	.cms-box{ max-width: 100%;}
	.button-blue{ font-size: 24px;}
	.features-box{ margin: 50px 0;}
	.image-logicake{ margin: 50px 0 0;}
	.button-green2{font-size: 24px;}
	.newsletter-box{text-align: center; padding: 2% 2% 200px 2%; background: url('../img/image6.png') no-repeat center bottom; background-size: 30%;}
	.newsletter-input{display: flex; flex-wrap: wrap; justify-content: center; float: none;}
	.image-logicake img{width: 100%;}
	.button-contact a{font-size: 32px;}
	.buttons-scroll-logos{ display: none;}
	.title3{font-size: 42px;}
}

@media only screen and (max-width: 520px){
	
	#mobile_menu ul a{ margin: 10px 50px;}
	.mobile-logo{max-width:50%; display: block;}
	#scroll-logos img{max-width: 100%; width: 100%;}
	.button-contact a{font-size: 6vw;}
    .section1-box-inner .text1 h1, .section1-box-inner a.button-yellow{font-size: 5vw !important;}
    .section1-box-inner a.button-yellow {padding: 10px 2px !important}
	
}

@media only screen and (max-width: 483px){
	.section1-box{ height: auto; background: url('../img/slide.jpg') repeat center top; }
	.header-right ul li a{font-size: 10px;}
	.header-right ul{ height: 39px;}
	.language_switch{padding: 2px;}
	
	#dm_login{max-width:96%;}
	#dm_login label, #dm_login input{padding:0;}
	.title3{font-size: 28px;}
	.button-blue{font-size: 18px; padding: 15px 0; width: 100%;}
	.button-green2{ font-size: 18px; padding: 15px 0; width: 100%;}
	.input-news{ width: 80%; margin: 0 10%; border-radius: 15px;}
	.send-news{width: 50%; margin: 20px 25%; border-radius: 15px;}
	.newsletter-box{background-size: 50%;}
	#scroll-logos img{ width: 100%;}
	.newsletter-logo img{ max-width: 65%;}
	.section1-box-inner{ padding: 0 0 125px 0;}
	.header-right{ text-align: center;}
	.phone-link{margin: 0 0 10px 0;}
	.fixed_header .phone-link{ display: none;}
	
}

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

	.footer-col{flex: 0 0 100%; margin-bottom: 10px; text-align: center;}
	.footer-flex{ justify-content: center;}

}