/*****page-layout-rtl.css START******/ @charset "utf-8"; @font-face { font-family: 'iransans'; src: url('../../assets/fonts/iransans/IRANSansWeb(FaNum).woff') format('woff'); src: url('../../assets/fonts/iransans/IRANSansWeb(FaNum).woff2') format('woff2'); src: url('../../assets/fonts/iransans/IRANSansWeb(FaNum).eot'); src: url('../../assets/fonts/iransans/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/iransans/IRANSansWeb(FaNum).ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titr'; src: url('../../assets/fonts/titr/titr.woff') format('woff'); src: url('../../assets/fonts/titr/titr.eot'); src: url('../../assets/fonts/titr/titr.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/titr/titr.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'yekan'; src: url('../../assets/fonts/yekan/yekan.woff') format('woff'); src: url('../../assets/fonts/yekan/yekan.eot'); src: url('../../assets/fonts/yekan/yekan.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/yekan/yekan.ttf') format('truetype'); font-weight: normal; font-style: normal; } body { word-wrap: normal; height: 100%; width: 100%; direction: rtl; text-align: right; color: #323232; font-family: iransans, Geneva, sans-serif; font-size: 13px; overflow-x: hidden; padding: 0; margin: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e7e9+26,546471+43,546471+53,e6e6e6+74 */ background: rgb(230,231,233); /* Old browsers */ background: -moz-linear-gradient(top, rgba(230,231,233,1) 26%, rgba(84,100,113,1) 43%, rgba(84,100,113,1) 53%, rgba(230,230,230,1) 74%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(230,231,233,1) 26%,rgba(84,100,113,1) 43%,rgba(84,100,113,1) 53%,rgba(230,230,230,1) 74%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(230,231,233,1) 26%,rgba(84,100,113,1) 43%,rgba(84,100,113,1) 53%,rgba(230,230,230,1) 74%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e7e9', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */ } body form { max-width: 1920px; margin: auto; } body { overflow-x: hidden; overflow-y: scroll !important; } .container-fluid, .container, .nopadding { padding: 0 !important; } .container-fluid { width: 100%; max-width: 1920px; margin: auto; overflow: hidden; position: relative; } .container { z-index: 1; } .clear { clear: both; } ul { list-style: none; padding: 0; margin: 0; } li { display: inline-block; } a { color: #000; text-decoration: none; outline: 0; border: 0; line-height: 25px; } a:hover { color: #777; text-decoration: none; outline: 0; border: 0; } button { outline: 0; border: 0; } input, select { outline: 0; } .row { margin-right: auto !important; margin-left: auto !important; } .clearfix { clear: both; } *:focus, *:visited, *:active { outline: none; text-decoration: none; } .tooltip-inner { background-color: #000; font-family: tahoma; } .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: #000; } .tooltip.right .tooltip-arrow { border-right-color: #000; } .tooltip.left .tooltip-arrow { border-left-color: #000; } .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #000; } .modal-header { border-bottom: 0; } /**********/ /****Shinig Hover Button******/ .Shinigbtn { text-decoration: none; display: inline-block; position: relative; /*text-align: center;*/ box-shadow: 0 0 0 0 transparent; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } .Shinigbtn:hover { /*color: white; box-shadow: 0 0 30px 0 rgba(0, 199, 236, 0.5); background-color: #10bece;*/ -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .Shinigbtn:hover:before { -webkit-animation: shine 0.5s 0s linear; -moz-animation: shine 0.5s 0s linear; animation: shine 0.5s 0s linear; } .Shinigbtn:active { box-shadow: 0 0 0 0 transparent; -webkit-transition: box-shadow 0.2s ease-in; -moz-transition: box-shadow 0.2s ease-in; transition: box-shadow 0.2s ease-in; } .Shinigbtn:before { content: ''; display: block; width: 0px; height: 86%; position: absolute; top: 7%; left: 0%; opacity: 0; background: white; box-shadow: 0 0 30px 10px white; -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -ms-transform: skewX(-20deg); -o-transform: skewX(-20deg); transform: skewX(-20deg); } @-webkit-keyframes shine { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } @-moz-keyframes shine { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } @keyframes shine { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /*--------------Section 1---------------------*/ body { } #banner canvas { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; display: none; } header { position: fixed; top: 0; right: 0; left: 0; margin: auto; margin-top: auto; z-index: 30; background: #143846; } /*****/ header > .container { overflow: hidden; position: relative; height: 100%; padding: 0; transition: all 0.1s ease-in-out; } header .header-bar { /*overflow: hidden;*/ position: relative; display: inline-block; width: 100%; height: 145px; padding: 0; vertical-align: top; transition: all 0.1s ease-in-out; } header .header-bar .icon-header { padding: 15px 20px 30px; float: left; /*overflow: hidden;*/ transition: all 0.2s ease-in-out; text-align: center; } header .header-bar .icon-header .social-box { float: left; transition: all 0.3s ease-in-out; } header .header-bar .icon-header .social-box .instagram { display: block; float: left; margin-right: 10px; } header .header-bar .icon-header .social-box .instagram span:nth-child(1) { width: 65px; height: 65px; display: block; margin-bottom: 15px; background: url(/images/sprite.png) no-repeat -70px -1736px; border-radius: 50%; } header .header-bar .icon-header .social-box .instagram span:nth-child(2) { color: #e250dd; } header .header-bar .icon-header .social-box .telegram { display: block; float: left; margin-right: 10px; } header .header-bar .icon-header .social-box .telegram span:nth-child(1) { width: 65px; height: 65px; display: block; margin-bottom: 15px; background: url(/images/sprite.png) no-repeat -142px -1587px; border-radius: 50%; } header .header-bar .icon-header .social-box .telegram span:nth-child(2) { color: #5297e4; } header .header-bar .icon-header .social-box .support-telegram-icon { display: none; float: left; margin-right: 10px; } header .header-bar .icon-header .social-box .support-telegram-icon span:nth-child(1) { width: 65px; height: 65px; display: block; margin-bottom: 15px; background: url(/images/sprite.png) no-repeat -145px -45px; border-radius: 50%; } header .header-bar .icon-header .social-box .support-telegram-icon span:nth-child(2) { color: #5297e4; } header .header-bar .icon-header .social-box .aparat { display: block; float: left; margin-right: 10px; display: none; } header .header-bar .icon-header .social-box .aparat span:nth-child(1) { width: 65px; height: 65px; display: block; margin-bottom: 15px; background: url(/images/sprite.png) no-repeat 10px 10px #a9a9a9; border-radius: 50%; } header .header-bar .icon-header .social-box .aparat span:nth-child(2) { color: #a9a9a9; } header .header-bar .icon-header .social-box > a:hover span:nth-child(1) { animation: overShadow 1s infinite; -webkit-animation: overShadow 1s infinite; -moz-animation: overShadow 1s infinite; } header .header-bar .icon-header .user-box { float: left; margin-left: 50px; position: relative; } header .header-bar .icon-header .user-box .someText { display: inline-block; vertical-align: top; } header .header-bar .icon-header .user-box .login-box { } header .header-bar .icon-header .user-box .login-box span:nth-child(1) { width: 65px; height: 65px; display: block; margin-bottom: 15px; background: url(/images/sprite.png) no-repeat -70px -1664px; border-radius: 50%; } header .header-bar .icon-header .user-box .login-box span:nth-child(2) { color: #b3b3b3; display: inline; } header .header-bar .icon-header .user-box .login-box span:nth-child(3) { color: #b3b3b3; display: none; } header .header-bar .icon-header .user-box .login-box.after-login { } header .header-bar .icon-header .user-box .login-box.after-login span:nth-child(2) { display: none; } header .header-bar .icon-header .user-box .login-box.after-login span:nth-child(3) { display: inline; } header .header-bar .icon-header .user-box .register-box { margin-right: 5px; vertical-align: top; } header .header-bar .icon-header .user-box .register-box.after-login { display: none; } header .header-bar .icon-header .user-box .register-box span:nth-child(1) { width: 65px; height: 65px; display: block; margin-bottom: 15px; background: url(/images/sprite.png) no-repeat -70px -1587px; border-radius: 50%; } header .header-bar .icon-header .user-box .register-box span:nth-child(2) { color: #b3b3b3; } header .header-bar .icon-header .user-box .support-telegram-icon { margin-right: 5px; vertical-align: top; } header .header-bar .icon-header .user-box .support-telegram-icon span:nth-child(1) { width: 65px; height: 65px; display: block; margin-bottom: 15px; background: url(/images/sprite.png) no-repeat -142px -1811px; border-radius: 50%; } header .header-bar .icon-header .user-box .support-telegram-icon span:nth-child(2) { color: #b3b3b3; } header .header-bar .icon-header .user-box > a:hover span:nth-child(1) { animation: overShadow 1s infinite; -webkit-animation: overShadow 1s infinite; -moz-animation: overShadow 1s infinite; } header .header-bar .icon-header .user-box .cart-icon-top { vertical-align: top; line-height: 25px; display: inline-block; cursor: pointer; margin-left: 5px; /* margin-right: 5px;*/ } header .header-bar .icon-header .user-box .cart-icon-top span:nth-child(1) { width: 65px; height: 65px; display: block; margin-bottom: 15px; background: url(/images/sprite.png) no-repeat 4px -1664px; border-radius: 50%; } header .header-bar .icon-header .user-box .cart-icon-top span:nth-child(2) { color: #b3b3b3; font-size: 11px; } header .header-bar .icon-header .user-box > .cart-icon-top:hover span:nth-child(1) { animation: overShadow 1s infinite; -webkit-animation: overShadow 1s infinite; -moz-animation: overShadow 1s infinite; } header .header-bar .icon-header .user-box .cart-icon-top em { font-style: normal; font-size: 13px; } header .header-bar .icon-header .user-box .search-icon { vertical-align: top; line-height: 25px; display: inline-block; cursor: pointer; margin-left: 5px; /* margin-right: 5px;*/ } header .header-bar .icon-header .user-box .search-icon span:nth-child(1) { border: 1px solid #576774; width: 57px; height: 57px; display: block; margin: 2.5px 2.5px 20px; background: url(/images/sprite.png) no-repeat 0px -1738px; border-radius: 50%; } header .header-bar .icon-header .user-box .search-icon span:nth-child(2) { color: #b3b3b3; } header .header-bar .icon-header .user-box > .search-icon:hover span:nth-child(1) { animation: overShadow 1s infinite; -webkit-animation: overShadow 1s infinite; -moz-animation: overShadow 1s infinite; } header .search-input1 { display: block; width: 100vw; height: 0px; opacity: 0; /*overflow: hidden;*/ text-align: center; background: #143846; clear: both; position: absolute; left: 0; right: 0; top: 0; z-index: 50; transition: all 0.2s ease; } header .search-input1.active { display: block; width: 100vw; height: 144px; opacity: 1; padding: 47px 50px; } header .search-input1 .search-close { width: 50px; height: 50px; font-size: 29px; text-align: center; display: inline-block; vertical-align: top; padding: 6px; background: #15617e; color: #fff; border-radius: 6px; } header .search-input1 .search-close:hover { background: #17546c; cursor: pointer; } header .search-input1 .search-input-box { display: none; width: 100%; max-width: 400px; height: 50px; padding: 10px 35px 10px 35px; color: #000; border-radius: 4px; background-color: #fff; font-size: 15px; border: none; } header .search-input1.active .search-input-box { display: inline-block; vertical-align: top; margin-left: 4px; } header .search-input1 > div:nth-child(2) { margin: auto; left: 0; right: 0; right: -49px; width: 100% !important; max-width: 400px !important; } header .search-input1 .search-input-box:active + .Search-Input-button, header .search-input1 .search-input-box:hover + .Search-Input-button, header .search-input1 .search-input-button:hover { opacity: 1; } header .search-input1 ::-webkit-input-placeholder { color: #c1c1c1; } header .search-input1 :-moz-placeholder { color: #c1c1c1; opacity: 1; } header .search-input1 ::-moz-placeholder { color: #c1c1c1; opacity: 1; } header .search-input1 :-ms-input-placeholder { color: #c1c1c1; } header .header-bar .icon-header .teh-box { float: left; margin-left: 65px; } header .header-bar .icon-header .teh-box a { } header .header-bar .icon-header .teh-box a span:nth-child(1) { width: 65px; height: 65px; display: block; margin: 0 auto 15px; background: url(/images/sprite.png) no-repeat 4px -1586px; border-radius: 50%; } header .header-bar .icon-header .teh-box a span:nth-child(2) { color: #d1d2d4; direction: ltr; font-size: 15px; letter-spacing: 1px; } header .header-bar .icon-header .teh-box > a:hover span:nth-child(1) { animation: overShadow 1s infinite; -webkit-animation: overShadow 1s infinite; -moz-animation: overShadow 1s infinite; } header .logo-box { position: absolute; top: 10px; right: 53px; z-index: 1; margin: auto; display: inline-block; width: 690px; height: 111px; text-align: right; } header .logo-box a { display: block; width: 100%; height: 100%; position: relative; z-index: 10; transition: all 0.2s ease-in; } header .logo-box a img { transition: all 0.2s ease-in; width: 131px; height: 115px; } header .logo-box a .logo-text { position: absolute; top: 30px; right: 180px; z-index: 1; margin: auto; display: inline-block; height: 80px; text-align: center; } header .logo-box a .logo-text em:nth-child(1) { background: -webkit-linear-gradient(#a554f9, #ee5282); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #dc51a2; line-height: 30px; font-size: 25px; display: block; font-weight: bold; padding: 0 10px 0; margin-bottom: 15px; font-style: normal; } header .logo-box a .logo-text em:nth-child(2) { color: #cacbcd; font-size: 16px; display: block; line-height: 24px; font-style: normal; } header .logo-box a .logo-text em:nth-child(3) { color: #cacbcd; font-size: 15px; display: block; line-height: 24px; font-style: normal; } header .menu-box { background: #bf0f72; } header .menu-box > .container { position: relative; width: 100%; } header .menu-box .social-box { float: left; position: absolute; left: 2px; top: 7px; transition: all 0.3s ease-in-out; display: none; } header.scroll .menu-box .social-box { display: block; } header .menu-box .social-box .instagram { display: block; float: left; /*margin-right: 10px;*/ } header .menu-box .social-box .instagram span:nth-child(1) { width: 55px; height: 55px; display: block; background: url(/images/sprite.png) no-repeat 6px -76px; border-radius: 50%; } header .menu-box .social-box .telegram { display: block; float: left; /*margin-right: 10px;*/ } header .menu-box .social-box .telegram span:nth-child(1) { width: 55px; height: 55px; display: block; background: url(/images/sprite.png) no-repeat 5px -159px; border-radius: 50%; } header .menu-box .social-box .support-telegram-icon { display: block; float: left; /*margin-right: 10px;*/ } header .menu-box .social-box .support-telegram-icon span:nth-child(1) { width: 55px; height: 55px; display: block; background: url(/images/sprite.png) no-repeat -145px -45px; border-radius: 50%; } header .menu-box .social-box .aparat { display: block; float: left; /*margin-right: 10px;*/ display: none; } header .menu-box .social-box .aparat span:nth-child(1) { width: 55px; height: 55px; display: block; background: url(/images/sprite.png) no-repeat 6px 6px #a9a9a9; border-radius: 50%; } /*header .menu-box .social-box > a:hover span:nth-child(1) { animation: overShadow 1s infinite; -webkit-animation: overShadow 1s infinite; -moz-animation: overShadow 1s infinite; }*/ header .menu-box .social-box a span:nth-child(2) { display: none; } /****/ header .menu-box nav { display: inline-block; text-transform: uppercase; float: right; } /*header .menu-box nav #bs-navbar { padding: 0; }*/ header .menu-box nav .navbar-nav { text-align: right; float: none; padding: 0; margin-top: 0px; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; } header .menu-box nav .navbar-nav > li { float: none; display: inline-block; width: auto; } header .menu-box nav .navbar-nav > li > a { position: relative; /*color: #ffffff;*/ padding: 17px 10px 18px; font-size: 15px; text-shadow: 1px 1px 5px #000; border: 1px solid transparent; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } /*header .menu-box nav .navbar-nav > li:last-child a { padding-right: 0; }*/ header .menu-box nav .navbar-nav > li:hover a, header .menu-box nav .navbar-nav > li:focus a, header .menu-box nav .navbar-nav > li.active a { background-color: transparent; color: #fff; } header .menu-box nav .navbar-nav .dropdown-menu { position: relative; width: auto; min-width: 100%; border: none; margin-top: -1px; margin-left: -1px; background-color: #143846; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } header .menu-box nav .navbar-nav .dropdown-menu li { display: block; } header .menu-box nav .navbar-nav .dropdown-menu li a { color: #ffffff; padding: 7px 20px; text-align: right; font-size: 14px; background-color: transparent; border-color: transparent; } header .menu-box nav .navbar-nav .dropdown-menu li a:hover { background-color: #777; transition: all 0.4s ease; cursor: pointer; color: #fff; } header .menu-box nav .navbar-nav .dropdown-menu > .dropdown-submenu:hover > a {background-color: #777;color: #fff;} header .menu-box nav .navbar-nav .dropdown-submenu { position: relative; } header .menu-box nav .navbar-nav .dropdown-submenu > .dropdown-menu { position: relative; top: 0; right: 0; padding-top: 35px; margin-top: -6px; margin-right: -1px; background-color: #fff; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; transition: all 0.4s ease-in-out; } header .menu-box nav .navbar-nav .dropdown-submenu > .dropdown-menu:before { content: 'پکیج های پیشنهادی ما : '; position: absolute; top: 2px; right: 10px; font-weight: bold; direction: rtl; font-size: 15px; color: #ff6bbe; } header .menu-box nav .navbar-nav .dropdown-submenu:hover > .dropdown-menu { display: block !important; } header .menu-box nav .navbar-nav .dropdown-submenu.pull-left { float: none; } header .menu-box nav .navbar-nav .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } header .menu-box .nav .open > a, header .menu-box .nav .open > a:hover, header .menu-box .nav .open > a:focus { background-color: transparent; border-color: transparent; } header .menu-box .nav .open > a:focus { background-color: transparent; border-color: transparent; } header .menu-box .nav > li > a:hover, header .menu-box .nav > li > a:focus { background-color: transparent; outline: none; cursor: pointer; } header .menu-box nav .navbar-header { height: 57px; } header .menu-box nav .navbar-header .navbar-toggle { background-color: #eeced9; margin-right: 15px; margin-top: 10px; transition: all 0.2s ease-in-out; } header .menu-box nav .navbar-header .navbar-toggle .icon-bar { background-color: #bf0f72; } header .menu-box nav .caret2 { display: inline-block; width: 0; height: 0; margin-right: 4px; vertical-align: middle; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid; } header .menu-box nav .navbar-nav .dropdown-submenu .dropdown-menu li a { color: #0f2933; text-shadow: none; } header .menu-box nav .navbar-nav .dropdown-submenu .dropdown-menu li a:hover { color: #fff; text-shadow: none; background: #bf0f72; } header .menu-box nav .navbar-nav > .dropdown > .dropdown-menu { border-top: 2px solid #fff; } header .menu-box .mobile-menu { position: absolute; right: 90px; top: 8px; display: none; } header.scroll .menu-box .mobile-menu { top: 10px; } header .menu-box .mobile-menu nav .navbar-nav { margin: 0; } header .menu-box .dropdown-menu > li > a { white-space: normal; } /***menu-hover-effect***/ /*header .menu-box nav .navbar-nav > li > a:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; text-align: center; margin: auto; height: 0; background: #bbb; transition: all 0.2s ease-in-out; border-radius: 20px; } header .menu-box nav .navbar-nav > li > a:hover:before, header .menu-box nav .navbar-nav > li > a:active:before, header .menu-box nav .navbar-nav > li > a:focus:before { width: 100%; height: 4px; bottom: -5px; z-index: 1500; }*/ /***Scroll****/ header.scroll .header-bar { height: 0; padding: 0; } header.scroll > .container { height: 0; padding: 0; } header.scroll .menu-box nav { padding-right: 0; } @keyframes pulse { 0% { width: 150px; height: 150px; margin-right: -75px; top: 100px; opacity: 0; } 20% { opacity: .5; } 100% { width: 250px; height: 250px; margin-right: -125px; top: 50px; opacity: 0; } } /***********************************/ /**********************************************/ /************** -- MEGA MENU -- **************/ /*header .menu-box { background: transparent; text-align: right; }*/ /****/ header .menu-box nav { display: inline-block; text-transform: uppercase; float: none; } header .menu-box { margin: 0 auto; position: relative; line-height: 45px; height: 69.4px; z-index: 100; } header .menu-box #bs-navbar-pc .menu-title { display: none; } header .mega-menu { max-width: 1170px; } header .mega-menu li.level1 > a { height: 63px; padding: 15px 10px; line-height: 30px; cursor: pointer; } header .mega-menu li.level1 > a span.title { display: block; color: #fff; } header .mega-menu li.level1 > a span.title:hover { color: #ccc; } header .mega-menu li.level1 > a.mm-item-link-hover span.title { color: #fff; } header .menu-box li.level1 > a.mm-item-link-hover span.title:before { content: ''; position: absolute; bottom: 1px; left: 0; right: 0; width: 100%; text-align: center; margin: auto; height: 0; background: #f46cb2; transition: all 0.2s ease-in-out; border-radius: 20px; } header .menu-box li.level1 > a.mm-item-link-hover span.title:hover:before, header .menu-box li.level1 > a.mm-item-link-hover span.title:active:before, header .menu-box li.level1 > a.mm-item-link-hover span.title:focus:before { width: 100%; height: 2px; bottom: -2px; z-index: 1500; } header .menu-box ul li { font-size: 16px; vertical-align: bottom; transition: all 0.3s ease; } header .main-menu > ul > li > a { position: relative; } header .main-menu > ul > li li { line-height: 30px; } header .main-menu > ul > li:nth-child(2) > a { color: #3c3c3c; } header .menu-box ul li:hover { color: #bf0f72; } header .mega-menu .level2-dropdown-menu { position: absolute; right: 0; top: 69px; left: 0; margin: 0 auto; background: #dadbdb; border-top: 2px solid #ccc; display: none; padding: 20px 15px 0px 0px; z-index: 10; color: #000; line-height: 28px; box-shadow: 1px 3px 4px rgba(0,0,0,0.3); text-align: right; } header .mega-menu .level2-dropdown-menu > ul { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; /*column-rule: inset 1px #fff;*/ padding-bottom: 40px; width: 100%; display: block; height: 322px; } header .mega-menu .level2-dropdown-menu > ul > li { position: relative; display: block; width: 100%; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; page-break-inside: avoid; } header .mega-menu .level2-dropdown-menu > ul > li a { font-size: 15px; color: #fff; line-height: 30px; } header .mega-menu .level2-dropdown-menu > ul > li li { display: block; padding-right: 15px; } header .mega-menu .responsive-class .level2-dropdown-menu > ul{height: auto} /*header .mega-menu .level1:nth-child(2) .level2-dropdown-menu > ul > li:nth-child(2) > ul { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }*/ header .mega-menu .level1:nth-child(2) .level2-dropdown-menu > ul > li:first-child:after { content: ''; height: 240px; width: 1px; display: block; position: absolute; top: 0; left: -8px; background: #a1a1a1; } header .mega-menu .level1:nth-child(2) .level2-dropdown-menu > ul > li:last-child:before { content: ''; height: 240px; width: 1px; display: block; position: absolute; top: 0; right: -9px; background: #a1a1a1; } header .mega-menu .level2-dropdown-menu > ul > li > a { color: #143846; display: block; } header .mega-menu .level2-dropdown-menu > ul > li > a:before { font: normal normal normal 14px/1 FontAwesome; content: "\f104"; vertical-align: middle; font-size: 18px; margin-left: 10px; } header .mega-menu .level1:nth-child(2) .level2-dropdown-menu > ul > li > a { color: #143846;background: #fff; display: block; border: 1px solid #000; border-radius: 9px; margin-bottom: 4px; display: inline-block; padding: 0 15px; } header .mega-menu .level1:nth-child(2) .level2-dropdown-menu > ul > li > a:hover{color: #fff !important;background: #143846} header .mega-menu > .responsive-class > a{padding:8px 0 2px 0 !important} header .mega-menu .responsive-class .level2-dropdown-menu{ background: #143846; } header .mega-menu .responsive-class > a > span{ border: 1px solid #fff;padding: 10px 10px;border-radius: 5px;background: #ae2371} header .mega-menu .responsive-class .level2-dropdown-menu > ul > li > ul { border: 1px solid #999; background: #fff; border-radius: 10px; padding: 30px 0px 0 5px; position: relative; } header .mega-menu .responsive-class .level2-dropdown-menu > ul > li > ul:before { content: 'پکیج های پیشنهادی ما : '; position: absolute; top: 2px; right: 10px; font-weight: bold; direction: rtl; font-size: 14px; color: #100565; } header .mega-menu .responsive-class .level2-dropdown-menu > ul > li > a{color: #fff} header .mega-menu .responsive-class .level2-dropdown-menu > ul > li > a:hover{color: #fff } header .menu-box #bs-navbar-pc li { margin-bottom: 3px; } header .menu-box #bs-navbar-pc li > a.level3 { color: #fff; background: #bf0f72; padding: 0 6px; border-radius: 8px; transition: all 0.2s ease-in-out; } header .menu-box #bs-navbar-pc li > a.level2:hover { color: #555; } header .menu-box #bs-navbar-pc li > a.level3:hover { color: #fff; background: #143846; } /**************** menu-btn ****************/ .navbar-toggle { position: absolute; top: 10px; right: 20px; width: 49px; height: 42px; background: #eeced9; border-radius: 5px; line-height: 36px; cursor: pointer; margin: 0; text-align: center; padding: 3px; transition: all 0.15s ease-in-out; } .navbar-toggle span { margin-left: 5px; } .menu-btn-pc { display: inline-block; vertical-align: middle; width: 25px; } .menu-btn-pc:before, .menu-btn-pc:after { background-color: #bf0f72; content: ''; display: block; height: 3px; transition: all 200ms ease-in-out; } .menu-btn-pc:before { box-shadow: 0 7px 0 #bf0f72; margin-bottom: 11px; } .menu-btn-pc.active { margin-top: -5px; } .menu-btn-pc.active:before { box-shadow: 0 0 0 #bf0f72; transform: translateY(9px) rotate(45deg); } .menu-btn-pc.active:after { transform: translateY(-5px) rotate(-45deg); } /*--------------Section 2---------------------*/ #banner { position: relative; margin: auto; margin-top: 201px; overflow: hidden; } #banner .banner-container { position: relative; } #banner .banner-container .banner-box { height: auto; width: 100%; overflow: hidden; } #banner .banner-container .banner-box .item { direction: ltr; vertical-align: top; background: #fff; display: block; width: 100%; min-height: 50px; position: relative; overflow: hidden; } #banner .banner-container .banner-box .item a { width: 100%; height: 100%; display: block; } #banner .banner-container .banner-box .item a > img { opacity: 0.5; margin: auto; height: auto; width: 100%; max-width: 100%; transition: 1.2s ease all; -webkit-transition: 1.2s ease all; -moz-transition: 1.2s ease all; /*position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px;*/ } #banner .banner-container .banner-box .active .item a > img { opacity: 1; } #banner .banner-container .banner-box.owl-carousel .owl-controls { margin: auto; width: 100%; height: 0; } #banner .banner-container .banner-box .owl-animated-out { z-index: 1; } #banner .banner-container .banner-box .owl-animated-in { z-index: 0; } #banner .owl-carousel .owl-item { float: left; } #banner .banner-controls .owl-nav .owl-prev { background: url('/images/sprite.png') no-repeat -93px -1167px; cursor: pointer; width: 60px; height: 122px; position: absolute; left: 20px; top: 30%; z-index: 10; } #banner .banner-controls .owl-nav .owl-next { background: url('/images/sprite.png') no-repeat -93px -1304px; cursor: pointer; width: 60px; height: 122px; position: absolute; right: 20px; top: 30%; z-index: 10; } /*--------------Section 3---------------------*/ #courses { /*background: url(/images/back.jpg) repeat center center;*/ padding: 130px 0 130px; text-align: center; position: relative; z-index: 5; } #courses .title-box { width: 450px; max-width: 94%; white-space: nowrap; border: 5px solid #143846; border-radius: 26px; padding: 5px 7%; position: relative; background: -webkit-linear-gradient(#a554f9, #eb5384); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #dc51a2; font-size: 23px; font-weight: bold; margin: 0 auto 65px; text-align: center; display: inline-block; } #courses .title-box .someText { display: table-row; } /*#courses .title-box:before { content: ''; position: absolute; top: 20px; right: -290px; height: 1px; width: 270px; background: #ececec; } #courses .title-box:after { content: ''; position: absolute; top: 20px; left: -290px; height: 1px; width: 270px; background: #ececec; }*/ #courses .subtitle-box { color: #9f7c2e; font-size: 17px; text-align: center; margin-bottom: 45px; } #courses .course-cont { padding: 0 15px; direction: ltr; } #courses .course-cont .owl-item { float: left; } #courses .course-cont .item { height: 495px; max-width: 234px; padding-top: 30px; overflow: hidden; margin: Auto; transition: all 0.3s linear; } #courses .course-cont .item * { transition: all 0.2s linear; } #courses .course-cont .item:hover, #courses .course-cont .center .item { padding-top: 0; } #courses .course-cont .item a { display: block; height: 100%; position: relative; text-align: center; border: 1px solid #fff; } #courses .course-cont .item .topic-box { padding: 0 10px; font-weight: bold; color: #000; position: absolute; top: 0; left: 0; right: 0; z-index: 5; line-height: 60px; margin: auto; text-align: center; font-size: 20px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; } #courses .course-cont .item:hover .topic-box, #courses .course-cont .center .item .topic-box { white-space: initial; line-height: 33px; padding-top: 15px; text-shadow: 1px 1px 24px #222; background: transparent; color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+2,000000+100&0.18+40,0+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.18) 2%, rgba(0,0,0,0.18) 40%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.18) 2%,rgba(0,0,0,0.18) 40%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.18) 2%,rgba(0,0,0,0.18) 40%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } #courses .course-cont .item .image-box { display: block; margin-top: 60px; padding-bottom: 53px; position: relative; height: 345px; overflow: hidden; border-radius: 15px; } #courses .course-cont .item:hover .image-box, #courses .course-cont .center .item .image-box { margin-top: 0; height: 435px; /*height: 495px;*/ padding-bottom: 83px; border-radius: 0 0 15px 15px; } #courses .course-cont .item .image-box .play-btn-box { background: #143846; position: absolute; bottom: 0; z-index: 7; height: 53px; width: 100%; display: block; } #courses .course-cont .item:hover .image-box .play-btn-box, #courses .course-cont .center .item .image-box .play-btn-box { height: 83px; } #courses .course-cont .item .image-box .play-btn-box:before { content: ''; margin: auto; width: 35px; height: 35px; display: block; margin-top: 8px; background: url('/images/sprite.png') no-repeat -167px -1677px; } #courses .course-cont .item:hover .image-box .play-btn-box:before, #courses .course-cont .center .item .image-box .play-btn-box:before { width: 58px; height: 58px; background: url('/images/sprite.png') no-repeat -145px -1739px; } #courses .course-cont .item .image-box img { min-width: 100%; /*min-height: 100%;*/ width: auto; } #courses .course-cont .item .detail-box { position: absolute; bottom: 5px; left: 0; right: 0; z-index: 2; margin: auto; text-align: center; color: #fff; text-shadow: 0px 0px 100px #000; } #courses .course-cont .item .detail-box:before { content: ''; float: right; margin-right: 10px; margin-left: 10px; display: block; height: 40px; width: 27px; background: url('/images/sprite.png') no-repeat -168px -879px; } #courses .course-cont .item .detail-box p { display: block; font-size: 18px; text-align: right; line-height: 23px; margin: 0; padding: 0; } #courses .course-cont .item .detail-box p:nth-child(2) { font-size: 12px; } #courses .course-cont .owl-stage-outer { padding: 0 0 55px; } #courses .more-courses { position: relative; overflow: hidden; text-align: center; margin: auto; border-radius: 36px; border: 3px solid #e7e7e9; background: #143846; padding: 7px 30px; color: #fff; display: inline-block; transition: all 0.3s ease; } #courses .more-courses a { font-weight: bold; font-size: 14px; color: #fff; } #courses .more-courses:hover a { color: #fff; } #courses .more-courses:after { content: '\f104'; color: #fff; font-family: fontawesome; font-size: 26px; display: inline-block; position: absolute; right: -60px; top: -6px; color: #e7e7e9; padding: 8px 20px; background-color: #255563; transition: all 0.3s ease; } #courses .more-courses:hover:after { right: 0; } #courses .more-courses:hover { padding-right: 70px; border-color: #e7e7e9; } #courses .course-cont .owl-nav .owl-prev { opacity: 0; background: url('/images/sprite.png') no-repeat -78px -1442px; border-radius: 3px; cursor: pointer; width: 58px; height: 58px; position: absolute; left: -45px; top: 41%; padding: 20px; transition: all 0.3s ease; } #courses .course-cont .owl-nav .owl-next { opacity: 0; background: url('/images/sprite.png') no-repeat -76px -1495px; border-radius: 3px; cursor: pointer; width: 58px; height: 58px; position: absolute; right: -45px; top: 41%; padding: 20px; transition: all 0.3s ease; } #courses .course-cont:hover .owl-nav .owl-prev, #courses .course-cont:hover .owl-nav .owl-next { opacity: 1; } #courses .course-cont .owl-nav .owl-prev:hover, #courses .course-cont .owl-nav .owl-next:hover { } #courses .owl-dots { position: relative; max-width: 100%; width: 490px; height: 20px; overflow: hidden; margin: 0 auto 45px; } #courses .owl-dots .owl-dot:before { content: ''; position: absolute; top: 6px; left: -100%; right: 0; z-index: 0; width: 100%; background: #133745; height: 8px; } #courses .owl-dots .owl-dot { display: inline-block; position: relative; margin: auto; cursor: pointer; } #courses .owl-dots .owl-dot span { position: relative; z-index: 1; background: #dad5d9; font-weight: bold; padding: 3px; font-size: 10px; border-radius: 50%; width: 20px; height: 20px; display: block; color: #143846; font-family: arial; } #courses .owl-dots .owl-dot.active span { background: #f4139f; color: #fff; } /*--------------Section 4---------------------*/ #shopCourse { position: relative; z-index: 5; /*background: url(/images/back-pink.jpg) repeat center center;*/ padding: 15px 0 120px; text-align: center; } /*#shopCourse .container { width: 100%; }*/ /*#shopCourse:before { content: ''; position: absolute; top: -174px; left: 0; right: 0; margin: auto; background: url(/images/shop-section-top.png) no-repeat center top; display: block; height: 179px; }*/ #shopCourse .title-box { width: 450px; max-width: 94%; border: 5px solid #143846; padding: 8px 7%; border-radius: 26px; overflow: hidden; position: relative; margin: 0 auto 65px; text-align: center; display: inline-block; } #shopCourse .title-box:before { content: ''; width: 100%; height: 100%; display: block; background: #fff; position: absolute; left: 0; right: 0; top: 0; z-index: 0; } #shopCourse .title-box > span { position: relative; white-space: nowrap; z-index: 1; background: -webkit-linear-gradient(#a554f9, #eb5384); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #dc51a2; font-size: 23px; font-weight: bold; margin: auto; text-align: center; display: inline-block; } #shopCourse .title-box span .someText { display: table-row; } /*#shopCourse .title-box:before { content: ''; position: absolute; top: 20px; right: -290px; height: 1px; width: 270px; background: #ececec; }*/ /*#shopCourse .title-box:after { content: ''; position: absolute; top: 20px; left: -290px; height: 1px; width: 270px; background: #ececec; }*/ /*#shopCourse .subtitle-box { color: #000; font-size: 17px; text-align: center; margin-bottom: 45px; }*/ #shopCourse .course-cont { padding: 0 15px; } #shopCourse .course-cont .item { position: relative; z-index: 1; margin: auto; clear: both; display: inline-block; background: #fff; border: 2px solid #fff; border-radius: 20px; vertical-align: top; width: 100%; max-width: 322px; min-height: 462px; } #shopCourse .course-cont.owl-carousel .owl-item { padding-bottom: 20px; } #shopCourse .course-cont .item .image-box { position: relative; z-index: 3; width: 100%; height: auto; border-radius: 20px; overflow: hidden; background: #cfd0d2; transition: all 0.2s ease-in-out; } #shopCourse .course-cont .item .image-box a { display: block; width: 100%; height: auto; } #shopCourse .course-cont .item .image-box img { width: auto; min-width: 100%; height: auto; opacity: 1; transition: all 0.2s ease-in-out; } #shopCourse .course-cont .item:hover .image-box img { opacity: 0.7; transform: scale(1.2); } #shopCourse .course-cont .item .course-box { position: relative; text-align: right; margin-top: -15px; z-index: 1; padding-bottom: 20px; } #shopCourse .course-cont .item .course-box .course-box-in { background: #fff; border-radius: 0 0 15px 15px; } /*#shopCourse .course-cont .item .course-box:after { content: ''; height: 20px; width: 1px; background: #fff; position: absolute; left: 0; top: 0; } #shopCourse .course-cont .item .course-box:before { content: ''; height: 165px; width: 105px; position: absolute; left: -94px; bottom: 0; background: url(/images/sprite.png) no-repeat 0 -535px; transition: all 0.3s ease-in-out; } #shopCourse .course-cont .item:hover .course-box:before { background-position: 0 -495px; }*/ #shopCourse .course-cont .item .course-box .topic-box-cont { height: 58px; padding-top: 15px; display: inline-block; vertical-align: top; width: 100%; margin-bottom: 5px; background: #cfd0d2; border-radius: 0 0 15px 15px; } #shopCourse .course-cont .item .course-box .topic-box { position: relative; font-size: 15px; font-weight: bold; margin-bottom: 10px; border-radius: 5px; text-align: center; vertical-align: middle; display: table; width: 100%; height: auto; min-height: 44px; } #shopCourse .course-cont .item .course-box .topic-box a { font-family: titr; font-weight: bold; height: 44px; color: #15212f; line-height: 19px; display: table-cell; vertical-align: middle; padding: 0 5px; font-size: 15px; overflow: hidden; } #shopCourse .course-cont .item:hover .course-box .topic-box a { color: #eb0081; } /*#shopCourse .course-cont .item .course-box .topic-box:after { content: ''; height: 4px; width: 70px; background: #fff; position: absolute; right: 0; bottom: 0; transition: all 0.5s ease-in-out; }*/ #shopCourse .course-cont .item:hover .course-box .topic-box:after { width: 100%; } #shopCourse .course-cont .item .course-box .title-back-color { display: none; } #shopCourse .course-cont .item .course-box .teacher-box { font-size: 15px; padding: 7px 25px 3px; color: #082d3f; font-weight: bold; } #shopCourse .course-cont .item .course-box .product-of-box { font-size: 14px; padding: 3px 25px 0; color: #082d3f; } #shopCourse .course-cont .item .course-box .section-name-box { font-size: 13px; padding: 3px 25px 0; color: #082d3f; font-weight: bold; } #shopCourse .course-cont .item .course-box .Price-in { display: block; direction: rtl; text-align: left; color: #eb0081; font-size: 13px; font-weight: bold; padding: 3px 25px 0; } #shopCourse .course-cont .item .course-box .Price-in .line-through { color: #666; } #shopCourse .course-cont .item .shop-button { position: absolute; bottom: -20px; left: 0; right: 0; z-index: 7; text-align: center; margin: auto; } #shopCourse .course-cont .item .shop-button a { background: #fff; } #shopCourse .course-cont .item .shop-button a { position: relative; color: #eb0081; border: 2px solid #082d3f; border-radius: 25px; font-size: 18px; font-family: yekan; text-align: center; margin: auto; display: inline-block; padding: 3px 12px 5px; transition: all 0.3s ease-in-out; } /*#shopCourse .course-cont .item .shop-button a:before { content: ''; position: absolute; top: 3px; right: 10px; background: url(/images/sprite.png) no-repeat 0px -800px; display: inline-block; transition: all 0.3s ease-in-out; width: 20px; height: 24px; }*/ #shopCourse .course-cont .item:hover .shop-button a { background-color: #082d3f; color: #fff; } #shopCourse .more-courses { position: relative; overflow: hidden; text-align: center; margin: auto; border-radius: 36px; border: 3px solid #e7e7e9; background: #143846; padding: 7px 30px; color: #fff; display: inline-block; transition: all 0.3s ease; } #shopCourse .more-courses a { font-weight: bold; font-size: 14px; color: #fff; } #shopCourse .more-courses:hover a { color: #fff; } #shopCourse .more-courses:after { content: '\f104'; color: #fff; font-family: fontawesome; font-size: 26px; display: inline-block; position: absolute; right: -60px; top: -6px; color: #e7e7e9; padding: 8px 20px; background-color: #255563; transition: all 0.3s ease; } #shopCourse .more-courses:hover:after { right: 0; } #shopCourse .more-courses:hover { padding-right: 70px; border-color: #e7e7e9; } /*#shopCourse .course-cont.owl-carousel .owl-stage-outer { margin-left: -45px; }*/ #shopCourse .course-cont.owl-carousel .owl-controls .owl-dots { text-align: center; padding: 20px 0 30px; } #shopCourse .course-cont.owl-carousel .owl-controls .owl-dot { width: 17px; height: 17px; background: #fff; border: 1px solid #fff; display: inline-block; text-align: center; margin: 0 3px; } #shopCourse .course-cont.owl-carousel .owl-controls .owl-dot:hover { background: #ccc; } #shopCourse .course-cont.owl-carousel .owl-controls .owl-dot.active { background: #ffadd3; } #shopCourse .course-cont .owl-nav .owl-prev { background: url('/images/sprite.png') no-repeat -147px -365px; width: 42px; height: 186px; position: absolute; left: -40px; top: 120px; } #shopCourse .course-cont .owl-nav .owl-next { background: url('/images/sprite.png') no-repeat -150px -578px; width: 42px; height: 186px; position: absolute; right: -40px; top: 120px; } /*--------------Section 5---------------------*/ #usercomment { position: relative; z-index: 5; /*background: url(/images/back-lightpink.jpg) repeat-x center bottom;*/ padding: 0 0 55px; text-align: center; } #usercomment .title-box { width: 450px; max-width: 94%; padding: 8px 7%; border: 5px solid #143846; border-radius: 26px; overflow: hidden; position: relative; margin: 0 auto 65px; text-align: center; display: inline-block; } #usercomment .title-box:before { content: ''; width: 100%; height: 100%; display: block; background: #fff; position: absolute; left: 0; right: 0; top: 0; z-index: 0; } #usercomment .title-box > span { position: relative; z-index: 1; white-space: nowrap; background: -webkit-linear-gradient(#a554f9, #eb5384); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #dc51a2; font-size: 23px; font-weight: bold; margin: auto; text-align: center; display: inline-block; } #usercomment .title-box span .someText { display: table-row; } /*#usercomment .subtitle-box { color: #999; font-size: 17px; text-align: center; margin-bottom: 80px; }*/ #usercomment .width-container { max-width: 1200px; margin: auto; } #usercomment .comment-cont .owl-stage-outer { padding: 30px 0 32px; } #usercomment .comment-cont .item { position: relative; z-index: 1; overflow: hidden; margin: auto; clear: both; display: inline-block; vertical-align: top; width: 100%; max-width: 320px; background: #fff; border: 2px solid #fff; border-radius: 15px; } #usercomment .comment-cont .item .image-box { width: 100%; height: 271px; background: #cfd0d2; transition: all 0.2s ease-in-out; } #usercomment .comment-cont .item .image-box img { width: auto; min-width: 100%; height: auto; min-height: 100%; border-radius: 15px; transition: all 0.3s ease-in-out; } #usercomment .comment-cont .item:hover .image-box img { transform: scale(1.2); } #usercomment .comment-cont .item .image-box a { width: 100%; height: 271px; display: block; position: relative; } #usercomment .comment-cont .item .image-box a:before { content: ''; display: block; position: absolute; bottom: -13px; left: 0; right: 0; z-index: 5; margin: auto; width: 34px; height: 34px; background: url('/images/sprite.png') no-repeat -168px -1677px; transition: bottom 0.5s ease; } #usercomment .comment-cont .item:hover .image-box a:before { width: 58px; height: 58px; bottom: 90px; background: url(/images/sprite.png) no-repeat -145px -1738px; } /*#usercomment .comment-cont .item .image-box a.audio-link:after { content: ''; width: 100%; height: 48px; font-weight: bold; position: absolute; left: 0; right: 0; top: 251px; background: url(/images/sprite.png)#fff no-repeat 75px -1075px; margin: auto; opacity: 0.8; transition: all 0.3s ease-in-out; }*/ /*#usercomment .comment-cont .item .image-box a.video-link:after { content: '\f04b'; font-family: fontawesome; font-size: 60px; color: #fff; padding: 45px 0 45px 19px; border-radius: 50%; border: 7px solid #fff; box-shadow: 0px 0px 9px #000; text-shadow: 0px 0px 9px #000; width: 120px; height: 120px; position: absolute; left: 0; right: 0; top: 88px; opacity: 0.7; margin: auto; transition: all 0.2s ease-in; }*/ /*#usercomment .comment-cont .item .image-box a:hover:after { opacity: 1; }*/ .fancybox-content .close-myfancy { cursor: pointer; font-size: 19px; font-family: sans-serif; display: inline-block; width: 35px; height: 35px; float: right; padding: 1px 0; border: 1px solid #eee; background: #fea7b0; text-align: center; color: #fff; position: absolute; right: 0; top: 0; } .fancybox-content .close-myfancy:hover { background: #e2727d; } .fancybox-content audio { width: 100%; min-width: 260px; margin-top: 30px; } #usercomment .comment-cont .item .comment-box { height: 255px; position: relative; text-align: right; background: #fff; } /*#usercomment .comment-cont .item .comment-box .topic-box { font-weight: bold; font-size: 18px; color: #000; padding: 0 25px 20px; }*/ #usercomment .comment-cont .item .comment-box .topic-box { position: relative; font-size: 15px; font-weight: bold; padding-top: 7px; margin-bottom: 10px; text-align: center; vertical-align: middle; display: table; width: 100%; height: auto; min-height: 44px; background: #cfd0d2; border-radius: 0 0 15px 15px; } #usercomment .comment-cont .item .comment-box .topic-box span { font-family: titr; font-weight: bold; height: 44px; color: #15212f; line-height: 19px; display: table-cell; vertical-align: middle; padding: 0 5px; font-size: 15px; overflow: hidden; } #usercomment .comment-cont .item .comment-box .comment-text-box { color: #586875; height: 155px; overflow: hidden; line-height: 23px; padding: 5px 25px 5px; direction: rtl; } #usercomment .comment-cont .item .comment-box .comment-text-box > p:nth-child(1) { display: block; font-size: 15px; font-weight: bold; margin: 0 0 10px; padding: 0; } #usercomment .comment-cont .item .comment-box .comment-text-box > p:nth-child(2) { display: block; max-height: 73px; min-height: 73px; overflow: hidden; margin: 0 0 10px; padding: 0; line-height: 25px; font-size: 14px; } #usercomment .comment-cont .item .comment-box .comment-text-box > p:nth-child(3) { display: block; border-top: 1px solid #c5c9cc; padding: 10px 0 0 0; margin: 10px 0 0 0; height: 33px; overflow: hidden; } #usercomment .comment-cont .item .comment-box .footer-comment { color: #586875; padding: 8px 13px; display: inline-block; width: 100%; vertical-align: top; text-align: left; } /*#usercomment .comment-cont .item .comment-box .footer-comment .usercmnt { float: right; padding-right: 25px; background: url(/images/comment-user.jpg) no-repeat center right; }*/ /*#usercomment .comment-cont .item .comment-box .footer-comment .timecmnt { float: left; }*/ #usercomment .comment-cont { direction: ltr; padding: 0 15px; } #usercomment .comment-cont .owl-item { float: left; } #usercomment .comment-cont .owl-nav .owl-prev { background: url('/images/sprite.png') no-repeat -147px -365px; width: 42px; height: 186px; position: absolute; left: -40px; top: 237px; } #usercomment .comment-cont .owl-nav .owl-next { background: url('/images/sprite.png') no-repeat -150px -578px; width: 42px; height: 186px; position: absolute; right: -40px; top: 237px; } #usercomment .comment-cont .owl-nav .owl-prev.disabled, #usercomment .comment-cont .owl-nav .owl-next.disabled { display: none !important; } #usercomment .more-courses { position: relative; overflow: hidden; text-align: center; margin: auto; border-radius: 36px; border: 3px solid #e7e7e9; background: #143846; padding: 7px 30px; color: #fff; display: inline-block; transition: all 0.3s ease; } #usercomment .more-courses a { font-weight: bold; font-size: 14px; color: #fff; } #usercomment .more-courses:hover a { color: #fff; } #usercomment .more-courses:after { content: '\f104'; color: #fff; font-family: fontawesome; font-size: 26px; display: inline-block; position: absolute; right: -60px; top: -6px; color: #e7e7e9; padding: 8px 20px; background-color: #255563; transition: all 0.3s ease; } #usercomment .more-courses:hover:after { right: 0; } #usercomment .more-courses:hover { padding-right: 70px; border-color: #e7e7e9; } /*--------------Section 6---------------------*/ #slogan { background: #fff7ef; padding: 125px 0 5px 0; height: 400px; } #slogan .slogan-container { max-width: 1200px; margin: auto; } #slogan .slogan-container .slogan-box { float: right; max-width: 740px; width: 60%; } #slogan .slogan-container .slogan-box span:nth-child(1) { display: block; text-align: center; font-size: 24px; margin-bottom: 40px; } #slogan .slogan-container .slogan-box span:nth-child(2) { display: block; text-align: center; font-size: 35px; color: #be9d7c; font-weight: bold; } #slogan .slogan-container .image-box { float: left; } /*--------------Section 7---------------------*/ #articles { position: relative; z-index: 5; /*background: url(/images/back-lightpink.jpg) repeat center bottom;*/ padding: 50px 0 0px; text-align: center; /***felan chon data nadasht***/ display: none; } #articles .title-box { width: 450px; max-width: 94%; padding: 8px 7%; border: 5px solid #143846; border-radius: 26px; overflow: hidden; position: relative; margin: 0 auto 55px; text-align: center; display: inline-block; } #articles .title-box:before { content: ''; width: 100%; height: 100%; display: block; background: #e7e7e9; position: absolute; left: 0; right: 0; top: 0; z-index: 0; } #articles .title-box > span { position: relative; z-index: 1; white-space: nowrap; background: -webkit-linear-gradient(#a554f9, #eb5384); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #dc51a2; font-size: 23px; font-weight: bold; margin: auto; text-align: center; display: inline-block; } #articles .title-box span .someText { display: table-row; } /*#articles .title-box:before { content: ''; position: absolute; top: 20px; right: -290px; height: 1px; width: 270px; background: #ececec; } #articles .title-box:after { content: ''; position: absolute; top: 20px; left: -290px; height: 1px; width: 270px; background: #ececec; }*/ #articles .subtitle-box { color: #797979; font-size: 17px; text-align: center; margin-bottom: 55px; } #articles .article-cont { padding: 0 15px; } #articles .article-cont .owl-stage-outer { padding: 0 0 30px; } #articles .article-cont .item { border-radius: 15px; position: relative; border: 3px solid #ececec; background: #fff; width: 100%; margin: auto; display: inline-block; vertical-align: top; } #articles .article-cont .item .icon-box { position: relative; float: right; width: 104px; height: 104px; padding: 20px 10px 30px 10px; margin-left: 10px; box-sizing: initial; } #articles .article-cont .item .icon-box .shop-box { width: 104px; height: 104px; border: 1px solid #f2f2f2; border-radius: 50%; display: block; } #articles .article-cont .item .icon-box .shop-box img { border-radius: 50%; } #articles .article-cont .item .icon-box .pdf-box { background: url(/images/sprite.png) no-repeat 21px -945px; width: 104px; height: 104px; border: 1px solid #f2f2f2; border-radius: 50%; display: block; } #articles .article-cont .item .icon-box:after { content: ''; height: 100px; width: 1px; background: #ededed; position: absolute; left: 0; top: 20px; } #articles .article-cont .item .icon-box a { transition: all 0.3s ease-in-out; } #articles .article-cont .item:hover .icon-box a { background-color: #ffeef6; } #articles .article-cont .item .left-img-box { display: inline-block; vertical-align: top; width: calc(100% - 135px); } #articles .article-cont .item .article-box { /*width: 320px; float: right;*/ text-align: right; padding: 30px 0px 0 0; position: relative; } #articles .article-cont .item .article-box .topic-box { padding-left: 30px; } #articles .article-cont .item .article-box .topic-box a { font-size: 13px; font-weight: bold; height: 40px; margin-bottom: 20px; line-height: 23px; padding-right: 15px; } #articles .article-cont .item .article-box .summary-box { direction: rtl; line-height: 23px; height: 68px; overflow: hidden; border-bottom: 1px solid #e1e1e1; padding-bottom: 25px; padding-left: 20px; margin-left: 15px; padding-right: 25px; margin-bottom: 15px; box-sizing: initial; } #articles .article-cont .item .article-box .article-footer-box { clear: both; color: #688383; font-size: 12px; line-height: 13px; width: 100%; vertical-align: top; display: inline-block; padding: 0 15px 10px 15px; } #articles .article-cont .item .article-box .article-footer-box .date { float: right; padding-right: 15px; position: relative; margin-left: 10px; padding-left: 10px; border-left: 1px solid #ececec; } #articles .article-cont .item .article-box .article-footer-box .date:before { content: '\f073'; position: absolute; right: 0; top: -1px; font-family: fontawesome; font-size: 12px; color: #688383; } #articles .article-cont .item .article-box .article-footer-box .visitor { float: right; padding-right: 15px; position: relative; margin-left: 10px; padding-left: 10px; border-left: 1px solid #ececec; } #articles .article-cont .item .article-box .article-footer-box .visitor:before { content: '\f06e'; position: absolute; right: 0; top: -1px; font-family: fontawesome; font-size: 12px; color: #688383; } #articles .article-cont .item .article-box .article-footer-box .share-link { padding-right: 15px; } #articles .article-cont .item .article-box .article-footer-box .share-link:before { content: '\f1e0'; cursor: pointer; position: absolute; right: 0; top: -1px; font-family: fontawesome; font-size: 12px; color: #688383; } #articles .article-cont .item .article-box .article-footer-box .share-link:hover:before { color: #ffb0d4; } #articles .article-cont .item .article-box .article-footer-box .more-details { float: left; } #articles .article-cont .item .article-box .article-footer-box .more-details a { color: #000; line-height: 15px; } #articles .article-cont .item .article-box .article-footer-box .more-details a:hover { color: #ffb0d4; } #articles .article-cont .item .article-box .article-source-box { clear: both; direction: rtl; position: absolute; left: 0; bottom: -30px; font-size: 12px; } #articles .article-cont .item .article-box .article-source-box span:nth-child(1) { color: #688383; } #articles .article-cont .item .article-box .article-source-box span:nth-child(2) { } #articles .article-cont .item .article-box .article-footer-box .share-toggle { float: right; padding-right: 15px; position: relative; z-index: 30; display: inline-block; } #articles .article-cont .item .article-box .article-footer-box .share-toggle ul.share-icon { position: absolute; list-style: none; width: 150px; text-align: center; background: #ffb0d4; right: -10px; padding: 5px 0; top: 23px; display: none; } #articles .article-cont .item .article-box .article-footer-box .share-toggle ul.share-icon:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; right: -60px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #ffb0d4; top: -9px; margin: 0 auto; } #articles .article-cont .item .article-box .article-footer-box .share-toggle ul.share-icon li { display: inline-block; margin: 0 5px; } #articles .article-cont .item .article-box .article-footer-box .share-toggle ul.share-icon li a { color: #fff; text-decoration: none; font-size: 16px; } #articles .article-cont .item .article-box .article-footer-box .share-toggle ul.share-icon li a:hover { color: #7e32d3; } #articles .article-cont.owl-carousel .owl-controls .owl-dots { text-align: center; padding: 30px 0 20px; } #articles .article-cont.owl-carousel .owl-controls .owl-dot { width: 17px; height: 17px; background: #fff; border: 1px solid #ccc; display: inline-block; text-align: center; margin: 0 3px; } #articles .article-cont.owl-carousel .owl-controls .owl-dot:hover { background: #ccc; } #articles .article-cont.owl-carousel .owl-controls .owl-dot.active { background: #ffadd3; } #articles .more-courses { position: relative; overflow: hidden; text-align: center; margin: auto; border-radius: 36px; border: 3px solid #e7e7e9; background: #143846; padding: 7px 30px; color: #fff; display: inline-block; transition: all 0.3s ease; } #articles .more-courses a { font-weight: bold; font-size: 14px; color: #fff; } #articles .more-courses:hover a { color: #fff; } #articles .more-courses:after { content: '\f104'; color: #fff; font-family: fontawesome; font-size: 26px; display: inline-block; position: absolute; right: -60px; top: -6px; color: #e7e7e9; padding: 8px 20px; background-color: #255563; transition: all 0.3s ease; } #articles .more-courses:hover:after { right: 0; } #articles .more-courses:hover { padding-right: 70px; border-color: #e7e7e9; } /*--------------Section 8---------------------*/ #footermenu { padding: 0 0 30px 0; position: relative; z-index: 5; } #footermenu .footer-logo { margin: 30px auto 200px; display: inline-block; text-align: center; width: 100%; vertical-align: top; } #footermenu .footer-logo em:nth-child(1) { color: #452e0b; font-size: 18px; display: block; font-weight: bold; padding: 10px 20px 5px; font-style: normal; } #footermenu .footer-logo em:nth-child(2) { color: #8f703a; font-size: 13px; /*display: block;*/ display: none; line-height: 24px; font-weight: bold; font-style: normal; } #footermenu .footer-logo a:after { content: ''; height: 33px; background: url('/images/footer-logo-down.png') no-repeat center top; display: block; margin-top: 10px; } #footermenu .footer-container { padding: 70px 20px 50px; border-radius: 30px; max-width: 1170px; margin: auto; line-height: 30px; background: rgba(255, 255, 255, 0.4); display: inline-block; width: 100%; vertical-align: top; margin-bottom: 30px; } #footermenu .footer-container.temp-page { max-width: initial; background: #eee; } #footermenu .footer-container .footer-menu-box { float: right; width: 45%; position: relative; } #footermenu .footer-container .footer-menu-box:after { content: ''; background: #e46fd8; height: 140px; width: 0.2px; position: absolute; left: 0; top: 15px; } #footermenu .footer-container .footer-menu-box .menu-cont { column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; } #footermenu .footer-container .footer-menu-box .menu-cont .col-menu { padding-bottom: 30px; } #footermenu .footer-container .footer-menu-box .menu-cont .col-menu a { display: block; line-height: 30px; position: relative; transition: all 0.2s ease-in-out; color: #535352; } #footermenu .footer-container .footer-menu-box .menu-cont .col-menu a:hover { padding-right: 8px; color: #000; } #footermenu .footer-container .footer-menu-box .menu-cont .col-menu a:before { content: '\f104'; font-family: fontawesome; font-size: 15px !important; position: absolute; right: -30px; top: 0px; color: #000; opacity: 0; transition: all 0.2s ease-in-out; } #footermenu .footer-container .footer-menu-box .menu-cont .col-menu a:hover:before { opacity: 1; right: -6px; } #footermenu .footer-container .namads-box { float: right; width: 27%; padding: 0 10px; text-align: center; } #footermenu .footer-container .namads-box img { margin: auto; max-width: 100%; } #footermenu .footer-container .newsletter-box { float: left; width: 28%; color: #535352; } #footermenu .footer-container .newsletter-box .title-box { font-weight: bold; } #footermenu .footer-container .newsletter-box .text-newsletter { } #footermenu .footer-container .newsletter-box .newsletter-register { width: 100%; max-width: 340px; } #footermenu .footer-container .newsletter-box .newsletter-register .newsletter-input { direction: ltr; width: 100%; background: #f2ebe5; border-radius: 20px; border: none; padding: 0 30px; margin: 5px auto; } #footermenu .footer-container .newsletter-box .newsletter-register .newsletter-btn { border: none; background: none; float: right; line-height: 23px; } #footermenu .footer-container .newsletter-box .newsletter-register .newsletter-btn:hover, #footermenu .footer-container .newsletter-box .newsletter-register .newsletter-btn:active, #footermenu .footer-container .newsletter-box .newsletter-register .newsletter-btn:focus { color: #e570d8; } #footermenu .footer-container .newsletter-box .newsletter-register #newsletter-email-error { display: none !important; } /*--------------Section 9---------------------*/ footer { position: relative; z-index: 8; padding: 15px 0; min-height: 62px; background: #041f32; /*background: url(/images/footer-back.jpg) no-repeat center top #f1eae4; background-attachment: fixed; background-size: cover;*/ } footer .footer-container { max-width: 1170px; margin: auto; line-height: 30px; position: relative; text-align: center; } footer .footer-container .footer-signs { width: 100%; vertical-align: top; display: inline-block; line-height: 33px; } footer .footer-container .footer-signs .site-name { /*float: right;*/ color: #e7f1f3; font-size: 16px; float: none; text-align: center; } footer .footer-container .footer-signs .site-name span { color: #e7f1f3; font-size: 16px; } footer .footer-container .footer-signs .parsian-sign { color: #787878; float: left; display: none; } footer .footer-container .footer-signs .parsian-sign a { color: #787878; } footer .footer-container .footer-signs .parsian-sign a:hover { color: #be9d7c; } /*footer .container .register { position: fixed; height: 60px; background: #c7a8e9; font-weight: bold; bottom: 0px; width: 60%; margin: 0 auto; text-align: center; display: inline-block; font-size: 18px; padding: 16px 10px 10px; right: 0; left: 0px; opacity: 0; border-radius: 4px 4px 0px 0px; }*/ .container-fluid #RegisterModal a { color: #e051dd; border-bottom: 3px solid #e051dd; } .container-fluid #RegisterModal a:hover { color: #9356d8; border-bottom: 3px solid #9356d8; } /*footer .container .register.active { animation-name: active; animation-duration: 10s; }*/ .container-fluid #RegisterModal .modal-body { min-height: 150px; text-align: center; } .container-fluid #RegisterModal { top: 10%; } .container-fluid #RegisterModal .modal-dialog { width: 400px; } .container-fluid #RegisterModal p { margin-top: 40px; } @keyframes active { 0% { opacity: 0; } 7% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes overShadow { 0% { box-shadow: 0 0 1px 5px rgba(163, 82, 255, 0.2), 0 0 1px 10px rgba(163, 82, 255, 0.1), 0 0 1px 15px rgba(163, 82, 255, 0.05); } 100% { box-shadow: 0 0 1px 10px rgba(163, 82, 255, 0), 0 0 1px 20px rgba(163, 82, 255,0), 0 0 1px 30px rgba(163, 82, 255, 0); } } /*--------------Section innerbanner---------------------*/ .InnerBannerDiv { max-width: 1920px; margin: auto; position: relative; z-index: 1; height: auto; width: auto; overflow: hidden; direction: ltr; min-height: 400px; } .InnerBannerDiv img { margin: auto; height: auto; width: auto; min-height: 400px; min-width: 100%; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; } /*--------------Section sitemap---------------------*/ .SitemapDiv { display: inline-block; color: #555; font-size: 13px; text-align: right; float: right; padding-top: 20px; } .SitemapDiv a { color: #555; display: inline-block; } .SitemapDiv a:hover { color: #143846; } .SitemapDiv li { display: inline-block; vertical-align: middle; } .SitemapDiv li:after { content: '/'; font-size: 15px; vertical-align: middle; padding: 0 5px; color: #555; } .SitemapDiv > ul li:last-child:after { display: none; } .SitemapDiv > ul li:last-child { color: #143846; } .SitemapDiv > ul li:last-child span { color: #143846; } .page-line { display: inline-block; width: 100%; padding: 5px 0 5px 0; min-height: 60px; } .page-line .page-topic { float: left; font-size: 19px; color: #143846; padding: 20px 20px 10px 5px; font-weight: bold; } /**-----------------Content-----------------------**/ .ContentDiv { /*background: url(/images/back-lightpink.jpg) repeat center center;*/ margin-top: 202px; } .contentContainer { text-align: justify; line-height: 27px; min-height: 350px; padding: 40px 0; color: #555; font-size: 14px; border-top: 1px solid #eee; width: 100%; display: inline-block; vertical-align: top; } .content-text { border-radius: 0 0 30px 30px; background: #fff; padding: 0px 15px; font-size: 13px; margin-bottom: 30px; } .contentContainer .menu ul { list-style: square inside; } .contentContainer .menu li { display: list-item; padding-left: 15px; } /*********STARS***********/ .parallax-overlay { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 0; } .starts-cont { position: relative; z-index: 0; background: url(/images/back-body.jpg) no-repeat center bottom; } .preloader { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 999; } .content { width: 100%; height: 100vh; } .bubbles { width: 100%; height: 100%; overflow: hidden; } .bubble { width: 80px; height: 80px; border-radius: 0; border: 0; background: url(/images/star1.png) no-repeat center center; background-size: cover; will-change: transform; transition: 2s; } .bubble-container { position: fixed; bottom: 0; animation: bubbleRise 300s infinite ease-in; will-change: transform; } @keyframes bubbleRise { 0% { opacity: 0; bottom: 0; -webkit-transform: rotate(360deg); } 15% { bottom: 0; opacity: 0.1; margin-left: 0px; -webkit-transform: scale(1); } 25% { opacity: 0.3; margin-left: 50px; } 50% { opacity: 0.3; margin-left: 250px; -webkit-transform: scale(1.1); } 80% { margin-left: 0px; } 100% { bottom: 100%; opacity: 0; -webkit-transform: rotate(0deg); margin-left: -250px; -webkit-transform: scale(1); } } /*****************************************/ /****************Responsive***************/ /*****************************************/ @media (max-width: 767px) { /****header****/ header .logo-box { width: 100px; height: auto; top: 7px; right: 5px; } header .logo-box a { text-align: center; width: auto; } header .logo-box a img { width: 90px; height: auto; } header .logo-box a .logo-text { display: none; /*top: 79px; right: 0; height: 46px; width: auto;*/ } header .logo-box a .logo-text em:nth-child(1) { font-size: 12px; border: none; padding: 5px 10px; letter-spacing: -1px; } header .logo-box a .logo-text em:nth-child(2), header .logo-box a .logo-text em:nth-child(3) { display: none; } header .header-bar { height: 98px; } header .header-bar .icon-header { padding: 5px 20px 5px 10px; } header .header-bar .icon-header .social-box { /*display: none;*/ position: absolute; top: 101px; left: 26px; min-width: 150px; } header > .container { overflow: visible; z-index: 5; } header.scroll .container { overflow: hidden; z-index: 2; } /*header .menu-box { position: relative; z-index: 3; }*/ header .header-bar .icon-header .social-box .instagram, header .header-bar .icon-header .social-box .telegram, header .header-bar .icon-header .social-box .support-telegram-icon { margin-right: 4px; } header .header-bar .icon-header .social-box .instagram span:nth-child(1) { width: 45px; height: 45px; background-position: -89px -77px; } header .header-bar .icon-header .social-box .telegram span:nth-child(1) { width: 45px; height: 45px; background-position: -89px -149px; } header .header-bar .icon-header .social-box .support-telegram-icon span:nth-child(1) { width: 45px; height: 45px; background-position: -156px 3px; } header .header-bar .icon-header .social-box .support-telegram-icon { display: block; } header .header-bar .icon-header .user-box .support-telegram-icon { display: none; } header .header-bar .icon-header .social-box .aparat span:nth-child(1) { width: 45px; height: 45px; background-position: 6px 6px; } header .menu-box .social-box .telegram span:nth-child(1) { width: 45px; height: 45px; background-position: -89px -149px; } header .menu-box .social-box .support-telegram-icon span:nth-child(1) { width: 45px; height: 45px; background-position: -156px 3px; } header .menu-box .social-box .instagram span:nth-child(1) { width: 45px; height: 45px; background-position: -89px -77px; } header .header-bar .icon-header .user-box .cart-icon-top span:nth-child(1) { margin: 0 auto 0px; } header .header-bar .icon-header .social-box a span:nth-child(2) { display: none; } header .header-bar .icon-header .teh-box a span:nth-child(1), header .header-bar .icon-header .user-box > .cart-icon-top:hover span:nth-child(1) { margin: 0 auto 3px; } header .header-bar .icon-header .user-box .search-icon span:nth-child(1) { margin: 2.5px 2.5px 6px; } header .header-bar .icon-header .user-box .login-box span:nth-child(1) { margin: 0 auto 0px; } header .header-bar .icon-header .user-box .register-box span:nth-child(1) { margin-bottom: 0px; } header .header-bar .icon-header .user-box .support-telegram-icon span:nth-child(1) { margin-bottom: 0px; } header.scroll .menu-box .social-box { top: 10px !important; } header .menu-box nav .navbar-header .navbar-toggle { margin: 0px; } header .menu-box nav { margin-top: 48px !important; } /*header .menu-box nav #bs-navbar { margin-top: 10px; }*/ header .search-input1.active { padding: 23px 10px; height: 98px; } header .search-input1 .search-input-box { max-width: 230px; } header .search-input1 > div:nth-child(2) { max-width: 230px !important; } .autocomplete img { max-width: 50px; height: auto; } header .header-bar .icon-header .teh-box { margin-left: 15px; } /****banner****/ #banner { margin-top: 153px; } #banner canvas { display: none; } #banner .banner-controls .owl-nav .owl-prev, #banner .banner-controls .owl-nav .owl-next { display: none; } #banner .banner-container .banner-box { height: 160px; } #banner .banner-container .banner-box .item { height: 160px; } #banner .banner-container .banner-box .item a > img { height: 160px; min-width: 100%; max-width: initial; width: auto; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; } /****courses****/ #courses { padding: 30px 0 0px; } #courses .title-box { font-size: 18px; border-width: 2px; width: auto; margin: 0 auto 0px; } #courses .subtitle-box { line-height: 30px; } #courses .course-cont .item { height: 240px; padding-bottom: 80px; padding-top: 10px; } #courses .course-cont .item:hover { padding-top: 10px; } #courses .course-cont .item .topic-box, #courses .course-cont .item:hover .topic-box { font-weight: normal; top: 100%; font-size: 12px; line-height: 18px; padding-top: 7px; height: 40px; white-space: normal; background: transparent; color: #000; text-shadow: none; } #courses .course-cont .item:hover .topic-box { color: #f4139f; } #courses .course-cont .item .image-box .play-btn-box { background: none; } #courses .course-cont .item .detail-box { position: static; padding-top: 45px; display: block; text-shadow: none; } #courses .course-cont .item .detail-box p { font-size: 11px; color: #666; text-align: center; } #courses .course-cont .item .detail-box p:nth-child(2) { display: none; } #courses .course-cont .item .detail-box:before { display: none; } #courses .course-cont .item a { border-radius: 15px; border-width: 2px; } #courses .course-cont .item .image-box { border-radius: 15px; margin-top: 0; padding-bottom: 0; height: auto; min-height: 100%; width: 100%; } #courses .course-cont .item:hover .image-box, #courses .course-cont .center .item .image-box { margin-top: 0; height: auto; padding-bottom: 0; border-radius: 15px; } #courses .course-cont .item .image-box img { position: absolute; top: -40%; height: auto; } #courses .course-cont .item:hover .image-box .play-btn-box:before, #courses .course-cont .center .item .image-box .play-btn-box:before { width: 35px; height: 35px; background-position: -167px -1677px; } #courses .course-cont .owl-stage-outer { padding: 0 0 5px 0; } #courses .owl-dots .owl-dot:before { height: 3px; top: 8px; } /****shopCourse****/ #shopCourse { padding: 30px 0 40px; } #shopCourse .title-box span { font-size: 18px; } #shopCourse .title-box { border-width: 2px; width: 230px; margin: 0 auto 5px; padding: 6px 7%; } #shopCourse .course-cont { padding: 0 10px; } #shopCourse .course-cont .item { padding-left: 0; } #shopCourse .course-cont .item .course-box:before, #shopCourse .course-cont .item .course-box:after { display: none; } #shopCourse .course-cont .item .course-box { border-left-color: #fff; } #shopCourse .course-cont .item .shop-button { left: 0; } #shopCourse .course-cont.owl-carousel .owl-controls .owl-dots { padding: 10px 0 5px 0; } #shopCourse .course-cont.owl-carousel .owl-stage-outer { margin-left: 0; } #shopCourse .course-cont .item .course-box .teacher-box, #shopCourse .course-cont .item .course-box .product-of-box, #shopCourse .course-cont .item .course-box .section-name-box { display: none; } #shopCourse .course-cont .item .course-box .topic-box a { font-size: 13px; } #shopCourse .course-cont .item .shop-button a { font-size: 12px; padding: 0px 12px 2px; border-width: 1px; } #shopCourse .course-cont .item .course-box .Price-in { font-size: 12px; } #shopCourse .course-cont .item .course-box .Price-in .price-text { font-size: 10px; } /****usercomment****/ #usercomment { padding: 0 0 40px; } #usercomment .title-box span { font-size: 18px; } #usercomment .title-box { border-width: 2px; width: 230px; margin: 0 auto 5px; padding: 6px 7%; } #usercomment .subtitle-box { margin-bottom: 20px; } #usercomment .comment-cont .owl-stage-outer { padding: 0px 0 10px; } #usercomment .comment-cont .item .image-box { height: 150px; } #usercomment .comment-cont .item .image-box a { height: 150px; } #usercomment .comment-cont .item .image-box a > div { display: none; } #usercomment .comment-cont .item:hover .image-box a:before { bottom: 43px; } #usercomment .comment-cont .item .image-box img { position: absolute; top: -35px; } #usercomment .comment-cont .item .comment-box .comment-text-box { padding: 5px 10px 5px; } #usercomment .comment-cont .item .comment-box .comment-text-box > p:nth-child(1), #usercomment .comment-cont .item .comment-box .comment-text-box > p:nth-child(2), #usercomment .comment-cont .item .comment-box .comment-text-box > p:nth-child(3) { font-size: 12px; } /****slogan****/ #slogan { padding: 50px 10px 5px; } #slogan .slogan-container .slogan-box { float: none; width: 100%; } #slogan .slogan-container .slogan-box span:nth-child(1) { font-size: 16px; margin-bottom: 25px; } #slogan .slogan-container .slogan-box span:nth-child(2) { font-size: 18px; margin-bottom: 25px; } #slogan .slogan-container .image-box { float: none; width: 100%; text-align: center; } /****articles****/ #articles { padding: 0; } #articles .title-box span { font-size: 18px; } #articles .title-box { border-width: 2px; width: 230px; margin: 0 auto 5px; padding: 6px 7%; } #articles .article-cont .item { width: 100%; } #articles .article-cont .item .article-box { width: 100%; padding: 10px 0px 0 0; } #articles .article-cont .item .article-box .topic-box { padding-left: 15px; padding-right: 15px; float: none; width: 100%; } #articles .article-cont .item .article-box .summary-box { padding-left: 15px; padding-right: 15px; float: none; } #articles .article-cont .item .icon-box { display: none; /*position: relative; float: none; width: 100%; height: auto; padding: 10px 0 0; margin: auto; text-align: center;*/ } #articles .article-cont .item .icon-box a { margin: auto; } #articles .article-cont .item .article-box .article-footer-box { padding: 0 10px 10px; } #articles .article-cont .item .left-img-box { width: 100%; margin-top: 15px; } #articles .article-cont.owl-carousel .owl-controls .owl-dots { padding: 0px 0 5px; } /****footermenu****/ #footermenu { padding: 30px 10px 0; } #footermenu .footer-container { padding: 20px 20px 10px; } #footermenu .footer-container .footer-menu-box { float: none; width: 100%; } #footermenu .footer-container .footer-menu-box .menu-cont { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; } /*#footermenu .footer-container .footer-menu-box .menu-cont .col-menu a { text-align: center; }*/ #footermenu .footer-container .footer-menu-box .menu-cont .col-menu { padding-bottom: 0; } #footermenu .footer-container .footer-menu-box:after { display: none; } #footermenu .footer-container .newsletter-box { float: left; width: 60%; margin-top: 30px; margin-bottom: 20px; padding: 0 10px; } #footermenu .footer-container .namads-box { float: right; width: 40%; margin-top: 30px; text-align: right; } #footermenu .footer-logo { margin: 0px auto 20px; transform: scale(0.8); -webkit-transform: scale(0.8); } footer { padding: 5px 0; min-height: initial; } footer .footer-container .footer-signs { line-height: 20px; } footer .footer-container .footer-signs .site-name { float: none; text-align: center; padding: 0 10px; font-size: 12px; } footer .footer-container .footer-signs .site-name span { font-size: 13px; } footer .footer-container .footer-signs .parsian-sign { float: none; text-align: center; } footer .footer-container .footer-logo { margin: 0px auto 300px; } /****/ footer .container .register { width: 100%; } /******/ .parallax-overlay { display: none; } .bubble-container { animation: none; -webkit-animation: none; } } @media (max-width: 460px) { header .header-bar .icon-header .teh-box { /*display: none;*/ position: absolute; left: 20px; top: 6px; } header .header-bar .icon-header .teh-box a span:nth-child(1) { display: none; } header .header-bar .icon-header .teh-box a:before { content: 'تلفن : '; margin-left: 10px; float: right; color: #d1d2d4; } header .header-bar .icon-header { padding: 33px 20px 10px 10px; position: relative; } header .header-bar .icon-header .user-box .login-box span:nth-child(1) { width: 40px; height: 40px; background-position: -81px -1676px; } header .header-bar .icon-header .user-box .search-icon span:nth-child(1) { width: 40px; height: 40px; background-position: -9px -1748px; margin: 0px auto; } header .header-bar .icon-header .user-box .cart-icon-top span:nth-child(1) { width: 40px; height: 40px; background-position: -11px -1683px; margin: 0px auto; } header .header-bar .icon-header .user-box .register-box span:nth-child(1) { width: 40px; height: 40px; background-position: -83px -1598px; } header .header-bar .icon-header .user-box .support-telegram-icon span:nth-child(1) { width: 40px; height: 40px; background-position: -83px -1823px; margin: auto; } header .header-bar .icon-header .user-box .support-telegram-icon span:nth-child(2), header .header-bar .icon-header .user-box .cart-icon-top span:nth-child(2), header .header-bar .icon-header .user-box .search-icon span:nth-child(2), header .header-bar .icon-header .user-box .login-box span:nth-child(2), header .header-bar .icon-header .user-box .register-box span:nth-child(2) { font-size: 10px; } /*#footermenu { padding: 30px 0 0 0; }*/ /*#footermenu .footer-container .footer-menu-box .menu-cont { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }*/ /*#footermenu .footer-container .footer-menu-box .menu-cont .col-menu a { text-align: center; }*/ /*#footermenu .footer-container .footer-menu-box .menu-cont .col-menu { padding-bottom: 0; }*/ /****/ #banner .banner-container .banner-box { height: 120px; } #banner .banner-container .banner-box .item { height: 120px; } #banner .banner-container .banner-box .item a > img { height: 120px; } /****/ #footermenu .footer-container .newsletter-box { float: none; width: 100%; margin-top: 30px; } #footermenu .footer-container .namads-box { float: none; width: 100%; margin-top: 30px; text-align: center; } #footermenu .footer-container .namads-box img { display: inline-block; width: 50%; } /******/ #shopCourse .course-cont .item .course-box .Price-in .line-through { display: none; } #usercomment .comment-cont .item { max-width: initial; } #usercomment .comment-cont .item .comment-box .comment-text-box { padding: 0px 10px 0px; height: 120px; } #usercomment .comment-cont .item .comment-box .comment-text-box > p:nth-child(2) { max-height: 40px; min-height: 40px; margin: 0 0 5px; line-height: 21px; } #usercomment .comment-cont .item .comment-box .footer-comment { padding: 3px 13px; } #usercomment .comment-cont .item .comment-box { height: 180px; } } @media (min-width: 768px) and (max-width: 991px) { /****header****/ header .header-bar .icon-header .social-box { /*display: none;*/ position: absolute; top: 151px; left: 35px; } header .logo-box { right: 10px; width: 400px; } header .logo-box a img { width: 110px; height: auto; } header .logo-box a .logo-text { right: 120px; } header .logo-box a .logo-text em:nth-child(1) { font-size: 15px; } header .logo-box a .logo-text em:nth-child(2) { font-size: 11px; } header > .container { width: 100%; padding: 0 10px !important; overflow: visible; z-index: 5; } header.scroll .container { overflow: hidden; z-index: 2; } /*header .menu-box { position: relative; z-index: 3; }*/ header .header-bar .icon-header .social-box .instagram span:nth-child(1) { width: 55px; height: 55px; background-position: 6px -76px; } header .header-bar .icon-header .social-box .telegram span:nth-child(1) { width: 55px; height: 55px; background-position: 5px -159px; } header .header-bar .icon-header .social-box .telegram span:nth-child(1) { width: 55px; height: 55px; background-position: 5px -159px; } header .header-bar .icon-header .social-box .aparat span:nth-child(1) { width: 55px; height: 55px; background-position: 6px 6px; } header .header-bar .icon-header .social-box .support-telegram-icon { display: block; } header .header-bar .icon-header .user-box .support-telegram-icon { display: none; } header .header-bar .icon-header .social-box a span:nth-child(2) { display: none; } /****banner****/ #banner { margin-top: 214px; } #banner canvas { display: none; } #banner .banner-controls .owl-nav .owl-prev, #banner .banner-controls .owl-nav .owl-next { display: none; } /*#banner .banner-container .banner-box { height: 340px; } #banner .banner-container .banner-box .item { height: 340px; } #banner .banner-container .banner-box .item a > img { height: 340px; }*/ /****courses****/ /****shopCourse****/ #shopCourse { padding: 50px 0 170px; } #shopCourse .course-cont.owl-carousel .owl-controls .owl-dots { padding: 50px 0 0 0; } #shopCourse .course-cont .item .course-box:before { display: none; } /****slogan****/ #slogan { padding: 50px 10px 5px; height: auto; } /****usercomment****/ #usercomment .comment-cont .item { max-width: 300px; } #usercomment .comment-cont .item .image-box a.audio-link:after { background: url(/images/sprite.png)#fff no-repeat 48px -1075px; } /****articles****/ #articles .article-cont { padding: 0 10px; } #articles .article-cont .item { width: 100%; } #articles .article-cont .item .article-box { width: 100%; } #articles .article-cont .item .article-box .topic-box { padding-left: 15px; padding-right: 15px; float: none; width: 100%; } #articles .article-cont .item .article-box .summary-box { padding-left: 15px; padding-right: 15px; float: none; } #articles .article-cont .item .icon-box { position: relative; float: none; width: 100%; height: auto; padding: 10px 0 0; margin: auto; text-align: center; } #articles .article-cont .item .icon-box a { margin: auto; } #articles .article-cont .item .article-box .article-footer-box { padding: 0 10px 10px; } #articles .article-cont .item .left-img-box { width: 100%; margin-top: 15px; } /****footermenu****/ #footermenu { padding: 40px 0 0 0; } #footermenu .footer-container .newsletter-box { width: 40%; } #footermenu .footer-container .footer-menu-box { width: 72%; } #footermenu .footer-container .newsletter-box { width: 100%; float: right; margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; } /*footer .footer-container .footer-signs .site-name { float: none; text-align: center; }*/ footer .footer-container .footer-signs .parsian-sign { float: none; text-align: center; } /*****/ footer .container .register { right: auto; } } @media (min-width: 991px) and (max-width: 992px) { /****copy-az-767px-ta-991px - articles****/ #articles .article-cont { padding: 0 10px; } #articles .article-cont .item { width: 100%; } #articles .article-cont .item .article-box { width: 100%; } #articles .article-cont .item .article-box .topic-box { padding-left: 15px; padding-right: 15px; float: none; width: 100%; } #articles .article-cont .item .article-box .summary-box { padding-left: 15px; padding-right: 15px; float: none; } #articles .article-cont .item .icon-box { position: relative; float: none; width: 100%; height: auto; padding: 10px 0 0; margin: auto; text-align: center; } #articles .article-cont .item .icon-box a { margin: auto; } #articles .article-cont .item .article-box .article-footer-box { padding: 0 10px 10px; } } @media (min-width: 1023px) and (max-width:1340px) { /*header .menu-box nav .navbar-nav > li > a{ font-size: 12px;}*/ header .mega-menu li.level1 > a span.title { font-size: 13px; } header.scroll .menu-box nav { padding-right: 0; } } @media (min-width: 1071px) and (max-width:1170px) { header .mega-menu li.level1 > a { padding: 15px 5px; } header .mega-menu li.level1 > a span.title { font-size: 13px; } } @media (min-width: 1023px) and (max-width:1070px) { header .mega-menu li.level1 > a { padding: 15px 5px; } header .mega-menu li.level1 > a span.title { font-size: 12px; } } @media (min-width: 991px) and (max-width:1100px) { header .header-bar .icon-header .user-box { margin-left: 15px; } header .header-bar .icon-header .teh-box { margin-left: 15px; } header .logo-box a .logo-text { right: 160px; } header .logo-box a .logo-text em:nth-child(1) { font-size: 19px; } header .logo-box a .logo-text em:nth-child(2) { font-size: 13px; } header .logo-box { width: 440px; right: 0; } header > .container { width: 100%; padding: 0 10px !important; } /*****/ footer .container .register { right: auto; } } @media (min-width: 768px) and (max-width:1100px) { header .header-bar .icon-header .user-box { margin-left: 0; } header .header-bar .icon-header .teh-box { margin-left: 5px; } } /***************/ /***************/ /***** ertefae mega menu ******/ @media (min-width:1401px) and (max-width:1500px) { header .mega-menu .level2-dropdown-menu > ul { height: 355px; } header .mega-menu .responsive-class .level2-dropdown-menu > ul{height: auto} } @media (min-width:1301px) and (max-width:1400px) { header .mega-menu .level2-dropdown-menu > ul { height: 360px; } header .mega-menu .responsive-class .level2-dropdown-menu > ul{height: auto} } @media (min-width:1241px) and (max-width:1300px) { header .mega-menu .level2-dropdown-menu > ul { height: 352px; } header .mega-menu .responsive-class .level2-dropdown-menu > ul{height: auto} } @media (min-width:1124px) and (max-width:1240px) { header .mega-menu .level2-dropdown-menu > ul { height: 360px; } header .mega-menu .responsive-class .level2-dropdown-menu > ul{height: auto} header .menu-box #bs-navbar-pc li > a.level3 { font-size: 12px; } } @media (min-width:1024px) and (max-width:1123px) { header .mega-menu .level2-dropdown-menu > ul { height: 380px; } header .mega-menu .responsive-class .level2-dropdown-menu > ul{height: auto} header .menu-box #bs-navbar-pc li > a.level3 { font-size: 12px; } } /***************/ /***************/ /***************/ @media (max-width: 1023px) { header > .container { width: 100%; } header .menu-box > .container { position: relative; width: 100%; height: 100%; padding: 0; overflow: visible; } header .menu-box .social-box{display:block } /***Menu****/ /*header .menu-box nav #bs-navbar { background-color: #143846; box-shadow: 2px 1px 15px #143846; } header .menu-box nav { float: none; clear: both; margin-top: 63px; width: 100vw; } header .menu-box nav .navbar-header { position: absolute; height: auto; top: 9px; right: 3%; z-index: 15; } header .menu-box nav .navbar-nav { margin-top: 0; margin: 0; max-height: calc(100vh - 85px); overflow: scroll; overflow-x: visible; text-align: center; } header .menu-box nav .navbar-nav li { display: block; width: 100%; } header .menu-box nav .navbar-nav > li > a { padding: 12px 18px; } header .menu-box nav .navbar-nav .dropdown-menu { margin-right: 0; padding: 0; width: 100%; background: #184455 !important; } header .menu-box nav .navbar-nav .dropdown-submenu > .dropdown-menu { margin-left: 0; border-top: 1px solid #184455; border-bottom: 1px solid #184455; } header .menu-box nav .navbar-nav .dropdown-menu li a { text-align: center; } header .menu-box nav .caret2 { border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; margin-top: 4px; } header .menu-box nav .navbar-header .navbar-togg.navbar-togglele { margin-top: 18px; background-color: #e051dd; } header .menu-box nav .navbar-header .navbar-toggle .icon-bar { position: relative; transition: all 500ms ease-in-out; } header .menu-box nav .navbar-header .navbar-toggle.active .icon-bar:nth-of-type(2) { transform: rotate(45deg); top: 6px; } header .menu-box nav .navbar-header .navbar-toggle.active .icon-bar:nth-of-type(3) { background-color: transparent; } header .menu-box nav .navbar-header .navbar-toggle.active .icon-bar:nth-of-type(4) { transform: rotate(-45deg); top: -6px; } header .menu-box nav .navbar-nav .open .dropdown-menu { position: static; box-shadow: none; float: none; }*/ /*header.scroll .header-bar nav .navbar-header { top: -2px; transition: all 0.2s ease-in-out; } header .menu-box nav .navbar-nav > li > a:before { display: none; }*/ header .menu-box nav .navbar-nav > li > a { background: #eeced9; padding: 10px 15px 10px; color: #bf0f72; text-shadow: none; border-radius: 8px; } header .menu-box nav .navbar-nav > li > a:hover { color: #fff; border: 1px solid #fff; } header .menu-box nav .navbar-nav > li.open > a { color: #fff; border: 1px solid transparent; } header .menu-box .nav .open > a, header .menu-box .nav .open > a:hover, header .menu-box .nav .open > a:focus, header .menu-box .nav .open > a:active { color: #fff; } header.scroll .menu-box .social-box { display: block; top: 6px; } header .header-bar .icon-header .user-box > a:hover span:nth-child(1) { animation: none !important; } /***Menu*END***/ /**********************************************/ /************** -- MEGA MENU -- **************/ header.scroll .header-bar nav .navbar-header { transition: all 0.2s ease-in-out; } header.scroll .menu-box .navbar-toggle { top: 13px; } header #bs-navbar-pc { position: fixed; margin: 0; background: #f5f5f5; width: 308px; top: 0; border-top: 2px solid #e0e0e0; padding: 0; text-align: right; height: 100vh !important; background: rgba(0, 0, 0, 0.7); right: 0; width: 100%; z-index: 20; overflow: hidden; } header .menu-box #bs-navbar-pc .main-menu { width: 308px; background: #f5f5f5; transform: translateX(308px); transition: all 0.3s ease-in-out; height: calc(100% - 54px); overflow-y: scroll; position: relative; z-index: 10; } header .menu-box #bs-navbar-pc .menu-title { font-size: 16px; background: #bf0f72; color: #fff; padding: 5px 15px; text-shadow: 0 0; display: block; width: 308px; transform: translateX(308px); transition: all 0.3s ease-in-out; } header .menu-box #bs-navbar-pc.in .main-menu, header .menu-box #bs-navbar-pc.in .menu-title { transform: translateX(0); } header .menu-box #bs-navbar-pc .menu-title i { font-size: 25px; float: left; margin-top: 10px; vertical-align: middle; cursor: pointer; color: #fff; text-shadow: 0px 0px 3px #ccc; } header .menu-box #bs-navbar-pc li { display: block; position: relative; } header .menu-box #bs-navbar-pc li.level1 { width: 100%; } header .mega-menu li.level1 > a { display: block; padding: 10px; font-size: 15px; line-height: 25px; height: 45px; } header .mega-menu li.level1 > a span.title { color: #444; } header .mega-menu li.level1 > a span.title span { float: left; font-size: 30px; } header .mega-menu li.level1 > a.mm-item-link-hover span.title { color: #444; } header .mega-menu li.level1 > a span.title:hover { color: #333; } header .menu-box ul li.level1:hover { background: none; } header .mega-menu .level2-dropdown-menu > ul > li li { padding-right: 0; } header .mega-menu .level1:nth-child(2) .level2-dropdown-menu > ul > li:nth-child(2) > ul { column-count: initial; -moz-column-count: initial; -webkit-column-count: initial; } header .mega-menu .level1:nth-child(2) .level2-dropdown-menu > ul > li:first-child:after { display: none; } header .mega-menu .level1:nth-child(2) .level2-dropdown-menu > ul > li:last-child:before { display: none; } header .menu-box #bs-navbar-pc li i { position: absolute; left: 15px; top: 11px; font-size: 18px; color: #daad6b; } header .menu-box #bs-navbar-pc li i.fa-angle-down:before { content: "\f067"; } header .menu-box #bs-navbar-pc li .level2-dropdown-menu { position: static; margin: 0; width: 100%; box-shadow: none; padding: 0; line-height: 35px; border-top: 1px solid #e0dfdf; } header .mega-menu .level2-dropdown-menu > ul { column-count: inherit; max-height: 300px; min-height: initial; overflow-y: scroll; height: auto; padding-top: 5px; padding-bottom: 20px; } header .mega-menu .level2-dropdown-menu > ul > li:nth-child(2) > ul { column-count: inherit; } header .menu-box #bs-navbar-pc li.level1.open .level2-dropdown-menu { display: block; } header .menu-box #bs-navbar-pc li.level1.open i.fa-angle-down:before { content: "\f068"; } header .menu-box #bs-navbar-pc .mega-menu > li { border-bottom: 1px solid #e0dfdf; border-top: 1px solid #fffefe; } header .menu-box #bs-navbar-pc .mega-menu > li:last-child { border-bottom: none; } header .menu-box #bs-navbar-pc li a { display: block; } header .menu-box #bs-navbar li.level1 a { } header .menu-box #bs-navbar-pc li > a.level2 { padding: 5px 15px 5px; } header .menu-box #bs-navbar-pc li > a.level3 { padding: 5px 25px 5px; background: transparent; color: #bf0f72; } header .menu-box #bs-navbar-pc li > a.level3:hover { color: #000; background: transparent; } header .mega-menu .level2-dropdown-menu { background: #fff; } header .mega-menu .level2-dropdown-menu > ul > li > a { color: #333; } header .main-menu > ul > li > a:after, header .mega-menu .level2-dropdown-menu > ul > li > a:before { display: none; } header .mega-menu .level2-dropdown-menu > ul > li a { line-height: 20px; } header .menu-box #bs-navbar-pc li.level1.responsive-class { display: none; } /****************************************/ /***************Menu*END*************/ } @media (max-width: 500px) { header .menu-box nav .navbar-nav > .dropdown > .dropdown-menu { width: 100vw; left: 0; right: 0; margin: auto; position: fixed; top: 166px; transition: all 0.1s ease-in-out; } header.scroll .menu-box nav .navbar-nav > .dropdown > .dropdown-menu { top: 68px; } header .menu-box nav .navbar-nav .dropdown-menu li a { padding: 7px 10px; } .navbar-toggle { right: 10px; } header .menu-box .mobile-menu { right: 80px; } } @media (max-width: 400px) { header .menu-box nav .navbar-nav > li > a { font-size: 11px; padding: 10px 5px; } header .menu-box nav .navbar-nav .dropdown-menu li a { font-size: 12px; } } @media (min-width: 1101px ) and (max-width: 1200px) { header .logo-box a .logo-text { right: 160px; } header .logo-box a .logo-text em:nth-child(1) { font-size: 19px; } header .logo-box a .logo-text em:nth-child(2) { font-size: 13px; } header .logo-box { width: 440px; right: 0; } header > .container { width: 100%; padding: 0 10px !important; } } @media (min-width: 1201px ) and (max-width: 1509px) { header .logo-box a .logo-text { right: 150px; } header .logo-box { right: 0; width: 500px; } header > .container { width: 100%; padding: 0 10px !important; } } @media (min-width: 1023px) { .navbar-toggle { display: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; visibility: visible !important; } header .menu-box nav { padding-right: 150px; } } @media (min-width: 1510px) { .custom.container { width: 1500px; } .ContentDiv > .container { width: 1200px; } header .menu-box nav { padding-right: 225px; } } @media (max-width: 1509px) { header .header-bar .icon-header .user-box, header .header-bar .icon-header .teh-box { margin-left: 15px; } } @media (max-width: 1190px) { /*.register-box { display: none; }*/ /*header .header-bar .icon-header .user-box .cart-icon-top { display: none; }*/ header .header-bar .icon-header .user-box .login-box { vertical-align: super; } } @media(max-width: 1100px) { header .header-bar .icon-header .user-box .search-icon { display: none; } } /*********/ /*********/ /*********/ @media (max-width: 1200px) { #shopCourse .course-cont .item { min-height: 445px; } } @media (max-width: 991px) { #shopCourse .course-cont .item { min-height: 462px; } } @media (max-width: 768px) { #shopCourse .course-cont .item { min-height: initial; } #shopCourse .course-cont .item .course-box .teacher-box, #shopCourse .course-cont .item .course-box .product-of-box, #shopCourse .course-cont .item .course-box .section-name-box, #shopCourse .course-cont .item .course-box .course-box-in > p { display: none; } } /***************/ /*****page-layout-rtl.css END******/ .audio-link div { display: inline-block; } /*.stars, .stars-2, .small-stars, .small-stars-2 { position: absolute; top: 50%; left: 50%; width: 600px; height: 600px; margin: -300px 0 0 -300px; background: url(/images/stars-large.png) no-repeat center top; -webkit-animation-name: starsLarge; -webkit-animation-duration: 100s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } @-webkit-keyframes starsLarge { from { -webkit-transform: rotate(0deg) scale(2); opacity: .5; } to { -webkit-transform: rotate(360deg) scale(.9); opacity: 0; } } .stars-2 { -webkit-animation-name: starsLargeAlt; -webkit-animation-duration: 90s; -webkit-animation-iteration-count: infinite; -webkit-animation-delay: 0.5s; -webkit-animation-timing-function: linear; } @-webkit-keyframes starsLargeAlt { from { -webkit-transform: rotate(180deg) scale(1.5); opacity: .7; } to { -webkit-transform: rotate(360deg) scale(.6); opacity: 0; } } .small-stars, .small-stars-2 { background: url(/images/stars-small.png) no-repeat center top; -webkit-animation-duration: 120s; -webkit-animation-name: starsSmall; } .small-stars-2 { -webkit-animation-name: starsSmallAlt; -webkit-animation-duration: 80s; -webkit-animation-delay: 0.5s; } @-webkit-keyframes starsSmall { from { -webkit-transform: rotate(360deg) scale(1.5); opacity: .7; } to { -webkit-transform: rotate(0deg) scale(.7); opacity: 0; } } @-webkit-keyframes starsSmallAlt { from { -webkit-transform: rotate(0deg) scale(2); opacity: .5; } to { -webkit-transform: rotate(360deg) scale(.7); opacity: 0; } }*/