ul{ margin: 0; padding: 0; }
li{ list-style: none; }

a:hover, a:active, a:focus{ text-decoration: none; outline: none; }

.pdy{ padding: 0; }
.pdy-sol{ padding-left: 0; }
.pdy-sag{ padding-right: 0; }
.pdy-sol-m{ padding-left: 0; }
.pdy-sag-m{ padding-right: 0; }
.padding-yok{ padding: 0 !important; }
.pdr5{ padding-right: 5px; }

.w100{ width: 100%; }
.mw100{ max-width: 100%; }

.mons{ font-family: 'Montserrat', sans-serif; }

.fancybox-skin{ padding: 0 !important; }
.fancybox-close{ right: 0; top: 0; }

.gray{ background: #f3f3f3; }

header{ float: left; width: 100%; background-image: url(../img/menu-bg.png); background-size: cover; background-position: bottom; height: 150px; position: relative; z-index: 2; }
.logo{ float: left; width: 100%; margin-bottom: 20px; padding-top: 30px; }
.menu{ float: left; width: 100%; padding-top: 15px; }
.menu ul li{ float: none; display: inline-block; margin-right: 45px; }
.menu ul li:last-child{ margin-right: 0; }
.menu ul li a{ color: #000; transition: all ease .7s; font-weight: 600; }
.menu ul li a:hover{ color: #3a81cc; }
.menu .navbar-brand{ margin-right: 6rem; }

.slider{ float: left; width: 100%; margin-top: -150px; margin-bottom: 0 !important; }
.slider .slick-prev{ left: 10px; z-index: 9; }
.slider .slick-next{ right: 10px; z-index: 9; }
.slider .slick-dots{ bottom: 30px; width: unset; right: 10px; transform: rotate(90deg); }
.slider .slick-dots li button::before{ font-size: 35px; color: #fff; }

.about-us{ float: left; width: 100%; padding: 50px 0; }
.about-us-wrapper{ float: left; width: 100%; padding: 20px; background: #fff; }
.about-us-header{ float: left; width: 100%; font-size: 20px; color: #3a81cc; margin-bottom: 20px; font-weight: bold; }
.about-us-txt{ float: left; width: 100%; color: #000; font-size: 13px;  }
.about-us-categories{ float: left; width: 100%; }
.about-us-btn{ float: left; width: 100%; margin-top: 25px; }
.about-us-btn a{ display: inline-block; padding: 5px 20px; background: #3a81cc; color: #fff; transition: all ease .7s; font-size: 13px; border-radius: 10px; }
.about-us-btn a:hover{ background: #0e3980; border-left: 10px solid #3a81cc; }
.categories-box{ display: inline-block; border-radius: 150px 0 150px 150px; margin-bottom: 10px; position: relative; overflow: hidden; }
.categories-box-img{ float: left; width: 100%; }
.categories-box-img img{ height: 140px; object-fit: cover; border-radius: 150px 0 150px 150px; width: 160px; }
.cat-img-2{ border-radius: 0 150px 150px 150px; }
.cat-img-2 img{ border-radius: 0 150px 150px 150px; }
.categories-box-header{ position: absolute; bottom: 0; left: 0; font-size: 12px; width: 100%; padding: 10px; background: rgba(249,164,40,.8); transform: translateY(100%); transition: all ease .7s; }
.categories-box-header a{ color: #fff; }
.categories-box:hover .categories-box-header{ transform: translateY(0); }

.banner{ float: left; width: 100%; background-size: cover; background-position: center; min-height: 310px; background-image: url(../img/banner-bg.jpg); position: relative; }
.banner span{ position: absolute; right: 15%; top: 50%; transform: translateY(-50%); font-size: 35px; font-weight: 600; color: #616161; }
.banner2{ float: left; width: 100%; background-size: cover; background-position: center; min-height: 310px; background-image: url(../img/banner2-bg.jpg); position: relative; }
.banner2 span{ position: absolute; left: 15%; top: 50%; transform: translateY(-50%); font-size: 35px; font-weight: 600; color: #616161; }

.boxes{ float: left; width: 100%; padding: 30px 0; overflow: hidden; }
.boxes-header{ float: left; width: 100%; margin-bottom: 30px; font-size: 25px; font-weight: bold; color: #3a81cc; }
.boxes-header:after{ content: ''; display: block; width: 30px; height: 2px; background: #000; margin: 0 auto; }
.box{ float: left; width: 100%; margin-bottom: 20px; background-size: cover; padding: 20px; position: relative; }
.box-mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 1; }
.box-header{ float: left; width: 100%; color: #fff; margin-bottom: 15px; font-size: 25px; font-weight: bold; position: relative; z-index: 2; }
.box-btn{ float: left; width: 100%; position: relative; z-index: 2; }
.box-btn a{ padding: 5px 25px; color: #fff; border: 1px solid #fff; transition: all ease .7s; }
.box-btn a:hover{ background: #fff; color: #000; }
.box1{ background-image: url(../img/box1.jpg); min-height: 560px; }
.box2{ background-image: url(../img/box2.jpg); min-height: 590px; }
.box3{ background-image: url(../img/box3.jpg); min-height: 265px; }
.box4{ background-image: url(../img/box4.jpg); min-height: 480px; }
.box5{ background-image: url(../img/box5.jpg); min-height: 385px; }

.linkedin{ float: left; width: 100%; padding: 50px 0; background: #eaeaea; overflow: hidden; }
.linkedin-img{ float: left; width: 100%; margin-bottom: 20px; margin-top: 35px; position: relative; right: -160px; z-index: 9; }
.linkedin-txt{ float: left; width: 100%; background-image: url(../img/linkedin-bg.png); background-size: cover; height: 410px; color: #fff; padding-left: 200px; padding-top: 100px;  }
.linkedin-header{ float: left; width: 100%; margin-bottom: 15px; font-size: 30px; font-weight: 600; }
.linkedin-sub-header{ float: left; width: 100%; margin-bottom: 25px; font-weight: 600; }
.linkedin-btn{ float: left; width: 100%; }
.linkedin-btn a{ padding: 5px 25px; color: #fff; border: 1px solid #fff; transition: all ease .7s; }
.linkedin-btn a:hover{ background: #fff; color: #000; }

.if{ float: left; width: 100%; padding: 50px 0; background: #fff; overflow: hidden; }
.if-img{ float: left; width: 100%; margin-bottom: 20px; margin-top: 35px; position: relative; left: -200px; z-index: 9; }
.if-txt{ float: left; width: 100%; background-image: url(../img/if-bg.png); background-position: right; background-size: cover; height: 410px; color: #008912; padding-left: 200px; padding-top: 100px;  }
.if-header{ float: left; width: 100%; margin-bottom: 15px; font-size: 30px; font-weight: 600; }
.if-sub-header{ float: left; width: 100%; margin-bottom: 25px; font-weight: 600; }
.if-btn{ float: left; width: 100%; }
.if-btn a{ padding: 5px 25px; color: #008912; border: 1px solid #008912; transition: all ease .7s; }
.if-btn a:hover{ background: #008912; color: #fff; }

.gallery{ float: left; width: 100%; padding: 50px 0; }
.gallery-header{ float: left; width: 100%; margin-bottom: 30px; font-size: 25px; font-weight: bold; color: #3a81cc; }
.gallery-header:after{ content: ''; display: block; width: 30px; height: 2px; background: #000; margin: 0 auto; }
.gallery-box{ float: left; width: 100%; margin-bottom: 30px; overflow: hidden; }
.gallery-box img{ height: 200px; object-fit: cover; transition: all ease .7s; }
.gallery-box:hover img{ transform: rotate(5deg) scale(1.3); }
.gallery-content{ padding: 40px; background-color: #fff; }

footer{ float: left; width: 100%; padding: 50px 0; background: #0e3980; }
.footer-box{ float: left; width: 100%; margin-bottom: 20px; color: #fff; }
.footer-box-header{ float: left; width: 100%; margin-bottom: 20px; font-size: 20px; font-weight: 600; }
.footer-box-content{ float: left; width: 100%; }
.footer-box-content a{ color: #fff; transition: all ease .7s; }
.footer-box-content a:hover{ color: #3a81cc; }
.footer-box-content a.social{ text-align: center; display: inline-block; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; border: 1px solid #fff; margin-right: 5px; }
.footer-box-content a.social:last-child{ margin-right: 0; }
.footer-box-content a.social:hover{ color: #3a81cc; border-color: #3a81cc; transform: rotate(360deg); }

.detail-banner{ float: left; width: 100%; margin-top: -150px; background-size: cover; height: 350px; }
.who-we-are-banner{ background-image: url(../img/atelier.jpg); }
.arge-banner{ background-image: url(../img/arge.jpg); }
.sustain-banner{ background-image: url(../img/sustain.jpg); }
.sale-banner{ background-image: url(../img/sale.jpg); }
.career-banner{ background-image: url(../img/story.jpg); }
.news-banner{ background-image: url(../img/news.jpg); }
.contact-banner{ background-image: url(../img/contact.jpg); }

.who-we-are{ float: left; width: 100%; }
.who-we-are-header{ float: left; width: 100%; margin-top: -73px; }
.who-we-are-header-txt{ float: left; padding: 25px; background: #fff; color: #3a81cc; font-size: 20px; font-weight: bold; }
.who-we-are-wrapper{ float: left; width: 100%; background: #f9f9f9; padding-bottom: 30px; }
.who-we-are-content{ float: left; width: 100%; background: #fff; }
.who-we-are-sidebar{ float: left; width: 100%; padding: 40px; }
.who-we-are-sidebar ul li{ float: left; width: 100%; margin-bottom: 15px; }
.who-we-are-sidebar ul li a{ color: #7d7d7d; transition: all ease .7s; font-size: 13px; }
.who-we-are-sidebar ul li a:hover{ color: #3a81cc; }
.who-we-are-txt{ float: left; width: 100%; padding: 40px ; color: #474747; }
.who-we-are-txt-header{ float: left; width: 100%; font-size: 24px; margin-bottom: 20px; }
.who-we-are-txt-content{ float: left; width: 100%; font-size: 13px; }
.who-we-are-txt .col-md-3{ float: left; }
.who-we-are-txt .col-md-4{ float: left; }

.arge{ float: left; width: 100%; padding: 50px 0; }
.arge-content-banner{ float: left; width: 100%; margin-bottom: 20px; }
.arge-content-txt{ float: left; width: 100%; color: #474747; font-size: 13px; }
.arge-row-box{ float: left; width: 100%; margin-top: 30px; padding: 25px; }
.arge-gray{ background: #f2f2f2; }
.arge-bordered{ border: 1px solid #f2f2f2; }
.arge-box-img{ float: left; width: 100%; margin-bottom: 15px; }
.arge-box-txt{ float: left; width: 100%; color: #474747; font-size: 13px; }

.sustain{ float: left; width: 100%; padding: 50px 0; }
.sustain-row{ float: left; width: 100%; margin-bottom: 60px; }
.sustain-content{ float: left; width: 100%; background-image: url(../img/sustain-bg.jpg); background-size: cover; min-height: 345px; padding: 30px 150px 30px 30px; margin-top: 70px; position: relative; }
.sustain-header{ float: left; width: 100%; font-size: 25px; font-weight: 600; margin-bottom: 20px; }
.sustain-txt{ float: left; width: 100%; font-size: 13px; }
.sustain-img{ float: left; width: 100%; }
.sustain-sub-img{ float: left; width: 100%; margin-bottom: 20px; }
.sustain-img img{ object-fit: cover; object-position: top; height: 500px; }
.sustain-fruit{ position: absolute; right: -150px; top: 50%; transform: translateY(-50%); z-index: 9; }
.sustain-sub-content{ float: left; width: 100%; }
.sub-content{ padding-top: 30px; }
.sustain-row .col-md-4{ float: left; }
.sustain-row .col-md-5{ float: left; }
.sustain-row .col-md-7{ float: left; }
.sustain-row .col-md-8{ float: left; }

.sale{ float: left; width: 100%; background: #f9f9f9; padding-bottom: 50px; }
.sale-content{ padding-top: 100px; background-color: #fff; }
.sale-box{ width: 100%; display: inline-block; border-radius: 100px 0 100px 100px; overflow: hidden; margin-bottom: 20px; position: relative; }
.sale-box-img{ float: left; width: 100%; }
.sale-box-img img{ border-radius: 100px 0 100px 100px; height: 250px; object-fit: cover; }
.sale-box-btn{ position: absolute; bottom: 0; left: 0; font-size: 12px; width: 100%; padding: 10px; background: rgba(249,164,40,.8); transition: all ease .7s; }
.sale-box-btn a{ color: #fff; }

.career{ float: left; width: 100%; background: #f9f9f9; padding-bottom: 50px; }
.career-content{ padding-top: 100px; background-color: #fff; font-size: 13px; }

.news{ float: left; width: 100%; background: #f9f9f9; padding-bottom: 50px; }
.news-content{ padding-top: 100px; background-color: #fff; font-size: 13px; }
.news-box{ float: left; width: 100%; margin-bottom: 20px; position: relative; }
.news-box-img{ float: left; width: 100%; margin-bottom: 15px; }
.news-box-img img{ height: 150px; object-fit: cover; }
.news-box-btn{ float: left; width: 100%; margin-bottom: 10px; }
.news-box-btn a{ color: #000; font-weight: 600; transition: all ease .7s; }
.news-box-btn a:hover{ color: #3a81cc; }
.news-box-continue{ float: left; width: 100%; }
.news-box-continue a{ color: #000; transition: all ease .7s; }
.news-box-continue a:hover{ color: #3a81cc; }
.news-box-txt{ float: left; width: 100%; margin-bottom: 10px; font-size: 13px; }

.contact{ float: left; width: 100%; background: #f9f9f9; padding-bottom: 50px; }
.contact-content{ padding: 60px; background: #fff; font-size: 13px; }
.contact-info{ float: left; width: 100%; }
.contact-info-box{ float: left; width: 100%; margin-bottom: 20px; }
.contact-maps{ float: left; width: 100%; margin-bottom: 20px; }
.contact-txt{ float: left; width: 100%; }
.contact-txt-header{ float: left; width: 100%; font-size: 25px; margin-bottom: 20px; }
.contact-txt-content{ float: left; width: 100%; }
.contact-form{ float: left; width: 100%; margin-top: 30px; }
.contact-form-header{ float: left; width: 100%; margin-bottom: 30px; font-size: 25px; }
.contact-form-content{ float: left; width: 100%; }
.contact-form-row{ float: left; width: 100%; margin-bottom: 10px; }
.contact-form-row label{ float: left; width: 100%; margin-bottom: 3px; font-weight:  normal; }
.contact-form-row select{ float: left; width: 100%; padding: 15px; height: 55px; border: 1px solid #dcdcdc; }
.contact-form-row input{ float: left; width: 100%; padding: 15px; height: 55px; border: none; border-bottom: 1px solid #dcdcdc; }
.contact-form-row textarea{ float: left; width: 100%; padding: 15px; height: 405px; border: 1px solid #dcdcdc ; }
.contact-form-row button{ display: inline-block; padding: 10px 20px; background: #6f675d; border: none; border-radius: 15px; color: #fff; transition: all ease .7s; }
.contact-form-row button:hover{ background: #3a81cc; }

.atelier-form{ float: left; width: 100%; margin-top: 30px; }
.atelier-form .col-md-6{ float: left; }
.atelier-form-header{ float: left; width: 100%; font-size: 25px; font-weight: bold; color: #3a81cc; margin-bottom: 40px; }
.atelier-form-header:after{ content: ''; display: block; width: 30px; height: 2px; background: #3a81cc; margin: 0 auto; }
.atelier-form-row{ float: left; width: 100%; margin-bottom: 20px; }
.atelier-form-row label{ float: left; width: 100%; margin-bottom: 3px; font-weight:  normal; }
.atelier-form-row select{ float: left; width: 100%; padding: 15px; height: 55px; border: 1px solid #dcdcdc; }
.atelier-form-row input{ float: left; width: 100%; padding: 15px; height: 55px; border: 1px solid #dcdcdc; }
.atelier-form-row textarea{ float: left; width: 100%; padding: 15px; border: 1px solid #dcdcdc ; }
.atelier-form-row button{ display: inline-block; padding: 10px 20px; background: #6f675d; border: none; border-radius: 15px; color: #fff; transition: all ease .7s; }
.atelier-form-row button:hover{ background: #3a81cc; }
.atelier-boxes{ float: left; width: 100%; margin-top: 30px; margin-bottom: 30px; }
.atelier-boxes .col-md-4{ float: left; }
.atelier-boxes small{ display: block; margin-bottom: 2px; font-size: 9px; }
.atelier-boxes-icon{ float: left; width: 100%; margin-bottom: 10px; }
.atelier-boxes-icon i{ display: inline-block; width: 40px; height: 40px; line-height: 40px; background: #3a81cc; color: #fff; border-radius: 50%; }
.atelier-boxes-link{ float: left; width: 100%; }
.atelier-boxes-link a{ color: #000; font-size: 13px; }























































































@media (min-width: 1281px){

}

@media (min-width: 1025px) and (max-width: 1280px){

}

@media (min-width: 768px) and (max-width: 1024px){
	.menu ul li a{ font-size: 13px; }
	.menu .navbar-nav{ background: rgba(255,255,255,.8); }
	.if-img{ left: 0; }
	.if-txt{ padding-left: 30px; }
}

@media (min-width: 481px) and (max-width: 767px){
	.menu ul li{ margin-right: 0px; }
	.menu ul li a{ font-size: 12px; }
	.menu .navbar-brand{ margin-right: 2rem; }
	.menu .navbar-brand img{ width: 165px; }
	.menu .navbar-nav{ background: rgba(255,255,255,.8); }
	.slider{ margin-top: -25px; }
	.banner{ background-position: right; }
	.linkedin-img{ right: 0; }
	.if-img{ left: 0; }
	.linkedin-txt{ padding-left: 30px; background: #19668c; }
	.if-txt{ padding-left: 30px; background: #d2e2d5; }
	.who-we-are-txt{ padding: 20px; }
	.sustain-content{ padding: 20px; }
}

@media (min-width: 320px) and (max-width: 480px){
	.menu ul li{ margin-right: 0px; }
	.menu .navbar-brand{ margin-right: 2rem; }
	.menu .navbar-brand img{ width: 165px; }
	.menu .navbar-nav{ background: rgba(255,255,255,.8); }
	.slider{ margin-top: -25px; }
	.banner{ background-position: right; }
	.linkedin-img{ right: 0; }
	.if-img{ left: 0; }
	.linkedin-txt{ padding-left: 30px; background: #19668c; }
	.if-txt{ padding-left: 30px; background: #d2e2d5; }
	.who-we-are-txt{ padding: 20px; }
	.sustain-content{ padding: 20px; }
}