html, body {width: 100%;height: 100%;background:white}
body {font-family: 'Open Sans', sans-serif;font-size: 14px;color:#606060;min-height: 100%;position: relative;width: 100%;margin: 0;padding: 0;font-weight: 400;}

h1{font-size: 36px;font-weight: 700;color: black;text-transform: uppercase}
h2{font-size: 36px;font-weight: 700;color: black;text-transform: uppercase}
h3{font-size: 18px;color: black;font-weight: 400}

a{color: #A2C75D;text-decoration: none;transition: .5s}
a:hover{color: #9be43b;text-decoration: underline;transition: .5s}
span{color: #A2C75D}
.flex{display: flex}
.between{justify-content: space-between}
.center{align-items: center}
.around{justify-content: space-around}
.column{flex-direction: column}
.align{text-align: center}
.wrap{flex-wrap: wrap}
span{color: #A2C75D}

.green_btn{background: #A2C75D;color: white;text-transform: uppercase;font-weight: 700;padding: 13px 33px;transition: .5s;cursor: pointer}
.green_btn:hover{background: #9be43b;transition: .5s;color: white;text-decoration: none}
.white_btn{background: white;color: black;border-radius: 50px;text-transform: uppercase;font-weight: 400;transition: .5s;padding: 16px 32px}
.white_btn:hover{background: #A2C75D;color: white;transition: .5s;text-decoration: none}

.container{width: 100%;max-width: 1240px;position: relative;margin: 0 auto}
.swiper-prev{position: absolute;top: 45%;z-index: 2;font-size: 36px;background: rgba(255,255,255,0.8);left: 10px;transition: .5s;cursor: pointer}
.swiper-next{position: absolute;top: 45%;z-index: 2;font-size: 36px;background: rgba(255,255,255,0.8);right: 10px;transition: .5s;cursor: pointer}
.swiper-prev:hover,.swiper-next:hover{background: #A2C75D;color: white;transition: .5s}
.gallery-thumbs{margin-top: 30px !important}

.top_gray{width: 100%;height: 50px;background: #F6F6F6}
.top{position:-webkit-sticky; position:sticky; top:0;height:103px;width: 100%;background: white;z-index: 3}
.top_left{width: 50%}
.top_right{height: 50px;background: #a3c75e;transition: .5s;line-height: 50px;cursor: pointer;}
.top_right span{color: white;line-height: 50px;padding: 0 20px;height: 50px;display: block}
.top_right:hover{background: #9be43b;transition: .5s}
.top_right a{position: relative;color: white;font-weight: 700;display: flex;align-items: center;height: 50px;padding: 0 20px}
.top_right a:hover{text-decoration: none}
.top_adr{background: url(../img/adr_header.jpg) left center no-repeat;padding-left: 30px;margin-right: 40px}
.top_tel{background: url(../img/tel_header.jpg) left center no-repeat;padding-left: 30px;}
.header_nav ul{display: flex;text-transform: uppercase;list-style: none;padding: 0;margin: 0;height: 50px}
.header_nav ul li{padding: 0 20px;display: flex;align-items: center}
.header_nav ul li.active a{color: #A2C75D}
.header_nav a{color: #646464;display: flex;align-items: center;position: relative}
.header_nav a:hover{color: #A2C75D;text-decoration: none;}
.hero{width: 100%;height: 570px;background: url(../img/sider1.jpg) center top no-repeat;background-size: cover;}
.hero.closetsolution{background: url(../img/sider2.jpg) center top no-repeat}
.hero .container{position: relative}
.cube_green{background: #A2C75D;width: 500px;height: 230px;position: absolute;top: 190px;left: 30px}
.cube_white{background: rgba(255,255,255,0.9);width: 686px;height: 210px;position: absolute; top: -70px;left: 26px;padding: 30px}
.cube_white h1{margin-top: 0;margin-bottom: 60px;}

.what{padding: 80px 0}
.what img{width: 100%;margin-top: 70px}
.what .content{align-self: center}
.intro{font-size: 32px;padding-right: 30px;border-right: 2px solid #D7D7D7;margin-right: 30px;width: 70%;align-self: center;padding: 20px 0;}
.kitchen, .storage{display: flex;justify-content: space-between;background: #F6F6F6}
.kitchen_text{width: 37%;padding: 30px 0 30px 10%;}
.kitchen_text h2{padding-bottom: 30px; background: url(../img/line-title.png) left bottom no-repeat; margin-bottom: 30px}
.kitchen_text_inner .white_btn, .storage_text_inner .white_btn{position: relative;margin-top: 60px;display: block;width: 140px;padding: 0;height: 50px;text-align: center;line-height: 50px;text-transform: none}
.kitchen_img,.storage_img{width: 50%;display: flex}
.kitchen_img img,.storage_img img{width: 100%}
.storage{display: flex;justify-content: flex-end}
.storage_text{width: 37%;padding: 30px 10% 30px 3%; float: right}
.storage_text h2{padding-bottom: 30px; background: url(../img/line-title.png) left bottom no-repeat; margin-bottom: 30px}

.about_main{background: url(../img/bg_3.jpg) center center no-repeat white;background-size: cover;padding: 160px 0;text-align: center;font-size: 18px}
.about_main h2{background: url(../img/line-title.png) center bottom no-repeat;padding-bottom: 80px;margin-bottom: 40px;width: 80%;align-self: center} 
.about_main .green_btn{width: 140px;height: 50px;padding: 0;line-height: 50px;font-size: 14px;font-weight: 400;text-transform: none;border-radius: 50px;margin: 80px auto 0}

.order{background: #A2C75D;width: 100%;height: 200px;color: white}
.order .container{align-items: center;height: 100%}
.order_left{font-size: 36px;font-weight: 700;width: 60%}
.order_right .white_btn{width: 300px;height: 70px;font-size: 18px;font-weight: 700;color: #4EBEE9;box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);cursor: pointer}
.order_right .white_btn:hover{background: white;box-shadow: 0}
.order_right .white_btn:active{position: relative;top: 1px;}

.gray{background: #F6F6F6;width: 100%;height: 150px;line-height: 150px}
.gray h1{margin: 0}
.breadcrumbs ul{list-style: none;padding: 0;margin: 0;display: flex}
.breadcrumbs ul li{list-style: disc;margin-left: 40px;font-size: 14px}
.breadcrumbs ul li:first-child{list-style: none;margin-left: 0}
.breadcrumbs ul li span{color: #A2C75D;}
.breadcrumbs ul li a span{color: #606060}
.gray_outheight{background: #F6F6F6;width: 100%;padding: 80px 0}
.utp{align-items: center;width: 28%;text-align: center}
.utp img{margin-bottom: 40px}
.why{padding: 80px 0;}
.why h2{text-align: center;padding-bottom: 70px; background: url(../img/line-title.png) center bottom no-repeat; margin-bottom: 60px}
.why h3{font-weight: 700}
.choose1{align-items: flex-start;width: 25%;justify-content: center;}
.choose2{align-items: flex-end;text-align: right;width: 25%;justify-content: center;}
.choose3{text-align: center}
.choose3 img{width: 100%}
.choose_us_bottom{width: 80%;margin: 0 auto;align-items: center}
.choose_us_bottom_inner{align-items: flex-start;margin-right: 40px;align-items: center}
.choose_us_bottom_inner img{margin-right: 20px}
.order_about .order_left{font-size: 24px}
.gallery{flex-wrap: wrap;margin-bottom: 120px}
.gallery_obj{width: 25%;position: relative;overflow: hidden}
.gallery_obj img{width: 100%;display: flex}
.gallery_hover{position: absolute;background: rgba(255,255,255,0.9);width: 100%;height: 100%;text-align: center;display: flex;flex-direction: column;justify-content: center}
.gallery_hover h3{font-size: 24px}
.gallery_hover .green_btn{font-size: 14px;font-weight: 400;border-radius: 50px;text-transform: none;width: 140px;height: 50px;padding: 0;line-height: 50px;margin: 0 auto}
.gallery_obj:hover .gallery_hover{z-index: 2;top: 0}
.industry-slider {margin-top: 60px;}

footer{padding: 90px 0 70px}
.footer_nav ul{padding: 0;margin: 0;list-style: none}
.footer_nav ul li{line-height: 3em;text-transform: uppercase}
.footer_nav ul li a{color: #646464}
.footer_nav ul li a:hover{color: #A2C75D;text-decoration: none}
.footer_adr{background: url(../img/adr_footer.jpg) left top no-repeat;padding-left: 30px;padding-bottom: 20px;border-bottom: 1px solid #D7D7D7;margin-bottom: 20px;line-height: 2em}
.footer_tel{background: url(../img/tel_footer.jpg) left top no-repeat;padding-left: 30px;padding-bottom: 20px;border-bottom: 1px solid #D7D7D7;line-height: 2em}
.footer_tel a{color: #646464}
.footer_tel a:hover{color: #A2C75D}
.footer_left a{background: #A2C75D;border-radius: 50px;width: 30px;height: 30px;line-height: 36px;text-align: center;margin-right: 16px;}
.footer_left a:hover{background: #9be43b}
.copy{background: #F6F6F6;color: #646464;font-size: 12px;text-align: center;width: 100%;height: 45px;line-height: 45px}

.mob_top {display: none;}
.overlay {display: none;background: rgba(0,0,0,0.7);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;}
.modal {display: none;background: white;position: fixed;left: 50%;top: 35%;width: 360px;margin-left: -280px;margin-top: -196px;z-index: 999;text-align: center;bottom: auto;padding: 60px;}
.modal span {margin-left: 3px; color: red; position: relative;}
.icon-cancel {position: absolute; top: 15px; right: 15px; cursor: pointer; opacity: 0.6; transition: 0.4s;}
.icon-cancel:hover {opacity: 1; transition: 0.4s;}
.form-title {font-size: 28px; color: #303030; margin-bottom: 20px; font-weight: 700;}
.form-control {width: 320px;height: 37px;border: 1px solid #d8d8d8;box-sizing: border-box;border-radius: 30px;font-size: 14px;font-weight: 700;color: #303030;margin-bottom: 15px;font-weight: 400;text-indent: 14px;}
.form-button {width: 208px;height: 37px;font-size: 18px;border-radius: 40px;margin: 20px 0;}
.checkbox {padding: 0; line-height: 18px;}
.checkbox label {font-size: 12px;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {position: relative !important; margin-right: 10px;}

.modal .icon-cancel {position: absolute;right: 10px;top: 10px;opacity:1;cursor: pointer; color: #303030; z-index: 2; font-size: 18px;}
.modalform{width: 100% !important}
.modalform .google_group{width: 80%}
.form{text-align: center;width: 80%;margin: 0 auto}
.form-group{width: 46%;margin-bottom: 20px}
.file_upload1{position: relative}
.has-error input, .has-error textarea{border-color: red;}
input[type="text"], input[type="password"], input[type="file"], select, textarea {margin: 0;outline: 0;border-radius: 3px;background: white;border: 1px solid #c2c2c2;height: 40px;width: 100%;text-indent: 16px;font-size: 14px}
.file_upload{border: 1px solid #ccc;border-radius: 3px;box-shadow: 0 0 5px rgba(0,0,0,0.1);transition: box-shadow .1s linear;display: flex;justify-content: space-between;background: white;margin-bottom: 20px}
.file_upload input[type=file]{position: absolute;left: 0;top: 0;background: white;height: 100%;letter-spacing: 10em;opacity: 0;cursor: pointer;}
.file_upload > div {padding-left: 1em;width: 225px;text-align: left;line-height: 37px;font-size: 90%;}
.file_upload > button {
background: #b5b5b5;
transition: background .2s;
border: 1px solid #c2c2c2;
border-radius: 2px;
overflow: hidden;
margin: 4px;
background: #fdfdfd;
background: -moz-linear-gradient(top,#fdfdfd 0%,#dadada 100%);
background: -webkit-linear-gradient(top,#fdfdfd 0%,#dadada 100%);
background: linear-gradient(to bottom,#fdfdfd 0%,#dadada 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd',endColorstr='#dadada',GradientType=0)}
.google_group{margin: 20px auto}
.form .green_btn{border-radius: 50px;font-size: 14px;border: none;}
.murphy .storage_text{padding: 80px 10% 80px 0}
.industry-slider .swiper-slide{margin: 0 auto;text-align: center}
.industry-slider .swiper-slide img{width: 100% !important}

@media screen and (max-width: 1440px) and (min-width: 980px) {
.choose3 img{width: 89%}
.intro{font-size: 24px}
}

@media screen and (max-width: 1279px) and (min-width: 980px) {
h2{font-size: 24px}
.container{width: 96%;max-width: 96%;position: relative;margin: 0 auto}
.kitchen_text_inner .white_btn, .storage_text_inner .white_btn{margin-top: 30px;width: 120px;height: 40px;line-height: 40px}
.kitchen_text_inner h2, .storage_text_inner h2{margin-top: 0}
.order_left{font-size: 24px}
.about_main{font-size: 16px}
.gallery_obj{width: 50%}
.choose3 img{width: 80%}
}

@media screen and (max-width: 979px) and (min-width: 320px) {
.container{width: 96%;max-width: 96%;position: relative;margin: 0 auto}
h1{font-size: 24px}
h2{font-size: 24px}
.intro{font-size: 20px;border: none;padding: 0;margin-right: 0;padding-bottom: 30px;text-align: center}
.top_left{width: 70%}
.cube_white{width: 442px}
.top_gray .container{position: unset;}
.top_right{position: absolute;right: 0}
.gallery_obj{width: 50%}
.what .container,.order .container{flex-direction: column}
.kitchen{flex-direction: column}
.kitchen_text,.storage_text{width: 80%;padding: 30px 10%;text-align: center}
.kitchen_img,.storage_img{width: 100%}
.storage{flex-direction: column-reverse}
.kitchen_text_inner .white_btn, .storage_text_inner .white_btn{margin: 40px auto;height: 40px;line-height: 40px}
.kitchen_text h2,.storage_text h2{background-position: center bottom}
.order .container{justify-content: center;}
.order_left{width: 80%;font-size: 24px;text-align: center;padding-bottom: 40px;}
.footer_top{flex-wrap: wrap;}
.conts_nav{width: 48%}
.footer_nav{width: 48%;margin-bottom: 40px}
.choose_us_top{flex-direction: column}
.choose3{display: none}
.choose1,.choose2{width: 80%;margin: 0 auto;align-items: center;text-align: center}
.choose1{margin-bottom: 20px}
.choose_us_bottom{flex-direction: column;margin-top: 20px}
.choose_us_bottom_inner{flex-direction: column;margin-right: 0}
.choose_us_bottom_inner img{margin-right: 0}
.order_about{height: 260px}
}

@media screen and (max-width: 767px) and (min-width: 320px) {
.container{width: 96%;max-width: 96%;position: relative;margin: 0 auto}
.top .right {position: fixed;top: 0;right: -768px;height: 100%;width: 100%;background: white;z-index: 1;display: flex;flex-direction: column;color: white;font-size: 16px;}
.mob_top {display: flex; flex-direction: row; justify-content: space-between;}
.mob {right: 0; display: block; font-size: 18px; color: #0A2D58; cursor: pointer; transition: 0.4s;}
.mob:hover {transition: 0.4s; color:#A2C75D;}
.mobnav_top {padding: 20px;}
.icon-cancel {position: absolute; top: 10px; right: 0; cursor: pointer; opacity: 1; transition: 0.4s; line-height: 1em; color: #0A2D58;}
.icon-cancel:hover {transition: 0.4s; color:#419DCC;}
.top .right .nav {flex-direction: column; list-style: none; background: none; margin: 0; padding: 0; line-height: 2em;}
.top .right .nav li {text-transform: none; height: auto; border: none;}
.top .right .nav li.first a {padding-top: 0; text-transform: uppercase !important;}
.top .right .nav li a, .header .right .nav a {color: #212121; text-transform: none; font-size: 16px; padding: 0; line-height: 2em;}
.top .right .nav li a:hover, .header .right .nav li.active a, .header .right .nav a:hover {border: none; color: #419DCC;}
ul.nav > li:hover, ul.nav > li.active {top:0; border: none;}
.icon-cancel{ position:absolute;top:10px;right:2px;font-size:18px;z-index:10;display: block; cursor: pointer;}
.header_nav,.top_left{display: none}
.top_right{width: 100%;text-align: center}
.gallery_obj{width: 100%}
.gallery-thumbs img{width: 100%}
.footer_nav,.conts_nav{width: 100%}
.footer_bottom{margin-top: 40px}
.cube_green{background: transparent;position: relative;left: 0;width: auto}
.cube_white{width: auto;position: relative;top: 0;left: 0;}
.form-group{width: 100%}
.order_about{height: 340px}
.gray_outheight .container{flex-direction: column}
.utp{width: 100%;margin-bottom: 40px}
.modal{left: 0;top: 0;width: auto;margin-left: 0;margin-top: 0;padding: 20px;height: 100%;}
}