@import url('../../css/public.css');

@import url('../../css/product.css');



::selection { color:#fff; background:#d03 }

::-moz-selection { color:#fff; background:#d03 }



body { font-family:Iran, Tahoma, Geneva, sans-serif; font-size:13px }

a { color:#ec2626 }

a:hover { color:#000 }

@media (min-width:992px){ h1,h2,h3,h4,h5,h6 { font-family:PandYekan } }

/* aside { display:none } */



.page-header { background:repeat-x; background-image:-moz-linear-gradient(top,#333 35%,#ec2626 35%); background-image:-webkit-linear-gradient(top,#333 35%,#ec2626 35%); background-image:linear-gradient(to bottom,#333 35%,#ec2626 35%);background-size:100% 131px; color:#fff }
.input-field {color:#000}
.register_login { background: none;}
.register_login .btn-login:hover{color:#ec2626;}
.register_login .btn-register:hover{color:#ec2626;}

@media (max-width:480px){

	.page-header { background:none }

}

@media(min-width:481px) and (max-width:991px){ .page-nav { height:85px; width:50% } }

.page-header h1 { background:#ec2626; font-size:4em; line-height:46px; height:46px; position:relative; top:45px; overflow:visible }

@media(min-width:481px){ .page-header h1 a { height:85px } }

.page-footer { background-color:#333 }

.page-header form.search { max-width:50%; min-width:0 }



.head-element { margin:0 8px }

.slider { margin:5vh 0 }

.pandbox, .slider { border:1px solid rgba(0,0,0,.08); background:#f7f7f7; background:-moz-linear-gradient(top,#f7f7f7 0%,#ffffff 100%); background:-webkit-linear-gradient(top,#f7f7f7 0%,#ffffff 100%); background:linear-gradient(to bottom,#f7f7f7 0%,#ffffff 100%) }



.button { background-color:#F44336  }

.button:hover { background-color:#FF8A80 }

.button:focus { background-color:#FF5252 }



.box > .head { color:#000; font-size:2em; line-height:2em; border-bottom:1px solid #d9d9d9 }

.box > .body { padding:1em 1em }

.cside .box .body > p { text-align:justify }



.page-nav .nav-menu { background:#ec2626; color:#fff }

.nav-menu > li { border-bottom:2px solid rgba(255,255,255,.3) }

@media (max-width:991px){ .nav-menu > li > a:before { content:'PA'; background:#C3131A; border-radius:50%; padding:.5em; margin-left:.8em; font-weight:900 }}

@media (min-width:992px){

.page-nav { position:relative; height:85px }

.page-nav .nav-menu { width:auto; background:none; float:left; box-shadow:none; line-height:85px; border-left:1px solid #FE5555 }

.nav-menu li { position:static; direction:rtl; flex-grow:1 }

.nav-menu > li > a { padding:0 1em !important; position:relative }

.nav-menu > li { font-size:1.3em; font-family:PandYekan;  box-sizing:border-box; border-bottom:0; border-right:1px solid #FE5555; transition:all .4s ease; direction:rtl }

.page-nav .nav-menu > li:hover { background:none }

.nav-menu li.arrow:after { display:none }

.page-nav .material-icons {color:#fff}



.nav-menu > li > a:before { content:""; left:0; top:0; position:absolute; display:block; background:#fff; width:100%; height:0; z-index:-1; transition:all .3s }

.nav-menu > li:hover > a:before { height:8% }

.nav-menu > li > a:after { content:""; left:0; bottom:0; position:absolute; display:block; background:#333; width:100%; height:0; z-index:-1; transition:all .3s }

.nav-menu > li:hover > a:after { height:92% }



.nav-menu > li > ul { right:0; left:0; padding:0; font-size:.9em; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; box-shadow:0 10px 20px #000 }

.nav-menu ul a:before { content:'PA'; background:#C3131A; color:#fff; border-radius:50%; padding:.5em; margin-left:.8em; font:700 1em/1em Arial; line-height:1 }

.nav-menu ul li + li { border-right:1px solid rgba(255,255,255,.1) !important }

.nav-menu ul { background:#333; color:#fff; min-width:0 }

.nav-menu ul li.arrow:not(:hover) > ul { opacity:1; min-width:100%; font-size:.75em }

.nav-menu ul ul { font:.75em/2.7em Iran; position:static; box-shadow:none; transition:none; padding:0; flex-grow:1 }

.nav-menu ul ul li { border:0!important }

.nav-menu ul ul a:before { display:none }



.menu .arrow > a { padding:0 1em !important }

.menu ul li:hover { background:none; color:inherit }

.menu ul a { transition:.5s !important }

.menu ul a:hover { color:#FF5252 }

.menu ul ul a:hover { background:rgba(0,0,0,.2) }
.bx-vertical-menu, .bx-vertical-menu .head { background-color:#eee; color:#000; }
.bx-vertical-menu .head { border-bottom:1px solid rgba(0,0,0,.2) ;padding:0 8px 0;}
.bx-vertical-menu .body { padding:0 0 8px; }
.bx-vertical-menu > li:hover { background:#FE5555;color:#fff ;}

}





.whois { width:100%; color:#222; padding:1.5em; border:1px solid rgba(0,0,0,.2); background:#FFC107 url(img/domain[pcms].png) 1em 1em no-repeat; text-align:center; line-height:4em }

@media(max-width:640px){ .whois { background-image:none }}

.whois .result { display:none; max-width:400px; margin:auto }


/* pay button  */
[type=radio]:checked + .pay-portal { border-color:#0091ea!important; background:rgba(0,145,234,.15); border-radius:2px ;height: auto; }
[type="radio"] + label {height: auto}