@font-face { font-family: 'yekan'; src: url('../_fonts/yekan.eot'); src: url('../_fonts/yekan.eot?#iefix') format('embedded-opentype'), url('../_fonts/yekan.woff') format('woff'); } @font-face { font-family: 'yekannumber'; src: url('../_fonts/number/YekanNumbers-Regular.eot'); src: url('../_fonts/number/YekanNumbers-Regular.eot?#iefix') format('embedded-opentype'), url('../_fonts/number/YekanNumbers-Regular.woff') format('woff'); } body{ background: #f7f8fa; margin: 0; padding: 0; font-family: yekan,'yekannumber'; font-size: 15px; } a{ color: #6a6a6a; text-decoration: none !important; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s ; -ms-transition: all 0.5s ease 0s ; -o-transition: all 0.5s ease 0s ; transition: all 0.5s ease 0s ; } ul{ list-style: none; padding: 0; margin: 0; } p{ margin: 0; } .btn { border-radius: 3px; } .btn:hover, .btn:focus{ color: #fff; } .form-control:focus{ box-shadow: 0 0 0 transparent ; border:1px solid #cdcdcd; outline: none; } .en { font-family: Arial; font-size: 12px; } /*------------------------------------------------HEADER----------------------------------------------*/ .content { padding-bottom: 50px; } .content p { line-height: 1.5; text-align: justify; } .header{ padding: 10px 15px; } .menu-top-left ul{ direction: ltr; margin-top: 35px; } .menu-top-left ul li{ display: inline-block; direction: rtl; border-left: 1px solid #ababab; padding-left: 10px; } .menu-top-left ul li:first-child{ border-left: 0; padding: 0; } .menu-top-left ul li a{ font-size: 13px; } .menu-top-left ul li:hover a{ color: #ed1c24; } .menu-top-left ul li a i{ font-family: 'Glyphicons Halflings'; color: #ed1c24; margin:0 10px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s ; -ms-transition: all 0.5s ease 0s ; -o-transition: all 0.5s ease 0s ; transition: all 0.5s ease 0s ; } /*------------------------------------------------Menu----------------------------------------------*/ .main-menu{ background: #255758; border:0; border-radius: 0; margin-bottom: 0; } .main-menu.navbar-default ul li{ margin:0 15px; } .main-menu.navbar-default ul li:first-child{ margin:0 0 0 15px; } .main-menu.navbar-default ul li a{ color: #fff; font-size: 15px; padding: 20px 7px 11px 7px; border-bottom: 5px solid #255758; background: none; } .main-menu.navbar-default ul li.active a, .main-menu.navbar-default ul li.active a:hover, .main-menu.navbar-default ul li:hover a, .main-menu.navbar-default ul li a:hover, .navbar-default .navbar-nav > li > a:hover { background: none; color: #f1f1f1; border-bottom: 5px solid #78cdd1; } .navbar-default .navbar-nav > li > a:focus{ color: #f1f1f1; } .main-menu .navbar-form{ margin: 12px 0 10px 0; padding: 0; width: 392px; position: relative; box-shadow: 0 0 0 transparent; } .main-menu .navbar-form input{ width: 63%; height: 34px; position: relative; z-index: 0; border:1px solid #d0dee0; padding: 0 10px 0 50px; font-size: 13px; line-height: 34px; float: left; } .btn-search{ background: #d0dee0; color: #255758; height: 34px; font-size: 13px; padding:0 6px; border-radius: 0 4px 4px 0; -webkit-transition: all 0.5s ease 0s ; -moz-transition: all 0.5s ease 0s ; -ms-transition: all 0.5s ease 0s ; -o-transition: all 0.5s ease 0s ; transition: all 0.5s ease 0s ; line-height: 34px; width: 35%; } .btn-search:hover{ background: #c6c6c6; } .main-menu .navbar-form .btn-search{ position: relative; right: 0; z-index: 1; } .main-menu .navbar-form .btn-search-ico{ position: absolute; left: 0; top:0; } .btn-search-ico{ background: #f5f5f5; border-right: 1px solid #b5b5b5; border-radius: 4px 0 0 4px; width: 36px; height: 32px; margin: 1px 0; font-size: 20px; color:#255758 ; padding: 0; line-height: 36px; -webkit-transition: all 0.5s ease 0s ; -moz-transition: all 0.5s ease 0s ; -ms-transition: all 0.5s ease 0s ; -o-transition: all 0.5s ease 0s ; transition: all 0.5s ease 0s ; } .btn-search-ico:hover{ background: #c6c6c6; } .navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color: transparent; } /*------------------------------------------------SLIDESHOW----------------------------------------------*/ .slideshow{ height: 345px; } .slideshow .carousel-control.left, .slideshow .carousel-control.right{ background: none; font-size: 35px; opacity: 1; text-shadow: 0 0 0 transparent; display: none; } /*.slideshow ol{*/ /*display: none;*/ /*}*/ .slider-img { text-align: center; -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 0.5s; /* Firefox < 16 */ -ms-animation: fadein 0.5s; /* Internet Explorer */ -o-animation: fadein 0.5s; /* Opera < 12.1 */ animation: fadein 0.5s; } .slide-caption { position: absolute; top: 5%; margin: 0 auto; left: 0; right: 0; padding: 0; } .slide-caption-txt { -webkit-animation-name: fadeInRight; /* Chrome, Safari, Opera */ -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */ animation-name: fadeInRight; animation-duration: 3s; -moz-animation: fadeInRight 3s; /* Firefox < 16 */ -ms-animation: fadeInRight 3s; /* Internet Explorer */ -o-animation: fadeInRight 3s; /* Opera < 12.1 */ animation: fadeInRight 3s; } @-moz-keyframes fadeInRight { from {opacity: 0; margin-right: -500px;} to {opacity: 1; margin-right: 0} } @-webkit-keyframes fadeInRight { from {opacity: 0; margin-right: -500px;} to {opacity: 1; margin-right: 0} } /* Standard syntax */ @keyframes fadeInRight { from {opacity: 0 ; margin-right: -500px;} to {opacity: 1; margin-right: 0 } } .slide-caption-img { -webkit-animation-name: fadeInLeft; /* Chrome, Safari, Opera */ -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */ animation-name: fadeInLeft; animation-duration: 2s; -moz-animation: fadeInLeft 2s; /* Firefox < 16 */ -ms-animation: fadeInLeft 2s; /* Internet Explorer */ -o-animation: fadeInLeft 2s; /* Opera < 12.1 */ animation: fadeInLeft 2s; } @-moz-keyframes fadeInLeft { from {opacity: 0; margin-left: -300px;} to {opacity: 1; margin-right: 0} } @-webkit-keyframes fadeInLeft { from {opacity: 0; margin-left: -300px;} to {opacity: 1; margin-right: 0} } /* Standard syntax */ @keyframes fadeInLeft { from {opacity: 0 ; margin-left: -300px;} to {opacity: 1; margin-right: 0 } } .slide-title{ background: #d71920; color: #fff; padding: 10px 15px; font-size: 23px; display: inline-block; margin: 10% 0 0 0; } .slide-paragraph { background: rgba(0,0,0,0.4); color: #fff; font-size: 20px; line-height: 1.5; padding: 15px 25px; margin: 15px 0; display:inline-block; } .slide-caption-img { position: absolute; left: 0; text-align: left; top: 5%; } /*------------------------------------------------NEWS----------------------------------------------*/ .news{ background: #e8e8e8; height: 92px; border-bottom: 3px solid #fff; padding: 15px 20px; } .news h1{ margin: 0; font-size: 17px; color: #255758; width: 100%; } .news p{ color: #3a3a3a; font-size: 13px; margin-top: 12px; } .news span{ margin: 12px 0; text-align: left; font-size: 15px; color: #d71920; line-height: 1.4; } .news #ticker_container{ position: relative; top: -10px; } #newscontent a:hover { color: #007582; } .news #controls{ position: absolute; top:10px; left: 0; } .news #controls a{ background: #3a3a3a; height: 17px; width: 17px; -webkit-transition: all 0.5s ease 0s ; -moz-transition: all 0.5s ease 0s ; -ms-transition: all 0.5s ease 0s ; -o-transition: all 0.5s ease 0s ; transition: all 0.5s ease 0s ; display: inline-block; padding-top: 1px; text-align: center; float: right; outline: none; } .news #controls a:hover{ background: #bcbcbc; } .news #controls #prev_trigger:before, .fix-news #controls #prev_trigger:before{ content: "\e080"; color: #fff; font-family: 'Glyphicons Halflings'; } .news #controls #next_trigger:before , .fix-news #controls #next_trigger:before{ content: "\e079"; color: #fff; font-family: 'Glyphicons Halflings'; } .news #controls #pause_trigger, .news #controls #play_trigger, .fix-news #controls #pause_trigger, .fix-news #controls #play_trigger { display: none; } .news #controls #rss_trigger , .fix-news #controls #rss_trigger{ background: url("../_images/style/rss.png") no-repeat center #3a3a3a; } .news #controls #rss_trigger:hover, .fix-news #controls #rss_trigger:hover{ background: url("../_images/style/rss.png") no-repeat center #bcbcbc; } .news .archive{ margin-left: 60px; text-align: left; height: 17px; display: block; float: left; z-index: 100; position: relative; } .news .archive a { color: #255758; background: url("../_images/style/sep.jpg") no-repeat left center; padding: 0 5px; } .news .archive a:last-child{ background:none; } /*------------------------------------------------CENTER BODY----------------------------------------------*/ .center-body{ background: #f7f8fa; } .center-body .article-box{ background: #fff; border-top: 10px solid #ed1c24; -webkit-box-shadow: 0 0 0 #e2e2e2; -moz-box-shadow: 0 0 0 #e2e2e2; box-shadow: 0 0 5px #e2e2e2; } .center-body .article-box .article-row{ padding: 12px; border-top:1px solid #f1f1f1; display: block; } .center-body .article-box .article-row:hover{ background: #f1f1f1; } .center-body .article-box .article-row:first-child{ border:0; } .center-body .article-box .article-row img{ margin-left: 12px; border-radius: 4px; -webkit-transition: all 0.5s ease 0s ; -moz-transition: all 0.5s ease 0s ; -ms-transition: all 0.5s ease 0s ; -o-transition: all 0.5s ease 0s ; transition: all 0.5s ease 0s ; } .center-body .article-box .article-row:hover img{ margin-left: 22px; } .article-content h3{ margin: 0 0 10px 0; padding: 0; font-size: 15px; color: #000; white-space: nowrap; text-overflow: ellipsis; width: 95%; overflow: hidden; } div.book-name-detail{ text-overflow: ellipsis; width: 100% ; overflow: hidden; font-family:yekan,Arial; } div.book-name-detail.name{ height: 57px; } .book-name-detail{ unicode-bidi: -webkit-isolate; /*text-align: justify;*/ text-align: initial; font-family:yekan,Arial; } .center-body .article-box .article-row p{ font-size: 13px; color: #5e5e5e; line-height: 1.4; margin: 0; } .nopadr{ padding-right: 0; } .nopad{ padding: 0; } .padt15{ padding-top: 15px; } .mrg5 { margin-top: 5px; } .mrg10{ margin-top: 10px; } .mrg15{ margin-top: 15px; } .mrg30{ margin-top: 30px; } .btn-more-article{ border-top: 2px solid #f1f1f1; padding: 14px 12px; width: 100%; text-align: right; -webkit-transition: all 0.5s ease 0s ; -moz-transition: all 0.5s ease 0s ; -ms-transition: all 0.5s ease 0s ; -o-transition: all 0.5s ease 0s ; transition: all 0.5s ease 0s ; border-radius: 0; } .btn-more-article:hover{ background: #d4d4d4; border-top: 2px solid #ababab; } .btn-more-article i { color: #ed1c24; margin: 0 15px 0 10px; position: relative; top: 3px; } .btn-more-article span { color: #255758; font-size: 15px; } /*------------------------------------------------LAST ARTICLE----------------------------------------------*/ .last-article{ position: relative; display: block; } .last-article img{ position: relative; height: 280px; -webkit-filter: blur(0); -moz-filter: blur(0); -o-filter: blur(0); -ms-filter: blur(0); filter: blur(0); -webkit-transition: all 0.5s ease 0s ; -moz-transition: all 0.5s ease 0s ; -ms-transition: all 0.5s ease 0s ; -o-transition: all 0.5s ease 0s ; transition: all 0.2s ease 0s ; } .last-article:hover img{ -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px); } .last-article .caption-img{ position: absolute; right: 0; bottom: 0; width: 80%; background: rgba(256,256,256,0.9); -webkit-transition: all 0.5s ease 0s ; -moz-transition: all 0.5s ease 0s ; -ms-transition: all 0.5s ease 0s ; -o-transition: all 0.5s ease 0s ; transition: all 0.2s ease 0s ; padding: 20px 30px 20px 20px; height: 130px; } .last-article:hover .caption-img{ background: rgba(256,256,256,1); width: 100%; } h4{ font-size: 18px; color: #000; padding: 0; margin: 0 0 15px 0; } .last-article .caption-img p{ line-height: 1.5; font-size: 14px; color: #414042; width: 240px; } .mtop3{ margin-top: 30px; } .mtopbtm5{ margin: 50px -15px; } /*------------------------------------------------Facilities----------------------------------------------*/ .facilities{ background: #ebe8da; } /*.nav-tabs.nav-justified > .order-book a,*/ /*.nav-tabs.nav-justified > .order-book.active > a,*/ /*.nav-tabs.nav-justified > .order-book.active > a:focus{*/ /*background: #255758;*/ /*border:0;*/ /*outline: none;*/ /*position: relative;*/ /*}*/ /*.nav-tabs.nav-justified > .order-book > a:hover,*/ /*.nav-tabs.nav-justified > .order-book.active > a:hover*/ /*{*/ /*background: #164344;*/ /*}*/ /*.nav-tabs.nav-justified .order-book:hover #order-book::before, .nav-tabs.nav-justified .active:hover #order-book::before{*/ /*background: url("../_images/style/order-book-h.png") no-repeat bottom center;*/ /*}*/ /*.nav-tabs.nav-justified > .customer-club > a:hover,*/ /*.nav-tabs.nav-justified > .work-us > a:hover,*/ /*.nav-tabs.nav-justified > .customer-club.active:hover > a:hover,*/ /*.nav-tabs.nav-justified > .work-us.active:hover > a:hover{*/ /*background: #007582;*/ /*}*/ /*.nav-tabs.nav-justified > .customer-club:hover::before,*/ /*.nav-tabs.nav-justified > .customer-club.active:hover::before,*/ /*.nav-tabs.nav-justified > .work-us:hover::before,*/ /*.nav-tabs.nav-justified > .work-us.active:hover::before{*/ /*background: url("../_images/style/customer-club-h.png") no-repeat bottom center;*/ /*}*/ /*.nav-tabs.nav-justified > .customer-club a,*/ /*.nav-tabs.nav-justified > .customer-club.active > a,*/ /*.nav-tabs.nav-justified > .customer-club.active > a:hover,*/ /*.nav-tabs.nav-justified > .customer-club.active > a:focus{*/ /*background: #4bbfac;*/ /*border:0;*/ /*outline: none;*/ /*}*/ /*.nav-tabs.nav-justified > .work-us a,*/ /*.nav-tabs.nav-justified > .work-us.active > a,*/ /*.nav-tabs.nav-justified > .work-us.active > a:hover,*/ /*.nav-tabs.nav-justified > .work-us.active > a:focus{*/ /*background: #19988b;*/ /*border:0;*/ /*outline: none;*/ /*}*/ /*.nav-tabs.nav-justified > li.active::before, .nav-tabs.nav-justified > li:hover::before{*/ /*content: "";*/ /*bottom: -15px;*/ /*height: 15px;*/ /*position: absolute;*/ /*width: 30px;*/ /*left:0;*/ /*right:0;*/ /*margin:0 auto;*/ /*}*/ /*.nav-tabs.nav-justified > .order-book.active::before:hover{*/ /*background: url("../_images/style/order-book-act.png") no-repeat bottom center;*/ /*}*/ /*.nav-tabs.nav-justified > .order-book.active::before{*/ /*background: url("../_images/style/order-book-act.png") no-repeat bottom center;*/ /*}*/ /*.nav-tabs.nav-justified > .customer-club.active::before {*/ /*background: url("../_images/style/customer-club-act.png") no-repeat bottom center;*/ /*}*/ /*.nav-tabs.nav-justified > .work-us.active::before {*/ /*background: url("../_images/style/work-us-act.png") no-repeat bottom center;*/ /*}*/ .facilities .nav-tabs.nav-justified li a:before{ content: ''; bottom:-15px; height:15px; position:absolute; width: 30px; left:0; right: 0; margin: 0 auto; } .facilities .nav-tabs.nav-justified li a#order-book, .facilities .nav-tabs.nav-justified li.active a#order-book{ background: #255758; transition: background 0.2s ease 0s; } .facilities .nav-tabs.nav-justified li a#order-book:hover, .facilities .nav-tabs.nav-justified li.active a#order-book:hover{ background: #164344; } .facilities .nav-tabs.nav-justified li a#order-book:before { background: url("../_images/style/transparent.png") no-repeat bottom center ; transition: background 0.2s ease 0s; } .facilities .nav-tabs.nav-justified li.active a#order-book:before{ background: url("../_images/style/order-book-act.png") no-repeat bottom center ; } .facilities .nav-tabs.nav-justified li a#order-book:hover:before, .facilities .nav-tabs.nav-justified li.active a#order-book:hover:before{ background: url("../_images/style/order-book-h.png") no-repeat bottom center ; } .facilities .nav-tabs.nav-justified li a#customer-club, .facilities .nav-tabs.nav-justified li.active a#customer-club{ background: #4bbfac; transition: background 0.2s ease 0s; } .facilities .nav-tabs.nav-justified li a#customer-club:hover, .facilities .nav-tabs.nav-justified li.active a#customer-club:hover{ background: #007582; } .facilities .nav-tabs.nav-justified li a#customer-club:before { background: url("../_images/style/transparent.png") no-repeat bottom center ; transition: background 0.2s ease 0s; } .facilities .nav-tabs.nav-justified li.active a#customer-club:before{ background: url("../_images/style/customer-club-act.png") no-repeat bottom center ; } .facilities .nav-tabs.nav-justified li a#customer-club:hover:before, .facilities .nav-tabs.nav-justified li.active a#customer-club:hover:before{ background: url("../_images/style/customer-club-h.png") no-repeat bottom center ; } .facilities .nav-tabs.nav-justified li a#work-us, .facilities .nav-tabs.nav-justified li.active a#work-us{ background: #19998c; transition: background 0.2s ease 0s; } .facilities .nav-tabs.nav-justified li a#work-us:hover, .facilities .nav-tabs.nav-justified li.active a#work-us:hover{ background: #007582; } .facilities .nav-tabs.nav-justified li a#work-us:before { background: url("../_images/style/transparent.png") no-repeat bottom center ; transition: background 0.2s ease 0s; } .facilities .nav-tabs.nav-justified li.active a#work-us:before{ background: url("../_images/style/work-us-act.png") no-repeat bottom center ; } .facilities .nav-tabs.nav-justified li a#work-us:hover:before, .facilities .nav-tabs.nav-justified li.active a#work-us:hover:before{ background: url("../_images/style/customer-club-h.png") no-repeat bottom center ; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus{ border: 0; } .facilities ul li a{ /*height: 110px;*/ text-align: center; } .facilities ul li a h2{ color: #fff; margin-top: 24px; font-size: 20px; } .facilities .title-tab{ display: inline-block; } .facilities .title-tab img{ margin-left: 30px; } .facilities .nav-tabs.nav-justified > li > a{ border-radius: 0; border: 0; cursor: pointer; transition: all 0s ease 0s; } .facilities .tab-content .tab-pane{ padding: 50px 0; line-height: 1.7; } .facilities .tab-content .tab-pane p{ color: #000; } .facilities .tab-content .tab-pane p.green{ color: #255758; } .facilities .tab-content .tab-pane p a, .facilities .tab-content .tab-pane ul li.tab3 a{ color: #255758; border-bottom: 1px solid #255758; } .facilities .tab-content .tab-pane p a:hover, .facilities .tab-content .tab-pane ul li.tab3 a:hover{ color: #19988b; border-bottom: 1px solid #19988b; } .search-btm{ width: 50%; margin: 30px auto 0 auto; position: relative; } .search-btm input.form-control{ width: 420px; height: 36px; border-radius: 4px; border: 1px solid #b6b6b6; position: relative; } .search-btm .btn-search-ico{ position: absolute; left: 2px; top: 3px; height: 34px; } /*------------------------------------------------SLIDER----------------------------------------------*/ .slider{ background: #b0d361; height: 110px; padding: 15px 0; } .slider ol{ display: none; } .slider .carousel-control.left, .slider .carousel-control.right{ background: none; font-size: 30px; margin-top: 25px; text-shadow: 0 0 0 transparent; } .slider .item .col-sm-2{ text-align: center; } .slider .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{ margin-right: -30px; } .slider .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ margin-left: -30px; } .slider img{ border-radius: 4px; } /*------------------------------------------------FOOTER----------------------------------------------*/ .footer{ background: #505050; padding: 40px 0; } .footer .first-ftr{ text-align: center; } .footer .first-ftr .logo-btm{ margin: 25px auto; } .footer .first-ftr span{ font-size: 15px; color: #e0e0e0; display: block; } .footer .first-ftr .mail{ font-family: Arial; margin-bottom: 10px; } .footer .col-md-push-2{ border-right:1px solid #6b6b6b; border-left:1px solid #6b6b6b; } h5{ color: #fff; font-size: 20px; padding: 12px 0 25px 0; } .footer .ftr-center ul li a { font-size: 13px; color: rgba(198,198,198,0.7); line-height: 2; padding: 0; -webkit-transition: all 0.5s ease 0s ; -moz-transition: all 0.5s ease 0s ; -ms-transition: all 0.5s ease 0s ; -o-transition: all 0.5s ease 0s ; transition: all 0.5s ease 0s ; } .footer .ftr-center ul li:hover a{ color: #fff; padding: 0 10px 0 0; } .footer .social{ margin-top: 40px; text-align: center; } .footer .social li { display: inline-block; } .footer .social img{ margin-right: 15px; width: 36px; } .footer .social .title-sn{ color: #fff; font-size: 18px; margin-top: 10px; } .footer .social span{ color: #fff; text-align: left; display: block; width: 100%; font-size: 12px; font-family: Arial; line-height: 18px; } .footer .pasargad{ text-align: center; } .footer .nemad{ background: #fff; width: 125px; margin: 42px auto 0 auto; } .cpy{ background: #434343; min-height: 50px; padding: 17px 0; } .cpy .power-logo img{ margin-left: 10px; } .cpy .power-logo{ color: #f1f1f1; font-size: 12px; } .cpy p { margin-bottom: 0; } .cpy .power-logo p a{ display: inline-block; border-bottom: 1px solid #f1f1f1; padding: 0 0 5px 0; color: #f1f1f1 !important; } .cpy .power-logo a:hover{ color: #fff !important; } .cpy .cpy-lft{ direction: ltr; text-align: left; font-family: Arial; color: #fff; font-size: 11px; margin-top: 5px; } /************************************************right-menu********************************************/ .right-menu{ position: fixed; right: 0; top: 40%; z-index: 1000; } .right-menu ul li{ background: #333333; height: 50px; width: 50px; display: block; margin-bottom: 1px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s ; -ms-transition: all 0.5s ease 0s ; -o-transition: all 0.5s ease 0s ; transition: all 0.5s ease 0s ; } .right-menu ul li a { outline: none; text-align: center; display: block; color: #fff; padding: 18px 0; font-size: 16px; } .right-menu ul li:hover{ background: #bcbcbc; } /******************************** about us******************************/ .fix-slide { position: relative; text-align:Center; } .fix-slide img { margin:0 auto; } .fix-news { position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.7); padding: 10px 0; width: 100%; } .fix-news .container { position: relative; } .fix-news .content-news p{ color: #fff; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; width: 65%; overflow: hidden; margin: 0; font-size: 15px; } .fix-news .archive { position: absolute; left: 70px; } .fix-news .archive a { float: left; color: #fff; padding:0 10px; border-right:1px solid #f1f1f1; line-height: 18px; } .fix-news .archive a:last-child { border: 0; } .fix-news #controls{ position: absolute; top:0; left: 15px; } .fix-news #controls a{ background: #3a3a3a; height: 17px; width: 17px; -webkit-transition: all 0.5s ease 0s ; -moz-transition: all 0.5s ease 0s ; -ms-transition: all 0.5s ease 0s ; -o-transition: all 0.5s ease 0s ; transition: all 0.5s ease 0s ; display: inline-block; padding-top: 1px; text-align: center; float: right; outline: none; } .fix-news #controls a:hover{ background: #bcbcbc; } .breadcrumb { background: none; margin: 50px 0 30px 0; border-bottom: 3px solid #808285; border-radius: 0; padding: 10px 0; } .breadcrumb .breadcrumb-home { background: url("../_images/style/homenav.png") no-repeat left center; height: 21px; width: 50px; display: inline-block; margin-left: 10px; } .breadcrumb li a { color: #255758; font-size: 15px; } .breadcrumb li:hover a { color: #19988b; } .breadcrumb > li + li:before { color: #255758; } .aboutus-content p { font-size: 15px; line-height:1.5; text-align:justify; } .aboutus-content img { margin: 30px 0; } .team-img img { margin: 0; } .content-tik { list-style: none; } .content-tik li{ position: relative; font-size: 15px; padding-right: 42px; margin-bottom: 15px; line-height: 1.5; text-align: justify; } .content-tik li:before{ content: ""; background: url("../_images/style/tab-pane.png") no-repeat center; height: 23px; width: 26px; position: absolute; right: 0; } .content-bullet .content-bullet-row { display: table; width: 100%; clear: both; margin-bottom: 30px; } .content-bullet .content-bullet-row:last-child{ margin: 0; } .content-bullet .content-bullet-row .bullet-arrow{ position: relative; padding-right: 30px; margin: 0 0 10px 0; font-size: 19px; line-height: 1.5; color: #19988b; } .content-bullet .content-bullet-row .bullet-arrow:before{ position: absolute; content: ""; background: url("../_images/style/bullet-arrow.png") no-repeat right 5px; right: 0; height: 27px; width: 19px; top:2px; } .content-bullet .content-bullet-row p { font-size: 15px; line-height: 1.5; } .footer-content { border-top:3px solid #808285; padding: 25px 0 0 0 ; margin-top: 50px; } .footer-content-btn { text-align: center; margin: 30px 0 0 0; } .footer-content-btn li { display: inline-block; margin: 0 25px; } .btn-print { line-height: 36px; background: #676767; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; padding: 0 70px; color: #fff; height: 36px; } .btn-back { background: #939598; } .btn-continue-shopping{ background: #19988b; } .btn-back, .btn-continue-shopping { height: 36px; text-align: center; color: #fff; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; position: relative; padding: 0 20px; width: 290px; font-size: 16px; margin-top: 15px; line-height: 36px; } .btn-back img, .btn-continue-shopping img { padding: 0 0 0 10px; position: absolute; right: 15px; margin: 7px 0 0 0; } .btn-back img{ border-left: 1px solid #6b6d6f; } .btn-continue-shopping img{ border-left: 1px solid #44aba0; } .btn-submenu { cursor: pointer; background: #19988b; border-radius: 3px; height: 36px; color: #fff; text-align: center; font-size: 15px; padding: 0 30px; display: table-cell; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; border-right:20px solid #255758; } .btn-close { padding: 10px 40px; background: #484848; border:0; color: #fff; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; font-size: 15px; } .btn-search-btm{ width: 140px; height: 36px; border-radius: 4px; background: #19988b; font-size: 15px; color: #fff; margin-left: 10px; -webkit-transition: all 0.5s ease 0s ; -moz-transition: all 0.5s ease 0s ; -ms-transition: all 0.5s ease 0s ; -o-transition: all 0.5s ease 0s ; transition: all 0.2s ease 0s ; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .btn-submenu:before , .btn-submit:before, .btn-detail:before, .btn-close:before, .btn-back:before, .btn-continue-shopping:before, .btn-print:before, .btn-search-btm:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #255758; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 3px; } .btn-cart-detail:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #255758; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 3px; } .btn-continue-shopping:hover:before, .btn-continue-shopping:active:before, .btn-close:hover:before, .btn-close:active:before, .btn-print:hover:before, .btn-print:active:before, .btn-back:hover:before, .btn-back:active:before, .btn-submenu:hover:before, .btn-submenu:active:before, .btn-submit:hover:before, .btn-submit:active:before, .btn-detail:hover:before, .btn-detail:active:before, .btn-cart-detail:hover:before, .btn-cart-detail:active:before, .btn-search-btm:hover:before, .btn-search-btm:active:before, .btn-different:hover:before, .btn-different:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); color: #fff; border-radius: 3px; } .btn-close:hover:before, .btn-close:active:before{ border-radius: 3px; } .btn-submenu:hover, .btn-submenu:active{ border-right:20px solid #19988b; color: #fff; } .btn-submit a { color: #fff; } .btn-different{ line-height:36px; background: #255758; height: 36px; font-size: 15px; color: #fff; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; position: relative; padding: 0 15px; min-width: 120px; } .btn-different:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #19988b; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 3px; } /**************************************OYR TEAM***************************************/ .red-title { font-size: 19px; color: #d71920; } .team-img img { border:1px solid #c6c6c6; } .team-detail-list li:before{ content: "\25CF" ; color: #b0d361; font-size: 10px; position: absolute; right: 0; line-height: 28px; } .team-detail-list li { font-size: 15px; line-height: 1.5; margin-bottom: 10px; padding-right: 15px; position: relative; } .team-detail-list .team-mail a{ font-family: Arial; font-size: 15px; color: #19988b; } .team-detail-list .team-mail:hover a{ color: #255758; } /**************************CONTACT US*******************************/ .black-title { color: #000; font-size:19px; line-height:1.5; } .contactus-detail p:before{ position: absolute; right: 0; color: #ed1c24; font-size: 20px; font-family: 'Glyphicons Halflings'; } .contactus-detail .address:before{ content: "\e062"; } .contactus-detail .tel:before{ content: "\e182"; } .contactus-detail .mail:before{ content: "\2709"; } .contactus-detail .fax:before{ content: "\e045"; } .contactus-detail p { position: relative; padding-right: 35px; margin-bottom: 15px; } .form-title{ font-size: 19px; color: #ed1c24; margin: 0 0 30px 0; } #contactus-form { border-top: 1px dotted #ed1c24; margin: 30px 0 0 0; padding: 30px 0 0 0; } .form-body { background: #ebe8da; } .form{ display: inline-block; width: 100%; } .form form{ width: 100%; margin: 0 auto; padding: 40px 100px; } .firoozei{ color: #4bbfac; } .algnc { text-align: center; } .red { color: #d41318; } .mrg50-responsive{ margin:0; } .brdrbtm { border-bottom:1px dotted red; } .font15{ font-size: 15px; } /*.hm-input, .select2-container {*/ /*background: #fff;*/ /*border: 1px solid #cdcdcd;*/ /*border-radius: 0;*/ /*float: left;*/ /*padding: 0 10px;*/ /*position: relative;*/ /*box-shadow: 0 0 0 transparent;*/ /*}*/ input.hm-input, .select2-input.select2-default, .select2-choice, input#pay_date{ height: 36px; line-height: 36px; box-shadow: 0 0 0 transparent; border: 1px solid #cdcdcd; padding: 0 10px; border-radius: 0; } /*select.hm-input{*/ /*height: 36px;*/ /*line-height: 36px;*/ /*box-shadow: 0 0 0 transparent;*/ /*}*/ .hm-lable { font-size: 17px; line-height: 1.5; padding: 5px 21px; position: relative; margin: 0; } .hm-lable:before{ content: ""; border-right: 3px solid #19988b; height: 20px; position: absolute; right: 0; top: 3px; } .form-group { display: inline-block; width: 100%; margin-bottom: 20px; } .security-img{ position: absolute; width: 145px; border-left: 1px solid #cdcdcd; right: 0; height: 35px; text-align: center; top: 1px; } .btn-refresh { position: absolute; left: 0; width: 40px; height: 36px; border-right:1px solid #cdcdcd; top: 0; border-radius: 0; background: #f2f2f3; } .security-code { position: relative; float: left; } .security-code .hm-input{ padding: 0 155px 0 48px; width: 100%; } .btn-submit{ line-height:36px; background: #19988b; height: 36px; font-size: 15px; color: #fff; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; position: relative; padding: 0 15px; min-width: 120px; } .contactus-map { margin: 50px 0 0 0 ; padding: 10px; background: #fff; } /****************************customer-club-content**************************/ .customer-club-content .btn-submit{ display: inherit; margin: 30px auto 0; } .customer-club-news .title, .customer-club-products .title, .customer-club-event .title, .customer-club-etrain .title{ margin-bottom: 20px; } .title{ width: 100%; } .title-cc{ background: #ebe8da; position: relative; font-size: 19px; display: inline-block; padding: 5px 50px; margin: 0; } .title-cc:before{ content: "::."; position: absolute; right: 15px; color:#d41318; font-weight: bold; } .title-cc:after{ content: ".::"; position: absolute; left: 15px; color: #d41318; font-weight: bold; top: 5px; } .description-tab .title-cc:hover:before, .description-tab .title-cc:hover:after, .description-tab .active .title-cc:before, .description-tab .active .title-cc:after{ color: #fff; } .news-cc .news-img{ margin: 0 0 0 25px; } .news-cc .news-detail-cc .detail-title { font-size: 17px; color: #255758; margin: 0 0 15px 0; line-height: 1.5; } .news-cc .news-detail-cc p { font-size: 15px; text-align: justify; } .btn-readmore { display: inline-block; color: #19988b; position: relative; padding: 0 10px; } .btn-readmore:hover{ color: #255758; } .btn-readmore:before{ content: "\e079"; position: absolute; right: 0; font-family:'Glyphicons Halflings'; font-size: 8px; line-height: 20px; } .news-cc .detail-cc { margin-top: 10px; } .news-cc .detail-cc span{ color: #808285; border-right: 1px solid #808285; padding: 0 15px ; } .news-cc .detail-cc span:first-child{ border: 0; padding-right: 0; } .news-cc .row-cc:first-child{ padding-top: 0; } .news-cc .row-cc{ padding: 20px 0; display: inline-block; width: 100%; border-bottom: 1px dotted #d41318; } .pagination{ margin: 10px 0; } .pagination > li span { font-family: "Yekan"; position: relative; padding: 6px 15px; } .pagination > li > a{ color: #255758; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ background: #19988b; color: #fff; } .pagination i{ position: absolute; top: 13px; } .pagination i.glyphicon.glyphicon-chevron-right{ right: 0; } .pagination i.glyphicon.glyphicon-chevron-left{ left: 0; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background:#19988b; border-color: #ddd; border:1px 0 ; } .btn-archive{ color: #255758; border-bottom: 1px solid #255758; padding: 5px 0; margin: 5px 0; } .btn-archive:hover{ color:#19988b; border-bottom: 1px solid #19988b; } .jcarousel { direction: ltr; } #products-jcarousel{ width: 90%; margin: 30px auto; } .product { max-width: 232px; margin: 0 auto 30px; background: #e7e8e9; border: 2px solid #e7e8e9; text-align: center; display:inline-block; } .product .book-name { font-size: 15px; color: #58595b; line-height: 1.5; margin: 10px 15px; min-height:50px; } .book-name:hover a{ color:#19988b; } .product .product-btn { width: 100%; } .product .product-btn button { margin: 0; border: 0; border-radius: 0; height: 35px; color: #fff; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; position: relative; } .btn-price{ float:right; width:70%; } .btn-cart{ width:29% } .btn-cart img { margin:0 auto; } .product .product-btn .btn-cart{ background: #ed1c24; position: relative; float:left; } .product .product-btn .btn-price { background: #000; direction: rtl; } .btn-cart img { display: inline-block !important; } .btn-cart:before, .btn-price:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #19988b; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .btn-cart:hover:before, .btn-cart:active:before, .btn-price:hover:before, .btn-price:active:before{ -webkit-transform: scaleX(1); transform: scaleX(1); color: #fff; } .customer-club-products{ position: relative; } .carousel-btn{ position: absolute; top: 45%; font-size: 30px; color: #cfd0d2; } .carousel-btn:hover{ color: #255758 ; } .carousel-btn#products-jcarousel-prev{ left: 5px; } .carousel-btn#products-jcarousel-next { right: 5px; } .big-date { width: 110px; height: 110px; float: right; padding: 15px; } .big-date span{ width: 100%; text-align: center; float: right; } .big-date .day-date{ font-size: 60px; color: #19988b; } .big-date .week-date{ font-size: 15px; color: #808285; } /****************************order-help******************************/ .search-order { width: 50%; margin: 30px auto 0; position: relative; } .search-order .btn-search-ico{ position: absolute; left: 1px; top: 0; height: 34px; } .search-order .hm-input { width: 70%; line-height: 34px; } .search-order .btn-submit{ width: 25%; } /*******************employ*********************/ .hm-input::-webkit-file-upload-button { visibility: hidden; display:none; } .hm-input::before, select.hm-input:before { content: "\e114"; outline: none; -webkit-user-select: none; cursor: pointer; font-family: 'Glyphicons Halflings'; font-size: 17px; position: absolute; left: 1px; line-height: 34px; width: 38px; text-align: center; color: #95969a; background: #f2f2f3; border-right: 1px solid #cdcdcd; top:1px; z-index: 5; color: #95969a; } .btn-refresh:hover { color: #343434; } .required{ position: relative; } .required:after{ content: '*'; position: absolute; left: 0; top: 0; color: red; font-size: 25px; } /*.select2-selection__arrow {*/ /*width: 36px;*/ /*height: 32px;*/ /*background: #f2f2f3;*/ /*border-right: 1px solid #cdcdcd;*/ /*}*/ /****************************forgetpass-form*****************************/ #forgetpass-form .form-title{ text-align: center; background: url("../_images/style/forgetpass.png") no-repeat bottom center; height: 110px; } #forgetpass-form .form-body{ width: 60%; margin: 0 auto; border-top:2px solid #19988b; } #forgetpass-form form{ width: 100%; } /****************************profile*****************************/ .form#profile-forgetpass-form{ } .form#profile-forgetpass-form form{ width: 100%; } .profile-btn .btn-submit{ width: 100%; text-align: right; margin-top: 10px; max-width: 190px; } .row-information{ margin:15px 0; } .row-information:first-child{ margin-top: 0; } .row-information:last-child{ margin-bottom: 0; } .row-information span{ font-size: 16px; line-height: 1.5; } .info-lable{ color: #000; padding: 0 20px 0 5px; line-height: 1; position: relative; } .info-lable:before{ border-right: 6px solid #19988b; position: absolute; height: 25px; right: 0; content: ''; top:0; } .info{ color: #636466; } .factor-table { direction:rtl; } .factor-table-profile{ padding-top: 50px; border-top:1px dotted #ed1c24; margin-top: 50px; } .factor-table-profile .title-cc{ margin:0 0 30px 0; } .factor-table{ width: 100%; text-align: center; } .factor-table thead{ background: #255758; border-top: 5px solid #19988b; font-size: 15px; color: #fff; } .factor-table thead tr td{ padding: 20px 5px; border-right:1px solid #244545 ; line-height: 1.5; } .factor-table thead tr td:first-child{ border: 0; } .factor-table tbody tr td{ font-size: 14px; padding: 7px 5px; } .factor-table tbody tr:nth-child(odd){ background: #f3f3f3 ; } .factor-table tbody tr:nth-child(even){ background: #e7e7e7; } .factor-table tbody tr td:nth-child(1), .factor-table tbody tr td:nth-child(3), .factor-table tbody tr td:nth-child(5), .factor-table tbody tr td:nth-child(7){ background: rgba(25,152,139,0.1); } .btn-detail{ background: #d71920; padding: 3px 15px; color: #fff; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; position: relative; border:0; } .btn-detail:before{ border-radius: 3px; } .factor-table-profile .pagination{ margin-bottom: 0; } /****************************CATEGORY*****************************/ .category{ background: #fff; box-shadow: 0 0 5px #e0e1e2; } .books-title{ height: 40px; background:#4bbfac ; color: #fff; padding: 0 30px; line-height: 40px; font-size: 18px; margin: 0; } .category-body{ padding: 30px; } .books .panel-heading{ padding: 13px 0; } .books .panel-heading:first-child{ padding-top: 0; } .books .panel-heading:last-child{ padding-bottom: 0; } .books .panel-title a.collapsed, .books .panel-title a{ position: relative; padding-right: 25px; color: #244545; font-family:yekan, Arial; font-size:13px; } .books .panel-title a:focus:before{ content: "\2212"; color: red; font-size: 9px; font-family: 'Glyphicons Halflings'; position: absolute; right: 0; top: 8px; } .books .panel-title a:before{ content: "\2b"; color: red; font-size: 9px; font-family: 'Glyphicons Halflings'; position: absolute; right: 0; top: 4px; } .category-list{ list-style: none; padding-right: 22px; } .category-list li{ position: relative; padding-right: 15px; margin: 10px 0; } .category-list li:before{ content: '\25CF'; position: absolute; right: 0; font-family: 'Glyphicons Halflings'; color: #19988b; font-size: 9px; top: 7px; } .category-list li a{ color: #19988b; font-size: 15px; line-height: 1.5; } .category-list li:hover a{ color: #244545; } .books .panel-body{ padding: 0; } .books .panel{ border-radius: 0; border:0; box-shadow: 0 0 0 transparent; } .books { margin: 0; } .btn-morebook{ position: relative; color: #981e56; padding: 0; line-height: 50px; padding-right: 58px ; width: 100%; border-radius: 0; text-align: right; } .btn-morebook:hover{ color: #fff; background: #19988b; } .btn-morebook:before { position: absolute; content: "\2b"; color: #981e56; font-size: 30px; right: 28px; } .category-readmore { height: 50px; border-top: 1px solid #ebeef0; } .detail-img, .detail-thumb li img { border:2px solid #c7c8ca; } .detail-thumb li:hover img{ border: 2px solid #19988b; } .detail-thumb { margin-top: 15px; } .detail-thumb li { width: 29%; float: right; margin-left: 15px; } .detail-thumb li:last-child{ float: left; margin-left: 0; } .detail-info li{ position: relative; padding-right: 29px; margin: 10px 0; } .detail-info li:before{ content: ''; background: url("../_images/style/bullet-arrow.png") no-repeat right center; position: absolute; height: 19px; width: 19px; right: 0; top:8px; } .detail-info li:first-child{ margin-top: 0; } .detail-info .detail-title{ color: #000; font-size: 18px; line-height: 1.5; } .detail-info .detail-descrip{ font-size: 18px; color: #6d6e71; display: inline-block; margin: 0; line-height: 1.5; } .detail-sell{ background: #ebe7db; padding: 15px 0; display: table; width: 100%; } .detail-price-title{ float: right; font-size: 18px; border-right:6px solid #981f55; padding-right: 15px; } .detail-price-txt { font-size: 18px; } .detail-number{ font-size: 18px; color: #000; float: right; padding-left: 5px; } .number-detail{ width: 75px; height: 25px; } .number-detail .btn-number{ padding: 2px; height: 25px; width: 25px; background-color: #aed45d; border-radius: 0 !important; color: #fff; outline: none; } .number-detail .input-number{ padding: 0; height: 25px; width: 25px; border:0; text-align: center; } .btn-cart-detail { background: #19988b; line-height: 36px; padding: 0 50px 0 10px; width: 196px; color: #fff; font-size: 15px; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .btn-cart-detail .detail-cart{ height: 36px; width: 40px; background:#244545 ; float: right; position: absolute; right: 0; top: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .btn-cart-detail:hover .detail-cart{ background:#19988b ; } .more-detail { background: #fff; border-top: 2px solid #bcbdbf; border-bottom: 2px solid #bcbdbf; padding: 6px 0; display: inline-block; width: 100%; } .more-detail .span-star{ padding: 5px 0 5px 10px; } div.stars { width: auto; display: inline-block; } input.star { display: none; margin: 0 } label.star { float: right; padding: 0 5px; font-size: 20px; color: #444; transition: all .2s; margin: 0; } input.star:checked ~ label.star:before { content: '\e006'; color: #FD4; transition: all .25s; } input.star-5:checked ~ label.star:before { color: #FE7; text-shadow: 0 0 20px #952; } input.star-1:checked ~ label.star:before { color: #F62; } label.star:hover { transform: rotate(-15deg) scale(1.3); } label.star:before { content: '\e006'; font-family: 'Glyphicons Halflings'; } .sn-title{ line-height: 40px; } .sn a { background: url("../_images/style/sn.png") no-repeat; height: 36px; width: 36px; display: inline-block; overflow: hidden; margin: 0 15px 0 0; } .sn .linkdin { background-position: 0 0; } .sn .instagram { background-position: -53px 0 !important; } .sn .facebook { background-position: -106px 0; } .detail-description { margin: 50px 0; line-height:1.5; } .detail-description .detail-description-title{ display:block; color: #d71920; font-size: 18px; margin-bottom: 10px; } .detail-description P{ display: inline-block; text-align: justify; color: #6d6e71; line-height: 2; } .nav-tabs .title-cc { margin-left: 5px; padding: 5px 50px; } .nav-tabs .title-cc:active, .nav-tabs .title-cc:hover, .nav-tabs .title-cc:focus, .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus,.nav-tabs li.active a:active{ background: #19988b; color: #fff; cursor: pointer; } .description-tab .tab-content{ padding-top: 30px; } .description-tab .nav-tabs{ border-bottom:2px solid #000 ; } .description-tab .nav-tabs li{ margin-bottom: 0; } .description-tab p{ text-align: justify; } .row-cm{ padding: 30px 0; border-bottom: 1px dotted red; display: inline-block; width: 100%; } .row-cm img{ padding: 0 0 10px 15px; } .name-cm:before{ font-family:"Glyphicons Halflings"; position: absolute; right: 0; color: #19988b; content: "\e008"; font-size: 15px; } .date-cm:before{ font-family:"Glyphicons Halflings"; position: absolute; right: 0; color: #19988b; content: "\e109"; font-size: 15px; } .reply-cm:before{ font-family:"Glyphicons Halflings"; position: absolute; right: 0; color: #939598; content: "\e111"; font-size: 15px; } .name-cm, .date-cm, .reply-cm{ position: relative; padding-right: 25px; } .name-cm { margin-left: 30px; } .icon-cm { padding-top: 5px; } .body-cm{ margin-top: 20px; color: #6d6e71; } .modal-header{ background: #f0f0f0; text-align: center; } .modal-title{ color: #e4001b; } .modal-content, .modal-header { border-radius: 5px; } .modal-footer { text-align: center; background: #f1f1f1; border-top: 1px solid #dddddd; padding: 15px 30px; margin: 0; } .modal-footer .btn{ font-size: 15px; height: auto; } .modal-body { padding: 50px; } p.order-txt{ text-align: center; font-size: 17px; color: #000; line-height: 1.5; } .order-link { display: inline-block; width: 100%; border-top: 1px dotted red; text-align: center; padding: 25px 0 0; text-decoration: underline !important; margin-top: 25px; color: #19988b ; font-size: 16px; line-height: 1.5; } .order-link:hover{ color: #244545 ; } .search-option{ background: #ebe8da; padding: 30px 15px; display: inline-block; width: 100%; } .search-option .form-group{ margin-bottom: 20px; } /*.search-option .select2-container, .search-option .hm-input {*/ /*width: 100% !important;*/ /*}*/ .search-result .row-result{ margin: 50px 0 0 0; } .search-result .title-cc{ margin: 0; } .search-result .title{ border-bottom: 2px solid #000; margin-bottom: 30px; } .btn-archive-result { font-size: 15px; color: #981e56; } .btn-archive-result:hover{ color: #000; } .search-result .btn-archive-result{ padding: 0 0 5px 0; } .no-result { text-align: center; padding: 50px 0; } .no-result p{ color:#e4001b ; font-size: 21px; margin-top: 30px; text-align: center; } .book-title{ color: #000; font-size: 14px; } .book-title:hover a{ color: #19988b; } .book, .book-isbn-txt{ color: #19988b; font-size: 14px; display: inline-block; margin: 0 0 10px 0; padding: 0; } .shopping-cart{ width: 1140px; text-align: center; border-collapse:separate; } .shopping-cart td{ border: 1px solid #e2e2e2; } .shopping-cart .number-detail{ margin: 0 auto; } .shopping-cart thead tr{ color: #fff; } .shopping-cart thead td{ background: #4bbfac; color: #fff; } .bg-khaki td { background:#ebe8da; } .shopping-cart td{ padding: 10px 15px; line-height: 1.5; position: relative; } .bggreen{ background: #e5f6f3; } .txtr { text-align: right; } .shopping-cart-remove { color:#e4001b ; font-size: 25px; } .shopping-cart-total{ margin-top: 25px; } .total { background: #fff; border:1px solid #d5d5d5; font-size: 18px; color:#000; padding: 15px; text-align: center; width: 290px; } .shopping-cart-total .shopping-p { line-height: 50px; } .table-ltr { overflow: auto; direction:ltr; } .table-responsive table{ direction:rtl !important; } .news-archive-content .title{ margin-bottom: 25px; } .pagination .glyphicon-chevron-right:before, .pagination .glyphicon-chevron-left:before{ position:relative; top:-2px; } .news-content p{ color: #58595b; text-align: justify; } .news-content a{ color: #19988b ; } .one-news-row { width: 100%; display: inline-block; } .news-content a:hover{ color: #244545 ; } .one-news-title { font-size: 18px; color: #255758; } .one-news-img { margin: 0 0 30px 30px; } .one-news-img-left { padding: 0 30px 0 0; } .btn-one-news-back:before{ content: ''; background: url("../_images/style/news-back.png") no-repeat left center; height: 7px; width: 12px; position: absolute; left: 0; top: 13px; } .btn-one-news-back{ position: relative; background: none; color: #19988b; font-size: 15px; transition: all 0.5s ease 0s; } .btn-one-news-back:hover{ color: #255758; } .one-news-detail { display: inline-block; width: 100%; margin-top: 30px; padding: 5px 0; border-top: 1px dotted red; } .red-title{ color: #d71920; font-size: 18px; } .books-footer { border-top: 1px dotted red; } .prefactor { font-size: 18px; padding: 20px 15px; background: #e5f6f3; border:1px solid #a4a5a9; display: inline-block; width: 100%; } .bg-detail { background: #ebe8da; padding: 25px; display: inline-block; width: 100%; min-height: 170px; margin-bottom: 15px; } .factor-detail-body span{ font-size: 14px; } .factor-row { margin: 0 0 15px 0; } .factor-row:last-child{ margin: 0; } .factor-detail-body .factor-title{ color:#255758 ; } .factor-title-top { color: #fff; background: #981e56; text-align: center; padding: 10px 0; margin: 0 0 15px 0; } .bg-khaki { background: #ebe8da; color: #000; } .progressbar { margin-right: 10%; margin-bottom: 60px; } .progressbar .title{ margin: 0; } .progressbar .title div{ padding: 0; } .progressbar .bar{ margin: 0 20px; width: 80%; } .progressbar .bar div{ background-color: #d7d7d7; height: 10px; padding: 0; margin-top: 10px; border: 1px solid #c7c7c7; box-shadow: inset 0 0 1px 1px #d4d4d4; } .progressbar .bar div.select{ background-color: #e4001b; border: 1px solid #dc5464; box-shadow: inset 0 0 1px 1px #da7f8a; } .progressbar .bar div{ width: 31%; } .progressbar .bar div + i + div{ width: 26%; } .progressbar .bar div + i + div + i + div{ width: 28%; } .progressbar .bar i.glyphicon-bullet{ top: 5px; right: 0; background: url(../_images/style/ProgressbarBullet.png) no-repeat 0 0; display: inline-block; width: 23px; height: 24px; } .progressbar .bar i.glyphicon-bullet-select{ background: url(../_images/style/ProgressbarBulletSelect.png) no-repeat 0 0; } .enter-title-right { color: #d71920; text-align: center; font-size: 18px; position: relative; padding-bottom: 100px; } .enter-title-right:before{ content: ''; background: url("../_images/style/shopping-enter-icon.png") no-repeat -65px 0 ; position: absolute; height: 63px; width: 63px; overflow: hidden; margin: 0 auto; top: 40px; right: 0; left: 0; } .enter-title-left { color: #d71920; text-align: center; font-size: 18px; position: relative; padding-bottom: 100px; } .enter-title-left:before{ content: ''; background: url("../_images/style/shopping-enter-icon.png") no-repeat 0 0 ; position: absolute; height: 63px; width: 63px; overflow: hidden; margin: 0 auto; top: 40px; right: 0; left: 0; } .enter-body{ background: #ebe8da; border-top: 2px solid #4bbfac; padding: 30px; min-height: 286px; } .enter-body .form form{ width: 100%; padding: 0 30px; } form#loginForm{ padding: 0; } .enter-body .btn-submit{ margin-right: 15px; min-width: 120px; line-height: 34px; float: left; } .enter-register { color: #981e56; margin-bottom: 0; } .numerial-ul { list-style: decimal; font-family: yekan; margin-right: 15px; } .numerial-ul li { font-size: 16px; line-height: 1.5; } .enter-btn-submit { text-align: center; margin-top: 23px; } .enter-btn-submit li { text-align: center; float: left; margin-right: 15px; } .shopping-send{ margin-top: 50px; } .shopping-send .hm-lable{ color: #484848; } .shopping-send table,.shopping-send td,.shopping-send td{ border: 1px solid #d5d5d5; } .shopping-send-table { width: 1140px; text-align: center; background: #ffffff; } .shopping-send-table thead{ background: #eeeeee; } .shopping-send-table thead td{ padding: 15px 5px; } .shopping-send-table tbody{ color: #255758; } .shopping-send-table tbody td, .send-type tbody td{ padding: 15px 5px; line-height: 1.5; } .send-type{ background: #fff; width: 100%; min-width: 900px; } .send-type-img { margin:0 10px 0 15px; } .send-type-title{ font-size: 16px; margin: 0 0 10px 0; } p.send-type-body { font-size: 13px; color: #888a94; } .send-type-price { text-align: center; font-size: 13px; line-height: 1.5; } .send-type tr td:first-child{ text-align: center; } .btn-continue-shopping i{ position: absolute; left: 10px; top: 7px; border-right: 1px solid #157c71 ; padding: 3px 10px 3px 0; } .shopping-send-table-rtl, .send-type-rtl { overflow: auto } .btn-edit { background: none; border:0; } .btn-edit i { font-size: 18px; } .btn-edit .glyphicon-remove-sign{ color: red; } .btn-edit .glyphicon-edit{ color: #414042; } .empty { background: url("../_images/style/empty.png") no-repeat left 0; position: absolute; left: 0; height: 34px; width: 115px; top: 20px; } .table-review { width: 100%; } .table-review td, .table-review tr{ border: 1px solid #d5d5d5; font-size: 15px; line-height: 1.5; } .review-rightside { background: #ebe7db; padding: 30px; } .review-title{ color: #8e1e4e; } .review-leftside { background: #fff; } .table-review .review-leftside ul li{ padding: 10px 30px 10px ; border-top:1px solid #d5d5d5; } .table-review .review-leftside ul li:first-child{ border:0; } .table-review .review-leftside .review-price { float: left; } .review-location, .review-send { position: relative; padding-right: 53px; } .review-location:before{ content: ''; background: url("../_images/style/review.jpg") no-repeat right center; height: 35px; width: 43px; overflow: hidden; position: absolute; right: 0; } .review-send:before{ content: ''; background: url("../_images/style/review.jpg") no-repeat 0 center; height: 35px; width: 43px; overflow: hidden; position: absolute; right: 0; } .table-review-detail { width: 100%; } .table-review-detail tr td{ background: #fff; border:1px solid #d5d5d5; padding: 15px; } .table-review-detail tr td p{ font-size: 15px; } .table-review-detail tr td p a{ color: #991e57; } .shopping-review-content .btn-back, .payment-content .btn-back{ width: 200px; } .pay-option-title{ color: #255758; font-size: 16px; } .payment-table { width: 100%; border: 1px solid #d5d5d5; } .payment-table tr{ background: #fff; border-bottom: 1px solid #d5d5d5; } .payment-table td { padding: 10px; } .pay-option-title { margin: 0 0 5px 0; } .payment-table td p{ font-size: 15px; } .bg-radio{ background: #f6f8f8; border-left: 1px solid #d5d5d5; } .pay-input .second { position: relative; top: 5px; } .pay-input .wrap{ margin-right: 10px; } p.policy { font-size: 13px; color: #255758; } .policy a { color: #e4001b; } #login .form-body{ background: none; } #login .form form{ padding: 0; } .forget { background: #981e56; } .factor .btn-print { clear: both; } .input-group-addon:first-child { padding: 0; } input[type="file"]{ display: block; position: absolute; right: 0; top: 0; opacity: 0; cursor: pointer; } .fileinput-new { cursor: pointer; } .btn-default:focus, .btn-default:hover, .btn-default:active, .btn-default:visited { color: #555; } .capthca-image { position: relative; right: 15px; } .select2-container, .select2-drop, .select2-search, .select2-search input { width: 100%; } .select2-container-multi .select2-choices .select2-search-field input, .select2-container-multi .select2-choices{ background: none; border:0; box-shadow: 0 0 0 transparent; } .select2-container.select2-container-multi.hm-input.form-control{ padding: 0; width: 100%; height: 36px; overflow: hidden; border-radius: 0; } /*custom change photo and profile change pass style*/ .btn-file{ position: relative; } .modal-footer .btn+.btn { /*margin-right: 15px;*/ } #captcha-input { position: relative; width: 100%; padding: 0; margin: 0 -15px; padding-right: 35px; } .input-group-addon:first-child { border-right:1px solid #cdcdcd; } .capthca-image img { position: relative;z-index: 10; border-left: 1px solid #cdcdcd; } .icon-refresh:before{ position: relative; left: 1px; top: 4px; } /*.input-group-addon.btn.btn-refresh.captcha-refresh {*/ /*border-radius: 3px 0 0 3px !important;*/ /*}*/ .form .form-group .col-sm-8 { padding-left: 0; } .select2-container-multi .select2-choices { height: 34px; } .select2-input, .select2-input:focus{ outline: none; } .updatecart { display: block; margin-top: 15px; } .updatecart:hover, .updatecart:active, .updatecart:focus{ color: #4bbfac ; } #posttypeform .shopping-send a.btn-submit { line-height: 34px; } .stuff-logo img{ margin: 0 auto; } .ui-datepicker td , .ui-datepicker th{ background: #f1f1f1; } .ui-datepicker-today .ui-state-default { background: #4bbfac; color: #fff; } .hasDatepicker { text-align: right; width: 100%; } /*-------------file input-----------*/ .btn-file { overflow: hidden; position: relative; vertical-align: middle; } #user-avatar .btn-default{ width: 49%; } #user-avatar .btn-submit{ width: 100%; max-width: 200px; } #user-avatar .col-sm-8 { float: none; } .btn-file > input { cursor: pointer; direction: ltr; font-size: 23px !important; margin: 0; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0.0; /* Safari 1.x */ -khtml-opacity: 0.0; opacity: 0; position: absolute; right: 0; top: 0; /*transform: translate(-300px, 0px) scale(4);*/ } .fileinput .thumbnail { display: inline-block; margin-bottom: 15px; overflow: hidden; text-align: center; vertical-align: middle; } .fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists { display: none; } #GeneralSuccessMessage{ position: fixed; top: 45%; width: 700px; max-width: 100%; left:50%; z-index: 999; display: none; } #GeneralSuccessMessage .alert{ position: relative; left: -50%; } #GeneralErrorMessage{ position: fixed; top: 45%; width: 700px; max-width: 100%; left:50%; z-index: 999; display: none; } #GeneralErrorMessage .alert{ position: relative; left: -50%; } #cart-count{ position: absolute; top: -15px; right: 7px; color: #fff; font-size: 12px; width: 17px; height: 17px; background-color: #19988b; border-radius: 100%; display: block; text-align: center; line-height: 16px; } .relative-pos{ position: relative; } .bookk-date{ margin-top: 5px; width: 100%; /* height: 17px; */ white-space: nowrap; } .book-name{ /*white-space: nowrap;*/ text-overflow: ellipsis; width: 87%; overflow: hidden; } #loading{ text-align: center; } .glyphicon-refresh-animate { -animation: spin .7s infinite linear; -webkit-animation: spin2 .7s infinite linear; font-size: 26px; color:#255758; } @-webkit-keyframes spin2 { from { -webkit-transform: rotate(0deg);} to { -webkit-transform: rotate(360deg);} } @keyframes spin { from { transform: scale(1) rotate(0deg);} to { transform: scale(1) rotate(360deg);} } .input-error-list { display: inline-block; margin-top: 5px; } .input-error-list li{ font-size: 13px; line-height: 1.5; color: #ed1c24; } ul.errors li { margin:0 0 15px 0; color: #ed1c24; text-align: center; } .carousel-indicators { bottom:0; } .carousel-indicators .active { background: #255758; } .carousel-indicators li { border:1px solid #19988b; background: #19988b; } .navbar-nav { margin:0; } .main-menu.navbar-default ul .dropdown a{ border-bottom:5px solid transparent; } .main-menu.navbar-default ul .dropdown .dropdown-menu { border-top: 5px solid #78cdd1; top:51px; padding:0; background:#fff; } .main-menu.navbar-default ul .dropdown .dropdown-menu li { padding:0; border-bottom:1px solid #f1f1f1; transition: all 0.5s ease 0s; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ background: none; color:#fff; } .main-menu.navbar-default ul .dropdown .dropdown-menu li:hover{ clear:both; } .main-menu.navbar-default ul .dropdown .dropdown-menu li a:hover{ background:#78cdd1; color:#fff; } .main-menu.navbar-default ul .dropdown .dropdown-menu li:last-child{ border-bottom:0; } .main-menu.navbar-default ul .dropdown .dropdown-menu li a { border:0; color:#255758; font-size:15px; padding:8px 10px; } .main-menu.navbar-default ul .dropdown .dropdown-menu li:first-child, .main-menu.navbar-default ul .dropdown .dropdown-menu li{ margin:0 ; } input::-webkit-input-placeholder{ line-height: 36px; } #changepassform .hm-lable{ float: right; right: 15px; } .tab-content .active{ line-height:1.5; } .aboutus-content ul li ,.customer-club-content ul li { line-height: 1.5; padding: 5px 15px 5px 0; } .detail-content .col-sm-4 { padding: 0 60px; } .dadehpardaz { color:#bebebe; } .aboutus-content p img{ display: block; padding: 0 30px 30px 0; margin: 0; } .descrip-sn, .title-sn{ display: none; } .btn-submenu:focus { color:#fff;} .mrgb30 {margin-bottom:30px;} .book-name-detail { /*text-align:right;*/ font-size:13px;} .red-price{ text-decoration: line-through; color:red; margin-left: 5px; } .yellow-price{ text-decoration: line-through; color:yellow; margin-left: 5px; } .select2-container.form-control{ padding:0px !important; } .csdatepicker{ width: 200PX; }