body{background-image:url("/images/bg.png");  background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; background-attachment: fixed;} 
#top{height:650px; width:100%; position:relative; overflow:hidden;}
#top > section{width:1170px; height:650px; margin:auto; position:relative;}
header{width:100%; height:110px; position:relative;}
header > figure{float:left; width:170px; height:110px; line-height:110px;}
header > div {width:1000px; height:110px; position:relative; float:left;}
header > div > div {width:100%; height:50px; position:relative; float:left;}
#top-bar{position:relative; float:right; height:50px; background: #702777;background: -moz-linear-gradient(left, #702777 0%, #7b2670 50%, #8f2361 100%);background: -webkit-linear-gradient(left, #702777 0%,#7b2670 50%,#8f2361 100%);background: linear-gradient(to right, #702777 0%,#7b2670 50%,#8f2361 100%); -webkit-box-shadow: 0px 0px 54px -10px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 54px -10px rgba(0,0,0,0.75);box-shadow: 0px 0px 54px -10px rgba(0,0,0,0.75); }
#top-bar:before{position:absolute; content:""; border-style: solid;border-width: 0 50px 50px 0;border-color: transparent #722579 transparent transparent; top:0; left:-50px; z-index:9;}
#top-bar:after{position:absolute; content:""; border-style: solid;border-width: 0 45px 45px 0;border-color: transparent #500d4c transparent transparent; top:5px; left:-50px; z-index:8;}
#top-bar > ul:after{width:1000px; height:50px; background:#8F2361; position:absolute; right:-1000px; content:"";}
#top-bar > ul > li{float:left; height:50px; line-height:50px; border-right:1px solid rgba(0,0,0,0.1); transition:all ease 0.3s;}
#top-bar > ul > li > a:hover{background:rgba(0,0,0,0.2); transition:all ease 0.3s;}
#top-bar > ul > li > a{color:#fff; height:50px; padding:0 10px; font-size:14px; line-height:50px; float:left;}
#top-bar > ul > li > a > i{color:#fff; font-size:14px; height:22px;float:left; line-height:22px;  width:22px; margin-top:14px; border-radius:50%; border:2px solid #fff; text-align:center;}
#top-bar .fa-phone{margin-right:10px;}
#top-bar > ul > li:last-child{border-right:none; padding-right:0; margin-right:0;}
header > div >  ul{ height:40px; margin-top:10px; position:relative; float:right;}
header > div >  ul > li{float:left; line-height:60px; height:60px; position:relative;}
header > div >  ul > li > a{width:100%; height:40px; line-height:40px; border-radius:5px; color:#fff; font-size:14px; padding:0 20px; display:inline-block; transition:all ease 0.3s;}
header > div >  ul > li > a:hover{background:rgba(0,0,0,0.2); transition: all ease 0.3s;}
#slider{width:100%; height:540px; position:relative;}
main{width:100%;}
.menu-open, .menu-close{display:none;}
.list_carousel{height:540px;}
.list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; height:540px;}
.list_carousel li {width:1170px!important; position:relative; display: block; float: left; height:540px;}
.clearfix{clear:both; display:table; content:"";}
#slider #ileri{position:absolute; right:0; top:250px; height:40px; width:40px; line-height:40px; background:rgba(0,0,0,0.5);}
#slider #geri{position:absolute; left:0; top:250px; height:40px; width:40px; line-height:40px; background:rgba(0,0,0,0.5);}
#slider  a i{color:#fff; font-size:18px; width:40px; height:40px; text-align:center; line-height:40px;}
.slider-text{width:550px; position:absolute; top:160px; right:0;}
.slider-text h1{font-weight:800; color:#fff; font-size:72px;}
.slider-text strong{font-weight:400!important; color:#fff; font-size:18px;}
.slider-text a{font-size: 14px; font-weight: 400; width: 140px; height: 36px; display: block; transition: all ease 0.3s; line-height: 32px; margin-top:30px; border-radius: 18px; text-align: center; color: #fff; border: 2px solid #fff;}
.slider-text a:hover{transition:all ease 0.3s; background:#fff; color:#88155e;}
#home-introducing{width:100%; background-image:url("/images/ceno-bg.png"); background-position:top center; background-repeat:no-repeat; background-color:#fff;}
#home-introducing > section{width:1170px; margin:auto; position:relative; padding:60px 0;}
#home-introducing-title{width:100%; text-align:center; margin-bottom:40px;}
#home-introducing-title h2{font-size:36px; font-weight:900; margin-bottom:10px; background: linear-gradient(45deg, #6b287b 0%, #a52052 100%) ;-webkit-background-clip: text; -webkit-text-fill-color: transparent; display:inline-block;}
#home-introducing-title p{font-size:18px; font-weight:400; color:#2c3e50;}
#home-introducing-title a{font-size:14px; font-weight:900; background:linear-gradient(45deg, #6b287b 0%, #a52052 100%); color:#fff; margin:auto; display:inline-block; margin-top:30px; width:150px; height:40px; transition:all ease 0.3s; line-height:40px; text-align:center; border-radius:20px;}
#home-introducing-title a:hover{transition:all ease 0.3s;  background:linear-gradient(45deg, #3f44a7 0%, #3f44a7 100%);}
#home-introducing ul{width:880px; margin:auto;}
#home-introducing ul li{float:left; position:relative; width:220px; text-align:center; padding:20px 10px; border-radius:10px; height:165px; transition:all ease 0.3s;}
#home-introducing ul li h3{font-size:22px; margin-top:10px; font-weight:900; margin-bottom:10px; background: linear-gradient(45deg, #6b287b 0%, #a52052 100%) ;-webkit-background-clip: text; -webkit-text-fill-color: transparent; display:inline-block;}
#home-introducing ul li:hover{transition:all ease 0.3s; background:rgba(0,0,0,0.1);}
#other-wears{width:100%; position:relative;}
#other-wears > section{width:1170px; margin:auto; position:relative; display:flex;}
#other-wears > section:before{position:absolute; width:2px; height:100%; margin-left:-1px; left:50%; content:""; background:rgba(0,0,0,0.2);}
#other-wears > section > div{float:left; width:50%; text-align:center; padding:60px 30px;}
#other-wears > section > div > h2{font-size:36px; font-weight:900; margin-bottom:20px; color:#fff;}
#other-wears > section > div > p{font-size:16px; font-weight:400; margin-bottom:20px; color:#fff;}
#other-wears > section > div > a{font-size:14px; font-weight:400; width:140px; height:36px; display:block; transition:all ease 0.3s; line-height:32px; margin:auto; border-radius:18px; text-align:center; color:#fff; border:2px solid #fff;}
#other-wears > section > div > a:hover{transition:all ease 0.3s; background:#fff; color:#88155e;}
#other-wears #workwears{background-image:url("/images/workwear-bg.png"); background-position:bottom right; background-size:contain; background-repeat:no-repeat;}
#other-wears #sportwears{background-image:url("/images/sportwear-bg.png"); background-position:bottom left; background-size:contain; background-repeat:no-repeat;}
#help{width:100%; padding:60px 0; position:relative; background-image:url("/images/help-bg.png"); background-position:top center; background-size:cover; background-repeat:no-repeat; background-color:#fff; }
#help > section{width:1170px; margin:auto; position:relative;}
#help-title{width:100%; margin-bottom:30px; text-align:center;}
#help-title h3{font-size:36px; font-weight:900; color:#3c977a;}
#help-title p{font-size:18px; font-weight:400; color:#2c3e50;}
#help strong{font-size:16px; color:#3c977a; font-weight:900!important; margin-top:15px; display:block;}
#help a{font-size:18px; color:#5f5f5f; font-weight:900; display:block;}
#help a:hover{text-decoration:underline;}
#help ul{width:465px; margin:auto;}
#help ul li{float:left; padding:0 10px;}
#help ul li:first-child{text-align:right;}
#help ul li i{color:#3c977a; width:60px; height:60px; line-height:60px; text-align:center; border:2px solid #3c977a; font-size:24px; border-radius:50%;}
#footer{width:100%; background: #3fa786; position:relative; background: -moz-linear-gradient(left, #3fa786 0%, #2a2c49 100%); background: -webkit-linear-gradient(left, #3fa786 0%,#2a2c49 100%); background: linear-gradient(to right, #3fa786 0%,#2a2c49 100%);}
#footer:before{width:100%; height:50px; background:#3fa786; position:absolute; top:0; left:0; content:"";}
footer{width:1170px; margin:auto;}
#footer-mail{margin:auto; position:relative; z-index:2; width:605px;}
#footer-mail li{float:left; height:50px; line-height:50px; transition:all ease 0.3s;}
#footer-mail li:hover{background:rgba(0,0,0,0.2); transition:all ease 0.3s;}
#footer-mail li a{color:#fff; font-size:18px; padding:0 20px; height:50px; line-height:50px; display:block;}
#footer-mail li i{color:#fff; font-size:18px; background:#356b68; width:50px; height:50px; line-height:50px; text-align:center;}
#footer-menu{height:60px; width:755px; margin:auto;}
#footer-menu li{float:left; height:60px; line-height:60px; transition:all ease 0.3s;}
#footer-menu li a{display:block; padding:0 20px; height:60px; line-height:60px; font-size:14px; color:#fff;}
#footer-menu li:hover{background:rgba(0,0,0,0.2); transition:all ease 0.3s;}
#footer span{width:100%; display:block; height:50px; line-height:50px; color:#fff; border-top:1px solid rgba(255,255,255,0.2); text-align:center; font-size:13px;}
.header-detail{height:150px!important;}
.main-detail{background-color:rgba(255,255,255,0.1);}
#breadcrumb{width:1170px; margin:auto; height:80px; line-height:80px;}
#breadcrumb h1{font-size:36px; color:#fff; float:left; height:80px; line-height:80px;}
#breadcrumb ul{float:right;}
#breadcrumb ul li{float:left; height:80px; line-height:80px; margin-right:20px; padding-right:20px; position:relative; font-size:13px; color:#fff;}
#breadcrumb ul li a{color:#fff; font-size:13px;}
#breadcrumb ul li a:hover{text-decoration:underline;}
#breadcrumb ul li:last-child{font-weight:bold;}
#breadcrumb ul li:after{position:absolute; right:0; height:80px; line-height:80px; content:"\f105"; font-family:fontawesome; top:0;}
#breadcrumb ul li:last-child:after{display:none;}
#page{width:1170px; margin:auto; position:relative; padding-bottom:30px;}
#products{width:1170px; display:flex;}
#products > div{width:585px; float:left;}
#products-image{background:#fff; padding:10px;}
#products-text{background:#e5e5e5;}
#products-image figure{width:100%; margin-bottom:10px;}
#products-image img{width:100%; display:block;}
#products-image ul{width:100%; height:auto!important;}
#products-image ul li{width:277px; max-height:270px; float:left; margin-right:10px; margin-bottom:10px; position:relative; overflow:hidden;}
#products-image ul li a{position:relative!important; top:auto!important; bottom:auto!important; left:auto!important; right:auto!important;}
#products-image ul li:nth-child(2n){margin-right:0;}
#styles{background:#691a60; position:relative;}
#fabric{background:#781f6e;}
#makeup{background:#4a2d85;}
#embroidery{background:#22397c;}
#embroidery p {margin-bottom: 25px;}
#products-text h2, #products-text h3{font-size:24px; margin-bottom:10px; color:#fff;}
#products-text p{font-size:14px; color:#fff;}
#sizes{position:absolute; right:0; top:0; height:100%; background:rgba(0,0,0,0.1); padding:30px;}
#products-text img{margin-top:20px;}
#colours{background:#e5e5e5;}
#colours h2{color:#4c4c4c!important;}
#products-text > div{padding:30px;}
#colours > div{width:60px; height:75px; padding:5px 5px 20px 5px; background:#fff; float:left; margin-right:5px; position:relative;}
#colours > div > div{position:absolute; left:5px; top:5px; width:50px; height:50px;}
#colours > div > span{position:absolute; left:5px; bottom:0; width:50px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#4c4c4c;}
.royal{background:#22397c;}
#about{width:100%; position:relative; min-height:calc(100vh - 400px); border-top:1px solid rgba(255,255,255,0.2); padding-top:30px;}
#about p{font-size:16px; color:#ffffffa6; display:block; margin-bottom:20px; line-height:22px;}
#contact{width:100%; display:flex; margin-top:20px; min-height:calc(100vh - 400px);}
#contact > div{float:left; width:370px; padding:20px; border:1px solid rgba(255,255,255,0.1); margin-right:30px;}
#contact > div:last-child{margin-right:0;}
#contact h2{font-size:24px; color:#fff; margin-bottom:20px;}
#contact input{width:100%; color:#fff; height:40px; line-height:40px; padding-left:10px; border:1px solid rgba(255,255,255,0.1); background:none; margin-bottom:10px;}
#contact textarea{width:100%; height:80px; padding:10px; border:1px solid rgba(255,255,255,0.1); background:none; margin-bottom:10px; color: #ffffff;}
#contact span{font-size:13px; color:#ffffffa6; display:block; margin-bottom:5px; display:block;}
#contact button{font-size: 14px; font-weight: 400; width: 100%; height: 36px; display: block; background:none; cursor:pointer; transition: all ease 0.3s; line-height: 32px; margin: auto; text-align: center; color: #fff; border: 2px solid #fff;}
#contact button:hover{transition:all ease 0.3s; background:#fff; color:#930e53;}
#contact button:disabled {background: #f2f2f2; color: #888888;}
#contact li{width:100%; height:40px; line-height:40px; margin-bottom:20px;}
#contact li i{height:40px; width:40px; line-height:40px; text-align:center; float:left; margin-right:10px; font-size:20px; color:#ffffffa6;}
#contact li a{height:40px; line-height:40px; float:left;  font-size:14px; color:#ffffffa6;}
#contact li address{height:40px; width:270px; line-height:16px; float:left;  font-size:14px; color:#ffffffa6;}
#contact li a:hover{text-decoration:underline;}
#contact li i:hover{color:#fff;}
#contact li:last-child{margin-bottom:0;}
#contact label {color: #ff0000;}
#contact .fa-linkedin{border: 1px solid rgba(255,255,255,0.1); border-radius: 3px;}
#bottom-text{width:100%; padding:30px; border:1px solid rgba(0,0,0,0.1); margin-top:30px;}
#bottom-text p{font-size:16px; color:#ffffffa6; display:block; margin-bottom:20px; line-height:22px;}
#bottom-text  h2{font-size:24px; color:#fff; margin-bottom:20px;}
#makeup ul li{font-size:14px; color:#fff; margin-bottom:5px; list-style:disc;}
#makeup ul{margin-left:15px;}

#id404 {text-align: center;}
#id404 h1 {color: #fff; font-size: 35px; line-height: 70px;}
#id404 strong {display: block; color: #fff; line-height: 35px;}
#id404 a {color: #a1a1a1;}
#id404 a:hover {color: #fff;}

.g-recaptcha{margin-bottom:20px;  transform:scale(1.088); transform-origin:0 0;}




#iletisim-tamam i {
	color: #ffffff;
	font-size: 50px;
}

#iletisim-tamam {
	text-align: center;
}


/* Clear */
#contact li:after,
#contact:after,
#products:after,
#colours:after,
#products-image ul:after,
#breadcrumb :after, 
#other-wears > section:after, 
#footer-menu:after, 
#footer-mail:after, 
#help ul:after, 
#home-introducing ul,
header:after{clear:both; display:table; content:"";}
/* Button */
#home-introducing ul li a{position:absolute; left:0; top:0; right:0; bottom:0;}

.upno a{line-height:14px!important; height:18px!important; margin-top:3px; float:inherit!important; display:block;}
.upno{padding-top:5px;}