@charset "utf-8"; .bannerlist{ width: 100%; display: block; border-radius: 3px; margin-bottom: 8px; } .bannerlist img{ width: 100%; border-radius: 3px; } .fancybox-container .price { font-size: 24px; margin: 10px 0; display: block; color: #f00; font-weight: 600; } .listradioselect{ margin-top: 50px; display: block;margin-bottom: 30px; } .listradioselect span{ } .listradioselect label{ border: 1px solid #c4c4c4; padding: 6px 16px; cursor: pointer; color: #262626; } .listradioselect input{ display: none; } .listradioselect input:checked + label{ background: #222; border: 1px solid #222; padding: 6px 16px; color: #fff; } .hasgroupprice{ position: absolute; bottom: 0; right: 0; width: 100%; background: #fff; -webkit-transition: height .3s ease;height: 0; } .hasgroupprice span{ color:#444; margin:5px 5px; ; } .prt:hover .hasgroupprice { height: 34px; } .catmncvds{ } .catmncvds a{ display: block; padding: 15px; text-align: center; color: #333 !important; margin: 10px; border: 1px solid #eee; transition: all 0.3s; border-radius: 5px; } .catmncvds a:hover{ border: 1px solid #a8a5e2; transition: all 0.3s; } .catmncvds img{ display: block; width: 100%; } .catmncvds a div{ margin-top: 4px; display: block; } .center-vertical{ display: flex !important; align-items: center !important; } .navigation { width: 100%; display: table; position: relative; font-family: inherit; background-color: #fff; } .navigation * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } .navigation-portrait { /*height: 48px;*/ } .navigation-fixed { position: fixed; top: 0; left: 0; z-index: 19998; } .navigation-hidden { width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } .align-to-right { float: right; } .nav-header { float: left; } .navigation-hidden .nav-header { display: none; } .nav-brand { line-height: 70px; padding: 0; color: #343a40; font-size: 24px; text-decoration: none !important; } .nav-brand:hover, .nav-brand:focus { color: #343a40; } .navigation-portrait .nav-brand { font-size: 18px; line-height: 48px; } .nav-logo > img { height: 48px; margin: 11px auto; padding: 0 15px; float: left; } .nav-logo:focus > img { outline: initial; } .navigation-portrait .nav-logo > img { height: 36px; margin: 6px auto 6px 15px; padding: 0; } .nav-toggle {z-index:99999; width: 30px; height: 30px; padding: 6px 2px 0; position: absolute; top: 50%; right: 15px; display: none; cursor: pointer; position: fixed; top: 8px; right: 13px; } .nav-toggle:before { content: ""; position: absolute; width: 28px; height: 3px; background-color: #343a40; border-radius: 10px; box-shadow: 0 0.5em 0 0 #343a40, 0 1em 0 0 #343a40; } .navigation-portrait .nav-toggle { display: block; } .navigation-portrait .nav-menus-wrapper { width: 320px; height: 100%; top: 0; right: -400px; position: fixed; background-color: #fff; z-index: 20000; overflow-y: auto; -webkit-overflow-scrolling: touch; transition-duration: 0.2s; transition-timing-function: ease; } .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right { left: auto; right: -400px; } .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open { left: 0; } .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open { left: auto; right: 0; } .nav-menus-wrapper-close-button { width: 30px; height: 40px; margin: 10px 7px; display: none; float: right; color: #343a40; font-size: 26px; cursor: pointer; } .navigation-portrait .nav-menus-wrapper-close-button { display: inline-block; } .nav-menu { margin: 0; padding: 2px 0; list-style: none; line-height: normal; font-size: 0; } .navigation-portrait .nav-menu { width: 100%; } .navigation-landscape .nav-menu.nav-menu-centered { float: none; text-align: center; } .navigation-landscape .nav-menu.nav-menu-centered > li { float: none; } .nav-menu > li { display: inline-block; float: right; text-align: right; } .navigation-portrait .nav-menu > li { width: 100%; position: relative; border-top: solid 1px #f0f0f0; } .navigation-portrait .nav-menu > li:last-child { border-bottom: solid 1px #f0f0f0; } .nav-menu + .nav-menu > li:first-child { border-top: none; } .nav-menu > li > a { padding: 10px 12px; display: inline-block; text-decoration: none; font-size: 13px; color: #343a40; transition: color 0.3s, background 0.3s; } .navigation-portrait .nav-menu > li > a { width: 100%; height: auto; padding: 12px 15px 12px 26px; } .nav-menu > li:hover > a, .nav-menu > li.active > a, .nav-menu > li.focus > a { color: #ff6b00; } .nav-menu > li > a > i, .nav-menu > li > a > [class*="ion-"] { width: 18px; height: 16px; line-height: 16px; transform: scale(1.4); } .nav-menu > li > a > [class*="ion-"] { width: 16px; display: inline-block; transform: scale(1.8); } .navigation-portrait .nav-menu.nav-menu-social { width: 100%; text-align: center; } .nav-menu.nav-menu-social > li { text-align: center; float: none; border: none !important; } .navigation-portrait .nav-menu.nav-menu-social > li { width: auto; } .nav-menu.nav-menu-social > li > a > [class*="ion-"] { font-size: 12px; } .nav-menu.nav-menu-social > li > a > .fa { font-size: 14px; } .navigation-portrait .nav-menu.nav-menu-social > li > a { padding: 15px; } .submenu-indicator { margin-right: 6px; margin-top: 6px; float: left; transition: all 0.2s; } .navigation-portrait .submenu-indicator { width: 54px; height: 44px; margin-top: 0; position: absolute; top: 0; left: 0; text-align: center; z-index: 20000; } .submenu-indicator-chevron { height: 6px; width: 6px; display: block; border-style: solid; border-width: 0 1px 1px 0; border-color: transparent #70798b #70798b transparent; transform: rotate(45deg); transition: border 0.2s; } .navigation-portrait .submenu-indicator-chevron { position: absolute; top: 18px; left: 24px; } .nav-menu > li:hover > a .submenu-indicator-chevron, .nav-menu > .active > a .submenu-indicator-chevron, .nav-menu > .focus > a .submenu-indicator-chevron { border-color: transparent #967adc #967adc transparent; } .navigation-portrait .submenu-indicator.submenu-indicator-up { transform: rotate(-180deg); } .nav-overlay-panel { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: none; z-index: 19999; } .no-scroll { width: 100%; height: 100%; overflow: hidden; } .nav-search { height: 70px; float: right; z-index: 19998; } .navigation-portrait .nav-search { height: 48px; padding: 0 10px; margin-right: 52px; } .navigation-hidden .nav-search { display: none; } .nav-search-button { width: 70px; height: 70px; line-height: 70px; text-align: center; cursor: pointer; background-color: #fbfcfd; } .navigation-portrait .nav-search-button { width: 50px; height: 48px; line-height: 46px; font-size: 22px; } .nav-search-icon { width: 14px; height: 14px; margin: 2px 8px 8px 4px; display: inline-block; vertical-align: middle; position: relative; color: #343a40; text-align: left; text-indent: -9999px; border: 2px solid; border-radius: 50%; transform: rotate(-45deg); } .nav-search-icon:after, .nav-search-icon:before { content: ""; pointer-events: none; } .nav-search-icon:before { width: 2px; height: 11px; top: 11px; position: absolute; left: 50%; border-radius: 0 0 1px 1px; box-shadow: inset 0 0 0 32px; transform: translateX(-50%); } .nav-search-button:hover .nav-search-icon { color: #ff6b00; } .nav-search > form { width: 100%; height: 100%; padding: 0 auto; display: none; position: absolute; left: 0; top: 0; background-color: #fff; z-index: 99; } .nav-search-inner { width: 70%; height: 70px; margin: auto; display: table; } .navigation-portrait .nav-search-inner { height: 48px; } .nav-search-inner input[type="text"], .nav-search-inner input[type="search"] { height: 70px; width: 100%; margin: 0; padding: 0 12px; font-size: 26px; text-align: center; color: #343a40; outline: none; line-height: 70px; border: none; background-color: transparent; transition: all 0.3s; } .navigation-portrait .nav-search-inner input[type="text"], .navigation-portrait .nav-search-inner input[type="search"] { height: 48px; font-size: 18px; line-height: 48px; } .nav-search-close-button { width: 28px; height: 28px; display: block; position: absolute; right: 20px; top: 20px; line-height: normal; color: #343a40; font-size: 20px; cursor: pointer; text-align: center; } .navigation-portrait .nav-search-close-button { top: 10px; right: 14px; } .nav-button { margin: 18px 15px 0; padding: 8px 14px; display: inline-block; color: #fff; font-size: 14px; text-align: center; text-decoration: none; border-radius: 4px; } .nav-button:hover, .nav-button:focus { color: #fff; text-decoration: none; } .navigation-portrait .nav-button { width: calc(100% - 52px); margin: 17px 26px; } .nav-text { margin: 25px 15px; display: inline-block; color: #343a40; font-size: 14px; } .navigation-portrait .nav-text { width: calc(100% - 52px); margin: 12px 26px 0; } .navigation-portrait .nav-text + ul { margin-top: 15px; } .nav-dropdown { min-width: 180px; margin: 0; padding: 0; display: none; position: absolute; list-style: none; z-index: 98; white-space: nowrap; } .navigation-portrait .nav-dropdown { width: 100%; position: static; left: 0; } .nav-dropdown .nav-dropdown { left: 100%; } .nav-menu > li > .nav-dropdown { border: solid 1px #f0f0f0; } .nav-dropdown > li { width: 100%; float: right; clear: both; position: relative; text-align: right; } .nav-dropdown > li > a { width: 100%; padding: 16px 20px; display: inline-block; text-decoration: none; float: right; font-size: 13px; color: #343a40; background-color: #fdfdfd; } .nav-dropdown > li:hover > a, .nav-dropdown > li.focus > a { color: #ff6b00; } .nav-dropdown.nav-dropdown-left { right: 0; } .nav-dropdown > li > .nav-dropdown-left { left: auto; right: 100%; } .navigation-landscape .nav-dropdown.nav-dropdown-left > li > a { text-align: right; } .navigation-portrait .nav-dropdown > li > a { padding: 12px 20px 12px 30px; } .navigation-portrait .nav-dropdown > li > ul > li > a { padding-left: 50px; } .navigation-portrait .nav-dropdown > li > ul > li > ul > li > a { padding-left: 70px; } .navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a { padding-left: 90px; } .navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 110px; } .nav-dropdown .submenu-indicator { right: 15px; top: 10px; position: absolute; } .navigation-portrait .nav-dropdown .submenu-indicator { right: 0; top: 0; } .nav-dropdown .submenu-indicator .submenu-indicator-chevron { transform: rotate(-45deg); } .navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron { transform: rotate(45deg); } .nav-dropdown > li:hover > a .submenu-indicator-chevron, .nav-dropdown > .focus > a .submenu-indicator-chevron { border-color: transparent #ff6b00 #ff6b00 transparent; } .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator { left: 10px; } .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron { transform: rotate(135deg); } .nav-dropdown-horizontal { width: 100%; left: 0; background-color: #fdfdfd; border-top: solid 1px #f0f0f0; } .nav-dropdown-horizontal .nav-dropdown-horizontal { width: 100%; top: 100%; left: 0; } .navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal { border-top: none; } .nav-dropdown-horizontal > li { width: auto; clear: none; position: static; } .navigation-portrait .nav-dropdown-horizontal > li { width: 100%; } .nav-dropdown-horizontal > li > a { position: relative; } .nav-dropdown-horizontal .submenu-indicator { height: 18px; top: 11px; transform: rotate(90deg); } .navigation-portrait .nav-dropdown-horizontal .submenu-indicator { height: 42px; top: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up { transform: rotate(-180deg); } .megamenu-panel { width: 100%; padding: 15px; display: none; position: absolute; font-size: 14px; z-index: 98; text-align: right; color: inherit; border-top: solid 1px #f0f0f0; background-color: #fdfdfd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.075); } .navigation-portrait .megamenu-panel { padding: 25px; position: static; display: block; } .megamenu-panel [class*="container"] { width: 100%; } .megamenu-panel [class*="container"] [class*="col-"] { padding: 0; } .megamenu-panel-half { width: 50%; } .megamenu-panel-quarter { width: 25%; } .navigation-portrait .megamenu-panel-half, .navigation-portrait .megamenu-panel-quarter { width: 100%; } .megamenu-panel-row { width: 100%; } .megamenu-panel-row:before, .megamenu-panel-row:after { content: ""; display: table; line-height: 0; } .megamenu-panel-row:after { clear: both; } .megamenu-panel-row [class*="col-"] { display: block; min-height: 20px; float: left; margin-left: 3%; } .megamenu-panel-row [class*="col-"]:first-child { margin-left: 0; } .navigation-portrait .megamenu-panel-row [class*="col-"] { float: none; display: block; width: 100% !important; margin-left: 0; margin-top: 15px; } .navigation-portrait .megamenu-panel-row:first-child [class*="col-"]:first-child { margin-top: 0; } .megamenu-panel-row .col-1 { width: 5.583333333333%; } .megamenu-panel-row .col-2 { width: 14.166666666666%; } .megamenu-panel-row .col-3 { width: 22.75%; } .megamenu-panel-row .col-4 { width: 31.333333333333%; } .megamenu-panel-row .col-5 { width: 39.916666666667%; } .megamenu-panel-row .col-6 { width: 48.5%; } .megamenu-panel-row .col-7 { width: 57.083333333333%; } .megamenu-panel-row .col-8 { width: 65.666666666667%; } .megamenu-panel-row .col-9 { width: 74.25%; } .megamenu-panel-row .col-10 { width: 82.833333333334%; } .megamenu-panel-row .col-11 { width: 91.416666666667%; } .megamenu-panel-row .col-12 { width: 100%; } .megamenu-tabs { width: 100%; float: left; display: block; } .megamenu-tabs-nav { width: 20%; margin: 0; padding: 0; float: left; list-style: none; } .navigation-portrait .megamenu-tabs-nav { width: 100%; } .megamenu-tabs-nav > li > a { width: 100%; padding: 10px 16px; float: left; font-size: 13px; text-decoration: none; color: #343a40; border: solid 1px #eff0f2; outline: 0; background-color: #fff; } .megamenu-tabs-nav > li.active a, .megamenu-tabs-nav > li:hover a { background-color: #f5f5f5; } .megamenu-tabs-pane { width: 80%; min-height: 30px; padding: 20px; float: right; display: none; font-size: 13px; color: #343a40; border: solid 1px #eff0f2; background-color: #fff; } .megamenu-tabs-pane.active { display: block; } .navigation-portrait .megamenu-tabs-pane { width: 100%; } .megamenu-lists { width: 100%; display: table; } .megamenu-list { width: 100%; margin: 0 0 15px; padding: 0; display: inline-block; float: right; list-style: none; } .megamenu-list:last-child { margin: 0; border: none; } .navigation-landscape .megamenu-list { margin: -15px 0; padding: 20px 0; border-left: solid 1px #f0f0f0; } .navigation-landscape .megamenu-list:last-child { border: none; } .megamenu-list > li > a { width: 100%; padding: 5px 15px; display: inline-block; color: #444; text-decoration: none; font-size: 13px; } .megamenu-list > li > a:hover { color: #222; } .megamenu-list > li.megamenu-list-title > a { font-size: 14px; font-weight: 500; text-transform: uppercase; color: #343a40; } .megamenu-list > li.megamenu-list-title > a:hover { background-color: transparent; } .navigation-landscape .list-col-2 { width: 50%; } .navigation-landscape .list-col-3 { width: 33%; } .navigation-landscape .list-col-4 { width: 25%; } .navigation-landscape .list-col-5 { width: 20%; } .nav-menu > li > a { color: #343a40; text-transform: uppercase; } .nav-dropdown > li > a { color: #343a40; padding: 10px 20px; border-bottom: 1px solid #f6f6f6; } .nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus { color: #ff6b00; } .main_header_area.sticky { width: 100%; position: fixed; top: 0; left: 0; background-color: #fff; z-index: 9999; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); } .transparent-menu { position: absolute; width: 100%; left: 0; top: 0; z-index: 99; } .navigation-portrait .nav-menu > li > a { width: 100%; height: auto; padding: 10px 10px 10px 30px; } .for_mobile{ display:none; } .mobileli{ display:none !important; } @media only screen and (min-width: 320px) and (max-width: 767px) { .nav-dropdown > li > a, .megamenu-list > li > a { width: 100%; } .for_mobile{ width: 42%; display:inline-block; float: right; list-style: none; padding: 0 6px; text-align: center; } .mobileli{ display:flex !important; height: 49px } } .bannerlistskit{ position: fixed; bottom: 0; right: 0; width: 100%;z-index: 9999; } .bannerlistskit img{ width:100%; } .itemserach_o{ } .itemserach_o_title{ width: 100%; display: block; font-size: 15px; } .itemserach_o_title i{ float: left; margin-top: 4px; } .toggle_is_class{ padding-right: 6px;margin-top: 5px; } .toggle_is_class a{ display: block; width: 100%; margin-bottom: 4px;cursor: pointer; } .toggle_is_class label{ cursor: pointer; } .toggle_is_class span{ } .newslist h2 a{ } .js-dropdown-toggler_s { background: #15b92f; height: 60px; display: inline-block; position: fixed; bottom: 7px; right: 7px; border-radius: 50px; text-align: center; color: #fff !important; font-size: 12px; z-index: 99999999999999999; padding: 0 2px; width: 60px; outline: 4px solid rgba(23, 179, 84, 0.5); } .dropdownshow_s{ } .js-dropdown-toggler_s i { font-size: 25px !important; display: block; } .js-dropdown-toggler_s span { font-size: 9px; display: block; } .dropdownshow_s { position: relative; display: inline-block; position: fixed; bottom: 7px; right: 7px; z-index: 999999999999; } .dropdown__content_s { position: absolute; right: 0; visibility: hidden; opacity: 0; margin: 0.5em 0; padding: 0.7em; width: 230px; background-color: #fff; box-shadow: 0 0 7px rgba(0,0,0,0.2); -o-box-shadow: 0 0 7px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.2); -webkit-transition: 200ms; transition: 200ms; z-index: 999999999; bottom:70px; } .dropdown__content_s.is-open { visibility: visible; opacity: 1; } .lists_s{ width: 100%; float: right; display: block; } .lists_s a{ float: right; width: 100%; display: flex; align-items: center; border-bottom: 1px solid #e6e6e6 !important; padding: 5px 0px;transition: 200ms; } .lists_s a:hover{ background: #f0f0f0; transition: 200ms; } .lists_s a span { float: right; font-size: 15px; flex-grow: 1; } .lists_s a i { font-size: 28px; float: left; flex-grow: 0; } .lists_s .instagram_s{ color: #dc3170 !important; } .lists_s .telegram_s{ color: #28aced !important; } .lists_s .whatsapp_s{ color: #0fd724 !important; } .lists_s .phone_s{ color: #6a6a6a !important; } .jmobile{ display:none; margin: 0 !important;border-radius: 0; } .jmobile img{ width:100%; margin: 0 auto; display: block; } .jdesktop{border-radius: 0; display:block;margin: 0 !important; } .jdesktop img{ width: 100%; margin: 0 auto; display: block; } .pbooox{ float: right; width: 100%; height: 77px; display: flex; align-content: center; align-items: center; } .pbooox div{ width: 100%;height: 100%;display: grid; align-content: center; } .page-header-phone { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-wrap:wrap; flex-wrap:wrap; white-space:nowrap } .page-header-phone i { color:#7ccc77; font-size:18px; margin-left:10px; position:relative; -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg); top:1px } .page-header-phone span { font-size:14px; padding-top:2px; margin-left:15px } .page-header-phone b { background:rgba(124,204,119,.15); color:#7ccc77!important; font-weight:500; font-size:14px; padding:5px 14px 2px; border-radius:30px } .page-header-phone a { color:inherit!important } .md-formd{ margin-bottom:20px; } .eaddtocardb{ background-color: #f5f5f5 ; color: #333 !important; ; width: auto; ; margin: 0 auto !important; padding: 4px 7px !important; border-radius: 5px !important; font-size: 12px !important; transition: all 0.3s !important; box-shadow: none !important; box-shadow: none !important; border: none !important;cursor: pointer; } .prt:hover .eaddtocardb{ background: #db2d42; transition: all 0.3s; color: #fff !important; } .hover14figure { position: relative; } .linkd .pchi .chi{ display: block; width: 100%; margin: 10px 12px 10px 0; color: #333; font-size: 13px; } .linkd .pchi .chi:hover{ color: #87c95b; transition: all 0.4s; } .linkd .pchi .chi i{ color: #87c95b; font-size: 11px; } .gotoop{ cursor: pointer; white-space: nowrap; border: 1px solid #c4c5c8; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #a1a3a8; padding: 5px 16px; float: left; } .gotoop:hover { background:#067787; color: #fff !important; } .mobvdksvj div{ height: 46px; } .mobvdksvj img{ width: 65%; text-align: center; display: block; margin: 20px auto 0 auto; } .mobvdksvj span{ text-align: center; display: block; font-size: 11px;color:#666; } /******--blog--*****/ .single-post-share{list-style:none;padding:0;font-size:0;} .single-post-share.top-share{margin-bottom:10px;} .single-post-share .number{font-size:13px;font-weight:700;margin:0; ,Helvetica,sans-serif;display:inline-block;} .single-post-share .post-share-btn{background:#fff;border:1px solid #e2e2e2;line-height:30px;display:inline-block;padding:0 5px;border-radius:30px;font-size:12px;color:#4d4d4d;margin-right:8px;margin-bottom:9px;vertical-align:top;} .single-post-share .post-share-btn .bf-icon,.single-post-share .post-share-btn .number,.single-post-share .post-share-btn .text{line-height:30px;vertical-align:top;} .single-post-share .post-share-btn .text{font-size:12px;} .single-post-share .post-share-btn .bf-icon{font-size:15px;margin:0 3px;} .single-post-share .share-handler{float:left;position:relative;} .single-post-share .post-share-btn.post-share-btn-comments{float:right;border-radius:0;} .share-handler-wrap{overflow:hidden;height:33px;} .share-handler-wrap.bs-pretty-tabs-initialized{height:auto!important;} .post-share .post-share-btn-group{overflow:hidden;float:right;margin-bottom:10px;} .post-share .post-share-btn-group .post-share-btn{border-radius:0;margin:0;padding:0 10px;border-left-width:0;border-right-width:0;position:relative;} .post-share .post-share-btn-group .post-share-btn:before{display:inline-block;content:' ';width:1px;height:66%;background:#e2e2e2;position:absolute;left:0;top:17%;} .post-share .post-share-btn-group .post-share-btn:first-child{border-radius:0 3px 3px 0;border-right-width:1px;} .post-share .post-share-btn-group .post-share-btn:last-child{border-radius:3px 0 0 3px;border-left-width:1px;} .post-share .post-share-btn-group .post-share-btn:last-child:before{display:none;} .post-share .bs-pretty-tabs-container{float:left;} .post-share .bs-pretty-tabs-elements{display:none!important;} .single-post-share ul{list-style:none;margin:0;padding:0;display:inline-block;} .single-post-share .social-item{margin:0 6px 4px 0;float:left;} .single-post-share .social-item a{line-height:30px;min-width:30px;display:inline-block;padding:0 0;border-radius:30px;font-size:14px;color:#fff;overflow:hidden;text-align:center;} .single-post-share .social-item a .bf-icon,.single-post-share .social-item a .item-title{line-height:30px;vertical-align:top;color:#fff;display:inline-block;} .single-post-share .social-item a .item-title{margin-left:6px;} .single-post-share .social-item a .bf-icon{font-size:16px;} .single-post-share .social-item.whatsapp .bf-icon{font-size:16px;font-weight:700;} .single-post-share .number:empty{display:none;} .single-post-share .social-item.facebook a{background-color:#2d5f9a;color:#133d6d;} .single-post-share .social-item.facebook a:hover{background-color:#1b4a82;} .single-post-share .social-item.twitter a{background-color:#53c7ff;color:#2e86b1;} .single-post-share .social-item.twitter a:hover{background-color:#369ed0;} .single-post-share .social-item.linkedin a{background-color:#005182;color:#013c61;} .single-post-share .social-item.linkedin a:hover{background-color:#003b5f;} .single-post-share .social-item.email a,.single-post-share .social-item.print a{background-color:#444;color:#313131;} .single-post-share .social-item.email a:hover,.single-post-share .social-item.print a:hover{background-color:#2f2f2f;} .single-post-share .social-item.telegram a{background-color:#179cde;color:#0a629a;} .single-post-share .social-item.telegram a:hover{background-color:#0f8dde;} .single-post-share .social-item.whatsapp a{background-color:#00e676;color:#02a252;} .single-post-share .social-item.whatsapp a:hover{background-color:#00c462;} .single-post-share .social-item.telegram .bf-icon{margin-left:-1px;} .single-post-share .social-item .bf-icon{vertical-align:middle;} @media only screen and (max-width:780px){ .single-post-share .social-item.whatsapp{display:inline-block;} } @media only screen and (max-width:540px){ .post-share .post-share-btn-group{float:left;} .share-handler-wrap{clear:both;} } @media only screen and (max-width:420px){ .single-post-share .post-share-btn{margin-bottom:4px!important;} } .post-meta.single-post-meta .post-author-avatar,.post-meta.single-post-meta .time{margin:0 0 0 5px;} .post-meta.single-post-meta b{margin-right:2px;margin-left:auto;} .single-post-share .post-share-btn{margin-left:8px;margin-right:auto;} .single-post-share .share-handler{float:right;} .single-post-share .post-share-btn.post-share-btn-comments{float:left;} .post-share .post-share-btn-group{float:left;} .post-share .post-share-btn-group .post-share-btn{border-right-width:0;border-left-width:0;} .post-share .post-share-btn-group .post-share-btn:before{right:-1px;left:auto;} .post-share .post-share-btn-group .post-share-btn:first-child{border-left-width:1px;border-right-width:0;border-radius:3px 0 0 3px;} .post-share .post-share-btn-group .post-share-btn:last-child{border-right-width:1px;border-radius:0 3px 3px 0;} .post-share .bs-pretty-tabs-container{float:right;} .single-post-share .social-item{margin:0 0 4px 6px;float:right;} .single-post-share .social-item a .item-title{margin-right:6px;margin-left:auto;} .single-post-share .social-item.telegram .bf-icon{margin-right:-1px;margin-left:auto;} .post-share .share-handler:after,.post-share .share-handler:before{border:solid 6px transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;top:50%;right:-12px;border-left-color:#d7d7d7;margin-top:-6px;} .post-share .share-handler:after{border:solid 5px transparent;border-left-color:#fff;right:-10px;margin-top:-5px;} .post-share.style-1 .share-handler:after,.post-share.style-1 .share-handler:before{display:none;} .post-share .post-share-btn,.post-share .social-item a{border-radius:3px;padding:0 5px;} .post-share .item-title{font-weight:400;padding:0;} .post-share .item-title,.post-share .number{font-size:12px;} .post-share .post-share-btn-group .number{padding:0;} .post-share.style-1 .social-item.has-title a{padding:0 11px;} .post-share.style-1 .post-share-btn-group .post-share-btn:first-child{border-radius:0 30px 30px 0;} .post-share.style-1 .post-share-btn-group .post-share-btn:last-child{border-radius:30px 0 0 30px;} .post-share.style-1 .post-share-btn-group .post-share-btn:last-child:first-child{border-radius:30px;} .post-share.style-1 .bs-pretty-tabs-more,.post-share.style-1 .share-handler,.post-share.style-1 .social-item a{border-radius:30px;} .post-share.style-1 .bs-pretty-tabs-more{min-width:30px;height:30px;line-height:30px;} .post-share .bs-pretty-tabs-more{color:#afafaf;} .post-share .bs-pretty-tabs-more:hover{color:#383838;} .single-post-share.top-share.style-1{margin-bottom:7px;} .single-post-share.bottom-share.style-1{margin-bottom:-8px;} .post-share.style-1 .share-handler{padding:0 10px;} .single-post-share .social-item{margin-bottom:8px;} .section-heading{margin:0 0 15px;font-size:16px;line-height:20px;position:relative;text-align: right !important;} .section-heading img{ width: 18px;;} .section-heading .h-text .bf-icon{margin-right:3px;vertical-align:top;line-height:inherit;} .section-heading .h-text,.section-heading:after{display:inline-block;-webkit-transition:.35s cubic-bezier(.39,.58,.57,1) 0s ;-moz-transition:.35s cubic-bezier(.39,.58,.57,1) 0s;-o-transition:.35s cubic-bezier(.39,.58,.57,1) 0s;transition:.35s cubic-bezier(.39,.58,.57,1) 0s;} .section-heading:after{background:rgba(0,0,0,.08);content:'';height:4px;position:absolute;top:0;left:0;width:100%;} .section-heading .h-text{position:relative;z-index:1;} .section-heading.sh-t1:after{top: 50%; left: 0; height: 5px; margin-top: -2.5px; width: 100%; background: rgb(158, 35, 88);} .section-heading.sh-t1 .h-text{display: inline-block; padding: 4px 0 4px 17px; color: #9e2358; background: #fff; font-size: 17px; font-weight: 500;;} .section-heading.sh-t1.sh-s2:after{opacity:.15;} .weq{ border: 1px solid #f1f1f1; box-shadow: 0 0px 20px 0px rgb(0 0 0 / 5%); padding: 13px; border-radius: 10px; background-color: #ffffff; ;margin-bottom: 10px;position: relative; } .blog_card{ margin-bottom: 18px; } .blog_card:hover h2{ color: #9e2358;transition: all 0.3s; } .blog_card img{ width: 100%; border-radius: 8px; } .blog_card h2{ font-weight: 500 !important; line-height: 18px !important; font-size: 13px !important; transition: all 0.3s; } .head_for_h1{ margin-bottom: 20px; margin-top: 20px; } .head_for_h1 h1{ font-size: 26px; } .archive-title .pre-title { font-family: 'IRANSans'; font-weight: 400; font-size: 14px; text-align: inherit; text-transform: capitalize; } .archive-title .pre-title { position: relative; margin-bottom: 17px; } .archive-title .pre-title span { background-color: #444; display: inline-block; line-height: 26px; z-index: 1; position: relative; padding: 0 10px; color: #fff; } .archive-title .pre-title::after { right: 0; left: auto; } .archive-title .pre-title::after { content: ''; display: inline-block; position: absolute; left: 0; top: 100%; height: 3px; width: 100%; background-color: #444; } .newslist{ padding: 15px !important; border: 1px solid #f1f1f1; box-shadow: 0 0px 20px 0px rgb(0 0 0 / 5%); margin-bottom: 20px;; border-radius: 10px; background-color: #ffffff; } .newslist:hover a{ color: #9e2558 !important; transition: all 0.3s !important; } .newslist h2 { font-weight: 400; line-height: 23px; font-size: 18px; text-align: right; text-transform: none; } .newslist h2 a{ color: #181a1f; transition: all 0.3s !important; } .newslist .itemo { float: right; width: 100%; margin-bottom: 7px; font-size: 11px; padding: 0 10px; } .newslist .righty { float: right; color:#9e2558;; } .newslist .lefty { float: left; color: #9e2558;; } .newslist .imageitem{ display: block; float: right; width: 100%; position: relative; transition: all 0.4s; height: 170px; overflow: hidden; } .newslist .imageitem .catnews { position: absolute; top: 5px; right: 5px; padding: 1px 12px; color: #fff !important; font-size: 11px; background-color: #9e2558 !important; border-radius: 8px; } .newslist p { text-align: justify; font-size: 13px; float: right; width: 100%; line-height: 25px; color: #888; } /******--blog--*****/ .mobvdksvj div{ height: 46px; } .mobvdksvj img{ width: 65%; text-align: center; display: block; margin: 20px auto 0 auto; } .mobvdksvj span{ text-align: center; display: block; font-size: 11px;color:#666; } .table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0, 0, 0, 0.02) !important; } /* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */ @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 0px solid #e8e8e8 !important; ; text-align: center !important; } table { width: 100%; } /* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; width: 100% !important; } /* Hide table headers (but not display: none;, for accessibility) */ thead tr { position: absolute; top: -9999px; left: -9999px; display:none; } tr { border: 1px solid #ddd2dd; float: right; margin-bottom: 10px;;} td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #e8e8e8; position: relative; padding-right: 28% !important; float: right; } td:before { position: absolute; top: 6px; right: 1px; width: 26%; white-space: nowrap; content: attr(data-column); color: #797777; font-weight: 300; font-size: 11px !important; } } .nbtn{ padding: 10px 16px; direction: rtl; font-size: 14px; font-size: 0.9rem; line-height: 1.271; font-weight: 400; background-color: #ef394e; color: #fff; border: 1px solid #ef394e; width: 100%; border-radius: 7px; margin-top: 19px;cursor: pointer; } .rt-div{ display: block; float: right; width: 100%; margin-bottom: 7px; } .rt-right{ color: #777; float: right; font-size: 13px } .rt-left{ color: #777; float: left; font-size: 16px } .numberq{ margin:100px; } .minusq, .plusq{ cursor: pointer; width: 27px; height: 25px; background: #fff; border-radius: 50px; display: inline-block; vertical-align: middle; text-align: center; font-size: 17px; line-height: 30px; } .minusq { border: none; color: #aaa } .plusq{ border: none; color: #0fabc6 } .inputq{ height: 34px !important; width: 100px !important; text-align: center; font-size: 26px !important; border: 1px solid #ddd !important; border-radius: 4px !important; display: inline-block; vertical-align: middle; padding: 0 !important;} .rowcard{ border: 1px solid #e6e6e6; border-radius: 8px; -webkit-box-shadow: 0 8px 13px -7px rgba(0,0,0,.05); box-shadow: 0 8px 13px -7px rgba(0,0,0,.05); background: #fff; padding: 14px;float: right; width: 100%; } .title_ne{ font-size: 21px; font-weight: 500; color: #b71b21; border-bottom: 2px solid #b71b21; display: inline; } ol, ul { margin-top: 0; margin-bottom: 10px; margin-right: 0; padding-right: 0; list-style: none; } .sub-menu-head { font-size: 14px !important; margin-bottom: 0 !important; margin-top: 0 !important; font-weight: 400; color: #666 !important; } .sub-menu-head a{ color:#666 !important; display: block; padding-top: 5px; padding-bottom: 5px !important; } .sub-menu-head a:hover{ color: #4e608a !important; } .not_mega{ width: 16em !important; } .relativemenu{ position: relative !important; } .author { position: fixed; bottom: 15px; right: 15px; font-size: 14px; color: #999; } .author a { color: #777; text-decoration: none; } .author a:hover { color: blue; } header.dark blockquote { color:#fff; } header.light blockquote { color:#000; } blockquote { max-width: 1000px; margin:0 auto; font-size: 16px; border-left: 0px; padding: 20px ; } blockquote h2 { padding-right: 40px; margin: 0px; } header.dark blockquote a {color: orange; text-decoration: underline;} header.light blockquote a {text-decoration: underline;} header.dark { background-color: #444; } header.light { background-color: #fff; } /* Navigation Styles */ nav { position: relative; } header.dark nav { background-color:rgba(255,255,255,0.5); } header.light nav { background-color:#fff; } ul.main-nav { list-style-type: none; padding: 0px; font-size: 0px; margin: 0 auto; } ul.main-nav > li { display: inline-block; padding: 0; } ul.main-nav > li > a { display: block; padding: 10px 12px; position: relative; color: #484848; font-size: 13px !important; font-weight: 400 !important; box-sizing: border-box; } ul.main-nav > li:hover { background-color: #f9f9f9; } ul.main-nav > li:hover > a { color: #333; font-weight: 400; } ul.main-nav > li ul.sub-menu-lists { margin: 0px; padding: 0px; list-style-type : none; display:block; } ul.main-nav > li ul.sub-menu-lists > li { padding: 2px 0; } ul.main-nav > li ul.sub-menu-lists > li > a { font-size: 14px; } .ic { position: fixed; cursor: pointer; display: inline-block; right: 25px; width: 35px !important; padding:2px; height: 35px !important; text-align: center; top:0px; outline: none; } .ic.close { opacity: 0; font-size: 0px; font-weight: 300; color: #4a4a4a; top:8px; height:40px; display: block; outline: none; } /* Menu Icons for Devices*/ .ic.menu { top:18px; z-index : 99999999920; } .ic.menu .line { height: 4px; width: 100%; display: block; margin-bottom: 4px; margin-top: 4px; } .ic.menu .line-last-child { margin-bottom: 0px; } .sub-menu-head { margin: 10px 0; } .banners-area { margin-top: 20px; padding-top: 15px; } .displayblock{ display:none ; } .displaynone{ display:block ; } @media only screen and (max-width:768px) { .tab button { padding: 7px 5px !important; font-size: 13px !important; } .tab button img{ display:none !important ; } .tab button h2{ font-weight: 500; font-size: 17px !important ; color: #777; margin-bottom: 10px !important ; } .breadcrumb-item a { color: #999 !important; font-size: 11px !important; } .breadf .breadcrumb-item { float: right !important; font-size: 12px !important; color: #999 !important; } .menu_right_ul { position: relative !important; top: 4px !important; right: 0 !important; float: right; height: 17px; } .menu_right_ul ul li a { font-size: 18px !important;; color: #b7b7b7 !important;} .panlw.ewdxs1{ padding-top:0 !important; } .menu_right_ul { position: relative !important;; top: 0 !important;; right: 0 !important;; } .menu_right_ul ul { margin: 0 !important; } .menu_right_ul ul li { float: right !important;; margin: 0 7px !important;; } .one.container-fluid { padding-right: 15px !important; padding-left: 15px !important; } .zoom-img{ display:none !important; } .col-md-12,.col-sm-12,.col-xs-12{ width: 100% !important; } .c-footer__feature-item { font-size: .829rem !important;;} .c-footer__feature-item img { margin: 0 auto 5px auto !important; height: 37px !important; } .logomain{ float:left !important; } .owl-next{ width: 24px !important; height: 51px !important; } .owl-prev{ width: 24px !important; height: 51px !important; } .c-footer__badge { display: inline-block !important; } .menu_col-md-12{ width: 100% !important;padding-bottom: 5px !important; } .wqr h3{ width:100% important; } .sub-menu-head a { color: #000 !important; } .not_mega { width: 100% !important; } .displayblock{ display:block !important; } .displaynone{ display:none !important; } .sub-menu-head { color:orange; } .ic.menu { display: block; } header.dark .ic.menu .line { background-color: #fff; } header.light .ic.menu .line { background-color: #222; } .ic.menu .line { -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .ic.menu:focus .line { background-color: #222 !important; } .ic.menu:focus .line:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .ic.menu:focus .line:nth-child(2){ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -10px; } .ic.menu:focus .line:nth-child(3){ transform: translateY(15px); opacity: 0; } .ic.menu:focus{ outline: none; } .ic.menu:focus ~ .ic.close { opacity: 1; z-index : 999999921; outline: none; } /* .ic.menu:focus ~ .ic.close { opacity: 1.0; z-index : 21; } .ic.close:focus { opacity: 0; } */ .ic.menu:hover, .ic.menu:focus{ opacity: 1; } nav { background-color: transparent; } /* Main Menu for Handheld Devices */ ul.main-nav { z-index:999999; padding: 50px 0; position: fixed; right: 0px; top: 0px; width: 0px; background-color:#fff; height: 100%; overflow: auto; /*CSS animation applied : Slide from Right*/ -webkit-transition-property: background, width; -moz-transition-property: background, width; -o-transition-property: background, width; transition-property: background, width; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; } .ic.menu:focus ~ .main-nav { width: 300px; background-color:#fff; } ul.main-nav > * { -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; opacity: 0; } .ic.menu:focus ~ .main-nav > * {opacity: 1;} ul.main-nav > li > a:after {display: none;} ul.main-nav > li:first-child { border-radius: 0px; } ul.main-nav > li { display: block; border-bottom: 1px solid #444; } ul.main-nav > li > a { font-weight: 600;color: #333 !important; } ul.main-nav > li ul.sub-menu-lists > li a { color: #555 !important; font-size: 14px; } .sub-menu-head { font-size: 16px;} ul.main-nav > li:hover { background-color: transparent; } ul.main-nav > li:hover > a {color: #111; text-decoration: none; font-weight: 600;} .ic.menu:focus ~ ul.main-nav > li > div.sub-menu-block { border-left: 0px solid #ccc; border-right: 0px solid #ccc; border-bottom: 0px solid #ccc; position: relative; visibility: visible; opacity: 1.0; } .sub-menu-block { padding: 0 30px; } .banners-area { padding-bottom: 0px; } .banners-area div { margin-bottom: 15px; } .banners-area { border-top: 1px solid #444; } } @media only screen and (min-width:769px) { .ic.menu { display: none; } /* Main Menu for Desktop Devices */ ul.main-nav { display: block; position: relative; } .sub-menu-block { padding: 15px; } /* Sub Menu */ ul.main-nav > li > div.sub-menu-block { visibility: hidden; background-color: #f9f9f9; position: absolute; margin-top: 0px; width: 100%; color: #333; right: 0; box-sizing: border-box; z-index : 999999999999999999999; font-size: 16px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; opacity: 0; /*CSS animation applied for sub menu : Slide from Top */ -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } ul.main-nav > li:hover > div.sub-menu-block{ background-color: #f9f9f9; visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); } ul.main-nav > li > div.sub-menu-block > * { -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; opacity: 0; } ul.main-nav > li:hover > div.sub-menu-block > * { opacity: 1; } /* List Separator: Outer Border */ header.dark ul.main-nav > li > a { border-right: 1px solid #bbb; } header.light ul.main-nav > li > a { border-right: none; } /* List Separator: Inner Border */ /*ul.main-nav > li > a:after {*/ /* content: '';*/ /* width: 1px;*/ /* height: 62px;*/ /* position: absolute;*/ /* right:0px;*/ /* top: 0px;*/ /* z-index : 2;*/ /*}*/ header.dark ul.main-nav > li > a:after { background-color: #777; } header.light ul.main-nav > li > a:after { background-color: #999; } /* Drop Down/Up Arrow for Mega Menu */ ul.main-nav > li > a.mega-menu > span { display: block; vertical-align: middle; } ul.main-nav > li > a.mega-menu > span:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; content: ''; background-color: transparent; display: inline-block; margin-left: 10px; vertical-align: middle; } ul.main-nav > li:hover > a.mega-menu span:after{ border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 0px solid transparent; border-bottom: 5px solid #666; } .banners-area { border-top: 1px solid #ccc; } } .activeed{ border: 1px solid #00bfd6 !important } input[type="radio"]:checked+label{ font-weight: bold !important; } .btnradio{ background:#000000; border: 1px solid #fff;margin-right: 3px;width: 30px; height: 30px; border-radius: 50%;padding: 0 } .show_price_type label { display: inline-block !important; width: 90px !important; height: 35px !important; padding: 0 !important; line-height: 35px; font-size: 12px; background: #f4f4f4 !important; color: #000 !important; box-shadow: none !important; border: 1px solid #eae8e8;margin: 0 !important; border-radius: 4px;} .show_price_type input[type="radio"] { display: none !important;; position: relative !important; visibility: visible !important; right: 0 !important; } .show_price_type input[type="radio"]:checked + label { border: solid 2px green !important;; } .comments-list, .reply-form { margin-bottom: 1rem !important; } .c_params_title::before { content: ""; position: absolute; right: 0; bottom: 7px; width: 0; height: 0; border-color: transparent transparent transparent #00bfd6; border-style: solid; border-width: 7px 0 0 7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .c_params_title { color: #4d4d4d; font-size: 16px; font-size: 1.143rem; line-height: 1.375; margin-bottom: 25px; letter-spacing: -.3px; position: relative; padding-right: 19px; } .product_detail{ padding: 14px 0; border-bottom: 1px solid #e3e3e3; } .product_detail .title_o{ } .product_detail .title_o img{ width: 24px; } .product_detail .name1_o { font-weight: 600; font-size: 14px; color: #333; } .product_detail .title_o b { color: #41c2e3; } .product_detail .name2_o { display: block; margin-right: 30px; font-size: 12px; color: #2bbadf; margin-top: -2px; } .c-product__seller-row { align-items: center; font-size: .9rem; color: #000; } .c-product__seller-row::after { content: ""; position: absolute; left: 1rem; right: 1rem; bottom: -1px; height: 1px; background-color: #e4e4e4; } .cl_prod_show-5{ float: right; width: 100%; margin-top: 2%; border-top: 1px solid #eee; padding-top: 2%; padding-bottom: 1%; } .cl_prod_show-5 .badgee{ float: right;font-size: 11px; color:#9b9b9b; width: 18%;padding-left: 7px !important; } .cl_prod_show-5 .badgee img{ width: 27%; } .cl_prod_show-5 .badgee div{ width: 70%; float: left; } .c_seller { padding-bottom: 10px !important; padding-right: 10px !important; padding-left: 10px !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: normal; background-color: #f5f5f5; border: 1px solid #e4e4e4; border-radius: 5px; } .text_pro{ float: right; width: 100%; } .text_pro li{ float: right; font-size: 13px; margin-left: 16px; } .text_pro li span{ color: #555 } .text_pro li a{ color: #1ca2bd; padding: 0;position: relative; line-height: 2; } .text_pro li a::after { left: 0; right: 0; top: 50%; margin-top: .85em; content: ""; position: absolute; border-bottom: 1px dashed #1ca2bd; } .title_h1{ font-size: 17px; font-weight: 500; color: #000; display: block; margin-top: 11px; border-bottom: 1px solid #eee; padding-bottom: 16px; margin-bottom: 0; } .cardsc .owl-carousel .owl-item img { display: block !important; border: 1px solid #d7d7d7 !important; float: right !important; width: 100% !important; border-radius: 7px !important; } .menu_right_ul { position: absolute; top: 6%; right: 1%; } .menu_right_ul ul{} .menu_right_ul ul li{} .menu_right_ul ul li a{font-size: 21px; color: #9b9b9b !important; margin-bottom: 5px; float: right; width: 100%;} .paginate a{padding:3px 9px;margin:2px;border:1px solid #dbdde0;text-decoration:none;color:#666;float:right;background:#e1e4e9;border-radius:3px;} .paginate span{padding: 3px 9px; margin: 2px; border: 1px solid#dbdde0;text-decoration: none;color:#666;float: right;background:#e1e4e9;border-radius: 3px;;} .paginate a:hover, .paginate a:active{border:1px solid #999;color:#000;} .paginate span.current{padding:3px 9px;margin:2px;border:1px solid #00bfd6;text-decoration:none;color:#fff;float:right;background:#00bfd6;border-radius:3px;} .paginate span.disabled{border: 1px solid #eee; color: #A8A8A8;;} .wfcsedgb.aprud2:hover{ box-shadow: 0px 0px 7px rgba(0,0,0,0.14); -weblit-box-shadow: 0px 0px 7px rgba(0,0,0,0.14); -o-box-shadow: 0px 0px 7px rgba(0,0,0,0.14); transition: all 0.3s !important; } .wfcsedgb.aprud2{ position: relative; transition: all 0.3s !important; margin-left: -1px; margin-top: -1px; margin-bottom: -1px; border: 1px solid #ebebeb; } .head1 ul{ margin-bottom:0 !important; } .head1 li{ float: right; padding: 4px 5px !important; } .head1 .hasimg img{ opacity: 0.2;width: 24px; } .head1 .hastext{ font-size: 12px; margin-top: 3px; color:#666 } .head1 .haslink{ } .head1 .haslink a{ font-size: 12px; color: #4e6280; margin-top: 2px; float: right; padding: 2px 6px; margin-bottom: 2px; border-radius: 6px; } .head1 .haslink a:hover,.head1 .haslink .selected{ background-color:#00bfd6; color:#fff; } .modtitle{ position: relative; color:#535353; letter-spacing: .2px; font-weight: 500; font-size: 14px !important; line-height: 1.571; padding: 8px 16px 10px 15px; border-bottom: 1px solid#f2f2f2; background:#fff !important; margin-bottom: 0 !important } .c-footer__social-link{ } .c-footer__social-link img{ width: 32px; margin-left: 4px; opacity: 0.7; margin-top: 6px; } .owl-carousel button.owl-dot { background: none !important; } .c-footer__address, .c-footer__address-images { } .c-footer__address { font-style: normal; letter-spacing: -1.1px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 15px 7px; font-size: 14px; font-size: 1rem; line-height: 27px; } .c-footer__contact, .c-footer__contact li { color: #535353; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-footer__contact { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-footer__contact li { font-size: 16px; vertical-align: middle; text-align: right; direction: rtl; white-space: nowrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-left: 30px; } .c-footer__address-images { } .c-footer__address, .c-footer__address-images { } .c-footer__address-appstore { margin-right: 7px; } .c-footer__more-info { padding: 0 41px; margin: 0 -41px; } .c-footer__more-info { padding: 20px 0; } .c-footer__safety-partner li { ; ; border-radius: 5px; background-color: #f0f0f0; border: 1px solid #e5e5ea; padding: 11px; } .c-footer__safety-partner li img{ width:100%; } .c-footer__safety-partner, .t-index .c-footer__description-content { } .c-footer__description-content { padding: 0 7px; padding-bottom: 15px; border-bottom: 1px solid #eceff1; } .c-footer__form { } .c-footer .c-form-newsletter { margin: 0 0 35px; } fieldset { min-width: 0; border: 0; } .c-footer .c-form-newsletter__title { font-size: 1em; line-height: 1.571; font-weight: 400; } .c-form-newsletter__title { font-size: 1.143rem; line-height: 1.375; } .c-form-newsletter__title { color: #5d5959; letter-spacing: .3px; font-size: 1rem; line-height: 1.571; margin-bottom: 21px; } .legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } .c-footer .c-form-newsletter__row { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; margin: 0; } .c-form-newsletter__row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .c-ui-input__field--ltr, .c-ui-input__field--right-placeholder { direction: ltr; text-align: left; } .c-ui-input__field--right-placeholder::placeholder { text-align: right; direction: rtl; } .c-ui-input__field, .dk-selectric-input{ background: #fff !important; color: #717171; font-size: 1rem; line-height: 1.571; padding: 11px 12px; width: 100%; border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; } .c-footer .c-form-newsletter button { background-color: #067787; border-radius: 5px 0 0 5px; text-align: center; width: 87px; border: none; } .btn-secondary { border-radius: 6px; background-color: #ef5662; border: 1px solid #77787b; color: #fff; font-weight: 700; letter-spacing: .3px; } .btn-action, .btn-add-comment, .btn-add-compare, .btn-add-to-cart, .btn-add-to-cart-mini, .btn-cart, .btn-category-search, .btn-checked, .btn-checkout, .btn-default, .btn-faq, .btn-helpful, .btn-invisible-call, .btn-items-more, .btn-landing, .btn-light, .btn-like, .btn-link-spoiler, .btn-login, .btn-mini, .btn-note, .btn-notify-me, .btn-option, .btn-order-more, .btn-order-traking, .btn-password-change, .btn-payment, .btn-primary, .btn-remodal-primary, .btn-remodal-secondary, .btn-secondary, .btn-share, .btn-share-it, .btn-tertiary, .btn-unavailable, .btn-user-add, .btn-user-list, .btn-user-lock, .btn-user-profile, .c-btn-modify, .c-btn-pay-online, .c-btn-seller-add-cart, .c-btn-submit, .c-nps__btn-danger, .c-nps__btn-outline-danger, .c-nps__btn-outline-primary, .c-nps__btn-primary, .c-product__other-sellers, .c-table-suppliers .summary-overlay__button { display: inline-block; background: none; background-color: rgba(0, 0, 0, 0); border: none; outline: none; cursor: pointer; position: relative; padding: 0; text-align: center; white-space: nowrap; } .c-form-newsletter__row button:hover{ background-color: #067787b5 !important; } .c-footer { margin-top: 50px; padding: 20px 10px 0; background-color: #fff; border-top: 1px solid #e0e0e2; position: relative; line-height: 22px; overflow: hidden;width: 100%; float: right; } .c-footer .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: inherit !important; } .c-footer__jumpup { font-size: 1.429rem; line-height: 1.1; color: #4a4a4a; position: absolute; height: 59px; top: 0; left: 0; right: 0; width: 100%; background-color: #f5f5f5; border-top: 1px solid #eceff1; border-bottom: 1px solid #cfd8dc; } .c-footer__jumpup { font-size: 1.429rem; line-height: 1.1; color: #4a4a4a; } .c-footer__jumpup-container { cursor: pointer; width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .c-footer__jumpup-angle img{ width: 36px; height: 36px; background-color: hsla(0,0%,74.5%,.41); border-radius: 50%; margin-left: 5px; text-align: center; vertical-align: middle; line-height: 46px; } .c-footer__address, .c-footer__description-content, .c-footer__feature-innerbox, .c-footer__middlebar, .c-footer__partners { margin: auto; } .c-footer__feature-innerbox, .c-footer__middlebar { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-footer__feature-innerbox { margin: 0 auto; -ms-flex-pack: distribute; justify-content: space-around; } .c-footer { line-height: 22px; } .c-footer__badge { display: inline-block; } .c-footer__feature-item { text-align: center; position: relative; font-size: 11px; line-height: 1.692; color: #444; display: grid; letter-spacing: .2px; padding-bottom: 20px; margin: auto; } .c-footer__feature-item img { margin: 0 auto 0 auto; } hr{ margin-top: 5px !important; margin-bottom: 5px !important; } .c-footer__feature-innerbox{ border-bottom: 1px solid #e4ebee; } .c-footer__middlebar { padding: 20px 0 20px 15px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; border-bottom: 1px solid #e4ebee; justify-content: space-between; } .c-footer__feature-innerbox, .c-footer__middlebar { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-footer__links { display: block; padding: 0 10px; } .c-footer__links--col { } .o-headline-links { margin-bottom: 22px; } .o-headline-links > div a { font-size: 1.143rem; line-height: 22px; color: #4a5f73; } .c-footer__links-ul { letter-spacing: -.1px; margin: 0; padding: 0; list-style-type: none; } .c-footer__links-ul li { margin: 13px 0 0; position: relative; } .c-footer__links-ul a { color: #4b4b4b; font-weight: 300; font-size: 1em; line-height: 1.571; letter-spacing: -.1px; text-decoration: none; } .c-footer .c-form-newsletter { margin: 0 0 35px; } fieldset { min-width: 0; border: 0; } .c-footer .c-form-newsletter__title { font-size: 1em; line-height: 1.571; font-weight: 400; } .c-form-newsletter__title { font-size: 1.143rem; line-height: 1.375; } .c-form-newsletter__title { color: #5d5959; letter-spacing: .3px; font-size: 1rem; line-height: 1.571; margin-bottom: 21px; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } .c-footer .c-form-newsletter__row { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; margin: 0; } .c-form-newsletter__row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .catmu a{ } .catmu img{ width: 42px !important;height: 42px !important; display: block; text-align: center; margin: 0 auto; } .catmu .titled{ display: block; text-align: center; color:#222 !important; font-size: 13px; margin-top: 10px; } .catmu .countd{ display: block; text-align: center; font-size: 13px; margin-top: 11px; font-weight: 300; margin-bottom: 20px; color: #1baec8; } .price_discount { font-size: 0.8rem; line-height: 1.571; font-weight: 700; padding-top: 2px; background-color: #fb3449; color: #fff; border-radius: 16px; margin-right: 4px; width: 36px !important; text-align: center; display: inline-block; float: left; } .owl1 .owl-prev,.owl1 .owl-next{ background: none !important; color: inherit; border: none; padding: 0 !important; font: inherit !important; font-weight: inherit; font-size: inherit; font-size: 38px !important; color:#000; font-weight: 700 !important; margin: 0 !important; box-shadow: none !important; } .owl1 .owl-nav button:hover{ background: none !important; } .oheadline span strong{ width: 100%; font-weight: 500; color: #444;} .oheadline span a{ float: left; font-size: 13px; } .oheadline span a:hover{ color:#ef5661; } .oheadline span{padding:8px 0;min-height:49px;font-size:18px;font-size:1.286rem;line-height:31px;white-space:nowrap;display:-ms-flexbox; display:flex;font-size:17px !important;position:relative;} .oheadline span::before{content:"";position:absolute;right:0;left:-40px;bottom:0;background-color:#ef5661;height:1px;z-index:1;width:184px;} .oheadline span::after{content:"";position:absolute;right:183px;width:15px;height:1px;background-color:#fff;bottom:0;z-index:1} .oheadline::after{position:absolute;bottom:0;right:0;left:0;background-color:#dfdfdf;height:1px;content:"";z-index:0;} .oheadline{-ms-flex-pack:justify;justify-content:space-between;margin:0 0 6px 33px;position:relative;padding-left:5px;} .pru3x a { display: block; background: #fff; border-radius: 4px !important; } .pru3x img { width: 80% !important; } .pru3x .wdecds { margin-bottom: 0 !important; } .pru3x h3 { margin: 7px 0 4px 0 !important; } .pru3x .price { margin-bottom: 10px !important; } .c-swiper-specials--incredible { background: #ef394e; } .c-swiper-specials .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 35px 16px; background: url(../images/a589912c.svg) 90% no-repeat; background-size: auto; background-size: auto 100%; } .bnn_sitevd:hover{ -webkit-filter: saturate(1.5); filter: saturate(1.5); transition: all 0.3s; } .bnn_sitevd{ transition: all 0.3s; } .bnn_site{ display: block; margin-bottom: 10px; } .bnn_site img{ width: 100%;border-radius: 6px; } .header_login { font-size: 12px; font-size: .857rem; line-height: 1.833; padding: 10px 12px; border-radius: 5px; border: 1px solid #e0e0e2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; -ms-flex-negative: 0; flex-shrink: 0; cursor: pointer; color: #616161; } .bn{ margin-bottom: 5px; } #menuw .bds:hover .le1 { position: relative; font-size: 13px !important; color: #936f54 !important; } /* Shutter In Horizontal */ .hvr-shutter-in-horizontal2 { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; background: #F4F4F4; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-horizontal2:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #fff; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-horizontal2:hover, .hvr-shutter-in-horizontal2:focus, .hvr-shutter-in-horizontal2:active { color: white; } .hvr-shutter-in-horizontal2:hover:before, .hvr-shutter-in-horizontal2:focus:before, .hvr-shutter-in-horizontal2:active:before { -webkit-transform: scaleX(0); transform: scaleX(0); } /* Shutter In Horizontal */ .hvr-shutter-in-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; background: #2098D1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active { color: white; } .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before { -webkit-transform: scaleX(0); transform: scaleX(0); } .main_icon{ } .main_icon a { display: block; float: right; width: 100%; padding: 15px; } .main_icon a img{ width: 100%; margin: 0 auto; display: block; } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } .hvr-bounce-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } .breadcrumb-item a { color: #888 !important; font-size: 12px !important; } .box_e{ background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.13); margin: 20px 0 !important; padding: 20px; } .h1, h1 { font-size: 18px !important; line-height: 26px !important; font-weight: 500 !important; } .h2, h2 { font-size: 17px !important; line-height: 25px !important; } .h3, h3 { font-size: 16px !important; line-height: 24px !important; } .h4, h4 { font-size: 15px !important; line-height: 24px !important; } .h5, h5 { font-size: 14px !important; line-height: 24px !important; } .h6, h6 { font-size: 13px !important; line-height: 24px !important; } .divider-new, body, h2, h3, h4, h5, h6 { font-weight: 400 !important; } @media only screen and (max-width: 800px) { .jmobile{ display:block !important;; } .jdesktop{ display:none !important;; } .h1, h1 { font-size: 17px !important; line-height: 25px !important; } .h2, h2 { font-size: 16px !important; line-height: 24px !important; } .h3, h3 { font-size: 15px !important; line-height: 23px !important; } .h4, h4 { font-size: 15px !important; line-height: 23px !important; } .h5, h5 { font-size: 14px !important; line-height: 23px !important; } .h6, h6 { font-size: 13px !important; line-height: 23px !important; } .rwdw{ padding-left: 4px !important } .newslist { padding: 5px !important; } .box_e{ padding: 5px !important; } .newslist p{ display:none !important; } } .weq a{ transition: all 0.3s; } .weq a:hover{ color: #9e2558 !important; transition: all 0.3s; } .vvvvvv{ padding: 7px; margin-bottom: 10px;color: #fff; background: #f7931e; border-radius: 3px; } .hvr-bounce-to-left { display: block; color: #686868; border-top: 1px solid #f3f3f3; padding: 4px 0; margin-top: 8px; } .main-term-21.section-heading.sh-t2::after { background-color: #9e2558; } .main-term-21.section-heading.sh-t2::after { background-color: #eaa5a5; } .section-heading.sh-t2::after { top: 0; height: 1px; } .section-heading.sh-t2 .h-text { padding: 4px 0; line-height: 34px; font-size: 16px; color:#f48585 !important; } .section-heading.sh-t2 { line-height: 20px; text-align: right; padding: 4px 0 0; } .section-heading::after { background: rgba(0,0,0,.08); background-color: rgba(0, 0, 0, 0.08); content: ''; height: 4px; position: absolute; top: 0; left: 0; width: 100%; } figure.snip0015 { height: 100%; color: #fff; position: relative; overflow: hidden; min-width: 100%; width: 100%; background: #000000; text-align: center; margin: 0 !important; } figure.snip0015 * { -webkit-box-sizing: border-box; box-sizing: border-box; } figure.snip0015 img { opacity: 1; width: 100%; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;min-height: 100%; } figure.snip0015 figcaption { position: absolute; bottom: 0; left: 0; padding: 3em 1em; width: 100%; height: 100%; } figure.snip0015 figcaption::before { position: absolute; top: 50%; right: 30px; bottom: 50%; left: 30px; border-top: 1px solid rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8); content: ''; opacity: 0; background-color: #ffffff; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } figure.snip0015 h2, figure.snip0015 p { margin: 0 0 5px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s; } figure.snip0015 h2 { word-spacing: -0.15em; font-weight: 400; text-transform: uppercase; -webkit-transform: translate3d(0%, 50%, 0); transform: translate3d(0%, 50%, 0); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; font-size: 21px; line-height: 37px; } figure.snip0015 h2 span { font-weight: 800; } figure.snip0015 p { font-weight: 200 ; -webkit-transition-delay: 0s; transition-delay: 0s; } figure.snip0015 a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; color: #ffffff; } figure.snip0015:hover img { opacity: 0.35; } figure.snip0015:hover figcaption h2 { opacity: 1; -webkit-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } figure.snip0015:hover figcaption p { opacity: 0.9; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } figure.snip0015:hover figcaption::before { background: rgba(255, 255, 255, 0); top: 30px; bottom: 30px; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } .owl-carousel .overlay { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: black; opacity: 0.5; } .owl-carousel .item{ position: relative; } .sb-container{ position: relative; overflow: hidden; padding-right: 10px; } .sb-content { height:100%; width: 103%; padding-right: 2%; overflow-y: scroll; box-sizing:border-box;overflow-x: hidden; } .sb-scrollbar-container { position: absolute; right: 9px; bottom: 5px; top: 5px; width: 10px; } .sb-container-noscroll .sb-scrollbar-container { right: -20px; } .sb-scrollbar-container::before { content: ''; background: url(images/iconsb.png) no-repeat 0px 0px; width: 25px; height: 25px; float: right; position: absolute; top: -3px; right: -9px;z-index: 99999999; } .sb-scrollbar-container::after { content: ''; background: url(images/iconsb.png) no-repeat 0 -26px; width: 25px; height: 25px; float: right; position: absolute; bottom: -3px; right: -9px;bottom: -6px;z-index: 99999999; } .sb-scrollbar { position: absolute; right: 0; height: 30px; width: 0.35em; border-radius: 10px; background: #f3d218;margin-top: 0; margin-bottom: 0; } .sb-scrollbar:hover { background: #f3d218; } .gallerymenu{ list-style: none; font-size: 15px; } .gallerymenu li{ padding: 5px 0; } .gallerymenu li a { color: #fff; width: 100%; display: block; padding: 4px 7px 4px 0; border-radius: 50px; } .gallerymenu li .active{ color: #424242; background: #f3d218; } figure.red { background-color: #7B5428 !important; } figure.snip0077 { color: #fff; position: relative; overflow: hidden; margin: 0 0 10px 0; min-width: 100%; max-width: 100%; height: 192px; width: 100%; text-align: center; } figure.snip0077 * { -webkit-box-sizing: padding-box; box-sizing: padding-box; } figure.snip0077 img { opacity: 1; width: 100%; -webkit-transition: all 0.5s; transition: all 0.5s;height: 100%; } figure.snip0077 figcaption { top: 50%; left: 20px; right: 20px; padding: 4px; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); } figure.snip0077 figcaption h2, figure.snip0077 figcaption p { margin: 0; color: rgba(255, 255, 255, 0); text-shadow: 0 0 40px #ffffff; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transition-delay: 0s; transition-delay: 0s; } figure.snip0077 figcaption h2 { position: relative; font-weight: 400; text-transform: uppercase; font-size: 16px; margin-bottom: 10px; } figure.snip0077 figcaption h2 span { font-weight: 800; } figure.snip0077 figcaption p { font-size: 13px; font-weight: 300; opacity: 0.65; } figure.snip0077:before, figure.snip0077:after { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; content: ''; opacity: 0; box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.15); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s,-webkit-transform 0.5s,-moz-transform 0.5s,-o-transform 0.5s,transform 0.5s; } figure.snip0077:before { border-top: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); } figure.snip0077:after { border-right: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); } figure.snip0077 a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1; } figure.snip0077.blue { background: #0a212f; } figure.snip0077.red { background: #36100c; } figure.snip0077.yellow { background: #562e0a; } figure.snip0077:hover img, figure.snip0077.hover img { opacity: 0.2; -webkit-filter: blur(5px); filter: blur(5px); -webkit-transform: scale(1.1); transform: scale(1.1); } figure.snip0077:hover figcaption h2, figure.snip0077.hover figcaption h2, figure.snip0077:hover figcaption p, figure.snip0077.hover figcaption p { color: #ffffff; text-shadow: 0 0 0 rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } figure.snip0077:hover:before, figure.snip0077.hover:before, figure.snip0077:hover:after, figure.snip0077.hover:after { opacity: 0.8; -webkit-transform: scale(1); transform: scale(1); } .vc_btn3.vc_btn3-color-warning { color: #FFF; background-color: #F90;display: block; text-align: center; margin: 0 9px; border-radius: 4px; padding: 6px 0; border: 1px solid #df8e15;transition: all 0.3s; } .vc_btn3.vc_btn3-color-warning:hover { background-color: #ED9511;transition: all 0.3s; } .prt .ghf { cursor: pointer; background: #d71b1b; padding: 1px 10px; border-radius: 50px; position: absolute; color: #fff; left: 8%; display: none; bottom: 4%; } .prt:hover .ghf{display:block;} .zoom-left .owl-carousel .owl-stage { margin: 0 auto !important; } .titlbox{ font-size: 18px !important;; font-weight: 600; color: #555;text-align: center; } .checkoutcard { border: 1px solid #efefef; border-radius: 5px;float: right; padding-bottom: 10px; width: 97%;margin-bottom: 20px; } .checkoutcard .titles { background-color: #f1f1f1; font-size: 14px; color: #444; padding: 0; margin: 0 0 11px 0; border-radius: 5px 5px 0 0; font-weight: 500; height: 45px; line-height: 16px !important; } .checkoutcard .titles i { background-color: #5ecdff; color: #fff; width: 45px; height: 45px; font-size: 20px; text-align: center; line-height: 45px; border-radius: 0 5px 0 0; margin-left: 7px;float: right; } .checkoutcard .titles span { display: inline-block; margin-top: 14px; } .checkoutcard .rtqs label { width: 100%; margin-bottom: 7px; font-size: 13px; color: #555; margin-right: 4px; } .sshipping1 .btn-checkout { color: #fff; background-color: #5ecdff; padding: 8px 24px; border-radius: 5px; width: 179px; border: none !important; height: 40px; font-size: 14px;margin: 0 8px; } .sshipping2 .btn-checkout { color: #fff; background-color: #62a843; padding: 8px 24px; border-radius: 5px; width: 179px; border: none !important; height: 40px; font-size: 14px; cursor: pointer;margin: 0 8px; } .sshipping2 .btn-checkout:hover { background-color: #89ae21; } .sshipping1 .btn-checkout:hover { background-color: #40b3e7; } .sshipping1 , .sshipping2{ display: inline; } #fbplus-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fbplus-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('g/elevate/images/fbplus.png'); } #fbplus-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 999999999999999999; display: none; } #fbplus-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fbplus-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fbplus-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fbplus-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fbplus-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fbplus-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('g/elevate/images/fbplus.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fbplus-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fbplus-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fbplus-frame { width: 100%; height: 100%; border: none; display: block; } #fbplus-left, #fbplus-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('g/elevate/images/blank.gif'); z-index: 1102; display: none; } #fbplus-left { left: 0px; } #fbplus-right { right: 0px; } #fbplus-left-ico, #fbplus-right-ico { position: absolute; top: 50%; left: -9999px; width: 29px; height: 40px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fbplus-left-ico { background-image: url('g/elevate/images/fbplus.png'); background-position: -40px -74px; } #fbplus-right-ico { background-image: url('g/elevate/images/fbplus.png'); background-position: -40px -33px; } #fbplus-left:hover, #fbplus-right:hover { visibility: visible; /* IE6 */ } /*:hover*/ #fbplus-left span { left: 20px; } #fbplus-right span { left: auto; right: 20px; } .fbplus-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fbplus-bg-n { top: -20px; left: 0; width: 100%; background-image: url('g/elevate/images/fbplus-x.png'); } #fbplus-bg-ne { top: -20px; right: -20px; background-image: url('g/elevate/images/fbplus.png'); background-position: -40px -162px; } #fbplus-bg-e { top: 0; right: -20px; height: 100%; background-image: url('g/elevate/images/fbplus-y.png'); background-position: -20px 0px; } #fbplus-bg-se { bottom: -20px; right: -20px; background-image: url('g/elevate/images/fbplus.png'); background-position: -40px -182px; } #fbplus-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('g/elevate/images/fbplus-x.png'); background-position: 0px -20px; } #fbplus-bg-sw { } #fbplus-bg-w { top: 0; left: -20px; height: 100%; background-image: url('g/elevate/images/fbplus-y.png'); } #fbplus-bg-nw { } #fbplus-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fbplus-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fbplus-title-outside { padding-top: 10px; color: #fff; } .fbplus-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fbplus-title-over { padding: 10px; background-image: url('g/elevate/images/fbplus_title_over.png'); display: block; } .fbplus-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fbplus-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fbplus-title-float-wrap td { border: none; white-space: nowrap; } #fbplus-title-float-left { padding: 0 0 0 15px; background: url('g/elevate/images/fbplus.png') -40px -90px no-repeat; } #fbplus-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('g/elevate/images/fbplus-x.png') 0px -40px; } #fbplus-title-float-right { padding: 0 0 0 15px; background: url('g/elevate/images/fbplus.png') -55px -90px no-repeat; } /* IE6 */ .fbplus-ie6 #fbplus-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='g/elevate/images/fbplus_close.png', sizingMethod='scale'); } .fbplus-ie6 #fbplus-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='g/elevate/images/fbplus_nav_left.png', sizingMethod='scale'); } .fbplus-ie6 #fbplus-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='g/elevate/images/fbplus_nav_right.png', sizingMethod='scale'); } .fbplus-ie6 #fbplus-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='g/elevate/images/fbplus_title_over.png', sizingMethod='scale'); zoom: 1; } .fbplus-ie6 #fbplus-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='g/elevate/images/fbplus_title_left.png', sizingMethod='scale'); } .fbplus-ie6 #fbplus-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='g/elevate/images/fbplus_title_main.png', sizingMethod='scale'); } .fbplus-ie6 #fbplus-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='g/elevate/images/fbplus_title_right.png', sizingMethod='scale'); } .fbplus-ie6 #fbplus-bg-w, .fbplus-ie6 #fbplus-bg-e, .fbplus-ie6 #fbplus-left, .fbplus-ie6 #fbplus-right, #fbplus-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fbplus-loading.fbplus-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fbplus-loading.fbplus-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='g/elevate/images/fbplus_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fbplus-ie .fbplus-bg { background: transparent !important; } .fbplus-ie #fbplus-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='g/elevate/images/fbplus_shadow_n.png', sizingMethod='scale'); } .fbplus-ie #fbplus-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='g/elevate/images/fbplus_shadow_ne.png', sizingMethod='scale'); } .fbplus-ie #fbplus-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='g/elevate/images/fbplus_shadow_e.png', sizingMethod='scale'); } .fbplus-ie #fbplus-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='g/elevate/images/fbplus_shadow_se.png', sizingMethod='scale'); } .fbplus-ie #fbplus-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='g/elevate/images/fbplus_shadow_s.png', sizingMethod='scale'); } .fbplus-ie #fbplus-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='g/elevate/images/fbplus_shadow_sw.png', sizingMethod='scale'); } .fbplus-ie #fbplus-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='g/elevate/images/fbplus_shadow_w.png', sizingMethod='scale'); } .fbplus-ie #fbplus-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='g/elevate/images/fbplus_shadow_nw.png', sizingMethod='scale'); } .rfgb{display:none;} .dataTables_filter .form-control { padding: 0 5px 0 0 !important; } .eaddtocard{ background: #ef394e; width: 100%; float: left; margin: 0 !important; padding: 13px 0 !important; border-radius: 7px !important; font-size: 17px !important; transition: all 0.3s !important; box-shadow: none !important; } .eaddtocard:hover{ background: #db2d42; transition: all 0.3s; } .compensate-for-scrollbar { margin-right: 0 !important; } .we{ background: #fff; padding: 30px !important; border-radius: 10px; border: 1px solid #e3e3e3; } .we .wech{ display: block; text-align: center; margin-bottom: 25px; font-size: 19px; color: #555; } .we .md-formc .form-control { box-sizing: border-box; height: 35px !important; width: 72%; float: left; margin: 0 !important; border: 1px solid #d1d1d1 !important; background-color: #f7f7f7 !important;padding: 0 !important; } .we .md-formc2 .form-control { box-sizing: border-box; height: 2.4rem !important; padding-right: 33px !important; float: left; margin-bottom: 0; border: 1px solid #d1d1d1 !important; background-color: #f7f7f7 !important; position: relative; margin-top: 0; } .we .md-formc2 { float: right; width: 100%; margin-bottom: 15px; } .we .md-formc2 i { position: absolute; right: 10px; top: 8px; font-size: 23px;color: #666; } #so_sociallogin .btn-facebook { color: #fff; background-color: #3b5998; border-color: rgba(0,0,0,0.2); } #so_sociallogin .btn-twitter { color: #fff; background-color: #55acee; border-color: rgba(0,0,0,0.2); } #so_sociallogin .btn-google-plus { color: #fff; background-color: #dd4b39; border-color: rgba(0,0,0,0.2); } #so_sociallogin .btn-linkdin { color: #fff; background-color: #0e76a8; border-color: rgba(0,0,0,0.2); } #so_sociallogin a.btn-social-icon { padding: 9px 10px; width: 44px; margin: 1px; height: 35px; line-height: 21px; } .we .md-formc label { width: 25%; float: right; line-height: 35px; color: #666; font-weight: 500; font-size: 14px; } .we .md-formc { float: right; width: 100%; display: block; margin-bottom: 15px; } .we .botmy { background: #a2ca33; margin: 8px auto; display: block; padding: 11px 49px; font-size: 14px; box-shadow: none !important;transition: all 0.3s; } .we .botmy:hover { background: #8bb122; transition: all 0.3s; } .we .botmy2 { margin: 8px auto; display: block; padding: 11px 0; font-size: 14px; background-color: #a2ca33; width: 81%;float: left;box-shadow: none !important;transition: all 0.3s; } .we .botmy2:hover { background: #8bb122; transition: all 0.3s; } .we .botmy3 {float: right; margin: 8px auto; display: block; padding: 11px 0; font-size: 14px; background-color: #5ecdff; width: 81%;box-shadow: none !important; } .sreq .tt_popup_login { border: none; background-color: #5ecdff; height: 42px; } .sreq .tt_popup_login strong { font-size: 16px; font-weight: 700; background-color: #5ecdff; line-height: 42px; position: static; background-position: 20px center; padding-left: 70px; } .sreq .tt_popup_login strong { line-height: 42px; display: inline-block; padding-right: 55px !important; text-transform: uppercase; font-size: 16px; color: #fff; background-image: url(../images/icon-login-popup.png); background-repeat: no-repeat; background-position: 98% center !important; position: relative; padding-left: 10px !important; top: 0; font-weight: 600; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: .5rem !important; padding-left: .5rem !important; color: #868e96 !important; content: "\f104" !important; font-family: 'FontAwesome' !important; } .products-list .product-list .product-item-container { display: table; margin-bottom: 30px; } .products-list .product-list .product-item-container .left-block { width: 270px; float: right; border: 1px solid #eaeaea; } .products-list .product-layout .product-item-container .left-block { position: relative; overflow: hidden; } .products-list .product-list .product-item-container .left-block .product-image-container { text-align: center; } .products-list .product-list .product-item-container .left-block .button-group { display: none; } .products-list .product-list .product-item-container .right-block { margin-right: 270px; padding: 0 30px 0px 20px; } .products-list .product-list .product-item-container .right-block h4 { text-align: right; margin-bottom: 5px; font-weight: 400; font-size: 15px; color: #444 !important; } .right-block h4 a{ color: #444;font-size: 18px; } .products-list .product-list .product-item-container .right-block .price { text-align: right !important; display: inline-block; margin: 8px 0 8px 0; margin-top: 8px; } .products-list .product-list .product-item-container .right-block .description { text-align: right; margin-bottom: 20px; } .products-list .product-list .product-item-container .list-block { text-align: right; margin-right: 270px; padding: 0 30px 20px 20px; } .products-list .product-table .product-item-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; border-style: solid; border-width: 1px 1px 0px 1px; border-color: #dbdbdb; } .products-list .product-layout .product-item-container .left-block { position: relative; overflow: hidden; } .products-list .product-table .left-block { width: 15%; min-width: 64px; } .products-list .product-table .right-block { width: 65%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .products-list .product-table .product-item-container > :last-child { border-left: 1px solid #dbdbdb; } .products-list .product-table .list-block { width: 20%; padding: 10px; text-align: center; } .products-list .product-table .right-block h4 { width: 25%; } .products-list .product-table .right-block > * { border-left: 1px solid #dbdbdb; margin: 0px; padding: 10px; } .products-list .product-table .right-block .price { width: 25%; } .products-list .product-table .right-block > * { border-left: 1px solid #dbdbdb; margin: 0px; margin-top: 0px; padding: 10px; } .products-list .product-table .right-block .description { width: 40%; } .products-list .product-table .right-block > * { border-left: 1px solid #dbdbdb; margin: 0px; padding: 10px; } .products-list .description { color: #777; font-size: 15px; } .products-list .product-layout { transition: all 0.5s ease 0s;margin-bottom: 21px; } .products-list .product-grid .product-item-container { margin: 0 0 0px 0; padding: 0; position: relative; min-height: 310px; overflow: hidden; border-radius: 3px; } .products-list .product-grid .product-item-container .left-block { position: relative; } .products-list .product-grid .product-item-container .right-block { clear: both; padding: 12px 12px 0px 12px; text-align: center; position: relative; background-color: #fff; } .products-list .product-grid .product-item-container > .list-block, .products-list .product-grid .product-item-container .description { display: none; } .products-list .product-grid .product-item-container .left-block .button-group { bottom: 5px; } .products-list .product-grid .product-item-container .left-block .button-group { padding: 0; position: absolute; z-index: 99; right: 10px; bottom: 35px; } .products-list .product-grid .product-item-container .right-block { clear: both; padding: 12px 12px 0px 12px; text-align: center; position: relative; background-color: #fff; } .products-list .product-table .product-item-container > :last-child { border-left: 1px solid #dbdbdb; } .products-list .product-table .list-block { width: 20%; padding: 10px; text-align: center; } .products-list .btn-button{ display:none; } .products-list .product-grid .product-item-container > .list-block, .products-list .product-grid .product-item-container .description { display: none; } .products-list .product-grid .product-item-container .right-block h4 a { font-size: 14px; color: #5f5f5f; } .products-list .product-table .list-block .wishlist, .products-list .product-table .list-block .compare { width: 48%; padding: 9px 20px; background: #eee; color: #333; border-radius: 3px; border: none; display: inline-block; } .products-list .product-grid .product-item-container .left-block .button-group { padding: 0; position: absolute; z-index: 99; right: 10px; bottom: 7px; } .products-list .product-grid .product-item-container .left-block .button-group .btn-button { border: none; display: block; margin-top: 5px; padding: 0; background-color: #c5c5c5; border-radius: 3px; color: #fff; width: 30px; height: 30px; line-height: 30px; transform: all 0.3s ease 0s; position: relative; transition: all 0.3s ease-in-out 0s; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transform: translate(-50px, 0px); -moz-transform: translate(-50px, 0px); -ms-transform: translate(-50px, 0px); -o-transform: translate(-50px, 0px); transform: translate(-50px, 0px); -webkit-transform: translate(50px, 0px); -moz-transform: translate(50px, 0px); -ms-transform: translate(50px, 0px); -o-transform: translate(50px, 0px); transform: translate(50px, 0px); } .products-list .product-grid .product-item-container .left-block .button-group .btn-button span { color: #fff; display: inline-block; font-size: 12px; font-weight: 300; height: auto; opacity: 0; position: static; transition: all 0.3s ease 0s; width: auto; } .products-list .product-grid .product-item-container .left-block .button-group .btn-button i, .products-list .product-grid .product-item-container .left-block .button-group .btn-button:before { font-size: 12px; color: #fff; height: 30px; line-height: 30px; width: 30px; text-align: center; position: absolute; right: 0px; top: 0; } .products-list .product-grid .product-item-container .left-block .button-group .btn-button.addToCart { transition-delay: 0.1s; } .products-list .product-grid .product-item-container .left-block .button-group .btn-button.addToCart i { right: 0px; } .products-list .product-grid .product-item-container .left-block .button-group .btn-button.wishlist { margin-bottom: 0; transition-delay: 0.2s; } .products-list .product-grid .product-item-container .left-block .button-group .btn-button.compare { margin-bottom: 0; transition-delay: 0.3s; } .products-list .product-grid .product-item-container .left-block .button-group .btn-button.quickview { transition-delay: 0.4s; } .quickview { display:none !important; } .products-list .product-grid .product-item-container .left-block .button-group .btn-button:hover { background-color: #5ecdff; width: auto; transition: all 0.3s ease-in-out 0s; } .products-list .product-grid .product-item-container .left-block .button-group .btn-button:hover span { opacity: 1; padding: 0 28px 0 10px; transition: all 0.3s ease-in-out 0s; } .products-list .product-grid .product-item-container .left-block .button-group .btn-button:hover i { color: #fff; } .products-list .product-grid .product-item-container .right-block { clear: both; padding: 12px 12px 0px 12px; text-align: center; position: relative; background-color: #fff; } .products-list .product-grid .product-item-container .right-block .price { margin-bottom: 0; } .products-list .product-grid .product-item-container .right-block h4 { margin: 0; font-weight: 400;} .products-list .product-grid .product-item-container .right-block h4 a { font-size: 13px; color: #5f5f5f; } .products-list .product-grid .product-item-container .right-block h4 a:hover { color: #5ecdff; } .products-list .product-grid .product-item-container .right-block .rating, .products-list .product-grid .product-item-container .right-block .ratings { margin-bottom: 2; } .products-list .product-grid .product-item-container:hover .left-block .button-group .btn-button { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } .products-list .product-table .list-block .wishlist:hover, .products-list .product-table .list-block .compare:hover { background: #5ecdff; border-color: #5ecdff; color: #fff; } .products-list .product-list .product-item-container .list-block .btn-button { border: 1px solid #eaeaea; border-radius: 3px; display: block; margin-left: 5px; padding: 7px 15px; background-color: #fff; color: #666; text-align: center; float: right; } .products-list .product-list .product-item-container .list-block .btn-button:hover { background-color: #5ecdff; border-color: #5ecdff; color: #fff; } .price .price-old { line-height: 20px; padding: 0 5px; display: block; font-size: 12px !important; color: #d72727; font-weight: 300; } .product-filter { font-size: 12px !important; } .product-filter .form-group { margin-right: 10px; } .product-filter .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .filters-panel .form-group select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/bg-select.png) no-repeat center left; background-color: rgba(0, 0, 0, 0); border: 1px solid #e5e5e5; height: 33px !important; line-height: 33px; padding: 0px 10px 0 20px; background-color: #fff; position: relative;width: auto !important;display: inline !important;margin:0 !important; } .filters-panel .control-label { display: inline-block; margin-bottom: 0; vertical-align: middle; font-size: 12px; font-weight: normal; color: #444; } .sb-container{ position: relative; overflow: hidden; padding-right: 10px; } .sb-content { height:100%; width: 120%; padding-right: 0.5%; overflow-y: scroll; box-sizing:border-box; } .sb-scrollbar-container { position: absolute; right: 0; bottom: 0; top: 0; width: 5px; } .sb-container-noscroll .sb-scrollbar-container { right: -20px; } .sb-scrollbar { position: absolute; right: 0; height: 30px; width: 0.35em; border-radius: 10px; background: #aeaeae; } .sb-scrollbar:hover { background: #777; } .btnqw { height: 33px; line-height: 27px; padding: 3px 8px; border: 1px solid #ddd; background-color: #fff !important; border-radius: 0px; color: #4d4d4d; float: left; } .more_details{ margin: 15px 0px 25px 0px; } .img_more img{ width: 100%; min-height: 85%; position: relative; border-radius: 9px; } .text_more{ padding: 7px 0; background: #fff; } .text_more h3 { color: #555; font-size: 17px !important; font-weight: 500; } .text_more p { text-align: justify; font-size: 12px; line-height: 22px; height: 99px; overflow: hidden; color: #868484; margin-bottom: 0 !important;} .text_more span{ /*display: block;*/ /*float: left; /*font-size: 19px;*/ /*color: #9e2558;*/ /*transition: all 0.4s;*/ font-family: 'IRANSans'; font-weight: 400; font-size: 12px; text-transform: none; color: #adb5bd; } .text_more span.gol{ /*display: block;*/ float: left; /*font-size: 19px;*/ /*color: #9e2558;*/ /*transition: all 0.4s;*/ font-family: 'IRANSans'; font-weight: 400; font-size: 10px; text-transform: none; color: #adb5bd; border: 1px solid #c4c5c8; padding :5px 9px; border-radius: 8px ; background-color: #067787 ; color: #fff; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); transition: transform .2s; /* Animation */ margin: 0 auto; } .text_more span.gol:hover{ transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ color :#fff; } .text_more span:hover{ color: #000; transition: all 0.4s; } .box_more{ /*box-shadow: 2px 2px 5px #d5d5d5;*/ padding-bottom: 20px; } .img_more{ transition: all 0.4s; width: 100%; position: relative; height: 170px; overflow: hidden; } .box_more:hover .img_more{ /*box-shadow: 3px 0 10px rgba(0, 0, 0, 0.4);*/ transition: all 0.4s; } .box_more h3{ transition: all 0.4s; height: 38px; line-height: 29px; font-size: 18px ; margin-bottom: 8px; } .box_more:hover h3{ color: #9e2558; transition: all 0.4s; } .post-author author{ font-size: 12px;color: #adb5bd;font-family: 'IRANSans';font-weight: 400; /*color:#9e2558;*/ } .breadcrumb-item.active { color: #a6a6a6 !important; } .panlw{ padding: 10px !important; } .panlw.ewdxs1{ padding-right: 2.2% !important; } .panlw.ewdxs2{ border-right: 1px solid #f2f2f2; padding-right: 11px !important; } .wqr{ margin-top: 1%; margin-bottom:0; } .wqr h3{ width: 21% !important; margin: 0 auto !important; font-size: 16px !important; color: #404040 !important; background: #a7f9f9 !important; background-size: auto; background-size: auto; box-shadow: 0px 0px 20px 0px rgba(0,0,0,.1) !important; background-size: 66660px !important; border-radius: 30px 0 !important; padding: 15px 15px 15px 15px !important; vertical-align: middle !important; text-align: center !important; font-weight: 600 !important; text-transform: uppercase !important; bottom: 0 !important; position: relative !important; } .cardn{margin-bottom: 1%;width: 100%; background: #fff; padding: 10px 0px 2px 0px !important; border-radius: 10px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1); -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);margin-top: 1%; } .wfcsedgb a{ padding: 10px; margin: 9px; border-radius: 6px;transition: all 0.2s; } .wfcsedgb.aprud0 a:hover { box-shadow: 0 0 8px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.15); -o-box-shadow: 0 0 8px rgba(0,0,0,0.15); transition: all 0.2s; } .wfcsedgb.aprud0:hover { ;transition: all 0.2s; } .prt{ text-align: center; float: right; transition: all 0.2s; width: 100%; } .prt h3 { font-size: 14px !important; font-weight: 400; color: #404040 !important; margin: 5px 0 5px 0; float: right; width: 100%; line-height: 23px; height: 45px;; text-align: center; } .prt .price { text-align: center; display: block; float: right; width: 100%; font-weight: 600; font-size: 1.143rem; color: #2caa00 !important; width: 100%; } .prtw .price { min-height: 52px; text-align: left; display: block; float: right; width: 100%; font-weight: 600; font-size: 2.143rem; line-height: 1.375; color:#fb3449 !important;; margin-bottom: 15px; margin-top: 15px; width: 100%; } .prt img { width: auto; margin: 0 auto; display: block; } .menuleft{ line-height: 25px !important; padding: 8px 5px !important; color: #898989 !important; } .menuleft .loginbtnt{ float: left; padding: 1px 4px !important; font-size: 13px !important;color: #666464 !important; } .menuleft .loginbtnt:hover{ color: #5ecdff !important; } .offprq{ text-align: center; background-color: #5ecdff; border-radius: 50%; padding-top: 13px; color: #fff; display: block; font-size: 12px; font-size: 1.2rem; font-weight: 700; height: 60px; width: 60px; line-height: 18px; position: absolute; top: 20px; text-transform: uppercase; z-index: 2; margin-bottom: 5px; left: 10px; top: 10px; } .offprq span{font-size: 14px; display: block; font-weight: 400;} .bn img{width:100% !important;height:100% !important;border-radius:5px !important;box-shadow:0 2px 4px 0 rgba(0, 0, 0, .1);-o-box-shadow:0 2px 4px 0 rgba(0, 0, 0, .1);-webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, .1);} .boxr{border-radius:5px !important;box-shadow:0 2px 4px 0 rgba(0, 0, 0, .1);-o-box-shadow:0 2px 4px 0 rgba(0, 0, 0, .1);-webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, .1);} .bn a{display:block !important;} .input-group .input-group-addon { background-color: #fff !important; border: 1px solid #b0d6e0 !important; border-radius: 4px !important; } .one.container-fluid { margin-right: auto; margin-left: auto; padding-right: 35px; padding-left: 35px; } .menuy li:hover .rfgb{display:block;} .menu-container{width:100%;margin:0 auto;padding:20px 0;} .menux{;font-weight:400;font-size: 13px;;line-height:15px;position:relative;padding:0 0 0 4px;margin:0;background-color:#227087;} .menux a:hover{color:#227087;text-decoration:none;} .menux > li{display:block;text-align: right;;margin-left:-4px;border-left:1px solid rgba(255, 255, 255, 0.11);box-shadow:-1px 0 0 rgba(0, 0, 0, 0.1);} .menux > li > a{padding:20px 18px;display:block;} .menux > li:hover > a{color:#227087;} .menux > li:hover{background-color:#fff;} .menux > li > .megadrop{display:none;position: absolute; list-style: none; top: 0px; right: 174px; width: 800px; min-height: 100%; text-align: left; margin-top: 0; padding: 0; z-index: 99; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden; border-top: 2px solid #e6e6e6; border-right: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6; background: #fff !important;} .menux > li:hover .megadrop{display:block;margin-top:0px;} .menux ul li:hover:after{color:#227087;} .menux .col{width:14.1%;float:left;color:white;margin:0 0 0 2.2%;} .menux .col ul{padding:0;margin:0;} .menux .col ul li{padding:0;list-style:none;font-size:11px;} .menux .col h3{font-size:16px;padding:10px 0;font-weight:bold;margin:5px 0 5px 0;color:#227087;background:#eee;} .menux .col ul li a{display:block;padding:0 0 15px 0;color:#227087;} .menux .col ul li a:hover{color:#111;text-decoration:underline;} .c-checkout-feature-aside{border-radius:5px;box-shadow:0 8px 13px -7px rgba(0,0,0,.05);background-color:#fff;border:1px solid #e6e6e6;margin-top:10px;padding:15px;letter-spacing:-.2px;font-size:11px;font-size:.786rem;line-height:1.73;color:#aaa;font-weight:500;} .c-checkout-feature-aside__item--guarantee{background:url(../images/qq1.jpg) 100% 50% no-repeat;background-size:auto auto;background-size:22px auto;} .c-checkout-feature-aside__item--cash{background:url(../images/qq2.jpg) 100% 50% no-repeat;background-size:auto auto;background-size:22px auto;} .c-checkout-feature-aside__item--express{background:url(../images/qq3.jpg) 100% 50% no-repeat;background-size:auto auto;background-size:22px auto;} .c-checkout-feature-aside__item{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:.829rem;line-height:1.692;font-weight:600;margin-bottom:10px;padding:0 27px 0 20px;} .draggable{background:#fff !important;} .accordionx{background:none !important;cursor:pointer;margin-top:4px;margin-bottom:4px;border:none;text-align:right;outline:none;padding:11px;float:right;width:100%;color:#757575;font-size:15px;font-weight:700;transition:0.4s;} .accq{border-bottom:1px dotted silver !important;float:right;width:100%;} .panelx a{border-bottom:1px dotted silver !important;padding:10px;float:right;width:100%;color:#7a7a7a;font-size:14px;} .activex, .accordionx:hover{background-color:#ccc;} .panelx{padding:0 18px;display:none;background-color:white;overflow:hidden;float:right;width:100%;margin-bottom:-1px;margin-top:4px;} .clakgf a{padding:11px;float:right;width:100%;border-bottom:1px dotted #b6b6b6;color:#757575;font-size:15px;font-weight:700;} .clakgf a:hover{color:#f9700c} .divider-new::after, .divider-new::before{content:'';height:1px;background:#c6c6c6;} .logytr{color:#555;border:1px solid #ddd;border-radius:3px;margin-top:3%;float:right;padding:6px 13px;margin-bottom:2%;} .gototop{ cursor: pointer; background-color: #777; width: 45px; bottom: 35px; border: 1px #10F3FF solid; right: 10px; min-height: 45px; overflow: hidden; z-index: 40; position: fixed; display: block; text-align: center; background: url(../images/up_arrow.png) no-repeat center center; background-size: auto; background-size: 45px; border-radius: 10px; opacity: 1; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1)} .tryuc::after{display:inline-block;width:0;height:0;margin-left:0;vertical-align:0;content:"";border:none !important;} .xewqa{min-width:100px !important;} .faqu{background:#f8f8f8;margin-bottom:9px;border-radius:8px;padding:9px} .tiimej{direction:ltr;text-align:left !important;font-size:11px;color:#777;} .Rfloat .col-md-3{margin-top:12px;} .irw{border-left:1px solid #eaeaea;padding:24px 0 !important;text-align:center !important;} .ior{} .ior a{display:block;text-align:center;border:1px solid #e9e9e9;border-radius:5px;background:#fff;} .ior a img{width:80%;margin:5px auto;display:block;} .ior a h2{color:#3b3b3b;font-size:14px;height:45px;line-height:22px;} .times-remove{position:absolute !important;top:0 !important;left:10px !important;width:30px !important;height:30px !important;line-height:30px !important;padding:0 !important;border-radius:50px !important;background:#f2f2f2 !important;border:1px solid #ededed !important;color:#a2a2a2 !important;font-size:17px;} .placement{width:91%;border:7px dashed #dadada;margin:0 auto;height:209px;display:block;border-radius:28px;} .agor{float:left;font-size:11px;color:#717171;position:absolute;left:6px;top:8px;} .typ1{position:absolute;background-image:url('../images/typx1.png');top:2px;right:-9px;width:90px;background-repeat:no-repeat;float:right;background-position:right;height:33px;background-size:initial;color:#fff;font-size:13px;line-height:27px;text-align:center;} .typ2{position:absolute;background-image:url('../images/typx2.png');top:2px;right:-9px;width:90px;background-repeat:no-repeat;float:right;background-position:right;height:33px;background-size:initial;color:#fff;font-size:13px;line-height:27px;text-align:center;} #btnContainer .btn{padding:4px 6px !important;margin:0 !important;background:#fff !important;box-shadow:none !important;border:1px solid #cecece !important;float:right;} #btnContainer .active{background:#eee !important;} #btnContainer .btn i{color:#7f7f7f;margin-top:1px;font-size:14px;} .switch{position:relative;display:inline-block;width:48px;height:27px;margin:0;float:left;} .lablfake{float:right;margin-top:4px;margin-left:5px;} .switch input{display:none;} .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;} .slider:before{position:absolute;content:"";height:23px;width:24px;left:1px;bottom:2px;background-color:white;-webkit-transition:.4s;transition:.4s;} input:checked + .slider{background-color:#c00c1a;} input:focus + .slider{box-shadow:0 0 1px #c00c1a;} input:checked + .slider:before{-webkit-transform:translateX(21px);-ms-transform:translateX(21px);transform:translateX(21px);} .slider.round{border-radius:3px;} .slider.round:before{border-radius:3px;border:1px solid #c2c2c2;} .radcust{} .radcust .vds{} .radcust .btn{box-shadow:none;color:#4d4c4c !important;border:1px solid #e6e6e6;padding:4.3px 23px;} .radcust .btn:hover{} .radcust .btn.active{background:#f7f7f7;box-shadow:inset 0px 2px 12px #adadad;} .tablexs > tbody > tr > td{border-top:none !important;} .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{padding:5px ;vertical-align:middle !important;font-size:13px !important;} .cardw{border:1px solid #ececec;background:#fff;width:100%;padding:10px;margin-bottom:16px;line-height:32px;} .cardw .headf{font-size:15px;color:#205e85;display:block;cursor:pointer;} .cardw2{width:100%;padding:0px;margin-bottom:16px;;} .cardw2 .headf{margin-bottom:1%;font-size:15px;cursor:pointer;color:#555;} .cardw .headf i{} .ytbnvcd{line-height:32px;} .ytbnvcd span{margin-right:11px;color:#4b6c91;} .listproinpage{border-top:2px dotted #d0d0d0;padding-top:10px;margin-top:10px;} .listproinpage a{color:#456798;display:block;} .produ1{padding:9px 0;font-size:14px;float:right;width:100%;margin-top:1%;} .produ1 i{font-size:21px;float:right;margin-left:11px;width:25px;color:#cac9ce;} .yhgf img{display:block !important;margin-top:25px;width:100%;} .yhgf a{display:block !important;} .yhgf{border:1px solid #ebebeb !important;border-radius:3px !important;background:#fff !important;padding:6px !important;width:23%;position:relative !important;margin:7px !important;transition:all 0.4s !important;} .yhgf:hover{transition:all 0.4s !important;border:1px solid #d0e3e7 !important;} .yhgf .offdiv{background:#ff5a5f !important;float:left !important;font-size:13px !important;padding:5px 6px !important;border-radius:50px !important;color:#fff !important;} .yhgf h3{font-size:15px !important;font-weight:400 !important;color:#124c81 !important;margin:7px 0 !important;float:right !important;width:100%;} .yhgf .price{color:#727272 !important;font-size:12px !important;} .owl-theme .item img{display:block;width:100%;} .owl-theme .item a{display:block;} .owl-theme .item{border:none;border-radius:0;background:none !important;padding:0;} .owl-prev{ right: 0; top: 45%; width: 49px; height: 90px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color:#fff; background-image: unset; color:#a8a8a8; -webkit-box-shadow: -1.5px 0 4px 0 rgba(0,0,0,.15); box-shadow: -1.5px 0 4px 0 rgba(0,0,0,.15); border-radius: 5px 0 0 5px; } .owl-next{ left: 0; top: 45%; width: 49px; height: 90px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color:#fff; background-image: unset; color:#a8a8a8; -webkit-box-shadow: 1.5px 0 4px 0 rgba(0,0,0,.15); box-shadow: 1.5px 0 4px 0 rgba(0,0,0,.15); border-radius: 0 5px 5px 0; } .owl-nav button:hover{ /*background-color: #5ecdff !important;*/ } .elevatezoom-gallery.active { border: 1px solid #5ecdff; display: block; border-radius: 3px; } .elevatezoom-gallery:hover { border: 1px solid #5ecdff; display: block; border-radius: 3px; } .owl-nav button:hover{ background: #fff ; color: #000 !important; } #fbplus-wrap { box-sizing: content-box !important; z-index: 99999999999; } .underslide{background:#ffffff;border:1px solid #ececec;margin-top:14px;padding:8px 0 !important;border-radius:3px;width:100%;} .underslide a{color:#237ebc;text-align:center !important;display:block;} .cardproduct{padding:7px 0;} .cardproduct .headr{padding:10px 0;} .cardproduct .titlec{color:#15458b;font-size:14px;} .cardproduct .allc{float:left;color:#777777} .cardproduct .allc i{font-size:10px;} .imgafterslider{padding:0 0 9px 0;} .cardindex{border:1px solid #eee;background:#fff;padding:6px 3px;float:right;width:100%;margin-bottom:5px;} .cardindex img{width:100%;} .cardindex ul{} .cardindex ul li{} .cardindex ul li a{color:#233f63 !important;padding:5px 0;float:right;width:100%;} .cardindex ul li a:hover{background:#ececec;} .cardindex ul li a i{float:left;color:#dddddd !important;margin-top:1.5%;} .imgafterslider img{width:100%;} .searchform{position:relative;float:left;width:100%;margin-top: 1%;;} .topmenu2{box-shadow:none;border-bottom:1px solid #ececec;padding:4px 0;float:right;width:100%;background:#fff;} .topmenu{border-bottom:1px solid #f3f3f3;padding:4px 0;float:right;width:100%;background:#fff;} .loginbtnx{background:#00bfd6;color:#fff !important;padding:7px 14px;border-radius:2px;} .loginbtn{background:#00bfd6;color:#fff !important;padding:0 14px;float:right;border-radius:2px;} .topmenu .righty{float:right;margin:0;line-height:32px;} .topmenu .righty li{float:right;margin:0 10px;} .topmenu .righty li a{color:#234169;} .topmenu .righty li a i{} .dropmenucat{width:660px !important;} .dropmenucat a{display:block;padding:6px;color:#112f61;font-size:13px;transition:all 0.4s;} .dropmenucat a:hover{color:#41639b !important;transition:all 0.4s;} .dropdown-menu{position:absolute !important;top:100% !important;right:0 !important;z-index:1000 !important;display:none;float:right !important;padding:5px 0 !important;margin:2px 0 0 !important;font-size:14px !important;text-align:right !important;list-style:none !important;background-color:#fff !important;-webkit-background-clip:padding-box !important;background-clip:padding-box !important;border:1px solid #ccc !important;border:1px solid rgba(0, 0, 0, .15) !important;border-radius:4px !important;-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175) !important;box-shadow:0 6px 12px rgba(0, 0, 0, .175) !important;} .open > .dropdown-menu{min-width:690px !important;z-index:9999999999999999999999999999999999999 !important;} .dropdown-menu{line-height:20px;text-align:right;direction:rtl} .topmenu .lefty{float:left;margin:0;line-height:32px;} .topmenu .lefty li{float:right;margin:0 10px;position:relative;} .topmenu .lefty li:after{content:'';width:1px;height:20px;float:left;background:#e5e5e5;position:absolute;top:5px;left:-8px;} .topmenu .lefty li a{color:#234169;} .topmenu .lefty li a i{} .tab{overflow:hidden;text-align:center;} .tab button{background-color:inherit;float:none;border:none;outline:none;cursor:pointer;padding:14px 16px;transition:0.3s;font-size:17px;position:relative;} .tab button:hover{} .tab button.active{} .tab .active::after{content:' ';position:absolute;color:#cf2e2e;bottom:0%;right:44%;font-size:12px;} .tabcontent{display:none;padding:6px 12px;width:100%;border-top:none;} input[type="date"], input[type="datetime-local"], input[type="email"], input[type="number"], input[type="password"], input[type="search-md"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], textarea.md-textarea{height: 1rem !important;background-color:transparent !important;border:1px solid #e4e4e4 !important;padding-right:4px !important;height:1rem;border-radius:4px !important;} .tab2{overflow:hidden;border:1px solid rgba(0,0,0,0);background-color:#eee;} .tab2 button{background-color:inherit;float:right;border:none;outline:none;cursor:pointer;padding:14px 16px;width:49%;transition:0.3s;} .tab2 button:hover{background-color:#ddd;} .tab2 button.active{background-color:#fff;} .tabcontent{float:right;width:100%;display:none;padding:6% 5%;border:1px solid #eee;border-top:none;background:#fff;} .tab3{overflow:hidden;text-align:center;} .tab3 button{background-color:inherit;float:none;border:none;outline:none;cursor:pointer;padding:14px 16px;transition:0.3s;font-size:17px;position:relative;} .tab3 button:hover{} .tab3 button.active{} .tab3 .active::after{content:'â–¼';position:absolute;color:#cf2e2e;bottom:0%;right:44%;font-size:12px;} .tabcontent3{display:none;padding:6px 12px;width:100%;border-top:none;} .rtlc{direction:ltr;} .gotgc{} .gotgc li{padding:9px 0;} .gotgc li i{font-size:19px;margin-left:6px;} .trgh{} .trgh img{border-radius:50%;width:80px;height:80px;display:block;text-align:center;margin:0 auto;} .trgh .user{display:block;text-align:center;} .trgh .text{font-size:14px;display:block;text-align:center;color:#00cc91;} .ifgh a{display:block;font-size:19px;font-weight:500;color:#00cc99 !important;line-height:39px;} .ifgh .logvs{color:#484848 !important;display:inline-block;background:#ffffff;padding:1px 22px;font-size:15px;line-height:27px;text-align:center;border-radius:50px;} .ifgh .logvs2{display:inline-block;background:#5c5c5c;color:#fff !important;padding:1px 22px;font-size:15px;line-height:27px;text-align:center;border-radius:50px;} .caraous-title{position:absolute;top:20%;left:15.8%;right:55.8%;width:96.66666666666666%;color:#000;} .caraous-title h1{color:#000;font-size:55px;font-weight:700;} .caraous-title h3{margin-bottom:30px;color:#fff;font-size:24px;} .caraous-title span{color:#aa1f43;font-size:20px;} .caraous-img-box img{width:80%;} .site-btn{padding:12px 25px 12px 25px;border-radius:2px;background:#DF314D;border-color:transparent;font-size:14px;} .site-btn:hover{background:#C9223D;border:transparent;} #quote-carousel4 blockquote img{width:96% !important;display:block !important;text-align:center !important;margin:4px auto !important;} .news{border:2px solid #663399;border-radius:16px;padding:23px;margin:11px;color:#626262;line-height:40px;text-align:justify;font-size:18px;} .news a{border:1px solid #f00;font-size:16px;padding:1px 21px;border-radius:50px;color:#643e3e;} .news .gh{text-align:center;} #quote-carousel4 .carousel-control{margin-top:22% !important;} .bann1{border:2px solid #615d99;border-radius:25px;padding:24px;} .bann1 .colradi{width:85px !important;height:85px;display:block;border-radius:50%;border:2px solid #d05860;line-height:27px;padding:20px 3px;text-align:center;font-size:15px;font-weight:500;color:#7d7d7d;margin-bottom:8%;} .bann1 .priceo{font-size:45px;font-weight:700;color:#999999;} .bann1 .priceo .prco{font-size:14px;display:block;margin-top:-24px;} .bann1 .priceo2{font-size:50px;font-weight:700;color:#d61919;margin-top:17px;display:block;} .bann1 .priceo2 .prco{font-size:17px;display:block;margin-top:-12px;color:#333366;} .bann1 .priceo3{margin-top:10% !important;display:block;font-size:18px;color:#717070;} .bann1 .priceo3 span{margin-right:1% !important;font-size:20px;color:#cc3333;} .bann1 .sef{display:block;text-align:center;margin-top:12px !important;} .bann1 .sef a{background:#cc3333;color:#fff;padding:3px 25px;font-size:16px;border-radius:50px;} .timex{display:block;text-align:center;margin:2% 0 0 0;color:#888;font-weight:600;} .cascade-slider_item.prev .cardprice{border:2px solid #ccc6cd !important;} .cascade-slider_item.next .cardprice{border:2px solid #ccc6cd !important;} .cardprice2{text-align:center;width:250px;} .cardprice2 a{display:none;} .now .cardprice2 a{display:inline-block;background:#32ccfe;text-align:center;margin:0 auto;margin-top:0px;padding:3px 22px;border-radius:50px;color:#fff;margin-top:9px;} .cardprice{border:2px solid #5b485f;border-radius:17px;padding:15px 4px;width:230px;} .cardprice .name{text-align:center;font-size:25px;color:#666666;font-weight:700} .cardprice .price{font-size:20px;text-align:center;color:#cc3333;margin:10px 0;} .cardprice .att{width:86%;border-top:1px solid #e0e0e0;margin:0 auto;padding:11px 0 0 0;} .cardprice .att li{margin:6px 8px 0 0} .cardprice .att li i{color:#13b713;} .cardprice .att li a{font-size:11px;color:#aeaeae;} .cardprice .btng{display:block;text-align:center;} .cardprice .btng a{background:#cc3333;border-radius:50px;padding:3px 24px;color:#fff;font-size:16px;} .rightorleft{background:none !important;color:#6a6a6a !important;font-size:2.3em !important;text-shadow:none !important;margin-top:30px !important;} .breadf{background:none !important;} .breadf .breadcrumb-item{float:right !important;font-size:13px !important;color: #474848 !important;} .breadf .breadcrumb-item a{color:#6e6e6e;} .soix{font-size:22px;background:#efefef;width:35px;margin:4px;height:35px;text-align:center !important;line-height:43px;display:inline-block;border-radius:4px;box-shadow:1px 1px 2px #c9c9c9;transition:all 0.4s;-o-box-shadow:1px 1px 2px #c9c9c9;-webkit-box-shadow:1px 1px 2px #c9c9c9;} .soix img{width:24px;margin-top:-4px;} .soix:hover{box-shadow:1px 1px 2px #aeaaaa;transition:all 0.4s;-o-box-shadow:1px 1px 2px #aeaaaa;-webkit-box-shadow:1px 1px 2px #aeaaaa;} .bn img{width:100% !important;height:100% !important;border-radius:5px !important;box-shadow:0 2px 4px 0 rgba(0, 0, 0, .1);-o-box-shadow:0 2px 4px 0 rgba(0, 0, 0, .1);-webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, .1);} .boxr{border-radius:5px !important;box-shadow:0 2px 4px 0 rgba(0, 0, 0, .1);-o-box-shadow:0 2px 4px 0 rgba(0, 0, 0, .1);-webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, .1);} .bn a{display:block !important;} .col5 .col-md-2{flex:0 0 19.66667% !important;;max-width:19.66667% !important;;width:19.66667% !important;;} .col5 .col-md-2 img{width:73% !important;box-shadow:none;margin:0 auto !important;display:block !important;;} .fbd{display:block;height: auto;;;transition:all 0.25s ease;width: 91%;;margin:0 auto !important;float:none !important;} .level3x{color: #474747 !important; font-size: 12px !important;} .level3x:hover{color: #5ecdff !important;} .fbd a{transition:all 0.4s;color:#4a5f73;} .fbd li{direction:rtl;text-align:right;display:block !important;width:100%; ;max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:31.538px;vertical-align:middle;} .light-blue.lighten-1{background-color:#ebebeb !important;color:#000;} .searchxd{width:100% !important;height:100% !important;border-radius:7px !important;background-color:#eceff1 !important;border:1px solid #d5dadd !important;color:#474747 !important;font-weight:300 !important;font-size:12px !important;line-height:1.833 !important;padding:7px 5px 6px 0 !important;z-index:51 !important;position:relative !important;float:right !important;display:inline !important;} .log i{color:#898989;margin-right:14px;} .cartclss{color:#00bfd6;border:1px solid #00bfd6;width:173px;background:#fff;border-radius:5px;box-shadow:none;} #myDIV i{font-size:15px;color:#9a9a9a} #myDIV { display: block; background: rgb(255, 255, 255) none repeat scroll 0% 0%; float: right; position: absolute; top: 100%; z-index: 999999999999999; right: 0; box-shadow: 1px 1px 3px #c3c3c3; width: 100%; border: 1px solid #dadada; } #myDIV .iu{width:100%;display:block;height:1px;background:#ececec;} #myDIV .prof{display:block;text-align:right;padding-right:12px;color:#747474;} .show{display:inline !important;} .cbutton {width: 50px; background: none !important; border-radius: 7px 0 0 7px; display: block !important; align-items: center; justify-content: center; border: none; position: absolute; right: 0; top: 0; bottom: 0; cursor: pointer; z-index: 99; height: 50px; font-size: 19px; color: #999; line-height: 0; } .acolor a{width:30px;height:18px;display:inline-block;margin-top:1px;float:right;margin-right:10px;padding:0;border:none !important;} .acolor .ttt{border:1px solid #aaa !important;box-shadow:0 0 2px #878787;-o-box-shadow:0 0 2px #878787;-webkit-box-shadow:0 0 2px #878787;} .bbdre{width:30px;height:18px;display:inline-block;margin-top:1px;float:right;margin-right:10px;padding:0;border:1px solid #e3e3e3 !important;} .vdfbgf{position:absolute;top:5%;left:-42%;z-index:999999999999;background:#67bd0f;transform:rotate(-45deg);font-size:11px !important;display:block;width:100%;padding:2px;text-align:center !important;} .form-item .card-title a{margin:6px 0 !important;padding:0 !important;display:block;} .form-item .titlep a{padding-right:7px !important;display:block !important;margin-top:10px !important;overflow:hidden !important;font-size:.857rem !important;line-height:30px !important;} .form-item:hover .tyt{display:block !important;position:absolute;bottom:2%;left:2%;background:none;border:none;cursor:pointer;} .cpricealue{font-size:0.8rem;line-height:26px;color:#fb3449;letter-spacing:.8px;} .hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;} .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active{-webkit-transform:scale(1.0);transform:scale(1.0);} .parallax{background-image:url("images/cvdvr.jpg");min-height:300px;height:300px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;} .fdbdf{background:rgba(255, 255, 255, 0.4);width:70%;margin:0 auto;padding:21px 0;font-size:42px;color:#fff !important;text-shadow:2px 2px 3px #373636;line-height:65px;vertical-align:middle;} .fdbdf2{background:rgba(255, 255, 255, 0.4);width:40%;margin:0 auto;padding:10px;color:#fff !important;text-shadow:2px 2px 3px #373636;vertical-align:middle;} .fdbdf2 input{background:#fff;border:1px solid #737373;width:97%;border-radius:3px;padding:3px 7px;position:relative;} .fdbdf2 i{position:absolute;left:31%;top:67%;color:#9f9f9f;font-size:20px !important;box-shadow:none !important;text-shadow:none !important;} @-webkit-keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;} } @keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;} } .hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;} .hvr-ripple-out:before{content:'';position:absolute;border:#e1e1e1 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s;} .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out;} .codrops-header{margin:0 auto;padding:4em 1em;text-align:center;} .codrops-header h1{margin:0;font-weight:800;font-size:4em;line-height:1.3;} .codrops-header h1 span{display:block;padding:0 0 0.6em 0.1em;font-size:45%;font-weight:300;color:#7e959d;} .codrops-top{width:100%;text-transform:uppercase;font-size:0.69em;line-height:2.2;} .codrops-top a{display:inline-block;padding:0 1em;text-decoration:none;letter-spacing:1px;} .codrops-top span.right{float:right;} .codrops-top span.right a{display:block;float:left;} .codrops-icon:before{margin:0 4px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;font-family:'codropsicons';line-height:1;speak:none;-webkit-font-smoothing:antialiased;} .codrops-icon-drop:before{content:"\e001";} .codrops-icon-prev:before{content:"\e004";} .related{padding:6em 1em;font-size:120%;} .related > a{border:1px solid #4f7f90;display:inline-block;text-align:center;margin:20px 10px;padding:25px;} .related a:hover{border-color:#39545e;} .related a img{max-width:100%;opacity:0.8;} .related a:hover img, .related a:active img{opacity:1;} .related a h3{margin:0;padding:0.5em 0 0.3em;max-width:300px;text-align:left;} @media screen and (max-width:25em){.codrops-header{font-size:75%;} .codrops-icon span{display:none;} } .grid{overflow:hidden;margin:0;padding:3em 0 0 0;width:100%;list-style:none;text-align:center;} .grid figure{position:relative;z-index:1;display:inline-block;overflow:hidden;margin:-0.135em;width:100%;height:400px;background:#3085a3;text-align:center;cursor:pointer;} .grid figure img{position:relative;display:block;min-height:100%;opacity:0.8;} .grid figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;} .grid figure figcaption::before, .grid figure figcaption::after{pointer-events:none;} .grid figure figcaption, .grid figure a{position:absolute;top:0;left:0;width:100%;height:100%;} .grid figure a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;} .grid figure h2{word-spacing:-0.15em;font-weight:300;} .grid figure h2 span{font-weight:800;} .grid figure h2, .grid figure p{margin:0;} .grid figure p{letter-spacing:1px;font-size:68.5%;} figure.effect-lily img{width:-webkit-calc(100% + 50px);width:calc(100% + 50px);opacity:0.7;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(-40px, 0, 0);transform:translate3d(-40px, 0, 0);} figure.effect-lily figcaption{top:auto;bottom:0;height:50%;text-align:left;} figure.effect-lily h2, figure.effect-lily p{-webkit-transform:translate3d(0, 40px, 0);transform:translate3d(0, 40px, 0);} figure.effect-lily h2{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;} figure.effect-lily p{color:rgba(255, 255, 255, 0.6);opacity:0;-webkit-transition:opacity 0.2s, -webkit-transform 0.35s;transition:opacity 0.2s, transform 0.35s;} figure.effect-lily:hover img, figure.effect-lily:hover p{opacity:1;} figure.effect-lily:hover img, figure.effect-lily:hover h2, figure.effect-lily:hover p{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-lily:hover p{-webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} figure.effect-sadie figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);background:linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);content:'';opacity:0;-webkit-transform:translate3d(0, 50%, 0);transform:translate3d(0, 50%, 0);} figure.effect-sadie h2{position:absolute;top:50%;left:0;width:100%;color:#484c61;-webkit-transition:-webkit-transform 0.35s, color 0.35s;transition:transform 0.35s, color 0.35s;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);} figure.effect-sadie figcaption::before, figure.effect-sadie p{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;} figure.effect-sadie p{position:absolute;bottom:0;left:0;padding:2em;width:100%;opacity:0;-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);} figure.effect-sadie:hover h2{color:#fff;-webkit-transform:translate3d(0, -50%, 0) translate3d(0, -40px, 0);transform:translate3d(0, -50%, 0) translate3d(0, -40px, 0);} figure.effect-sadie:hover figcaption::before, figure.effect-sadie:hover p{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-roxy{background:-webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);background:linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);} figure.effect-roxy img{width:-webkit-calc(100% + 60px);width:calc(100% + 60px);-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0);} figure.effect-roxy figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:'';opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0);} figure.effect-roxy figcaption{padding:3em;text-align:left;} figure.effect-roxy h2{padding:30% 0 10px 0;} figure.effect-roxy p{opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);} figure.effect-roxy:hover img{opacity:0.7;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-roxy:hover figcaption::before, figure.effect-roxy:hover p{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-bubba{} figure.effect-bubba img{opacity:0.7;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;} figure.effect-bubba:hover img{opacity:0.4;} figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after{position:absolute;top:30px;right:30px;bottom:30px;left:30px;content:'';opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;} figure.effect-bubba figcaption::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0, 1);transform:scale(0, 1);} figure.effect-bubba figcaption::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1, 0);transform:scale(1, 0);} figure.effect-bubba h2{padding-top:30%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);} figure.effect-bubba p{padding:20px 2.5em;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);} figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after{opacity:1;-webkit-transform:scale(1);transform:scale(1);} figure.effect-bubba:hover h2, figure.effect-bubba:hover p{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-romeo{-webkit-perspective:1000px;perspective:1000px;} figure.effect-romeo img{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0, 0, 300px);transform:translate3d(0, 0, 300px);} figure.effect-romeo:hover img{opacity:0.6;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-romeo figcaption::before, figure.effect-romeo figcaption::after{position:absolute;top:50%;left:50%;width:80%;height:1px;background:#fff;content:'';-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);} figure.effect-romeo:hover figcaption::before{opacity:0.5;-webkit-transform:translate3d(-50%, -50%, 0) rotate(45deg);transform:translate3d(-50%, -50%, 0) rotate(45deg);} figure.effect-romeo:hover figcaption::after{opacity:0.5;-webkit-transform:translate3d(-50%, -50%, 0) rotate(-45deg);transform:translate3d(-50%, -50%, 0) rotate(-45deg);} figure.effect-romeo h2, figure.effect-romeo p{position:absolute;top:50%;left:0;width:100%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;} figure.effect-romeo h2{-webkit-transform:translate3d(0, -50%, 0) translate3d(0, -150%, 0);transform:translate3d(0, -50%, 0) translate3d(0, -150%, 0);} figure.effect-romeo p{padding:0.25em 2em;-webkit-transform:translate3d(0, -50%, 0) translate3d(0, 150%, 0);transform:translate3d(0, -50%, 0) translate3d(0, 150%, 0);} figure.effect-romeo:hover h2{-webkit-transform:translate3d(0, -50%, 0) translate3d(0, -100%, 0);transform:translate3d(0, -50%, 0) translate3d(0, -100%, 0);} figure.effect-romeo:hover p{-webkit-transform:translate3d(0, -50%, 0) translate3d(0, 100%, 0);transform:translate3d(0, -50%, 0) translate3d(0, 100%, 0);} figure.effect-layla{background:#18a367;} figure.effect-layla img{min-width:100%;height:-webkit-calc(100% + 40px);height:calc(100% + 40px);} figure.effect-layla figcaption{padding:3em;} figure.effect-layla figcaption::before, figure.effect-layla figcaption::after{position:absolute;content:'';opacity:0;} figure.effect-layla figcaption::before{top:50px;right:30px;bottom:50px;left:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0, 1);transform:scale(0, 1);-webkit-transform-origin:0 0;transform-origin:0 0;} figure.effect-layla figcaption::after{top:30px;right:50px;bottom:30px;left:50px;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1, 0);transform:scale(1, 0);-webkit-transform-origin:100% 0;transform-origin:100% 0;} figure.effect-layla h2{padding-top:26%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;} figure.effect-layla p{padding:0.5em 2em;text-transform:none;opacity:0;-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);} figure.effect-layla img, figure.effect-layla h2{-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);} figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla p{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;} figure.effect-layla:hover img{opacity:0.7;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after{opacity:1;-webkit-transform:scale(1);transform:scale(1);} figure.effect-layla:hover h2, figure.effect-layla:hover p{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover p, figure.effect-layla:hover img{-webkit-transition-delay:0.15s;transition-delay:0.15s;} figure.effect-honey{background:#4a3753;} figure.effect-honey img{opacity:0.9;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;} figure.effect-honey:hover img{opacity:0.5;} figure.effect-honey figcaption::before{position:absolute;bottom:0;left:0;width:100%;height:10px;background:#fff;content:'';-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);} figure.effect-honey h2{position:absolute;bottom:0;left:0;padding:1em 1.5em;width:100%;text-align:left;-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);} figure.effect-honey h2 i{font-style:normal;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);} figure.effect-honey figcaption::before, figure.effect-honey h2{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;} figure.effect-honey:hover figcaption::before, figure.effect-honey:hover h2, figure.effect-honey:hover h2 i{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-oscar{background:-webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);background:linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);} figure.effect-oscar img{opacity:0.9;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;} figure.effect-oscar figcaption{padding:3em;background-color:rgba(58, 52, 42, 0.7);-webkit-transition:background-color 0.35s;transition:background-color 0.35s;} figure.effect-oscar figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:'';} figure.effect-oscar h2{margin:20% 0 10px 0;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} figure.effect-oscar figcaption::before, figure.effect-oscar p{opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale(0);transform:scale(0);} figure.effect-oscar:hover h2{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p{opacity:1;-webkit-transform:scale(1);transform:scale(1);} figure.effect-oscar:hover figcaption{background-color:rgba(58, 52, 42, 0);} figure.effect-oscar:hover img{opacity:0.4;} figure.effect-marley figcaption{text-align:right;} figure.effect-marley h2, figure.effect-marley p{position:absolute;right:30px;left:30px;padding:10px 0;} figure.effect-marley p{bottom:30px;line-height:1.5;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} figure.effect-marley h2{top:30px;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);} figure.effect-marley:hover h2{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-marley h2::after{position:absolute;top:100%;left:0;width:100%;height:4px;background:#fff;content:'';-webkit-transform:translate3d(0, 40px, 0);transform:translate3d(0, 40px, 0);} figure.effect-marley h2::after, figure.effect-marley p{opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;} figure.effect-marley:hover h2::after, figure.effect-marley:hover p{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-ruby{background-color:#17819c;} figure.effect-ruby img{opacity:0.7;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale(1.15);transform:scale(1.15);} figure.effect-ruby:hover img{opacity:0.5;-webkit-transform:scale(1);transform:scale(1);} figure.effect-ruby h2{margin-top:20%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);} figure.effect-ruby p{margin:1em 0 0;padding:3em;border:1px solid #fff;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0, 20px, 0) scale(1.1);transform:translate3d(0, 20px, 0) scale(1.1);} figure.effect-ruby:hover h2{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-ruby:hover p{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1);} figure.effect-milo{background:#2e5d5a;} figure.effect-milo img{width:-webkit-calc(100% + 60px);width:calc(100% + 60px);opacity:1;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(-30px, 0, 0) scale(1.12);transform:translate3d(-30px, 0, 0) scale(1.12);-webkit-backface-visibility:hidden;backface-visibility:hidden;} figure.effect-milo:hover img{opacity:0.5;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1);} figure.effect-milo h2{position:absolute;right:0;bottom:0;padding:1em 1.2em;} figure.effect-milo p{padding:0 10px 0 0;width:50%;border-right:1px solid #fff;text-align:right;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(-40px, 0, 0);transform:translate3d(-40px, 0, 0);} figure.effect-milo:hover p{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-dexter{background:-webkit-linear-gradient(top, rgba(37, 141, 200, 1) 0%, rgba(104, 60, 19, 1) 100%);background:linear-gradient(to bottom, rgba(37, 141, 200, 1) 0%, rgba(104, 60, 19, 1) 100%);} figure.effect-dexter img{-webkit-transition:opacity 0.35s;transition:opacity 0.35s;} figure.effect-dexter:hover img{opacity:0.4;} figure.effect-dexter figcaption::after{position:absolute;right:30px;bottom:30px;left:30px;height:-webkit-calc(50% - 30px);height:calc(50% - 30px);border:7px solid #fff;content:'';-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} figure.effect-dexter:hover figcaption::after{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-dexter figcaption{padding:3em;text-align:left;} figure.effect-dexter p{position:absolute;right:60px;bottom:60px;left:60px;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0, -100px, 0);transform:translate3d(0, -100px, 0);} figure.effect-dexter:hover p{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-sarah{background:#42b078;} figure.effect-sarah img{width:-webkit-calc(100% + 20px);width:calc(100% + 20px);-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;} figure.effect-sarah:hover img{opacity:0.4;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-sarah figcaption{text-align:left;} figure.effect-sarah h2{position:relative;overflow:hidden;padding:0.5em 0;} figure.effect-sarah h2::after{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#fff;content:'';-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} figure.effect-sarah:hover h2::after{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-sarah p{padding:1em 0;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} figure.effect-sarah:hover p{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-zoe figcaption{top:auto;bottom:0;padding:1em;height:3.75em;background:#fff;color:#3c4a50;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} figure.effect-zoe h2{float:left;} figure.effect-zoe figcaption > span{float:right;} figure.effect-zoe p{position:absolute;bottom:8em;padding:2em;color:#fff;text-transform:none;font-size:90%;opacity:0;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;} figure.effect-zoe h2, figure.effect-zoe figcaption > span{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0, 200%, 0);transform:translate3d(0, 200%, 0);} figure.effect-zoe figcaption > span::before{display:inline-block;padding:8px 10px;font-family:'feathericons';speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .icon-eye::before{content:'\e000';} .icon-paper-clip::before{content:'\e001';} .icon-heart::before{content:'\e024';} figure.effect-zoe h2{display:inline-block;} figure.effect-zoe:hover p{opacity:1;} figure.effect-zoe:hover figcaption, figure.effect-zoe:hover h2, figure.effect-zoe:hover figcaption > span{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} figure.effect-zoe:hover h2{-webkit-transition-delay:0.05s;transition-delay:0.05s;} figure.effect-zoe:hover figcaption > span:nth-child(4){-webkit-transition-delay:0.1s;transition-delay:0.1s;} figure.effect-zoe:hover figcaption > span:nth-child(3){-webkit-transition-delay:0.15s;transition-delay:0.15s;} figure.effect-zoe:hover figcaption > span:nth-child(2){-webkit-transition-delay:0.2s;transition-delay:0.2s;} figure.effect-chico img{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale(1.12);transform:scale(1.12);} figure.effect-chico:hover img{opacity:0.5;-webkit-transform:scale(1);transform:scale(1);} figure.effect-chico figcaption{padding:3em;} figure.effect-chico figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:'';-webkit-transform:scale(1.1);transform:scale(1.1);} figure.effect-chico figcaption::before, figure.effect-chico p{opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;} figure.effect-chico h2{padding:20% 0 20px 0;} figure.effect-chico p{margin:0 auto;max-width:200px;-webkit-transform:scale(1.5);transform:scale(1.5);} figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p{opacity:1;-webkit-transform:scale(1);transform:scale(1);} @media screen and (max-width:69.5em){.grid figure{width:50%;} .grid figure figcaption{font-size:90%;} } @media screen and (max-width:41.5em){.grid figure{width:100%;} } audio, canvas, progress, video{display:inline-block;vertical-align:baseline;width:100%;} .blue-grey.lighten-3{background-color:#ededed !important;border-right:3px solid #b5b5b5;} .main-menuw li .row{padding-bottom: 2% !important;display:none;border-width:0;margin:0;position:absolute;top:auto;z-index:3000;right:0;background:#fff;box-shadow:0 0 8px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 8px rgba(0,0,0,0.2);-moz-box-shadow:0 0 8px rgba(0,0,0,0.2);} .main-menuw li .row ul li{} .main-menuw li:hover .row{display:block;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;} .card-body{padding:4px;} .btn-floating, .btn-floating i{color:#fff !important;line-height:40px !important;} .btn-floating{margin:0 3px;width:40px;height:40px;} .card:hover .vsretgrfg button i{color:#0f6901 !important;} .vsretgrfg button{background:none;border:none;cursor:pointer;} body{direction:rtl !important;overflow-x:hidden !important;font-family:IRANSans;font-weight:400 !important; ;background:#f2f2f2;font-size:13px !important;} .table-bordered td, .table-bordered th{font-size:13px !important;;} button.close{float:left !important;} html, body{} html{ } .breadcrumb-item{float:right !important;font-size:14px !important;} .breadcrumb-item a{color:#0a0b0d;} .breadcrumb{padding:14px 7px !important;margin-bottom:7px !important;list-style:none !important;background-color:#eceeef !important;} .serv{} .serv a{margin:12px 0px;width:240px;padding:19px;height:132px;text-align:center;line-height:88px;box-shadow:0 0 4px #0070c9;display:block;color:#131313;} .sidebs{margin-bottom:20px;} .sidebs .heads{background-color:#00b4ff;padding:11px 0;background-repeat:no-repeat;background-position:right;border-top:3px solid #000078;color:#000078;font-size:17px;} .bvdfbf .card-title{margin-bottom:.75rem;font-size:17px;text-align:left;font-weight:700;} .bvdfbf p{text-align:left !important;} .sidebs2{} .sidebs2 .heads2{background-color:#00b4ff;padding:11px 0;background-repeat:no-repeat;background-position:right;border-top:3px solid #000078;color:#000078;font-size:17px;} .musy img{width:100%;} .wrapper2{min-height:100%;height:auto !important;height:100%;margin:0 auto -155px;} .navbar2{position:relative !important;padding:1px 0 !important;} .logomy a img{width:0 !important;height:58px;margin:-6px 0 -24px 0;opacity:0;} .leconthh{} .riconthh{} .headlog{background:#fff;position:relative;height:100%;} .headlog img{width:67%;height:auto;} .tamas2{z-index:222222222222;position:absolute;top:48px;left:0px;color:#fff;line-height:26px;height:26px;padding:0 8px;box-shadow:0 0 4px #FFFDFD;-o-box-shadow:0 0 4px #FFFDFD;-webkit-box-shadow:0 0 4px #FFFDFD;-moz-box-shadow:0 0 4px #FFFDFD;} .tamas2:hover{box-shadow:0 0 5px #FFFDFD;-o-box-shadow:0 0 5px #FFFDFD;-webkit-box-shadow:0 0 5px #FFFDFD;-moz-box-shadow:0 0 5px #FFFDFD;} .menutop2{z-index:222222222222;position:absolute;top:0px;left:0px;color:#fff;line-height:24px;height:15px;padding:0 8px;} .menutop2 ul{margin-top:-3px;float:left;} .md-form.input-group .form-control{margin:0;padding-right:17px !important;} .imgslidlogg33{background:#1c75bf;width:100%;border-radius:4px;} .imgslidlogg26{padding:4px 21px;background:#fff;color:#0b4da9;margin:9px 10px 9px 0;float:right;border-radius:4px;width:100%;text-align:center;} .imgmyhcddd{margin-bottom:25px;padding:18px;} .imgmyhcddd .col-md-2{max-width:24% !important;width:18% !important;margin:10px 11px;transition:all 0.4s;} .menutop2 ul li a{box-shadow:0 0 4px #FFFDFD;-o-box-shadow:0 0 4px #FFFDFD;-webkit-box-shadow:0 0 4px #FFFDFD;-moz-box-shadow:0 0 4px #FFFDFD;margin:0 7px;padding:0 10px;color:#fff;background:rgba(4, 47, 113, 0.5);} .menutop2 ul li{color:#fff !important;float:right;} .mybodyhh{background:#65a2d9;background:rgb(30, 87, 153);background:-moz-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(125, 185, 232, 1) 99%, rgba(125, 185, 232, 1) 100%, rgba(41, 137, 216, 1) 100%, rgba(32, 124, 202, 1) 100%);background:-webkit-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(125, 185, 232, 1) 99%, rgba(125, 185, 232, 1) 100%, rgba(41, 137, 216, 1) 100%, rgba(32, 124, 202, 1) 100%);background:linear-gradient(to bottom, rgba(30, 87, 153, 1) 0%, rgba(125, 185, 232, 1) 99%, rgba(125, 185, 232, 1) 100%, rgba(41, 137, 216, 1) 100%, rgba(32, 124, 202, 1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#207cca', GradientType=0);} .torvpkjh{} .hovergbrfehtrfgbss{} .hovergbrfehtrfgbss h2{font-size:20px;margin:10px 0 0 0;color:#fff} .hovergbrfehtrfgbss img{font-size:20px;margin:10px 0 0 0;width:250px;height:250px;border-radius:50%;border:4px solid #fff;} .hovergbrfehtrfgbss p{opacity:1;line-height:6px;color:#FFF;text-align:center} .hovergbrfehtrfgbss span{opacity:1;color:#FFF;text-align:center;} .hovergbrfehtrfgbss a{opacity:1;color:#072B4A;text-align:center;} .tamas{border-bottom:30px solid #979797;border-left:30px solid rgba(0, 176, 255, 0);height:0;display:inline-block;} .tamas p{font-size:17px;color:#050122;margin:2px 12px 1px 0;;} .tops2{width:110.5%;border-top:30px solid #e3e3e3;border-right:30px solid rgba(0, 176, 255, 0);height:0;display:inline-block;margin:0 -85px 0 0;} .menutop{float:left;margin:-28px 0 0 0;} .menutop ul{} .menutop ul li{float:right;float:right;margin:0px 10px;} .menutop ul li a{color:#b50002;} .bgmenu{background:#004a88;margin:-8px 0 0 0;} .navbar-nave li{padding:0 4px;transition:all 0.3s;z-index:11111111111111111111;} ul.sub-menu2{opacity:0;position:absolute;top:38px;margin-right:0px;padding:0px;left:-10px;background:rgba(0, 0, 0, 0.68);color:#fff;width:162px;margin:0 6px 0 0;transition:all 0.4s !important;float:left;} ul.sub-menu2 li{width:100% !important;} ul.sub-menu2 li a{padding:5px 5px !important;} ul.sub-menu li:hover ul.sub-menu2{opacity:1;top:38px;left:0px;margin:0 6px 0 0;display:block;transition:all 0.4s !important;} .logomy a{} .logomy a img{width:0px;height:0px;margin:0;} .mymenunav{margin:1px 0 0 0;} .bottomslid{background:rgba(0, 0, 0, 0.9);width:25%;text-align:center;margin:20px auto 0 auto;color:#fff;padding:8px;} .bottomslid a{color:#fff;font-size:19px;} .matnzirslider{} .matnzirslider p{text-align:center;font-size:18px;} .matnzirslider h1{margin:22px 0;text-align:center;font-size:30px;} .myservic{text-align:center;} .myservic p{width:233px;text-align:center;font-size:17px;margin:0 auto;} .myservic img{width:270px;height:174px;border:1px solid #e7e7e7} .imglogoo{width:100px} .imglogoo img{} .contslilogo{float:left;margin:10px 0 0 5px;} .contslilogo a i{color:#787878;margin:0 4px;} .mylogosssss{margin:20px;} .mylogosssss img{width:162px;height:76px;padding:4px;background:#fff;box-shadow:none !important;} .imgslidlog img{width:100%;height:383px;} .imgslidlog{position:relative} .conttoor{position:absolute;top:71px;left:55px;width:465px;} .conttoor h1{font-size:50px;color:#000000B3;font-weight:700;} .coloriser{} .coloriser i{color:#3e3e3e !important;margin:18px 0 0 0;padding-right:10px;} .contserm{background:#d5d5d5;margin:0 0 0 135px;width:70%;padding:0 10px 0 0;} .contserm h4{font-size:22px;margin:10px 0 0 0;color:#333;} .contserm p{font-size:17px;margin:-10px 0 9px 0;color:#001766 !important;} .contserm2{background:#f6f6f6;margin:0 0 0 135px;width:70%;padding:0 10px 0 0;} .contserm2 h4{font-size:22px;margin:10px 0 0 0;color:#333;} .contserm2 p{font-size:17px;margin:-10px 0 9px 0;color:#001766 !important;} .mysemg{width:344px;height:400px;margin:0 auto;} .axman img{width:100%;height:500px;} .h1myfoo{color:#c2071c;text-align:center;font-size:34px;} .h3myfoo{color:#3b3b3b;text-align:center;font-size:18px;margin:15px 0;} .menujaz{padding:0 14px;} .menujaz ul{} .menujaz ul li{border-bottom:1px solid #A1A1A1;padding:7px 0;transition:all 0.3s} .menujaz ul li:hover{border-bottom:1px solid #a1120e;} .menujaz ul li i{font-size:14px;color:#A1A1A1} .rightmenuj{color:#434343} .leftmenuj{color:#b3092c;float:left;} .menujaz ul li:hover .rightmenuj{color:#000} .menujaz ul li:hover .leftmenuj{color:#8b0926} .fooootmy{background:#0070c6;padding:15px 0;} .footerm{} .footerm ul{} .footerm ul li{padding:7px 0;} .footerm ul li a{color:#F3F3F3;transition:all 0.4s;} .footerm ul li i{font-size:9px;color:#F3F3F3;margin:0 0 0 4px} .footerm ul li:hover a{transition:all 0.4s;margin:0 6px 0 0;} .headfooo{font-size:23px;border-bottom:1px solid #ADA986;padding:0 0 10px 0;color:#F2F3DC;} .footerm ul li:hover a{color:#EFE692;transition:all 0.4s} .footerm ul li:hover i{color:#EFE692;transition:all 0.4s} .foocopy{padding: 15px 0 0px 0;; color: #3b3b3b; line-height: 26px; border-top: 1px solid #d3d3d3; background: #dadada;;} .foocopy ul li a i{color:#a51495;font-size:8px;margin-left:5px;} .foocopy p{color:#666;text-align:right;} .foocopy a{color:#666;text-align:right;} .foocopy ul li a{ position: relative; padding-right: 12px } .foocopy ul li a::before { font-family: 'FontAwesome'; content: "\f192"; font-size: 8px; position: absolute; top: -2px; right: 0; } .foocopy h5{font-size: 16px; margin-bottom: 17px; color: #000; font-weight: 500;} .row{margin-left:0 !important;margin-right:0 !important;} .md-form label{pointer-events:none;} .footgbrfehtrfgb{margin:0 0px;padding:0 14px;} .regestergbrfehtrfgb{background-size:cover;height:100vh;} .formreggbrfehtrfgb{background:rgba(0, 0, 0, 0.9);padding:25px 10px;border-radius:4px;width:60%;margin:50px auto;} .md-form .prefix{position:absolute;width:3rem;font-size:25px;-webkit-transition:color .2s;-moz-transition:color .2s;-o-transition:color .2s;-ms-transition:color .2s;transition:color .2s;right:1px;color:#fff;} .md-form label{color:#757575;position:absolute;top:0.8rem;right:46px;font-size:14px;cursor:text;-webkit-transition:.2s ease-out;-moz-transition:.2s ease-out;-o-transition:.2s ease-out;-ms-transition:.2s ease-out;transition:.2s ease-out;color:#fff;} fieldset{border:1px solid #c0c0c000 !important;margin:0 2px;padding:0.35em 0.625em 0.75em;} [type="checkbox"] + label{position:relative;height:25px;color:#fff;} .colorchhahajr{color:#fff !important} [type="checkbox"]:checked + label::before{top:-4px;left:-3px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:3px solid #FFF;border-bottom:3px solid #FFF;-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-ms-transform:rotate(40deg);-o-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%;} [type="checkbox"] + label::before{content:'';position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:3px solid #dfdfdf;border-radius:1px;margin-top:2px;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s;} .ramzforgotgbrfehtrfgb{color:#fff;margin:7px 0 0 0;float:right;} .ramzforgotgbrfehtrfgb:hover{color:#fff} .vorodgbrfehtrfgb{width:28%;text-align:center;margin:0 auto;} .vorodgbrfehtrfgb a{padding:4px 34px;float:right;background:#FFFFFFB3;color:#0B519B;transition:all 0.5s} .vorodgbrfehtrfgb a:hover{box-shadow:3px 3px 8px #101010;} .sidebarmy{margin:15px 0 14px 0;} .headsidebar{padding:10px 0;border-radius:3px;background:#4a4a4a;} .headsidebar a{color:#fff;margin:0 10px 0 0;} .contentsidbar{border-radius:2px;border-radius:2px;box-shadow:0 0 3px #747474;padding:16px 0;} .contentgbrfehtrfgb{margin:15px 16px 14px 0;} .vontheadergbrfehtrfgb{padding:10px 0;border-radius:3px;background:#4a4a4a;} .vontheadergbrfehtrfgb a{color:#fff;margin:0 10px 0 0;} .contentgbrfehtrfgbmy{border-radius:3px;border-radius:3px;box-shadow:0 0 4px #747474;padding:17px;margin:0 0 15px 0;float:right;} .contentgbrfehtrfgbmy p{line-height:32px;color:#444;text-align:justify;} .contentgbrfehtrfgbmy img{width:100%;margin:0 0 20px 0;} .headcoligbrfehtrfgb{padding:10px 0;border-radius:3px;background:#e3e3e3;} .headcoligbrfehtrfgb ul{} .headcoligbrfehtrfgb ul li{float:right;margin:-4px 8px 0 8px;;} .headcoligbrfehtrfgb ul li p{color:#8d8d8d} .headcoligbrfehtrfgb ul li a{color:#5c5c5c;} .ligbrfehtrfgbhea{float:right;color:#6e6e6e} .comentgbrfehtrfgb{border-top:1px solid #D7D7D7;margin:31px 0 0 0;} .didgah{text-align:right;margin:17px 0 35px 0;} .leavcomentgbrfehtrfgb{} .leavcomentgbrfehtrfgb h3{text-align:right} .sabtdidgahgbrfehtrfgb{background:#13B2BF;padding:4px 13px;float:left;margin:20px 0 0 0;color:#FFF;} .sabtdidgahgbrfehtrfgb:hover{background:#129aa7;padding:4px 13px;float:left;margin:20px 0 0 0;color:#FFF;} .torvpkj{} .menuside{} .menuside ul{} .menuside ul li{margin:10px 0 12px 0;border-bottom:1px solid #E7E7E7;padding:0px 0 7px 0;;} .menuside ul li a{color:#4a4a4a;} .menuside ul li a i{color:#e98607;margin:0 0 0 6px;} .imgstor2 img{height:200px !important;border-top:1px solid #000 !important;} .mydrop{border:2px solid #000} .mydrop option{border:4px solid #000} .dropdown-content li{clear:both;color:rgba(0, 0, 0, .87);line-height:21px;width:100%;text-align:right;text-transform:none;} .dropdown-content li > a, .dropdown-content li > span{font-size:14px;color:#535353;display:block;padding:5px 10px;} .dropdown-content li:hover{background:#91B90F !important;;} .dropdown-content li:hover a{color:#fff !important;;} .select-wrapper span.caret{color:initial;position:absolute;left:6px !important;top:16px;font-size:11px;color:#8e8e8e;right:auto !important;} .select-wrapper{position:relative;margin:0 11px;} .margingbrfehtrfgbtor{margin:20px 4px 0 0} .heghtt{height:29px;} .alinkgbrfehtrfgb{background:#91B90F;padding:11px 66px;color:#FFF;font-size:18px;text-align:center;margin:-2px auto;float:left;} .alinkgbrfehtrfgb:hover{} .hotela [type="checkbox"] + label::before{content:'';position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:3px solid #91B90F;border-radius:1px;margin-top:2px;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s;} .hotela [type="checkbox"]:checked + label::before{top:-4px;left:-3px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:3px solid #91B90F !important;border-bottom:3px solid #91B90F;-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-ms-transform:rotate(40deg);-o-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%;} caption, th{text-align:right;} .hotela{border-bottom:1px solid #7DC20C;padding:0 0 0px 0;margin:0 0 17px 0;} .regbox{background:#FFF;float:right;width:103%;border:1px solid #ededed;margin:16px -14px 0 0 !important;} .regbox .head{} .regbox .head h3{text-align:center;font-size:20px;color:#323232;} .regbox .citylist{width:90%;margin:auto;} .regbox .citylist ul{list-style:none} .regbox .citylist ul li{margin:9px 12px !important;float:right;} .regbox .citylist ul li a{color:#2b2b2b;font-size:17px;padding:3px 7px;} .regbox .citylist ul li:hover{background:#0DB6D2;border-radius:5px;transition:all 0.5s} .regbox .citylist .edame a{float:left;margin:5px 19px;} .regbox .contlist{} .regbox .contlist ul{list-style:none} .regbox .contlist ul li{margin:9px 6px !important;float:right;} .regbox .contlist ul li a{color:#5A5959;font-size:16px;} .regbox .contlist ul li a img{width:28px;height:19px} .regbox .contlist ul li:hover a{color:#848383;} .regbox .contlist .edame a{float:left;margin:59px 19px;} .regguidbox{background:#FFF;float:right;width:103%;border:1px solid #ededed;margin:16px -3px 0 0 !important;} .regguidbox .head{} .regguidbox .head h3{text-align:center;font-size:20px;color:#323232;} .regguidbox .citylist{} .regguidbox .citylist ul{list-style:none} .regguidbox .citylist ul li{margin:9px 12px !important;float:right;} .regguidbox .citylist ul li a{color:#2b2b2b;font-size:17px;padding:3px 7px;} .regguidbox .citylist ul li:hover{background:#0DB6D2;border-radius:5px;transition:all 0.5s} .regguidbox .citylist .edame a{float:left;margin:59px 19px;} .regguidbox .contlist{} .regguidbox .contlist ul{list-style:none} .regguidbox .contlist ul li{margin:9px 6px !important;float:right;} .regguidbox .contlist ul li a{color:#5A5959;font-size:16px;} .regguidbox .contlist ul li a img{width:28px;height:19px} .regguidbox .contlist ul li:hover a{color:#848383;} .regguidbox .contlist .edame a{float:left;margin:5px 19px;} .myicon img{width:20px;height:20px;} .middle{width:1170px;margin:0 auto} .vizabox{} .rightc{width:250px;float:right;} .rightc .sidebar{background:#F5F5F5;border:1px solid #DBDADA;border-radius:2px;margin:12px -1px 34px 0px;padding:8px 5px 0 0;position:relative;margin-right:34px;width:235px;height:490px;} .rightc .sidebar .head{width:210px;height:40px;margin:1px 6px !important;text-align:center;background:#E37E0D;border-radius:4px;} .rightc .sidebar .head h3{font:normal 16px "B Yekan", Tahoma;float:right;color:#FFFFFF;margin:7px 58px;text-align:center;} .rightc .sidebar ul{list-style:none} .rightc .sidebar ul li{padding:5px 1px 5px 0;border-bottom:1px solid #D5D5D5;transition:all 0.5s} .rightc .sidebar ul li:hover{border-bottom:1px solid #E37E0D} .rightc .sidebar ul li a{color:#2F2E2E;} .leftc{width:771px;float:right;margin-right:37px;} .leftc .content{background:#F5F5F5;border:1px solid #DBDADA;border-radius:2px;margin:12px 6px 30px 0px;padding:8px 11px 0 0;position:relative;float:right;width:829px;} .leftc .content .head{width:772px;height:40px;margin:1px 24px 0 0 !important;text-align:center;background:#E37E0D;border-radius:4px;} .leftc .content .head h2{font:normal 16px "B Yekan", Tahoma;float:right;color:#FFFFFF;margin:7px 350px 0 0;text-align:center;} .leftc .content img{width:400px;height:270px;padding:11px 0 0 0;} .leftc .content p{margin:13px 22px;font:normal 13px Byekan;text-align:justify;line-height:28px;} .leftctor{width:750px;float:right;margin-right:37px;} .leftctor .contenttor{background:#F5F5F5;border:1px solid #DBDADA;border-radius:2px;margin:12px 6px 30px 0px;padding:8px 11px 0 0;position:relative;float:right;width:829px;} .leftctor .contenttor .head{width:803px;height:40px;margin:1px 2px 0 0 !important;text-align:center;background:#E37E0D;border-radius:4px;text-align:center;float:right;} .leftctor .contenttor .head h2{font:normal 16px "B Yekan", Tahoma;color:#FFFFFF;margin-top:7px;margin-left:0px;text-align:center;} .leftctor .contenttor img{} .leftctor .contenttor p{margin:13px 22px;font:normal 13px Byekan;text-align:justify;line-height:28px;} .formtor{padding:10px;margin:14px;} .clear{clear:both} .mytext{padding:5px;border:solid 1px gainsboro;-webkit-transition:box-shadow 0.3s, border 0.3s;-moz-transition:box-shadow 0.3s, border 0.3s;-o-transition:box-shadow 0.3s, border 0.3s;transition:box-shadow 0.3s, border 0.3s;margin:7px;width:210px;} .mytext:focus{border:solid 1px #707070;-webkit-box-shadow:0 0 5px 1px #969696;-moz-box-shadow:0 0 5px 1px #969696;box-shadow:0 0 5px 1px #969696;} .listlgbrfehtrfgb{} .listlgbrfehtrfgb ul{width:500px !important;margin:0 auto;} .listlgbrfehtrfgb ul li{float:right;} .listlgbrfehtrfgb ul li a{} .listlgbrfehtrfgb ul li a img{width:35px;height:35px} .foocopyi{padding:12px 0;background:#02467b;} .sabttorsgbrfehtrfgb .md-form label{position:absolute;top:-9px !important;right:-13px !important;font-size:1rem;cursor:text;-webkit-transition:.2s ease-out;-moz-transition:.2s ease-out;-o-transition:.2s ease-out;-ms-transition:.2s ease-out;transition:.2s ease-out;color:#000 !important;} .footerm{color:#fff;} #menuw ul{margin:0;padding:0;} #menuw .main-menuw{display:none;} #tm:checked + .main-menuw{display:block;} #menuw input[type="checkbox"], #menuw ul span.drop-icon{display:none;color:#7d8ca5;} #menuw li, #toggle-menu, #menuw .sub-menuw{border-style:solid;border-color:rgba(0, 0, 0, .05);} #menuw li, #toggle-menu{border-width:0 0 1px;} #menuw .sub-menuw{background-color:#a0a0a0;border-width:1px 1px 0;margin:0 1em;transition:all 0.4s;} #menuw .sub-menuw li:last-child{border-width:0;transition:all 0.4s;} #menuw .sub-menuw li:hover{margin-right:8px;transition:all 0.4s;} #menuw li, #toggle-menu, #menuw a{display:block;transition:all 0.4s;color:#242424;text-shadow:none;} #menuw, #toggle-menu { width: 100%; box-shadow: 0px 4px 8px 0 rgba(0,0,0,.051); padding-bottom: 0px; background: #fff; z-index: 999; border-bottom: 1px solid #e4e4e4; } #toggle-menu, #menuw a{padding: 3px 12px; font-size: 13px; font-weight: 400; color: #797979;} #menuw a{transition:all .125s ease-in-out;-webkit-transition:all .125s ease-in-out;} #menuw .sub-menuw{display:none;} #menuw input[type="checkbox"]:checked + .sub-menuw{display:block;} #menuw .sub-menuw a:hover{color: #5ecdff !important;} #toggle-menu .drop-icon, #menuw li label.drop-icon{position: absolute; left: -1px; top: 8px;;display: none} #menuw label.drop-icon, #toggle-menu span.drop-icon{border-radius: 50%; width: 12px; height: 12px; text-align: center; color: rgb(123, 118, 118); line-height: 19px; font-size: 17px} #menuw .drop-icon{line-height:26px;} .main-menuw li .sub-menuw li a{padding:4px 5px !important;} @media only screen and (max-width:64em) and (min-width:52.01em){ #menuw .sub-menuw li{width:auto;} } @media only screen and (min-width:52em){#menuw .main-menuw{display:block;position: relative;} #toggle-menu, #menuw label.drop-icon{display:none;} #menuw ul span.drop-icon{display:inline-block;float:left;} #menuw li{float:right;border:none;line-height:25px;padding: 3px 5px;} #menuw li.bds{ ;transition:0.3s;padding: 7px 5px} #menuw .bds .le1{ position: relative;font-size: 13px !important; } .headmega:hover{transition:0.2s;border-bottom: 1px solid #ccc ;} .headmega { color: #444 !important; font-weight: 500 !important; border-bottom: 1px solid #ddd; padding-top: 18px !important; font-size: 13px !important; padding-bottom: 9px !important; } .megalink{transition:0.2s;color:#898989 !important;margin-right:18px !important;font-size:12px;} .megalink:hover{transition:0.2s;color:#696969 !important;} #menuw .sub-menuw li{float:none;} #menuw .sub-menuw{border-width:0;margin:0;position:absolute;top:100%;width:12em;z-index:3000;} #menuw .sub-menuw, #menuw input[type="checkbox"]:checked + .sub-menuw{display:none;} #menuw .sub-menuw li{border-width:0 0 1px;} #menuw .sub-menuw .sub-menuw{top:0;right:100%;} #menuw li:hover > input[type="checkbox"] + .sub-menuw{display:block;transition:all 4s;} } .imgfgbgv{width:100%;height:200px;position:relative;margin:0;} .vgfbgfn{position:absolute;top:10px;right:5px;background:rgb(231, 100, 13);padding:2px 10px;color:#fff;font-size:18px;} .vfbkgjnf{position:absolute;bottom:0;right:0;width:89%;background:rgba(0, 0, 0, 0.71);text-align:center;color:#fff;padding:7px 0;margin:0 15px;border-radius:2px;} .vfbkgjnf:hover{color:#fff;} .vfbkgjnff{position:absolute;bottom:0;right:0;width:100%;background:rgba(0, 0, 0, 0.71);color:#fff;padding:3px 0;margin:0px 0;border-radius:2px;} .myghjgbgb{border:1px solid #cdcdcd;margin-bottom:14px;} .vfbkgjnff:hover{color:#fff;} .vgfbgfn2:hover{color:#fff;} .vfbkgjnff:visited{color:#fff;} .vgfbgfn2:visited{color:#fff;} .mydcdd{text-align:right;margin:0 4px 0 0;width:162px;float:right;} .topingto{position:absolute;bottom:1px;left:5px;z-index:2222222;} .topingto i{font-size:17px;color:#fff !important;z-index:2222222;margin:0 4px;} .hedingtr{-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);position:relative;height:250px;} .bgfbkfbgg{color:#ffffff;} .bgfbkfbgg .right{text-align:right;font-size:30px;margin:15px 10px 0 0;line-height:52px;} .bgfbkfbgg .left{text-align:left;font-size:20px;margin:15px 0px 0 0px;line-height:54px;} .invnfd i{color:#055274;font-size:20px;margin:0 0 0 8px;} .myfdvfbvfbg{font-size:15px;} .myfdvfbvfbg .table thead th{vertical-align:bottom;border-bottom:2px solid #eceeef;background:#d3d3d3 !important;} .md-form .prefix ~ label{color:#484848 !important;} .md-form .prefix{color:#484848;} .md-form .prefix ~ input, .md-form .prefix ~ textarea{margin-right:31px !important;} .myformseff{border:1px solid #52769f;padding:44px;margin:40px 0 0;} .myservic11d{background:#004a89;padding:20px 0 0 0;} .myservic11d:hover .myservic22 a{box-shadow:3px 3px 7px #454343;transition:all 0.2s;} .myservic11 p{font-size:20px;color:#fff;text-align:center;} .myservic22 a{padding:10px 26px;background:#fff;color:#012552;border-radius:7px;margin-top:5px;float:left;transition:all 0.2s;font-weight:700;font-size:19px;} .myservic225 a{padding:14px 30px;background:#636363;color:#b6f62d;border-radius:7px;margin-top:50px;float:left;} .imgslidlogg{width:100%;height:336px;} .imgslidlogg2{padding:4px 21px;background:#fff;color:#0b4da9;margin:9px 10px 0 0;float:right;border-radius:4px;} .mybotttgt{margin:17px 0 0 0;} .mybotttgt ul{} .mybotttgt ul li{margin:6px 0;padding:1px 8px;border-radius:22px;transition:all 0.4s;} .mybotttgt ul li:hover{background:rgba(255, 255, 255, 0.31);transition:all 0.4s;} .mybotttgt ul li a{color:#fbf000;} .mybotttgt ul li a i{color:#fff;margin:0 0 0 5px;} .myvhfjdn{} .mybgmfkbgfsds{background:#5fb3f5;} .mybgmfkbgfsds .btn-floating{width:55px;height:55px;margin:17px 3px;} .bvngfkhnmk .list-group-item{padding:7.9px !important;} .nameghghf i{color:#0b79d5;font-size:11px;margin:0 1px;} .nameghghf{margin:0 0 20px 0;} .nameghghf .dfv{font-size:24px;font-weight:700;color:#4c4c4c;} .mybngfbg{background:#e0e0e0;padding:8px;} .mybngfbg img{width:100%;border:1px solid #d2d0d0;height:182px;} .vnfdbhjgn{height:2px;border-bottom:1px solid #aac50e;;width:100%;font-size:0;margin:20px 0;} .myvfjbfff td, .myvfjbfff th{padding:7px !important;vertical-align:top !important;border-top:1px solid rgba(21, 86, 118, 0) !important;} .myvfjbfff2 td, .myvfjbfff2 th{padding:3px !important;vertical-align:top !important;border-top:1px solid rgba(21, 86, 118, 0) !important;} .ongjg{width:109px;} .bgfjhgnh .ongjg{width:200px !important;} .bvngfkhnmk a{} .btn{font-family:IRANSans} .imgmyhcd{width:100%;margin:20px 0;} .imgmyhcd img{width:100%;} .imgmyhcd .col-md-2{max-width:24% !important;width:18% !important;margin:0 11px;transition:all 0.4s;} .imgmyhcd .col-md-2:hover{box-shadow:0 0 7px #9b9b9b;transition:all 0.4s;} .divider-new{margin-top:32px !important;} .mahsold{} .mahsold .col-md-2{background:#464646;margin:0 4px;max-width:15.9%;} .mahsold .col-md-2:hover h1{color:#0c0c0c;} .mahsold .col-md-2 img{width:100%;margin:0 auto 20px auto;} .mahsold .col-md-2 h1{font-size:20px !important;text-align:center;margin-bottom:24px;color:#e1bd1f;} .mahsold .col-md-2 h1 a{} .mahsold .col-md-2{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#464646;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s;} .mahsold .col-md-2:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#fc6703;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;} .mahsold .col-md-2:hover, .mahsold .col-md-2:focus, .mahsold .col-md-2:active{color:white;} .mahsold .col-md-2:hover:before, .mahsold .col-md-2:focus:before, .mahsold .col-md-2:active:before{-webkit-transform:scale(1);transform:scale(1);} .imgdfv img{width:100%;transition:all 0.4s;} .imgdfv img:hover{background:#e9e9e9;transition:all 0.4s;} .nesfvdf{position:relative;} .nesfvdf a{} .nesfvdf img{width:100%;} .nesfvdf h1{font-size:14px;position:absolute;bottom:10px;width:78%;color:#fff;line-height:22px;right:21px;} .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{float:right !important;} .lfvfdvd{background-color:rgba(255, 255, 255, 0.6) !important;box-shadow:0 2px 15px 0 rgba(0, 0, 0, .1) !important;border-radius:50% !important;width:69px !important;height:69px !important;top:35% !important;line-height:75px !important;} .lfvfdvd i{position:absolute !important;top:50% !important;left:50% !important;margin:-18px 0 0 -10px !important;font-size:36px !important;color:#7e7e7e !important;box-shadow:none !important;text-shadow:none !important;} /*.oheadline span{ color: #2caa00; font-size: 18px; font-size: 1.286rem; line-height: 31px; white-space: nowrap; font-size: 17px !important;}*/ /*.oheadline span::before{content:"";position:absolute;right:0;left:-40px;bottom:0;background-color:#ef5661;height:1px;z-index:1;width:184px;}*/ /*.oheadline span::after{content:"";position:absolute;right:183px;width:15px;height:1px;background-color:#fff;bottom:0;z-index:1}*/ /*.oheadline::after{position:absolute;bottom:0;right:0;left:0;background-color:#dfdfdf;height:1px;content:"";z-index:0;}*/ /*.oheadline{-ms-flex-pack:justify;justify-content:space-between;margin:0 0 6px 33px;position:relative;padding-left:5px;}*/ .vbox{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, .1);padding:9px 3px 11px 3px;max-width:100%;margin:8px 0;} .vdsghbfd{text-align:center;} .progress--circle{position:relative;display:inline-block;width:130px;height:130px;border-radius:50%;background-color:#ddd;margin-left:8px;} .progress--circle:before{content:'';position:absolute;top:8px;left:8px;width:115px;height:115px;border-radius:50%;background-color:white;} .progress--circle:after{content:'';display:inline-block;width:100%;height:100%;border-radius:50%;background-color:#663399;} .progress__number{position:absolute;top:50%;width:100%;line-height:1;margin-top:-14px;text-align:center;font-size:2rem;color:#494949;} .progress--bar.progress--0:after{width:0%;} .progress--circle.progress--0:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(90deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--1:after{width:1%;} .progress--circle.progress--1:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(93deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--2:after{width:2%;} .progress--circle.progress--2:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(97deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--3:after{width:3%;} .progress--circle.progress--3:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(101deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--4:after{width:4%;} .progress--circle.progress--4:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(105deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--5:after{width:5%;} .progress--circle.progress--5:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(108deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--6:after{width:6%;} .progress--circle.progress--6:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(111deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--7:after{width:7%;} .progress--circle.progress--7:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(115deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--8:after{width:8%;} .progress--circle.progress--8:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(119deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--9:after{width:9%;} .progress--circle.progress--9:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(122deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--10:after{width:10%;} .progress--circle.progress--10:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(126deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--11:after{width:11%;} .progress--circle.progress--11:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(129deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--12:after{width:12%;} .progress--circle.progress--12:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(132deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--13:after{width:13%;} .progress--circle.progress--13:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(136deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--14:after{width:14%;} .progress--circle.progress--14:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(140deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--15:after{width:15%;} .progress--circle.progress--15:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(144deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--16:after{width:16%;} .progress--circle.progress--16:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(148deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--17:after{width:17%;} .progress--circle.progress--17:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(151deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--18:after{width:18%;} .progress--circle.progress--18:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(156deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--19:after{width:19%;} .progress--circle.progress--19:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(160deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--20:after{width:20%;} .progress--circle.progress--20:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(162deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--21:after{width:21%;} .progress--circle.progress--21:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(166deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--22:after{width:22%;} .progress--circle.progress--22:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(169deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--23:after{width:23%;} .progress--circle.progress--23:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(172deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--24:after{width:24%;} .progress--circle.progress--24:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(176deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--25:after{width:25%;} .progress--circle.progress--25:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(180deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--26:after{width:26%;} .progress--circle.progress--26:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(184deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--27:after{width:27%;} .progress--circle.progress--27:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(187deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--28:after{width:28%;} .progress--circle.progress--28:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(190deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--29:after{width:29%;} .progress--circle.progress--29:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(194deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--30:after{width:30%;} .progress--circle.progress--30:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(198deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--31:after{width:31%;} .progress--circle.progress--31:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(201deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--32:after{width:32%;} .progress--circle.progress--32:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(205deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--33:after{width:33%;} .progress--circle.progress--33:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(209deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--34:after{width:34%;} .progress--circle.progress--34:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(212deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--35:after{width:35%;} .progress--circle.progress--35:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(216deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--36:after{width:36%;} .progress--circle.progress--36:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(219deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--37:after{width:37%;} .progress--circle.progress--37:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(222deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--38:after{width:38%;} .progress--circle.progress--38:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(226deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--39:after{width:39%;} .progress--circle.progress--39:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(230deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--40:after{width:40%;} .progress--circle.progress--40:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(234deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--41:after{width:41%;} .progress--circle.progress--41:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(238deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--42:after{width:42%;} .progress--circle.progress--42:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(241deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--43:after{width:43%;} .progress--circle.progress--43:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(245deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--44:after{width:44%;} .progress--circle.progress--44:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(249deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--45:after{width:45%;} .progress--circle.progress--45:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(252deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--46:after{width:46%;} .progress--circle.progress--46:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(256deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--47:after{width:47%;} .progress--circle.progress--47:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(260deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--48:after{width:48%;} .progress--circle.progress--48:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(263deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--49:after{width:49%;} .progress--circle.progress--49:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(267deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--50:after{width:50%;} .progress--circle.progress--50:after{background-image:linear-gradient(-90deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--51:after{width:51%;} .progress--circle.progress--51:after{background-image:linear-gradient(-86deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--52:after{width:52%;} .progress--circle.progress--52:after{background-image:linear-gradient(-83deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--53:after{width:53%;} .progress--circle.progress--53:after{background-image:linear-gradient(-80deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--54:after{width:54%;} .progress--circle.progress--54:after{background-image:linear-gradient(-76deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--55:after{width:55%;} .progress--circle.progress--55:after{background-image:linear-gradient(-72deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--60:after{width:60%;} .progress--circle.progress--60:after{background-image:linear-gradient(-54deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--65:after{width:65%;} .progress--circle.progress--65:after{background-image:linear-gradient(-36deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--70:after{width:70%;} .progress--circle.progress--70:after{background-image:linear-gradient(-18deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--75:after{width:75%;} .progress--circle.progress--75:after{background-image:linear-gradient(0deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--80:after{width:80%;} .progress--circle.progress--80:after{background-image:linear-gradient(18deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--85:after{width:85%;} .progress--circle.progress--85:after{background-image:linear-gradient(36deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--90:after{width:90%;} .progress--circle.progress--90:after{background-image:linear-gradient(54deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--91:after{width:91%;} .progress--circle.progress--91:after{background-image:linear-gradient(57deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--92:after{width:92%;} .progress--circle.progress--92:after{background-image:linear-gradient(60deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--93:after{width:93%;} .progress--circle.progress--93:after{background-image:linear-gradient(64deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--94:after{width:94%;} .progress--circle.progress--94:after{background-image:linear-gradient(68deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--95:after{width:95%;} .progress--circle.progress--95:after{background-image:linear-gradient(72deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--96:after{width:96%;} .progress--circle.progress--96:after{background-image:linear-gradient(75deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--97:after{width:97%;} .progress--circle.progress--97:after{background-image:linear-gradient(78deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--98:after{width:98%;} .progress--circle.progress--98:after{background-image:linear-gradient(82deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--99:after{width:99%;} .progress--circle.progress--99:after{background-image:linear-gradient(86deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .progress--bar.progress--100:after{width:100%;} .progress--circle.progress--100:after{background-image:linear-gradient(90deg, #663399 50%, transparent 50%, transparent), linear-gradient(270deg, #663399 50%, #ddd 50%, #ddd);} .paginate{display:inline-block;} .cotrf{margin-top:2%;} /*.paginate a{padding:3px 9px;margin:2px;border:1px solid #dbdde0;text-decoration:none;color:#666;float:right;background:#e1e4e9;border-radius:3px;}*/ /*.paginate span{float:right;}*/ /*.paginate a:hover, .paginate a:active{border:1px solid #999;color:#000;}*/ /*.paginate span.current{padding:3px 9px;margin:2px;border:1px solid #3eafd7;text-decoration:none;color:#fff;float:right;background:#4fc1e9;border-radius:3px;}*/ /*.paginate span.disabled{padding:2px 5px 2px 5px;margin:2px;border:1px solid #eee;color:#DDD;}*/ /*.paginate .prev{background-position:-56px 2px !important;display:inline-block;margin-left:4px;background:url('../images/index.png') no-repeat;width:56px;height:28px;border:none !important;text-align:center;color:#fff !important;line-height:24px;}*/ /*.paginate .prev.disabled{background-position:-56px -56px !important;color:#a8a8a8 !important;}*/ /*.paginate .next{background-position:0px 0px !important;display:inline-block;margin-left:4px;background:url('../images/index.png') no-repeat;width:56px;height:28px;border:none !important;text-align:center;color:#fff !important;line-height:24px;}*/ /*.paginate .next.disabled{background-position:0 -56px !important;color:#a8a8a8 !important;}*/ .vertical-nav { height:auto; list-style:none; width: 100%; /******* MODIFIED ********/ margin: 20px 0 0 0; } .vertical-nav li { height: 25px; margin: 0; padding: 5px 0; background-color: #666; border: none; text-align: center; display: inline-block; float: right; clear:both; width: 100px; /******* MODIFIED ********/ } .vertical-nav li:hover { background-color:#f36f25; color:#FFFFFF; } .vertical-nav li a { font-family:Calibri, Arial; font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; } .vertical-nav li.current { background-color:#F36F25; } .vertical-nav li.current a { color:#FFFFFF; } vertical-nav ul li ul { display:none; list-style-type:none; width:125px; padding:0px; margin-top:3px; margin-left:-5px; } vertical-nav ul li:hover ul { display:block; } vertical-nav ul li:hover ul li { background-color:#555555; width:125px; height:30px; display:inline-block; } vertical-nav ul li ul li:hover { background-color:#333333; } vertical-nav ul li ul li a { color:#FFF; text-decoration:underline; } vertical-nav ul li ul li a:hover { text-decoration:none; } .vertical-nav li ul { display: none; margin-top: 10px; padding: 0; } .vertical-nav li:hover ul { display: block; } .vertical-nav li:hover .sub-menux { position: relative; margin-top: -27.5px; } .sub-menux li a{ margin: 0 9px 0 0 !important;font-size: 14px ; } .sub-menux li { line-height: 17px !important; } #vertical-menu{ display: block; box-sizing: border-box; float: right; width: 100%; } .main-menux { display:inline-block; width:100%; box-sizing:border-box; } .main-menux li{ position:relative; float: right; width: 100%; } .main-menux>li>a>i{ color:#db0a5b; text-align:left; } .main-menux>li:first-child, .submenu-1>li:first-child, .submenu-2>li:first-child, .submenu-3>li:first-child{ box-shadow:none; } .main-menux>li:first-child>a, .submenu-1>li:first-child>a, .submenu-2>li:first-child>a, .submenu-3>li:first-child>a{ border-top-left-radius:5px; border-top-right-radius:5px; } .main-menux>li:last-child>a, .submenu-1>li:last-child>a, .submenu-2>li:last-child>a, .submenu-3>li:last-child>a{ border-bottom-left-radius:5px; border-bottom-right-radius:5px; } .main-menux>li>a, .submenu-1>li>a, .submenu-2>li>a,.submenu-3>li>a{ color:#d2527f; display:block; padding:0 1em; } .submenu-1,.submenu-2, .submenu-3{ position: absolute; white-space: nowrap; top: -9999px; z-index: 999999999999999999; background: #fff; padding: 7px; display: none; list-style: none; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; height: 250px; transition: all 0.25s ease; background: rgba(255, 255, 255, 0.9) !important; margin: 0 auto !important; float: none !important; width: 700px; box-shadow: 0 0 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2); -o-box-shadow: 0 0 4px rgba(0,0,0,0.2); } .submenu-1 li { direction: rtl; text-align: right; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; width: 32%; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; padding: 0 !important; } .contain-submenu>a:first-child::after{ } .main-menux>li:hover .submenu-1, .submenu-1>li:hover .submenu-2, .submenu-2>li:hover .submenu-3{ top:0; right:100%; display: flex; } #ninja-slider { direction: ltr; width:100%; padding-bottom:10px; margin:0 auto; overflow:hidden; box-sizing:border-box; } #ninja-slider.fullscreen { background: rgba(0, 0, 0, 0.85); } #ninja-slider.fullscreen #ninja-slider-prev { left: -50px; } #ninja-slider.fullscreen #ninja-slider-next { right: -50px; } #ninja-slider .fs-icon { top:0px; right:0px; width:45px; height:45px; background: rgba(0,0,0,0.1) url(ninja/fullscreen.png) no-repeat 0 0; z-index:2; opacity:0; -webkit-transition:opacity 0.8s; transition:opacity 0.8s; } #ninja-slider:hover .fs-icon { opacity: 1; } #ninja-slider.fullscreen .fs-icon { background-position: center -45px; opacity:1; } #ninja-slider .slider-inner { max-width:700px; margin:0 auto;/*center-aligned*/ font-size:0px; position:relative; box-sizing:border-box; } #ninja-slider.fullscreen .slider-inner { max-width:900px; max-height:80%; } #ninja-slider ul { /*overflow:hidden;*/ position:relative; list-style:none; padding:0; box-sizing:border-box; padding-top: 100% ; } .fullscreen ul { padding-top: 50% !important; } .fullscreen .ns-img { background-size: contain !important; } #ninja-slider li { width:100%; height:100%; top:0; left:0; position: absolute; font-size:12px; list-style:none; margin:0; padding:0; opacity:0; overflow:hidden; box-sizing:border-box; } #ninja-slider li.ns-show { opacity:1; } /* --------- slider image ------- */ #ninja-slider .ns-img { background-size: cover; border-radius:3px; cursor:default; display:block; position: absolute; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; } /* ---------Arrow buttons ------- */ /* The arrow button id should be: slider id + ("-prev", "-next", and "-pause-play") */ #ninja-slider-pause-play { display:none;} #ninja-slider-prev, #ninja-slider-next { position: absolute; display: inline-block; width: 34px; height: 34px; line-height: 20px; top: 50%; margin-top: -24px; background: none; backface-visibility: hidden; overflow: hidden; white-space: nowrap; -webkit-user-select: none; user-select: none; border-radius: 2px; z-index: 10; opacity: 0.3; font-family: sans-serif; font-size: 13px; cursor: pointer; -webkit-transition: all 0.7s; transition: all 0.7s; border-radius: 50px; border: 2px solid #aeaeae; } .slider-inner:hover #ninja-slider-prev, .slider-inner:hover #ninja-slider-next { opacity:1; } #ninja-slider-prev { left: 0; } #ninja-slider-next { right: 0; } #ninja-slider-prev::before, #ninja-slider-next::before { position: absolute; top: 8px; content: ""; display: inline-block; width: 16px; height: 16px; border-left: 2px solid #636363; border-top: 2px solid #636363; } #ninja-slider-prev::before { -ms-transform:rotate(-45deg);/*IE 9*/ -webkit-transform:rotate(-45deg); transform: rotate(-45deg); backface-visibility:hidden; right:4px; } #ninja-slider-next::before { -ms-transform:rotate(135deg);/*IE 9*/ -webkit-transform:rotate(135deg); transform: rotate(135deg); backface-visibility:hidden; left:4px; } /*pagination num within the arrow buttons*/ #ninja-slider-prev div, #ninja-slider-next div {display:none;} /*------ pager(nav bullets) ------*/ /* The pager id should be: slider id + "-pager" */ #ninja-slider-pager { display:none;} #ninja-slider-pager, #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pause-play { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } /*Responsive settings*/ @media only screen and (max-width:800px){ #ninja-slider-prev, #ninja-slider-next { display:none; } #ninja-slider .fs-icon { display:none; } } /* http://www.menucool.com */ #thumbnail-slider { opacity:0.8; margin:4px auto; /*center-aligned*/ width:100%; max-width:780px; padding:0px 2px;/*Gives room for arrow buttons*/ box-sizing:border-box; position:relative; -webkit-user-select: none; user-select:none; } #thumbnail-slider:hover { opacity:1; } #ninja-slider.fullscreen #thumbnail-slider { width:90%; max-width:1120px; } #thumbnail-slider div.inner { /*the followings should not be changed */ position:relative; overflow:hidden; padding:2px 0; margin:0; } #thumbnail-slider div.inner ul { padding: 0 !important; white-space:nowrap; position:relative; left:0; top:0; list-style:none; font-size:0; padding:0; margin:0; float:left!important; width: 100% !important; height:auto!important; } #thumbnail-slider ul li { opacity: 1; overflow: visible; display: inline-block; *display: inline !important; border: 2px solid #c0c0c0; margin: 0 4px; box-sizing: content-box; text-align: center; vertical-align: middle; padding: 0; position: relative; list-style: none; backface-visibility: hidden; transition: all 0.2s; -webkit-transform: scale(1); transform: scale(1); border-radius: 5px; } #thumbnail-slider ul li.active { border-color: #c31818; } #thumbnail-slider li:hover { border-color:rgba(255,255,255,0.7); } #thumbnail-slider .thumb { width:100%; height: 100%; background-size:contain; background-repeat:no-repeat; background-position:center center; display:block; position:absolute; font-size:0; } /* --------- Captions ------- */ #thumbnail-slider li > span { position:absolute; color:rgba(255,255,255,0.7); font-size:22px; bottom:2px; } /* --------- navigation controls ------- */ /* The nav id should be: slider id + ("-prev", "-next", and "-pause-play") */ #thumbnail-slider-pause-play {display:none;} /*.pause*/ #thumbnail-slider-prev, #thumbnail-slider-next { position: absolute; background-color:none; width:40px; height:50px; line-height:50px; top: 50%; margin:0; margin-top:-25px; color:white; z-index:10; cursor:pointer; opacity:1; *background-color:#ccc;/*IE7 hack*/ } #thumbnail-slider-prev { left:0px; right:auto; } #thumbnail-slider-next { left:auto; right:0px; } #thumbnail-slider-next.disabled, #thumbnail-slider-prev.disabled { opacity:0.3; cursor:default; } /* arrows */ #thumbnail-slider-prev::before, #thumbnail-slider-next::before { position: absolute; top: 15px; content: ""; display: block; width: 20px; height: 20px; border-left: 3px solid #898989; border-top: 3px solid #898989; } #thumbnail-slider-prev::before { left:14px; -ms-transform:rotate(-45deg);/*IE9*/ -webkit-transform:rotate(-45deg); transform: rotate(-45deg); } #thumbnail-slider-next::before { right:14px; -ms-transform:rotate(135deg);/*IE9*/ -webkit-transform:rotate(135deg); transform: rotate(135deg); } /*Responsive settings*/ @media only screen and (max-width:736px){ #thumbnail-slider { padding:0; } #thumbnail-slider-prev, #thumbnail-slider-next { display:none; } } .cart-products-loaded img{ width: 29px; } .cart-products-loaded span{ font-size: 12px; margin-right: 3px; } ul.products-wrp { list-style: none; padding: 0; max-width: 650px; margin-left: auto; margin-right: auto; color: #777; text-align: center; } ul.products-wrp li{ display: inline-block; border: 1px solid #ECECEC; margin: 5px; background: #fff; text-align: center; } ul.products-wrp li h4{ margin: 0; padding: 15px 5px 5px 5px; text-align: center; border-bottom: 1px solid #FAFAFA; } ul.products-wrp li .item-box{ border: 1px solid #EAEAEA; background: #F9F9F9; margin: 5px; padding: 5px; text-align: left; } ul.products-wrp li .item-box div{ margin-bottom:5px; } ul.products-wrp li .item-box button{ margin-left: 5px; background: #FA1C5F; border: none; padding: 3px 8px 3px 8px; color: #fff; } ul.products-wrp li .item-box button[disabled=disabled]{ background: #FC84A8; } .cart-box { display: block; width: 169px; padding: 4px 8px 4px 8px; color: #fff; font-size: 16px; text-decoration: none; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.32); margin-right: auto; margin-left: auto; font-weight: bold; } .shopping-cart-box { position: absolute; left: 0; right: auto; margin-left: auto; margin-right: auto; color: #6E6E6E; background: #FFF; border-radius: 4px; padding: 4px; margin-top: 0; display: none; z-index: 99999999999999999999999; border: none; width: 100%; height: 100%; } .shopping-cart-box a{ color: #3b8d00; text-decoration:none; } .shopping-cart-box:after { } .shopping-cart-box ul.cart-products-loaded{ margin: 0; padding: 0; list-style: none; } .shopping-cart-box .close-shopping-cart-box{ float: right; } #shopping-cart-results ul.cart-products-loaded li{ background: #fff; position:relative; margin-bottom: 3px; padding: 0; float: right; width: 100%; } .shopping-cart-box .remove-item{ float: left; text-decoration: none; color: #898989; font-size: 16px; top: 4px !important; background: #eaeaea; width: 15px; height: 15px; line-height: 15px; text-align: center; border-radius: 50%; position: absolute; left: 0; } .shopping-cart-box .cart-products-total{ font-weight: bold; text-align: right; padding: 5px 0px 0px 5px; } .shopping-cart-box h3{ margin: 0; padding: 0px 0px 5px 0px; } ul.view-cart { width: 600px; margin-left: auto; margin-right: auto; background: #fff; padding: 15px 15px 15px 25px; list-style: none; } ul.view-cart { width: 600px; margin-left: auto; margin-right: auto; background: #fff; padding: 15px 15px 15px 25px; list-style: none; border: 1px solid #ECECEC; border-radius: 4px; } ul.view-cart li span{ float: right; } ul.view-cart li.view-cart-total{ border-top: 1px solid #ddd; padding-top: 5px; margin-top: 5px; text-align: right; } .owl-theme .owl-dots { position: absolute; bottom: 2%; width: 100%; } .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-nav { margin-top: 0; } .owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; } .owl-theme .owl-nav [class*=owl-]:hover { color: #FFF; text-decoration: none } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 } .owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; margin: 5px 7px; background: #FFF; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #5ecdff; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100%;border-radius: 6px; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: #fff ; color: inherit; border: none; padding: 0 !important; font: inherit; font-size: 38px !important; color:#000; font-weight: 700 !important; margin: 0 !important; } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } .nice-select { -webkit-tap-highlight-color: transparent; background-color: #f5f5f5; border-radius: 0 50px 50px 0; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: right; font-family: inherit; font-size: 14px; font-weight: normal; height: 45px; line-height: 45px; outline: none; padding-left: 0px; padding-right: 8px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; text-align: right !important;color: #666; } .nice-select:hover { } .nice-select:active, .nice-select.open, .nice-select:focus { } .nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; left: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list { padding-right: 10px; opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow-y: auto; padding: 0; pointer-events: none; position: absolute; top: 100%; right: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 99999999; height: 290px;overflow-x: hidden;width: 13em !important; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 35px; list-style: none; min-height: 35px;color: #5ecdff; outline: none; padding-left: 0px; padding-right: 5px; text-align: right; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } .fselect3{ float: right; width: 30%; } .finput{ float: left; width: 100%;; } .finput input { height: 51px !important; padding: 0 !important; padding-right: 0px; padding-right: 0px; line-height: 0 !important; border-radius: 7px !important; padding-right: 40px !important; box-sizing: border-box !important; border: none !important; box-shadow: none !important; background: #f0f0f1 !important; } .mlhtr{ float: left; margin-bottom: 0; margin-top: 0; line-height: 53px; } .mlhtr li{ float: right; padding: 0 10px; } .mlhtr li a{ color: #8fdcff; font-size: 24px; } .mlhtr li:hover a{ color:#5ecdff } .mlhtr li a i{ } .mlhtr .crdu{ width: auto; color: #777; position: relative; text-align: center; border-radius: 50px; float: right; margin-top: 6px; font-size: 25px; height: 44px; } .mlhtr .crdu i{ } /*a7a7a7*/ .mlhtr .crdu span{ width: 23px; height: 24px; color: #fff; background: #f57979; position: absolute; top: -2px; font-size: 14px; line-height: 18px; padding: 3px; border-radius: 50px; float: left; border: 1px solid #e9e9e9; left: -22px; } .mlhtr .cardutext { font-size: 15px; float: left; margin-right: 16px; margin-top: -1px; color: #5ecdff; } .qazcde .werds{ } .soire a{ } .soire a img { opacity: 0.9; width: 32px; margin: 0; } .soire a:hover img { opacity: 1; } .bannd .item img{ opacity:0.9; } .bannd .item:hover img{ opacity:1; } .bannd.owl-nav .owl-next { right: -20px; position: absolute; top: 50%; margin-top: -20px; background-color: #fff; } .bannd .owl-next::before, .bannd .owl-next::before { content: "\f0d9"; } .bannd .owl-prev::before, .bannd .owl-prev::before { content: "\f0da"; } .bannd .owl-prev::before, .bannd .owl-next::before { font-family: 'FontAwesome'; display: block; text-indent: 0 !important; width: 100%; height: 100%; font-size: 20px; } .bannd .owl-prev, .bannd .owl-next { background-color: #fff !important; border: 2px solid #e9e9e9 !important; border-radius: 50% !important; width: 40px !important; height: 40px !important; line-height: 36px !important; text-align: center !important; float: right !important; text-indent: -9999px; overflow: hidden; cursor: pointer; opacity: 1; z-index: 99; font-size: 20px !important;color: #ddd !important; position: absolute; top: 17%; } .bannd .owl-prev:hover, .bannd .owl-next:hover { background-color: #fff !important; border: 2px solid #bbb !important; color: #bbb !important; } .bannd .owl-prev { right: -41px; } .bannd .owl-next { left: -41px; } .wfcsedgb .btn-button { border: none; display: block; margin-top: 5px; padding: 0; background-color: #c5c5c5; border-radius: 3px; color: #fff; width: 30px; height: 30px; line-height: 30px; transform: all 0.3s ease 0s; position: relative; transition: all 0.3s ease-in-out 0s; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transform: translate(-50px, 0px); -moz-transform: translate(-50px, 0px); -ms-transform: translate(-50px, 0px); -o-transform: translate(-50px, 0px); transform: translate(-50px, 0px); -webkit-transform: translate(50px, 0px); -moz-transform: translate(50px, 0px); -ms-transform: translate(50px, 0px); -o-transform: translate(50px, 0px); transform: translate(50px, 0px); } .wfcsedgb .btn-button span { color: #fff; display: inline-block; font-size: 12px; font-weight: 300; height: auto; opacity: 0; position: static; transition: all 0.3s ease 0s; width: auto; } .wfcsedgb .btn-button i, .wfcsedgb .btn-button:before { font-size: 12px; color: #fff; height: 30px; line-height: 30px; width: 30px; text-align: center; position: absolute; right: 0px; top: 0; } .wfcsedgb .btn-button span { color: #fff; display: inline-block; font-size: 12px; font-weight: 300; height: auto; opacity: 0; position: static; transition: all 0.3s ease 0s; width: auto; } .wfcsedgb :hover .button-group .btn-button { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } .wfcsedgb .wdecds{ position: relative;margin-bottom: 17px; } .wfcsedgb .wdecds .button-group { padding: 0; position: absolute; z-index: 99; right: 10px; bottom: 8px; } .wfcsedgb .wdecds { margin-bottom: 10px; position: relative; overflow: hidden !important; } .wfcsedgb .btn-button.addToCart { transition-delay: 0.1s; } .wfcsedgb .btn-button.addToCart i { right: 0px; } .wfcsedgb .btn-button.wishlist { margin-bottom: 0; transition-delay: 0.2s; } .wfcsedgb .btn-button.compare { margin-bottom: 0; transition-delay: 0.3s; } .wfcsedgb .btn-button.quickview { transition-delay: 0.4s; } .quickview { display:none !important; } .wfcsedgb .btn-button:hover { background-color: #5ecdff; width: auto; transition: all 0.3s ease-in-out 0s; } .wfcsedgb .btn-button:hover span { opacity: 1; padding: 0 28px 0 10px; transition: all 0.3s ease-in-out 0s; } .wfcsedgb .button-group .btn-button:hover i { color: #fff; } .card_u { background-color:#fff; -webkit-box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11); box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11); border: 1px solid#dedede; overflow: hidden; margin-bottom: 40px; border-radius: 3px; } .content-aside .module { overflow: hidden; } .module.so_filter_wrap .modcontent { background-color: #fff; } .content-aside .module .modcontent { padding: 15px 10px; } .module.so_filter_wrap .modcontent ul li.so-filter-options { margin-bottom: 10px; padding: 0px; } .so_filter_wrap .modcontent li { list-style: none; border-bottom: #fff 1px solid; } .module.so_filter_wrap .modcontent ul li.so-filter-options .so-filter-heading { width: 100%; padding: 0; padding-bottom: 0px; padding-bottom: 0px; border-bottom: 1px solid #e0e0e0; padding-bottom: 8px; margin-bottom: 8px; background-color: transparent; } .so_filter_wrap .modcontent .so-filter-heading { background: #ececec; background-color: rgb(236, 236, 236); display: block; overflow: hidden; cursor: pointer; } .module.so_filter_wrap .modcontent ul li.so-filter-options .so-filter-heading .so-filter-heading-text { float: right; color: #5c5c5c; font-weight: 500; text-transform: uppercase; font-size: 14px !important; padding: 0; } .so_filter_wrap .modcontent .so-filter-heading i { float: left;color: #5c5c5c; } .so_filter_wrap .modcontent .so-filter-heading i { float: left; padding: 5px; } .module.so_filter_wrap .modcontent ul li.so-filter-options .so-filter-content-opts { border: none; margin-bottom: 17px; display: block; float: right; width: 100%; } .so_filter_wrap .modcontent .so-filter-content-opts { border-left: #eee 1px solid; border-right: #eee 1px solid; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .input-group { } .input-group { position: relative; display: table; border-collapse: separate; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .input-group .form-control { border-radius: 10px !important; border: 1px solid #ddd !important; background-color: #fff !important; padding:13px !important; } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; } .input-group .form-control { position: relative; z-index: 2; float: right; width: 100%; margin-bottom: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .input-group .btn { color: #555 !important; background: transparent; border-radius: 0; box-shadow: none; left: 7px; position: absolute; z-index: 9999999; top: 9px; padding: 4px; } .title-category { font-size: 18px; text-transform: uppercase; color: #222; border-bottom: 2px solid #eee; display: inline-block; width: 100%; position: relative; margin-top: 0; padding-bottom: 10px; font-weight: 500; margin-bottom: 22px; } .title-category::after { position: absolute; content: ""; width: 110px; height: 2px; background-color: #5ecdff; bottom: -2px; right: 0; } .module.so_filter_wrap .modcontent ul li.so-filter-options { margin-bottom: 0; padding: 1px; } .vfdmkvmf { background: #fff; box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.3); border: 1px solid #fff; border-radius: 4px; padding: 4px; color: #717171; float: right; width: 100%; display: block; position: absolute; top: 100%; z-index: 99999999999999999999999999999999; height: 206px; overflow-y: auto; overflow-x: hidden; } #countryList ul li{ transition: all 0.4s; } #countryList ul li:hover{ background: #ececec; transition: all 0.4s; } .vdscds {cursor: pointer !important; border-bottom: 1px solid #dfdfdf; padding: 6px 0;;} .vdscds i{ position: unset; font-size: 12px !important; color: #a0b3b7; margin-left: 2px; } .list-unstyled4{ float: right; width: 100%; }