/* Start:/local/templates/graf/styles/style.css?1603963060198908*/ @font-face { font-family: 'sf_ui_displaybold'; src: url('/local/templates/graf/styles/fonts/sf-ui-display-bold.woff2') format('woff2'), url('/local/templates/graf/styles/fonts/sf-ui-display-bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'sf_ui_displaylight'; src: url('/local/templates/graf/styles/fonts/sf-ui-display-light.woff2') format('woff2'), url('/local/templates/graf/styles/fonts/sf-ui-display-light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'sf_ui_displaymedium'; src: url('/local/templates/graf/styles/fonts/sf-ui-display-medium.woff2') format('woff2'), url('/local/templates/graf/styles/fonts/sf-ui-display-medium.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'sf_ui_displayregular'; src: url('/local/templates/graf/styles/fonts/sf-ui-display-regular.woff2') format('woff2'), url('/local/templates/graf/styles/fonts/sf-ui-display-regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'sf_ui_displaysemibold'; src: url('/local/templates/graf/styles/fonts/sf-ui-display-semibold.woff2') format('woff2'), url('/local/templates/graf/styles/fonts/sf-ui-display-semibold.woff') format('woff'); font-weight: normal; font-style: normal; } * { margin: 0; padding: 0; box-sizing: border-box; } html { height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } body { font: 14px/18px 'sf_ui_displayregular', Arial, sans-serif; width: 100%; height: 100%; min-width:375px; } img{ max-width:100%} a{color: inherit; text-decoration: none; outline:none} a:hover{ text-decoration:none; color: #0078ff;} .animate{transition: all .3s ease-in-out;} .center{ text-align:center} .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } input, button, select, textarea{ outline:none; font-family: 'sf_ui_displayregular', Arial, sans-serif;} button{ line-height:normal !important; cursor:pointer} [class*='-ico'] + span{ display:inline-block; vertical-align:middle; line-height:normal; padding: 0 0 0 10px;} [class*='-button'] + [class*='-button']{ margin: 0 0 0 16px;} .icon{ display: inline-block; vertical-align: middle; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; } .wrapper-bg{ max-width: 1160px; margin: 0 auto; } .wrapper{ margin: 0 auto; /*min-height: 100%;*/ /*height: auto !important;*/ height: 100%; } .hidden{ display: none; } .left{ float: left; } .right{ float: right; } .left-block, .right-block{ display:inline-block; } .drop-down-selector{ position: absolute; z-index:2; margin-top: 18px; margin-left: -20px; max-height:200px; min-width: 134px; background-color: #f7f9fb; display:none; text-transform: uppercase; padding: 18px; padding-left: 8px; overflow-x: hidden; } .dropdown-list{ margin:0; } .drop-down-selector li{ height: 30px; line-height: 30px; } .drop-down-selector li:hover{ font-style: italic; height: 30px; background: #fff; cursor: pointer; } .font-size-12{ font-size:12px; } .padding-0-15{ padding: 0 15px; padding-right:0px; } .breadcrims{ height: 57px; background-color: #f7f9fb; width: 100%; padding: 23px 0px; /*margin-bottom:29px;*/ } .breadcrims ul{ list-style-type: none; } .breadcrims li{ display: inline-block; vertical-align: middle; padding-right: 10px; font-size: 12px; text-align: left; color: #9e9e9e; } .section-title{ font-size: 35px; letter-spacing: 10px; text-align: center; color: #b8b8b8; } .bg-grey{ background-color: #f7f9fb; display: inline-block; width: 100%; } .color-c8{ color: #c8c8c8; } .black-button{ width: 200px; height: 60px; background-color: #000; color: #fff; padding: 24px 65px; font-family:'sf_ui_displaymedium'; border: solid 1px #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } .black-button:hover{ color: #000; background-color: #fff; } .col-header-text{ color: #9e9e9e; letter-spacing: 4px; font-size: 13px; font-family: 'sf_ui_displaysemibold'; text-transform: uppercase; margin-bottom: 22px; } .col-regular-text{ font-size: 20px; color: #221f1f; font-family: 'sf_ui_displayregular'; } .col-bold-text{ color: #221f1f; font-size: 20px; font-family: 'sf_ui_displaybold'; } h1{ width: 100%; color:#272727; letter-spacing: 7px; text-align: left; text-transform: uppercase; font-family:'sf_ui_displaybold'; font-size: 25px; margin-top: 50px; padding-bottom: 16px; margin-bottom: 44px; } .bottom-line{ border-bottom: solid 1px rgba(58, 58, 58, 0.3); } .top-line{ border-top: solid 1px rgba(58, 58, 58, 0.3); } .gray-filter{ -webkit-filter: grayscale(1); filter: gray; filter: grayscale(1); } .icon-icon-delete{ font-size: 14px; } .basket_quantity_control .icon-icon-plus, .basket_quantity_control .icon-icon-minus{ padding-top: 10px; } .bx_ordercart .bx_ordercart_order_table_container tbody td.custom a.icon-icon-plus{ font-size: 15px; } .bx_ordercart .bx_ordercart_order_table_container tbody td.custom a.icon-icon-minus{ font-size: 3px; } /* Header -----------------------------------------------------------------------------*/ /*.header {height: 120px;}*/ .header .header-top-navbar{padding: 30px 0 0 0px; /*margin: 0 20px;*/ width: calc(100% - 15px); height: 80px; /*border-bottom: 1px solid #dfdfdf;*/} .header .decoration-link{padding-left:0px} .decoration-link span{font-size: 16px;} .header .decoration-link .decoration-ico{width: 30px; border-bottom: 3px solid #2a292f; height: 15px;position: relative; display: inline-block; vertical-align: middle;transition: all .3s ease-in-out;} .header .decoration-link .decoration-ico::before{content: ' '; position: absolute; width: 22px; height: 3px; background-color: #2a292f; top: 6px; left: 0;transition: all .3s ease-in-out;} .header .decoration-link .decoration-ico::after{content: ' '; position: absolute; width: 26px; height: 3px; background-color: #2a292f; top: 0; left: 0;transition: all .3s ease-in-out;} /* .center_menu {padding: 0px 49px 0 15px;} */ .header .center_menu ul{list-style-type: none;float: right;font-size: 16px;color: #9e9e9e;} .header .center_menu ul li{display: inline-block; vertical-align: middle; padding: 0 10px;} .right_menu{padding: 0 0 0 15px;} .fixed-head{position: fixed;left: 0; top: -150px; width: 100%;height: 60px; background-color: #f7f9fb; line-height: 60px;/*font-size: 0*/;z-index: 1196;transition: all .3s ease-in-out;opacity: .5} .fixed-head.fixed{ top: 0;opacity: 1} .fixed-head .decoration-link{display: inline-block;font-size: 16px;/*width: 25%;padding: 0 20px*/} .fixed-head-nav{display: inline-block; width: 50%; vertical-align: middle; line-height: normal;font-size: 16px;font-family: 'sf_ui_displaybold';padding: 0 20px} .fixed-head-logo{display: inline-block; width: 21%; vertical-align: middle; line-height: normal; text-align: right;font-size: 30px;padding: 0 20px;} .header-top{height: 80px; margin: 0 20px;border-bottom: 1px solid #dfdfdf; display: table; width: calc(100% - 40px);} .decoration-link{ font-family: 'sf_ui_displaymedium'; vertical-align: middle;transition: all .3s ease-in-out; display: table-cell;} .decoration-ico{width: 30px; border-bottom: 3px solid #2a292f; height: 15px;position: relative; display: inline-block; vertical-align: middle;transition: all .3s ease-in-out;} .decoration-link a{transition: all .3s ease-in-out;} .decoration-ico::before{content: ' '; position: absolute; width: 22px; height: 3px; background-color: #2a292f; top: 6px; left: 0;transition: all .3s ease-in-out;} .decoration-ico::after{content: ' '; position: absolute; width: 26px; height: 3px; background-color: #2a292f; top: 0; left: 0;transition: all .3s ease-in-out;} .decoration-link:hover .decoration-ico{border-bottom: 3px solid #0078ff;} .decoration-link:hover .decoration-ico::before, .decoration-link:hover .decoration-ico::after{background-color: #0078ff;} .header-top-right{ vertical-align: middle; display: table-cell; text-align: right} .header-top-nav{display: inline-block; vertical-align: middle; padding: 0 10px;} .header-top-nav ul{list-style-type: none} .header-top-nav li{display: inline-block; vertical-align: middle; padding: 0 10px;font-size: 16px;color: #9e9e9e;} .header-top-link{font-family: 'sf_ui_displaymedium';/*padding: 0px 30px 0px 17px;*/display: inline-block; vertical-align: middle;color: #2a292f;font-size: 16px;float: left;max-width: 50%; } .header-top-phone{padding: 0 0 0 20px; vertical-align: middle; display: table-cell; text-align: right} .header-top-user{/*margin-right: -10px; padding: 0 0px 0 48px;*/max-width: 16.666666666666664%;display: inline-block; vertical-align: middle;font-size: 16px;} .header-top-phone{float: right;max-width: 33.33333333333333%;padding: 0 0 0 20px; display: inline-block; vertical-align: middle;font-size: 16px;color: #9e9e9e;} .logo-wrap{line-height: 70px; text-align: center; position: relative;float: left;width:100%;margin-top: 57px;margin-bottom: 35px;} .logo-wrap a{display: inline-block; vertical-align: middle; overflow: hidden;} .logo-wrap .icon{overflow: hidden;display: inline-block; vertical-align: middle;/*font-size: 280px;*/position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%;width: 280px;height: 60px} .logo-wrap-inner { overflow: hidden; padding-right: 141px !important; padding-left: 0 !important; max-width: 380px; max-height: 50px; line-height: 50px; } .logo-wrap-inner a { overflow: hidden; } .logo-wrap-inner .logo { width: 100%; height: 50px; } #cart-dropdown.not-main-page .basket, #cart-dropdown.not-main-page .heart{ top: 0px; } /* 404 страница */ .emptyPage__block { max-width:580px; margin: 0 auto; padding: 80px 20px 0 20px; } .emptyPage__img { max-width:340px; margin:0 auto; } .emptyPage__img img { display: block; width:100%; } .emptyPage__title { font-size: 24px; line-height: 26px; text-align:center; color:#282828; font-family: 'sf_ui_displayregular'; margin-top:20px; } .emptyPage__text {font-size: 14px; line-height: 20px; text-align:center; color:#9ea0a1; font-family: 'sf_ui_displayregular'; margin-top:20px; } .emptyPage__buttons { margin-top:40px; } .emptyPage__buttonItems { margin: 0 0 0 -20px; } .emptyPage__buttonItem { float: left; position: relative; width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 0px 0px 0px 20px; } .emptyPage__buttonItem a { display: block; height:53px; line-height:53px; letter-spacing:3px; border: 1px solid #cbced2; text-align:center; font-family: 'sf_ui_displaysemibold'; font-size: 12px; color:#2a292f; text-decoration: none; text-transform:uppercase; transition: all .3s ease-in-out; } .emptyPage__buttonItem a:hover {background-color: #25242a; border-color: #25242a; color: #fff; text-decoration: none;} @media screen and (max-width: 599px) { .emptyPage__block { padding: 40px 20px 0 20px; } .emptyPage__buttonItems { margin: 0 0 0 0px; } .emptyPage__buttonItem { float: none; position: relative; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0px 0px 0px 0px; } .emptyPage__buttonItem:first-child { margin-bottom: 20px;} } /* 404 страница */ /* Новые стили для поиска */ .searchBlock .bottom-line { padding:0 0 15px 0; } .searchBlock__inner { } .searchItems { margin:0 0 0 -50px;} .searchItem { float: left; position: relative; width: -webkit-calc(25% - 50px); width: -o-calc(25% - 50px); width: calc(25% - 50px); margin: 0px 0px 0px 50px; } .searchItem:first-child { width: -webkit-calc(75% - 50px); width: -o-calc(75% - 50px); width: calc(75% - 50px); } .sinput { width: 100%; height:40px; padding: 0 20px; border:1px solid #272727; background:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#2a292f; font-size:12px; text-transform:uppercase; font-family: 'sf_ui_displayregular', Arial, sans-serif;} .binput { cursor: pointer; width: 100%; height:40px; text-align:center; background:#fff; border:1px solid #272727; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#2a292f; font-size:15px; text-transform:uppercase; font-family: 'sf_ui_displayregular', Arial, sans-serif; transition: all .3s ease-in-out;} .binput:hover { background:#272727; color:#fff;} .search__textBlock { margin-top:44px; font-family: 'sf_ui_displayregular'; } .search__textTitle { color:#282828; font-size: 24px; line-height:26px; } .search__textSubtitle { margin-top:10px; font-size: 14px; line-height:16px; color:#9ea0a1;} .search__categoryLinks { margin-top:40px; font-family: 'sf_ui_displayregular'; font-size:14px; line-height:14px; } .search__categoryLinks a { display: inline-block; margin: 0 25px 15px 0; font-size:14px; line-height:14px; color:#1483ff; text-decoration: underline;} .search__categoryLinks a:hover { color:#1483ff; text-decoration: none;} @media screen and (max-width: 599px) { .searchItems { margin:0 0 0 -20px;} .searchItem { width: -webkit-calc(35% - 20px); width: -o-calc(35% - 20px); width: calc(35% - 20px); margin: 0px 0px 0px 20px; } .searchItem:first-child { width: -webkit-calc(65% - 20px); width: -o-calc(65% - 20px); width: calc(65% - 20px); } .search__textTitle { font-size: 20px; line-height:24px; } } /* Новые стили для поиска */ /* Стать партнёром блок с формой */ .partners__feedBlock { margin-top:60px; padding-top:60px; border-top:1px solid #dfdfdf; } .partners__feedTitle { font-family: 'sf_ui_displaybold'; font-size:25px; line-height:25px; text-align:center; letter-spacing:10px; color:#2a292f; text-transform:uppercase; } .partners__formBlock { margin-top: 30px; } .partners__formItems { margin: 0 0 0 -40px; } .partners__formItem { float: left; position: relative; width: -webkit-calc(33.33% - 40px); width: -o-calc(33.33% - 40px); width: calc(33.33% - 40px); margin: 0px 0px 0px 40px; } .partners__formItem input { width:100%; border: none; margin:0; padding:0; margin-top:20px; font-size: 18px; line-height:18px; color:#000; border-bottom: 1px solid #cbced2; padding-bottom:10px; } .partners__formItem input::-webkit-input-placeholder { color:#939496; font-size: 14px;} .partners__formItem input:-ms-input-placeholder { color:#939496; font-size: 14px; } .partners__formItem input::-ms-input-placeholder { color:#939496; font-size: 14px; } .partners__formItem input::placeholder { color:#939496; font-size: 14px; } .partners__formItem input:focus::-webkit-input-placeholder { color:transparent; } .partners__formItem input:focus:-moz-placeholder { color:transparent; } .partners__formItem input:focus::-moz-placeholder { color:transparent; } .partners__formItem input:focus:-ms-input-placeholder { color:transparent; } .partners__formItem input:focus { border-bottom: 1px solid #1483ff; } .partners__formBtn { width: 240px; margin: 30px auto 0 auto;} .partners__formBtn button { width:100%; cursor:pointer; border: none; height:55px; background:#1483ff; color:#fff; line-height:55px; font-family: 'sf_ui_displaysemibold'; text-transform:uppercase; font-size:12px;} .partners__errorText { display: none; color:red; font-size:12px; margin-top:5px;} .partners__formItem.error .partners__errorText {display:block;} .partners__formItem.error input { border-bottom: 1px solid red!important;} .partners__formItem.error input::-webkit-input-placeholder { color:red; } .partners__formItem.error input:-ms-input-placeholder { color:red; } .partners__formItem.error input::-ms-input-placeholder { color:red; } .partners__formItem.error input::placeholder { color:red; } @media screen and (max-width: 767px) { .partners__feedTitle { font-size:20px; line-height:20px; letter-spacing:5px; } .partners__formBlock { margin-top: 10px; max-width:400px; margin: 10px auto 0 auto; } .partners__formItems { margin: 0 0 0 0px; } .partners__formItem { float: none; position: relative; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 10px 0px 0px 0px; } } /* Стать партнёром блок с формой */ /* Новые стили для карточки товара авторизованный пользователь */ .product__infoBlock { background:#f7f9fb; padding: 20px; margin-top: 25px; } .product__infoItems { margin: 0 0 0 -20px; } .product__infoItem { float: left; position: relative; width: -webkit-calc(33.33% - 20px); width: -o-calc(33.33% - 20px); width: calc(33.33% - 20px); margin: 0px 0px 0px 20px; } .product__infoTitle { font-family: 'sf_ui_displaymedium'; font-size: 12px; color:#c8c8c8; line-height: 12px; } .product__infoValue { font-family: 'sf_ui_displaybold'; font-size: 16px; color:#282828; line-height:16px; text-transform:uppercase; margin-top:10px; } .product__infoValue span { text-transform:lowercase; font-family: 'sf_ui_displaybold'; color:#282828!important; } .product__optionsBlock { padding:20px; } .product__optionItems { } .product__optionItem { margin-top:20px; } .product__optionItem:first-child { margin-top:0px; } .product__optionTitle { font-family: 'sf_ui_displaymedium'; font-size: 12px; color:#c8c8c8; line-height: 12px; } .product__optionSwitchBlock { } .product__optionSwitch { display: inline-block; margin:5px 5px 0 0; padding:4px 6px; color:#282828; font-size: 14px; font-family: 'sf_ui_displayregular'; cursor: pointer; } .product__optionSwitch.active { cursor: default; color:#fff; background:#1483ff; } .product__optionSubItems { } .product__optionSubItem { float:left; margin-right:55px; } .product__optionValue { color:#282828; font-size: 14px; font-family: 'sf_ui_displayregular'; margin-top:5px; } .product__tableBlock { margin-top:10px; } .productTable { /* height:270px; overflow-y:scroll; */ } .productTable table {border-collapse: collapse; width: 100%; border: none; font-family: 'sf_ui_displaysemibold'; } .productTable table th { border-bottom: 1px solid #cbced2;/* position: -webkit-sticky; position: sticky; top: 0; */ color:#939496; background:#fff; font-size: 12px; padding: 0px 0px 10px 0px; vertical-align:middle; /* border-bottom: 1px solid #cbced2; */ text-align: center; white-space:nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* .productTable thead th div { height:1px; background:#cbced2; margin-top:10px;} */ .productTable table td {font-size:14px; color:#272727; vertical-align:middle; border: none; text-align: center; padding-top:10px; padding-left:0px; padding-right:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .productTable table tr:first-child td { padding-top:0px; } .productTable::-webkit-scrollbar { width: 4px; height: 4px; } .productTable::-webkit-scrollbar-button { background-color: #fff; height:0px; } .productTable::-webkit-scrollbar-track { background-color: #d2d2d3; position:relative; top:50px;} .productTable::-webkit-scrollbar-track-piece { background-color: #eff2f4;} .productTable::-webkit-scrollbar-thumb { height: 50px; background-color: #d2d2d3; } .productTable tbody::-webkit-scrollbar { width: 4px; height: 4px; } .productTable tbody::-webkit-scrollbar-button { background-color: #fff; height:0px; } .productTable tbody::-webkit-scrollbar-track { background-color: #d2d2d3; position:relative; top:50px;} .productTable tbody::-webkit-scrollbar-track-piece { background-color: #eff2f4;} .productTable tbody::-webkit-scrollbar-thumb { height: 50px; background-color: #d2d2d3; } .statusTb { width: 14px; height:11px; margin: 0 auto; } .statusTb.available { background:url(/images/available_img.png) 0px 0px no-repeat; } .statusTb.unavailable { background:url(/images/unavailable_img.png) 0px 0px no-repeat; } .counterTb { width: 126px; margin:0 auto; } .counterTb__remove { float:left; width:28px; height:28px; background:url(/images/remove_count_icon.jpg) 0px 0px no-repeat; } .counterTb__field { float:left; margin: 0 5px; width:60px; } .counterTb__field input { width:100%; height:28px; line-height:28px; color:#272727; font-family: 'sf_ui_displaysemibold'; font-size:14px; border: 1px solid #cbced2; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .counterTb__add { float:left; width:28px; height:28px; background:url(/images/add_count_icon.jpg) 0px 0px no-repeat; } .productTable table { width: 100%; border-spacing: 0;} .productTable thead, .productTable tbody, .productTable tr, .productTable th, .productTable td { display: block; } .productTable thead tr { width: 100%; width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px); width: calc(100% - 0px); padding-bottom:20px;} .productTable tr:after { content: ' '; display: block; visibility: hidden; clear: both; } .productTable tbody { height: 220px; overflow-y: auto; overflow-x: hidden; } .productTable thead th { width: -webkit-calc(20% - -4px)!important; width: -moz-calc(20% - -4px)!important; width: calc(20% - -4px)!important; float: left; text-align:left!important; } .productTable thead th:nth-child(2) { margin-left:-20px; } .productTable thead th:nth-child(3) { margin-left:-5px; } .productTable tbody td { width: -webkit-calc(20% - 10px); width: -moz-calc(20% - 10px); width: calc(20% - 10px); float: left; text-align:left!important; } .productTable tbody td:nth-child(1) { padding-left:10px; } .product__controlBlock { border-top: 1px solid #cbced2; padding-top:20px; margin-top:20px; position:relative; } .product__buttonsBlock { padding-right:44px; } .product__buttonItems { margin: 0 0 0 -20px; } .product__buttonItem { float: left; position: relative; width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 0px 0px 0px 20px; } .product__buttonItem a { display: block; width:100%; height:55px; border: 1px solid #cbced2; color:#2a292f; font-size: 12px; line-height:55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; text-transform:uppercase; webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product__buttonItem a:hover { background:#272727; color:#fff; border: 1px solid #272727; } .product__buttonItem:first-child a { background:#1483ff; color:#fff; border: 1px solid #1483ff; } .addFav { position:absolute; z-index:2; top:38px; right:0; width:23px; height:20px; } .addFav .added-pending { margin-right:0px!important; } .addFav .fa { position:relative; top:0px; } .advantages__sliderBlock { padding: 0 10px; margin-top:20px; position:relative; } .advantagesSlider { position:relative; } .advantagesSlider .owl-prev { background: url(/images/a_prev.png) 0% 0% no-repeat; width: 9px; height: 22px; position: absolute; top:80px; left:-10px; z-index:3; text-indent: -9999px; cursor: pointer;} .advantagesSlider .owl-next { background: url(/images/a_next.png) 0% 0% no-repeat; width: 9px; height: 22px; position: absolute; top:80px; right:-10px; z-index:3; text-indent: -9999px; cursor: pointer;} .advantagesSlider .owl-prev.disabled { display:none!important;} .advantagesSlider .owl-next.disabled { display:none!important;} .advantagesSlider .owl-carousel .owl-stage-outer { margin: -20px; padding: 20px;} .advantagesSlider .item { padding: 20px; } .advantagesItem { padding:0px; } .advantagesIconBlock { width:60px; height:60px; margin: 0 auto; } .advantagesIconHover { display: none; } .advantagesItem__title { font-size: 14px; font-family: 'sf_ui_displayregular'; color:#282828; line-height: 18px; margin-top:15px; text-align:center; } .advantagesItem__more { color:#c8c8ca; font-family: 'sf_ui_displaysemibold'; font-size:9px; text-transform:uppercase; margin-top:10px; text-align:center; } .advantagesItem__text { display: none; font-family: 'sf_ui_displayregular'; color:#818285; font-size: 12px; line-height: 16px; margin-top:10px; } .advantagesSlider .owl-item.active:hover .item { -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); } .advantagesSlider .item:hover .advantagesIcon { display: none; } .advantagesSlider .item:hover .advantagesIconHover { display: block; } .advantagesSlider .item:hover .advantagesItem__more { display: none; } .advantagesSlider .item:hover .advantagesItem__text { display: block; } .additional__sliderBlock { margin-top:40px; border-top:1px solid #cbced2; padding-top:50px; } .additionalSlider__title { font-family: 'sf_ui_displaybold'; font-size: 16px; color:#282828; line-height:16px; text-transform:uppercase; } .additionalSlider { position:relative; padding-top:40px; } .additionalSlider .owl-prev { background: url(/images/additional_prev.png) 0% 0% no-repeat; width: 38px; height: 12px; position: absolute; top:-54px; right:60px; z-index:3; text-indent: -9999px; cursor: pointer;} .additionalSlider .owl-next { background: url(/images/additional_next.png) 0% 0% no-repeat; width: 38px; height: 12px; position: absolute; top:-54px; right:0px; z-index:3; text-indent: -9999px; cursor: pointer;} .additionalSlider .owl-prev.disabled { opacity:0.5;} .additionalSlider .owl-next.disabled { opacity:0.5;} .additionalSlider .owl-dots { position: relative; width: 100%; bottom: 0px; right:0px; left:0; text-align: center; } .additionalSlider .owl-dots .owl-dot { width:10px; height: 10px; display: inline-block; background: #cbced2; margin-left: 2px; } .additionalSlider .owl-dots .owl-dot:first-child { margin-left: 0; } .additionalSlider .owl-dots .owl-dot.active { background:#1483ff; } .additionalSlider .owl-carousel .owl-stage-outer { margin: -20px; padding: 20px;} .additionalSlider .owl-stage-outer:hover { height:595px!important;} .additionalSlider .ring .add_busket_btn .add-to-basket-text { max-width:115px!important; } .additionalSlider .ring .add_busket_btn .add-to-basket-text span { width:115px!important;} .addTip { min-width:210px; position:absolute; background:#fff; font-family: 'sf_ui_displayregular'; font-size: 14px; color:#000; line-height:16px; -webkit-box-shadow: 10px -3px 30px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 10px -3px 30px 5px rgba(0, 0, 0, 0.15); box-shadow: 10px -3px 30px 5px rgba(0, 0, 0, 0.15); top: -70px; left: 250px; z-index: 999; } .addTip span { font-family: 'sf_ui_displaybold'; } .addTip .flag { width: 0; height: 0; border-bottom: 15px solid #fff; border-left: 15px solid transparent; position:absolute; top:-15px; right:0; } .addTip__inner {padding: 30px; } @media screen and (max-width: 1199px) { .counterTb { width: 91px; } .counterTb__field { float:left; margin: 0 0px; width:35px; } .productTable table th { padding: 0px 0px 10px 0px; } .productTable table td { padding-left:0px; } .productTable tbody td:nth-child(1) { padding-left:5px; } .additionalSlider .ring_inner { background: none; } } @media screen and (max-width: 992px) { .statusTb { margin:0 0 0 38px; } } @media screen and (max-width: 479px) { .product__infoItems { margin: 0 0 0 -10px; } .product__infoItem { width: -webkit-calc(33.33% - 10px); width: -o-calc(33.33% - 10px); width: calc(33.33% - 10px); margin: 0px 0px 0px 10px; } .product__infoTitle { font-size: 11px; line-height: 11px; } .product__infoValue { font-size: 13px; line-height:13px; } .product__buttonItems { margin: 0 0 0 0px; } .product__buttonItem { float: none; position: relative; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0px 0px 0px 0px; } .product__buttonItem:first-child { margin-bottom:10px; } .addFav { top:70px; } .additionalSlider { padding-bottom:20px; } .additionalSlider .owl-stage-outer:hover { height:100%!important;} } /* Новые стили для карточки товара авторизованный пользователь */ /* Стили для новой верстки страницы Новость для неавторизованных пользователей */ .news-pt-block { margin-top:50px; } .news-p-col { width:370px; float:left; } .news-p-img img { display: inline-block; } .news-t-col { margin-left:400px; } .news-bd-block { } .news-back { font-size:12px; line-height: 12px; display: inline-block; margin-right: 20px; font-family: 'sf_ui_displayregular'; color:#b8b8b8; } .news-back a { color:#b8b8b8; text-decoration: none; } .news-back a:hover { color:#b8b8b8; text-decoration: none; } .news-back span:first-child { margin-right:10px; } .news-date { display: inline-block; font-size: 11px; color:#9e9e9e; font-family: 'sf_ui_displaybold'; } .news-t-title { margin-top:20px; } .news-t-title h1 { font-family: 'sf_ui_displayregular'; font-size:24px; line-height:26px; color:#282828; letter-spacing: 0px; margin:0; padding:0; text-transform:none; } .news-t-block { margin-top:20px; font-family: 'sf_ui_displayregular'; font-size:15px; line-height: 21px; color:#282828; } .news-t-block p { margin: 15px 0 0 0; } .news-slider-block { margin-top:50px; background:#f7f9fb; padding: 50px 0; } .news-heading { font-family: 'sf_ui_displayregular'; font-size:24px; line-height:26px; color:#282828; margin-bottom:30px; } .news-slider { position:relative; margin-top:40px; } .news-slider .item { padding-bottom:40px; } .news-slider .owl-dots { position: absolute; width: 100%; bottom: 0px; right:0px; text-align: center; } .news-slider .owl-dots .owl-dot { width:10px; height: 10px; display: inline-block; border: 1px solid #282828; margin-left: 5px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; } .news-slider .owl-dots .owl-dot:first-child { margin-left: 0; } .news-slider .owl-dots .owl-dot.active { background:#282828; } .news-step-item { position:relative; } .news-step-count-block { position:relative;} .news-step-count-bg { height:16px; background: url(/images/step-arrow.png) 100% 50% no-repeat, url(/images/step-bg.png) 0% 50% repeat-x; } .news-step-count-bg span { font-family: 'sf_ui_displayregular'; font-size:14px; line-height:14px; color:#bdbdbd; background:#f7f9fb; padding-right:15px; } .news-step-title { margin-top:20px; font-family: 'sf_ui_displaybold'; font-size:14px; line-height:16px; color:#282828; text-transform:uppercase; } .news-step-text { font-family: 'sf_ui_displayregular'; margin-top:15px; font-size:14px; line-height:20px; color:#737373; } .news-step-text a { color:#1383ff; text-decoration:underline; } .news-step-text a:hover { color:#1383ff; text-decoration:none; } .news-only-text-block { margin-top:50px; } .news-only-text { /* margin-top:30px; */ font-family: 'sf_ui_displayregular'; font-size:15px; line-height: 21px; color:#282828;} .news-only-text p { margin:20px 0 0 0; } .news-only-text p:first-child { margin:0px 0 0 0; } .news-only-text a { color:#1383ff; text-decoration:underline; } .news-only-text a:hover { color:#1383ff; text-decoration:none; } .news-photo-block { margin-top:50px; padding-top:40px; border-top:1px solid #eeeeee; } .news-photo-slider-block { margin-top:40px; padding: 0 0px; } .news-photo-slider { position:relative; } .news-photo-slider .owl-prev { background: url(/images/a_prev.png) 0% 50% no-repeat; width: 20px; height: 100%; position: absolute; top:0%; margin-top:0px; left:-20px; z-index:3; text-indent: -9999px; cursor: pointer;} .news-photo-slider .owl-next { background: url(/images/a_next.png) 100% 50% no-repeat; width: 20px; height: 100%; position: absolute; top:0%; margin-top:0px; right:-20px; z-index:3; text-indent: -9999px; cursor: pointer;} .news-photo-slider .owl-prev.disabled { display:none!important;} .news-photo-slider .owl-next.disabled { display:none!important;} .news-photo-slider .owl-dots { position: relative; padding-bottom:20px; width: 100%; bottom: 0px; right:0px; left:0; text-align: center; display: none!important; } .news-photo-slider .owl-dots .owl-dot { width:10px; height: 10px; display: inline-block; border: 1px solid #282828; margin-left: 5px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; } .news-photo-slider .owl-dots .owl-dot:first-child { margin-left: 0; } .news-photo-slider .owl-dots .owl-dot.active { background:#282828; } .news-photo-item { position:relative; } .news-photo-img {background-color: #f7f9fb; border: 1px solid #eeeeee;} .news-photo-img img { display: block; width:100%; height:179px; object-fit:contain; } .news-photo-link { position:absolute; z-index:2; top:0; right:0; bottom:0; left:0; } .news-photo-link a { display: block; width:100%; height:100%; background: url(/images/news-play-icon.png) 50% 50% no-repeat; } @media screen and (max-width: 767px) { .news-pt-block { margin-top:30px; } .news-p-col { width:100%; float:none; text-align:center; } .news-p-img img { display: inline-block; } .news-t-col { margin-left:0px; margin-top:20px; } .news-slider-block { margin-top:30px; padding: 30px 0; } .news-slider { margin-top:30px; } .news-only-text-block { margin-top:30px; } .news-photo-block { margin-top:30px; padding-top:20px; border-top:1px solid #eeeeee; } .news-photo-slider-block { margin-top:30px; } .news-photo-slider .owl-dots { display: block!important; } .news-photo-slider .owl-prev { display:none!important;} .news-photo-slider .owl-next { display:none!important;} .news-photo-slider .item { padding-bottom:20px; } } /* Стили для новой верстки страницы Новость для неавторизованных пользователей */ /* Middle -----------------------------------------------------------------------------*/ .content { padding: 0; } .additional-nav{margin: 40px 0 21px;font-family: 'sf_ui_displaylight';} .additional-nav a, .more-link a, .main-articles a, .header a, .blog a, .fixed-head a{transition: all .3s ease-in-out;} .collection .more-link {padding-top: 40px;} .additional-nav .wrapper-bg{margin-bottom: 21px;padding: 0 0 0 0;/* position: relative;*/} .cart-link{position: relative; font-size: 30px;fill:transparent} .cart-link-number{color: #221f1f;font-size: 12px;position: absolute; display: block !important; left: 0px; top: 18px; transition: all .3s ease-in-out;padding: 0 !important; font-family: 'sf_ui_displaybold'; text-align: center; width: 30px;} .additional-nav ul{list-style-type: none;text-align: center;display: inline-block} .additional-nav li{color: #4c454c;font-size: 24px;text-transform: uppercase;display: inline-block; vertical-align: middle; padding: 0 111px 0 0;} .additional-nav li:hover .additional-nav-menu{display: block;padding-top: 31px;z-index:100} .additional-nav-menu{display: none;} .cart-link:hover .cart-link-number{color: #0078ff} .additional-nav-item{letter-spacing:3px;} .additional-nav-item > a:hover{color: inherit;} .main-slider{padding: 0 50px 0 0; position: relative;} .main-slider-item{height: 527px; background-position: center center; padding: 0 130px} .main-slider-item-button{width: 100%; text-align: left; margin-top: 50px;} .main-slider .owl-dots{position: absolute; right: -50px; top: 0; width: 50px; text-align: center; left: inherit;} .main-slider .owl-dot{width: 14px; height: 14px; background-color: #e6e6e6; border-radius: 50%; display: block; margin: 0 auto 10px;transition: all .3s ease-in-out;border: none;} .main-slider .owl-dot.active{border: 2px solid #2a292f;background-color: transparent} .main-slider-info {position: relative;display: inline-block;width: 50%;margin-top: 290px/*временно*/;max-width:461px; } .main-slider-img-block {position: relative;display: inline-block;width: 50%;margin-top: 10%} .main-slider .light-text{color: #fff} .main-slider .dark-text{color: #000} .main-slider-header {display: block;width: 100%;font-family: sf_ui_displaylight;font-size: 17.77pt;text-transform: uppercase;line-height: normal;margin-bottom: 14px;max-width:461px;} .main-slider-text {display: block;width: 100%;/*text-transform: uppercase;*/font-family: sf_ui_displaylight; font-size: 12pt;/*letter-spacing: 3px;max-width:461px;*/} .main-slider-img {position: relative; display: none;} .right-float {float: right;padding-left: 15px} .left-float {float: left;padding-right: 15px} .h1{max-width: 360px;padding: 0 20px;letter-spacing: 9px;color: #b8b8b8;font-size: 36px;font-weight: 400;text-transform: uppercase;margin: 0 0 20px;font-family: 'sf_ui_displaylight';} .white-button{display: inline-block; vertical-align: middle; min-width: 162px; text-align: center;height: 44px; line-height: 44px; background-color: #fff;transition: all .3s ease-in-out;color: #2a292f !important;font-size: 15px;font-family: 'sf_ui_displaymedium';} .white-button:hover{background-color: #dedede;} .white-button:active{background-color: #b8b8b8;} .white-border-button{display: inline-block; vertical-align: middle; min-width: 160px; text-align: center;height: 44px; line-height: 42px; background-color: #fff;transition: all .3s ease-in-out;color: #2a292f !important;font-size: 14px;font-family: 'sf_ui_displaymedium';border: 1px solid #959595;} .white-border-button:hover, .gk-actions-item-main .gk-actions-more:hover{background-color: #25242a;border-color: #25242a;color: #fff !important;cursor: pointer;} .white-border-button:active{background-color: #000;border-color: #000;} .two-col{font-size: 0} .col-item{display: inline-block; vertical-align: top;} .two-col .col-item{width: 50%;margin-bottom:50px;} .reviews{padding: 70px 0;font-size: 0; line-height: normal} .reviews h1, .reviews .h1{text-align: center; margin: 0 0 60px;} .reviews-item{padding: 0 20px 0 220px; vertical-align: top;margin: 0 0 30px 0; position: relative;} .reviews-item-img{width: 160px; height: 160px; border-radius: 160px; position: absolute; left: 20px; top: 0;} .reviews-item-text{color: #272727;font-size: 26px;font-family: 'sf_ui_displaylight';padding: 15px 0 0;} .reviews-item-text-author{margin: 60px 0 0;position: relative; color: #9e9e9e;font-size: 14px;} .reviews-item-text-author::before{content: ' '; position: absolute; top: -30px; width: 21px; border-bottom: 4px dotted #9e9e9e;} .reviews-item .quotes-ico{position: absolute; left: 30%; top: -30px; font-size: 30px;color: #b8b8b8;} .more-link{color: #272727;padding: 20px;font-size: 18px;font-weight: 400;text-transform: uppercase;text-align: center;font-family: 'sf_ui_displaybold';letter-spacing: 5px;} .reviews .more-link{padding-top: 43px;} .hits-slider .h1, .blog-slider .h1 {padding: 0px;} .main-articles{background-color: #f7f9fb;padding: 80px 0 50px; font-size: 0;} .main-articles-block{display: inline-block; vertical-align: top;} .articles-right-block{width: 300px; display: inline-block; vertical-align: top;} .main-articles-item{height: 307px;background-color: #fff;transition: all .3s ease-in-out;width: 260px;} .main-articles-item-large{width: 560px;} .main-articles-item:hover{box-shadow: -15.7px 19.4px 16px rgba(47, 74, 104, 0.24);} .main-articles-item-wrap{padding: 0 20px; display: inline-block; vertical-align: top;margin: 0 0 40px} .main-articles-item-large .main-articles-item-img{display: inline-block;/*width: 300px;*/vertical-align: top} .main-articles-item-large .main-articles-item-text{display: inline-block; width: 260px;padding: 20px;vertical-align: top} .main-articles-item-head{color: #272727;font-size: 16px;text-transform: uppercase;font-family: 'sf_ui_displaymedium'; margin: 0 0 20px;} .main-articles-item-article{color: #9e9e9e;font-size: 14px;margin: 0 0 40px;position: relative} .main-articles-item-article::before{content: ' '; position: absolute; bottom: -15px; width: 21px; border-bottom: 4px dotted #9e9e9e;} .main-articles-item-link{color: #b8b8b8;font-size: 13px;} .main-articles-item-img, .main-articles-item-text{height: 180px} .main-articles-item-text{padding: 20px} .main-articles-item-img{text-align: center} .main-articles-item-img img{max-height: 100%} .main-articles-item-large .main-articles-item-img, .main-articles-item-large .main-articles-item-text{height: 100%} .main-articles-sidebar .main-articles-item{height: 654px;} /*.main-articles-sidebar.articles-width-signature {padding: 0px;}*/ .main-articles-sidebar .main-articles-item-img{margin: 0 0 20px} .right-col{padding-left: 20px} .articles-width-signature .main-articles-item-article{padding-top:10px} .articles-width-signature img{width: 100%; height: 100%} .articles-width-signature .main-articles-item-img{height: auto; padding: 0px 5px;} .articles-width-signature .main-articles-item-head{ margin: 0 0 36px;} .collection{padding: 140px 0 40px;font-size: 0; line-height: normal} .collection-item{position: relative; /*margin: 0 0 40px;*/} .collection-item-head{letter-spacing: 10px;/*float:left;*/font-size: 28px; color: #c8c8c8;text-transform: uppercase;font-family: 'sf_ui_displaylight'; margin: 20px 0; position: relative;/*top: 10px;*/} .collection-item-head-odd{margin-bottom: 40px;} .collection-item-head::before{content: ''; width: 60px; height: 2px; background-color: #1d2022; position: absolute; right: -70px; top: 50%; transform: translateY(-50%)} .collection-item-head > span{font-family: 'sf_ui_displaybold';color: #272727;letter-spacing: 9px;} .collection-item-head--detail-top { font-size: 32px; /*width: 50%;*/ text-align: right; position: absolute; top: -115px; right: -2%; } @media (max-width: 992px) { .collection-item-head--detail-top { position: static; width: 100%; } } .collection-item-head--detail-top::before { width: 0; height: 0; } .collection-item-head--detail-top span { font-size: 32px !important; color: #000 !important; } .collection-item-article{color: #9e9e9e;font-size: 16px;font-family: 'sf_ui_displaylight';} .collection-item-text{position: relative;/*padding: 0 40px;*/padding-right:57px; width: 300px; height: 415px;display: inline-block; vertical-align: top;text-align:right;} .collection-left-col .collection-item-article{min-height: 160px;} .collection-left-col-img1{display: inline-block; vertical-align: top;width: 280px;margin-left:-25px;} .collection-left-col-img2{display: inline-block; vertical-align: top;width: 360px; margin: -50px 0 0} .collection-left-col-img3{display: inline-block; vertical-align: bottom;width: 200px; text-align: center} .collection-right-col .collection-item-article{min-height: 188px;} .collection-right-col .collection-item-text{padding: 100px 53px 0px 0px; margin: -50px 0 0} .collection-right-col-img1{display: inline-block; vertical-align: top;width: 360px; position: relative} .collection-right-col-img2{display: inline-block; vertical-align: top;width: 200px; text-align: center} .collection-right-col-img3{display: inline-block; vertical-align: bottom;width: 280px;margin: -50px 0 0 -20px} .right-col .collection-item-button{bottom: 0px;position: absolute;margin-left: 87px;} .section{padding: 20px 0 40px;font-size: 0; line-height: normal} .hits-img{width: 280px; display: inline-block; vertical-align: top;background: linear-gradient(to top, #fff 50%, #f2f2f2 50%);min-height: 400px; text-align: center; position: relative} .hits-img img{position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%); display: block; margin: 0 auto; max-height: 380px} .hits-text{width: 280px; display: inline-block; vertical-align: top; min-height: 400px; padding: 0 40px 0 0;} .hits-text .collection-item-head::before{display: none} .hits-text .h1, .hits-text h1{margin: 0 0 100px} .hits-text-article{color: #272727;font-size: 16px;font-family: 'sf_ui_displaymedium';min-height: 120px;margin: 0 0 20px} .hits-text-article p{margin: 0 0 16px;} .product-articul{color: #9e9e9e;font-size: 14px;} .product-price{font-size: 20px;color: #c8c8c8;font-family: 'sf_ui_displaylight';} .product-price strong{font-family: 'sf_ui_displaybold';color: #272727;font-weight: normal} .hits-slider .owl-dots{position: absolute; top: 100px; left: 0; z-index: 2;height: 12px;} .hits-slider .owl-dot{width: 10px; height: 10px; background-color: #e6e6e6; display: inline-block; vertical-align: middle; margin: 0 6px 0 0;transition: all .3s ease-in-out;border-radius: 50%;border:none} .hits-slider .owl-dot.active{border: 2px solid #959595; background-color: #fff;} .blog-text{ padding: 0 0 0 40px;width: 280px; display: inline-block; vertical-align: top; } .blog-img{ /*width: 280px;*/ display: inline-block; vertical-align: top; } .blog-link-all{text-align: right;font-size: 13px;color: #b8b8b8;font-family: 'sf_ui_displaymedium';margin: 0 0 30px;} .blog-head{color: #272727;font-size: 18px;text-transform: uppercase;font-family: 'sf_ui_displaybold';width: 375px;left: -160px;position: relative;} .blog-article{color: #9e9e9e;margin: 20px 0;font-size: 14px;} .blog-link {color: #b8b8b8;font-family: 'sf_ui_displaymedium';font-size: 13px;} .blog-slider .owl-dots{position: absolute; top: 60px; left: auto; z-index: 2;height:10px;right:5px;} .blog-slider .owl-dot{width: 10px; height: 10px; background-color: #e6e6e6; display: inline-block; vertical-align: middle; margin: 0 6px 0 0;transition: all .3s ease-in-out;border-radius: 50%;} .blog-slider .owl-dot.active{border: 2px solid #959595; background-color: #fff;} /* Footer -----------------------------------------------------------------------------*/ .footer { margin: 0 auto 0; position: relative; display: inline-block; width: 100%; } .footer a{transition: all .3s ease-in-out;} .footer-nav{/*height: 270px;*/border-top: 1px solid #dfdfdf;padding: 40px 0 0;font-size: 0;} .footer-nav-item{display: inline-block; vertical-align: top; /*width: 25%; */padding: 20px;padding-bottom: 45px;} .footer-nav-head{color: #272727;font-size: 14px;text-transform: uppercase;margin: 0 0 25px;font-family: 'sf_ui_displaybold';font-weight: bold;letter-spacing: 4px;} .footer-nav-item ul{list-style-type: none;} .footer-nav-item li{color: #9e9e9e;font-size: 16px;margin: 6px 0} .footer-block{padding:30px 0;font-size: 0;/*height: 90px;*/border-top: 1px solid #dfdfdf;line-height: 90px;} .footer-logo{display: inline-block;vertical-align: middle; padding: 0 20px;font-size: 160px;height: 40px;} .footer-logo .icon{display: block; height: 40px;} .footer-payment{display: inline-block;vertical-align: middle; padding: 0 10px;line-height: normal;opacity: 0;visibility: hidden;} .footer-payment-text{ opacity: 0.6;display: inline-block;vertical-align: middle; max-width: 120px; width: 100%; padding: 0 10px;font-size: 12px;margin-left: 120px} .footer-payment-img{display: inline-block;vertical-align: middle; max-width: 120px; /*width: 100%;*/ padding: 0 10px; margin-left: 25px;margin-top:3px;} .footer-social{display: inline-block;vertical-align: middle; padding: 0 15px; text-align: right; line-height: normal;} .footer-payment-block{padding-top: 7px;} .footer-social-text{text-align: left; vertical-align: middle; max-width: 120px; /*width: 100%;*/ padding-top: 6px; padding-right:20px;font-size: 12px;} .footer-social-item{color:#c8c8c8;display: inline-block;vertical-align: middle; max-width: 120px; margin: 0 5px;font-size: 12px;width: 40px; height: 40px; text-align: center; line-height: 40px;border-radius: 50%; background-color: #f2f2f2} .footer-social-item:hover{color:#0078ff;} .footer-social .col-md-9 .col-md-3{padding: 0;} .footer-block-bottom{height: 70px; line-height: 70px;border-top: 1px solid #dfdfdf;text-align: justify; overflow: hidden} .footer-block-bottom .wrapper-bg::after{content: ''; display: inline-block; width: 100%;} .copyright{color: #9e9e9e;font-size: 12px;display: inline-block;vertical-align: middle; line-height: normal;/*padding: 0 20px*/} .footer-block-link{color: #9e9e9e;font-size: 12px;display: inline-block;vertical-align: middle; line-height: normal;padding: 0 20px} .footer-phone{font-size: 16px;color: #9e9e9e;display: inline-block;vertical-align: middle; line-height: normal;padding: 0 8px} .footer-phone strong{display: inline-block; padding: 0 0 0 10px;} .footer-nav .row{display: flex;/*flex-wrap: wrap;*/} .socials{padding-right: 15px;} /* коллекции -------------------------------------------------------------------------------------------------------------------------------------------------*/ .title_section{text-align: center; background-color: #f7f9fb; /*height: 320px;*/ height: auto; display: inline-block; padding-bottom: 40px; width:100% } .title_section .title_div{height: 100%;} .title_section .collection-item-head{float:left;margin-top: 52px;/*font-size: 83px;letter-spacing: 30px;*/ font-size: 40px; letter-spacing: 20px;} .title_section .collection-item-head:before {display:none;} .title_section p{color: #9e9e9e; font-size: 16px; font-family: -webkit-body; font-family: 'sf_ui_displaylight'; line-height: 20px;max-width: 262px;margin: 0 auto;margin-top: 69px;} .section_margin{margin-top:80px;} .photo_div{position:absolute;bottom:0;margin-left: 29%;z-index: 5; height: 430px;width: 300px;} .photo_div .photo{position:absolute; left: 0px;width: 100%;height: 368px; background: url(/local/templates/graf/styles/../images/collections_photo.jpg);background-repeat:no-repeat;} .photo_div .name{/*margin-bottom: -16px;*/position:absolute; bottom: 0; font-family: 'sf_ui_displaymedium'; font-size: 15px;/*left: 50%;transform: translateX(-50%);*/padding-left: 60px;/*max-width: 155px;*/} .photo_div .inspiration{margin-top: 36px;margin-left: 35px;font-family: 'sf_ui_displaymedium';font-size: 35px; position: absolute; z-index: 10;} .inspiration .span_first_line{letter-spacing: 26px;} .inspiration .span_second_line{padding-top: 82px;letter-spacing: 10px;} .inspiration .span_third_line{padding-top: 45px;padding-left: 15px;letter-spacing: 10px;} .inspiration .span_third_line span{letter-spacing: 45px;} .inspiration .span_fourth_line{padding-top: 76px;letter-spacing: 116px;} section.pink_story{padding-bottom:20px;} .collection_section .content{width: 100%;position: relative; padding-left: 20px;} .collection_section .content .content_element {margin-top: 55px;max-width: 49%;background-size:cover;} .collection_section .description_div .collection_title{margin-bottom: 35px;} .collection_title p{font-family: 'sf_ui_displaybold';text-transform: uppercase;color:#ababab} .collection_section .description_div .collection_title .title{color: #272727;font-size: 30px;letter-spacing: 3px;margin-bottom: 10px; text-align:left;line-height: 36px;} p.collection-sub-title{letter-spacing: 1.3px;font-size: 13px;text-transform: lowercase;font-weight: 500; margin-top: -12px;} .collection_section .description_div .description{color:#ababab;font-family: 'sf_ui_displaylight';font-size: 16px;margin-bottom: 80px;max-width: 257px;} .collection_section .img_div{bottom:0; width: 580px; height: 380px;} .collection_section.colored_shadows{margin-top: 65px;} .collection_section--is-first {margin-top:95px;} .collection_section--is-odd .collection_img {right: 0;} .collection_section--is-even .collection_img {float: left;} .collection_section--is-even .description_div {right: 0;} .collection_section--is-even .photo_div {margin-left: 45%;} .pink_story.collection_section .photo_div .inspiration{color: #fdbee7;} .aqua.collection_section .photo_div .inspiration{color: #99dae0;} .moon_light.collection_section .photo_div .inspiration{color: #2fa2ff;} .colored_shadows.collection_section .photo_div .inspiration{color: #f2e268;} .want_become_mastermind{background: url(/local/templates/graf/styles/../images/collections_want_become_mastermind_bg.jpg);background-repeat: no-repeat; background-position: top; margin-top:150px;background-color: #f2f2f2} .want_become_mastermind .title{letter-spacing: 5px;margin-top: 63px;color: #272727; font-family: 'sf_ui_displaybold';font-size: 18px;} .want_become_mastermind .text{line-height: 20px;margin-top: 37px;color: #686868;font-family: 'sf_ui_displaylight';font-size: 18px;} .grey-button{display: inline-block;vertical-align: middle; min-width: 160px;text-align: center;height: 44px;line-height: 42px;background-color: #fff;transition: all .3s ease-in-out;color: #2a292f;font-size: 14px;font-family: 'sf_ui_displaymedium';border: 1px solid #777;} .grey-button:hover{color:#fff;background-color: #111111;} .want_become_mastermind .grey-button{margin-top: 77px; margin-bottom: 43px;cursor:pointer} /* коллекции варианты -----------------------------------------------------------------------------*/ .collections_variants_main_img{background-position: center; background-size: cover; width: 100%; height: 400px;} .collections_variants_main_img .wrapper-bg{padding-top: 342px;} .collections_variants_main_img .navigation {background: #fff; position: relative;/*text-align: center;*/} .collections_variants_main_img .navigation div{display: inline-block;} .collections_variants_main_img .menu{margin: 20px 0;font-family: 'sf_ui_displaybold';margin-left:350px;text-align:start} .collections_variants_main_img .collection-item-head{margin: 20px 0;left: 40px;position: absolute;} .collections_variants_main_img .collection-item-head:before{display: none;} .collections_variants_main_img ul{list-style-type: none;} .collections_variants_main_img li{color: #4c454c;font-size: 16px;text-transform: uppercase;display: inline-block; vertical-align: middle; padding: 50px 17px 0px; margin-top: -40px; height: 80px;text-decoration:none;} @media(max-width: 991px){ .footer-nav .row{flex-wrap: wrap;} } @media(min-width:768px){ .collections_variants_main_img li:hover{background: #000;color: #fff;} .collections_variants_main_img li a:hover{color: #fff;} } .review_block{background-color: #f7f9fb;} .review_block .review{margin-bottom:0px;} .review_block .wrapper-bg{background: #fff;} .review_block .review .img_div{background: url(/local/templates/graf/styles/../images/collections_variants_review1.jpg);background-size: cover; width: 230px; height: 270px; margin-top: 55px; margin-left: 40px;} .review_block .review .content_div{/*width: 678px;*/ margin-top: 50px;max-width:100%;padding-right: 70px;} .review_block .review .content_div .main_text .quotes{font-family: 'sf_ui_displaylight';font-size: 36px; color: #b8b8b8;margin-left: 14px;} .review_block .review .content_div .main_text .review_text{font-family: 'sf_ui_displaylight'; /*font-size: 25px;line-height: 27px;*/margin-left: 53px; font-size: 17px;line-height: normal} .review_block .review .content_div .auter_name div{display: inline-block;} .review_block .review .content_div .round {border: 1px solid; border-radius: 50px; border-color: #b8b8b8; height: 40px; width: 40px;} .review_block .review .content_div .round p{font-size: 51px; color: #b8b8b8; font-family: 'sf_ui_displaylight';text-align: center; margin-top: 6px;} .review_block .review .content_div .auter_name {margin-left: 35px;margin-top: 85px;} .review_block .review .content_div .auter_name .name{margin-left: 30px} .video_block{background-color: #f7f9fb;padding-top: 100px;} .video_block .first_div .slider_div, .first_div .description_div{display: inline-block;} .video_block .slider_div{max-width:100%;width: 760px; height: 540px;} .video_block .first_div .description_div{float:none;vertical-align: top; padding-top: 25px;padding-left: 40px; max-width:345px;} .video_block .first_div .description_div .title{text-align: left;} .video_block .first_div .description_div .title{font-size: 16px; font-family: 'sf_ui_displaybold'; text-transform: uppercase; margin-bottom: 10px} .video_block .first_div .description_div .title:before{ margin-left: -90px;z-index: 5;transform: translateY(-50%);position: absolute;content: '';margin-top: 7px;width: 63px; height: 2px; background-color: #000;} .video_block .first_div .description_div .description_text{line-height: 25px;font-size: 17px;font-family: 'sf_ui_displaylight'; color: #272727;} .video_block .first_div .description_div .look_video{margin-top: 70px;color: #272727; font-family:'sf_ui_displaybold'; font-size: 16px; text-transform: uppercase;} .video_block .first_div .description_div .look_video div{display: inline-block; vertical-align: middle;} .video_block .first_div .description_div .look_video .play{width: 70px; height: 70px; background-color: #0078ff; border-radius: 50px; margin-right: 23px;cursor: pointer;} .video_block .first_div .description_div .look_video .play:after{content: '';position: absolute; margin-top: 25px; margin-left: 30px; border: 10px solid transparent;border-left: 13px solid #fff;} .video_block .first_div .description_div .photo1{max-width: 100%;position: absolute; width: 480px; height:270px;background: url(/local/templates/graf/styles/../images/collections_variants_photo1.jpg);background-position:center;background-repeat: no-repeat; margin-top: 40px; margin-left: -80px;z-index: 5;} .photo_section{background-color: #fff;padding-top: 50px;margin-top: -50px;} .photo_section .second_div{margin-top: 90px;} .photo_section .second_div div{display: inline-block;} .photo_section .second_div .photo2{max-width: 100%;margin-right: 40px; margin-bottom: -60px;padding-top: 60px;width:355px; height: 480px; background: url(/local/templates/graf/styles/../images/collections_variants_photo2.jpg);} .photo_section .second_div .photo3{max-width: 100%;height: 480px;width:760px; background: url(/local/templates/graf/styles/../images/collections_variants_photo3.jpg);} .photo_section .second_div .photographer{margin-right: 10px;margin-top: 30px;float: right;font-family:'sf_ui_displaymedium'; color: #272727; font-size: 16px;} .photo_section .second_div .photographer span{letter-spacing: 4px;color: #b8b8b8;text-transform: uppercase;font-size:12px} .ring .ring_price{margin: 30px auto 0; width: 80%;text-align: center; font-family: 'sf_ui_displaybold';color: #000; font-size: 18px;padding-bottom: 5px;} .ring .add_busket_btn{font-family: 'sf_ui_displaymedium'; color: #000; font-size: 16px; text-align: center; margin-top: 16px;text-transform: uppercase;} .ring{vertical-align: top; display: inline-block; top: 0px;} .ring{max-height: 640px;transition: all .3s ease-in-out;} #coll_goods .ring {min-height: 440px;} .ring:hover .ring_price{border-bottom:solid 1px; border-color: #b8b8b8;} .ring .ring_photo{/*background: url(/local/templates/graf/styles/../images/ring1.jpg);background-size: cover;*/height: 260px; /*width: 155px;*/ width: 100%;/* margin: 30px auto;*/margin: 9px auto;text-align: center} .ring_photo {width: 100%;} .ring .ring-description{text-align: center;font-size: 18px;color: #9e9e9e;} .color{width: 24px; height: 24px;} .color1{margin-left: 0px; margin-right:17px;/* background: url(/local/templates/graf/styles/../images/colors/color1.png)*/background-position: center;} .rings{padding-top: 140px; padding-bottom: 72px;border-bottom: 1px solid #dfdfdf;} .rings .rings_collection{width: 100%; font-family: 'sf_ui_displaylight';flex-wrap: wrap;align-items: start; color: #9e9e9e;display: flex;justify-content: flex-start;flex-direction: row;} .rings .rings_collection .ring, .rings-result-list .rings_collection .ring{vertical-align: top; top: 0px; padding-bottom: 20px;} .rings .ring{transition: all .3s ease-in-out;} .rings .ring:hover .viewing_div, .rings-result-list .ring:hover .color_selector, .rings .ring:hover .color_selector, .rings-result-list .ring:hover .viewing_div .icon-icon-heart{display: block;} .rings .ring:hover .ring_price{border-bottom:solid 1px; border-color: #b8b8b8;} .rings .ring .viewing_div, .rings-result-list .ring .viewing_div .icon-icon-heart{display: none; margin: 30px 0 0 0px; width: 40px; /*height: 183px;position:absolute*/ position: relative; border-color: #000; text-align: center;} .rings .ring .viewing_div .vertical_text{writing-mode: tb-rl;} .rings .ring .viewing_div .icon-icon-heart, .rings-result-list .ring .viewing_div .icon-icon-heart{font-size:21px;} .rings .ring .viewing_div .icon-icon-heart:hover, .rings-result-list .icon-icon-heart:hover{color:#0078ff} .rings .ring .ring_photo{/*background-size: cover;height: 260px; width: 155px;*/ margin: 30px auto;/*margin-top: -14%;*/height: auto; width: auto;} /*.rings-result-list .ring:hover .ring_photo{margin-top: -55%}*/ .rings .ring .ring-description{text-align: center;font-size: 18px;} .rings .ring .color_selector, .rings-result-list .ring .color_selector {display: none; margin: 20px auto -10px; padding: 8px 0 0px; width: 80%; /*border-top: solid 1px;*/ border-bottom:solid 1px; border-color: #b8b8b8; font-size: 14px;line-height: 15px;} .rings .ring .color_selector .color_line{margin: 3px 0;} .rings .ring .color_selector .color_selector_text{padding: 0px;} /*.rings .ring */.color_selector .chose_color{float: right;margin-right: -10px;} /*.rings .ring */.color_selector .metal_color div,.rings .ring .color_selector .ceram_color div{display: inline-block;} .color_selector .color{width: 24px; height: 24px; padding: 0; border-radius: 24px;background-position: center;} .color_selector .color + .color {margin-left: 8px;} .rings .ring .ring_price{/*margin: 30px auto 0;*/ margin: 0px auto 0; width: 80%;text-align: center; font-family: 'sf_ui_displaybold';color: #000; font-size: 18px;/*padding-bottom: 5px;*/top: 10px;position: relative;} .rings .ring .add_busket_btn{font-family: 'sf_ui_displaymedium'; color: #000; font-size: 16px; text-align: center; margin-top: 30px;text-transform: uppercase;} .rings .show_all_block {width: 100%;text-align: center;} .rings .show_all{transition: color 0.3s ease; font-family: 'sf_ui_displaybold';color: #000; font-size: 18px;text-transform: uppercase;letter-spacing: 5px; margin: 20px 0 15px;cursor:pointer;display: inline-block} .rings .show_all:hover{color:#0078ff;} .add_busket_btn .add-to-basket-text{margin-left: 20px;display:none;transition: all .3s ease-in-out;} .add_busket_btn .add-to-basket-text:hover{color: #0078ff;} .rings .ring:hover .add-to-basket-text{display:inline} .preview{display: inline-grid; margin-left: 22px;position: relative;} .preview .view-text{margin-left: -38px;display:none;transition: all .3s ease-in-out;padding-bottom: 31px;letter-spacing:0.2em;} .rings .ring:hover .view-text, .rings-result-list .ring:hover .view-text{ display:inline;transform: rotate(90deg);margin-top: 20px; } .view-text:hover{color:#0078ff;} .preview img{display:none;transition: all .3s ease-in-out;padding-bottom: 14px;padding-top: 28px;} .rings .ring:hover .preview img, .rings-result-list .ring:hover .preview img{ display:inline } .ring_photo img{width: 61%;} .overlay {display: none;position: fixed; top: 0; left: 0;width: 100%; height: 100%; background: rgba(71, 93, 112, 0.95); z-index: 999; -webkit-animation: fade .6s; -moz-animation: fade .6s; animation: fade .6s; overflow: auto; } #overlay1 {display: none;} .popup{background-color: #f8f9fb; /*width: 524px; height: 509px;left: 50%;top: 50%;transform: translate(-50%, -50%);position: absolute;*/} .popup .popup-container{width: 100%; height:100%;padding: 45px 40px 26px 45px;} #overlay1 .popup .icon-close{float: right;} .popup .title{letter-spacing: 3px;font-family: 'sf_ui_displaybold';color: #000;text-transform: uppercase;font-size: 17px;} .popup .popup-body{margin-top: 60px;} .popup input[type="text"], .popup input[type="password"]{color: #000; background-color:#f8f9fb; border: 1px solid; border-color: #c3c3c3; width: 100%; height: 50px; margin-bottom: 30px; font-family: 'sf_ui_displayregular'; font-size: 18px; padding-left: 20px;} .popup input[type="text"]:focus, .popup input[type="password"]:focus{background-color: #fff;} .popup input[type="text"]{margin-bottom: 20px;} .popup .popup-button{margin-top: 10px;} .popup .popup-button a{cursor: pointer;} .popup .popup-button .right{float: right; font-size: 14px;padding-left: 35px;padding-top: 3px;} .popup .grey-button{font-size: 14px;font-family: 'sf_ui_displaymedium'; height: 50px; width: 157px;background-color: #f8f9fb;} .popup .grey-button:hover{background-color: #fff;} .popup input[type="text"]::-webkit-input-placeholder, .popup input[type="password"]::-webkit-input-placeholder{opacity: 1; transition: opacity 0.3s ease;} .popup input[type="text"]::-moz-placeholder, .popup input[type="password"]::-moz-placeholder{opacity: 1; transition: opacity 0.3s ease;} .popup input[type="text"]:-moz-placeholder, .popup input[type="password"]:-moz-placeholder{opacity: 1; transition: opacity 0.3s ease;} .popup input[type="text"]:-ms-input-placeholder, .popup input[type="password"]:-ms-input-placeholder{opacity: 1; transition: opacity 0.3s ease;} .popup input[type="text"]:focus::-webkit-input-placeholder, .popup input[type="password"]:focus::-webkit-input-placeholder{opacity: 0; transition: opacity 0.3s ease;} .popup input[type="text"]:focus::-moz-placeholder, .popup input[type="password"]:focus::-moz-placeholder{opacity: 0; transition: opacity 0.3s ease;} .popup input[type="text"]:focus:-moz-placeholder, .popup input[type="password"]:focus:-moz-placeholder{opacity: 0; transition: opacity 0.3s ease;} .popup input[type="text"]:focus:-ms-input-placeholder, .popup input[type="password"]:focus:-ms-input-placeholder{opacity: 0; transition: opacity 0.3s ease;} #overlay1 .popup .popup-footer{position: absolute; bottom: 0px; margin-left: -45px;background-color: #fff; height: 95px; width: 524px;padding: 30px 40px 26px 45px} #overlay1 .popup .popup-footer .popup-login-by-socials .text{color: #b5b5b5;font-size: 14px;font-family: 'sf_ui_displayregular';} .basket .tooltip-inner {min-width: 150px;} .metalTooltipTop,.sizeTooltipTop,.insertTooltipTop{top: -55px!important;left: -25px!important;} .basket:hover .popup{max-height: 516px;border-top: solid 6px #f8f9fb;} .basket:hover:after{display:block} .basket .popup{/*transition: 0.7s;*/overflow-y: auto; overflow-x: hidden;max-height: 0px; padding-top: 0px;width: 300px; background-color: #f8f9fb; position: absolute;right: 5px;z-index: 2;} .basket:after, .heart:after{display: none;z-index: 2;content: '';position: absolute;margin-top: -17px;right: 4px;border: 12px solid transparent; border-bottom: 6px solid #f8f9fb;} .basket li{width: 100%; padding: 0px} .basket .basket-element{padding:30px 30px 20px 30px; /*height: 141px;*/ background-color: #fff; width: 100%; margin-bottom:2px;} .basket .description-text{font-size: 9px;} .basket .popup .basket-description .price{text-transform: lowercase;font-family: 'sf_ui_displaybold';font-size: 18px; color: #000;} .basket .basket-item-img{height: 100%;padding: 0px;width: auto;} .basket .grey-button{margin: 10px 50px 23px 50px; width:160px; height:45px;background-color: #f8f9fb;} .basket .grey-button:hover{background-color: #fff; } .basket .popup .popup-body{margin-top: 0px;} .heart:hover .popup, .heart:hover:after{max-height: 516px;padding: 6px;} .heart .popup{/*transition: all 0.5s;*/overflow-y: auto; overflow-x: hidden; max-height: 0px; padding-top: 0px;width: 315px; background-color: #f8f9fb; position: absolute;right: -12px; /*top:40px;*/z-index: 2;} .heart:after{display: none;z-index: 2;content: '';position: absolute;top: 5px;right: 67px;border: 12px solid transparent; border-bottom: 6px solid #f8f9fb;} .heart li{width: 100%; padding: 0px} .heart .basket-element{padding:30px 30px 20px 30px; /*height: 141px;*/ background-color: #fff; width: 100%; margin-bottom:2px;} .heart .description-text{font-size: 9px;} .heart .popup .basket-description .price{text-transform: lowercase;font-family: 'sf_ui_displaybold';font-size: 18px; color: #000;} .heart .basket-item-img{height: 100%;padding: 0px;width: auto;} .heart .grey-button{margin: 10px 50px 23px 50px; width:160px; height:45px;background-color: #f8f9fb;} .heart .grey-button:hover{background-color: #fff; } .heart .popup .popup-body{margin-top: 0px;} .fixed-menu{display: none;position: absolute;height: 340px; width: 100%; background-color: #fff; padding-top: 15px;} .fixed-menu-left{float: left; width:800px;} .fixed-menu-left span{padding-left: 16px; color: #b8b8b8; font-size: 10.7px;text-transform: uppercase; font-family: 'sf_ui_displaymedium';letter-spacing: 3.2px;} .fixed-menu-left .first-col-title{padding-left:0px} .fixed-menu-left .link-column{vertical-align:top; font-size: 16px; color: #000; width: 33.33%; display: inline-block} .fixed-menu-left .first-col li{margin-left:-15px} .fixed-menu-left li{padding:10px 25px 10px 16px;cursor: pointer; font-size: 18px;list-style-type: none; line-height:25px; width: fit-content;} .fixed-menu-left li:hover{background-color: #0078ff; color: #fff;} .fixed-menu-left li:hover a{color: #fff} .fixed-menu-left ul{margin-top: -10px;} .fixed-menu-right{float: right; width:360px;/*position: absolute;*/top:0; bottom:0; right: 0px;} .fixed-menu-right .slogan, .fixed-menu-right .img{display: inline-block;} .fixed-menu-right .slogan{/*margin-left: -70px;*/margin-top: 133px;text-transform: uppercase; font-size:21px; font-family:'sf_ui_displaymedium'; color: #000; letter-spacing: 5px; float: left;line-height: 30px;} .fixed-menu-right .img{background: url('/local/templates/graf/styles/../images/fixed-menu-img.jpg'); height: 161px; width: 104px;/*margin-right: 50px;*/float: right; margin-top: 107px;} .menu-jewelry{display:none;background: #fff;position: fixed; width: 100%; height:100vh;top: 0; opacity: 1; z-index: 1366;} .menu-jewelry .header-block{padding: 20px 0px 20px 30px; height: 78px;font-family: 'sf_ui_displaymedium'; font-size: 16px;} .menu-jewelry .header-block span{margin-right: 5px;font-family: 'sf_ui_displaybold';font-size: 20px;} .middle-div{padding-top:72px;padding-bottom: 60px} /*.menu-jewelry .middle-div span{text-transform: uppercase; padding-left: 16px; color: #b8b8b8; font-size: 14.3px; font-family: 'sf_ui_displaymedium';letter-spacing:4.3px;} .menu-jewelry .middle-div li{padding:7px 25px 10px 16px;line-height:25px;list-style-type: none;font-family: 'sf_ui_displaylight'; font-size: 23px; width: fit-content;} .middle-div li a{color: #272727} .middle-div a{color: #000;} .middle-div a:hover{color: #fff;text-decoration:none;} .middle-div .active{background-color: #0078ff;} .middle-div .active a{color: #fff;}*/ /*.menu-jewelry .bottom-block{position: absolute; bottom:0;*/ /*max-height: 300px;*//* width: 100%; background-color: #e6f0f8;}*/ .menu-jewelry .bottom-block{position: absolute; bottom:0; /*max-height: 300px;*/ width: 100%; background-color: #e9e9e9;} .menu-jewelry .bottom-block .container{position: relative;width: 820px;transform: translateY(-50%);top: 50%;} .menu-jewelry .bottom-block .text{transform: translateY(-50%); top: 50%;position: absolute;display:inline-block; text-transform: uppercase; font-family: 'sf_ui_displaymedium'; font-size: 23px; color: #000;} .menu-jewelry .bottom-block .img{display:inline-block;background: url('/local/templates/graf/styles/../images/menu-jewelry-img.png'); float: right; width:200px; height:233px;max-height:233px;background-size:contain;background-repeat: no-repeat;} .menu-jewelry .close-menu:hover{color:#0078ff; cursor:pointer;} .rings-filtering-main .left-block{/*width: 291px;*/display:inline-block;} .rings-filtering-main .left-block .filter-option{/*margin-left: 20px;*/width: 100%;padding-bottom:27px; padding-top: 59px; border-top: solid 1px #e5e5e5;} .rings-filtering-main .left-block .filter-option.price{border-top:none} .rings-filtering-main .left-block .option-title{cursor: pointer; text-transform: uppercase;width: 100%; color: #9e9e9e; text-align: left;font-size: 16px; font-family:'sf_ui_displaybold';margin-bottom:18px;} .rings-filtering-main .left-block .option-title:hover{color:#000;} .rings-filtering-main .left-block .option-title span{float:right;} .rings-filtering-main .left-block .filter-items-block{margin-left: -40px;margin-top: -15px;} .rings-filtering-main .left-block .filter-items-block label{text-align: left;font-weight: 500;font-size: 16px;text-align: left;color:#2a292f;} .rings-filtering-main .left-block .filter-items-block span{color: #9e9e9e;} .rings-filtering-main .left-block .filter-container{height: auto;} .filter-items-block {overflow: hidden; height: 0; opacity: 0; transition: 0.2s ease-in-out 0s} .filter-items-block--active {display: block; opacity: 1; height: 100%; overflow: visible; transition: 0.2s ease-in-out 0s} .filter-items-block ul{list-style-type: none;} .filter-items-block li{cursor: pointer;margin-bottom: -11px;} .filter-items-block input{opacity:0} /* price slider */ .max-price, .min-price { display: inline-block; opacity: 1 !important; } /* price slider end */ .rings-filtering-main .left-block .buttons{/*margin-left: 20px;*/width: 100%;} .rings-filtering-main .left-block .buttons input {display: inline-block;} .rings-filtering-main .left-block .buttons .white-border-button{border-color:#959595;min-width: 130px; height: 45px; float: left;} .rings-filtering-main .left-block .buttons .cleean-button {border: none; background-color: #fff; line-height: 42px;height: 45px;vertical-align: middle;float:right;font-family: 'sf_ui_displaymedium';color: #9e9e9e;font-size: 14px;} .rings-filtering-main .left-block .buttons .cleean-button span{margin-right: 9px;} .rings-filtering-main .left-block .buttons .cleean-button:hover{color: #000;} .rings-filtering-main .right-block{display: inline-block;float:right;/*width: 859px;*/} .sort-block{height:94px; width: 100%; padding-top: 54px;color: #9e9e9e;font-size: 16px;font-family: 'sf_ui_displayregular';border-bottom: 1px solid #dfdfdf} .sort-block ul{display: inline-block;} .sort-by, .give-at{display: inline-block; vertical-align: top;} .give-at {position: absolute; right: 15px} .give-at ul{list-style-type: none;} .give-at li{display: inline-block; margin-left: 15px;cursor:pointer;padding-bottom: 18px;} .give-at li:hover{color:#0078ff} .give-at li.active{border-bottom: solid 3px #0078ff;} .sort-by .selLabel{text-transform: capitalize;} .rings-filtering-main .content.row{margin-top: 90px;} .rings-result-list{width: 100%; margin:0;} .rings-result-list .ring{height: auto; padding-bottom: 20px;width:33%;max-height:none;} #quickview .ring-customization .wrapper-bg .col{margin-top:10px; height: 580px;} #product-detail .wrapper-bg .col{margin-top:57px; height: 726px;} .ring-customization .Rectangle-18-copy-2 { width: 120px; height: 120px; opacity: 0.1; border: solid 1px #1f2021; } .ring-customization .col-md-6{padding:0px;} .ring-customization .right-block{padding-right: 35px;padding-left:7%;font-size: 16px;color:#000;font-family:'sf_ui_displaybold';} .ring-customization .right-block span{/*color: #c8c8c8;*/font-family:'sf_ui_displaymedium';/*font-size: 12px;*/} .ring-customization .right-block ul{list-style-type: none;} .article-row{margin-bottom:24px} .article-row .collection-name{position:relative; font-size: 16px;text-transform: uppercase;font-family:'sf_ui_displaybold';} .article-row .collection-name:after{content: '';width: 60px;height: 2px;background-color: #f2f5f9;position: absolute;left: 110%;top: 7px;} .article{font-size: 12px;text-transform: uppercase;} .ring-customization .ring-description{color: #272727;text-align: left;font-size: 16.1px;font-family: 'sf_ui_displaymedium';max-width: 320px;} .metal-and-weight{margin-top:27px;background-color: #f7f9fb; padding-bottom:15px; padding-top:18px;padding-left:20px} .ring-customization .choose-color{padding:34px 30px 10px 20px;} .insert-and-size{padding:34px 30px 10px 20px;} .ring-customization .price-row{margin-top:41px;margin-bottom:30px; padding-top:27px; padding-bottom:26px; padding-left:0px; border-top:solid 1px #959595;border-bottom:solid 1px #959595;} .ring-customization .price-row p{margin:0;} .ring-customization .add_busket_btn{/*padding: 10px 0px;*/font-family: 'sf_ui_displaymedium';text-transform: uppercase;color: #272727;text-align: center;letter-spacing: 2.9px;font-weight: 500;font-size: 14.3px;/*padding-right: 15px;*/} /*.ring-costomisation-block .white-border-button{margin-left:15px;}*/ .catalog-element-cart-in-round{margin-right: 20px;} .product-description-section{background-color: #f7f9fb; padding: 59px 0px 74px } .description-menu{font-family:'sf_ui_displaybold';font-size: 16px;color: #272727;text-transform: uppercase;padding-top: 29px; width: 1181px; height: 66px; border-top: solid 1px rgba(58,58,58,0.3);;position: absolute; margin-top:-122px;} .description-menu ul{list-style-type: none;} .description-menu li{cursor: pointer;display: inline-block; margin-right: 50px; padding-bottom: 15px} .description-menu li:hover{border-bottom: solid 3px #0078ff} .description-menu li.active{border-bottom: solid 3px #0078ff} .product-description-section .left-block{width: 760px;} .product-description-section .right-block{width: 400px;} .slider-div{width: 100%;} .slider-div .slide{width: 100%; height: 500px;background-repeat: no-repeat;} .related-products{margin-top: 80px} .product-description-collection-name{letter-spacing: 10px; margin-left:39px; margin-top:81px;line-height: 30px;} .product-description-collection-name::before{right: 0;left: -82px;z-index: 2;} .product-description-text{line-height: 25px;margin-left:39px;font-family: 'sf_ui_displaylight'; width:340px;color: #272727;text-align: left;font-size: 20px;} .product-description-section .grey-button{margin-left:39px; margin-top:80px;border: solid 1px #959595;background-color: #f7f9fb;} .product-description-section .grey-button:hover{background-color:#fff;} .page-navigation{font-family: 'sf_ui_displayregular';font-size: 14px;} .page-navigation ul{list-style-type: none;display: inline-block;} .page-navigation li{text-align:center; padding-top:3px; vertical-align: middle; height: 25px; width: 25px;cursor: pointer;display: inline-block;} .page-navigation li.active{border: none; background-color:#DADADA; color:#050505;border-radius: 50px;} .page-navigation li:hover{ border: solid 1px #0078ff;border-radius: 50px;} .page-navigation li.active:hover{border: none;} .page-navigation a:visited{color:#e2e5eb;} .page-navigation li:hover a, .page-navigation li:hover a:visited{color:#0078ff;} .page-navigation li.active a, .page-navigation li.active a:visited{color:#050505;} .page-navigation span{margin: 0px 25px} .page-navigation span a, .page-navigation span a:visited{color:#9e9e9e; cursor: pointer;color:#9e9e9e;} .basket-main-section{background-color: #f7f9fb} .basket-main-section h1{width: 100%; border-bottom: solid 1px rgba(58,58,58,0.3); color:#272727; letter-spacing: 7px; text-align: left;font-family:'sf_ui_displaybold'; font-size: 25px; margin-top: 50px; padding-bottom: 12px; margin-bottom: 49px;} .basket-list-header{color: #9e9e9e;font-size: 13px;text-transform: uppercase;font-weight: 600;letter-spacing: 1.3px;font-family: 'sf_ui_displaysemibold';margin-bottom: 20px;} .basket-list-header td{letter-spacing: 1.3px;font-weight: 600;color: #9e9e9e;} .basket-list-header ul{list-style-type: none;} .basket-list-header li{display: inline-block; width: 100px; margin-right: 100px} .basket-element{background-color: #fff; width: 100%; /*height: 186px;*/ padding: 24px 39px; color: #272727;font-size: 18px;font-family:'sf_ui_displaybold';} .basket-element-img{width: 80px; height: 140px;} .basket-element-description span{font-size: 16px; color: #b8b8b8;text-align: left;} .count input{width: 100%; height: 54px; border: solid 1px #e1e1e1;} .setting{display: inline-block; width: 110px; height: 100%; display: flex; float: left; text-align: left; margin-left: 90px;} .setting.basket-element-description,.setting.basket-element-img{margin: 0px; width: auto;} .setting.basket-element-description{width:200px;display: inline-block; padding: 26px 9px 0px 40px} .count.setting{margin-left:32px;} .discount.setting{margin-left:90px;} .sum.setting{margin-left:50px;} .setting span, .setting input{margin: auto 0px; float: left;} .dellete.setting{margin-left: 60px;width: 14px;} .basket-element-description p{width: 100%;} .description-lines{margin-top: 24px} .basket-list ul{list-style-type: none;} .basket-list li{margin-bottom: 5px;} .ordering-line{background-color: #fff; margin-top: 60px; line-height: 0px;} .ordering-line-item{display: inline-block; white-space: nowrap;overflow: hidden;line-height: 156px;} .coupon-block input{border: solid 1px #c8c8c8; width: 360px; height: 60px; padding: 24px 0px 23px 19px;} .total-price{/*margin-left: 242px;*/width: 300px;color: #272727;font-size: 25px;font-family:'sf_ui_displaybold';float: right;margin-right: 35px;} .together-profitable-section{background-color: #fff; } .together-profitable-section .wrapper-bg{padding-top: 98px;border-top:solid 1px #959595; } .together-profitable-section h2{margin-bottom: 45px;text-align: center; font-size: 36px;font-weight: 300;letter-spacing: 11px;color: #b8b8b8;} .together-profitable-list{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;} .together-profitable-element{width: 560px;height: 260px; border: solid 1px #dfdfdf; margin-bottom: 64px} .pair, .price-for-tow{display: inline-block;} .pair{font-family:'sf_ui_displaybold';font-size: 18px;text-align: left;color: #272727;width: 320px; background-color: #fff; height: 100%; padding: 52px 39px 47px 39px} .pair div{display: inline-block; text-align: center} .price-for-tow{font-family: 'sf_ui_displayregular';font-size: 18px; color: #272727; background-color: #f7f9fb;width: 236px;height: 100%;float: right;padding: 50px 48px 47px 30px} .price-for-tow .total-price{margin: 0px; margin-top: 12px;} .price-for-tow .grey-button{margin-top: 87px; width: 161px; height: 45px; border: solid 1px #959595; background-color: #f7f9fb;} .price-for-tow .grey-button:hover{ background-color: #fff;} .plas {margin-top: 66px;margin-left: 33px; position: absolute;} .show-more{cursor: pointer; color: #272727; letter-spacing: 5px; font-size: 18px;font-family:'sf_ui_displaybold'; text-align: center; margin-bottom: 93px;} .contacts-section{padding-top:77px; padding-bottom: 43px; color: #9e9e9e; height: auto; background-color: #fff;color: #9e9e9e;font-size: 16px;} .contacts-requisite-block{padding-bottom: 46px; margin-bottom: 31px;} #contacts-map{width: 100%; height: 600px;} @media screen and (max-width: 767px) { #contacts-map { width: 100%; height: 320px; } #WSM_MapOffice_YMAP { width: 100%; height: 320px; } } .sections-two-main-sliders{padding-bottom: 105px;padding-top: 103px;} .shopTabs { position:absolute; top:45px; right:121px; z-index:2; } .tabs { } .tabs_nav_shop { margin:0; padding:0 0 0 0px; list-style: none; } .tabs_nav_shop li { margin: 0; padding: 0; background:#fff; border:1px solid #cbced2; display:block; width:50%; height:45px; line-height:45px; text-align:center; background:#fff; float: left; position: relative; } .tabs_nav_shop li a { display: block; height: 45px; line-height: 45px; text-align: center; color:#272727; font-size:13px; text-decoration: none; font-size: 13px; margin-left: -12px; } .tabs_nav_shop li.active { color:#fff; border:1px solid #0078ff; background:#0078ff; } .tabs_nav_shop li.active a { color:#fff; } .tab_pane { display: none; } .tab_pane.active { display: block; } .tab_pane { padding: 0px 0px 0 0px; background:#fff;} .adress-list{max-height: 468px; overflow-x: hidden; width: 320px; padding-bottom: 0px; padding-top: 0px; background-color: #fff;} .adress-list ul{list-style-type: none;padding-top: 0px;} .adress-list li{position: relative;cursor: pointer;background-color:#fff; width: 100%; padding: 5px 20px 5px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .adress-list li:hover{ background-color: #f7f9fb;} .adress-item {width: 100%;} .sections-two-main-sliders{ border-bottom:none; padding-bottom: 50px; } .reviews-section{padding-top: 53px;} .review {margin-bottom: 50px;min-height: 214px;} .review > div {display: inline-block;position: relative;vertical-align: top;} .review-page.review > div{max-width: 335px;} .review-preview {overflow: hidden;border-radius: 50%;width: 160px; height: 160px;} .review-preview img{width: 100%;position: absolute;} .review-preview:after{content:"❝";color: rgb(184, 184, 184); font-size: 39px;position: absolute;top: -16px;left: 176px;} .review-content{margin-left: 43px;} .review-text{padding-top: 20px;line-height: 26px;letter-spacing: -1px;font-family: 'sf_ui_displaylight';font-size: 26px; color: #272727; font-weight: 300;text-align: left;} .review-text:after{width: 20px; height: 4px;margin-bottom: 9px;display: inline-block;content:'';background:url(/local/templates/graf/styles/../images/ellipse-4-copy-4.png);} .review-text.less-100:after{display: none;} .review-footer{color:#9e9e9e;font-size: 14px;font-family: 'sf_ui_displayregular';margin-top: 10px} .news {max-width:100%;background-color:#fff; padding: 0px; margin-right: 20px; margin-left: 20px; margin-bottom: 30px} .ajax-item:first-child .main-news > div{display: inline-block; vertical-align: top;} .news-preview{width: 100%;} .news-preview img{width: 100%;} .news-content{padding: 26px 29px 24px 43px;font-family: 'sf_ui_displayregular';} .news-date{color: #9e9e9e;letter-spacing: 3.2px;font-size: 11px;font-weight: 900;} .news-title{text-transform: uppercase; color: #272727;letter-spacing: 3.2px;font-size: 16px;font-weight: bold;} .news-text{color: #9e9e9e;font-size: 14px;margin-top: 23px;} .news-text p{margin-bottom: 21px; max-height: 114px; max-height: 114px;} .details-news{margin-top: 21px; display: inline-block;} .new_list > .news_container > .grid .ajax-item:first-child .main-news { width: 680px; /* height: 400px; */ } .new_list > .news_container > .grid .ajax-item:first-child .main-news .news-preview{width: 48%;} .new_list > .news_container > .grid .ajax-item:first-child .main-news .news-content{padding: 32px 29px 24px 30px;width: 48%;} .ajax-item:first-child .main-news .news-title{font-size: 17.9px;letter-spacing: 5.4px; margin: 57px 0px 0px;} #coll_goods .grid .grid-item {width: 287px !important} .grid-item {width: 320px;} .grid-item--width2 {width: 760px;} .new_list > .news_container > .grid .ajax-item:first-child .main-news{width: 680px; /*height: 400px;*/} .delayed_block{position: relative;} .favorite-count{width: 20px;height: 20px; position: absolute;background: #221f1f;display: block; border-radius: 50%; padding:5% 0; color:#fff; text-align:center;top: -10px;right: -10px;} .description_div { float: left; padding-left: 15px; } .collection_section .description_div{ padding-left: 0px; } .even { float: left; } .not-even { float: right; } #overlay2{display: none;} .popup-logo{width: 40px; height: 23px;margin: 0 auto;} .title{text-align: center; margin-top: 25px;} .buy-one-click{margin-top: 58px} .popup-header{position: relative;} .popup-close{cursor:pointer;position: absolute;width: 17px; height: 17px;right:-17px;top:-17px} .add-to-favorite{ margin-right: 25px; width: 23px; height: 20px; /*background:url(/local/templates/graf/styles/../images/add-to-favorite.png); background-size: contain;*/ color: #c8c8c8; cursor: pointer; font-size:20px; } .add-to-favorite:hover{ /*background:url(/local/templates/graf/styles/../images/add-to-favorite-hover-b.png); background-size: contain;*/ color: #0078ff; } .add-to-favorite.added{ background-size: contain; background:url(/local/templates/graf/styles/../images/add-to-favorite-added-b.png); } /*ring slider*/ .ring-slider-minis{ width: 20%; display: inline-block; vertical-align: top; } .ring-slider-minis ul{ list-style-type: none; } .ring-slider-minis-item{ width: 120px; height: 120px; text-align: center; } .ring-slider-minis-item.active{ border: solid 1px rgba(31,32,33,0.1); } .ring-slider-minis-item:hover{ border-bottom: solid 3px #0078ff; } .ring-slider-minis-item.active:hover{ border-bottom: solid 1px rgba(31,32,33,0.1); } .ring-slider-minis-item img{ min-height: 100%; max-width: 100px; display: inline-block; } .ring-slider-big { display: inline-block; /*margin-top:20px; width: 79%; */ height: 533px; position: absolute; } .ring-slider-big img{ width: 100%; min-height: 100%; display: block; transition: margin-top 250ms linear; } /*.ring slider*/ /*чекбоксы*/ .checkbox { position: relative; margin-top: 0; margin-bottom: 15px; font-size: 16px; } /*.checkbox input, .checkbox input + label { display: inline-block; position: relative; padding-left: 43px; min-height: 40px; line-height: 30px; vertical-align: middle; font-size: 20px; font-weight: 700; color: #333333; margin-top: 12px; margin-bottom: -26px; }*/ /*.checkbox input + label:before{ content: ''; position: absolute; left: 0; opacity: 1; display: inline-block; line-height: 18px; height: 22px; width: 22px; text-align: center; padding-top: 2px; font-size: 18px; color: white; cursor: pointer; border: solid 1px; border-color: #9e9e9e; border-radius: 50px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin-top: 4px; }*/ /*.checkbox input:checked + label:before{ content: '\2713'; background-color:#9e9e9e; } .checkbox input[type="checkbox"]{ margin-left: 7px; }*/ /*.чекбоксы*/ /*dropdown menu*/ /* dropdown list */ .ring-customization .right-block .selLabel {text-transform: uppercase;color: #272727; font-size: 16px;font-family:'sf_ui_displaybold';} .dropdown.active .drop-down-selector{display: block} #where-buy h1{display: inline-block;width: auto;margin-top: 0} .wb-header { color: #272727; letter-spacing: 7px; text-align: left; text-transform: uppercase; font-family: 'sf_ui_displaybold'; font-size: 25px; margin-top: 10px; padding-bottom: 16px; margin-bottom: 44px; display: inline-block; width: auto; } .town_select {display: inline-block;float: right;} .town_select i {font-size: 32px} .town_select span { font-size: 16px; font-weight: 600; line-height: 0.86; text-align: left; margin-left: 10px } .cities_search {width: 100%;padding: 10px} .cities_search:focus{border-color:#0078ff} #cities_title {display: inline-block;margin-top: 10px} #search_result {width: 100%} #infinity-next-page {display: inline-block;color:#000;position: relative;text-align: center;text-transform: uppercase;/*font-size: 32px*/} .more-items {width: 100%;display: inline-block;text-align:center;position: relative;} /*.grid {width: 100%;display: inline-block;position: relative} #ajax_nav { display: inline-block; width: 100%; height: 100%; position: relative}*/ #ajax-loader img{width:20px; height:20px; vertical-align: middle;display: none;} .more-button{ width: auto; border: solid 1px #959595; font-size: 14px; font-weight: 500; color: #2a292f; background-color: #fff; padding: 15px 20px; display: inline-block } /*.more-button a {padding: 15px 20px;display: block} .more-button a:focus {text-decoration: none;}*/ .grid {margin-bottom: 30px} .adress-item-title { color: #9e9e9e; letter-spacing: 3.8px; text-transform: uppercase; font-size: 12.5px; font-family: 'sf_ui_displaysemibold'; } .adress-item-phone { font-size: 19.7px; color: #221f1f; font-weight: 600; line-height: 1.5; } .adress-item-adress { font-size: 16.1px; color: #221f1f; font-family: 'sf_ui_displayregular'; margin-bottom: 5px; } .adress-item-show-at-map { font-family: 'sf_ui_displayregular'; font-size: 12px; color: #9e9e9e; } .fixed-head-logo a:hover{color: #0078ff;} /* Корзина, стили из компонента... */ .basket-switch { display: block; } .basket-switch > .container { display: block; } .basket-switch > .container > .orders { display: block; } .bx_ordercart.uni-tabs{background-color: #f7f9fb;} /*Кнопки - переключатели*/ .bx_ordercart .bx_sort_container{ margin-bottom:15px; min-height:32px; color:#919191; vertical-align:middle; font-size: 0px; } .bx_ordercart .bx_sort_container a{ display:inline-block; padding:0 20px; font-size:14px; color: #7a7a7a; line-height:32px; text-decoration: none; cursor: pointer; font-weight: bold; } .bx_ordercart .bx_sort_container a:hover, .bx_ordercart .bx_sort_container a.current { color: #000; /*border-bottom:1px solid #3a58d2;*/ } .bx_ordercart .bx_sort_container a:focus{ outline: none; } /*-Кнопки - переключатели-*/ .bx_ordercart .bx_ordercart_order_table_container{ display: block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0; } .bx_ordercart .bx_ordercart_order_table_container table{ margin:0; padding:0; min-width:100%; border-collapse:collapse; } .bx_ordercart .bx_ordercart_order_table_container table td{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; white-space:nowrap; } .bx_ordercart .bx_ordercart_order_table_container table td.margin{ padding:0; width:2%; border-bottom:none !important; } .bx_ordercart .bx_ordercart_order_table_container table thead td { text-transform: uppercase; padding-bottom: 15px; } .bx_ordercart .bx_ordercart_order_table_container table tbody td{ padding: 0% 0px; border-bottom: 5px solid #f7f9fb; vertical-align:middle; } .bx_ordercart .bx_ordercart_order_table_container table tbody td td{ padding: 0 0px !important; } .bx_ordercart .bx_ordercart_order_table_container tbody td.itemphoto{width:180px;} .bx_ordercart .bx_ordercart_order_table_container tbody td.item {width: 26%;} .bx_ordercart .bx_ordercart_order_table_container tbody td.control {width: 110px; text-align: right;} .bx_ordercart .bx_ordercart_order_table_container tbody td.custom span{display:none;} .bx_ordercart .bx_ordercart_order_table_container tbody td.custom a{ color: #1d2021; font-size: 11px; } .bx_ordercart .bx_ordercart_order_table_container tbody td.price .old_price{ text-decoration:line-through; } .bx_ordercart .bx_ordercart_order_table_container tbody td.price .type_price{ color:#7f7f7f; font-size:11px; line-height:13px; } .bx_ordercart .bx_ordercart_order_table_container tbody td.price .type_price_value{ font-size:11px; line-height:13px; } .bx_ordercart .bx_ordercart_order_table_container tbody td.control a{ color:#327ab7; } .bx_ordercart .bx_ordercart_order_table_container tbody td.control a:hover{text-decoration:none;} .bx_ordercart .bx_ordercart_photo_container{ position:relative; padding-top:100%; min-width:50px; max-width:100%; height:0; border-radius:2px; /*position:relative; margin-right: 15px !important; width: 80px; height: 80px;*/ } .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_photo{ position:absolute; top: 4%; right: 4%; bottom:4%; left: 4%; background-position:center; -webkit-background-size:auto 100%; background-size:auto 100%; background-repeat:no-repeat; /*position:absolute; width: 80px; height: 80px; background-position:center; -webkit-background-size:auto 100%; background-size:auto 100%; background-repeat:no-repeat;*/ background-size:cover; } .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_brand{ position:relative; margin-top:3%; min-width:50px; max-width:100%; border:1px solid #c0cfda; border-radius:2px; line-height:0; } .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_brand img{ margin:0; padding:0; width:100%; height:auto; } .bx_ordercart_itemtitle { margin-bottom: 15px; font: 18px "sf_ui_displaybold"; } .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a { text-decoration:none; font-weight:normal; font-size:14px; line-height:18px; } .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemart{ color:#b4b4b4; font-size:13px; } .bx_ordercart .bx_ordercart_order_pay{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:20px auto 0; padding:0px; } .bx_ordercart .bx_ordercart_order_pay_left{ margin-top: 45px; float:left; width:50%; } .bx_ordercart .bx_ordercart_order_pay_right{ float:left; width:50%; text-align:right; } .bx_ordercart .bx_ordercart_coupon{ position: relative; white-space: nowrap; margin-bottom: 4px; line-height: 156px; } .bx_ordercart .bx_ordercart_coupon span{ display:block; margin-bottom:13px; color:#7f7f7f; font-size:13px; } .bx_ordercart .bx_ordercart_coupon span.good, .bx_ordercart .bx_ordercart_coupon span.bad, .bx_ordercart .bx_ordercart_coupon span.disabled{ display: inline-block; width:22px; height:34px; vertical-align: middle; margin: 0 0 0 5px; cursor: pointer; } .bx_ordercart .bx_ordercart_coupon span.disabled:hover{cursor:pointer} .bx_ordercart .bx_ordercart_coupon input.good{ position: relative; border:1px solid #59a62a; background:rgba(89,166,42,.16); box-shadow:0 0 2px 0 rgba(89,166,42,.8); } .bx_ordercart .bx_ordercart_coupon span.good{ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANCAYAAABPeYUaAAAAoklEQVQ4y2NgIBOUb7JkY6AEAA0wBuJHQGxHrgFWQPwBiP8D8WcgliTVAHuoRpAB/4A4E10BDwED3ID4K9SAP0CciK7ACYhfg2gcBvgA8Q8kA6LQFQgB8Seogq/oBgH5QUD8EyoPooNwOTUMagOKQSAbkcRBLvEhFGjoBvWi8V2JDX1kg2AY5FV7UqMR2SBQerAkN0GBDHoJSpmUJm1uYtUCAMzalTMY8Lf6AAAAAElFTkSuQmCC") no-repeat center; } .bx_ordercart .bx_ordercart_coupon input.bad{ border:1px solid #e16565; background:rgba(225,101,101,.16); box-shadow:0 0 2px 0 rgba(225,101,101,.8); } .bx_ordercart .bx_ordercart_coupon span.good:hover, .bx_ordercart .bx_ordercart_coupon span.bad, .bx_ordercart .bx_ordercart_coupon span.disabled{ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA2QzFEQUU3QTJEMTFFNEJFMTJEMjJGMUE4MkZDRkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA2QzFEQUY3QTJEMTFFNEJFMTJEMjJGMUE4MkZDRkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDZDMURBQzdBMkQxMUU0QkUxMkQyMkYxQTgyRkNGRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDZDMURBRDdBMkQxMUU0QkUxMkQyMkYxQTgyRkNGRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuRKTjMAAAC1SURBVHjaXJAhEsIwEEWTDiCoAa6CBtUKEAxHwAfHGSpxySWqUFQUh+YG3AEMOvxlfmf+kJmXnXRftr/1McaDc+4M9iGEu5OVUlqhXMCpwNaABejYUKljrxlh24EbmFHeomZKJXiZ43POdnsp8odDB6lGpMdP5KtUdirZoZDsNmEs5wmYDoeC09YoV8pvUuoHevyef6nikB7MmXljE1sJXlkm5qr5zHqtiQE8Nbgtka13/AowAFzKRSz6AcYPAAAAAElFTkSuQmCC") no-repeat center; } .bx_ordercart .bx_ordercart_coupon span.bad:hover{ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXCAMAAAA4Nk+sAAAA1VBMVEXVLy/VMTHWMjLWMzPWNDTWNjbXODjXOjrXOzvYPT3YPz/ZQUHZQ0PaRkbaR0faSEjbTEzbTU3bTk7bT0/dWFjdWVneW1veXV3fYWHfYmLgY2PgZGTgZWXgZmbibW3ib2/jc3Pjd3flfX3lf3/mgYHojo7oj4/rm5vrnZ3soKDtpKTtpqbuqanura3wsrLxuLjxurr42tr43Nz43t754uL54+P76ur76+v77Oz87u787+/88PD88fH88vL99PT99fX99vb++Pj++fn++vr+/Pz//f3////hD3ITAAAA4klEQVQoU2XR2VrCMBRF4YWCAwIiGg1OYHGsI1qrNalGpef9H8mLNvlKXTfJ/m8P4iusWYRB+bxeH7ShvX+V1Nier1DVmhnP8wG1hs8lzzdZauNFBPnaodEwF+SiqXApfHQAIqMBtIkAOim3AKTiNGgnKQA3nAKgcnFj7cQqAE7YJnhQeqwRPCgt1qvf2Ik4XY1VRkHzPPiAs6BKWe8THgB4F6tAWXkD4B7XBZgmCkAlU4DuJxLzr1iQQtPo8FcQyXaXdZSVZ8iO6nps/NGKu57HrXhRO/HP00z1+3vR43e5/wBykDHWjqbzywAAAABJRU5ErkJggg==") no-repeat center; } .bx_ordercart .bx_ordercart_coupon input.disabled{ color: #9a9a9a; } .bx_ordercart .bx_ordercart_coupon_notes{ -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -ms-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out; display: none; opacity: 0; white-space: normal; border: 1px solid #ddd; position: absolute; top: 100%; left: 0; max-width: 270px; padding: 10px; background: #fff; z-index: 1010; border-radius: 5px; font-size: 13px; line-height: 17px; box-shadow: 0 3px 7px 0 rgba(0,0,0,.05) } .bx_ordercart .bx_ordercart_coupon:hover .bx_ordercart_coupon_notes{ display: block; opacity: 1; } .bx-touch .bx_ordercart .bx_ordercart_coupon_notes{ display: block; opacity: 1; position: relative; top: auto; left: auto; margin: 10px auto; box-shadow: none } .bx_ordercart .bx_ordercart_order_sum{float:right; margin-top: 45px;} .bx_ordercart .bx_ordercart_order_sum .sum{ font-weight: bold; text-align: right; } .bx_ordercart .bx_ordercart_order_sum tr td{ padding:1px; text-align:right; font-size:14px; } .bx_ordercart .bx_ordercart_order_pay_center{ margin-top:10px; text-align: right } .bx_ordercart .bx_ordercart_order_pay_center span, .bx_ordercart .bx_ordercart_order_pay_center a{ vertical-align:top; } .bx_ordercart .bx_ordercart_order_pay_center a { padding: 13px 40px } .bx_ordercart .bx_ordercart_order_pay_center span{ margin:0 30px; font-weight:bold; font-size:17px; } .bx_ordercart .bx_ordercart_order_pay_center .checkout{ position:relative; top:-9px; display:inline-block; padding:0 18px; border-radius:3px; background:#00a2df; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a2df), color-stop(100%,#006fcb)); background:-webkit-linear-gradient(top, #00a2df 0%,#006fcb 100%); background: -moz-linear-gradient(top, #00a2df 0%,#006fcb 100%); background: -ms-linear-gradient(top, #00a2df 0%,#006fcb 100%); background: -o-linear-gradient(top, #00a2df 0%,#006fcb 100%); background: linear-gradient(to bottom, #00a2df 0%,#006fcb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2df', endColorstr='#006fcb',GradientType=0 ); color:#fff; vertical-align:bottom; text-decoration:none; text-shadow:0 1px 0 #0075b6; font-weight:bold; line-height:36px; } .bx_ordercart .bx_ordercart_order_pay_center .checkout:hover{ background:#00a2df; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTdkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a2df), color-stop(100%,#0a7ddd)); background:-webkit-linear-gradient(top, #00a2df 0%,#0a7ddd 100%); background: -moz-linear-gradient(top, #00a2df 0%,#0a7ddd 100%); background: -ms-linear-gradient(top, #00a2df 0%,#0a7ddd 100%); background: -o-linear-gradient(top, #00a2df 0%,#0a7ddd 100%); background: linear-gradient(to bottom, #00a2df 0%,#0a7ddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2df', endColorstr='#0a7ddd',GradientType=0 ); } .bx_ordercart .bx_ordercart_order_pay_center .checkout:active{ background:#0a7ddd; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhN2RkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEyZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a7ddd), color-stop(100%,#00a2df)); background:-webkit-linear-gradient(top, #0a7ddd 0%,#00a2df 100%); background: -moz-linear-gradient(top, #0a7ddd 0%,#00a2df 100%); background: -ms-linear-gradient(top, #0a7ddd 0%,#00a2df 100%); background: -o-linear-gradient(top, #0a7ddd 0%,#00a2df 100%); background: linear-gradient(to bottom, #0a7ddd 0%,#00a2df 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a7ddd', endColorstr='#00a2df',GradientType=0 ); box-shadow:inset 0 3px 2px 1px rgba(0,0,0,.22); } @media all and (max-width:980px){ .bx-touch .adaptiv .bx_ordercart .bx_sort_container span{display:block;} .bx-touch .adaptiv .bx_ordercart .bx_sort_container a{margin:0 20px 10px 0;} .adaptiv .bx_ordercart .bx_ordercart_order_table_container table thead td{font-size:13px;} .adaptiv .bx_ordercart .bx_ordercart_order_table_container tbody td.custom, .adaptiv .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a, .adaptiv .bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price{font-size:14px;} } @media all and (max-width:680px){ .adaptiv .bx_ordercart .bx_ordercart_order_table_container table thead td{font-size:12px;} .adaptiv .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a, .adaptiv .bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price{font-size:12px;} } @media all and (max-width:600px){ .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_pay{width:100%;} .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_pay_left, .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_pay_right{ float:none; width:100%; text-align:center; } .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_sum{ float:none; margin-top:20px; width:100%; } } @media all and (max-width:530px){ .bx-touch .adaptiv .bx_ordercart .bx_sort_container{ margin:10px 0; text-align:left; line-height:13px; } .bx-touch .adaptiv .bx_ordercart .bx_sort_container a{ float: none; border-bottom: none; border-left: 1px solid transparent; } .bx-touch .adaptiv .bx_ordercart .bx_sort_container a:hover, .bx-touch .adaptiv .bx_ordercart .bx_sort_container a.current { border-color: #3a58d2; } .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container table, .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container table tbody, .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container table tbody tr, .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container table tbody tr td.itemphoto, .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container table tbody tr td.item, .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container table tbody tr td.price, .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container table tbody tr td.custom, .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container table tbody tr td.control {display:block; padding:2% 6%;} .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container table tbody tr{ margin-bottom:20px; border-bottom:1px solid #ededed; } .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container table tbody tr:last-child{ margin-bottom:0; border-bottom:none; } .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container table thead{display:none;} .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container table tbody tr td.item, .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container table tbody tr td.itemphoto{width:100%;} .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container table tbody tr td.item{padding-bottom:20px; text-align: center;} .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container table tbody tr td.custom {text-align: center;} .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container table tbody tr td.control {text-align: center; width: auto;} .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container tbody td.item .bx_item_detail_size_small_noadaptive, .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container tbody td.item .bx_item_detail_scu_small_noadaptive{margin:5px auto !important;} .bx-touch .adaptiv .bx_ordercart .bx_ordercart_photo_container{ margin:0 auto; padding-top:50%; max-width:250px; } .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_brand { border:none; text-align:center; } .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_brand img { max-width:100%; width:auto; border-radius:2px; } .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container table tbody td{border:none} .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container tbody td.custom span{ display:inline-block; margin-right:10px; font-weight:bold; } .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container tbody td.control{text-align:center;word-spacing:15px;} .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container tbody td.control a{word-spacing:normal;} .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container tbody td.control br{display:none} .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container tbody td.price{ padding-top:20px; text-align:center; } .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price{ margin-top:10px; margin-bottom:10px; font-size:28px; } .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container tbody td.price .old_price{ margin-left:10px; font-size:19px; } .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container tbody td.price .type_price, .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_table_container tbody td.price .type_price_value{display:inline-block;} .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_sum { text-align: center; } .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_sum .sum { display: inline; } .bx-touch .adaptiv .bx_ordercaret table tbody tr td.basket_quantity { text-align: center; } } @media all and (max-width:490px){ .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_pay_center{ margin-bottom:40px; text-align:center; } .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_pay_center span{display:block;} .bx-touch .adaptiv .bx_ordercart .bx_ordercart_order_pay_center .checkout{top:0;} } .bx_ordercart .bx_ordercart_order_pay, .bx_ordercart .bx_ordercart_order_sum, .bx_ordercart .bx_ordercart_order_pay_left, .bx_ordercart .bx_ordercart_order_pay_right, .bx_ordercart .bx_ordercart_order_pay_center, .bx_ordercart .bx_ordercart_order_pay_center span, .bx_ordercart .bx_ordercart_order_pay_center .checkout, .bx_ordercart .bx_ordercart_order_table_container table, .bx_ordercart .bx_ordercart_order_table_container table tbody, .bx_ordercart .bx_ordercart_order_table_container table tbody tr, .bx_ordercart .bx_ordercart_order_table_container table tbody tr td, .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a, .bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } /* quantity control table */ table.counter{ min-width: 0% !important; } table.counter td { border: none !important; vertical-align: middle; } table.counter tbody tr td#quantity_control { text-align: left; } #basket_quantity input[type=text] { border: 1px solid #d2d2d2; box-sizing: border-box; width: 40px; height: 54px; text-align: center; border-left: none; border-right: none; color: #272727; font-weight: bold; font-size: 18px; } .basket_quantity_control { display: inline-block; left: 0; margin: 0; padding: 0; } .basket_quantity_control a { display: block; border: 1px solid #d2d2d2; font-size: 14px; line-height: 40px; height: 54px; line-height: 54px; width: 35px; color: #1d2021; background: transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; text-align: center; transition-property: background-color; transition: 0.3s; } .basket_quantity_control a:hover { background: #d2d2d2; } .basket_quantity_control a:focus { outline: none; } .basket_quantity_control a.plus { border-left: none; border-radius: 0px 3px 3px 0px; } .basket_quantity_control a.minus { border-right: none; border-radius: 3px 0px 0px 3px; } .item .property { color: #b8b8b8; font: 16px "sf_ui_displaymedium"; } .item .property .text, .item .property .title { font-size: 16px; line-height: 20px; font-weight: 500; } .item .property img { height: 20px; border: 1px solid #dedede; border-radius: 3px; margin-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .min-buttons .min-button { display: inline-block; vertical-align: middle; margin-left: 50px; } .min-buttons .min-button:first-child { margin-left: 0px; } .bx_ordercart_order_pay_center .catalog-button { font-size: 14px; padding: 13px 40px; } .flat { display: inline; } .centered { text-align: center; } .bt2{ color:#3f3f3f; font-size:13px; text-align:center; padding:7px 16px; text-decoration:none; box-shadow:0 1px 2px 1px rgba(0,0,0,0.4); border-radius:3px; font-weight:bold; text-shadow:0 1px 1px #fff; background:#fff; background:-moz-linear-gradient(top,#fff 0%,#eee 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#eee)); background:-webkit-linear-gradient(top,#fff 0%,#eee 100%); background:-o-linear-gradient(top,#fff 0%,#eee 100%); background:-ms-linear-gradient(top,#fff 0%,#eee 100%); background:linear-gradient(to bottom,#fff 0%,#eee 100%); } .bt2:hover{ color:#3f3f3f; background:#fbfbfb; text-decoration:none !important } .bt2:active{ color:#3f3f3f; text-shadow:none; text-shadow:0 2px 1px white; background:#fbfbfb; background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#fbfbfb),color-stop(100%,#eaeaea)); background:-webkit-radial-gradient(center,ellipse cover,#fbfbfb 0%,#eaeaea 100%); background:-o-radial-gradient(center,ellipse cover,#fbfbfb 0%,#eaeaea 100%); background:-ms-radial-gradient(center,ellipse cover,#fbfbfb 0%,#eaeaea 100%); background:radial-gradient(ellipse at center,#fbfbfb 0%,#eaeaea 100%); box-shadow:none; padding:6px 15px; border:1px solid #d2d2d2 } input.bt2{border:none} input.bt2:active{border:1px solid #d2d2d2} /* size */ .bx_item_detail_size_small_noadaptive{ position: relative; margin-bottom: 10px; padding: 0; width:192px; } .bx-no-touch .bx_item_detail_size_small_noadaptive.full { position: relative; margin-left: -5%; padding: 0 5%; } /*----*/ .bx_item_detail_size_small_noadaptive .bx_item_section_name_gray{ color: #9e9e9e; vertical-align: middle; font-size: 11px; line-height: 11px; } /*----*/ .bx_item_detail_size_small_noadaptive .bx_size_scroller_container{ position: relative; margin-top:5px; margin-left:10px; } .bx_item_detail_size_small_noadaptive .bx_size{ position: relative; overflow: hidden; margin: 0; width: 100%; } .bx_item_detail_size_small_noadaptive ul{ position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap; } .bx-touch .bx_item_detail_size_small_noadaptive .bx_size{overflow-x: auto;} .bx_item_detail_size_small_noadaptive ul{ position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap; } .bx-touch .bx_item_detail_size_small_noadaptive .bx_size ul{margin-left: 0 !important;} .bx_item_detail_size_small_noadaptive ul li{ position: relative; display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 25px; } .bx_item_detail_size_small_noadaptive ul li a{ position: absolute; top: 0; right: 2px; bottom: 2px; left:2px; display: block; overflow: hidden; border: 1px solid #c0cfda; background: #fff; color: #3f3f3f; text-align: center; text-decoration: none; font-weight: normal; font-size: 10px; line-height: 22px; } .bx-touch .bx_item_detail_size_small_noadaptive ul li a{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/graf/styles/images/x2border.png) 2 stretch; -moz-border-image: url(/local/templates/graf/styles/images/x2border.png) 2 stretch; -o-border-image: url(/local/templates/graf/styles/images/x2border.png) 2 stretch; border-image: url(/local/templates/graf/styles/images/x2border.png) 2 fill stretch; } .bx_item_detail_size_small_noadaptive ul li:hover a{border: 1px solid #006cc0} .bx_item_detail_size_small_noadaptive ul li:active a, .bx_item_detail_size_small_noadaptive ul li.bx_active a{ /*padding: 3px;*/ border: 2px solid #006cc0; } .bx-touch .bx_item_detail_size_small_noadaptive ul li.bx_active a{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/graf/styles/images/x2borderactive.png) 2 stretch; -moz-border-image: url(/local/templates/graf/styles/images/x2borderactive.png) 2 stretch; -o-border-image: url(/local/templates/graf/styles/images/x2borderactive.png) 2 stretch; border-image: url(/local/templates/graf/styles/images/x2borderactive.png) 2 fill stretch; } /*----*/ .bx-no-touch .bx_item_detail_size_small_noadaptive .bx_slide_left, .bx-no-touch .bx_item_detail_size_small_noadaptive .bx_slide_right {opacity:0.8} .bx-no-touch .bx_item_detail_size_small_noadaptive .bx_slide_left:hover, .bx-no-touch .bx_item_detail_size_small_noadaptive .bx_slide_right:hover {opacity:1.0} .bx_item_detail_size_small_noadaptive.full .bx_slide_left, .bx_item_detail_size_small_noadaptive.full .bx_slide_right{ position: absolute; top: 0; bottom:4px; width :5%; max-width:11px; cursor: pointer; } .bx-no-touch .bx_item_detail_size_small_noadaptive .bx_slide_left {left: -5%;background:url(/local/templates/graf/styles/images/arr_left.png) no-repeat left center;background-size: 100% auto} .bx-no-touch .bx_item_detail_size_small_noadaptive .bx_slide_right{right:-5%;background:url(/local/templates/graf/styles/images/arr_right.png) no-repeat right center;background-size: 100% auto} .bx-touch .bx_item_detail_size_small_noadaptive .bx_slide_left {left: 0;background:url(/local/templates/graf/styles/images/fade_left.png) repeat-y left center;background-size: 100% auto} .bx-touch .bx_item_detail_size_small_noadaptive .bx_slide_right{right: 0;background:url(/local/templates/graf/styles/images/fade_right.png) repeat-y right center;background-size: 100% auto} /* end of size */ /* sku */ .bx_item_detail_scu_small_noadaptive{ position: relative; margin-bottom: 10px; padding: 0; max-width: 100%; width:193px; } .bx-no-touch .bx_item_detail_scu_small_noadaptive.full { position: relative; margin-left: -5%; padding: 0 5% } /*----*/ .bx_item_detail_scu_small_noadaptive .bx_item_section_name_gray{ color: #9e9e9e; vertical-align: middle; font-size: 11px; line-height: 11px } /*----*/ .bx_item_detail_scu_small_noadaptive .bx_scu_scroller_container{ position: relative; margin-top:5px; margin-left:10px; } .bx_item_detail_scu_small_noadaptive .bx_scu{ position: relative; overflow: hidden; margin: 0; width: 100% } .bx-touch .bx_item_detail_scu_small_noadaptive .bx_scu{overflow-x: auto} .bx_item_detail_scu_small_noadaptive .bx_scu ul{ position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap } .bx-retina .bx_item_detail_scu_small_noadaptive .bx_scu ul{margin-left: 0 !important} .bx_item_detail_scu_small_noadaptive .bx_scu ul li{ position: relative; display: block; float: left; padding-top: 10%; height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx_item_detail_scu_small_noadaptive .bx_scu ul li a{ position: absolute; top: 0; right: 2px; bottom: 4px; left:2px; display: block; overflow: hidden; border: 1px solid #c0cfda; background: #fff; } .bx-retina .bx_item_detail_scu_small_noadaptive .bx_scu ul li a{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/graf/styles/images/x2border.png) 2 stretch; -moz-border-image: url(/local/templates/graf/styles/images/x2border.png) 2 stretch; -o-border-image: url(/local/templates/graf/styles/images/x2border.png) 2 stretch; border-image: url(/local/templates/graf/styles/images/x2border.png) 2 fill stretch; } .bx_item_detail_scu_small_noadaptive .bx_scu ul li:hover a{border: 1px solid #006cc0} .bx_item_detail_scu_small_noadaptive .bx_scu ul li:active a, .bx_item_detail_scu_small_noadaptive .bx_scu ul li.bx_active a{ padding: 3px; border: 2px solid #006cc0; } .bx-retina .bx_item_detail_scu_small_noadaptive .bx_scu ul li.bx_active a{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/graf/styles/images/x2borderactive.png) 2 stretch; -moz-border-image: url(/local/templates/graf/styles/images/x2borderactive.png) 2 stretch; -o-border-image: url(/local/templates/graf/styles/images/x2borderactive.png) 2 stretch; border-image: url(/local/templates/graf/styles/images/x2borderactive.png) 2 fill stretch; } .bx_item_detail_scu_small_noadaptive .bx_scu ul li a span{ position: absolute; top: 6%; right: 6%; bottom:6%; left: 6%; background-size: 100% auto; background-repeat: no-repeat; } .bx_item_detail_scu_small_noadaptive .bx_scu ul li a span img{ width: auto; height: 25px; } /*----*/ .bx-no-touch .bx_item_detail_scu_small_noadaptive .bx_slide_left, .bx-no-touch .bx_item_detail_scu_small_noadaptive .bx_slide_right {opacity:0.8} .bx-no-touch .bx_item_detail_scu_small_noadaptive .bx_slide_left:hover, .bx-no-touch .bx_item_detail_scu_small_noadaptive .bx_slide_right:hover{opacity:1.0} .bx_item_detail_scu_small_noadaptive.full .bx_slide_left, .bx_item_detail_scu_small_noadaptive.full .bx_slide_right{ position: absolute; top: 0; bottom:4px; width :5%; max-width:11px; cursor: pointer; } .bx-no-touch .bx_item_detail_scu_small_noadaptive .bx_slide_left {left: -5%;background:url(/local/templates/graf/styles/images/arr_left.png) no-repeat left center;background-size: 100% auto} .bx-no-touch .bx_item_detail_scu_small_noadaptive .bx_slide_right{right:-5%;background:url(/local/templates/graf/styles/images/arr_right.png) no-repeat right center;background-size: 100% auto} .bx-touch .bx_item_detail_scu_small_noadaptive .bx_slide_left {left: 0;background:url(/local/templates/graf/styles/images/fade_left.png) repeat-y left center;background-size: 100% auto} .bx-touch .bx_item_detail_scu_small_noadaptive .bx_slide_right{right: 0;background:url(/local/templates/graf/styles/images/fade_right.png) repeat-y right center;background-size: 100% auto} /* end of sku */ #warning_message { color: red; } .bx-touch .quantity_control{ display: none; } .footer-search { font-size: 16px; text-align: left; vertical-align: middle; padding: 6px 10px 0 10px; cursor: pointer; /*margin-left: 80px;*/ margin-left: 0px; margin-right: 70px; padding: 0; } .footer-search-block { padding: 20px 0; width: 100%; float: left; position: absolute; bottom: 0; background: #fff; z-index: 10; display: none; } .footer-search-field { width: 100%; padding: 5px 10px; border: none; font-size: 28px; color: #9e9e9e } .footer-search-field::-webkit-input-placeholder { color: #9e9e9e} .footer-search-field::-moz-placeholder { color: #9e9e9e} .footer-search-button { display: inline-block; vertical-align: middle; min-width: 160px; text-align: center; /*height: 44px;*/ line-height: 45px; background-color: #fff; transition: all .3s ease-in-out; color: #2a292f; font-size: 14px; font-family: 'sf_ui_displaymedium'; border: none; } .footer-search-block #close {line-height: 45px !important} .footer-search-block #search {border: 1px solid #9e9e9e} .footer-search-button:hover { background-color: #959595; color: #fff; } .circle {border: 1px solid #777;border-radius: 50%;padding: 5px 8px;display: inline-block} .new_list {padding-bottom: 30px} .login_button {cursor: pointer} .gk-auth-form input[type="text"],.gk-auth-form input[type="password"]{width: 100%;padding: 5px} .auth-user-info {font-size: 18px} .bx-forgotpass-table tr {margin-bottom: 10px;display: block;} .bx-forgotpass-table tr td {display: block;margin-bottom: 5px} .bx-forgotpass-table input[type="text"], .bx-forgotpass-table input[type="password"]{display: block;margin-bottom: 10px;padding: 5px} .open_call {cursor: pointer} .popup-window-close-icon:after {background-image:url(/local/templates/graf/styles/../images/popup-close.png);width: 17px;height: 17px} .consent {margin-top: 30px} .consent label {margin-bottom: 0} .basket_delete {width: auto;float: right;cursor: pointer;font-size: 12px} .menu-collections .column li{display: block; cursor: pointer;list-style-type: none; font-size: 18px;padding:0px;width: fit-content;} .menu-collections .column li a:hover{color: #0078ff;} .menu-collections .column li.active > a{border-bottom:3px solid #0078ff;} .menu-collections .column.collection{padding:0 77px; padding-left:10px; text-transform: uppercase;font-family: 'sf_ui_displaybold'; } .menu-collections .column.collection span{font-family: 'sf_ui_displaylight';} .menu-collections .column.collection-name, .menu-collections .column.jewelry-type{font-family: 'sf_ui_displaylight'; /*border-left: 1px solid #dfdfdf;*/} .menu-collections .column.collection-name li, .menu-collections .column.jewelry-type li{text-transform: capitalize;} /*.menu-collections .column.collection-name li.subcollection-item, .menu-collections .column li.jewelry-type-item{margin-left: 17%; margin-right: 5%;}*/ .menu-collections .column li.jewelry-type-item{font-size: 17px;} .menu-collections .rectangle{max-height: 200px;overflow: auto;position: absolute;padding: 33px 40px 0px 40px; background-color:#f7f9fb;margin-top: 56px; top: 0; bottom: 0;} /*.menu-collections .rectangle .text-content, .menu-collections .rectangle .img{display: inline-block;}*/ .menu-collections .rectangle .quotes{ max-width: calc(100% - 100px);font-family: 'sf_ui_displaylight';font-size: 36px; color: #b8b8b8} .menu-collections .rectangle .text{ max-width: calc(100% - 100px);margin-top: 9px;color: #000; font-size: 16px; font-family: 'sf_ui_displaymedium'} .menu-collections .rectangle .img{float: right; width: 78px; height:136px; background: url('/local/templates/graf/styles/../images/collections_menu_ring.png')} .table-cell { display: table-cell; width: 1%;} /*********************************************************************************************/ .menu-collections {/*margin-left: -54px;*/width: 100%; height: 310px; background-color: #fff; position: absolute;z-index: 2;left:0;letter-spacing:0px;} .menu-collections-container{padding-top: 58px;margin: 0px 0px 40px -8px;/*border-top: 1px solid #dfdfdf;*/position: relative;overflow: hidden;} .menu-collections .column{text-align:left;background-color: #fff;float: left;color: #000; max-width: 32%;/*line-height: 38px;*/vertical-align:top; padding: 0 70px; padding-left: 80px;} .menu-collections .column li{margin-bottom: 20px;} .menu-collections .column{line-height: 21px;} .rectangle img{top: 50%;position: absolute;right: 30px;transform: translateY(-50%);} #city-search .list li {list-style: none} #city-search .modal-header {padding: 20px} .collection-type a{padding-bottom: 3px;font-size: 19px;} .collection-type a:hover{color:rgb(76, 69, 76);} .subcollection-item a:hover{color:rgb(76, 69, 76);} .subcollection-item > a{padding-bottom: 3px;} .h1-about{margin: 0px;margin-top:14px;font-size:19px;font-weight: 500;letter-spacing: 13px;color: #9f9ba1;} .h2-about{ font-size: 21px;color: #272727;font-weight: bold;display: inline-block} .h2-about_design{margin-bottom:35px;font-size: 16px;letter-spacing: 8px;color: #fff; font-weight: bold;} .h2-business_with_gk{margin-bottom: 58px;color: #272727;font-size: 20px;font-weight: bold;letter-spacing: 6.2px;} .about-header-section{background-color: #f7f9fb;} .about-pageTitle{padding-bottom: 123px; padding-top: 65px;} .about-menu{font-size: 12px; font-weight: bold;color: #272727; text-transform: uppercase;} .about-menu ul{padding-bottom: 20px;display:flex; flex-direction:row; Justify-content:space-between;align-items:center;} .about-menu li{list-style-type: none;} .about-menu a{padding-bottom: 20px;} .about-menu a:hover{border-bottom: solid 3px #0078ff; color: #272727;} .about-history{padding-top: 90px;} .about-history .wrapper-bg{position: relative} .hestory-content, .hestory-preview{vertical-align:top;} .hestory-content header{margin-bottom:46px;} .hestory-content{width: 53%;color: #87828a;line-height: 1.2;font-size: 17.9px; margin-top: -33px} .hestory-content p{margin-bottom:30px;} .big-text{font-size: 26px;color: #272727;font-weight: 300;} .sub-title{font-size: 17px;font-weight: 500;color: #272727;} .hestory-preview{right: 0px;position: absolute;} .about-design{font-size: 17px;color: #87828a;padding-bottom:94px;padding-top:89px;margin-top: 95px;background-color: #282828;} .about-quality-and-german_technology{padding-top: 118px; padding-bottom: 75px;} .about-quality-and-german_technology .left-block,.about-quality-and-german_technology .right-block{display:inline-block} .about-quality-and-german_technology p{margin-bottom:30px;} .quality, .german_technology{font-size: 16px;line-height: 1.33;color: #87828a;height: 290px;width: 49%; position: relative; padding: 0px 10px 0px 0px;} .quality h2, .german_technology h2{position: absolute; top: 0px;} .quality .content, .german_technology .content{padding: 0px;position: absolute; bottom: 0px;} .quality .content{padding-right: 60px;margin-bottom: 30px;} .german_technology .content{padding-right: 60px;margin-bottom: 52px;} .where_by{padding-top: 95px;padding-bottom: 125px} .about-business-with-gk .wrapper-bg{padding: 28px 0px;background: url(/local/templates/graf/styles/../images/about-img-3.jpg); background-size: auto 100%;background-position: right;background-repeat: no-repeat} .business-with-gk-block{font-size: 17px;line-height: 1.2;color: #87828a; padding: 61px 45px 48px 0px;padding-bottom:48px;width: 672px;background-color: #ffffff;} .business-with-gk-block p{margin-bottom:30px;} .business-with-gk-block .white-border-button{margin-top:27px} .about-design-img-1{margin-top: 20px;} .about-design-img-2{z-index: 2;position: absolute;} .about-design-img-3{margin-top: 43px;margin-left: 262px;position: absolute;z-index: 1;} .about-design .row{margin:0px; position: relative; margin-top: 74px;} /*ring slider*/ .ring-slider-minis{ width: 150px; display: inline-block; vertical-align: top; max-height: 490px; overflow-y: auto; } .ring-slider-minis ul{ list-style-type: none; } .ring-slider-minis-item{ width: 120px; height: 120px; /*padding: 20px 33px 0px 34px;*/ } .ring-slider-minis-item.active{ border: solid 1px rgba(31,32,33,0.1); } .ring-slider-minis-item:hover{ border-bottom: solid 3px #0078ff; } .ring-slider-minis-item.active:hover{ border-bottom: solid 1px rgba(31,32,33,0.1); } .ring-slider-minis-item img{ min-height: 100%; width: 100px; /*display: block;*/ } .ring-slider-big{ /* margin-top:-30px; */ display: inline-block; height: 533px; /*width: 292px; margin-left:170px;*/ } .ring-slider-big img{ width: 100%; min-height: 100%; display: block; transition: margin-top 250ms linear; } /*.ring slider*/ /*чекбоксы*/ .checkbox { position: relative; margin-top: 0; margin-bottom: 15px; font-size: 16px; } /*.checkbox input, .checkbox input + label { display: inline-block; position: relative; padding-left: 43px; min-height: 40px; line-height: 30px; vertical-align: middle; font-size: 20px; font-weight: 700; color: #333333; margin-top: 12px; margin-bottom: -26px; } .checkbox input + label:before{ content: ''; position: absolute; left: 0; opacity: 1; display: inline-block; line-height: 18px; height: 22px; width: 22px; text-align: center; padding-top: 2px; font-size: 18px; color: white; cursor: pointer; border: solid 1px; border-color: #9e9e9e; border-radius: 50px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin-top: 4px; } */ /*.checkbox input:checked + label:before{ content: '\2713'; background-color:#9e9e9e; } .checkbox input[type="checkbox"]{ margin-left: 7px; }*/ /*.чекбоксы*/ /*dropdown menu*/ /* dropdown list */ .ring-customization .right-block .selLabel {text-transform: uppercase;color: #272727; font-size: 16px;font-family:'sf_ui_displaybold';} .dropdown.active .drop-down-selector{display: block} .stretch-element { position: absolute; overflow: hidden; } .collection-row-element{ /*float: left;*/ margin-right: -1%; top: 0px; } .collection-row { position: relative; overflow: hidden; } /* кнопки добавления в корзину, отложенные, etc. */ [data-action="addToBasket"], [data-action="addToDelay"], [data-action="deleteFromBasket"] { cursor: pointer; } .more-link--collection-main{ -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; cursor: pointer; } /*.more-link--collection-main.clicked{visibility: hidden;} */ .more-link--collection-main.clicked{display:none;} .more-link--collection-main:hover{color: #0078ff;} .show_all:hover .show-more-arrow, .more-link--collection-main:hover .show-more-arrow{display:none} .show_all:hover .show-more-arrow-b, .more-link--collection-main:hover .show-more-arrow-b{display:block} .gk-share {cursor:pointer; text-transform: uppercase;font-size: 14.3px;color: #959595;bottom: 170px;position: absolute;letter-spacing: 4.3px;font-weight: bold; color: #c8c8c8;} /*.gk-share:after { content:'>'; width: 7px; height: 13px; font-size: 20px; font-weight: 100; }*/ .gk-share:before { position: absolute; content: ""; left: 108%; top:8px; background: #c8c8c8; width: 1.5px; height: 7px; transform: skewX(-39deg); } .gk-share:after { position: absolute; content: ""; left: 108%; top: 1px; background: #c8c8c8; width: 1.5px; height: 7px; transform: skewX(39deg); } .gk-share:hover:before { background:#0078ff; } .gk-share:hover:after { background:#0078ff; } .gk-form {margin-top: 40px} .sort-by {cursor: pointer} .auth-link {display: block} .login-left-block{width: 66.66666666666666%;display: inline-block} .login-social-block {width: 32.66666666666666%;display: inline-block} .login-social-label {width: 42.66666666666666%;display: inline-block} .login-links {width: 32%;display: inline-block;text-align: left;padding-left: 45px} .popup-window-close-icon {top: 15px;right:15px} .login-social-wrap {margin-top: 40px} .modal-backdrop, .popup-window-overlay {background-color: #4B5D71} .modal-backdrop.in, .popup-window-overlay {opacity: 0.9} .popup-window {/*top:65% !important*/width: 600px} .modal-dialog {margin: 10% auto} .table-partners-plus {margin-bottom: 30px} #partners table, #partners tbody {border: none;border-color: transparent} .menu-collections-container .anons-info {display: none} .menu-collections-container .rectangle {display: none} .main-slider-scroll-icon{ width: auto; height: auto; position: absolute; bottom: 20px; left: 50%; } .show-more-arrow-b, .show-more-arrow{ margin: 0 auto; padding-top:20px; } .show-more-arrow{ display: block; } .show-more-arrow-b{ display: none; } .ring-container{ position: relative; } .ring-side-div{ position: absolute; left: 10px; top: 10px; max-width: 40px; } .rotatable-text{ writing-mode: tb-rl; padding-bottom: 30px; } .show-on-hover{ display: none; } .ring:hover .show-on-hover{ display: inline-block; } .search-hover{ display: none; } .search-default{ display: inline-block; } .search-text{ opacity:0.7 } .footer-search:hover .search-hover{ display: inline-block; } .footer-search:hover .search-default{ display: none; } .footer-search:hover .search-text{ opacity:1 } .footer-block-element-row{ display: inline-block; } @media (max-width: 1200px){ .additional-nav li{ padding: 0 36px 0 0; } } @media (max-width: 1080px){ .footer-payment-text{ margin-left: 35px; } } @media (max-width: 991px){ h1, .breadcrims{ padding-left: 10px;padding-top: 16px; } .center_menu{ padding: 0 15px } .additional-nav{margin: 20px 0px;} .additional-nav .wrapper-bg{ margin:0px; } .header-top-link{padding: 0px} .header-top-phone{padding: 0px} .header .header-top-navbar{ padding-top: 15px; padding-bottom: 10px; width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; } .decoration-link{ align-self: flex-start; } .center_menu{ margin-top: 15px; } .fixed-head .decoration-link, .fixed-head-nav, .fixed-head-logo{ width: auto; } .fixed-head-logo{ position: relative; float: right; top: 50%; transform: translateY(36%); padding-left: 0px; } .additional-nav li{ padding: 0px 8px; font-size: 20px; } .additional-nav-item{ margin-top: 20px; } /*.additional-nav-item > a{ padding-bottom: 26px; } .additional-nav-item:hover > a{ border-bottom: 3px solid #0078ff; }*/ .row{margin: 0px;} .footer-block{ padding-bottom: 15px } .footer-block-row{ display: flex; flex-wrap: wrap; } .footer-logo{ margin: 0 auto; } .footer-payment, .footer-social{ margin-top: 15px; width: 100%; } .footer-block-element-row{ display: flex; flex-direction: row; justify-content: space-around; } .footer-block-element-row div{ margin: 0px; padding: 0px; } .footer-payment-text{ max-width:85px; } .footer-block-element-row{ margin-bottom: 15px; } .header-top-user{ padding: 0 15px; float: right; margin-right: 0; } .logo-wrap-inner{ padding-left: 10px !important; } } @media(max-width: 850px){ .additional-nav .logo-wrap-inner{ display: block; } } @media(max-width: 1100px){ .collection_section .description_div .collection_title .title{ letter-spacing: 0px; } } @media(max-width: 991px){ .center_menu, .right_menu, .additional-nav-wrapper > ul{display: none;} .logo-wrap{ margin-top: 20px; } #cart-dropdown{ text-align: center; float: none; } #cart-dropdown .heart, #cart-dropdown .basket{ top: 0px; } .title_section .collection-item-head{ margin-top: -14px; font-size: 45px; letter-spacing: 13px; } .collection_section--is-first{ margin-top: 0px; } .description_div{ float: none; } .photo_div{ position: relative; margin-top: 25px; margin-left: 0px; } .collection_section .content .content_element{ max-width:100%; /*float: none;*/ /*background-size: contain;*/ background-repeat: no-repeat; /*margin-top: 0px;*/ } .collection_section--is-even .photo_div{ margin-left: 0px; } .footer-nav-head{ letter-spacing: 0px; } .want_become_mastermind{ margin-top: 60px; } .collection_section .content{ padding: 0 20px; } .photo_div{ /*width: auto;*/ display:none; } .photo_div .name{ padding-bottom: 20px; left: 37px; transform: none; } .collection_section .description_div .description{ max-width: 100%; margin-bottom: 35px; } .section_margin{ margin-top: 70px; } .padding-0-15{ padding-right: 15px; } .collection-item-head > span{ line-height: 60px; } .title_section p{ margin-top: 30px; } .collection-item-head{ left:0px; float: none; } .review_block .review .img_div{ margin: 0px auto; } .photo_section .second_div .photo2{ margin-right: 0px; } .review_block .review .content_div .main_text .review_text{ text-align: justify; font-size: 16px; margin: 0 auto; } .review_block .review .content_div .auter_name{ margin: 0; margin-top: 20px; } .video_block{ padding-top: 50px; } } @media(min-width: 769px) and (max-width: 991px){ .collection_section .content .content_element.img_div{ max-width: 54%; display: inline-block; } .photo_div{ width: 38%; display: inline-block; } .photo_div .photo{ display: inline-block; } .collection_section--is-even .photo_div{ float: right; } .even-description{ float: left; } #size{ padding-left: 0px; } } @media(max-width: 768px){ .promocode_fixed{display:none;} .footer-search-field{font-size: 20px;} .footer-search-block #search{float: left;} .collection_section .content .content_element{ background-size: contain; float: none; } .town_select{float: left;padding-bottom: 12px;padding-left: 13px;} .reviews-item{padding: 0px 20px 30px 220px;} } .collection_section--is-odd .content_element.description_div{ padding-right: 63px; } .collection_section .description_div .description{ max-width: none; } .hits-slider {padding-right: 4px} .blog-slider {padding-left: 4px} .reviews .h1{max-width:100%;} #cart-dropdown > div{ display: inline-block; position: relative; } #cart-dropdown .heart{ top: -13px; right: 21px; } #cart-dropdown .basket{ top: -12px; right: -5px; } li.additional-nav-item > a{ padding-bottom: 23px; } li.additional-nav-item:hover > a{ border-bottom: 3px solid #0078ff; position:relative; z-index:523; } .inspiration-even.name, .inspiration-not-even.name{ padding-left: 0px; } .inspiration-even.name{ /*right: 0px;*/ left: 50px } .collection-tabs.row{margin-right:0; margin-left:0;} .main-articles-item-3, .main-articles-item-2{ display: flex; flex-direction: column; justify-content: flex-end; padding: 20px; background-size: contain; background-repeat: no-repeat; } .main-articles-item-3{ background-image: url(/local/templates/graf/styles/../images/content/img3.jpg); } .main-articles-item-2{ background-image: url(/local/templates/graf/styles/../images/content/img2.jpg); } .collection-right-col-padding{ padding-top: 96px; } .icon.icon-icon-delete-b.jewelry-popup-close{ font-size: 17px; } .jewelry-menu-col-title{ margin-bottom: 10px; } .jewelry-menu-bottom-some-text{ font-size: 21.7px; letter-spacing: 6.5px; } #additional-fixed-menu.active{ padding-bottom: 18px; border-bottom: solid 2px #0078ff } .menu-jewelry-container{ background-color: #fff; width: 100%; /*height: 60vh;*/ } .more-link-show.hidden, .more-link-hide.hidden{ display:none; } .povorot{ -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; } .hits-img-1{background: linear-gradient(to top, #fff 50%, #f1f1f1 50%)} .hits-img-2{background: linear-gradient(to top, #fff 50%, #f6e8ee 50%)} .hits-img-3{background: linear-gradient(to top, #fff 50%, #cee6ee 50%)} .coll_active {background-color: #000;} .coll_active a {color:#fff} .header-mobile{ display:none; width: 100%; } .header-mobile .moblie-menu-btn{ float: right; display: inline-block; transform: translateY(80%); } .header-mobile .fixed-head-logo{ float: left; display: inline-block; transform: none; } @media (max-width: 991px){ .header-mobile{ display: block; text-align: center; } .header-desktop{ display:none; } #cart-dropdown{ display:none; } } .become-partner{ background: #f7f9fb; padding-top: 39px; padding-bottom: 55px; text-align: center; padding-top: 40px; padding-bottom: 80px; display:none; } .partner-mobile-btn{ margin-top: 62px; } .how-become-partner-mobile-btn{ border: solid 1px #000000; padding: 23px 27px; font-size: 18px; margin-top: 37px; } .mobile-menu-links{ padding: 50px 40px; font-family: sf_ui_displaymedium; font-size: 19.9px; color: #7c7c7c; line-height: 1.5; display:none; } .mobile-menu-main-block{ background-color: #f7f9fb; padding: 65px 40px; } .mobile-menu-collections-btn{ margin-top: 63px; text-align: center; } .mobile-menu-collections-btn a{ color: #fefeff; font-weight: 600; font-family: sf_ui_displaybold; background-color: #000000; padding: 22px 73px; font-size: 18px; } .mobile-menu-main-block ul{ text-transform: uppercase; font-size: 20px; color: #2f3133; font-weight: bold; font-family: sf_ui_displaybold; line-height: 40px; } .mobile-menu-links ul, .mobile-menu-main-block ul{ list-style-type: none; } .mobile-menu-main-block ul li{ width: 100%; } .mobile-menu-main-block .icon-arrow{ float: right; transform: translateY(50%); } .mobile-jewelry-popup{ position: fixed; display: none; WIDTH: 100%; top: 60px; background: #fff; overflow-y: auto; z-index: 100; padding-bottom: 53px; max-height: 100vh; } .become-partner-phone{ font-size: 21px; } .mobile-menu-main-block-second{ background-color: #f7f9fb; padding: 26px 40px 56px; display: none; } .mobile-menu-main-block-second ul{ margin-top: 38px; } .mobile-menu-navbar img, .mobile-menu-navbar span{ display: inline-block; } .mobile-menu-navbar img{ float: left; } .mobile-menu-navbar span{ float: right; } .mobile-menu-main-block-second ul{ font-size: 21.5px; line-height: 37.6px; list-style-type: none; } .mobile-menu-main-block-second li{ padding: 7px 25px 10px 0px; line-height: 25px; list-style-type: none; font-family: 'sf_ui_displaylight'; font-size: 23px; width: fit-content; } .mobile-menu-main-block-second li.active{ background-color: #0078ff; } .mobile-menu-dropdown{ transform: translateX(50%); display: inline-block; } .mobile-menu-dropdown > .heart, .mobile-menu-dropdown > .basket{ display: inline-block; } .mobile-menu-dropdown > .basket{ margin-left: 25px; margin-right: -17px; } .coll-desc { text-align: left } .coll-desc p {max-width: unset;margin-top: 40px} .coll-desc .coll-title {text-transform: uppercase;margin-top: 40px} .inspirer-but {cursor: pointer;display: inline-block;margin-right: 20px;} .inspirer-name {display: inline-block} .inspirer-group {max-width: unset} .inpirer-form-photo {display: flex;width:141px;height: 141px;background-size: cover;border-radius: 50%;} .inpirer-form-header {display: inline-block;width: 100%;padding: 40px 25px;vertical-align: middle} .inpirer-form-picture {display: inline-block;width: 100%;height: 200px} .inpirer-form-text {padding: 40px 40px; font-size: 15px} .inpirer-form-title-block {display: flex;height: 141px;align-items: center;flex-direction: column} .inpirer-form-title {font-size: 30px;line-height: normal;margin: auto 0 0;width: 100%} .inpirer-form-subtitle { margin: 10px 0 40px; font-size: 13px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 1.3px; text-align: left; color: #9e9e9e; width: 100% } .article-text{ font-family:'sf_ui_displaymedium'; color:#c8c8c8; font-size: 12px; margin-right: -10%; } .show-filter-btn{ display:none; padding-left:15px; padding-top:10px; color: #9e9e9e; } .filter-container { padding-bottom: 52px; } .man-woman{ padding-left:15px; } #basket_items{ display: block; } .basket-list-header, .basket-list{ display: table; width: 100%; } .basket-tr{ display: table-row; } .basket-col{ display: table-cell; vertical-align: middle; } .th-price.basket-col{ width:38px; } .itemphoto.basket-col{ width: 14%; padding: 0; padding-left: 5px; padding-right: 5px; vertical-align: middle; } .item.basket-col{ width: 24%; } .th-item.basket-col{ width: 41%; } .th-price.basket-col{ width: 21%; } .th-count.basket-col{ width: 17%; } .th-final-price.basket-col{ width: 16% } .price.basket-col{ width: 20%; } .count.basket-col{ width: 16%; } .final-price.basket-col{ width: 19%; padding-left: 26px; } .minus.icon-icon-minus{ font-size: 4px; } .review-content .icon-commas{ font-size: 24px; position: relative; left: -41px; } .more-reviews{ margin-bottom:40px; } .ring:hover .rings-result-list-description-text{ padding: 0 30px; padding-bottom: 8px; } .ring:hover .rings-result-list-description-text p{ padding-bottom: 14px; border-bottom: 1px solid #b8b8b8 } .color_selector-container{ border-top: solid 1px #959595; border-bottom: solid 1px #959595; padding-top: 15px; } .ring{width: 25%;position:relative} .ring .ring-popup{ display: none; position: absolute; top: 0px; left: 0px; width: 100%; background: #fff; z-index: 400; box-shadow: -15.7px 19.4px 16px rgba(47, 74, 104, 0.24) } .rings .ring:hover .ring-popup, .rings-result-list .ring:hover .ring-popup{ display: block; } .rings .ring:hover .ring-popup .ring_photo{ margin-top: -56%; } .rings .ring:hover .ring-popup .ring_photo.ring_photo-search{ margin-top: -55.6%; } .rings-result-list.actions-elements .ring:hover .ring-popup .ring_photo{ margin-top: -64.2% } .rings-result-list .ring:hover .ring-popup .ring_photo{ margin-top: -62.8%; } .ring:hover .add_busket_btn .add-to-basket-text{ display:inline-block; } .rings-result-list .ring .color_selector{ border-bottom:none; } #quick-view-modal-answer .gk-share{ bottom: 0px; } .preview.active .view-text { color: #0078ff; } .show-quickview{ cursor: pointer; } #quick-view-modal-answer .rings-filtering-main .right-block{ width: auto; } #quick-view-modal .modal-header .close{ font-size: 25px; top: 24px; } .chose_color.color_line{ padding-right: 0px; } .show-quickview:hover + .view-text{ color: #0078ff; } .view-text{ cursor: default; } .gk-element-social-links{ position: absolute; bottom: 163px; left: 180px; } .gk-element-social-links.actions-social-links{ bottom: 0px; left: 0px; right: 0px } .main-odd-more-info-btn{ bottom: 107px; right: 59px; position: absolute; } .ring-customization .right-block .selLabel:hover,/* + .fa.fa--dropdown, .ring-customization .right-block .selLabel:hover, .fa.fa--dropdown:hover + .ring-customization .right-block .selLabel, .fa.fa--dropdown:hover,*/ .quickview-addToBasket:hover, .jewelry-addToBasket:hover{ color: #0078ff; cursor: pointer; } .jewelry-addToBasket .icon-basket-in-round, .quickview-addToBasket .icon-basket-in-round{ font-size: 41px; vertical-align: middle; margin-right: 20px; } .text-tabulation-long{ padding-left: 60px; } .text-tabulation{ padding-left: 40px; } .text-tabulation-sm{ padding-left: 20px; } .old_price{ color:#b8b8b8; text-decoration:line-through; } .about-manu-mobile-only{ display:none; } .insta-icon .icon-insta-icon{ font-size: 18px; vertical-align: middle; text-align: center; } .insta-icon:hover .icon-insta-icon:before{ color: #0078ff; transition: all .3s ease-in-out; } .add-to-basket-text .icon-basket-in-round{ font-size: 42px; vertical-align: middle; margin-right: 20px; color: #9e9e9e; opacity: 0.4; transition: all .3s ease-in-out; } .add-to-basket-text:hover .icon-basket-in-round{ color: #0078ff; opacity: 1; } .ring-popup-articul{ position: absolute; right: 30px; top: 30px; color: #9e9e9e; } .about-start-simply-img{ position: absolute; right: 54px; } .preview .icon-plus-in-round{ text-align: center; padding-right: 9px; font-size: 37px; margin-bottom: 12px; margin-top: 19px; transition: all .3s ease-in-out; color: #9e9e9e; cursor: pointer; } .preview .icon-plus-in-round:hover{ color: #0078ff; } .color_selector .metal_color div, .rings .ring .color_selector .ceram_color div{ padding-right: 0px; } .color_selector .metal_color div{ padding-left: 25px; } .rings-result-list .color_selector .metal_color div{ padding-left: 15px; } .ring-description-text{ min-height: 75px; max-height: 75px; margin-top: 50px; } .coll-desc{ margin-left: -15px; } .news-detali-back-to-list{ padding-left: 15px; } .mobile-collection-section{ display: none; } .mobile-collection-main-title{ display: none; } .mobile-collection-main{ display:none; } .owl-carousel.owl-loaded.hits-slider-mobile{ display: none; } .hits-slider-mobile .hits-img{ width: 100%; margin-top: 30px; min-height: 280px; } .hits-img-title-mobile{ letter-spacing: 0px; } .hits-slider .hits-slider-mobile .owl-dots{ left: 15px; top: 80px } .hits-slider-mobile .collection-item-head{ margin-top: 0px; } .preview.active .icon-plus-in-round.show-quickview{ color: #0078ff; } @media(min-width: 991px) and (max-width: 1200px){ #size{ width: 47%; } .jewelry-addToBasket .icon-basket-in-round, .quickview-addToBasket .icon-basket-in-round{ margin-right: 10px } .ring-customization .add_busket_btn{ letter-spacing: 1.9px; } .main-articles-item-large, .main-articles-item{ width: auto; } .main-articles-item-3, .main-articles-item-2{ background-size: cover; } .main-articles-item-large .main-articles-item-text{ background: #fff; position: relative; position: absolute; right: 15px; } .about-design-img-row{ text-align: center; } .about-design-img-1{ margin-top: 0px; margin-right: 20px; } .about-design-img-3, .about-design-img-2{ position:static; margin-left: 0px; } .about-menu ul{ padding: 0 15px 20px; } .about-history{ padding: 90px 15px 0px; } .hestory-text{ padding-right: 30px; } .about-design{ padding: 94px 15px 89px; } .about-quality-and-german_technology{ padding: 118px 15px 75px; } .wb-header{ padding-left: 15px; } .business-with-gk-block{ padding-left: 15px; } .row{ margin-left: 0px; margin-right: 0px; } .footer-payment-text{ margin-left: 10px; } .additional-nav .wrapper-bg{ padding: 0 15px; } .footer-search{ margin-right: 13px; } .description-menu{ max-width: 100%; padding-left: 15px; } .product-description-section .left-block{ max-width: 65%; } .product-description-section .right-block{ max-width: 35%; } .product-description-text{ width: auto; } .gk-share{ left: 15px; } .collection-item-head--detail-top{ right: 0%; } .video_block .first_div .description_div{ max-width: 34%; } .video_block .slider_div{ max-width: 65%; } .photo_section .second_div .photo3{ max-width:60% } } @media(max-width: 991px){ .main-slider{ padding: 0px; } .main-slider-info{ width:auto; } .main-articles-item-large, .main-articles-item-3, .main-articles-item-2{ width:100% } .main-articles-item-large .main-articles-item-img, .main-articles-item-large .main-articles-item-text, .blog-text{ width:50%; } .hits-text, .hits-img{ width:46%; } .main-articles-item-large .main-articles-item-img{ text-align: left; } .main-articles-item-3, .main-articles-item-2{ margin: 0 auto; background-size: cover; } .blog-slider{ margin-top: 60px; } .reviews-item .quotes-ico{ left: 180px; } .collection-item-text{ text-align: left; } .collection-left-col{ padding-left: 25px; } .collection-left-col-img1{ margin-left: 0px; } .collection-left-col-img2{ width: 320px; } .main-articles-item-large{ height: 100%; } .articles-width-signature{ text-align: center; } .articles-width-signature .main-articles-item-wrap{ text-align: left; } .collection-right-col-img3{ margin-left: 0px; } .right-col .collection-item-button{ margin-left: 65px } .coll-desc{ text-align: center; } .video_block .first_div .description_div{ max-width: none; } .video_block .first_div .description_div .title:before{ display:none; } .video_block .first_div .description_div{ padding-right: 40px; } .review_block .review .content_div{ /*width: auto;*/ margin-top: 0px; } .collections_variants_main_img li{ padding: 10px 17px 0px; margin-top: 0px; height: 38px; } .ring{ width: 50%; } .rings-filtering-main .left-block{ width: 100%; } .rings-filtering-main .left-block .filter-option, .rings-filtering-main .left-block .buttons{ margin:0px; } .rings-filtering-main .right-block{ float:none; width: 100%; } .rings-result-list .ring{ width: 49%; } .th-item.basket-col{ width: 42%; } .th-price.basket-col{ width: 19%; } .th-count.basket-col{ width: 17%; } .price.basket-col{ width: 17%; } .custom.basket-col{ width: 17%; } .final-price.basket-col{ padding-left: 0px; width: 20%; } .dellete.setting{ width: 14px; margin: 0 auto; position: relative; left: 50%; transform: translateX(-50%); } .ordering-line{ padding: 0 15px; } .coupon-block input{ width: 260px; } .total-price{ margin-left: 0px; width: auto; } .about-design-img-3, .about-design-img-2{ position: static; margin: 0px; } .hestory-content{ padding: 0 15px; } .about-design .row{ margin-top: 40px; } .about-design{ padding: 60px 15px 50px; } .about-quality-and-german_technology{ padding-top: 35px; padding-bottom: 35px; padding: 35px 15px } .where_by{ padding-bottom: 25px; } .business-with-gk-block{ padding-left: 15px; } .hestory-preview{ left: 50%; transform: translateX(-50%); position: relative; } .about-menu{ padding: 0 15px; } .about-design-img-row{ text-align: center; } .about-design-img-1{ margin-top: 0px; margin-right: 20px; } .about-design-img-3{ margin-top: 40px; } .wb-header{ padding-left: 15px; } .hestory-content{ width: auto; } .german_technology .content, .quality .content{ padding: 0px; margin: 0px; } .quality h2, .german_technology h2{ position: static; text-align: left; margin-top: 0px; } .quality, .german_technology{ padding: 0 20px; text-align: justify; vertical-align: top; } .german_technology h2{ margin-bottom: 0px; } .quality .content, .german_technology .content{ position: static; margin-top: 20px; } .search-page{ padding: 0 15px; } .mobile-menu-dropdown{ right: 121px; position: absolute; } .content{ margin-top: 63px; } } @media (min-width:768px) and (max-width: 991px){ #product-detail .wrapper-bg .col{ display: block; padding: 0 15px; } .description-menu{ width: 100%; padding-left: 15px; } .article-text{ margin-right: 0px; } .ring-slider-big{ width: auto; } #size{ padding-left: 0px; } } .main-reviews-item-commas-mobile{ display: none; } @media(max-width: 767px){ /*.mobile-collection-main{display: flex!important;;flex-direction: column-reverse;}*/ .coll-title{padding-top: 36px;font-size: 20px;} .two-col .col-item{ margin-bottom: 85px; } .collection-left-col-img2, .collection-right-col-img1, .two-col .col-item, .main-articles-item-large .main-articles-item-img, .main-articles-item{ width: auto; } .reviews-item-img{ width: auto; height: auto; position: static; text-align: center; } .reviews-item{ padding-left: 0px } .reviews-item-text{ padding: 15px 15px; } .main-reviews-item-commas-mobile{ position: relative; left: 15px; font-size: 24px; display: inline; } .main-reviews-item-commas-dt{ display: none; } .h1{ max-width: 320px; font-size: 31px; } .collection-item-head::before{ width: 0px; right: -38px; } .main-slider-item{ padding: 0px; padding-right: 15px; } .main-slider-info{ margin-top: 250px; } .reviews-item .quotes-ico{ left: 140px; } .main-articles-item-large{ width: auto; height: auto; } .hits-text .h1, .hits-text h1{ margin: 0px 0 55px; } .sections-two-main-sliders{ padding-bottom: 60px; padding-top: 83px; } .blog-article{ font-size: 17px; } .blog-head{ left: 0px; width: auto; } .collection-item-text{ padding: 0px; width: auto; text-align: center; height: auto; } .collection-item{ text-align: center; } .collection-left-col-img1{ width: auto; margin: 0; margin-top: 40px; display: flex; justify-content: center; } .right-col{ padding-left: 0px; } .collection-right-col .collection-item-text{ padding-right:0px; } .collection-left-col .collection-item-article{ min-height: auto; } .collection-item-article{ margin-bottom: 40px; } .collection-right-col .collection-item-article{ min-height: 100px; } .main-articles-item-large .main-articles-item-text, .blog-text{ width: 100%; } .right-col .collection-item-button{ margin-left: 87px; } .collection-left-col{ padding-left: 0px; } .photo_div .photo{ background-size: cover; } .collection_section .img_div{ width: auto; } .collections_variants_main_img .menu{ margin-top: 125px; margin-left: 0px; } .review_block .review .img_div{ background-position: center; } .video_block .first_div .description_div{ padding-left: 15px; } .rings{ padding-top: 10px; } .video_block .first_div .description_div .photo1{ margin-left: -15px; } .photo_section .second_div{ margin-top: 310px; } .collection-tabs-menu{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .title_section .collection-item-head{ font-size: 45px; letter-spacing: 3px; } .video_block .first_div .description_div{ padding-right:15px; } .video_block .first_div .description_div .description_text{ text-align: justify; } .photo_section .second_div .photo3{ background-size: cover; background-position: center; display:none; } .review_block .review .content_div{ margin-top: 50px; } .collection{ padding-top:18px; } .ring-slider-big{ position: static; width: auto; } .ring-slider-minis{ width: auto; padding: 0 15px; } .ring-slider-minis li{ display: inline-block; } .collection-item-head--detail-top{ text-align: center; } .product-description-section .right-block{ padding: 0 15px; } .collection-item-head, .ring-slider-minis-item, .product-description-text, .product-description-section .right-block{ width: auto; } .collection-item-head, .product-description-text{ margin-left: 0px; } .product-description-collection-name{ text-align: center; } .product-description-text{ text-align: justify; } .gk-share{ margin-top: 15%; padding-left: 15px; } .description-menu{ width: auto; } .ring-customization .wrapper-bg .col{ padding: 0px; } .article-text{ margin-right: 0; float: none; display: block; } .metal-and-weight{ padding: 18px 30px 15px 20px } #metal, #insert{ float: left; width: 50%; } .ring{ width: 100%; } .gk-share{ bottom: 0; } .product-description-section .left-block{ width: 100%; } .ring-costomisation-block{ width:100%; } .article-row, .ring-description{ padding: 0 15px; } .ring-costomisation-block-jewelry-class{ float: none; } .price-row .price-value{ padding-left: 15px; } .new_list > .news_container > .grid .main-news{ width: 320px; height: auto; } .new_list > .news_container > .grid .main-news .news-preview, .new_list > .news_container > .grid .main-news .news-content{ width: 100%; } .rings-filtering-main .filter-desctop-block{ display: none; } .rings-filtering-main .right-block{ width: auto; } .sort-block{ height: auto; padding-bottom: 15px; } .sort-by, .give-at{ display: block; float: none; } .give-at{ position: relative; padding-left: 15px; } .rings-result-list .ring{ width: 100%; } .show-filter-btn{ display: inline-block; } .show-filter-btn .icon-filter{ margin-left: 20px; } .rings-filtering-main .left-block .filter-option{ margin-left:0px; } .filter-desctop-block.active{ display: block; position: fixed; background: #fff; width: 100%; z-index: 100; top: 60px; overflow-y: auto; height: 100%; padding: 0 20px; padding-bottom: 80px; } .rings-filtering-main .left-block .buttons .cleean-button{ margin:0px; padding-right: 20px; } .rings-filtering-main .left-block .buttons .white-border-button{ margin-left: -20px; } .review_block .review .content_div{ padding-right:15px; } .popup-window{ width: auto; right: 24px; } .basket-list-header{ display:none; } .section-title{ line-height: 30px; font-size: 19px; } .basket-tr{ position: relative; display: block; padding-left: 0px; padding-right: 0px; width: 100%; } .itemphoto.basket-col, .item.basket-col, .price.basket-col, .custom.basket-col, .custom.final-price.basket-col{ display: block; text-align: center; width: auto; max-width: 100%; margin-bottom: 10px; } .itemphoto.basket-col{ width: 50%; margin: 0 auto; } .custom.final-price.basket-col{ padding: 0px; } .custom.basket-col table{ margin: 0 auto; } .control.basket-col{ display: block; position: absolute; right: 18px; right: 15px; top: 25px; } .bx_ordercart .bx_ordercart_coupon{ padding: 0 15px; text-align: center; } .coupon-block input{ width: 100%; max-width:320px; } .ordering-line-item{ text-align: center; display: block; float: none; margin: 0px; line-height: 90px; } .total-price{ width: auto; } .about-menu li.about-manu-desktop{ display: none; } .about-manu-mobile-only{ display: list-item; } .about-menu ul{ display: block; } .hestory-content{ width: auto; } .about-history{ padding: 90px 15px 0; } .hestory-text{ text-align: justify; } .hestory-text .big-text{ text-align: left; } .hestory-preview{ position: static; transform: translateX(0); } .about-design{ padding: 30px 15px 50px; text-align: justify; margin-top: 0px; } .h2-about_design{ text-align: left; } .about-design-img-2, .about-design-img-3{ position: static; } .about-design-img-3{ margin-left: 0px; } .about-quality-and-german_technology{ padding: 30px 15px; text-align: justify; } .quality, .german_technology{ width: auto; height: auto; padding: 0px; } .quality h2, .german_technology h2{ position: static; top: 0px; margin: 0px; padding: 68px 0 10px; text-align: left; } .quality .content, .german_technology .content{ padding: 0px; margin: 0px; } .quality .content, .german_technology .content{ position: static; } .business-with-gk-block{ width: auto; padding-left: 15px; padding-right: 15px; text-align: justify; } .h2-business_with_gk{ text-align: left; } .about-start-simply-img{ position: static; } .wb-header{ line-height: 28px; } .where_by{ padding-bottom: 25px; } /***********************/ .wsm_map_offices_block{ display: block; } #contacts-map{ display: block; } .adress-list{ display: block; } .adress-list{ position: relative; margin-top: 0px; right: 0px; width:100%; } .shopTabs { position:relative; top:0px; right:0px; z-index:2; } .about-menu ul{ text-align: center; } .about-pageTitle{ padding-bottom: 50px; } .about-design-img-row{ text-align: center; } .about-design .row{ margin:0px; margin-bottom: 43px; } .wb-header{ padding-left: 15px; } .about-design-img-1{ margin-bottom: 30px; } .about-menu li{ display: inline-block; margin-left: 20px; } .about-menu a:hover{ border:none; } .grid-item{ left: 50%; /*transform: translateX(-50%);*/ } .ring-costomisation-block .order-bay-row{ padding: 0 15px; } .ring-costomisation-block .white-border-button{ min-width: 135px; } .ring-costomisation-block .add_busket_btn{ font-size: 12.3px; } .ring-costomisation-block .icon-basket-in-round{ margin-right: 4px; } .product-description-section{ padding: 0px 0px 74px; } .description-menu{ margin: 0px; position: static; height: auto; } .description-menu li{ padding-left: 15px; display: block; } .description-menu li.active{ border: none; color: #0078ff; } .product-description-tab.payment-and-shipping{ padding: 0 15px; } .reviews_list #reviews_container .grid .grid-item{ width: 100%; padding: 0 15px; } .review-page.review > div{ margin: 0 auto; display: block; } .review-content .icon-commas{ left: 0px; } .review-text{ text-align: left;font-size: 23px; } .copyright{padding: 0px 20px;text-align: center;} .full-width-img{height: 20%;} .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle, .bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price, .bx_ordercart .bx_ordercart_order_table_container tbody td.custom, .bx_ordercart .bx_ordercart_order_table_container tbody td.custom{ font-size: 14px; text-align: center; } .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_photo{ width: 125%; } .bx_ordercart_order_sum{ float: none; margin: 0 auto; margin-top: 30px; } .bx_ordercart_order_sum tr td.custom_t1{ width: auto; } .bx_ordercart_order_pay_center{ text-align: center; } #order_form_div .person-tipe-lable-in-order{ float: none; } #order_form_div .person-tipe-lable-in-order .uni-button-radio{ display: inline-block; } #order_form_div .person-tipe-lable-in-order .selector{ display: none; } #order_form_div .person-tipe-lable-in-order .uni-button-radio .text{ width: auto; } .main-odd-more-info-btn{ position: static; } .right-col .collection-item-button{ position: relative; top: -80px; margin-left: 0; } .coll-desc{ margin-left: 0px; } .hits-text .h1{ letter-spacing: 4px; } .photo_section .second_div .photo2{ transform: translateX(-50%); margin: 0px; left: 50%; position: relative; display:none; } .slider-div .slide{ background-position: center; } .ring-slider-big img{ width: auto; min-height: auto; } .mobile-collection-section{ display: block; } .dt-collection-section{ display: none } .mobile-collection-main-title{ display: block } .dt-collection-main-title{ display: none } .mobile-collection-main{ /*display:inline-block;*/ display: flex; flex-direction: column-reverse; } .dt-collection-main{ display: none; } .search-query{ margin-bottom: 10px; } .contacts-some-text{ margin-top: 30px; } .blog-slider{ padding: 0px; } .blog-img{ /*width: 100%;*/ margin-left: 15%; } .blog-img img{ width: 100%; } .blog-text{ padding-top: 20px; } /*.sections-two-main-sliders .hits-slider-dt{ display: none; }*/ .on-mobile-hidding{ display: none; } #set_filter{ margin-left: 0px; } .rings-filtering-main .left-block .filter-option{ padding-top: 27px; } .filter-desctop-block.active{ padding-bottom: 160px; } .product-description-section .grey-button{ position: relative; left: 50%; transform: translateX(-50%); margin-top: 60px; margin-left: 0px; } .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_photo{ left: 50%; transform: translateX(-50%); } .bx_order_make .bx_block.w100, .bx_order_make .paysystem-section, .bx_order_make .delivery-section, .bx_order_make h4, .bx_ordercart .bx_ordercart_order_table_container{ padding: 0 15px; } .bx_order_make .paysystem-section h4{ padding: 0px; } .uni-button-radio .radio, .uni-button-radio .text{ float: none; } .uni-button-radio .selector{ display: none; } .bx_ordercart .bx_ordercart_order_table_container table thead td{ font-size: 10px; } .reviews-detail-back-to-list{ padding-left: 15px; } .footer-search-close-button{ float: right; } .footer-search-close-button .footer-search-button{ min-width: 150px; } .owl-carousel.owl-loaded.hits-slider-mobile{ display: block; } .owl-carousel.owl-loaded.hits-slider-dt{ display: none; } .grid-item.ring.ring-main-cart{ transform: translateX(-50%); } .firstClick a{ pointer-events: none; } } @media (max-width: 416px){ .modal-dialog{ max-width: 100%; } #cities_modal .modal-content{ height: 100vh; } .wsm_office_city_celector{ column-count: auto; overflow-x: hidden; max-height: 100%; } #city-search .list li{ padding: 7px 0; } .wsm_office_city_celector a{ font-size: 19px; } .wsm_office_city_celector a { margin: 0px 10px 0px 0px; display: block; padding: 0px; cursor: pointer; font-size: 14px; text-decoration: underline!important; text-decoration-style: dashed!important; text-decoration-skip-ink: none!important; } } @media (max-width: 360px){ .ring_photo img{ width: 70%; } .hits-text .h1{ letter-spacing: 0px; } } .empty-basket-row{height:5px;background:#f7f9fb} .product-description-tab .main-articles{ padding: 0px; } .ring .quickview { display: none } .ring:hover .quickview { display: block; max-width: 180px; text-align: center; height: 35px; background: rgba(197,197,197,0.8); border: 1px solid #d9d9d9; border-radius: 30px; color: #fff; font-size: 11px; line-height: 35px; margin: auto; position: absolute; left: 0; right: 0; bottom: 0; top: 50px; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; } .ring:hover .quickview{ position: static; margin:10px auto; } .drop-down-selector .dropdown-list li {font-size: 15px} .quickview-form {width: 100%;display: inline-block;padding: 30px 0} .auter_name {margin-top: 20px;margin-left: 40px;} .auter_name .round, .auter_name .name {display: inline-block} .auter_name .name {font-weight: bold;font-size: 18px;vertical-align: middle} .auter_name .name p {margin-bottom: 0} .auter_name .subname { font-size: 12px; font-weight: 600; color: #9e9e9e; letter-spacing: 1.3px; } /*.coll-detail-block {margin-bottom: 40px}*/ .owl-dot{width:10px;height: 10px;display: inline-block;margin: 5px;border-radius: 50%} .owl-dots .owl-dot:hover {background-color: #000} .owl-dots .active {background-color: #000;} .owl-dots {position: absolute;bottom: 10px; left: 20px} .coll-rings > .ring {min-height: unset !important} .video-container {height: 400px;} .buy-one-click input[type="file"] {margin: 10px 0 30px} /*input[type="file"] { position: absolute; top: 0; left: 0; z-index: 5; opacity: 0; width: 100%; height: 100%; cursor: pointer; } .file_text { margin-right: 5px; } .file_text, .file_icon { display: inline-block; } .inpirer-form-text ul{ list-style: none; } .file { position: relative; width: 100%; margin: 20px 0; cursor: pointer; height: 20px; line-height: 1; }*/ .ui-slider-handle {outline:none} .sort-by .drop-down-selector{margin-left:0;right: 0} .inpirer-become-text { padding: 40px 0px; font-size: 15px; } .inpirer-become-text ul{ list-style: none; } .coll-rings .color_selector {border: none !important} .inspirer-name-block {display: inline-block;line-height: normal;vertical-align: -webkit-baseline-middle;} .inspirer-name-block .subname { font-size: 12px; font-weight: 600; color: #9e9e9e; letter-spacing: 1.3px; } /* Начало waydev:catalog:element */ .fa.fa--dropdown { font-size: 20px; margin-left: 8px; } .old-price, .discounted-price { font-size: 16px !important; color: #000 !important; } .old-price { text-decoration: line-through; } .product-description-tab { display: none; } .description-menu + .product-description-tab { display: block; } .sku--color { padding: 0 !important; border-radius: 24px; } .sku--color + .sku--color { margin-left: 15px; } .sku--color.active:after { position: absolute; top: 5px; left: 5px; width: 14px; height: 14px; content: ''; border-radius: 24px; background-color: #fff; } .ring-related .add_busket_btn { margin-bottom: 14px; } .quick-view-modal-close { margin-top: -10px !important; } /* Конец waydev:catalog:element */ .reviews_list {margin-bottom:30px} @media screen and (max-width: 1366px){ .modal-dialog { margin: 5% auto; } } #coll_goods {width: 100%;display: inline-block} .coll-goods-list {width: 100%;display: inline-block} #reviews_container .grid .grid-item {width: 580px;} .gk-actions { padding-top: 77px; height: auto; background-color: #f7f9fb; font-size: 16px; } .gk-actions-subscribe { padding-top: 77px; padding-bottom: 43px; height: auto; background-color: #fff; font-size: 16px; } .gk-actions-complet { padding-top: 77px; height: auto; background-color: #f7f9fb; font-size: 16px; padding-bottom: 43px; } .gk-other-actions { height: auto; background-color: #f7f9fb; font-size: 16px; } .gk-actions-list {width:100%;display: inline-block} .gk-actions-img {width:100%;display:block;height: 370px;background-size: cover;} .gk-actions-period{color: #9e9e9e;font-size: 11px;text-transform:uppercase;font-weight:bold} .gk-actions-title {display:block;font-size: 16px;font-weight: bold;color: #272727;text-transform:uppercase;margin-top:20px} .gk-actions-preview-text {color: #9e9e9e;font-size: 26px;margin-top:20px;line-height: normal} .gk-actions-more {font-size: 13px;margin-top:30px;width:100%;display:block;color: #b8b8b8;} .gk-actions-item {display:inline-block;width:100%;min-height:630px;margin-bottom:30px;background-color: #fff;} .gk-actions-item:hover{box-shadow: -15.7px 19.4px 16px 0 rgba(47, 74, 104, 0.24);} .gk-actions-info {padding: 30px} .gk-actions-item-main {display:inline-block;width:100%;margin-bottom:40px;background-color: #fff;} .gk-actions-item-main:hover{box-shadow: -15.7px 19.4px 16px 0 rgba(47, 74, 104, 0.24);} .gk-actions-item-main .gk-actions-more { width: 161px; border: solid 1px #959595; font-size: 14px; font-weight: 500; color: #2a292f; background-color: #fff; padding: 15px 20px; display: inline-block; text-align:center; transition: all .3s ease-in-out; } .gk-actions-item-main .gk-actions-title {font-size:30px;line-height: normal;} .gk-actions-item-main .gk-actions-preview-text {font-size:26px;line-height: normal;} .gk-actions-subscribe-title {font-size:18px;font-weight:bold;text-transform:uppercase; color: #272727; line-height: normal;letter-spacing: 5.4px;} .gk-actions-subscribe-input input {width:100%;height:50px;padding:0 10px;background-color:#F7F9FB;border:none} .gk-actions-subscribe-input input:focus {background-color:#fff;border:1px solid #777} .gk-actions-subscribe-container {margin-top: 80px;width: 100%} .gk-actions-subscribe-button {display:inline-block;margin-top: 50px;width:100%} .gk-actions-complete-img {width:100%;display:block;height: 215px;background-size: cover;} .gk-actions-complet-item {display:inline-block;width:100%;background-color: #fff;height: 215px;margin-bottom: 30px;} .gk-actions-complet-item .gk-actions-info {padding: 20px 0 20px 10px} .gk-actions-complete-title {color: #b8b8b8;line-height: normal;letter-spacing: 10.7px;text-align:center;font-size: 36px;margin-bottom:50px} .gk-actions-complet-item:hover{box-shadow: -15.7px 19.4px 16px 0 rgba(47, 74, 104, 0.24);} .gk-actions-complet .show_all_block {display:inline-block;margin-top:40px} .gk-actions-complet .show_all { transition: color 0.3s ease; font-family: 'sf_ui_displaybold'; color: #000; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; margin: 20px 0 15px; cursor: pointer; display: inline-block; } .gk-actions-detail-img {width:100%;display:block;height: 380px;background-size: cover;} .gk-actions-detail-text {font-size:18px;line-height: 1.2;color: #87828a;margin:70px 0} .gk-actions-detail-title {font-size:38px;color: #272727;line-height: 0.9;font-weight: bold;margin-bottom:25px;margin-top:90px;position: relative;text-transform:none;letter-spacing:normal} .gk-actions-detail-title:before { position: absolute; content: ''; display:block; width: 49px; height: 2px; background-color: #000; top: 15px; left: -60px; } .gk-actions-detail {width:100%;display: inline-block;margin-top:60px} .gk-actions-period-detail {display:inline-block;margin-top:66px;font-size:15px;color: #000;font-weight:bold; border:2px solid #000; text-align:center;padding:15px 30px;width:auto} .gk-actions-period-detail span {font-size:13px;color: #b8b8b8;display:block} .actions-elements .ring{width: 24%} .actions-elements .ring .ring-popup {width: 100%} .gk-actions-elements-title {font-size: 36px;letter-spacing: 10.7px;color: #b8b8b8;margin: 80px 0;text-transform: uppercase} .gk-other-actions-title {font-size: 36px;letter-spacing: 10.7px;color: #b8b8b8;margin: 80px 0px;display: inline-block;width: 100%;text-transform: uppercase} .crop-text { white-space: nowrap; /* Запрещаем перенос строк */ overflow: hidden; /* Обрезаем все, что не помещается в область */ text-overflow: ellipsis; } .gk-all-goods {font-size: 18px;text-transform: uppercase;font-weight: bold;margin: 70px 0;width: 100%;display: inline-block} .gk-show-all {font-size: 18px;text-transform: uppercase;font-weight: bold;margin: 30px -16px 70px;width: 100%;display: inline-block} .gk-back-list {margin: 10px 0;color: #b8b8b8;} .gk-actions-list-title {color: #272727;font-size: 25px;text-transform: uppercase;font-weight: bold;margin-bottom: 15px;padding: 0;letter-spacing: 7.5px;} .gk-actions-slider .owl-dots {top: 20px;right: 20px;bottom:unset;left: unset} .gk-actions-slider .owl-dots .owl-dot {width:16px;height: 16px;background-color: #fff} .gk-actions-slider .owl-dots .owl-dot span.active {background-color: #fff} @media(max-width:320px){.footer-search-button{min-width: 140px;}} .gk-actions-slider-text {position: absolute;left: 40px;bottom: 40px;font-size: 38px;font-weight: bold;text-transform: uppercase} @media(max-width:1024px){ .paddings{padding-left:10px;padding-right: 5px;} .collection-left-col-img2{display:none;} .collection-left-col-img3{display:none;} } @media(max-width:991px) and (min-width:768px){ .coll-desc{float: left;} } #show-goods {cursor:pointer} #show-goods:hover {color:#0078ff} .hide-goods {display: inline-block;width:100%} /*Страница анкетв*/ .worksheet-form {width:100%;display: inline-block} .worksheet-title { width: 100%; color: #272727; text-transform: uppercase; font-family: 'sf_ui_displaybold'; margin-top: 40px; margin-bottom: 40px; text-align:center; font-size:18px; padding: 0px 24%; letter-spacing: 3px; } .worksheet-input, .worksheeet-label {width:100%;height: 48px} .worksheet-input {padding: 10px 15px; margin-bottom:40px} .worksheet-label {font-size: 13px;font-weight: normal;} .worksheet-left {padding-right: 40px} .worksheet-right {padding-left: 40px} .bold {font-weight:bold} .footnote {margin-bottom:40px} .worksheet-form b {color:#000} .worksheet-answer {margin-top:20px} .news-detail-title { font-size: 24px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 500; line-height: 1.1; color: inherit; text-transform: none; letter-spacing: normal; margin:20px 0; padding:0 } .new_list hr {border-top:solid 1px rgba(58, 58, 58, 0.3)} /* поиск */ .header_search { /* width: 300px; */ overflow: hidden; position: relative; margin-top: -5px } .header_search .search__label { cursor: pointer; width: 30px; height: 30px; position: absolute; top: 0; right: 0; font-size: 16px; color: #888; padding: 7px 5px; margin-bottom: 0; } .header_search .search__input { width: 0px; opacity: 0; float: right; padding-right: 30px; padding-left: 5px; height: 30px; transition: all .3s ease-in-out; } .header_search .search__input.show { width: 100%; opacity: 1; } .fixed_search { width: 23%; overflow: hidden; position: relative; vertical-align: middle; display: inline-block; margin-right: 20px } .fixed_search .search__label { cursor: pointer; width: 30px; height: 30px; position: absolute; top: 0; right: 0; font-size: 16px; color: #888; padding: 7px 5px; margin-bottom: 0; } .fixed_search .search__input { width: 0px; opacity: 0; float: right; padding-right: 30px; padding-left: 5px; height: 30px; transition: all .3s ease-in-out; } .fixed_search .search__input.show { width: 100%; opacity: 1; } .fixed_search i {position: absolute} .noveltie_wrap {margin-bottom:20px;width:100%;margin-bottom: 30px;position:static !important;} .noveltie_wrap_detail {position:absolute;top:0;right:0;width: auto;} .gk-profile-form input[type="text"], .gk-profile-form input[type="password"]{ color: #000; background-color: #f8f9fb; border: 1px solid; border-color: #c3c3c3; width: 100%; height: 50px; margin-bottom: 30px; font-family: 'sf_ui_displayregular'; font-size: 18px; padding-left: 20px; margin-bottom: 20px; } .gk-profile-form label { font-size: 16px; font-weight: normal; color: #777 } .bx-forgotpass-table {width:100%} .promocode_fixed a{ position: fixed; z-index: 2; display: block; background-color: #fff; padding: 12px 31px 9px 31px; border: 1px solid rgba(58, 58, 58, 0.3); transform: rotate(-90deg); top: 47%; left: -93px; animation:anim 5s; animation-duration:5s; transition: all .3s ease-in-out; /*transition: left 0.5s cubic-bezier(0, 0, 1, 1);*/} @keyframes anim { from {left:-100%;} to {left:-10%;} } .promocode_fixed a:hover{ background-color: #000; color:#fff; border-color: #000; } .promocode_fixed a:hover{color:#fff;} #result-search{ position:fixed; top:80px; left:50%; padding:2%; width:90%; height:90%; margin:0px 0px 0px -45%; z-index: 3000; display:none; } #result-search .load-search{ background: #fff; max-height:100%; overflow: hidden; overflow-y:auto; } #result-search .search-item{ padding:0 0 5px; margin:10px; border-bottom:1px solid rgba(54, 75, 96, 0.9); } #result-search .search-item:last-child{ border:none; } #custom-scroll::-webkit-scrollbar-button { background-image:; background-repeat:no-repeat; width:5px; height:0px } #custom-scroll::-webkit-scrollbar-track { background-color:#ecedee } #custom-scroll::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 0px; background-color:#6dc0c8; } #custom-scroll::-webkit-scrollbar-thumb:hover{ background-color:#56999f; } #custom-scroll::-webkit-resizer{ background-image:url(/local/templates/graf/styles/); background-repeat:no-repeat; width:4px; height:0px } #custom-scroll::-webkit-scrollbar{ width: 4px; } #result-search .ring{ width:25%; } #result-search .ring_photo img:first-child{ display:block !important; margin:0 auto; } #result-search .ring-popup{ display:none !important; } #result-search .noveltie_wrap{ position:static; margin:0 0 10px; } #result-search .add_busket_btn{ display:none !important; } .result-search-page .ring{ width:25%; } /* inner of dots */ .smart_img__outer { overflow: visible!important; } .smart_img__outer .dot__inner { display: inline-block; position: absolute; z-index: 10; border: 1px solid #3a9bc0; background: #fff; opacity: 0; visibility: hidden; padding: 20px 20px 10px; width: 200px; line-height: 1.2; transition: all 0.3s; } .smart_img__outer .dot:hover .dot__inner { opacity: 1; visibility: visible; transform: none; } .smart_img__outer .dot__inner::before, .smart_img__outer .dot__inner::after { content: ''; display: inline-block; position: absolute; border-width: 14px; border-style: solid; border-color: transparent; } .smart_img__outer .dot__inner::before { z-index: 5; } .smart_img__outer .dot__inner::after { z-index: 10; } .smart_img__outer .dot__inner-container { display: inline-block; position: relative; padding-bottom: 50px; width: 100%; } .smart_img__outer .dot__inner-container::before { content: ''; display: inline-block; position: absolute; top: -20px; width: 50px; height: calc(100% + 40px); } .smart_img__outer .dot__inner-title { display: inline-block; background: none !important; opacity: 1 !important; margin-bottom: 10px; width: 100% !important; height: auto !important; line-height: 1.2 !important; font-size: 14px !important; font-weight: 500 !important; text-align: left !important; text-decoration: none !important; color: #828282 !important; } .smart_img__outer .dot__inner-title:hover { color: #0078ff !important; } .smart_img__outer .dot__inner-price { display: inline-block; width: 100%; font-size: 14px; font-weight: 700; text-align: left; color: #272727; } .smart_img__outer .dot__inner-more { display: inline-block; background: none !important; position: absolute; left: 0 !important; bottom: 0 !important; opacity: 1 !important; margin-bottom: 10px; width: 100% !important; height: auto !important; line-height: 1.2 !important; font-size: 12px !important; font-weight: 500 !important; text-align: left !important; text-decoration: none !important; color: #828282 !important; } .smart_img__outer .dot__inner-more:hover { color: #0078ff !important; } /* directions */ .smart_img__outer .dot__inner.right { right: -250px; transform: translateX(-5px); } .smart_img__outer .dot__inner.left { left: -250px; transform: translateX(5px); } .smart_img__outer .dot__inner.up { bottom: -20px; } .smart_img__outer .dot__inner.down { top: -20px; } .smart_img__outer .dot__inner.right::before, .smart_img__outer .dot__inner.right::after { left: -15px; border-left-width: 0; } .smart_img__outer .dot__inner.right::before { left: -14px; border-right-color: #3a9bc0; } .smart_img__outer .dot__inner.right::after { left: -13px; border-right-color: #fff; } .smart_img__outer .dot__inner.left::before, .smart_img__outer .dot__inner.left::after { right: -15px; border-right-width: 0; } .smart_img__outer .dot__inner.left::before { right: -14px; border-left-color: #3a9bc0; } .smart_img__outer .dot__inner.left::after { right: -13px; border-left-color: #fff; } .smart_img__outer .dot__inner.up::before, .smart_img__outer .dot__inner.up::after { bottom: 20px; } .smart_img__outer .dot__inner.down::before, .smart_img__outer .dot__inner.down::after { top: 20px; } .smart_img__outer .dot__inner.right .dot__inner-container::before { left: -70px; } .smart_img__outer .dot__inner.left .dot__inner-container::before { right: -70px; } .contacts-mob_tabs{ display: none; width: 100%; flex-direction: row; justify-content: space-around; } @media (max-width: 416px){ .wsm_map_offices_block, .adress-list{ width: 100%; } .contacts-mob_tabs{ display: flex; } #where-buy .contacts-mob_tabs a{ display: inline-block; width: 50%; margin:0px; } /*#where-buy .contacts-mob_tabs{ padding: 0 15px; }*/ .adress-list.contacts-mob_tabs--hidden{ display: block; } #contacts-map.contacts-mob_tabs--hidden{ display: none!important; } .collection_section .row{ margin-right: 0px; margin-left: 0px; } } /*детальная карточка товара, таблицы в наличии и под заказ*/ #product-detail .choose-color ul { position: relative; } #product-detail .choose-color .tooltip.left { top: -15px !important; right: calc(100% + 20px) !important; left: auto !important; } #product-detail .choose-color .tooltip.top { top: auto !important; bottom: calc(100% + 20px) !important; left: -20px !important; } #product-detail .userpage__to_cart, #product-detail .userpage__to_order { border-top: 1px solid #CBCED2; border-bottom: 1px solid #CBCED2; margin: 20px 0; padding: 15px 15px 20px; } #product-detail .userpage__to_cart .col, #product-detail .userpage__to_order .col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin: 0; padding: 0 5px; width: 100%; } #product-detail .userpage__to_cart .label, #product-detail .userpage__to_order .label { margin-bottom: 15px; padding: 0; white-space: normal; font-size: 12px; font-weight: 500; text-align: left; color: #939496; } #product-detail .userpage__to_cart .value, #product-detail .userpage__to_order .value { margin-bottom: 0; font-size: 14px; color: #000; } #product-detail .userpage__to_cart .form-element, #product-detail .userpage__to_order .form-element { margin: 0; } #product-detail .userpage__to_cart { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #product-detail .userpage__to_cart input, #product-detail .userpage__to_cart button { margin: -5px 0; padding: 0 10px; height: 30px; } #product-detail .userpage__to_cart input { max-width: 70px; font-size: 14px; font-weight: 500; } #product-detail .userpage__to_cart button { min-width: 0; letter-spacing: 0; white-space: nowrap; font-size: 12px; text-transform: none; } #product-detail .userpage__to_order { border-top: 1px solid #CBCED2; border-bottom: 1px solid #CBCED2; margin-top: 20px; padding: 15px 15px 20px; } #product-detail .userpage__to_order .head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #product-detail .userpage__to_order .line { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 5px; } #product-detail .userpage__to_order .col-checkbox { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } #product-detail .userpage__to_order .col-checkbox .label { white-space: nowrap; } #product-detail .userpage__to_order .checkbox { margin: 0; font-size: 0; } #product-detail .userpage__to_order .checkbox input { width: 17px; height: 17px; } #product-detail .userpage__to_order .checkbox label { margin: 0; padding-left: 0; padding-right: 40px; min-height: 17px; line-height: 1; cursor: pointer; } #product-detail .userpage__to_order .checkbox label::before, #product-detail .userpage__to_order .checkbox label::after { left: auto; right: 0; width: 17px; height: 17px; line-height: 17px; } #product-detail .userpage__to_order .checkbox label::before { border-color: #939496; } #product-detail .userpage__to_order .checkbox label::after { content: '✓'; color: #939496; font-size: 13px; } #product-detail .userpage__to_order .checkbox input:checked + label::after { top: 0; opacity: 1; } #product-detail .userpage__to_order .checkbox label::after { content: '' !important; position: absolute; z-index: 10; opacity: 0; transition: 0.3s; } #product-detail .order-bay-row .white-border-button:hover { border-color: #2680EB; background: #2680EB; color: #fff; } #product-detail .order-bay-row .white-border-button:active { top: 1px; border-color: #1367cb; background: #1367cb; color: #fff; } #product-detail .order-bay-row .white-border-button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; border: 1px solid #CBCED2; padding: 0 30px; width: auto; height: 55px; letter-spacing: 2px; font-size: 12px; font-weight: 600; text-transform: uppercase; cursor: pointer; color: #CBCED2; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 479px) { #product-detail .userpage__to_cart { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #product-detail .userpage__to_cart .col { width: 33.333333%; } #product-detail .userpage__to_cart .col-number, #product-detail .userpage__to_cart .col-submit { margin-top: 15px; } #product-detail .userpage__to_cart .col-number { width: 66.666666%; } } /* tooltips */ .tooltip.in { opacity: 1; } .tooltip.left .tooltip-arrow { border-width: 6px 0 6px 6px; } .tooltip.rigth .tooltip-arrow { border-width: 6px 6px 6px 0; } .tooltip.top .tooltip-arrow { border-width: 6px 6px 0 6px; } .tooltip.bottom .tooltip-arrow { border-width: 0 6px 6px 6px; } .tooltip-inner { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 0; padding: 0 25px; min-width: 135px; min-height: 50px; text-align: left; } @media (max-width: 1024px){ .result-search-page .ring{ width:33%; } #detail-search-page h1{ padding-left: 41px; } .gk-actions-list-title{ padding: 0 40px; } .filter-container .sort-by{ width: 50%!important; } } @media (max-width: 768px){ .result-search-page .ring{ width:50%; } #detail-search-page .search__submit{ top: 19px; left: 73%; } .filter-container .sort-by{ width: 33%!important; margin-top: -10px; } } @media (max-width: 416px){ .news.grid-item{ width: 100%; margin-left: 0px; margin-right: 0px; position: static!important; } .news-detail{ max-width: 100%; width: 100%; margin: 0px!important; } .news-detail .detail_picture{ width: 100%; } .news-detail .news-detail--content{ padding: 0 20px; } .gk-actions-list--container{ max-width: 100%; margin: 0!important; } .gk-actions-list-title{ padding: 0 20px; } .filter-container .sort-by{ width: 60%!important; margin-top: 0px; } .result-search-page .ring{ width:100%; } #detail-search-page .search__submit{ top: 19px; width: 100px; display: inline-block; left: 70%; font-size: 14px; } .search-head__inner .infospice-search-header .search__submit { left: auto!important; right: 22px!important; } } body.collection-opened .infospice-search-complete{ z-index: 9; } body.collection-opened .footer{ margin-top: 0px; } /*filter price*/ .costBlock { padding-bottom: 10px; } .sliderCont { width: 100%; margin-top: 20px; margin-bottom:10px;} .formCost { position:relative; } .formCost .minCost { float: left; } .formCost .maxCost { float: right; } .formCost input { opacity: 1; width: 88px; height: 30px; line-height: 30px; font-size: 15px; color:#282828; padding: 0px 10px 0px 10px; background: #fff; border: 1px solid #cccccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .formCost span { color:#3e3e3e; font-size: 12px; padding-right: 5px; } .formCost__divider { position:absolute; top:15px; left:50%; margin-left:-10px; width:20px; height:1px; background:#cccccc; } .ui-slider { position: relative;} .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 6px; height: 14px; background: url(/images/slider_cost.png) no-repeat; cursor: pointer; outline: none;} .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; overflow: hidden;} .ui-slider-horizontal { height: 3px;} .ui-slider-horizontal .ui-slider-handle { top: -4px; margin-left: -1px;} .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%;} .ui-widget-content { background: url(/images/count_bg.jpg) 0px 0px repeat-x; border-left:1px solid #cccccc; border-right:1px solid #cccccc; height: 6px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .ui-widget-header { background: #0078ff; height: 6px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* End */ /* /local/templates/graf/styles/style.css?1603963060198908 */