html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
ul,li{float:left;display:inline}
h1,h2,h3,h4,h5{font-weight:400}
i,em{font-style:normal}
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
body{margin:0;color:#333;font-size:13px;font-family:Roboto,Arial;line-height:20px; -webkit-font-kerning:auto; -webkit-font-smoothing:antialiased; -webkit-backface-visibility:visible !important; overflow-x:hidden;}
::-moz-selection{background:#44C5EB;color:#FFF}
::selection{background:#44C5EB;color:#FFF}
a{color:#333;text-decoration:none}
a:hover{color:#FF0625;text-decoration:none}
input,textarea,select{float:left;font-size:14px;color:#666;margin:0;font-family:Roboto,Arial}
textarea{padding-top:15px!important;padding-bottom:15px!important}
select{padding:0 15px!important}
.clearfix {clear:both;}
.hidden {display:none!important}
.mt-0 { margin-top: 0 !important; } .mt-10 { margin-top: 10px !important; } .mt-15 { margin-top: 15px !important; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 60px !important; } .mt-70 { margin-top: 70px !important; } .mt-80 { margin-top: 80px !important; } .mt-90 { margin-top: 90px !important; } .mt-100 { margin-top: 100px !important; } .mt-110 { margin-top: 110px !important; } .mt-120 { margin-top: 120px !important; } .mt-130 { margin-top: 130px !important; } .mt-140 { margin-top: 140px !important; } .mt-150 { margin-top: 150px !important;} /************************* Margin right *************************/ .mr-0 { margin-right: 0!important } .mr-10 { margin-right: 10px !important; } .mr-15 { margin-right: 15px !important; } .mr-20 { margin-right: 20px !important; } .mr-30 { margin-right: 30px !important; } .mr-40 { margin-right: 40px !important; } .mr-50 { margin-right: 50px !important; } .mr-60 { margin-right: 60px !important; } .mr-70 { margin-right: 70px !important; } .mr-80 { margin-right: 80px !important; } .mr-90 { margin-right: 90px !important; } .mr-100 { margin-right: 100px !important; } .mr-110 { margin-right: 110px !important; } .mr-120 { margin-right: 120px !important; } .mr-130 { margin-right: 130px !important; } .mr-140 { margin-right: 140px !important; } .mr-150 { margin-right: 150px !important; } /************************* Margin bottom *************************/ .mb-0 { margin-bottom: 0!important } .mb-10 { margin-bottom: 10px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-100 { margin-bottom: 100px !important; } .mb-110 { margin-bottom: 110px !important; } .mb-120 { margin-bottom: 120px !important; } .mb-130 { margin-bottom: 130px !important; } .mb-140 { margin-bottom: 140px !important; } .mb-150 { margin-bottom: 150px !important; } /************************* Margin left *************************/ .ml-0 { margin-left: 0!important } .ml-10 { margin-left: 10px !important; } .ml-15 { margin-left: 15px !important; } .ml-20 { margin-left: 20px !important; } .ml-30 { margin-left: 30px !important; } .ml-40 { margin-left: 40px !important; } .ml-50 { margin-left: 50px !important; } .ml-60 { margin-left: 60px !important; } .ml-70 { margin-left: 70px !important; } .ml-80 { margin-left: 80px !important; } .ml-90 { margin-left: 90px !important; } .ml-100 { margin-left: 100px !important; } .ml-110 { margin-left: 110px !important; } .ml-120 { margin-left: 120px !important; } .ml-130 { margin-left: 130px !important; } .ml-140 { margin-left: 140px !important; } .ml-150 { margin-left: 150px !important; } /************************* Padding top *************************/ .pt-0 { padding-top: 0!important } .pt-10 { padding-top: 10px !important; } .pt-15 { padding-top: 15px !important; } .pt-20 { padding-top: 20px !important; } .pt-30 { padding-top: 30px !important; } .pt-40 { padding-top: 40px !important; } .pt-50 { padding-top: 50px !important; } .pt-60 { padding-top: 60px !important; } .pt-70 { padding-top: 70px !important; } .pt-80 { padding-top: 80px !important; } .pt-90 { padding-top: 90px !important; } .pt-100 { padding-top: 100px !important; } .pt-110 { padding-top: 110px !important; } .pt-120 { padding-top: 120px !important; } .pt-130 { padding-top: 130px !important; } .pt-140 { padding-top: 140px !important; } .pt-150 { padding-top: 150px !important; } /************************* Padding right *************************/ .pr-0 { padding-right: 0!important } .pr-10 { padding-right: 10px !important; } .pr-15 { padding-right: 15px !important; } .pr-20 { padding-right: 20px !important; } .pr-30 { padding-right: 30px !important; } .pr-40 { padding-right: 40px !important; } .pr-50 { padding-right: 50px !important; } .pr-60 { padding-right: 60px !important; } .pr-70 { padding-right: 70px !important; } .pr-80 { padding-right: 80px !important; } .pr-90 { padding-right: 90px !important; } .pr-100 { padding-right: 100px !important; } .pr-110 { padding-right: 110px !important; } .pr-120 { padding-right: 120px !important; } .pr-130 { padding-right: 130px !important; } .pr-140 { padding-right: 140px !important; } /************************* Padding bottom *************************/ .pb-0 { padding-bottom: 0!important } .pb-10 { padding-bottom: 10px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-60 { padding-bottom: 60px !important; } .pb-70 { padding-bottom: 70px !important; } .pb-80 { padding-bottom: 80px !important; } .pb-90 { padding-bottom: 90px !important; } .pb-100 { padding-bottom: 100px !important; } .pb-110 { padding-bottom: 110px !important; } .pb-120 { padding-bottom: 120px !important; } .pb-130 { padding-bottom: 130px !important; } .pb-140 { padding-bottom: 140px !important; } .pb-150 { padding-bottom: 150px !important; } /************************* Padding left *************************/ .pl-0 { padding-left: 0!important } .pl-10 { padding-left: 10px !important; } .pl-15 { padding-left: 15px !important; } .pl-20 { padding-left: 20px !important; } .pl-30 { padding-left: 30px !important; } .pl-40 { padding-left: 40px !important; } .pl-50 { padding-left: 50px !important; } .pl-60 { padding-left: 60px !important; } .pl-70 { padding-left: 70px !important; } .pl-80 { padding-left: 80px !important; } .pl-90 { padding-left: 90px !important; } .pl-100 { padding-left: 100px !important; } .pl-110 { padding-left: 110px !important; } .pl-120 { padding-left: 120px !important; } .pl-130 { padding-left: 130px !important; } .pl-140 { padding-left: 140px !important; } .pl-150 { padding-left: 150px !important; }
.input{width:100%;height:45px;border:1px solid #ADADAD;background:#F9F9F9;padding:0 20px;margin:0;box-shadow:inset 2px 2px 0 rgba(0,0,0,0.07);border-radius:2px}
.input:focus{border-color:#666;background:#FFF;box-shadow:0 0 10px rgba(0,0,0,0.15)}
.error{border-color:#C00;box-shadow:inset 2px 2px 0 rgba(240,0,0,0.12) ,0 0 7px rgba(255,0,0,0.20);background:#FFF6F6}
.button{float: none; height: 45px; font-size: 17px; font-family: Roboto,Arial; font-weight: 700; display: inline-block; padding: 0 30px; cursor: pointer; border: none; color: #FFF; background: #ea222f; text-shadow: 1px 1px 0 rgba(0,0,0,0.27); box-shadow: inset 0 -2px 0 rgba(0,0,0,0.2); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; border-radius: 0px 3px 3px 0px; margin-left: -1px;}
.button:hover{background:#777;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.2)}
.wrap-out{float:left;width:100%;position:relative}
.wrap{width:1170px;margin:0 auto;position:relative}
.tal{text-align:left!important}
.tac{text-align:center!important}
.fl{float:left!important}
.fr{float:right!important}
.w100{float:left;width:100%}
.w840{float:left;width:840px}
.sirin{width:100%;display:inline-block;background:#FFF;box-shadow:0 0 60px rgba(0,0,0,0.7)}
.geridon{padding: 0 32px; margin: 24px 0px; display: inline-block; line-height: 34px; background: #999 url(../images/navigation.png) no-repeat center 29px; border-radius: 20px; color: #FFF; font-weight: 700; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);}
.geridon:hover{background-color: #666; color: #FFF;}
#header-out{float:left;width:100%;position:relative;z-index:200;background:renk kodu}
#header{float:left;width:100%;height:80px;position:relative}
#logo{float:left;width:303px;height:80px;position:absolute;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s}
#logo a{display:block;width:100%;height:100%;text-indent:-9999px;background:url(../images/logo.png) no-repeat}
#nav{float: left; width: 100%; padding-right: 60px; height: 60px; background: #ea222f; margin-top: 20px; text-transform: uppercase; border-bottom: 3px solid #990000;}
#nav ul{float:right}
#nav li{position:relative}
#nav li a{float:left;color:#FFF;padding:0 20px;font-family:Roboto Condensed;font-size:15px;line-height:60px;text-shadow:0 1px 0 rgba(0,0,0,0.33);box-shadow:inset 1px 0 0 rgba(0,0,0,0.08)}
#nav li a:hover,#nav li:hover{background:#990000 url(../images/navigation.png) no-repeat center bottom}
#nav li a.active{background:#ea222f url(../images/navigation.png) no-repeat center bottom;box-shadow:0 -2px 0 #FFF}
#nav li .altmenu{display: none; position: absolute; width: 260px; top: 60px; left: 0; box-shadow: 0 10px 40px rgba(0,0,0,0.6);}
#nav ul li a:hover + ul, #nav ul li .altmenu:hover{display:block;}
#nav li .altmenu li{float:none;}
#nav li .altmenu li a{width:100%;height:40px;display:block;line-height:40px;font-size:14px;border-bottom:1px solid rgba(0,0,0,0.1);background:#990000;padding:0 25px}
#nav li .altmenu li a:hover{color:#fff;background:#ea222f;}
#nav li .altmenu li a:last-child{border-bottom:none}
#language{position:absolute;right:3px;top:23px;width:54px;height:54px;z-index:999;overflow:hidden;background:#FFF;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.05);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}
#language:hover{height:108px;background:#FFF;box-shadow:0 0 20px rgba(0,0,0,0.3)}
#language ul{width:100%}
#language li{width:100%}
#language li a{float:left;display:block;width:100%;height:55px;padding:19px 15px;background:#FFF;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.1)}
#language li a:hover{background:#F3F3F3}
#language li a.selected{background:none}
#language li a img{float:left;width:24px;height:17px}
#slider{float:left;width:100%;height:500px;position:relative;z-index:180;margin-top:-80px}
#slideshow-1{float:left;width:100%}
#cycle-1 .cycle-slide{float:left;width:100%;height:500px;position:relative;background-size:auto 100%;background-repeat:no-repeat;background-position:right top;text-align:center}
#cycle-1 .cycle-slide h3{float:left;width:100%;height:100%;background:url(../images/slide-mask.png) no-repeat center top;background-size:auto 100%}
#cycle-1 .cycle-slide span{width:1170px;height:405px;display:inline-block;color:#FFF;font-size:17px;text-align:left;padding:155px 820px 0 0;text-shadow:0 -1px 0 rgba(0,0,0,0.65)}
#cycle-1 .cycle-slide i{display:block;padding-bottom:29px;font-family:Roboto Condensed;font-size:38px;line-height:40px}
#cycle-1 .cycle-slide span a{height:100%;color:#FFF;display:block;background:url(../images/icon-detail.png) no-repeat bottom left;opacity:0.9}
#cycle-1 .cycle-slide span a:hover{opacity:0.7}
#custom-pager{width:1170px;margin:0 auto;position:relative;bottom:55px;z-index:100}
#custom-pager span{float:left;margin-right:10px;cursor:pointer;width:15px;height:15px;background:rgba(0,0,0,0.4);border-radius:10px;text-indent:-9999px}
.cycle-pager-active{background:#FFF!important}
.scroll #header-out{height: 60px; background: #ea222f; position: fixed; box-shadow: 0 0 5px rgb(0, 0, 0); border-bottom: 3px solid #990000;}
.scroll #logo{height: 57px; box-shadow: 0 3px 0 #990000;}
.scroll #logo a{ background: url(../images/logo2.png) no-repeat; background-position: 0px;}
.scroll #nav{margin:0}
.scroll #language{top:3px}
.join-us{float:left;width:100%;padding:40px 0;margin-top:2px;background:#666 url(../images/join-us.png) no-repeat center top;box-shadow:0 3px 0 rgba(0,0,0,0.1);position:relative;z-index:10}
.join{margin:0 auto;width:490px;line-height:50px;font-size:21px;color:#FFF;text-shadow:1px 1px 0 rgba(0,0,0,0.27)}
.join span{height: 50px; padding-left: 70px; font-family: Roboto Condensed; background: url(../images/icon-mail.png) no-repeat; display: block; line-height: 50px;}
.join span a{color: #fff;}
.join div{float:left}
.join div input{width:530px;height:50px;border-color:#FFF;box-shadow:none;background:#FFF;font-weight:300;font-size:21px}
.join div input:focus{border-color:#FFF;box-shadow:0 0 10px rgba(0,0,0,0.15)}
.join div button{width:150px!important;height:50px;padding:0;box-shadow:none;font-size:21px}
.join div button:hover{background:#333;box-shadow:none}
.footer-map{float:left;width:100%;height:330px}
.map-mask{float:left;width:100%;height:30px;position:absolute;z-index:10;left:0;bottom:0;background:url(../images/mask-white.png) no-repeat center bottom}
.footer-share{float:left;width:100%;height:25px;margin:30px 0 25px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.06);text-align:center}
.footer-share ul{float:none;margin:0 auto;display:inline-block;padding:0 20px;background:#FFF}
.footer-share li{padding:0 15px}
.footer-share li img:hover{opacity:.7}
.footer{float:left;width:100%;height:90px; line-height:80px}
.page-title{float: left; width: 100%; padding-top: 45px; font-size: 26px; line-height: 28px; text-align: center;}
.page-title h1,.page-title h2,.page-title h3,.page-title h4{display: inline-block; font-weight: 700; padding: 0 80px 20px; color: #ea222f; box-shadow: inset 0 -1px 0 #CCC; background: url(../images/arrow-grey.png) no-repeat center bottom;}
.page-title-red h3{color:#FFF;box-shadow:inset 0 -1px 0 #fff;background:url(../images/arrow-grey.png) no-repeat center bottom}
.page-about{float: left; width: 100%; padding: 20px 10px 30px; font-size: 16px; font-weight: 300; line-height: 25px; color: #666; text-align: center;}
.page-about-white{padding:21px 165px 44px;color:#FFF}
.sub-title{float:left;width:100%;padding:49px 0 6px;font-size:17px;line-height:20px;text-align:center}
.news-list{float:left;width:100%}
.news-list ul{width:1220px;margin-left:-25px}
.news-list li{width:50%;padding:0 25px 50px}
.news-list li a{float:left;width:100%;display:block;padding-right:35px;background:#F6F6F6;position:relative;text-shadow:1px 1px 0 #FFF;overflow:hidden}
.news-list li a:hover{background:#FFF;box-shadow:inset -2px 0 0 rgba(0,0,0,0.07)}
.news-list li a img{float:left;width:225px;height:150px;margin-right:35px;transform-origin:right;transition:all 2.5s ease-out}
.news-list li a:hover img{transform:scale(1.2,1.2)}
.news-list li a i{position:absolute;left:0;top:25px;width:90px;font-family:Roboto Condensed;color:#7F7F7F;line-height:30px;background:rgba(250,250,250,0.85);text-align:center;box-shadow:-2px 0 0 #FF0625}
.news-list li a h3{display:block;padding:25px 0 5px; font-weight: 600; font-size:21px;line-height:25px}
.news-list li a span{color:#666;height:40px;overflow:hidden;display:block}
.home-about{float:left;width:100%;height:500px;margin-top:70px;background:url(../images/home-about.jpg) no-repeat center top;text-shadow:0 1px 0 rgba(0,0,0,0.27)}
.home-about a{color:#FFF}
.home-about a:hover{color:#FC3}
.home-about ul{width:100%}
.home-about li{width:33.3%;text-align:center}
.home-about li a{display:block;padding-bottom:30px;font-size:27px;font-family:Roboto Condensed;line-height:30px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}
.home-about li a:hover{box-shadow:0 2px 0 rgba(250,250,250,0.5)}
.home-about li a img{display:block;margin:0 auto 28px}
.design{float: left; width: 100%; overflow: hidden; border-top: 1px solid #eee; padding-top: 30px;}
.galeri .design ul li img{border: 1px solid #eee; padding: 3px;}
.design ul{width:1210px;margin-left:-20px}
.design li{width:20%;height:120px;padding:0 20px;margin-bottom:40px;overflow:hidden}
.design li img{float:left;width:100%}
.design li img:hover{opacity:.6}
.home-design li{height:120px}
.home-design li img{opacity:.6}
.home-design li img:hover{opacity:1}
.sub-wrap{float:left;width:100%;height:250px;position:relative;z-index:180;margin-top:-80px;background-color:#535353;overflow:hidden}
.sub-bg{position:absolute;right:0;top:0;height:250px;background-color:#535353}
.sub{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/slide-mask.png) no-repeat center top;z-index:1}
.sub span{width:1174px;display:block;margin:145px auto 0;font-family:Roboto Condensed;font-size:38px;line-height:40px;color:#FFF}
.sub-photo{float:left;width:100%;position:relative;margin:50px 0}
.sub-photo span{left:0;right:0;width:100%;height:100%;position:absolute;background:url(../images/img-mask.png) no-repeat bottom;background-size:100%}
.sub-photo img{float:left;width:100%;height:100%}
.sub-content{float:left;width:100%;padding:1px 0px 50px;margin-bottom:20px;font-size:17px;font-weight:300;line-height:30px;color:#666;text-align:justify;border-bottom:1px solid #F0F0F0}
.just-text{margin-top:18px;text-align:center}
.just-text strong{color:#000}
.page-share{margin-bottom:125px}
.page-detail{float:left;width:100%;font-size:17px;font-weight:300;line-height:30px;margin-bottom:75px}
.page-detail img{float:right;width:400px;margin:0 0 40px 40px}
.news-detail{float:left;width:100%;margin:50px 0px}
.news-detail .news-left{float:left;width:400px}
.news-detail .news-left .page-share{margin-top:20px}
.news-left .page-share ul,.news-left .page-share li{padding:0 10px}
.news-detail .news-right{float:right;width:710px;padding-top:0px;font-size:17px;font-weight:300;line-height:30px;text-align:justify}
.export{float:left;width:100%;margin:50px 0}
.catalogue-single{float:left;width:100%;padding:35px 0;text-align:center}
.catalogue-single img{display:inline-block;width:300px;border-radius:2px}
.catalogue{float:left;width:100%}
.catalogue ul{width:100%;box-shadow:inset 0 -1px 0 #EEE;margin-bottom:30px}
.catalogue li{width:25%;height:310px;padding:35px 20px 0;border-bottom:1px solid #EEE;text-align:center}
.catalogue li img{height:200px;display:inline-block}
.catalogue li img:hover{opacity:.7}
.catalogue li span{float:left;width:100%;padding-top:14px;font-size:15px;font-family:Roboto Condensed}
.locations{float:left;width:100%}
.locations ul{width:100%;box-shadow:inset 0 -1px 0 #EEE;margin-bottom:30px}
.locations li{width:33.33%;padding:35px 20px;border-bottom:1px solid #EEE;text-align:center}
.locations li img{height:250px;display:inline-block;padding:3px;border:1px solid #DDD;border-radius:150px}
.locations li span{float:left;width:100%;padding-top:14px;font-size:17px;font-weight:700;font-family:Roboto Condensed}
.locations li i{float:left;width:100%;font-size:15px;font-family:Roboto Condensed;color:#666}
.contact{float:left;width:100%;padding:0 120px}
.contact p{float:left;width:100%;margin-bottom:25px}
.contact p span span{float:left;width:50%;padding:0 15px}
.contact i{float:left;width:100%;padding:0 15px;margin-bottom:0px}
.contact i span{float: left; width: 100%; padding: 0; margin-bottom: 0;}
.contact i span textarea {height:120px;}
.button-grey{padding:0 35px;margin-top:24px;display:inline-block;line-height:45px;background:#999 url(../images/navigation.png) no-repeat center 41px;border-radius:25px;color:#FFF;font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,0.4)}
.button-grey:hover{background-color:#666;color:#FFF}
.pages{float:left;width:100%;font-size:15px;line-height:50px;color:#999;text-align:center;background:#F6F6F6;text-shadow:1px 1px 0 #FFF;margin-bottom:20px}
.pages span{margin:0 auto;display:inline-block}
.pages a{width:54px;display:inline-block;color:#999;margin-right:-4px;font-weight:700;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;border-left:1px solid rgba(0,0,0,0.07)}
.pages a:last-child{border-right:1px solid rgba(0,0,0,0.07)}
.pages a:hover{color:#FF0625;background:#FFF}
.pages a.current{color:#FF0625;background:#FFF;box-shadow:0 2px 0 #FF0625}
.fancyForm{float:left;width:100%}
.login-lightbox{float:left;width:100%;position:relative}
.light-title{float:left;width:100%;height:57px;font-size:23px;line-height:25px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.05);text-align:center}
.light-title h3{display:inline-block;height:57px;padding-top:18px;color:#E03333;box-shadow:inset 0 -1px 0 #E03333;background:url(../images/arrow-red.png) no-repeat center bottom}
.login-lightbox h5{height:68px;font-size:17px;font-weight:700;line-height:86px}
.login-lightbox .sign-in{float:left;width:300px;margin-left:40px}
.login-lightbox .sign-in p{height:55px}
.login-lightbox .sign-in p a{float:right;line-height:40px}
.login-lightbox .spacer{position:absolute;width:50px;height:258px;margin-left:50px;border-left:1px solid #EEE;left:340px;top:57px}
.login-lightbox .spacer span{position:absolute;height:29px;background:#FFF;line-height:30px;left:-15px;top:103px;color:#999}
.login-lightbox .sign-up{float:right;width:300px;margin-right:40px;background:none;padding:0}
.login-lightbox .sign-up em{float:left;width:100%;height:55px;color:#999;line-height:20px}
.socials{float:left;width:100%;height:55px}
.socials a{width:100%;height:40px;display:block;color:#FFF;font-weight:700;line-height:40px;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.11);text-shadow:1px 1px 0 rgba(0,0,0,0.27);border-radius:2px;text-align:center;background:#5D82D1 url(../images/icon-facebook.png) no-repeat}
.socials a:hover{opacity:.7}
.login-lightbox .sign-up i a{float:left;width:100%;height:40px;display:block;color:#FFF;font-weight:700;line-height:40px;background:#E31E24;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.2);text-shadow:1px 1px 0 rgba(0,0,0,0.3);border-radius:2px;text-align:center}
.login-lightbox .sign-up i a:hover{opacity:.7}
.grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:url("data:image/svg+xml;utf8,#greyscale")}
.grayscale:hover{filter:none;-webkit-filter:none}
@media only screen and (max-width:1370px) {
.wrap{width:1000px}
#nav li a{padding:0 20px}
#slider,#cycle-1 .cycle-slide{height:380px}
#cycle-1 .cycle-slide span{height:330px;width:1000px;padding:125px 650px 0 0}
#cycle-1 .cycle-slide i{padding-bottom:14px}
#custom-pager{width:400px;bottom:80px}
.join-us{background-position:-300px top}
.join div input{width:360px}
.page-about{padding:21px 165px 44px}
.page-about-white{padding:21px 80px 44px}
.news-list ul{width:1040px;margin-left:-20px}
.news-list li{padding:0 20px 40px}
.news-list li a{padding-right:20px;font-family:Roboto Condensed}
.news-list li a h3{font-size:19px;}
.news-list li a img{margin-right:25px;width:210px;height:140px}
.design ul{width:1040px;margin-left:-15px}
.design li{padding:0 15px 40px;margin-bottom:30px}
.sub{background-position:center -93px}
.sub span{width:1004px}
.news-detail .news-left{width:340px}
.news-detail .news-right{width:600px}
.page-detail img{width:340px}
}
.tags h5 { display: block; padding-right: 20px; }
.tags ul { display: block; }
.tags li { display: inline-block; }
.tags li a { background: #f6f7f8; color: #323232; border-radius: 3px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; }
.tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; }
@media only screen and (max-width:768px) {
#header-out .wrap{padding:0}
#header{height:50px;background:#ea222f;box-shadow:0 2px 0 rgba(0,0,0,0.15)}
#logo{width: 72px; height: 73px; margin-left: 10px; box-shadow: 0px 2px 1px rgba(0,0,0,0.5);}
#logo a{background-position: -1px -3px;}
#language{display:none}
#slider{height:auto;margin-top:0}
#cycle-1 .cycle-slide{height:170px;background-position:center top; background-size: cover;}
#cycle-1 .cycle-slide h3{float:left;width:100%;height:100%;background:url(../images/slide-mask.png) no-repeat -125px top;background-size:auto 100%;opacity:.85}
#cycle-1 .cycle-slide span{float:left;width:185px;height:auto;padding:50px 0 0 20px}
#cycle-1 .cycle-slide i{font-size:27px;line-height:30px}
#cycle-1 .cycle-slide em{display:none}
#cycle-1 .cycle-slide span a{height:100%;color:#FFF;display:block;background:none}
#custom-pager{float:left;width:100%;bottom:35px;padding-left:20px}
.join-us{padding:20px 0;background:#444;box-shadow:none}
.join{font-size:17px}
.join span{width:100%;height:30px;line-height:30px;padding-left:45px;background-size:auto 30px}
.join div,.join div input,.join div button{width:100%!important;margin-top:5px}
.footer-map{height:200px}
.footer-share ul{padding:0 10px!important}
.footer-share li{padding:0 5px!important}
.footer{height:auto;padding:20px;text-align:center;font-family:Roboto Condensed;line-height:20px}
.footer div{width:100%}
.wrap{float:left;width:100%;padding:0 15px}
.home-about{height:auto;margin-top:70px; background-size: cover;}
.home-about .page-title-red{font-family:Roboto Condensed}
.home-about ul{width:100%}
.home-about li{width:100%;margin-bottom:25px;box-shadow:inset 0 -1px rgba(250,250,250,0.15)}
.home-about li a{display:block;padding-bottom:25px;font-size:21px}
.home-about li a:hover{box-shadow:none}
.home-about li a img{margin-bottom:13px}
.design ul{width:100%;margin:0}
.design li{width:50%;padding:0 5px 10px}
.home-design li:last-child{display:none}
.home-design li img{opacity:.7}
.page-title{padding-top:29px}
.page-title h1,.page-title h2,.page-title h3,.page-title h4{padding:0 25px 22px}
.sub-title{padding-top:29px}
.page-about{padding:21px 0 29px}
.news-list ul{width:100%;margin:0}
.news-list li{width:100%;padding:0 0 30px;text-align:center}
.news-list li a{padding:0;font-family:Roboto!important}
.news-list li a:hover{box-shadow:inset 0 -2px 0 rgba(0,0,0,0.07)}
.news-list li a img{float: none; display: block; width: 100%; height: auto; margin: 0; max-width: 100%;}
.news-list li a h3{padding:20px 15px 10px;font-size:21px;line-height:25px}
.news-list li a span{height:auto;padding:0 15px 20px;overflow:visible;font-size:13px}
.news-detail{margin-top:35px}
.news-detail .news-left,.news-detail .news-right{width:100%}
.news-detail .news-left .page-share{margin-bottom:34px!important}
.page-share{margin:15px 0 0!important}
.sub-wrap{height:70px;margin:0}
.sub{background-position:-600px -93px}
.sub-bg{display:none}
.sub span{float:left;width:100%;height:24px;margin:30px 0 0;text-align:center;font-size:23px;line-height:30px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.06)}
.sub-photo{margin:25px 0 20px}
.sub-content{padding:0 0 41px;font-size:16px;line-height:24px;text-align:left}
.just-text{margin-top:22px;text-align:center}
.catalogue li{width:100%;height:auto;padding:30px 20px 25px}
.catalogue-single img{width:200px}
.locations li{width:100%;padding:30px 20px}
.page-detail img{width:100%;margin:0 0 20px}
.contact{padding:0;margin:0}
.contact p{margin:0}
.contact p span{width:100%;padding:0 0 20px}
.contact i{float:left;width:100%;padding:0;margin-bottom:20px}
.pages a,.pages a:last-child{box-shadow:inset 0 -1px 0 rgba(0,0,0,0.03);border:none}
}