/*
Theme Name: Puenta
Theme URI: www.flowerorder.co.il
Description: Puenta Custom Theme
Author: Studio Puenta
Author URI: http://www.puenta.co.il/
Version: 1.0
*/

*{padding:0;margin:0;box-sizing: border-box;direction: rtl;font-family: 'Assistant', sans-serif;}
.home{height: 100vh;overflow: hidden;}
.home .mainpagewrapper{display: flex;flex-wrap: wrap;justify-content: space-between;}
.home .mainpagewrapper .rightslider{width: 75%;}
.home .mainpagewrapper .rightslider .bx-wrapper,.home .mainpagewrapper .rightslider .bx-wrapper .bx-viewport{direction: ltr;background: transparent;box-shadow: none;border:none;padding:0;margin:0;}
.home .mainpagewrapper .rightslider .slider{height: 100vh;background-repeat: no-repeat;background-size: cover;position: relative;}
.home .mainpagewrapper .rightslider .slider .slidercircle{position: absolute;width: 300px;height: 300px;background-color: rgba(229,229,228,.80);border-radius: 50%;text-align: center;left:50px;top:50px;padding:15px;display: flex;align-items: center;justify-content: center;}
.home .mainpagewrapper .rightslider .slider .slidercircle h3{font-size:60px;color:#3d5728;font-weight: 300;}
.home .mainpagewrapper .rightslider .bx-wrapper .bx-pager{position: absolute;top:35%;right:50px;width: auto;}
.home .mainpagewrapper .rightslider .bx-wrapper .bx-pager .bx-pager-item{display: block;margin-bottom: 7px;}
.home .mainpagewrapper .rightslider .bx-wrapper .bx-pager .bx-pager-item a{background-color: #fff;border:1px solid #3d5728;width: 15px;height: 15px;border-radius: 50%;}
.home .mainpagewrapper .rightslider .bx-wrapper .bx-pager .bx-pager-item a.active{background-color: #3d5728;border:1px solid #fff;}
.home .mainpagewrapper .leftpage{width: 25%;background-color: #e5e5e4;box-shadow: -12px 0 48px #000;z-index: 100;}
.home .mainpagewrapper .leftpage .logo{width: 65%;text-align: center;margin:0 auto;padding-top: 20px;}
.home .mainpagewrapper .leftpage .logo img{width: 100%;height: auto;}
.home .mainpagewrapper .leftpage .logo h1{color:#3d5728;font-size: 31px;font-weight: 500;}
.home .mainpagewrapper .leftpage .categories{background-color: #3d5728;text-align: center;padding:10px 35px;display: flex;flex-wrap: wrap;justify-content: center;margin-top:20px;}
.home .mainpagewrapper .leftpage .categories h5{color:#fff;display: inline-block;margin:0 7px;font-size: 25px;font-weight: 400;border-left:1px solid #fff;padding-left:15px;margin-bottom: 5px;}
.home .mainpagewrapper .leftpage .categories h5:nth-child(2){border: none;}
.home .mainpagewrapper .leftpage .categories h5:nth-child(5){border: none;}
.home .mainpagewrapper .leftpage .categories h5:nth-child(7){border: none;}

.home .mainpagewrapper .leftpage .maincontent{padding:25px 0;text-align: center;}
.home .mainpagewrapper .leftpage .maincontent h2{text-align: center;color:#972343;font-size: 24px;font-weight:500;margin-bottom: 40px;}
.home .mainpagewrapper .leftpage .maincontent h3{color:#3d5728;font-weight: 600;font-size: 24px;}
.home .mainpagewrapper .leftpage .maincontent p{color:#3d5728;font-size: 20px;}
.home .mainpagewrapper .leftpage .contactform{padding:0 20px;}
.home .mainpagewrapper .leftpage .contactform h3{color:#3d5728;font-size: 24px;font-weight: 600;text-align: center;}
.home .mainpagewrapper .leftpage .contactform span{color:#972343;text-align: right;}
.home .mainpagewrapper .leftpage .contactform form{width: 100%;margin-top: 15px;}
.home .mainpagewrapper .leftpage .contactform form label{width: 100%;display: block;}
.home .mainpagewrapper .leftpage .contactform form label input{width: 100%;height: 35px;background-color: #fff;border:none;outline:none;margin-bottom:10px;padding-right: 7px;font-size: 18px;font-weight: 500;}
.home .mainpagewrapper .leftpage .contactform form input[type=submit]{text-align: center;display: block;background-color: #972343;width: 100%;height: 35px;line-height: 35px;color:#fff;font-size: 25px;border:none;font-weight: 300;}

@media screen and (min-width:2201px) and (max-width:2450px) {
	.home .mainpagewrapper .rightslider{width: 70%;}
	.home .mainpagewrapper .leftpage{width: 30%;}
	.home .mainpagewrapper .leftpage .maincontent{padding:10px 15px;}
}
@media screen and (min-width:2000px) and (max-width:2200px) {
	.home .mainpagewrapper .rightslider{width: 70%;}
	.home .mainpagewrapper .leftpage{width: 30%;}
	.home .mainpagewrapper .leftpage .maincontent{padding:10px 15px;}
}
@media screen and (min-width:1440px) and (max-width:1600px) {
	.home .mainpagewrapper .rightslider{width: 70%;}
	.home .mainpagewrapper .leftpage{width: 30%;}
	.home .mainpagewrapper .leftpage .maincontent{padding:10px 15px;}
	.home .mainpagewrapper .leftpage .logo h1{font-size:23px; }
}
@media screen and (min-width:1280px) and (max-width:1439px) {
	.home .mainpagewrapper .rightslider{width: 70%;}
	.home .mainpagewrapper .leftpage{width: 30%;}
	.home .mainpagewrapper .leftpage .categories{padding:10px;}
	.home .mainpagewrapper .leftpage .categories h5{font-size: 18px;margin-left: 12px;padding-left: 12px;}
	.home .mainpagewrapper .leftpage .maincontent{padding:10px 15px;}
	.home .mainpagewrapper .leftpage .maincontent h2{font-size: 18px;margin-bottom: 10px;}
	.home .mainpagewrapper .leftpage .maincontent p{font-size: 17px;}
	.home .mainpagewrapper .rightslider .slider .slidercircle{width: 250px;height: 250px;}
	.home .mainpagewrapper .rightslider .slider .slidercircle h3{font-size: 50px;}
	.home .mainpagewrapper .leftpage .categories h5:nth-child(2){border-left: 1px solid #fff;}
	.home .mainpagewrapper .leftpage .categories h5:nth-child(4){display: none;}
	.home .mainpagewrapper .leftpage .contactform{padding: 0 13px;}
	.home .mainpagewrapper .leftpage .logo h1{font-size:23px; }
}
@media screen and (min-width:1025px) and (max-width:1279px) {}
@media screen and (min-width:769px) and (max-width:1024px) {
	.home .mainpagewrapper .leftpage .logo{width: 55%;}
	.home .mainpagewrapper .rightslider{width: 55%;}
	.home .mainpagewrapper .leftpage{width: 45%;}
	.home .mainpagewrapper .leftpage .categories h5{font-size: 15px;}
	.home .mainpagewrapper .leftpage .maincontent h2{font-size: 18px;}
	.home .mainpagewrapper .leftpage .maincontent p{font-size: 17px;}
	.home .mainpagewrapper .rightslider .slider .slidercircle{width: 210px;height: 210px;}
	.home .mainpagewrapper .rightslider .slider .slidercircle h3{font-size: 40px;}
}
@media screen and (min-width:461px) and (max-width:768px) {
	.home{height:auto;overflow: auto;}
	.home .mainpagewrapper .rightslider{width: 100%;}
	.home .mainpagewrapper .rightslider .slider{height: 500px;}
	.home .mainpagewrapper .leftpage{width: 100%;}
	.home .mainpagewrapper .leftpage .logo{width: 45%;}
	.home .mainpagewrapper .leftpage .categories h5{font-size: 30px;}
	.home .mainpagewrapper .leftpage .categories h5:nth-child(2){border-left: 1px solid #fff;}
	.home .mainpagewrapper .leftpage .categories h5:nth-child(4){display: none;}
	.home .mainpagewrapper .leftpage .maincontent h2{font-size: 28px;}
	.home .mainpagewrapper .leftpage .maincontent h3{font-size: 28px;}
	.home .mainpagewrapper .leftpage .maincontent p{font-size: 23px;}
	.home .mainpagewrapper .rightslider .slider .slidercircle{width: 230px;height: 230px;}
}
@media screen and (max-width:460px){
	.home{height:auto;overflow: auto;}
	.home .mainpagewrapper .rightslider{width: 100%;}
	.home .mainpagewrapper .rightslider .slider{height: 320px;}
	.home .mainpagewrapper .leftpage{width: 100%;}
	.home .mainpagewrapper .leftpage .logo h1{font-size:25px; }
	.home .mainpagewrapper .rightslider .slider .slidercircle{width: 120px;height: 120px;top:80px;left:20px;}
	.home .mainpagewrapper .rightslider .slider .slidercircle h3{font-size: 23px;}
	.home .mainpagewrapper .rightslider .bx-wrapper .bx-pager{top:25%;right:10px;}
	.home .mainpagewrapper .leftpage .maincontent{padding:25px 15px;}
	.home .mainpagewrapper .leftpage .categories h5{font-size: 18px;}
	.home .mainpagewrapper .leftpage .maincontent h2{font-size: 18px;}
	.home .mainpagewrapper .leftpage .maincontent h3{font-size: 20px;}
	.home .mainpagewrapper .leftpage .maincontent p{font-size: 18px;}
	.home .mainpagewrapper .leftpage .contactform h3{font-size: 20px;}
}
@media screen and (min-width:360px) and (max-width:365px){

	.home .mainpagewrapper .leftpage .categories h5{margin:0 9px;}
}
@media screen and (min-width:320px) and (max-width:359px){
	.home .mainpagewrapper .leftpage .maincontent{padding:25px 15px;}
	.home .mainpagewrapper .leftpage .maincontent h2{font-size: 16px;}
	.home .mainpagewrapper .leftpage .maincontent p{font-size: 15px;}
	.home .mainpagewrapper .leftpage .categories h5:after{margin-right: 13px;}
	.home .mainpagewrapper .leftpage .categories h5{margin:0 9px;}
	.home .mainpagewrapper .leftpage .logo h1{font-size:21px; }
}