@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'BYekan';
  src: url('fonts/BYekan.eot?#') format('eot'),
       url('fonts/BYekan.woff') format('woff'),
       url('fonts/BYekan.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'font-a';
  src: url('fonts/font-a.eot?#') format('eot'),
       url('fonts/font-a.woff') format('woff'),
       url('fonts/font-a.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body{ direction:rtl;font-family:BYekan, Tahoma, Geneva, sans-serif;margin:0;padding:0;background:url(http://upir.ir/images/xon9iaxf12jbe305rnt7.jpg) fixed center top;background-size:100% 100%;}
a{color:#666;text-decoration:none;}
a:hover{color:#2e94d5;text-decoration:none;}
img {max-width: 100%;height: auto;border:0;}


#top-box-out { 
    width:100%;
    background-color:#2a3f52;
    margin:0;
    padding:0;
}
#top-box-in {
    width:1100px;
    margin:0 auto;
    overflow:auto;
}
#tel-box-top {
    float:left;
    font-size:14.5px;
    letter-spacing:1.8px;
    padding:8px 10px 8px 25px;
    color:#eee;
    display:block;
    background:url(/images/icons8-iPhone-Filled-50.png) no-repeat left;
    background-size:auto 60%;
}
#portal-link-top {
    float:right;
    font-size:13px;
    letter-spacing:0.5px;
    padding:8px 30px 10px 10px;
    color:#eee;
    background:url(/images/icons8-User-Filled-50.png) no-repeat right;
    background-size:auto 60%;
}
#portal-link-top:hover {
    background:url(/images/icons8-User-Filled-50.png) no-repeat right #344b60;
    background-size:auto 60%;

}


#header-menu-out {background:#ffffff;width:100%;}
#header-menu-in {width:1100px;margin:0 auto;overflow:auto;}
#logo-box {float:right;margin:10px 0px 0px 45px;font-size:31px;display:block;}
#logo-box > a {color:#16a4d6;}

#logo-box > a:visited {color:#16a4d6;}
#logo-box > a:hover {}
@keyframes nav {
    from {}
    to {color:#999;}
}
#nav {float:right;margin:0;padding:0;}
#nav li {display:inline;}
#nav li a , #nav li a:visited {display:inline-block;font-size:16.5px;padding:23px 15px 23px 15px;color:#204756;font-weight:normal;}
#nav li a:hover {animation:nav 0.5s;animation-fill-mode:forwards;}
#nav li ul{margin:0;padding:0;font-size:13px;position:absolute;display:none;border-bottom:2px solid #235078; border-radius:0px 0px 3px 3px; background-color:#fff;
border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#nav li ul li{display:block;padding:7px 8px;border-bottom:1px solid #eee;}
#nav li ul li a{width:200px;font-size:13px;padding:3px 6px;}
#nav li ul li a:hover{color:#666;background-color:#16a4d6;color:#fff;border-radius:0 6px 0 6px;animation:0s;}
#nav li:hover ul{display:block;}
.more-nav {background:url(images/icon-58.png) left no-repeat;padding-left:20px !important;margin-left:7px !important;}

@keyframes portal-link {
    from {}
    to {color:#ffffff;background-color:#204756;}
}



#top-slide-out {height:420px;background:url(http://karajweb.ir/img/2.jpg) #ffffff center;background-size:100% 100%}
#top-slide-in {padding:0px 0px 0px 0px;background: rgba(0,0,0,0.45);height:100%;}
.slide-one {padding-top:130px;}
.slide-one-one {text-align:center;font-family: font-a;color:#ffffff;font-size:32px;margin-bottom:25px;}
.slide-one-two {text-align:center;font-family: font-a;color:#ffffff;font-size:22px;}


#main-box-out {width:100%; background-color:#ffffff;padding:35px 0;}
#main-box-in {width:1100px;margin:0 auto;background-color:#ffffff;font-size:13px;font-family: font-a;line-height:35px;overflow:auto;}
h1.main-box-title {font-family: font-a, sans-serif;margin:0 0 30px 0;padding:0px; color:#444; font-size:24px;}
#main-box-h {font-size:20px;padding:0;font-family: font-a, sans-serif;text-align:center;color:#444444;margin:20px auto;width:160px;}
#main-box-des {font-size:15px;margin-bottom:20px;padding:8px;font-family: font-a, sans-serif;color:#333333;	text-align:justify;}


#five-box-out {}
#five-box-in {width:1100px; margin:0px auto;text-align:center;}
.sub-five-box-main {font-family:font-a;background:url(images/bg-ff63.png); width:296.6px; height:200px;display: inline-block;position:static; margin:90px 35px 35px 30px; border-bottom:2px solid #235078;border-radius:0 0 3px 3px;}
.sub-five-box-out {text-align:center;font-size:12px; margin:10px; color:#252424;}
.sub-five-box-in {font-size:15px; margin-bottom:10px;}
img.sub-five-box {margin-top:-40px; }


#content-box-single {float:left;width:76%;margin-right:4%;}
#sidebar-box-right {float:right;width:20%;}
.sidebar-title {font-size:15.5px;color:#333;padding:0;}
.sidebar-main {margin-bottom:30px;border-bottom:2px solid #cccccc;padding-bottom:10px;}
.sidebar-nav {margin:0 8px 0 0;padding:0;list-style:none;}
.sidebar-nav a,.sidebar-nav a:visited{color:#666;}
.sidebar-nav a:hover {color:#4996ff;}
a.title-content {font-size:16px;color:#4bb5c1;}
a.title-content:hover {font-size:16px;color:#fe830b;}
.post-des {font-size:12px;}
.post-time {font-size:11px;color:#888;margin:0 0 0 0;border-bottom:1px solid #d5d5d5;padding-bottom:20px;}


#six-box-out {width:100%; background-color:#ffffff; }
#six-box-in {width:1100px; margin:0 auto; color:#373636;padding:40px 0 70px 0;font-family: font-a, sans-serif;}
#six-box-title {font-size:15px;margin:0;padding:0;}
#six-box-des {font-size:13px;margin-bottom:20px;padding:8px;}
#six-box-main {text-align:center;}
.six-sample-box {border:solid 1px #dddddd;width:320px;height:257px;color:#333;font-size:12px;display:inline-block;padding:6px 6px 0 6px;margin:15px 14px;text-align:right;}
.six-sample-box:hover {border:solid 1px #bbb;}

@keyframes one {
    from {}
    to {background-color:#235078;color:#fff;}
}
#more-sample-site {display:block;margin:0 auto;width:300px;border:solid 1px #235078;border-radius:2px;text-align:center;padding:3px;margin-top:30px;color:#235078;}
#more-sample-site:hover {animation:one 0.7s;animation-fill-mode:forwards;}



#map-box-out {width:100%;; height:0px;background-color:#eaeaea;}
#map-box-in {}


#footer-top-out {width:100%; background-color:#2a3f52;}
#footer-top-in {width:1100px; margin:0px auto; padding:18px 0; font-size: 25px; color:#ffffff; text-align:center;}


#footer-box-out {width:100%; background-color:#293a4a;font-family: font-a;}
#footer-box-in {width:1100px; margin:0 auto;}
.sub-footer-main {display: inline-block;width:230px;margin:30px 20px 40px 20px;}
.sub-footer-title {margin:0 0 10px 0;color:#B0C5D1;font-size:13px;}
#nav-bottom {margin:0;padding:0;}
#nav-bottom li {display:block;}
#nav-bottom li a , #nav-bottom li a:visited {font-size:12px; color:#f2fbfd; padding:0; font-weight:normal;}
#nav-bottom li a:hover {color:#B0C5D1;}
#sub-footer-text {font-size:12px; color:#f2fbfd;line-height:27px;}
#footer-bottom-box-out {width:100%;background-color:#293a4a;padding:5px 0;}
#footer-bottom-box-in {width:1100px; margin:0 auto;padding-right:33px; color:#B0C5D1; font-size:11px; font-family: font-a;}
#footer-sitelar-box {float:left; color:#293a4a;}
.contact-us-block {display: inline-block;width:400px;margin:30px;}
.sample-site-box {border:solid 1px #dddddd;width:320px;height:250px;color:#333;font-size:12px;display:inline-block;padding:6px 6px 0 6px;margin:14px;}
.sample-site-box:hover {border:solid 1px #bbb;}
#sub-footer-main-contact {display: inline-block;width:380px;margin:30px 20px 40px 20px;}

#content-single {text-align:justify;}
#content-page {text-align:justify;}
#single-date {font-size:12px;color:#555;margin:30px 0 2px 0;}
#tags-box {font-size:12px;color:#333;margin-bottom:20px;}
#tags-box a , #tags-box a:visited {padding:0 7px;margin:1px 7px;font-size:11.5px;display:inline-block;}

.example-site-link {display:block;text-align:center;border-radius:2px;padding:3px;margin-top:30px;background-color:#235078;color:#fff;}
.example-site-link:hover {background-color:#16a4d6;color:#fff;}
.web-box-25 {display:inline-block;margin:20px 10px;}

@media only screen and (max-width: 1200px) {
#top-box-in {width:90%;}
#header-menu-in {width:90%;}
#center-index-in {width:90%;}
#center-box-in {width:90%;}
#main-box-in {width:90%;}
#footer-top-in {width:90%;}
#footer-bottom-box-in {width:90%;}
#footer-box-in {width:90%;}
#six-box-in {width:90%;}
#five-box-in {width:90%;}
#sub-footer-main-contact {width:380px;margin:30px 2% 40px 2%;}
}

@media only screen and (max-width: 930px) {
#portal-link {
    display:none;
} 
}

@media only screen and (max-width: 900px) {
h1.main-box-title {font-size:20px;}
#content-box-single {float:left;width:100%;margin-right:3%;}
#sidebar-box-right {float:right;width:100%;}
}
@media only screen and (max-width: 810px) {
.sample-site-box {width:320px;height:229px;margin:10px auto;display:block;}
}

@media only screen and (max-width: 800px) {
#top-slide-out {height:360px;}
.slide-one {padding-top:115px;}
.slide-one-one {font-size:28px;}
.slide-one-two {font-size:14px;}
#footer-top-in {font-size:17px; }
}





@media only screen and (max-width: 760px) {
#menu-icon-open {float:left;background:url(images/menu-icon.png);width:54px;height:42px;margin:15px 0;}
#menu-icon-close {float:left;background:url(images/menu-icon.png);width:54px;height:42px;margin:15px 0;display:none;}
#nav {margin:75px 0 0 0;padding:0 10px;float:none;display:none;}
#nav li {display:block;}
#nav li a , #nav li a:visited {display:block;font-size:14px; padding:8px 0px; font-weight:normal;font-family:font-a;border-bottom:1px solid #cccccc;}
#nav li a:hover { color:#cccccc;background:none;}

#nav li ul{margin:0 15px;padding:0;font-size:13px;position:static;border:0; border-radius:0;}
#nav li ul li{display:block;padding:7px 8px;border:0;}
#nav li ul li a{width:auto;font-size:13px;padding:3px 6px;}
#nav li ul li a:hover{color:#666;background-color:none;color:#fff;border-radius:0;animation:0s;}
#tel-box-top {padding:12px 10px 12px 27px;}
#portal-link-top {padding:12px 32px 14px 10px;}
#logo-box {margin:22px 0px 0px 45px;}

}


@media only screen and (max-width: 675px) {
#content-box-single {float:none;width:100%;margin-right:0%;}
#sidebar-box-right {float:none;width:100%;}
.center-index-box {margin:20px auto;display:block;}
#footer-top-in {font-size:17px; }
h1.main-box-title {font-size:18px;}
.sub-footer-main {width:324px;margin:20px 0;}
#sub-footer-main-contact {width:324px;margin:20px 0;}
#footer-bottom-box-in {font-size:11px;}
}
@media only screen and (max-width: 600px) {
.sub-five-box-main {margin:90px 0 35px 0;}
.six-sample-box {margin:15px 0;}

}

@media only screen and (max-width: 365px) {
.six-sample-box {width:290px;height:215px;}
.slide-one-one {font-size:21px;}
.center-index-box {margin:20px auto;display:block;}
.sample-site-box {width:95%;height:229px;margin:10px auto;display:block;}
#top-slide-out {height:300px;}
.slide-one {padding-top:100px;}
#footer-top-in {font-size:15px; }
.sub-footer-main {width:100%;margin:20px 0;}
#sub-footer-main-contact {width:100%;margin:20px 0;}
#footer-bottom-box-in {font-size:10px;}
#more-sample-site {margin:0 auto;width:92.5%;text-align:center;padding:3px;margin-top:30px;}
}


@media only screen and (max-width: 325px) {
.six-sample-box {width:290px;height:215px;}
.sub-five-box-main {width:270px;}
.slide-one-one {font-size:21px;}
.center-index-box {margin:20px auto;display:block;}
#footer-top-in {font-size:14px; }
.sub-footer-main {width:288px;margin:20px 0;}
#sub-footer-main-contact {width:288px;margin:20px 0;}
#footer-bottom-box-in {font-size:10px;}
}