html{height: 100%;width: 100%;}
body{margin: 0; font-family: 'Montserrat', sans-serif;float: left;width: 100%;height: 100%; color:#000;background:#fff;}
img{max-width:100%;}
p{font-family: Arial, sans-serif;line-height:25px;}
li{font-family: Arial, sans-serif;}
table{font-family: Arial, sans-serif;}
.container{float:left;width:100%;}
.wrapper{max-width:1200px;width:100%;margin: 0 auto;}
/*header*/
#head{font-size:16px;font-family: 'Montserrat', sans-serif;  }
#head .logo{float: left;margin: -15px 0 -40px;color: #fff;width:500px;position: relative;z-index: 1;}
#head .logo img{width:100%;}
#head .logo span{font-weight:300;}
#head .phone{float: right;text-align: right;}
#head .right{float: right; width:150px;margin-bottom:27px;}
#head .phone a{font-size: 22px;  text-decoration:none; color:#fff;}
#head .menu{float:left;width:640px;color:#fff;text-transform: uppercase;max-height: 128px;margin-left: 155px;position:relative;z-index:2;}
#head .menu label{display:none;}
#head .menu input{position:absolute;left:-9999px;top:-9999px;}
#head .menu ul{float: left;width: 100%;margin: 0;padding: 0;}
#head .menu ul li{float:left;padding:2%;list-style:none;}
#head .menu ul li a{text-decoration:none;color:#fff;}
#head .menu ul li a.selected{color:#fff416;}
#head .menu ul li a.dropdown{display:none;background:#000;position:absolute;width:250px;margin-top:0px;margin-left:-60px;float:left;text-align:center;display:none;line-height: 50px;}
#head .menu ul li a.dropdown.dd2{margin-top:50px;}
#head .menu ul li a.dropdown.dd3{margin-top:100px;}
#head .menu ul li:hover .dropdown{display:block;}
#head .menu ul li:hover a{color:#fff416;}
#head .top{background:#606060;width:100%;float:left;}
#head .bottom{background:#929292;width:100%;float:left;}
#head .social{margin-top:16px;margin-bottom:8px;float:right;}

#head-home{font-size:16px;font-family: 'Montserrat', sans-serif;  
  /*background: -webkit-linear-gradient(rgba(128,128,128,1), rgba(0,0,0,0));
  background: -o-linear-gradient(rgba(128,128,128,1), rgba(0,0,0,0));
  background: -moz-linear-gradient(rgba(128,128,128,1), rgba(0,0,0,0));
  background: linear-gradient(rgba(128,128,128,1), rgba(0,0,0,0));*/
  background:url(../images/black-fade_fmt.png) top center no-repeat;
  height:100%;
}
#head-home .logo{float: left;margin: 10px 0;color: #fff;width:179px;}
#head-home .logo img{width:100%;}
#head-home .logo span{font-weight:300;}
#head-home .logo2 {position:absolute;top:-20px;left:-20px;}
#head-home .phone{float: right;width: 100%;text-align: right;margin:5px 0;}
#head-home .phone a{text-decoration:none;color:#fff;text-transform:uppercase;font-size: 28px;}
#head-home .right{position:absolute;top:0;right:20px;margin-top: 10px;text-align:right;width: 190px;}
#head-home .quote a{background:#606060;color:#fff;text-decoration:none;text-transform:uppercase;padding:10px 0;width:100%;float: right;text-align:center;font-size: 20px;}
#head-home .quote a span{color:#FFF416;}
#head-home .quote {float:right;margin-bottom:10px;width:100%;}
#head-nav{display:none;}
#head-nav .menu input{position:absolute;left:-9999px;top:-9999px;}


/*red band*/
#red{background: #F5434C;}
#red a {text-decoration: none;color: #000;background: #F5E7CE;padding: 5px 20px;float: left;text-transform: uppercase;margin: 20px 10px;}
#red a:nth-child(3n+2){background:#D9F8FF;}
#red a:nth-child(3n+3){background:#F891AB;}

/*home*/
#home{}
#home h1{color: #fff;font-size: 80px;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);margin: 100px 0;}
#home a{text-decoration:none;}
#home .logo{width:300px;float:left;}
#home .logo2{float:right;margin-top:20px;}
#home .logo img{max-width:100%;margin-top:20px;}
#home .logo a{text-decoration: none;color: #fff;background: #F5434C;padding: 5px 20px;float: left;text-transform: uppercase;margin: 20px 0;}
#home .left{width:60%;float:left;}
#home .left .address{color:#F5434C;font-size:20px;}
#home .left .address strong{font-size:26px;font-weight:normal;}
#home .right{width:38%;float:right;}
#home .right img{float:right;margin-bottom:20px;}
.flexslider{height:100%;position:absolute !important;top:0;z-index:-1;}
.flexslider .slides{height:100%;}
.flexslider .flex-viewport{height:100%;}
.flexslider .slides li{height:100%;}
.greybar{position:absolute;top:50%;right:0;width:70%;border-bottom:15px solid #606060;}
.greybar .text{background:rgba(255,244,22,0.8);text-align:center;text-transform:uppercase;width: 80%;float: right;}
.greybar .text h1{margin:0;padding-top:20px;font-size:42px;font-weight:normal;}
.greybar .text h2{margin:0;padding-bottom:20px;font-size:32px;font-weight:normal;}
.greybar .text strong{font-weight:bold;}

#below-the-line{}
#rolled{background:url(../images/range-with-terracotta_fmt.jpeg);background-size:cover;}
#rolled h1{text-align:center;font-family: 'Dawning of a New Day', cursive;color:#fff;font-size:120px;margin:0;font-weight:normal;line-height: 100px;margin-top: 20px;}
#rolled h2{text-align:center;font-size:40px;color:#fff;font-weight:normal;margin:20px 0 40px 0;text-transform:uppercase;}
#cluster{float:left;width:100%;height:1000px;color:#fff;}
#cluster .left{float:left;width:40%;height:100%;}
#cluster .left .images{float:left;width:100%;height:20%;background:url(../images/green.jpg);background-size:cover;background-position:center left;}
#cluster .left .text{float:left;width:100%;height:80%;overflow: auto;}
#cluster .left .text img{float:left;width:100%;}
#cluster .left .left .text {height:100%;}
#cluster .right{float:right;width:60%;height:100%;}
#cluster .left .left{float:left;width:50%;height:100%;}
#cluster .left .right{float:right;width:50%;height:100%;}
#cluster .left .right .text{background:#95B7E1;padding:0 20px;width:calc(100% - 40px);width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);}
#cluster .left .right .text a{text-decoration:none;color:#fff;border:#fff solid 1px;padding:5px 10px;}
#cluster .right .top{float:left;height:50%;width:100%;}
#cluster .right .bottom{float:left;height:50%;width:100%;}
#cluster .right .top .left{float:left;height:100%;width:70%;background:url(../images/home.jpg);background-size:cover;background-position:center left;}
#cluster .right .top .left .triangle{width: 0;height: 0; border-top: 50px solid transparent;border-bottom: 50px solid transparent; border-left:50px solid #95B7E1;margin-top: calc(50% + 25px);margin-top: -moz-calc(50% + 25px);margin-top: -webkit-calc(50% + 25px);}
#cluster .right .top .right{float:left;height:100%;width:30%;}
#cluster .right .top .right .top{float:left;height:50%;width:100%;}
#cluster .right .top .right .bottom{float:left;height:50%;width:100%;background:#6FC2AD;}
#cluster .right .bottom .left{float:left;height:100%;width:70%;}
#cluster .right .bottom .left iframe{float:left;height:100%;width:100%;}
#cluster .right .bottom .right{float:left;height:100%;width:30%;}
#cluster .right .bottom .right img{float:left;width:100%;height:100%;}

/*footer*/
#footer{background:url(../images/black-dot.jpg) repeat top left;font-family: 'Montserrat', sans-serif;position:absolute;bottom:0;}
#footer .logo{float:left;width:250px;border-top:15px solid #fff416;padding:0 20px; }
#footer .logo img{max-width:100%;}
#footer .menu{float:right;width: calc(100% - 290px);width: -moz-calc(100% - 290px);width: -webkit-calc(100% - 290px);color:#606060;text-transform:uppercase;font-size:16px;line-height: 67px;}
#footer .menu label{display:none;}
#footer .menu input{position:absolute;left:-9999px;top:-9999px;}
#footer .menu ul{float: left;width: 100%;margin: 0;padding: 0;}
#footer .menu ul li{float:left;width:calc(100%/7);width:-moz-calc(100%/7);width:-webkit-calc(100%/7);list-style:none;font-family: 'Montserrat', sans-serif;text-align: center;}
#footer .menu ul li a{text-decoration:none;color:#606060;}
#footer .menu ul li a.selected{}
#partners {margin:30px 0;}
#partners .img{width:calc(100%/6);float:left;text-align:center;}
#partners img{height:75px;}
#footer .zimple{float: right;line-height: 122px;}
#footer .frapper{background:#fff;float:left;width:100%;}

/*inner-footer*/
#inner-footer{background-image: linear-gradient(left, #606060 50%, #fff416 50%);
background-image: -o-linear-gradient(left, #606060 50%, #fff416 50%);
background-image: -moz-linear-gradient(left, #606060 50%, #fff416 50%);
background-image: -webkit-linear-gradient(left, #606060 50%, #fff416 50%);
background-image: -ms-linear-gradient(left, #606060 50%, #fff416 50%);height:50px;line-height:50px;color:#fff;}
#inner-footer .left{float:left;width:67%;background:#606060;}
#inner-footer .right{float:right;width:33%;background:#fff416;height:100%;}
#inner-footer .phone{float:left;font-size:28px;}
#inner-footer .copy{float:right;margin-right:10px;}

/*inner slider*/
#flex{overflow:hidden;}
#flex #slider{padding:0;width:9000px;margin-left: calc((100% - 3600px)/2);margin-left: -moz-calc((100% - 3600px)/2);margin-left: -webkit-calc((100% - 3600px)/2);float: left;margin-top: 0;margin-bottom: 0;}
#flex li{list-style:none;float:left;margin-bottom: -4px;}
#flex .rel{float: left;margin-left: 20px;margin-right:-150px; margin-top: -100px;position: relative;width: auto;}
#flex .nav{position:absolute;top:50%;cursor:pointer;}
#flex .nav img{width:50px;}
#flex .nav.left{left:10px;}
#flex .nav.right{right:10px;}


/*inner*/
.main{min-height: 788px;}

/*about*/
#about {color:#606060;}
#about h2{text-transform:uppercase;font-weight:normal;font-size:32px;}
#about h3{text-transform:uppercase;font-weight:normal;font-size:22px;}
#about .left {width:68%;float:left;}
#about .right {width:30%;float:right;}
#about input[type="text"]{float:left;width:96%;padding:2%;border: 1px solid #606060;margin-bottom:20px;color:#606060;font-family: 'Montserrat', sans-serif;}
#about input[type="file"]{display:none;}
#about label{float:left;padding:2%;background: #F891AB;margin-bottom:20px;color: #fff;font-family: 'Montserrat', sans-serif;cursor:pointer;}
#about textarea{float:right;width:96%;padding:2%;border: 1px solid #606060;margin-bottom:20px;height: 204px;color:#606060;font-family: 'Montserrat', sans-serif;}
#about input[type="submit"]{border:0;float:right;height:35px;width:35px;background:url(../images/submit.png);background-size:cover;cursor:pointer;margin-top: -55px;}
#about .about-images{float: left;width: 100%;}
#about .about-images img {float: left;width: calc(100%/3);width: -moz-calc(100%/3);width: -webkit-calc(100%/3);}
#about a{color:#606060;text-decoration:none;}
#about .right img{float: left;}

/*blog*/
#blog {color:#606060;}
#blog a{color:#606060;}
#blog h2{text-transform:uppercase;font-weight:normal;font-size:32px;}
#blog h3{text-transform:uppercase;font-weight:normal;font-size:22px;}
#blog .blog{width:100%;float:left;}
#blog .blog:nth-child(2n+1){background:#606060;color:#fff;}
#blog .blog:nth-child(2n+1) a{color:#fff;}
#blog .left {width:30%;float:left;height:100%;background-size:cover;background-position:center center;min-height:220px;}
#blog .right {width:68%;float:right;height:100%;overflow:hidden;}
#blog .read{float:right;text-decoration:none;margin:20px 0;}
#blog .wrapper{height:100%;}
#blog .brapper{height:100%;width:100%;float:left;}

/*blinds*/
#blinds {color:#606060;width:100%;float:left;}
#blinds .brapper {width:100%;float:left;height:800px;}
#blinds table {height:100%;width:100%;float:left;text-align:center;background:rgba(255,255,255,0.7);opacity:0;font-size:26px;color:#606060;}
#blinds table:hover {opacity:1;}
#blinds h2{text-transform:uppercase;font-weight:normal;font-size:32px;}
#blinds h3{text-transform:uppercase;font-weight:normal;font-size:22px;}
#blinds .wrapper .left {width:60%;float:left;}
#blinds .wrapper .right {width:38%;float:right;}
#blinds .wrapper .right iframe{width:100%;float:left;height:250px;}
#blinds .left{width:30%;float:left;height:100%;}
#blinds .middle{width:40%;float:left;height:100%;}
#blinds .middle .top{width:100%;float:left;height:50%;}
#blinds .middle .top .left{width:50%;float:left;height:100%;}
#blinds .middle .top .right{width:50%;float:right;height:100%;}
#blinds .middle .bottom{width:100%;float:left;height:50%;}
#blinds .middle .bottom .left{width:50%;float:left;height:100%;}
#blinds .middle .bottom .right{width:50%;float:right;height:100%;}
#blinds .right{width:30%;float:right;height:100%;}
#blinds .right .top{width:100%;float:right;height:50%;}
#blinds .right .bottom{width:100%;float:right;height:50%;}
#blinds div{background-size:cover;background-position:center center;}
#blinds .text{background:rgba(255,255,255,0.7);padding:2%;}

/*shutters*/
#shutters {color:#606060;width:100%;float:left;}
#shutters .brapper {width:100%;float:left;height:800px;}
#shutters table {height:100%;width:100%;float:left;text-align:center;opacity:0;background:rgba(255,255,255,0.7);font-size:26px;color:#606060;}
#shutters table:hover {opacity:1;}
#shutters h2{text-transform:uppercase;font-weight:normal;font-size:32px;}
#shutters h3{text-transform:uppercase;font-weight:normal;font-size:22px;}
#shutters .wrapper .left {width:60%;float:left;}
#shutters .wrapper .right {width:38%;float:right;}
#shutters .wrapper .right iframe{width:100%;float:left;height:250px;}
#shutters .top{width:100%;float:left;height:50%;}
#shutters .bottom{width:100%;float:left;height:50%;}
#shutters .top .left{width:calc(100%/3);width:-moz-calc(100%/3);width:-webkit-calc(100%/3);float:left;height:100%;overflow:auto;}
#shutters .top .middle{width:calc(100%/3);width:-moz-calc(100%/3);width:-webkit-calc(100%/3);float:left;height:100%;overflow:hidden;}
#shutters .top .right{width:calc(100%/3);width:-moz-calc(100%/3);width:-webkit-calc(100%/3);float:right;height:100%;overflow:hidden;}
#shutters .bottom .left{width:calc(100%/3);width:-moz-calc(100%/3);width:-webkit-calc(100%/3);float:left;height:100%;overflow:hidden;}
#shutters .bottom .middle{width:calc(100%/3);width:-moz-calc(100%/3);width:-webkit-calc(100%/3);float:left;height:100%;overflow:hidden;}
#shutters .bottom .right{width:calc(100%/3);width:-moz-calc(100%/3);width:-webkit-calc(100%/3);float:right;height:100%;overflow:hidden;}
#shutters .top .left.four{width:50%;}
#shutters .top .right.four{width:50%;}
#shutters .bottom .left.four{width:50%;}
#shutters .bottom .right.four{width:50%;}
#shutters div{background-size:cover;background-position:center center;}
#shutters .text{background:#fff;padding:2%;height:94%;overflow:auto;}
#shutters .text h2{font-size:16px;text-transform:uppercase;}
#shutters .prod{height:400px;width:calc(100%/3);width:-moz-calc(100%/3);width:-webkit-calc(100%/3);float:left;overflow:hidden;}
#shutters .box{width:100%;height:100%;float:left;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
#shutters .box:hover{transform: scale(1.1);}
#detail{height:inherit !important;background:#606060;}

/*awnings*/
#awnings {color:#606060;width:100%;float:left;}
#awnings .brapper {width:100%;float:left;height:800px;}
#awnings table {height:100%;width:100%;float:left;text-align:center;opacity:0;background:rgba(255,255,255,0.7);font-size:26px;color:#606060;}
#awnings table:hover {opacity:1;}
#awnings h2{text-transform:uppercase;font-weight:normal;font-size:32px;}
#awnings h3{text-transform:uppercase;font-weight:normal;font-size:22px;}
#awnings .wrapper .left {width:60%;float:left;}
#awnings .wrapper .right {width:38%;float:right;}
#awnings .wrapper .right iframe{width:100%;float:left;height:250px;}
#awnings .left{width:calc(100%/3);width:-moz-calc(100%/3);width:-webkit-calc(100%/3);float:left;height:100%;}
#awnings .middle{width:calc(100%/3);width:-moz-calc(100%/3);width:-webkit-calc(100%/3);float:left;height:100%;}
#awnings .right{width:calc(100%/3);width:-moz-calc(100%/3);width:-webkit-calc(100%/3);float:right;height:100%;}
#awnings div{background-size:cover;background-position:center center;}
#awnings .text{background:rgba(255,255,255,0.7);padding:2%;}

/*contact*/
#contact {color:#606060;}
#contact h2{text-transform:uppercase;font-weight:normal;font-size:32px;}
#contact h3{text-transform:uppercase;font-weight:normal;font-size:22px;}
#contact .left {width:49%;float:left;}
#contact .right {width:49%;float:right;}
#contact .right a {color:#606060;}
#contact input[type="text"]{float:left;width:96%;padding:2%;border: 1px solid #606060;margin-bottom:20px;color:#606060;font-family: 'Montserrat', sans-serif;}
#contact input[type="file"]{display:none;}
#contact label{float:left;padding:2%;background: #F891AB;margin-bottom:20px;color: #fff;font-family: 'Montserrat', sans-serif;cursor:pointer;}
#contact textarea{float:right;width:96%;padding:2%;border: 1px solid #606060;margin-bottom:20px;height: 204px;color:#606060;font-family: 'Montserrat', sans-serif;}
#contact input[type="submit"]{border:0;float:right;height:35px;width:35px;background:url(../images/submit.png);background-size:cover;cursor:pointer;margin-top: -54px;}
#contact .email{background:#fff416;float:left;padding: 5px 10px;color:#606060;text-decoration:none;}
#contact .email{background:#fff416;float:left;padding: 5px 10px;color:#606060;text-decoration:none;}

/*contact footer*/
#contact-footer{color:#606060;}
#contact-footer h3{text-transform:uppercase;font-weight:normal;font-size:22px;}
#contact-footer .left{float:left;width:30%;}
#contact-footer .right{float:right;width:68%;}
#contact-footer input[type="text"]{float:left;width:96%;padding:2%;border: 1px solid #606060;margin-bottom:20px;color:#606060;font-family: 'Montserrat', sans-serif;}
#contact-footer input[type="file"]{display:none;}
#contact-footer label{float:left;padding:2%;background: #F891AB;margin-bottom:20px;color: #fff;font-family: 'Montserrat', sans-serif;cursor:pointer;}
#contact-footer textarea{float:right;width:96%;padding:2%;border: 1px solid #606060;margin-bottom:20px;height: 107px;color:#606060;font-family: 'Montserrat', sans-serif;}
#contact-footer input[type="submit"]{border:0;float:right;height:35px;width:35px;background:url(../images/submit.png);background-size:cover;cursor:pointer;margin-top: -55px;}

#offer{float:left;width:100%;font-size:26px;text-transform:uppercase;color:#fff;background:#929292;padding:20px 0;}
#offer .text{float:left;width:100%;text-align:center;}

::-webkit-input-placeholder {color: #606060;}
:-moz-placeholder {color: #606060;  }
::-moz-placeholder {color: #606060;  }
:-ms-input-placeholder {color: #606060;  }

/*responsive*/
@media (max-width: 1800px) {
  #cluster .left .images img{width:50%;}
  #cluster .left .images img:nth-child(8n+5){display:none;}
  #cluster .left .images img:nth-child(8n+6){display:none;}
  #cluster .left .images img:nth-child(8n+7){display:none;}
  #cluster .left .images img:nth-child(8n+8){display:none;}
}
@media (max-width: 1367px) {
  .wrapper{width:96%;}
  .greybar{width:90%;}
  #cluster .left .left{display:none;}
  #cluster .left .right{width:100%;}
  #cluster .left .images img{width:25%;}
  #cluster .left .images img:nth-child(8n+5){display:block;}
  #cluster .left .images img:nth-child(8n+6){display:block;}
  #cluster .left .images img:nth-child(8n+7){display:block;}
  #cluster .left .images img:nth-child(8n+8){display:block;}
  #cluster .right .bottom .left{width:100%;}
  #cluster .right .bottom .right{display:none;}
  #cluster .right .top .right{display:none;}
  #cluster .right .top .left{width:100%;}
  #cluster .triangle{display:none;}
}
@media (max-width: 1366px) {
  #blinds table{opacity:1;}
  #shutters table{opacity:1;}
  #awnings table{opacity:1;}
}
@media (max-width: 1175px) {
  #enrol .download{margin-right:10px;}
  #enrol .download2{float:left;}
}

@media (max-width: 1000px) {
  #blinds .brapper{height:1200px;}
  #blinds .left{width:50%;float:left;height:50%;}
  #blinds .middle{width:50%;float:right;height:50%;}
  #blinds .right{width:100%;float:left;height:50%;}
  #blinds .right .top{width:50%;float:left;height:100%;}
  #blinds .right .bottom{width:50%;float:right;height:100%;}
  #shutters .brapper{height:1200px;}
  #shutters .top .left{width:100%;height:50%;}
  #shutters .top .middle{width:50%;height:50%;}
  #shutters .top .right{width:50%;height:50%;}
  #shutters .bottom .left{width:100%;height:50%;}
  #shutters .bottom .middle{width:50%;height:50%;}
  #shutters .bottom .right{width:50%;height:50%;}
  #shutters .top .four{height:100%;}
  #shutters .bottom .four{height:100%;}
  #awnings .brapper{height:600px;}
  #shutters .prod:first-child{width:100%;}
  #shutters .prod{width:50%;}
  #footer {display:none;}
  #head .menu{line-height: 20px;font-size: 20px;max-height: inherit;}
  #head .menu ul{display:none;background:#929292;padding-bottom: 20px;}
  #head .menu label{display:block;padding: 2%;background: #929292;cursor:pointer;}
  #head .menu input[type=checkbox]:checked ~ ul {display: block;}
  #head .menu ul li{width:96%;margin-top: 10px;}
  #head .menu ul li a.dropdown{display: block;background: none;position: inherit;width: auto;float: left;text-align: left;margin-top: 10px !important;margin-left: 0;width: 100%;line-height: inherit;}
  #head-nav {display:block;float: left;position: absolute;top: 135px;width: 100%;}
  #head-nav .menu{line-height: 20px;font-size: 20px;margin-top: 20px;max-height: inherit;position: relative;z-index: 20;}
  #head-nav .menu ul{display:none;background:#fff416;padding-bottom: 20px;margin:0;padding:20px;padding-top: 10px;margin-top: -20px;}
  #head-nav .menu label{display:block;padding: 2%;background: #fff416;cursor:pointer;}
  #head-nav .menu input[type=checkbox]:checked ~ ul {display: block;}
  #head-nav .menu ul li{width:100%;margin-top: 10px;list-style:none;}
  #head-nav .menu ul li a{text-decoration:none;color:#000;}
  #head-nav .menu ul li a.dropdown{display: block;background: none;position: inherit;width: auto;float: left;text-align: left;margin-top: 10px !important;margin-left: 0;width: 100%;line-height: inherit;}
  #head-home .right{display:none;}
  #rolled{border-top: 20px solid #606060;}
}

@media (max-width: 900px) {
  .greybar{width:100%;}
  .greybar .text{width:100%;}
}
@media (max-width: 880px) {
  #home .click a{width:80%;margin-left:10%;}
}
@media (max-width: 860px) {
  #contact .rlabel{width:13%;}
}
@media (max-width: 810px) {
  #home h1{font-size:60px;}
}
@media (max-width: 800px) {
  #cluster .left{width:100%;height:50%;}
  #cluster .left .text{height:100%;}
  #cluster .left .images{display:none;}
  #cluster .right{width:100%;height:50%;}
  #cluster .right .top{display:none;}
  #cluster .right .bottom{height:100%;}
}
@media (max-width: 780px) {
  #head .menu{width:calc(100% - 155px);width:-moz-calc(100% - 155px);width:-webkit-calc(100% - 155px);}
}
@media (max-width: 770px) {
  #home .logo2{float:left;}
}
@media (max-width: 760px) {
  #inner-footer{height:100px;}
  #inner-footer .copy{float:left;} 
}
@media (max-width: 700px) {
  #home .click a{padding: 15px 0px 35px 0px;}
  #home .left{width:100%;}
  #home .right{width:100%;float:left;}
  #home .right img{width:100%;float:left;}
  #about .left{width:100%;}
  #about .right{width:100%;float:left;}
  #about .right img{width:100%;float:left;margin-bottom:20px;}
  #about .left img{width:100%;float:left;}
  #contact .left{width:100%;}
  #contact .right{float:left;width:100%;}
  #contact iframe{margin-bottom:20px;}
  #head #facebook{display:none;}
  #blinds .brapper{height:1600px;}
  #blinds .left{width:100%;float:left;height:25%;}
  #blinds .middle{width:100%;float:left;height:25%;}
  #blinds .right{width:100%;float:left;height:50%;}
  #blinds .right .top{width:100%;float:left;height:50%;}
  #blinds .right .bottom{width:100%;float:left;height:50%;}
  #blinds .wrapper .left{width:100%;}
  #blinds .wrapper .right{width:100%;}
  #shutters .wrapper .left{width:100%;}
  #shutters .wrapper .right{width:100%;}
  #awnings .wrapper .left{width:100%;}
  #awnings .wrapper .right{width:100%;}
  #awnings .left{width:100%;height:33%;}
  #awnings .middle{width:100%;height:33%;}
  #awnings .right{width:100%;height:33%;}
  #shutters .prod{width:100%;}
  #blog .left {width:100%;float:left;min-height:300px;}
  #blog .right {width:100%;float:left;}
}
@media (max-width: 684px) {
  #head .menu{margin-left:0;}
}
@media (max-width: 600px) {
  #head #facebook{width:100%;}
}
@media (max-width: 520px) {
  #head .logo{width:100%;}
}
@media (max-width: 475px) {
  #inner-footer{height:150px;}
}