@import url("bootstrap.min.css");
@import url("font-awesome.min.css");
@import url("../fonts/font.css");
@import url("menu.css");
@import url("set2.css");

*{font-family:'yekan_num','yekan',Tahoma, Geneva, sans-serif;font-weight:normal;font-style:normal;text-decoration:none!important}
section{transition-duration:0.5s}
body{background-color:#f2f2f2}
.intersect{max-width:1366px;margin:0 auto;position:relative}
.btn{transition-duration:0.2s;margin:0 3px;border-radius:0}
.modal-content,.alert,.form-control,input,textarea,select{border-radius:0 !important}

#top{width:100%;padding:5px;display:inline-block}
#top img{width:18px;height:18px;margin-top:3px;float:right;margin-right:3px;display:block}
#top a{font-size:16px;font-weight:bold;float:right;color:#000}
#top div{float:right;padding-right:12.5%}
#bill>div{background-color:#fff;display:inline-block;width:90%;height:auto;border:1px solid lightgrey;padding:1% 0}
#bill>div:first-child{padding:0.5% 0}
#bill>div>div{float:right;width:20%;border:none}
#bill img{width:50px;height:50px}
#priceall{width:25% !important;float:left;margin-left:5%;}

h1{color:#E2E2E2;display:inline-block;margin:40px 100px 20px 0}
#slider{width:100%;padding:0;display:none}
#slider img{width:1366px;}
#search input[type="search"]
{font-size:medium;background-color:#13cccc;color:#fff;border:0;position:absolute;left:15px;top:13px;width:30%;z-index:99}
input[type="search"]::-webkit-input-placeholder{color:#fff}
.searchsub{background-color:unset;border:none;color:#fff;position:absolute;left:10px;top:17px;z-index:99}
.searchsub:hover{color:#fff}

.navbar{box-shadow:0 0 2px 0 lightgrey;border:unset;margin:0;top:0;background-color:#fff;width:100%;z-index:30}
.navbar-nav>li>a{padding:10px;color:#000;font-size:15px}
.navbar-brand{line-height:unset;padding:17px 40px 0 40px;background-color:#13cccc;height:59px;color:#fff !important}
.mega-dropdown-menu .dropdown-header{text-align:right;padding:0 0 15px 0}
ul a{text-align:right}

section{margin:30px 0;text-align:center;width:100%}
#registerDiv{background-color:#fff;float:left;width:57%;border:1px solid lightgrey;margin:2%;padding:3% 0}
#loginDiv{background-color:#fff;float:right;width:35%;border:1px solid lightgrey;margin:2%}
#registerDiv h3{text-align:right;margin-right:-40px}
#loginDiv h3{text-align:right;margin-right:15%;margin-bottom:10%}
#loginDiv form{margin:14% 0}
#loginDiv input[type="text"],#loginDiv input[type="password"]{width:50%}
#captcha1{padding:1% 0}
#captcha2{cursor: pointer;margin-right: 25%}
#loginDiv input[type="submit"]{width:30%}
#logincheck{width:13px !important;}
#register input, #register textarea , #register select , #comment_top input[type="text"] , #comment_top textarea , #comment_top input[type="email"]
{display:inline-block;width:50%;line-height:25px;margin-top:3px}
#registerDiv>*{text-align:right;margin-right:25%}
#register input[type="submit"]{width:20% !important}
#register option:nth-child(odd){background-color:#f8f8f8}
#register span{color:red;font-size:large;line-height:10px}
#register label,#loginDiv label , #comment_top label{width:110px;display:inline-block;text-align:right;margin-left:-18px}
#register #uname{position:relative}
#register #result{position:absolute;left:14%;margin-top:0.5%}

.unregister{width: 66%!important;margin-left: 15%}
.lastinput{margin-right: 15.5%}

#userEdit{background-color:#f8f8f8;margin:2% 15%;border:1px solid lightgrey}
#finalbuy article{width:69%;background-color:#f8f8f8;margin:2%;padding:5% 0;border:1px solid lightgrey;float:right}
#finalbuy div{background-color:#fff;margin:0 10%;border:1px solid lightgrey;margin-bottom:2%}
#finalbuy aside{width:23%;background-color:#f8f8f8;margin:2%;padding:5% 0;border:1px solid lightgrey;float:left}
#finalbuy article label,#finalbuy article span{text-align:right;display:inline-block;width:15%}
#finalbuy article h3{text-align:right;margin-right:10%}
#finalbuy textarea{width:40%;height:100px}
#zarin{width:40px;height:35px}
#mellat{width:53px;height:50px}
#saman{width:50px;height:50px}
#pay{width:45px;height:40px}
#gate label{font-size:18px}
#general_post{width:45px;height:40px}
#pishtaz{width:45px;height:40px}
#finalbuy #tipax{width:45px;height:40px}
#finalbuy #sendpost label{font-size:18px}
#checkoffer{color:green;font-weight:bold}

#thumbs img{width:23%}

.border1{display:inline-block;width:100%}
.border1 div{width:22%;float:right;background-color:#fff;margin:30px 1.5%;transition-duration:0.4s;box-shadow:1px 0 10px 0 lightgrey;padding:5px 5px 20px 5px}
.border1 div:hover{box-shadow:1px 0 30px 0 rgb(168, 168, 168)}
.border1 div .basket{width:30px;height:30px;cursor:pointer;transition-duration:0.4s}
.border1 .view{width:30px;height:30px;transition-duration:0.4s}
.basket:hover,.view:hover{box-shadow:1px 0 15px 0 #000}

.border1>span{display:inline-block;text-align:right;font-size:24px;width:92%}
.border1 img{max-width:100%}
.border1 label{display:inline-block;margin-top:10%}
.border2{width:100%}
#b2right{float:right;width:45%;margin:2.5%;padding:3% 0;border:1px solid lightgrey;background-color:#fff}
#b2right img{border:1px solid lightgrey;transition-duration:0.7s;max-width:50%}
#b2right img:hover{cursor:pointer;box-shadow:1px 1px 15px 1px black}
#popup{background:rgba(0, 0, 0, 0.49);height:100%;width:100%;position:fixed;top:0;left:0;display:none;z-index:100}
#popup img{max-height:100%;max-width:100%;}
#close{float:right;position:absolute;top:2%;right:2%;border:none !important}
#imgMain{max-width:90% !important}
#imgMain:hover{transform:scale(1.07)}

#b2left{float:left;width:45%;margin:2.5%;padding:4% 0;border:1px solid lightgrey;background-color:#fff}
#b2left_content{color:#2e003f;font-size:large;padding:2% 0;width:70%;height:auto !important;margin-right:15%;background-color:#fdfdfd;border:1px solid lightgrey}
#b2left input[type="submit"]{padding:5px 10px;margin-left:5px;border:none;cursor:pointer}
#b2left #buy , #comment_top input[type="submit"]{width:180px;background-color:#000;color:#fff;transition-duration:0.5s;font-size:larger;border:none}
#b2left #buy:hover , #comment_top input[type="submit"]:hover{background-color:#19830e}
.colors{width:35px;transition-duration:0.2s;cursor:pointer;border:1px solid lightgrey}
#b2left input[type="button"]:hover{background-color:lightgreen;color:#fff}
#b2left input[type="text"]{text-align:center;height:34px;max-width:80px}
#comment_top{width:60%;margin:0.5% 20%;padding:1% 0;border:1px solid lightgrey;background-color:#fff}
#comment_top textarea{height:150px}
#comment_top label{margin-left:2%}
#comment_top input[type="submit"]{width:25%;height:35px}
#comment_top h3{text-align:right;margin-right:5%}
#comment_top hr:first-of-type{width:90%;margin-right:5%;border:1px solid lightgrey}
#comment{border:1px solid lightgrey;background-color:#fdfdfd;margin:0 10%;padding:3% 0}
#comment label{float:right;margin-right:5%;width:45%}
footer{background-color:#1D1D1D;padding:30px;text-align:center}
footer>div{color:#fff;float:right;width:33.33%}
footer>span{display:block;color:#fff;margin-bottom:-1%}
#fcenter img{float:right;margin-right:42%;margin-top:-1px;display:block;margin-left:3px}
#fcenter span{display:block}
#fcenter li{display:block}
#footerspan img{width:35px;height:35px;border-radius:50%}
footer a{color:#fff}
footer a:hover{color:lightgrey}
#footerhr{width:90%;margin-top:2%;margin-bottom:1%;display:inline-block}
#nemad img{border-radius:2px}
footer img{transition-duration:0.5s}
footer img:hover{box-shadow:1px 0 5px 1px #fff}
footer i{font-size:40px !important;color:#fff;margin:0 4px}
footer i:hover{color:lightgrey}
.clear{clear:both}

.carousel-inner>.item.next,.carousel-inner>.item.active.right{transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-o-transform:translate3d(0, 100%, 0);top:0}
.carousel-inner>.item.prev,.carousel-inner>.item.active.left{transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%, 0);-ms-transform:translate3d(0,-100%, 0);-o-transform:translate3d(0,-100%, 0);top:0}
.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);top:0}
.carousel-indicators{position:absolute;top:0;bottom:0;margin:auto;height:20px;left:auto;width:auto}
.carousel-indicators li {display:block;margin:5px 1px}
.carousel-inner img{width:100% !important}

@media screen and (max-width:1024px)
{
#search input[type="search"]{width:25%}
}
@media screen and (max-width:922px)
{
	.intersect{max-width:922px;min-width:768px}
	#top>div{width:100%;font-size:small;float:none}
	#search input[type="search"]{width:20%}
	
	#priceall{width:auto!important;padding:0 10px!important}
	.border1{margin:0}
	.border1 div{width:45%;margin:2%}
	.border1 span{text-align:right;font-size:24px;width:85%}
	.basket , .view{visibility:visible !important}
	#b2right , #registerDiv , #loginDiv{margin:0}
	#b2left{margin:8% 0;height:auto}
	#registerDiv{margin:3% 0}
	#registerDiv>*{text-align:center;margin-right:0}
	#captcha2{margin-right:0}
	.fixRegDiv{margin-right:0 !important}
	#register input[type="submit"] , #loginDiv input[type="submit"]{width:30% !important;float:none;margin-left:0}
	.unregister{width:100% !important;margin-left:0}
	.lastinput{margin-right:0}
	#fcenter{margin:0}

	#comment_top{width:100%;margin:0}
	#comment_top input[type="text"] , #comment_top textarea , #comment_top input[type="email"]{width:90%}
	#comment_top label{display:none}
	#comment_top input[type="submit"]{width:50%}
	#comment label{display:inline}

	#loginDiv h3{margin-bottom:5%;margin-right:17%}
	#registerDiv h3{margin-right:17%}
	#b2right , #b2left , #loginDiv , #registerDiv{width:100%}
	#register input , #register select , #register textarea{width:50%}
	footer{padding:0 0 30px 0;font-size:medium}
	footer>div{width:33%;margin:0;padding:4%}
	#nemad{display: none}
}
@media screen and (max-width:768px)
{
	.intersect{max-width:768px;min-width:400px}
	#top>div{float:right;width:50%}
	h1{margin-right:20px}

	#search input[type="search"]{width:50%}
	.jostoju{text-align:right}

	.sub1{width:100%}
	#menutoggle{display:block}
	#index{width:100%}
	.border1 div{width:93%}
	.border1 span{text-align:center;width:100%}
	
	#thumbs img{width:40% ;margin:10px}

	#imgMain:hover{transform:none}
	#popup{display:none !important}
	#register label , #register input , #register select , #register textarea , #loginDiv input , #loginDiv label
	{width:85% !important;margin:0;margin-top:3%}
	#register #result{left:8px;margin-top:4%}
	#loginDiv #labelcheck{width:29% !important;float:right;margin-right:33%}
	#loginDiv #logincheck{width:5% !important;float:right}
	#userEdit{width:100%;margin:0}
	footer>div{width: 100%}
	#nemad{display:inline-block}
}
@media screen and (max-width:400px)
{
	#search input[type="search"]{width:30%}
}