*(font-family: 'Roboto' !important) *{ margin: 0px; padding: 0px; font-family: 'Roboto', sans-serif; font-size: 14px; color: #0f1010;} .wrap { text-align: center;} .wrap > div { margin: 0 auto; text-align: left; padding: 0px 10px; max-width: 1220px; width: 100%;} .clear { clear: both !important;} .left { float: left;} .right { float: right;} .ta-left { text-align: left;} .ta-right {text-align: right;} .ta-center { text-align: center;} .center { margin: 0 auto; clear: none;} b {font-size: inherit; color: inherit} .hdn{display:none;} .red-button { text-align: center; font-family: "Roboto", sans-serif; font-size: 21.7px; color: #fff; background: #ff0000; display: block; text-decoration: none !important; border: 1px solid #f00;} .red-button:hover { background-color: #fff; color: #f00;} .green-button { text-align: center; font-family: "Roboto", sans-serif; font-size: 21.7px; color: #fff; background: #52ac62; display: block; text-decoration: none !important; border: 1px solid #52ac62;} .green-button:hover { background-color: #fff; color: #52ac62;} .transition, .red-button, .catalog .item, .bx-wrapper .bx-pager.bx-default-pager a, #search .searchInput, #search .submitInput,#search .submitInput:before, .new-btn, .item-buttons, #mainmenu li a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } body {padding-right: 0px !important;} .infoblock-wrap { background-color: #f3f3f3;} #infoblock { padding-bottom: 15px; padding-top: 15px;} #personal-links { padding-top: 23px;} #personal-links .p1 { width: 25%; float: left; padding-top: 9px;} #personal-links .p1 h2 { font-size: 25px; font-weight: normal; margin-top: 0px; margin-bottom: 0px;} #personal-links .p2 { width: 47%; float: left; padding-top: 9px;} #personal-links .p2 h2 { font-size: 25px; font-weight: normal; margin-top: 0px; margin-bottom: 0px;} #personal-links .p3 { width: 290px; float: right;} #personal-links .green-button { font-size: 20px; height: 54px; max-width: 290px; line-height: 52px;} /* mainpage catalog */ .catalog .item { position: relative; top: 0px; width: 24%; float: left; margin-left: 6px; margin-right: 5px; margin-bottom: 36px; background-color: #fff;} .catalog .item:hover { -webkit-box-shadow: 2px 5px 30px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 5px 30px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 5px 30px 0px rgba(0, 0, 0, 0.2); background-color: #fff; } .catalog .item.new .item-img:before { display: block; width: 99px; height: 99px; content: ""; position: absolute; /*background:url(../img/item-new-img.png) center center no-repeat;*/ left: 0px; top: 0px;} .catalog .item-img { position: relative; text-align: center; overflow: hidden; /*height: auto;*/ padding: 4px; margin-bottom: 15px; height: 268px;} @media (max-width: 460px){.catalog .item-img{height: 200px;}} .catalog .item-img img { /*width: auto; height: 100% !important; max-height: 268px;*/ } .catalog .item-zoom-link { display: block; position: absolute; right: 15px; top: 13px; width: 31px; height: 31px; background:url(../img/zoom-icon.png) center center no-repeat;} .catalog .item-desc { padding: 5px; height: 51px; overflow: hidden;} .catalog .item-desc h3 { font-size: 14px; margin-top: 0px; margin-bottom: 0px; font-weight: bold;} .catalog .item-desc p { font-size: 14px; line-height: 15px; font-weight: bold;} .catalog .item-price { padding-left: 5px; padding-right: 5px; font-size: 14px; font-weight: 800;color: #2055a3; padding-top: 10px; text-align: right; line-height: 14px;} .catalog .item-avail { font-size: 14px; color: #2055a3; font-weight: 300; text-align: right; padding-top: 20px; padding-bottom: 20px; padding-right: 5px;} .catalog .item-status-available { color: #2055a3; } .catalog .item-status-short { color: #fbc508; } .catalog .item-status-unavailable { color: #000; } .catalog .item-rating { padding-top: 20px; padding-bottom: 20px; padding-left: 5px;} .catalog .item .red-button { width: 49%; font-size: 16.6px; height: 40px; line-height: 38px;} .catalog .item.empty { padding-top: 45px; padding-left: 10px; padding-right: 10px;} .catalog .item.empty h3 { font-size: 16.6px; font-weight: normal; margin-top: 0px;} .catalog .item.empty p { font-size: 13.3px; line-height: 15px;} .catalog .item-buttons .fas:before { color: #2055a3; width: 40px; height: 40px; line-height: 38px; border: 2px solid #2055a3; display: block; text-align: center; font-size: 18px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #fff; } .catalog .item-buttons .fas { position: absolute; left: -2px; top: -2px;} .catalog .item-buttons .new-btn { border: 2px solid #2055a3; color: #2055a3; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: relative; height: 40px; line-height: 38px; width: 40px; overflow: hidden; margin: 0 auto; display: inline-block; font-size: 14px; } .catalog .item-buttons .new-btn+.new-btn { margin-left: 10px;} .catalog .item-buttons { text-align: center; display: none; position: absolute; background-color: #fff; width: 100%; z-index: 99; bottom: 0px; min-height: 142px; padding-top: 40px;height: 25%;} .catalog .item:hover .item-buttons { display: block;} .catalog .item-buttons .new-btn:hover { width: auto;padding-left: 45px; padding-right: 15px;} #product-fast-buy { text-align: center;} #product-fast-buy .amount { font-size: 15px;} #product-fast-buy .amount b, #product-fast-buy .amount span { font-size: 18px;} #product-fast-buy .amount .plusButton {margin-left: 20px;} .plusButton {font-family: "Roboto", sans-serif; font-size: 18px; color: #fff; display: inline-block; height: 24px; width: 24px; background-color: #74b65f; border: none; margin-right: 8px; line-height: 22px;} .plusButton:hover { background-color: #8ddd73;} .minusButton {font-family: "Roboto", sans-serif; font-size: 18px; color: #fff; display: inline-block; height: 24px; width: 24px; background-color: #74b65f; border: none; line-height: 22px;} .minusButton:hover { background-color: #8ddd73;} .removeButton {font-family: "Roboto", sans-serif; font-size: 15px; color: #fff; display: inline-block; height: 24px; width: 100px; background-color: #74b65f; border: none; margin-right: 8px; line-height: 22px;} .removeButton:hover { background-color: #8ddd73;} #product-fast-buy .price { font-size: 32px; color: #2055A3; margin-top: 30px; margin-bottom: 30px;font-family: "Roboto", sans-serif; font-weight: normal;} #product-fast-buy p { font-size: 18px;} #product-fast-buy h3 { font-size: 18px; margin-bottom: 30px;font-family: "Roboto", sans-serif; font-weight: normal; } #product-fast-buy .red-button { margin-top: 20px; font-size: 18px; width: 290px; text-align: center; height: 45px; line-height: 43px; font-weight: normal;} /* mainpage catalog */ /* banners */ .mainpage-banner-wrap { padding-top: 30px;} .mainpage-banner-wrap > div { padding: 0px !important; max-width: 1120px;} .mainpage-banner .content { border: 1px solid #bbbbbb; padding: 30px 20px; height: 250px; } .mainpage-banner h2 { margin-top: 0px; margin-bottom: 0px;font-family: "Roboto", sans-serif; color: #f00; font-size: 25px;} .mainpage-banner p { font-size: 18.3px; color: #173e70; font-size: 18.3px; line-height: 22px; font-family: "MuseoSansMedium", sans-serif; height: 67px; margin-bottom: 0px;} .mainpage-banner .red-button { text-align: center; font-family: "Roboto", sans-serif; font-size: 21.7px; color: #fff; background: #ff0000; height: 45px; width: 288px; display: block; text-decoration: none; line-height: 45px; border: 1px solid #f00; margin-left: 20px;} .mainpage-banner .red-button+.red-button { margin-top: 5px;} .mainpage-banner .red-button:hover { background-color: #fff; color: #f00;} #banner-01 { background:url(../img/banner-01-img.jpg) center top no-repeat;} #banner-02 { background:url(../img/banner-02-img.jpg) center top no-repeat;} /* banners */ /*catlist*/ #catlist { padding-left: 20px; position: relative; padding-top: 20px;} #catlist:before { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 5px; content: ""; background: #2055a3; /* Old browsers */ background: -moz-linear-gradient(top, #2055a3 0%, #2055a3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #2055a3 0%,#2055a3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #2055a3 0%,#2055a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2055a3', endColorstr='#2055a3',GradientType=0 ); /* IE6-9 */ } #catlist li { list-style-type: none;} #catlist ul ul { padding-left: 20px;} #catlist > ul > li+li { margin-top: 30px;} #catlist ul ul li { margin-top: 10px; position: relative; line-height: 18px;padding-right: 25px; } #catlist ul ul ul li {padding-right: 0px;} #catlist a:hover { color: #2055a3;} #catlist > ul > li > a { padding-right:35px; font-size: 20px; font-weight: 300; color: #0f1010; text-decoration: none; display: block; position: relative; line-height: 22px;} /*#catlist > ul > li.has-children > a:before { display: block; width: 20px; height: 20px; background:url(../img/has-children-arrow.png) center center no-repeat; content: ""; position: absolute; top: 50%; right: 20px; margin-top: -10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }*/ #catlist > ul > li.has-children ul { display: none;} #catlist ul ul li a { font-size: 14px; font-weight: 300; color: #0f1010; text-decoration: none;} #catlist li.active > a { font-weight: bold;} #catlist li.has-children.open > a:before { transform: rotate(180deg) ; -webkit-transform: rotate(180deg) ; -moz-transform: rotate(180deg) ; -o-transform: rotate(180deg) ; -ms-transform: rotate(180deg) ; } /*edu-list*/ #edu-list { padding-left: 50px; position: relative; padding-top: 20px; height: 100%;margin-bottom: 20px;} #edu-list:before { display: block; position: absolute; top: 0px; left: -15px; height: 100%; width: 50px; content: ""; background: url("../img/gamburger.png"); /* background: #2055a3; !* Old browsers *! background: -moz-linear-gradient(top, #2055a3 0%, #2055a3 100%); !* FF3.6-15 *! background: -webkit-linear-gradient(top, #2055a3 0%,#2055a3 100%); !* Chrome10-25,Safari5.1-6 *! background: linear-gradient(to bottom, #2055a3 0%,#2055a3 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2055a3', endColorstr='#2055a3',GradientType=0 ); !* IE6-9 *!*/ } #edu-list li { list-style-type: none;} #edu-list ul ul { padding-left: 20px; } #edu-list > ul > li+li { margin-top: 30px;} #edu-list ul ul li { margin-top: 10px;} #edu-list a:hover { color: #2055a3;} #edu-list > ul > li > a { font-size: 20px; font-weight: 300; color: #0f1010; text-decoration: none; display: block; position: relative; line-height: 22px; padding-right: 34px;} #edu-list > ul > li.has-children > a:before { display: block; width: 20px; height: 20px; background:url(../img/has-children-arrow.png) center center no-repeat; content: ""; position: absolute; top: 50%; right: 10px; margin-top: -10px; left: auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /*#edu-list > ul > li.has-children ul { display: none;}*/ #edu-list ul ul li a { font-size: 14px; font-weight: 300; color: #0f1010; text-decoration: none;} #edu-list li.active > a { font-weight: bold;} #edu-list li.has-children.open > a:before { transform: rotate(180deg) ; -webkit-transform: rotate(180deg) ; -moz-transform: rotate(180deg) ; -o-transform: rotate(180deg) ; -ms-transform: rotate(180deg) ; } #cat-big {} #cat-big > div { padding: 1%;} #cat-big a { display: block; text-align: center; font-size: 14px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #0f1010; -webkit-box-shadow: 4px 4px 30px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 4px 4px 30px 0px rgba(50, 50, 50, 0.2); box-shadow: 4px 4px 30px 0px rgba(50, 50, 50, 0.2); padding: 6px; background-color: #fff; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; top: 0px; } #cat-big a:hover {background-color: #ecf9f5; transform: scale(1.1); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); } #cat-big a img { width: 100%; height: auto; margin-bottom: 20px;} #cat-big a .amount { position: absolute; font-size: 18px; text-align: center; color: #fff; font-weight: 300; display: block; width: 35px; height: 35px; background-color: #2055a3; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; top: -14px; right: 20px; line-height: 37px; } /*catlist*/ /*slider*/ #slider {max-width: 850px; float: right; height: 355px;} #slider .item { height: 353px;} #slider .item-01 { background:url(../img/slider/slide-01.jpg) left top no-repeat;} #slider .item-02 { background:url(../img/slider/slide-02.jpg) right top no-repeat;} #slider .item-03 { background:url(../img/slider/slide-03.jpg) center top no-repeat;} #slider .item-04 { background:url(../img/slider/slide-04.jpg) left top no-repeat;} #slider .item-05 { background:url(../img/slider/slide-05.jpg) center top no-repeat;} #slider .item-06 { background:url(../img/slider/slide-06.jpg) center top no-repeat;} #slider .item-07 { background:url(../img/slider/slide-07.jpg) right top no-repeat;} #slider .item-08 { background:url(../img/slider/slide-08.jpg) right top no-repeat;} #slider .item .desc { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255,255,255, 0.8); padding: 20px 30px; margin: 30px; max-width: 370px } #slider .item .desc h3 { margin-top: 0px; text-decoration: underline; font-weight: normal; font-family: "MuseoSansMedium", sans-serif; font-size: 18px;} #slider .item .desc p { margin-bottom: 0px; line-height: 18px; font-size: 13.3px;} #slider .item-01 .desc { padding: 15px; margin-top: 15px;} #slider .item-01 .desc h3 { margin-bottom: 0px;} #slider .item-01 .desc p { line-height: 16px;} #slider .item-02 .desc { float: right; margin-right: 20px; margin-top: 130px; max-width: 194px; padding: 15px;} #slider .item-03 { text-align: center;} #slider .item-03 .desc { margin: 0 auto; text-align: left; max-width: 225px; padding: 25px; margin-top: 130px;} #slider .item-04 .desc { margin-left: 240px; margin-top: 85px; max-width: 230px; height: 200px;} #slider .item-05 { text-align: center;} #slider .item-05 .desc {margin: 0 auto; margin-top: 72px; max-width: 190px; padding: 15px; text-align: left;} #slider .item-06 { text-align: center;} #slider .item-06 .desc {margin: 0 auto; margin-top: 72px; max-width: 250px; padding: 18px; text-align: left;} #slider .item-07 .desc { margin-top: 52px; max-width: 460px; padding: 20px 30px; text-align: left;} #slider .item-08 .desc { } .bx-wrapper { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .bx-wrapper .bx-pager { padding-top: 0px; text-align: left; padding-left: 50px;} .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; width: 14px; height: 14px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #f00;} .bx-controls.bx-has-pager { position: relative; top: -41px;} /*slider*/ #cat-header { width: 270px; float: left;} #cat-header h2 { text-transform: uppercase; font-size: 15px; font-weight: normal;font-family: "Roboto", sans-serif; background: #bbb url(../img/cat-header-icon.png) right center no-repeat; margin: 0px; height: 45px; line-height: 45px; padding-left: 18px;} #itempage-content .itempage-header { background-color: #53ac63; height: 37px;} #itempage-content .back-button { color: #fff; line-height: 36px; width: 130px; display: inline-block; border-right: 1px solid #fff;} #itempage-content .copy-link-button { margin-left: 58px;} #itempage-content .itempage-functions { padding-top: 25px;} #itempage-content .itempage-functions .ui-state-default a { display: block; outline: none; border: 1px solid #2055a3; font-size: 13px; height: 48px; line-height: 46px; padding: 0px 18px; color: #000; font-size: 20px; font-weight: 300; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #itempage-content .itempage-functions .ui-state-active a { color: #fff; background-color: #2055a3; border: 1px solid #2055a3; font-size: 20px; font-weight: bold;} #itempage-content .itempage-functions .ui-state-default:hover a { background-color: #2055a3; border: 1px solid #2055a3; color: #fff;} #itempage-content .itempage-functions .ui-state-active:hover a {color: #fff; background-color: #00b6ff; border: 1px solid #00b6ff;} .ui-tabs .ui-tabs-panel { padding: 0px;} .ui-tabs .ui-tabs-nav { padding: 0px; border-bottom: 1px solid #2055a3;} .ui-tabs .ui-tabs-nav li { margin: 0px;} #similar-products { padding-top: 40px;} #itempage-content .ui-tabs-nav li a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #itempage-content .itempage-img { text-align: center; } .itempage-img .zoomWrapper {} #gal1 { } #gal1 a { display: inline-block; text-decoration: none; width: 100px; height: 100px; margin: 12px; overflow: hidden;} #gal1 a img { width: 100%; height: auto;} #itempage-content .itempage-desc { } #itempage-content .itempage-desc .p1 { padding-bottom: 0px;margin-bottom: 15px;} #itempage-content .itempage-desc .p1 h1 { margin-top: 0px; margin-bottom: 0px; font-size: 36px;font-family: "Roboto", sans-serif; font-weight: bold;} #itempage-content .itempage-desc .p1 h1 span { font-size: 15px;} #itempage-content .itempage-desc .p2 { min-height: 105px; padding-top: 15px;} #itempage-content .itempage-desc .p3 .price { font-size: 25px; min-height: 50px;} #itempage-content .itempage-desc .p3 .desc-after { min-height: 50px;} #itempage-content .buy-now-button { display: inline-block; height: 44px; line-height: 42px; background-color: #53ac63; text-align: center; width: 200px; color: #fff; font-size: 19px;font-family: "Roboto", sans-serif;text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right: 10px; margin-bottom: 10px; } #itempage-content .add-to-cart-button { background-color: #2055a3; font-size: 16px; color: #fff; text-transform: uppercase; font-weight: bold; border: 1px solid #2055a3; display: inline-block; padding: 10px 60px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #itempage-content .add-to-cart-button:hover { background-color: #2055a3; border-color: #2055a3; } #itempage-content .cart-itself-button { display: inline-block;height: 44px; width: 44px; background:#ff5400 url(../img/cart-icon-button-small.png) center center no-repeat; line-height: 42px; text-align: center; font-size: 19px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 10px; } .video-button { text-align: center; padding-top: 60px; padding-bottom: 15px; clear: both;} #cart-page-content { padding-bottom: 50px;} #cart-page-content h2 { margin-bottom: 35px; font-size: 24px; color: #002f6c;font-family: "Roboto", sans-serif; font-weight: normal; text-align: center;} .cart-inputs h1.header_form { margin-bottom: 35px; font-size: 24px; color: #002f6c;font-family: "Roboto", sans-serif; font-weight: normal; text-align: center;} .cart-inputs h1.header_form b {font-size: 24px; color: #002f6c;font-family: "Roboto", sans-serif; font-weight: normal; text-align: center;} #cart-page-content th { font-weight: normal; font-size: 18px;} #cart-page-content td, #cart-page-content td * { font-weight: bold; font-size: 18px;} .cart-overall { text-align: right;} .cart-overall .red-button { width: 205px; float: none; display: inline-block; font-size: 18px; height: 43px; line-height: 41px; margin-top: 10px;} .cart-overall .price-total, .cart-overall .price-total-delliver { font-size: 18px; font-family:font-family: "Roboto", sans-serif;} .cart-overall .price-discount {font-size: 18px; font-family:font-family: "Roboto", sans-serif; color: #aaa;} #cart-page-content td.cart-product-remove { width: 102px; padding-right: 0px;} #cart-page-content .removeButton { margin-right: 0px; max-width: 100px; width: 100%; min-width: 32px;} #cart-page-content button+button { margin-top: 2px;} /* 2018.01.14 */ .footer-wrap { background-color: #f3f3f3;} #footer { padding-top: 50px; padding-bottom: 50px;} #footer h3 { font-size: 20px; font-weight: bold; text-transform: uppercase;} #footer .row > div { position: relative; padding-left: 30px;} #footer .row > div:before { content: ""; display: block; position: absolute; width: 5px; height: 100%; left: 0px; top: 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2055a3+0,00aeea+100 */ background: #2055a3; /* Old browsers */ background: -moz-linear-gradient(top, #2055a3 0%, #2055a3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #2055a3 0%,#2055a3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #2055a3 0%,#2055a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2055a3', endColorstr='#2055a3',GradientType=0 ); /* IE6-9 */ } #footer li { list-style-type: none; font-size: 20px; font-weight: 300; margin-top: 1em;} #footer li a { font-size: 20px; font-weight: 300; color: #0f1010;} #footer li b { font-size: 20px; font-weight: bold;} #footer li+li {} .rate-stars {} .rate-stars .star { display: inline-block; width: 10px; height: 10px; border: 2px solid #2055a3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .rate-1-stars .star-01 { background-color: #2055a3;} .rate-2-stars .star-01 { background-color: #2055a3;} .rate-2-stars .star-02 { background-color: #2055a3;} .rate-3-stars .star-01 { background-color: #2055a3;} .rate-3-stars .star-02 { background-color: #2055a3;} .rate-3-stars .star-03 { background-color: #2055a3;} .rate-4-stars .star-01 { background-color: #2055a3;} .rate-4-stars .star-02 { background-color: #2055a3;} .rate-4-stars .star-03 { background-color: #2055a3;} .rate-4-stars .star-04 { background-color: #2055a3;} .rate-5-stars .star-01 { background-color: #2055a3;} .rate-5-stars .star-02 { background-color: #2055a3;} .rate-5-stars .star-03 { background-color: #2055a3;} .rate-5-stars .star-04 { background-color: #2055a3;} .rate-5-stars .star-05 { background-color: #2055a3;} .sorting { font-size: 20px; color: #2055a3; padding-top: 20px; padding-bottom: 20px; font-weight: 300;} .sorting select { font-size: 20px; outline: none; border: 1px solid #fff; -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1); font-weight: 300; } .sorting option { font-size: 20px; font-weight: 300;} .catalog .pagination { text-align: center; padding-top: 40px; padding-bottom: 40px;} .catalog .pagination ul { text-align: center; width: 100%; margin-bottom: 0px;} .catalog .pagination li { display: inline-block; margin: 0 auto; margin-left: 8px; margin-right: 8px;} .catalog .pagination li a { display: block; width: 36px; height: 36px; font-size: 18px; font-weight: 300; color: #2055a3; border: 1px solid #2055a3; line-height: 34px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .catalog .pagination li:hover a, .catalog .pagination li.active a { background-color: #2055a3; text-decoration: none; color: #fff;} .catalog h2.header { font-size: 40px; text-transform: uppercase; margin-bottom: 50px; text-align: center;} .catalog { padding-top: 50px;} .catalog .pagination { text-align: center; padding-top: 40px; padding-bottom: 40px;} .catalog .pagination ul { text-align: center; width: 100%; margin-bottom: 0px;} .catalog .pagination li { display: inline-block; margin: 0 auto; margin-left: 8px; margin-right: 8px;} .catalog .pagination li a { display: block; width: 36px; height: 36px; font-size: 18px; font-weight: 300; color: #2055a3; border: 1px solid #2055a3; line-height: 34px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .catalog .pagination li:hover a, .catalog .pagination li.active a { background-color: #2055a3; text-decoration: none; color: #fff;} .catalog h2.header { font-size: 40px; text-transform: uppercase; margin-bottom: 50px; text-align: center;} .catalog { padding-top: 50px;} .mainmenu-wrap { padding-top: 30px; padding-bottom: 30px;} #mainmenu { text-align: center;} #mainmenu li { display: inline-block;} #mainmenu li a{ display: block; font-size: 20px; font-weight: 300; padding: 14px 18px; border-bottom: 4px solid #fff; color: #0f1010;} #mainmenu li.active a{ font-weight: 600; border-bottom-color: #26baed; background-color: #ecf9f5;} #mainmenu li:hover a{ border-bottom-color: #26baed; background-color: #ecf9f5; text-decoration: none;} #infoblock .copy-link-button { background-color: #2055a3; font-size: 10px; color: #fff; text-transform: uppercase; font-weight: bold; border: 1px solid #2055a3; display: inline-block; padding: 10px 25px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #infoblock .copy-link-button:hover { text-decoration: none; background-color: #fff; color: #2055a3;} #infoblock .copy-link {} #infoblock .phones { text-align: center;} #infoblock .phones a { color: #0f1010; font-size: 14px; text-decoration: none; font-family: "Roboto"; font-weight: normal; position: relative; border: 2px solid #2055a3; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; line-height: 22px; padding-left: 70px; padding-right: 30px; padding-top: 5px; padding-bottom: 3px; } #infoblock .phones .fas:before {font-family: Font Awesome\ 5 Free; font-size: 24px; font-weight: bold; border: 2px solid #2055a3; display: block; text-align: center; line-height: 48px; height: 50px; width: 50px; color: #2055a3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: absolute; left: -2px; top: 50%; margin-top: -25px; background-color: #fff; } #infoblock .buttons { text-align: right;} #infoblock .buttons a { position: relative; display: inline-block; padding-right: 15px; padding-top: 5px;} #infoblock .buttons .fas:before { font-size: 24px;} #infoblock .buttons span { display: inline-block; background-color: #2055a3; color: #fff; font-size: 10px; width: 14px; height: 14px; line-height: 14px; font-size: 9px; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: absolute; top: 0px; right: 0px; } #search { position: relative; text-align: right; height: 1px; overflow: visible;} #search .searchInput { border: 1px solid #fff; background-color: #fff; -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1); height: 64px; width: 100%; outline: none; padding-left: 10px; padding-right: 10px; width: 0px; display: none; font-size: 24px; font-weight: 300; position: absolute; right: 0px; } #search .searchInput:hover { border: 1px solid #2055a3;} #search .searchInput:focus { border: 1px solid #2055a3;} #search .submitInput { background-color: #fff; width: 62px; height: 62px; border: none; position: absolute; top: 1px; right: 1px;text-align: center;} #search .submitInput:before { font-size: 24px; cursor: pointer; line-height: 62px;} #search.active .submitInput:before { color: #2055a3;} #search button.submitInput {display: none; right: 63px;} #search.active button.submitInput {display: block;} #search.active .searchInput {display: block; width: 100%;border: 1px solid #2055a3;} #breadcrumbs {} #breadcrumbs .fas { font-size: 24px;} #breadcrumbs li { list-style-type: none; display: inline-block;} #breadcrumbs li+li:before { content: " > "; font-size: 20px; font-weight: 300;} #breadcrumbs li a { font-size: 20px; font-weight: 300; color: #2055a3; text-decoration: none;} #breadcrumbs li a:hover { color: #2055a3;} #advantages h2.header { text-align: center; margin-bottom: 50px; font-size: 40px; font-weight: bold; text-transform: uppercase;} #advantages { padding-bottom: 70px; padding-top: 60px;} #advantages .item {text-align: center; padding-left: 5%; padding-right: 5%;} #advantages .item-img { height: 230px;} #advantages .item-desc h3 { font-size: 20px; line-height: 24px;} .mainpage-catalog-half-wrap { background-color: #e9f0f8; overflow: hidden;} #mainpage-catalog-half { padding-top: 50px; padding-bottom: 50px;} #mainpage-catalog-half .item { width: 48%;} #mainpage-catalog-half .itemlist { width: 50%;} #mainpage-catalog-half .half-desc { width: 50%; float: right; /*border: 10px solid #74cce1;*/ padding: 20px 20px;max-height: 1022px;} #mainpage-catalog-half .half-desc h3 {border-left: 5px solid #74cce1; padding-left: 20px; margin-bottom: 0px; padding-top: 15px; font-size: 30px;} #mainpage-catalog-half .half-desc p {border-left: 5px solid #74cce1; padding: 40px 20px 40px 20px; font-size: 20px; font-weight: 300;} #mainpage-catalog-half .half-desc.button { margin-top: 60px;} #mainpage-catalog-half .half-desc img { /*width: 100%;*/ margin-top: 110px; max-width: 660px; margin-bottom: 154px;} .button { color: #fff !important; padding: 6px 40px 6px 40px; display: inline-block; text-transform: uppercase; background-color: #2055a3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #2055a3; font-size: 16px; font-weight: bold; } .button-inverted { color: #2055a3 !important; background-color: #fff; border: 1px solid #2055a3; } .button:hover, .button:focus, .button.zeroclipboard-is-hover {cursor: pointer; color: #2055a3 !important; background-color: #fff; text-decoration: none; border-color:#2055a3; } .button-inverted:hover, .button-inverted:focus { color: #fff !important; background-color: #2055a3; text-decoration: none; border-color:#fff; } #catalog-new-items .half-desc { width: 50%; float: right; padding: 60px 40px; text-align: right; -webkit-box-shadow: 2px 5px 30px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 5px 30px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 5px 30px 0px rgba(0, 0, 0, 0.2); } .button-red { color: #fff !important; padding: 6px 40px 6px 40px; display: inline-block; text-transform: uppercase; background-color: #f41700; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #f41700; font-size: 16px; font-weight: bold; } /*анимация*/ @-webkit-keyframes anim-btn { 35% { transform: rotate(0) translate(0, 0); } 40% { transform: rotate(5deg) translate(0, -2px); } 45% { transform: rotate(-3deg) translate(0, -2px); } 50% { transform: rotate(5deg) translate(0, -2px); } 55% { transform: rotate(-3deg) translate(0, -2px); } 60% { transform: rotate(5deg) translate(0, -2px); } 65% { transform: rotate(-3deg) translate(0, -2px); } 70% { transform: rotate(0) translate(0, 0); } } @keyframes anim-btn { 35% { -ms-transform: rotate(0) translate(0, 0); transform: rotate(0) translate(0, 0); } 40% { -ms-transform: rotate(5deg) translate(0, -2px); transform: rotate(5deg) translate(0, -2px); } 45% { -ms-transform: rotate(-3deg) translate(0, -2px); transform: rotate(-3deg) translate(0, -2px); } 50% { -ms-transform: rotate(5deg) translate(0, -2px); transform: rotate(5deg) translate(0, -2px); } 55% { -ms-transform: rotate(-3deg) translate(0, -2px); transform: rotate(-3deg) translate(0, -2px); } 60% { -ms-transform: rotate(5deg) translate(0, -2px); transform: rotate(5deg) translate(0, -2px); } 65% { -ms-transform: rotate(-3deg) translate(0, -2px); transform: rotate(-3deg) translate(0, -2px); } 70% { -ms-transform: rotate(0) translate(0, 0); transform: rotate(0) translate(0, 0); } } .btn_anim.button-red { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: anim-btn 2s infinite; animation: anim-btn 2s infinite; } .buttons-animated { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: anim-btn 2s infinite; animation: anim-btn 2s infinite; } /*анимация*/ #catalog-new-items .half-desc h3 {border-right: 5px solid #74cce1; padding: 20px; margin-bottom: 0px; padding-top: 15px; font-size: 30px;} #catalog-new-items .half-desc p {border-right: 5px solid #74cce1; padding: 20px; font-size: 20px; font-weight: 300;} #catalog-new-items .half-desc .button { margin-top: 75px;} #catalog-new-items .half-desc img { width: 100%; margin-top: 155px; max-width: 466px; } #catalog-new-items .itemlist-first { width: 50%;} #catalog-new-items .itemlist-first .item { width: 48%;} .half-desc { margin-bottom: 20px;} .sales-wrap { background:url(../img/sales-bg.jpg) center top no-repeat; background-size: cover; margin-bottom: 60px;} #sales { padding-top: 60px; padding-bottom: 60px; text-align: center;} #sales h3 { font-size: 60px; font-weight: bold; color: #fff;} #sales p { font-size: 20px; font-weight: 300; color: #fff; margin-bottom: 40px;} #main-banners .row > div { min-height: 280px; padding: 5px;} #main-banners .row > div > div { height: 100%;} #main-banners { padding-bottom: 60px;} #main-banners .item-01 > div { background:url(../img/main-banner-01-img.jpg) center center no-repeat; background-size: cover;} #main-banners .item-02 {} #main-banners .item-03 > div { background:url(../img/main-banner-03-img.jpg) center center no-repeat; background-size: cover;} #main-banners .item-04 > div { background:url(../img/main-banner-04-img.jpg) center center no-repeat; background-size: cover;} #main-banners .item-05 > div { background:url(../img/main-banner-05-img.jpg) center center no-repeat; background-size: cover;} #main-banners li { list-style-type: none;} #main-banners h3 { font-size: 40px; font-weight: bold; line-height: 44px; margin-bottom: 15px;} #main-banners .item-02 > div {border-left: 5px solid #74cce1; padding: 20px;} #main-banners li a { font-size: 20px; font-weight: 300; color: #0f1010; text-decoration: none; display: block; padding-left: 10px;} #main-banners li a:hover{ background: #2055a3; /* Old browsers */ background: -moz-linear-gradient(top, #2055a3 0%, #2055a3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #2055a3 0%,#2055a3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #2055a3 0%,#2055a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2055a3', endColorstr='#2055a3',GradientType=0 ); /* IE6-9 */ } .cart-product-amount input[type="number"] { border: 1px solid #fff; outline: none; display: inline-block; width: 200px; -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1); padding-left: 10px; height: 30px; font-size: 20px; font-weight: 300 !important; margin-right: 10px; max-width: 100px; } .cart-product-amount { font-weight: 300 !important; color: #2055a3;} .cart-product-total-price { padding-top: 15px; padding-bottom: 15px;} .cart-product-total-price, .cart-product-total-price span { color: #2055a3; font-size: 20px;} td {} .cart-inputs {padding: 20px !important;background-color: #d0d6ff; } .cart-inputs input { border: 1px solid #2055a3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; height: 45px; font-size: 20px; font-weight: 300; } .cart-inputs textarea { border: 1px solid #2055a3; outline: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 20px; font-weight: 300; } .cart-inputs select { -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1); border: 1px solid #fff; cursor: pointer; height: 45px; outline: none; width: 100%; padding-left: 10px; font-size: 20px; font-weight: 300; } .cart-inputs label { font-size: 16px; font-weight: 300 !important;} .cart-products { padding-top: 20px; padding-bottom: 20px;} .cart-product-name { font-size: 20px; padding-right: 50px;} #cart-page-content .removeButton { width: 30px; height: 30px; background:url(../img/cart-product-remove-img.png) center center no-repeat #2055a3; cursor: pointer; position: absolute; top: 0px; right: 0px; outline: none; border-radius: 6px;} #cart-page-content .removeButton {} .cart-product-remove { position: relative;} .cart-links { text-align: center; padding-top: 20px; padding-bottom: 20px;} .cart-links li { list-style-type: none;} .cart-links li a { font-size: 14px; line-height: 2em; color: #2055a3;} .price-total, .price-delivery, .price-total-delliver { font-size: 20px; font-weight: bold; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.2); border-top: 1px solid rgba(0,0,0,0.2); text-align: center;} .price-discount { font-size: 20px; font-weight: bold; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.2); border-top: 1px solid rgba(0,0,0,0.2); text-align: center;} .price-total span, .price-total-delliver span { font-size: 20px; font-weight: bold; color: #2055a3;} .price-discount span { font-size: 20px; font-weight: bold; color: #2055a3;} #form_checkout .btn_pay_next { background-color: #2055a3; color: #fff; padding: 10px 40px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 16px; font-weight: bold; text-transform: uppercase; } #form_checkout .btn_pay_prev { color: #2055a3; font-size: 16px;} #itempage-content > .row > div {} .itempage-desc { text-align: center;} #itempage-content .product-avail { font-size: 20px; color: #2055a3; font-weight: 300;} #itempage-content .product-id { font-size: 20px; font-weight: 300;} #itempage-content .product-price { font-size: 20px; color: #2055a3; font-weight: bold;} #itempage-content .product-ttx-short { padding-bottom: 25px;} .clb-phone { -webkit-border-top-left-radius: 25px; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-topleft: 25px; -moz-border-radius-bottomleft: 25px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; height: 45px; outline: none; border: 1px solid #2055a3; padding-left: 15px; padding-right: 10px; font-size: 18px; width: 55%; line-height: 22px; } .clb-submit { -webkit-border-top-right-radius: 25px; -webkit-border-bottom-right-radius: 25px; -moz-border-radius-topright: 25px; -moz-border-radius-bottomright: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; height: 45px; outline: none; border: 1px solid #2055a3; cursor: pointer; position: relative; left: -5px; line-height: 22px; background-color: #2055a3; font-size: 18px; font-weight: bold; color: #fff; width: 40%; } .callback-short-form { padding-top: 30px; padding-bottom: 40px;} #product-description { padding: 40px;} #product-description p { font-size: 20px; /*font-weight: bold;*/ /*text-align: center;*/} #product-ttx { padding: 40px 0px;} #product-ttx table { width: 100%;} #product-ttx td { padding: 10px; font-size: 20px; font-weight: 300; border: 1px solid rgba(0,0,0,0.2);} #product-ttx tr td:first-child { font-weight: bold; width: 35%;background: rgba(0,189,155,0.1);} #product-ttx tr.even td:first-child { background: #fff;} #product-ttx tr.even td:last-child { background: rgba(0,189,155,0.1);} #product-video { padding: 40px 0px; } #product-spec {} #product-spec ul { padding-left: 0px;} #product-spec li { font-size: 20px; margin: 40px 0px; padding-left: 70px; list-style-type: none; position: relative;} #product-spec li:before { display: block; width: 50px; height: 50px; content: ""; position: absolute; left: 0px; top: 50%; margin-top: -25px; background:url(../img/check-icon-01.png) center center no-repeat;} #product-reviews { padding-top: 40px; padding-bottom: 40px;} #product-reviews .review+.review { margin-top: 30px;} #product-reviews .review-desc-content { padding: 25px;background: rgba(0,189,155,0.1);} #product-reviews .review-desc-content p { font-size: 20px ;font-weight: 300;} #product-reviews .item-name { font-size: 20px; font-weight: bold; padding-top: 25px;} #product-reviews .item-date { font-size: 14px; font-weight: 300; color: #2055a3; margin-bottom: 15px;} .ind-wrap { background:url(../img/sales-bg.jpg) center center no-repeat; background-size: cover; margin-bottom: 80px;} #ind { padding-top: 80px; padding-bottom: 80px; text-align: center;} #ind h2 { color: #fff; font-size: 40px;} #ind p { color: #fff; font-size: 20px; font-weight: 300; margin-top: 20px; margin-bottom: 40px;} .soc-list a i { color: #4dcadf; font-size: 60px;} .soc-list a { background-color: #fff; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; width: 100px; height: 100px; display: inline-block; text-align: center; padding-top: 19px; } #why-us { padding-top: 80px; padding-bottom: 80px;} #why-us h2.header { font-size: 40px; font-weight: bold; margin-bottom: 65px; text-align: center;} #why-us .item { text-align: center;} #why-us .item img { width: 100%; max-width: 200px; height: auto; margin: 0 auto;} #why-us .item p { font-size: 20px; font-weight: bold; padding-top: 20px;} /* 2018.01.14 */ /* 2018.01.23 */ .step-content { max-width: 680px;} .step-content p { font-size: 16px; font-weight: 300;} .step-content > div.modal-body {background: rgb(208, 214, 255);padding: 30px 50px;} .step-content div.modal-header { text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 0px; border: none;} .step-content div.modal-footer { margin-top: 0px; border: none;} .step-modal-tabs a {background: rgb(208, 214, 255); border: 2px solid #2055a3 !important; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px;} ul.nav-tabs li a.active {background: #2055a3; color: #fff} ul.nav-tabs li a:hover{color: #2055a3;} ul.nav-tabs li a.active:hover{color: #fff;} .step-modal .tab-content {padding: 20px 0px} .step-modal .youtubeVideo {margin: 20px 0px;} .fancybox-skin { padding: 30px 0px 0px 0px !important;} #education-list { padding-top: 60px; padding-bottom: 60px;} #education-list .item-status { text-align: center; padding-top: 14px;} #education-list .item-status > span { display: inline-block; width: 30px; height: 30px; border: 2px solid #2055a3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #education-list .item-status > span >input[type="checkbox"]{ height: 28px; width: 28px; margin: 0px; cursor: pointer;} #education-list .item-status > span:hover {background: #2055a3;} #education-list .item-link { padding-top: 14px;} #education-list .item-link .button { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: bold; padding: 4px 25px 2px 25px; display: inline-block; background-color: #2055a3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #education-list .item-step { font-size: 40px; font-weight: bold;} #education-list .item-desc {background: rgb(208, 214, 255); padding: 14px 25px; font-size: 20px;font-weight: 300; text-align: center;} #education-list .item-desc p { font-size: 20px; font-weight: 300;} #education-list .item-link .button:hover { color: #2055a3; background-color: #fff; } #education-list .item { opacity: 1;} #education-list .item.done { opacity: 0.5; min-height: 100px;} #education-list .item.done .item-status > span {background:url(../img/check-icon-small.png) center center no-repeat;} #education-list .button {margin-top: 10px !important; margin: auto;} .education-header-wrap { background: url(../img/education-header-bg-01.jpg) center top no-repeat; background-size: cover;} .second-level-top-wrap > div { padding-top: 50px; padding-bottom: 50px; text-align: center;} .second-level-top-wrap h1 { color: #fff; font-size: 40px; font-weight: bold; margin-bottom: 35px; font-family: roboto; text-transform: uppercase} .second-level-top-wrap h2 { color: #fff; font-size: 36px; font-weight: 300;} .education-materials-header-wrap { background: url(../img/pay_system-header-bg-01.jpg) center top no-repeat; background-size: cover; margin-bottom: 60px;} .education-materials-header-wrap-pay-system { background: url(../img/pay_system-header-bg-01.jpg) center top no-repeat; background-size: cover;} .pay-wrap {height: auto} #soc-icons-list { padding-top: 140px;} #soc-icons-list ul { text-align: center;} #soc-icons-list li { list-style-type: none; display: inline-block; margin: 5px;} #delivery { padding-bottom: 60px;} #delivery ul { padding-left: 10px;} #delivery li { list-style-type: none; padding-left: 26px; position: relative; font-size: 20px;} #delivery li:before { width:16px; height: 16px; display: block; content: ""; position: absolute; background-color: #2055a3; left: 0px; top: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #delivery h3 { font-size: 24px; font-weight: bold; margin-bottom: 15px;} #delivery ul+h3 { margin-top: 40px;} /* 2018.01.23 */ /* 2018.01.26 */ .tabs {} .tabs > ul {} .tabs > ul > li { text-align: center; margin: 0px !important;} .tabs > ul > li a { font-size: 20px; font-weight: 300; display: block; color: #0f1010; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; padding-top: 10px; padding-bottom: 12px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border: 1px solid #2055a3 !important; } .tabs > ul > li a:hover, .tabs > ul > li a:focus { background-color: #e9f0f8 !important; color: #000000;} .tabs > ul > li.active a { font-weight: bold; color: #fff !important; background-color: #2055a3 !important;} .tabs .tab-content { /*padding-top: 60px; padding-bottom: 60px;*/} .tabs-popup > ul > li { text-align: center; margin: 0px !important;} .tabs-popup > ul > li a { font-size: 20px; font-weight: 300; display: block; color: #0f1010; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; padding-top: 10px; padding-bottom: 12px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border: 1px solid #2055a3 !important; } .tabs-popup > ul > li a:hover, .tabs > ul > li a:focus { background-color: #e9f0f8; color: #000000;} .tabs-popup > ul > li a.active { font-weight: bold; color: #fff !important; background-color: #2055a3 !important;} .tabs-popup .tab-content { /*padding-top: 60px; padding-bottom: 60px;*/} #system-payments {} #system-payments .item { text-align: center; padding-top: 20px; /* padding-bottom: 20px; */ } #system-payments .item .outer {width: 367px; height: 98px; padding: 6px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2055a3+0,00aeea+100 */ background: #2055a3; /* Old browsers */ background: -moz-linear-gradient(top, #2055a3 0%, #2055a3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #2055a3 0%,#2055a3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #2055a3 0%,#2055a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2055a3', endColorstr='#2055a3',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 20px; -moz-border-radius: 6px; border-radius: 20px; margin: 0 auto; cursor: pointer; } #system-payments .item .inner { background: #fff; max-width: 367px; width: 100%; height: 110px; border: 2px solid #2055A3; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; /* padding-top: 30px; padding-bottom: 30px; */ position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; margin: auto; } #system-payments .month .inner, #system-payments .active_.active .inner{ background: #2055a3 !important; } #system-payments .item.active.notactive .inner{ background: #fff !important; } #system-payments .active_ .item-name, #system-payments .active_.active .item-name{ border-right: 2px solid white; color: white; } #system-payments .item-name { height: 100%; width: 100px; display: flex; align-items: center; justify-content: center; border-right: 2px solid #2055A3; color: #2055A3; font-size: 12px; } #system-payments .month .item-price{ position: absolute; left: auto; right: 10px; bottom: 0px; font-size: 22px; color: #2055A3; width: fit-content; } @media (max-width: 400px){ #system-payments .item .inner { height: 130px; } } @media (max-width: 650px){ .status-to-row{ flex-wrap: wrap; height: auto !important; gap: 0; justify-content: center; padding: 0; } .status-to-row .info, .status-to-row .status.status-false{ width: 100%; } .status-to-row .status, .status-to-row .status-to{ width: 50%; } } .status-to-row{ /* background-color: rgba(255, 255, 255, 0.20000000298023224); */ width: 100%; max-width: 640px; height: 35px; background: #FFFFFF33; border-radius: 5px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding-left: 20px; gap: 20px; margin: auto; } .status-to-row .title{ color: white; font-size: 18px; } .status-to-row .info{ display: flex; flex-direction: row; flex-wrap: nowrap; height: 100%; } #system-payments .item input[type="radio"]{ height: 0 !important; width: 0 !important; } .status-to-row .status{ color: #F50000; font-size: 15px; height: 100%; background: #FFFFFFB2; width: 160px; display: flex; justify-content: center; align-items: center; } .status-to-row .status.blue{ color: #2055A3; } .status.status-false{ width: 320px; } .status-to-row .status-to{ color: #2055A3; font-size: 15px; height: 100%; background: #FFFFFFBF; width: 160px; display: flex; justify-content: center; align-items: center; } #system-payments .month.active_ .item-price, #system-payments .month.active_.active .item-price{ color: white; } #system-payments .active.notactive .item-price, #system-payments .active.notactive .item-name{ color: #2055A3 !important; } .block-span-modal{ color: white; padding: 10px 20px; border-radius: 20px; } .rblock{ width: fit-content; font-size: 48px; color: #2055A3; border: 2px solid #2055A3; border-radius: 20px; padding: 10px 30px; } .rblock.num{ width: 60px; height: 60px; padding: 0; line-height: 60px; border-radius: 5px; } .block-span-modal.blue{ background-color: #2E7DFF; } .block-span-modal.red{ background-color: #DD0000; } .hr-modal{ background-color: #2055A3; height: 3px; width: 100%; } #system-payments .active_ .item-produsct-name, #system-payments .active_.active .item-produsct-name{ color: #fff; } #system-payments .item-produsct-name{ position: absolute; right: 10px; top: 10px; color: #2055A3; font-size: 18px; font-weight: 700; } #system-payments .item-not-name{ position: relative; width: 100%; } #system-payments .item-price { /* font-size: 40px; font-weight: bold; padding-top: 14px; padding-bottom: 14px; */ position: absolute; left: 10px; bottom: 5px; font-size: 22px; color: #2E7DFF; font-weight: 700; } #system-payments .item-price .lastprice{ color:#DD0000; text-decoration:line-through; } #system-payments .item-price .lastprice_text{ color: #A8A8A8; font-size: 22px; height: 26px; } #system-payments .item-eco{ position: absolute; right: 12px; bottom: 3px; color: #2E7DFF; } #system-payments .item-eco .label{ display: flex; flex-direction: row; flex-wrap: nowrap; gap: 5px; padding: 0; margin: 0; } #system-payments .item-eco .label span{ color: #2E7DFF; font-size: 16px; padding: 0; margin: 0; } #system-payments .item-eco .label .bonus span{ font-size: 12px; } #system-payments .item-eco .label .bonus{ font-size: 12px; display: flex; flex-direction: column; } #system-payments .item-eco img{ width: 28px; height: 28px; } .scrillDown{ width: 40px; height: 40px; opacity: 0.7; position: fixed; bottom: 4px; right: 20px; display: block; transform: rotate(180deg); text-indent: -9999px; background: url(/templates/navigator4life/header/img/icon_top.png) no-repeat; z-index: 999; } #system-payments .item-eco .price_eco{ color: #DD0000; text-align: right; font-weight: 800; } #system-payments .item-eco .price_eco.bonus{ font-size: 12px; } #system-payments .item .outer:hover .inner { background: #b7edff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #system-payments .item .outer:hover .item-name, #system-payments .item .outer:hover .item-price, #system-payments .item .outer:hover .item-eco { } #system-payments .item.active .outer:hover .inner, #system-payments .item.active .inner { background: #2055a3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #system-payments .item.active .item-name, #system-payments .item.active .item-price, #system-payments .item.active .item-eco { color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #system-payments .text-right { padding-bottom: 40px; padding-top: 40px;} #system-payments .text-right p { font-size: 18px; font-weight: 300;} #system-payments .text-right span { font-size: 18px; font-weight: 700; color: #2055a3;} .system_payments_button button { padding: 10px 80px 8px 80px; margin-bottom: 80px;} #system-payments .item input[type=radio] {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; opacity: 0;} /* 2018.01.26 */ /* 2018.01.29 */ #payment-methods { margin: 0 auto; max-width: 800px; background-color: #d0d6ff; padding: 25px;} #payment-methods h3 { font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 25px;} #payment-methods li { text-align: center; font-size: 20px; font-weight: 300; position: relative; list-style-type: none;} #payment-methods li:before { width: 30px; height: 30px; display: block; border: 2px solid #2055a3; position: absolute; content: ""; top: 0px; left: 50%; margin-left: -15px; z-index: 1; cursor: pointer; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #payment-methods li input[type="radio"] { width: 30px; height: 30px; display: block; margin: 0 auto; z-index: 2; position: relative; cursor: pointer; opacity: 0; margin-bottom: 40px;} #system-payments-step-2 {} #system-payments-step-2 .button { margin-top: 40px; padding: 10px 80px;} .sps-2-payment { text-align: center;} .sps-2-payment .total { font-size: 20px; font-weight: bold; background-color: #d0d6ff; padding: 25px;} .sps-2-payment .total b { font-size: 20px; font-weight: bold; color: #2055a3;} .sps-2-payment .next { font-size: 20px; font-weight: 300;} .sps-2-payment .next b { font-size: 20px; font-weight: 300; color: #2055a3;} #system-payments-step-2 { padding-bottom: 50px;} #system-payments-step-2 table { text-align: left; width: 100%; border: none;} #system-payments-step-2 table td { border-top: 1px solid rgba(0,0,0,0.2); font-size: 20px; font-weight: 300; padding: 20px;} #system-payments-step-2 table th { font-size: 20px; font-weight: bold; background-color: #d0d6ff; padding: 20px;} #system-payments-step-2 .item-price { font-weight: bold; color: #2055a3; } #system-payments-step-3 { padding-bottom: 50px;} #system-payments-step-3 p { font-size: 20px; font-weight: 300; text-align: center;} #system-payments-step-3 p b { font-size: 20px; font-weight: bold;} #system-payments-step-3 .button { margin-top: 40px; padding: 10px 80px;} #system-payments-step-3 p.fill { background-color: #d0d6ff; padding: 25px 10px;} .contacts-content-wrap { margin-top: 50px; -webkit-box-shadow: 0px -5px 10px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px -5px 10px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px -5px 10px 0px rgba(50, 50, 50, 0.2); } #contacts-content { } #contacts-content > div { padding: 50px 0px; } #contacts-content h3 { font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 50px; margin-top: 0px;} #contacts-content h4 { font-size: 14px;font-weight: bold;} #contacts-content li { list-style-type: none; font-size: 14px; font-weight: 300; position: relative; padding-left: 25px;} #contacts-content ul { padding-left: 0px;} #contacts-content li:before { display: block; position: absolute; left: 0px; top: 50%; margin-top: -10px; height: 20px; width: 20px; content: "";} #contacts-content li.icon-01:before {background:url(../img/contacts-icon-01.png) center center no-repeat;} #contacts-content li.icon-02:before {background:url(../img/contacts-icon-02.png) center center no-repeat;} #contacts-content li.icon-03:before {background:url(../img/contacts-icon-03.png) center center no-repeat;} #contacts-content li.icon-04:before {background:url(../img/contacts-icon-04.png) center center no-repeat;} #contacts-content li.icon-05:before {background:url(../img/contacts-icon-05.png) center center no-repeat;} #contacts-content li.icon-06:before {background:url(../img/contacts-icon-06.png) center center no-repeat;} #contacts-content table { width: 100%;} #contacts-content td { padding: 5px; font-size: 14px;} #contacts-content tr td:first-child {background: rgba(0,189,155,0.1);} #contacts-content tr.even td:first-child { background: none;} #contacts-content tr.even td:last-child { background: rgba(0,189,155,0.1);} #map { max-width: none; min-height: 450px; background:url(../img/map-temp.jpg) center center no-repeat; background-size: cover;} /* 2018.01.29 */ /* 2018.01.31 */ .invoicenum { padding-top: 40px; padding-bottom: 40px;} .invoicenum p{ font-size: 16px; font-weight: 300;} .invoicenum p b{ font-size: 20px; font-weight: bold; color: #2055a3;} .table-invoice-products {} .table-invoice-products td{ padding: 25px; font-size: 16px; font-weight: 300;} .table-invoice-products th{ padding: 25px; font-size: 18px; font-weight: bold;} .table-invoice-products tr.even td{ background-color: #e9f0f8;} #product-payment-invoice { padding: 40px 0px;} .payfrom-payto {} .payfrom-payto .col-md-6 { padding: 25px;} .payfrom-payto .bordered-box { background-color: #e9f0f8; padding: 25px; font-weight: 300;} .payfrom-payto .bordered-box strong { font-size: 20px; font-weight: bold; display: inline-block; margin-bottom: 15px;} .button-2 { border-color: #2055a3; background-color: #2055a3;} #product-payment-header { padding-top: 80px; padding-bottom: 80px;} #product-payment-header .button { padding: 10px 65px 8px 65px;} #product-payment-header select { height: 38px; font-size: 24px; font-weight: 300; padding: 0px 20px; width: 300px; cursor: pointer; margin-bottom: 60px; margin-top: 40px;} #product-payment-header select option { font-weight: 300; cursor: pointer;} #order-list-header { padding-top: 80px; padding-bottom: 80px;} #order-list-header select { height: 38px; font-size: 24px; font-weight: 300; padding: 0px 20px; cursor: pointer; margin-bottom: 60px; margin-top: 40px;} #order-list-header select option { font-weight: 300; cursor: pointer;} .pagination { text-align: center; padding-top: 40px; padding-bottom: 40px;} .order-list-bottom { padding-top: 40px;} #order-list .pagination { padding-top: 0px; padding-bottom: 0px;} #order-list .pagination ul, #order-list .pagination { text-align: right;} #landing-list .pagination { padding-top: 0px; padding-bottom: 0px;} #landing-list .pagination ul, #landing-list .pagination { text-align: right;} #domain-list .pagination { padding-top: 0px; padding-bottom: 0px;} #domain-list .pagination ul, #domain-list .pagination { text-align: right;} .pag-pages-amount { padding-top: 10px; } .pag-pages-amount p { font-size: 16px; font-weight: 300;} .pagination ul { text-align: center; width: 100%; margin-bottom: 0px; padding-left: 0px;} .pagination li { display: inline-block; margin: 0 auto; margin-left: 8px; margin-right: 8px; text-align: center;} .pagination li a { display: block; width: 36px; height: 36px; font-size: 18px; font-weight: 300; color: #2055a3; border: 1px solid #2055a3; line-height: 34px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .pagination li:hover a, .pagination li.active a { background-color: #2055a3; text-decoration: none; color: #fff;} #order-list .text-center { padding-top: 40px;} .land-list-pre { padding-top: 40px; padding-bottom: 40px;} .land-amount-select { font-size: 16px; font-weight: 300; color: #2055a3;} .land-amount-select select, .land-amount-select option { font-size: 16px; font-weight: 300; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2); border: none; outline: none; height: 32px; padding: 0px 10px; margin: 0px 10px; cursor: pointer; } .land-search input { border: none; font-size: 16px; font-weight: 300; outline: none; height: 32px; padding: 0px 15px; background: url(../img/search-icon-01.png) 95% center no-repeat; background-size: 20px; cursor: pointer; } .land-search input:hover, .land-search input:focus { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); } .product-landings-wrap { background:url(../img/landings-header-bg.jpg) center center no-repeat; background-size: cover;} .profile-page-header-wrap { background:url(../img/profile-page-header.jpg) center center no-repeat; background-size: cover; position: relative} .blue-transparent-bg:before {content:"";display: block; background: rgba(40, 68, 114, 0.8); position: absolute; left: 0;top: 0; width: 100%; height: 100%; z-index: 1} .blue-transparent-bg > div {position: relative;z-index: 2 } .blue-transparent-bg {position: relative;} .blue-transparent-bg-lite:before {content:"";display: block; background: rgba(8, 22, 46, 0.77); position: absolute; left: 0;top: 0; width: 100%; height: 100%; z-index: 1} .blue-transparent-bg-lite > div {position: relative;z-index: 2 } .blue-transparent-bg-lite {position: relative;} #profile-page-header { padding-top: 50px; padding-bottom: 60px;} #profile-page-header h1 { text-align: center; font-weight: bold; font-size: 40px; color: #fff;} #profile-page-header h2 { text-align: center; font-weight: 300; font-size: 36px; color: #fff; margin-bottom: 40px;} #profile-page-header .item-buttons { padding-top: 40px;} #profile-page-header .item-buttons a { margin-bottom: 20px; padding: 12px 0px; width: 260px; display: inline-block;} #profile-page-header .item-avatar > div { border: 5px solid #2055a3; display: inline-block; overflow: hidden; width: 200px; height: 200px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-size: cover; } #profile-page-header .item-avatar > div img { width: 100%; height: auto;} #profile-page-content > .text-center { padding-top: 40px; padding-bottom: 40px;} #profile-page-content > .text-center .button { padding: 12px 0px; width: 260px;} #profile-page-content > .row > div { padding: 25px;} #profile-page-content label { font-size: 16px; font-weight: 300; display: block; padding-left: 15px;} input.default { height: 44px; width: 100%; max-width: 390px; font-size: 18px; font-weight: 300; padding: 0px 15px; outline: none; border: 1px solid #2055a3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-family: roboto !important; } #profile-page-content input.default { margin-bottom: 20px;} input.default:hover, input.default:focus { border-color: #2055a3;} .profile-page-content-wrap { position: relative;} .profile-page-content-wrap:after { display: block; z-index: -1; background-color: #d0d6ff; position: absolute; width: 50%; left: 50%; top: 0px; content: ""; height: 100%;} #profile-page-content h3 { font-size: 20px; font-family: roboto !important;} #profile-page-content select.default {height: 44px; width: 100%; max-width: 360px; padding: 0px 15px; font-size: 20px; font-weight: 300; line-height: 18px; border: none; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); margin-bottom: 20px; } /* 2018.01.31 */ /* 2018.02.01 */ .mentor-page-header-wrap { background:url(../img/mentor-header-bg.jpg) center center no-repeat; background-size: cover;} .other-mentors .item-img { text-align: center;} .other-mentors .item-name { font-size: 20px; font-weight: bold; padding-top: 32px;} .other-mentors .item-img > div { border: 5px solid #2055a3; display: inline-block; overflow: hidden; width: 100px; height: 100px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .other-mentors .item-img > div img { width: 100%; height: auto;} .other-mentors .itemlist > div {max-width: 100%;} .other-mentors .item+.item { margin-top: 20px;} .main-mentor .mentor-img { text-align: center; margin-bottom: 40px;} .main-mentor .mentor-img > div { width: 200px; height: 100%; border: 5px solid #2055a3; display: inline-block; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; max-width: 100%; } .main-mentor ul { padding-left: 0px;} .main-mentor li { list-style-type: none; font-weight: 300; font-size: 20px; word-break: break-all} .main-mentor li b { font-size: 20px; font-weight: bold;} .main-mentor {padding: 20px !important;} .main-mentor > div { padding: 25px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); } .main-mentor .mentor-img > div > img { width: 100%; height: auto;} .main-mentor .mentor-desc { padding: 20px 30px; border-left: 5px solid #2055a3;} #mentor-page-content { padding-top: 80px; padding-bottom: 80px;} #mentor-page-content .other-mentors h3 { margin-bottom: 55px;} #mentor-page-content .main-mentor h3 { margin-bottom: 25px;} #mentor-page-content .main-mentor h4 { margin-bottom: 25px;} #mentor-popup-01 { text-align: center; max-width: 680px; display: none; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; border: 0px;} #mentor-popup-01 .mentor-row-01 { padding: 40px; background-color: #d0d6ff;} #mentor-popup-01 .no-gutters.mentor-row-02 { padding: 20px;} .no-gutters.mentor-row-02 { padding: 20px;} .no-gutters.mentor-row-02 div { font-size: 16px; font-weight: 300; padding-bottom: 20px;} #mentor-popup-01 .item-img > div { width: 200px; height: 200px; border: 5px solid #2055a3; display: inline-block; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #mentor-popup-01 .item-img img { width: 100%; height: auto; } #mentor-popup-01 .item-name { font-size: 20px; font-weight: 300; padding-top: 50px;} #mentor-popup-01 .item-name b { font-size: 20px; font-weight: bold;} #mentor-popup-01 .item-desc { padding: 40px 10% 10px 10%; font-size: 16px; font-weight: 300;} #mentor-popup-01 .item-desc b { font-size: 16px; font-weight: bold;} /* 2018.02.01 */ /* 2018.02.04 */ #partners-slider-pager {} #partners-slider-pager ul { padding-left: 0px;} #partners-slider-pager li { display: inline-block; list-style-type: none; text-align: center; padding: 10px;} #partners-slider-pager li img { width: 100%; max-width: 250px; height: auto; min-width: 150px;} #partners-slider-pager li a.active {border: 4px solid #2055a3;} #partners-slider-pager li a {display: inline-block; max-height: 146px; overflow: hidden; border: 4px solid #fff; cursor: pointer;} #partners-slider-desc { padding: 25px;} #partners-slider-desc b { font-size: 16px;} #partners-slider-desc .button { margin-top: 25px; margin-bottom: 45px;} .reflinks-wrap { background: #d0d6ff;} #reflinks { padding-top: 20px; padding-bottom: 20px;} #reflinks .row { padding: 10px;} #reflinks p { font-size: 16px; font-weight: bold;} #reflinks p a { color: #26baed; font-weight: 300; font-size: 16px;} #reflinks .button { margin-top: 5px;} #partner-landings-content .bx-prev { width: 35px; height: 35px; background:url(../img/bx-prev-2.png) center center no-repeat;background-color: #2055a3 !important;border-radius: 6px;} #partner-landings-content .bx-next { width: 35px; height: 35px; background:url(../img/bx-next-2.png) center center no-repeat; background-color: #2055a3 !important; border-radius: 6px;} #partner-landings-content .bx-wrapper { background: transparent; padding-top: 15px; height: 520px;} #partners-slider .item { text-align: center; overflow: hidden; max-height: 265px;} #partners-slider .item img { margin: 0 auto; max-width: 484px; height: auto;} .partners-slider-wrap { background:url(../img/pl-slider-bg.png) center top no-repeat;} .partners-slider-wrap {} #partner-landings-content { padding-top: 40px;} #partner-landings-content .bx-wrapper .bx-controls-direction a { top: auto; bottom: 0px; left: 50%;} #partner-landings-content .bx-wrapper .bx-controls-direction a.bx-prev { margin-left: -45px; z-index: 1;} #partner-landings-content .bx-wrapper .bx-controls-direction a.bx-next { margin-left: 10px; z-index: 1;} .partner-landings-header-wrap { background:url(../img/partner-landings-header-bg.jpg) center center no-repeat; background-size: cover;} @media (max-width: 1120px) { .partners-slider-wrap { background: none; height: auto;} #partner-landings-content .bx-wrapper { height: auto; padding-bottom: 40px;} } /* 2018.02.04 */ /*2018.02.13*/ .support-top-wrap { background:url(../img/support-top-bg.jpg) center center no-repeat; background-size: cover;} #support-top { padding-top: 120px; padding-bottom: 120px;} #support-top h1 { color: #fff; font-size: 40px; font-weight: bold;} #support-top h2 { color: #fff; font-size: 36px; font-weight: 300;} #support-new-ticket { padding-bottom: 80px;} #support-new-ticket label { display: block; font-size: 16px; font-weight: 300; padding-left: 15px;} #support-new-ticket .row > div > div { max-width:360px; padding-top: 80px;} #support-new-ticket input.default { margin-bottom: 36px;} #support-new-ticket select { display: block; border: none; outline: none; width: 100%; max-width: 360px; height: 44px; font-size: 20px; font-weight: 300; padding-left: 15px; margin-bottom: 36px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); } #support-new-ticket textarea.default { height: 144px; width: 100%; max-width: 360px; font-size: 20px; font-weight: 300; padding: 15px; outline: none; border: 1px solid #2055a3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom: 28px; } #support-new-ticket p { font-size: 16px; font-weight: 300; } #support-new-ticket .button { padding: 10px 80px; cursor: pointer;} @media (max-width: 768px) { #support-new-ticket .row > div { text-align: center;} #support-new-ticket .row > div > div { margin: 0 auto; text-align: left;} } .support-ticket-info-wrap {padding-top: 80px; padding-bottom: 60px;} #support-ticket-info { padding:25px; background-color: #d0d6ff;} #support-ticket-info .row>div{ padding: 10px;} #support-ticket-info .row>div>div { padding: 15px; font-size: 16px;} #support-ticket-info .sti-header>div {font-weight: bold;} #support-ticket-info .sti-content >div {font-weight: normal; background-color: #fff;} #support-ticket-info-buttons {} #support-ticket-info-buttons .button { margin:10px 20px; } #support-ticket-info-dialogue {padding-bottom: 80px;} #support-ticket-info-dialogue p.default { min-height: 144px; width: 100%; font-size: 20px; font-weight: 300; padding: 15px; outline: none; border: 1px solid #2055a3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom: 28px; } #support-ticket-info-dialogue .item-img > div { border: 5px solid #2055a3; display: inline-block; overflow: hidden; width: 240px; height: 240px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #support-ticket-info-dialogue .item { margin-top: 40px; } #support-ticket-info-dialogue .item-img {padding-bottom: 15px;} #support-ticket-info-dialogue .item-img > div img { width: 100%; height: auto;} #support-ticket-info-dialogue .item-desc {padding-top: 50px;} #support-ticket-info-dialogue .item-date {text-align: right;} #support-ticket-info-dialogue .item-rating {text-align: right;} /*2018.02.13*/ /*2018.02.19*/ .news-page-header-wrap { background:url(../img/news-header-bg.jpg) center center no-repeat; background-size: cover;} .recomendation-page-header-wrap { background:url(../img/recomendation-bg.png) center center no-repeat; background-size: cover;} .review-partners-page-header-wrap { background:url(../img/review-partners-page-header-wrap.png) center center no-repeat; background-size: cover;} .review-system-page-header-wrap { background:url(../img/review-system-page-header-wrap.png) center center no-repeat; background-size: cover;} .review-doctor-page-header-wrap { background:url(../img/review-doctor-page-header-wrap.png) center center no-repeat; background-size: cover;} .library-page-header-wrap { background:url(../img/library-page-header-wrap.png) center center no-repeat; background-size: cover;} .privacy-page-header-wrap { background:url(../img/privacy-bg.png) center center no-repeat; background-size: cover;} .about-page-header-wrap { background:url(../img/about-bg.png) center center no-repeat; background-size: cover;} .contact-page-header-wrap { background:url(../img/contact-bg.png) center center no-repeat; background-size: cover;} .servyce-page-header-wrap { backgroЮлия В., С.Петербургund:url(../img/servyce-bg.png) center center no-repeat; background-size: cover;} #news-page-header { padding-top: 50px; padding-bottom: 50px; text-align: center;} #news-page-header h1 { color: #fff; font-size: 40px; font-weight: bold; margin-bottom: 35px;} #news-page-header h2 { color: #fff; font-size: 36px; font-weight: 300;} #news-list {padding-top: 100px;} #news-list .news-item {padding: 40px; margin-bottom: 50px; background-color: #d0d6ff;} #news-list .news-item > .row > div { padding: 5px;} #news-list .item-date {font-size: 20px;font-weight: bold; line-height: 1.2em;padding-bottom: 4px;} #news-list .item-name h2, #news-list .item-name h2 a { font-size: 24px; color: #2055a3; font-weight: 700; text-transform: uppercase;margin-bottom: 4px;} #news-list .item-desc * { font-size: 18px;} #news-list .item-header {padding: 5px;} #news-list .item-header h3 {font-size: 20px; font-weight: bold;margin-bottom: 38px; margin-top: 0; line-height: 1.2em;position: relative;padding-left: 50px;} #news-list .item-header h3:before {content:""; display: block; width: 30px; height: 30px; position: absolute; left: 0px; top: 50%;margin-top: -15px;} #news-list .item-check .item-header h3:before {background: url(../img/news-icon-check.png) center center no-repeat;} #news-list .item-important .item-header h3:before {background: url(../img/news-icon-important.png) center center no-repeat;} #news-list .item-minus .item-header h3:before {background: url(../img/news-icon-minus.png) center center no-repeat;} #news-list .item-img img { width: auto; height: auto; margin: 0 auto; display: block; max-width: 100%; } #news-list .item-desc p {font-size: 20px;font-weight: 300;} @media (max-width: 768px) { #news-list .item-header {padding-top: 50px;} } /*2018.02.19*/ /*2018.02.22*/ .unauth-page-header-wrap { background:url(../img/unauth-bg.jpg) center center no-repeat; background-size: cover;} .fullversion-page-header-wrap { background:url(../img/fullversion-bg.png) center center no-repeat; background-size: cover;} #unauth-page-header { padding-top: 50px; padding-bottom: 60px; text-align: center;} #unauth-page-header h1 { color: #fff; font-size: 60px; font-weight: bold; margin-bottom: 35px; font-family: roboto;} #unauth-page-header h2 { color: #fff; font-size: 40px; font-weight: 300;} #full-version, #full-version-2 {padding-top: 50px;} #full-version > p {margin-bottom: 45px;} .full-version-wrap { background-color: #d0d6ff;} #full-version .row p, #full-version-2 .row p { max-width: 340px; margin: 0 auto;} #full-version .row>div, #full-version-2 .row>div {margin-bottom: 50px;} #full-version img, #full-version-2 img {width: 100%; height: auto; max-width: 260px; margin-bottom: 25px;} #full-version p, #full-version-2 p {font-size: 20px; font-weight: bold; line-height: 1.4em;} @media (max-width: 768px) { #unauth-page-header h1 {font-size: 48px;} #unauth-page-header h2 {font-size: 32px;} } @media (max-width: 576px) { #unauth-page-header h1 {font-size: 32px;} #unauth-page-header h2 {font-size: 24px;} } /*2018.02.22*/ @media (max-width: 1160px) { #slider { float: none; margin: 0 auto; border: 1px solid #bbb; clear: both;} #cat-header { width: 100%;} #cat-header h2 { background: none; width: 100%; text-align: center; font-size: 32px;font-family: "Roboto", sans-serif; margin-top: 30px;} } @media (max-width: 1140px) { .catalog .item { width: 32%; margin-left: 1%; margin-right: 0%;} #personal-links .p1 { float: none; width: 100%;} #personal-links .p2 { width: 65%;} #personal-links .p3 {} } @media (max-width: 991px){ #mainpage-catalog-half .item {width: 46%;} #mainpage-catalog-half .itemlist {width: 100%;} #mainpage-catalog-half .half-desc { float: none; width: 100%;} #mainpage-catalog-half .half-desc img { display: none;} #catalog-new-items .itemlist-first { width: 100%;} #catalog-new-items .itemlist-first .item { width: 46%;} #catalog-new-items .half-desc { float: none; width: 100%; text-align: left;} #catalog-new-items .half-desc h3 {border-left: 5px solid #74cce1; border-right: none;} #catalog-new-items .half-desc p {border-left: 5px solid #74cce1; border-right: none;} } @media (max-width: 960px){ #infoblock { padding-left: 0px; padding-right: 0px;} #infoblock > div { float: none !important; margin: 0 auto; clear: both;} #infoblock > div+div { margin-top: 15px;} #infoblock .p1 { text-align: center; padding-top: 15px;} #infoblock .p1 a { margin: 0 auto; display: block;} #advantages .item { padding-left: 1%; padding-right: 1%;} } @media (max-width: 840px) { .catalog .item { width: 48%; margin-left: 1%; margin-right: 1%;} #personal-links .p2 { float: none; width: 100%} #personal-links .p3 { float: none; width: 100%; padding-bottom: 20px; float: left;} } @media (max-width: 768px) { .mainpage-banner { text-align: left !important;} .mainpage-banner h2 { font-size: 20px;} .mainpage-banner p { font-size: 16px; height: 50px;} #slider .item-04 .desc { margin-left: 30px; float: right;} #cart-page-content th { font-weight: normal; font-size: 12px;} #cart-page-content td, #cart-page-content td * { font-weight: bold; font-size: 14px;} #infoblock .copy-link, #infoblock .phones, #infoblock .buttons { text-align: center; padding-top: 10px; padding-bottom: 10px;} #cat-big a img { height: 200px; width: auto;} #advantages .item-img { height: auto; padding-bottom: 20px;} #mainpage-catalog-half .item {width: 46%;} #mainpage-catalog-half .itemlist {width: 100%;} #catalog-new-items .item {width: 46%;} #catalog-new-items .itemlist {width: 100%;} #main-banners .row > div { height: 150px; min-height: 0px;} #main-banners .row > div.item-02 { height: auto;} #advantages .item { margin-bottom: 40px;} #education-list .item-status { text-align: left;} #education-list .item-desc { margin-top: 15px;} #education-list .item+.item { margin-top: 50px;} #system-payments-step-2 table th, #system-payments-step-2 table td { font-size: 14px; padding: 10px;} #contacts-content .row { max-width: 400px; margin: 0 auto;} .pagination, #order-list .pagination, .pagination ul, #order-list .pagination ul { text-align: center !important;} .pagination li { margin: 2px;} .land-search { padding-top: 30px; padding-bottom: 30px;} .profile-page-content-wrap:after { display: none;} #profile-page-content { max-width: 500px;} #news-page-header h1 {font-size: 30px; } #news-page-header h2 {font-size: 25px; } } @media (max-width: 620px){ #gal1 { float: none; width: 100%;} #gal1 a { display: inline-block;} #itempage-content { margin-top: 50px;} #itempage-content .copy-link-button { float: right; margin-left: 0px;} } @media (max-width: 580px) { .catalog .item { width: 50% !important; margin-left: 0%; margin-right: 0%;} #mainpage-catalog-half .item {width: 100%; margin-left: 0%; margin-right: 0%;} #infoblock .p2 { width: 100%;} #infoblock .p2 > div { width: 42%;} #infoblock .p2 h3 { font-size: 11px; margin-bottom: 0px; height: 28px;} #system-payments-step-2 table th, #system-payments-step-2 table td { font-size: 12px; padding: 3px;} #payment-methods li { margin-top: 20px; margin-bottom: 50px;} .clb-phone { width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .clb-submit { width: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; left: 0px; padding: 0 40px; margin-top: 20px; } h2.header { font-size: 24px !important;} } @media (max-width: 480px) { #infoblock .p2 h3 { height: 26px;} #infoblock .p2 { background: none;} } /*2017.05.23*/ #delivery-page-content { text-align: center;} #delivery-page-content .item { display: inline-block; position: relative; width: 160px; margin-bottom: 50px;} #delivery-page-content .item img { margin-bottom: 12px;} #delivery-page-content .item+.item { margin-left: 50px;} #delivery-page-content .item+.item:before { display: block; border: 1px solid #009c89; content: ""; width: 24px; height: 2px; position: absolute; top: 30%; left: -40px;} #delivery-page-content .red-button { height: 58px; max-width: 330px; margin: 0 auto; line-height: 56px;} #delivery-page-content h2 { margin-bottom: 40px;} #about-page-content { min-height: 504px; background:url(../img/about-page-bg-01.jpg) right top no-repeat; background-size: cover; padding: 0px;} #about-page-content .content { background:url(../img/about-page-bg-02.png) right top no-repeat; min-height: 504px; padding: 20px; padding-left: 290px;} #about-page-content h2 { margin-bottom: 12px; margin-top: 0px; min-height: 50px; color: #fff; font-size: 34px;} #about-page-content p.desc { color: #fff; min-height: 200px; font-size: 24px; line-height: 28px; margin-bottom: 30px;} #about-page-content p.after { color: #fff; font-size: 13px;} #about-page-content .red-button { height: 80px; max-width: 350px; margin: 0 auto; line-height: 78px; margin-bottom: 60px;} .video-button a { display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; } @media (max-width: 1140px) { #about-page-content .content { background: rgba(0,0,0,0.4); padding-left: 30px;} } @media (max-width: 640px) { #about-page-content p.desc { font-size: 18px; line-height: 22px;} } @media (max-width: 410px) { #delivery-page-content .item { margin-bottom: 30px;} #delivery-page-content .item+.item { margin: 0 auto;} #delivery-page-content .item+.item:before { display: none;} } .CheckBoxClass{ display: none; } .tabs .datagrid-btable li {display: block;} .tabs .datagrid-btable ul li {text-align: left;} .tabs .datagrid-btable p, .tabs .datagrid-btable p b, .tabs .datagrid-btable span {font-size: 13px;} .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber { font-size: 13px !important; font-weight: 500 !important;} .ddv.panel-body.panel-body-noheader.panel-body-noborder {min-width: 1017px !important; width: 1017px !important; padding: 0px !important;} .reg_list li {display: block !important;} #registration input, #registration select, #registration option {font-size: 14px !important;} #registration .form-control+.input-group-addon:not(:first-child) {width: 28px;} #registration select.form-control:not([size]):not([multiple]) {height: auto;} #by_pages input, #by_pages select, #by_pages option {font-size: 14px !important;} #by_pages .form-control+.input-group-addon:not(:first-child) {width: 28px;} #by_pages select.form-control:not([size]):not([multiple]) {height: auto;} #by_pages .datagrid-view1 {display: none;} #by_pages .datagrid-view2 {right: auto; left: 0px;width: 100% !important;} .l-btn-plain:hover {background-color: #fff !important;} .sps-2-payment b, strong {font-weight: bold !important;} #system-payments-step-2, #payment-methods h2 {padding-bottom: 20px;} .cartwarningbox {display: none;} #system-payments-step-3 div.fill { background-color: #d0d6ff; padding: 25px 10px; text-align: center; font-size: 20px; font-weight: 300;font-family: roboto !important;} body {width: 100% !important;} #changePass input.default { height: 44px; width: 100%; max-width: 360px; font-size: 14px; font-weight: 300; padding: 0px 15px; outline: none; border: 1px solid #2055a3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 10px; font-family: roboto !important; } #changePass input.default { margin-bottom: 20px;} changePass:hover, input.default:focus { border-color: #2055a3;} .profile-page-content-wrap { position: relative;} .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { font-family: roboto; font-weight: 400;} .modal-dialog .button {margin-top: 20px;} form label.error {font-family: roboto; font-size: 12px; color: #ff0000 !important;} .modal-content .modal-title {font-family: roboto; font-weight: 400; font-size: 24px; text-align: center;} #profile-page-content select.default {font-family: Roboto;} .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background-color: #2055a3 !important; text-decoration: none; color: #fff !important; background: #2055a3 !important; border: 1px solid #2055a3 !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 1px solid #2055a3 !important; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover {background-color: #2055a3 !important; text-decoration: none; color: #fff !important; background: #2055a3 !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 1px solid #2055a3 !important; } .dataTables_wrapper .dataTables_paginate .paginate_button { border: 1px solid #2055a3 !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color:#2055a3 !important; font-size: 12px !important;} .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {color: #fff !important; display: none;} table.dataTable thead th, table.dataTable thead td {font-size: 16px !important;} #constructor label, #constructor input, #constructor select {font-family: "roboto"; font-size:16px; font-weight:300;} #constructor .site-selection {font-family: "roboto"; font-size:16px; font-weight:300; margin-top: 5px;} @media (min-width: 830px) {#editLanding .button {margin-top: 0px;} } #hostpanel-landings-itemlist .item-name > h3, #domains h3 {font-family: "roboto" !important;} .show_parent_block{ display: none; } .main-mentor .mentor-desc p {display: inline-block;} #mentor-page-content h3 {font-size: 20px !important;} .modal.show .modal-dialog { text-align: center; max-width: 680px; } #mentor-page-content h2 {font-size: 20px !important;} div.sponsorTitle {display: block !important;} #mentor-popup-01 p.partner_title.sponsorTitle {display: block !important;} #mentor-page-content h4 {font-size: 18px !important;} #mentor-popup-01 p.name.sponsorName {font-weight: bold;} p.item-desc { padding: 0px 10% 40px 10%; font-size: 16px; font-weight: 300;} #softwareBlock .row {padding-bottom: 20px;} .modal-dialog .button.disabled { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none;} .skype-icon { background-image: url(/templates/navigator4life/img/skype.png); background-repeat: no-repeat; display: inline-block; height: 61px; width: 60px; zoom: 0.7 !important; vertical-align: middle; border-style: none; filter: hue-rotate(34deg); } .telegram-icon { background-image: url(/templates/navigator4life/img/telegram_icon.png); background-repeat: no-repeat; display: inline-block; height: 61px; width: 60px; zoom: 0.7 !important; vertical-align: middle; border-style: none; filter: hue-rotate(34deg); } .social-dudu, .social-facebook, .social-flickr, .social-foursquare, .social-google, .social-googleplus, .social-instagram, .social-lastfm, .social-linkedin, .social-liveid, .social-livejournal, .social-mailru, .social-odnoklassniki, .social-openid, .social-soundcloud, .social-steam, .social-tumblr, .social-twitter, .social-uid, .social-vimeo, .social-vkontakte, .social-wargaming, .social-webmoney, .social-yandex, .social-youtube { background-image: url('/templates/navigator4life/img/social.png'); background-repeat: no-repeat; display: inline-block; height: 61px; width: 60px; zoom: 0.7 !important; background-position: 0px 0px; vertical-align: middle; border-style: none; filter: hue-rotate(34deg); } .social-vkontakte { background-position: 0px 0px; } .social-odnoklassniki { background-position: -61px 0px; } .social-yandex{ background-position: -122px 0px; } .social-facebook{ background-position: -183px 0px; } .social-google{ background-position: -244px 0px; } .social-twitter{ background-position: -305px 0px; } .social-mailru{ background-position: -426px 0px; } @media (min-width: 841px){.cat-list-wrap .catalog .item { width: 32%;}} #catlist ul li.has-children {position: relative;} #catlist ul li.has-children > span { display: block; width: 20px; height: 20px; background:url(../img/has-children-arrow.png) center center no-repeat; content: ""; position: absolute; top: 11px; right: 10px; margin-top: -10px; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #catlist li.has-children.open > span { transform: rotate(180deg) ; -webkit-transform: rotate(180deg) ; -moz-transform: rotate(180deg) ; -o-transform: rotate(180deg) ; -ms-transform: rotate(180deg) ; } .cat-list-wrap {padding-bottom: 80px;} @media (max-width: 840px) {#order-list>div:first-child {overflow: scroll;}#order-list>div.text-center a {margin-bottom: 10px;}} @media (max-width: 768px) { #profile-page-header h1 {font-size: 40px;} #profile-page-header h2 {font-size: 25px;} } @media (max-width: 548px) { #profile-page-header h1 {font-size: 30px;} #profile-page-header h2 {font-size: 21px;} } @media (max-width: 768px) { .second-level-top-wrap h1 { font-size: 40px; } .second-level-top-wrap h2 { font-size: 25px; } } @media (max-width: 548px) { .second-level-top-wrap h1 { font-size: 30px; } .second-level-top-wrap h2 { font-size: 21px; } } #mainpage-catalog-half .itemlist a { display: block; text-align: center; font-size: 14px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #0f1010; -webkit-box-shadow: 4px 4px 30px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 4px 4px 30px 0px rgba(50, 50, 50, 0.2); box-shadow: 4px 4px 30px 0px rgba(50, 50, 50, 0.2); padding: 6px; background-color: #fff; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; top: 0px; margin-bottom: 30px; } #mainpage-catalog-half .itemlist a:hover {background-color: #ecf9f5; transform: scale(1.1); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); z-index: 3; } #mainpage-catalog-half .itemlist a img { width: 100%; height: auto; margin-bottom: 20px;} #mainpage-catalog-half .itemlist a .amount { position: absolute; font-size: 18px; text-align: center; color: #fff; font-weight: 300; display: block; width: 35px; height: 35px; background-color: #2055a3; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; top: -14px; right: 20px; line-height: 37px; } .container_steptwo select, input#name, input#email, input#subject, textarea#message {background-color: #fff !important;} #support-new-ticket .row>.col-md-6:first-child label {padding-top: 20px;} .selectbox .select, .selectbox .select:active, .selectbox .select:hover {background: none; box-shadow:none;} .selectbox li.selected, .selectbox li:hover { background-color: #2055a3;} .selectbox .trigger {border: none; background: none;} .selectbox .trigger .arrow {border-top: 5px solid #2055a3; opacity: 0.8;} .form_answer textarea.default { height: 144px; width: 100%; max-width: 360px; font-size: 20px; font-weight: 300; padding: 15px; outline: none; border: 1px solid #2055a3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom: 28px; } @media (max-width: 768px) { #itempage-content .itempage-img > div { margin: 0 auto;} #itempage-content .itempage-img > div > img {position: relative !important;} } #modalPayProducts.modal.fade> .modal-dialog { left: 50%; margin-left: -150px; position: absolute; top: 50%; margin-top: -208px; } .modal-header .close { z-index: 2; position: relative;} #npw-map-open-button {background: #2055a3 !important; border-radius: 25px !important; font-family: Roboto !important; font-size: 12px !important;text-align: center !important; padding-right: 0px !important; border: 1px solid #2055a3 !important;} #npw-map-open-button:hover { background-color: #fff !important; color: #2055a3 !important;} #npw-map-sidebar-header { background-color: #2055a3 !important;} #npw-map-sidebar input, #npw-map-sidebar select {font-family: Roboto !important; font-size: 12px !important;} #npw-map-wrapper {max-width: 900px !important; width: 100% !important;} @media (max-width: 768px) { #npw-map-sidebar { width: 100% !important; } } .modal.fade.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);} #product-payment-invoice {font-family: Roboto !important;} #product-payment-header {font-family: Roboto !important;} .second-level-top-wrap h2 {font-family: Roboto !important;} #description .embed-responsive-item {margin: 0 auto;} #description .embed-responsive {text-align: center; max-width: 486px; margin: 0 auto;} .edu-list-navigation {position: absolute;z-index: 2; background: #fff; left: 0px;top: 82px;padding-right: 10px; padding-top: 20px; padding-bottom: 20px; -webkit-box-shadow: 1px 0px 20px 14px rgba(50, 50, 50, 0.2); -moz-box-shadow: 1px 0px 20px 14px rgba(50, 50, 50, 0.2); box-shadow: 1px 0px 20px 14px rgba(50, 50, 50, 0.2);} /*.edu-list-navigation:before {display: block;content: ""; position: absolute; left: 0px; top: 0px; width: 5px;height: 100%; background: #2055a3; background: -moz-linear-gradient(top, #2055a3 0%, #2055a3 100%); background: -webkit-linear-gradient(top, #2055a3 0%, #2055a3 100%); background: linear-gradient(to bottom, #2055a3 0%, #2055a3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2055a3', endColorstr='#2055a3',GradientType=0 );}*/ h2.default-toggler {cursor: pointer;} .sponsor-item .item-avatar > div { border: 5px solid #2e6cc1; display: inline-block; overflow: hidden; width: 110px; height: 110px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-size: cover; } .sponsor-item .item-avatar { max-width: 220px; } .sponsor-item .item-avatar > div img { width: 100%; height: auto;} .sponsor-item .item-name p { font-size: 20px; padding-top: 40px; } .ppc-partner-left > p { font-size: 20px; margin-bottom: 25px; } .ppc-partner-left > p:last-child { margin-bottom: 0; } .ppc-partner-left h3 { margin-top: 0px; margin-bottom: 0px; } .ppc-partner-right > h2 { margin-bottom: 20px; } .ppc-partner-right table {} .ppc-partner-right table td, .ppc-partner-right table th { padding: 10px 15px; font-size: 20px; } .ppc-partner-right table tr td:first-child, .ppc-partner-right table tr th:first-child { border-right: 1px solid #ccc; padding-left: 0; } .buttons-itemlist { margin-top: -10px; } .buttons-itemlist .item-button { display: inline-block; text-align: center; margin: 10px; } .buttons-itemlist .item-button > div { border: 5px solid #2e6cc1; display: block; overflow: hidden; width: 130px; height: 110px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-size: cover; } .buttons-itemlist .item-button a { display: block; width: 100%; height: 100%; padding-top: 18px; color: #0f1010; font-weight: bold; text-decoration: none; font-size: 16px; line-height: 22px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .buttons-itemlist .item-button a:hover { color: #2e6cc1; } #profile-page-content.profile-partner-page-content { padding-top: 80px; padding-bottom: 60px; } @media (max-width: 768px) { .sponsor-item .item-name p { padding-top: 20px; } } @media (max-width: 576px) { .sponsor-item .item-avatar > div { width: 100px; height: 100px; } .sponsor-item .item-name p { padding-top: 10px; } } #profile-page-header.profile-partner-page-header .button {margin-bottom: 20px; width: 200px;} #profile-page-header.profile-partner-page-header h3 { color: #fff; margin-bottom: 20px;} #payment-methods .fa-check {color:#2055a3; opacity: 0;} #payment-methods .active .fa-check { opacity: 1;} .w830 > div { max-width: 830px; } .calendar-top-wrap { background: url(../img/calendar-top-bg.jpg) center bottom no-repeat; background-size: cover; } #calendar-top { padding-top: 50px; padding-bottom: 50px; } #calendar-top .item-avatar > div { border: 5px solid #2055a3; display: inline-block; overflow: hidden; width: 240px; height: auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-size: cover; } #calendar-top .item-avatar > div img { width: 100%; height: auto; } #calendar-top h1 { color: #fff; font-size: 40px; font-weight: bold; margin-bottom: 40px; margin-top: 0; } #calendar-top h2 { color: #fff; font-size: 20px; font-weight: bold; } #calendar-top h2 span { color: #fff; font-size: 16px; font-weight: normal; } #calendar-top p { font-size: 20px; color: #fff; font-weight: 300; } .button.button-blue { border-color: #2055a3 !important; background-color: #2055a3; } .button.button-blue:hover, .button.button-blue:focus { color: #2055a3 !important; background-color: #fff; border-color: #2055a3; } .button.button-inverted.button-blue { color: #2055a3 !important; background-color: #fff; border-color: #2055a3 !important; } .button.button-inverted.button-blue:hover, .button.button-inverted.button-blue:focus { color: #fff !important; background-color: #2055a3; border-color: #fff; } #calendar-timer { padding-top: 50px; padding-bottom: 50px; } #calendar-timer .button { padding: 9px 24px; display: inline-block; width: 240px; text-align: center; margin-bottom: 20px; } .important-webinar { padding-top: 30px; padding-bottom: 20px; background: #2055a3; } .important-webinar h2 { color: #fff; } h2.exclamation { position: relative; padding-left: 60px; font-size: 20px; font-weight: bold; padding-top: 7px; margin-top: 0; margin-bottom: 0; min-height: 40px; margin-bottom: 18px; } h2.exclamation::before { position: absolute; left: 0; top: 0; width: 40px; height: 40px; display: block; content: "!"; font-size: 40px; font-weight: bold; text-align: center; line-height: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .important-webinar h2.exclamation::before { background: #fff; color: #2055a3; } .important-webinar h3 { font-weight: 300; color: #fff; font-size: 20px; } .important-webinar h3 b { font-weight: bold; color: #fff; } .important-webinar p { color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 22px; } .important-webinar .button { padding: 9px 24px; display: inline-block; width: 240px; text-align: center; margin-bottom: 20px; } .important-webinar .button:hover, .important-webinar .button:focus { border-color: #fff !important; } .important-webinar-grey { background: #d4e1f2; } .important-webinar-grey h2, .important-webinar-grey h3, .important-webinar-grey p { color: #000; } .important-webinar-grey .button:hover, .important-webinar-grey .button:focus { border-color: #2055a3 !important; } #event-calendar { padding-bottom: 60px; } #event-calendar > h2 { font-weight: bold; font-size: 30px; margin-top: 0; margin-bottom: 40px; } .event-item-header > .row { background: #2055a3; padding: 15px; margin-bottom: 30px; } .event-item-header p { margin-bottom: 0; font-size: 20px; font-weight: 300; color: #fff; } .event-item-header .fa-calendar-alt { color: #fff; font-size: 28px; } .event-item-content { margin-bottom: 20px; } .event-item-content .item-avatar > div { border: 5px solid #2055a3; display: inline-block; overflow: hidden; width: 120px; height: auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-size: cover; } .event-item-content .item-avatar > div img { width: 100%; height: auto; } .event-item-content > .row > div:first-child { max-width: 250px; padding-right: 30px; } @media (max-width: 768px) { .event-item-content > .row > div:first-child { max-width: none; } } .event-item-content > .row > div:last-child{ background: #d0d6ff; padding: 20px; border-left: 1px solid #ccc; } .event-item-desc { font-weight: bold; font-size: 20px; } .event-item-content h3 { font-weight: 300; font-size: 22px; } .event-item-timer { color: #2055a3; } .event-item+.event-item { margin-top: 50px; } .event-item .button { margin: 10px; } .item-calendar { border: 5px solid #fff; display: inline-block; overflow: hidden; width: 240px; height: auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-size: cover; margin: 0 auto; margin-bottom: 20px; } .item-calendar img {width: 100%; height:auto;} .panel-danger>.panel-heading { background: #2055a3; color: #fff} .panel { -webkit-box-shadow: none; box-shadow: none;} .panel-danger {border: none;} .panel-heading {border-radius: 0px;} .row.single_event {margin-bottom: 30px} .today_webinar_operations .button {margin-bottom:15px; width: 186px;} .event-countdown-title {padding-left: 6px; margin-bottom: 0} .stc-skin-simple .stc-digit, .stc-skin-simple .stc-group, .stc-skin-simple .stc-divider {color: #2055a3 !important;} .panel-body {padding: 0px !important;} .panel-default {border: none !important;} .img_list_mod {width: 100%; height: auto; max-width: 300px;} .panel-success {border: none;} .panel-success>.panel-heading {background: #fff; border: none;} .datagrid .datagrid-pager { padding-top: 5px; padding-bottom: 5px;} .checkbox#payment-methods label{position: relative;} .checkbox#payment-methods i.fa-check {margin-right: 10px} .checkbox#payment-methods label:before { width: 30px; height: 30px; display: block; border: 2px solid #2055a3; position: absolute; content: ""; top: -5px; left: -6px; z-index: 1; cursor: pointer; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} #education-list .item-img img {filter: hue-rotate(70deg)} .fa.fa-caret-up { color: #2055a3;} .fa.fa-caret-down { color: #2055a3;} .input-group.spinner .form-control { font-size:18px;} #img_custom_page {width: 100%} .blue-bullets { padding-left: 0; } .blue-bullets li{ list-style-type: none; position: relative; padding-left: 35px; margin-top: 8px; margin-bottom: 8px; } .blue-bullets.fz24 li { font-size: 24px; } .blue-bullets li::before { width: 15px; height: 15px; position: absolute; content: ""; left: 0; top: 12px; background: #2055a3; border-radius: 10px; } .blue-bullets.mb20 li { margin-bottom: 20px; } .blue-bullets.li-colors li:before { left: 15px; top: 43%; } .no-mt-mp, .no-mt-mp li {margin-top: 0px !important; margin-bottom: 0px!important;} .no-pt-pb {padding-top: 0px !important; padding-bottom: 0px !important;} .no-padding {padding: 0px !important;} .border-radius-bottom { border-bottom-left-radius: 27px; border-bottom-right-radius: 27px; } .border-radius-27 {border-radius: 27px; -webkit-border-radius: 27px} .fancybox-bg {background-color: rgba(43, 33, 72, 0.75)} #videostart { padding-top: 20px;} #videostart h2.header { padding-top: 0px; margin-bottom: 84px;} #videostart h2.header a{ font-size: 36px; font-family: "Roboto", sans-serif;} #videostart h2.header:before { background: #2055a3 url(../img/h2-icon-05.png) center center no-repeat; top: 5px;/*top: 25px;*/} #videostart .row { margin-bottom: 80px; -webkit-box-shadow: 0px 3px 25px 0px rgba(35, 0, 70, 0.2); -moz-box-shadow: 0px 3px 25px 0px rgba(35, 0, 70, 0.2); box-shadow: 0px 3px 25px 0px rgba(35, 0, 70, 0.2); } #videostart .item-desc { padding-top: 25px; padding-bottom: 25px;} #videostart .item-01 .item-img {position: relative;} #videostart .item-01 .item-img p {color: #fff; padding: 20px; position: absolute; bottom: 0px; left: 0px;} #videostart .item-01 .item-img { background:url(../img/videostart-img-01.jpg) center center no-repeat; background-size: cover;} #videostart .item-02 .item-img { background:url(../img/videostart-img-02.jpg) center center no-repeat; background-size: cover;} #videostart .item-03 .item-img { background:url(../img/videostart-img-03.jpg) center center no-repeat; background-size: cover;} #videostart ul { padding-left: 0px;} #videostart p, #videostart b { font-size: 18px;} #videostart b { font-weight: 700;} #videostart h3 { font-size: 18px; font-weight: bold;} #videostart .item-desc { padding-left: 50px; padding-right: 50px;} #videostart li { font-size: 18px; list-style-type: none; position: relative; padding-left: 30px;} #videostart li:before { position: absolute; display: block; content: ""; width: 15px; height: 15px; left: 0px; top: 6px; background-color: #2055a3; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } #videostart li+li { margin-top: 15px;} #videostart .button { padding-left: 20px; padding-right: 20px;} @media (max-width: 992px){ #important-p2 .item { padding: 20px 15px;} #videostart .item-desc { padding-left: 10px; padding-right: 10px;} #videostart .item-desc p, #videostart .item-desc li { font-size: 16px;} } @media (max-width: 1366px) { #top { padding-top: 80px; padding-bottom: 50px; } } @media (max-width: 768px){ #helps .text-center img { display: none;} #business .item { min-height: 0px; padding-bottom: 10px; margin-bottom: 40px;} #important-p2 .item { margin-bottom: 30px;} .important-p3-wrap { background: none;} #important-p3 { min-height: 0px; padding-bottom: 40px;} #videostart .row { margin-bottom: 50px;} #videostart .item-img { height: 200px;} #top h1 { font-size: 36px;} #top h2, #top a { font-size: 24px;} #important-p3 p { font-size: 18px;} #videostart { padding-top: 60px;} .pt-xs-30 {padding-top: 30px} } .pb20 {padding-bottom: 20px} .pb30 {padding-bottom: 30px} .button-societ{ width: 100%; text-align: center; max-width: 360px; height: 44px; padding-top: 10px;} #coman-table { padding: 30px; border-radius: 10px; -webkit-box-shadow: 0px 3px 25px 0px rgba(35, 0, 70, 0.1); -moz-box-shadow: 0px 3px 25px 0px rgba(35, 0, 70, 0.1); box-shadow: 0px 3px 25px 0px rgba(35, 0, 70, 0.1); margin-bottom: 40px; } #coman-table .header {} #coman-table .user-photo img { max-width: 100%} #coman-table .bdate p { font-size: 14px} #coman-table .header p {font-size: 24px; font-weight: bold} #coman-table .users {padding-top: 20px; padding-bottom: 20px} #coman-table label { color: #fff !important; padding: 6px 20px 6px 20px; display: inline-block; text-transform: uppercase; background-color: #2055a3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #2055a3; font-size: 14px; font-weight: bold;} .pt30 {padding-top: 30px} .pt80 {padding-top: 80px} /*мои сайты 2022*/ #partner-landings-menu p, #partner-landings-menu .text, #partner-landings-menu label{color: #fff} #partner-landings-menu select { width: 320px; max-width: 100%; } #partner-landings-menu .section-right { max-width: 370px; right: 0px; margin-left: auto; text-align: left; } #partner-landings-menu .section { padding-top: 10px; padding-bottom: 10px; } .partner-landings-menu-wrap { background: #5d8dcf; padding: 20px; } .slick-prev.slick-arrow{ width: 25px; left: 0px; height: 100%; background: url(/templates/navigator4life/system/img/arrow-prev.png) rgba(255, 255, 255, 0.95) center center no-repeat; z-index: 3; -webkit-box-shadow: 20px -1px 25px 20px rgb(255 255 255 / 95%); -moz-box-shadow: 20px -1px 25px 20px rgb(255 255 255 / 95%); box-shadow: 20px -1px 25px 20px rgb(255 255 255 / 95%); } .slick-prev.slick-arrow:hover, .slick-prev.slick-arrow:focus{ background: url(/templates/navigator4life/system/img/arrow-prev.png) rgba(255, 255, 255, 0.95) center center no-repeat; z-index: 3; } .slick-next.slick-arrow{ width: 25px; right: 0px; height: 100%; background: url(/templates/navigator4life/system/img/arrow-next.png) rgba(255, 255, 255, 0.95) center center no-repeat; z-index: 3; -webkit-box-shadow: -20px -1px 25px 20px rgb(255 255 255 / 95%); -moz-box-shadow: -20px -1px 25px 20px rgb(255 255 255 / 95%); box-shadow: -20px -1px 25px 20px rgb(255 255 255 / 95%); } .slick-next.slick-arrow:hover,.slick-next.slick-arrow:focus{ background: url(/templates/navigator4life/system/img/arrow-next.png) rgba(255, 255, 255, 0.95) center center no-repeat; z-index: 3; } .slick-disabled { display: none !important; } .star img.star { width: 20px; } @media (min-width: 768px) { .slick-next.slick-arrow { right: -15px; } .slick-prev.slick-arrow { left: -15px; } } .favorit { color: #fff; padding-left: 10px; top: 4px; position: relative; } .favorit img.star { top: -3px; position: relative; right: 6px; } .button-copy { font-size: 12px; padding: 5px 20px; border: 1px solid #0b93d5; background: #fff; position: relative; bottom: 7px; left: 10px; } #lending_more_info .button-copy { font-size: 20px; padding: 5px 20px; border: 3px solid #0b93d5; background: #fff; position: relative; bottom: 7px; left: auto; font-weight: bold; } .checkbox input { float: left; margin-left: -25px; margin-top: 6px; width: 15px; height: 15px; } iframe#site-scale { width: 1920px; height: 100%; /* transform: scale(.25); transform-origin: 0 0;*/ max-width: 100%; } .link-site { word-break: break-all; padding-right: 20px; } .slide img { max-width: 100%; width: 270px; } .slide-img { overflow:hidden; } .slide-img img{ height: 140px; object-fit: cover; } .slide-text-block { text-align: left; padding-top: 10px; } .slick-slide:hover { opacity: 1; z-index: 1; } #partner-landings-content .container {overflow: hidden} .slick-list{overflow: visible !important;} .slide.slick-slide { opacity: 0; visibility: hidden } .slide.slick-slide.slick-active { opacity: 1; visibility: visible } .slick-slide .slide-img:hover { background: #f6f6f6; transition: transform .9s; transform: scale(1.5); z-index: 3; opacity: 1; } .slide-text-block p{text-align: left} .title-sliders { overflow: hidden; text-align: left; font-size: 30px; margin-top: 10px; margin-bottom: 10px; } .title-sliders span { display: inline-block; vertical-align: middle; } .title-sliders:before, .title-sliders:after { content: ""; display: inline-block; vertical-align: middle; width: 100%; height: 3px; background-color: #000000; position: relative; } .title-sliders:before { margin-left: -100%; left: -14px; } .title-sliders:after { margin-right: -100%; right: -14px; } .slide { display: block; padding: 5px; position: relative; } div.modal { overflow-y: auto !important; } #saveLinkCustomPage.modal { z-index: 9999; } /* для элемента input c type="checkbox" */ .custom-checkbox>input { position: absolute; z-index: -1; opacity: 0; } /* для элемента label, связанного с .custom-checkbox */ .custom-checkbox>span { display: inline-flex; align-items: center; user-select: none; } /* создание в label псевдоэлемента before со следующими стилями */ .custom-checkbox>span::before { content: ''; display: inline-block; width: 20px; height: 20px; flex-shrink: 0; flex-grow: 0; border: 2px solid #ffffff; border-radius: 0.25em; margin-right: 0.5em; background-repeat: no-repeat; background-position: center center; position: relative; top: 3px; } /* стили при наведении курсора на checkbox */ .custom-checkbox>input:not(:disabled):not(:checked)+span:hover::before { border-color: #b3d7ff; } /* стили для активного чекбокса (при нажатии на него) */ .custom-checkbox>input:not(:disabled):active+span::before { background-color: #b3d7ff; border-color: #b3d7ff; } /* стили для чекбокса, находящегося в фокусе */ .custom-checkbox>input:focus+span::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */ .custom-checkbox>input:focus:not(:checked)+span::before { border-color: #80bdff; } /* стили для чекбокса, находящегося в состоянии checked */ .custom-checkbox>input:checked+span::before { border-color: #fff; border: none; background-image: url("/templates/navigator4life/system/img/custom-ckecbox-active.svg"); } /* стили для чекбокса, находящегося в состоянии disabled */ .custom-checkbox>input:disabled+span::before { background-color: #e9ecef; } /* для элемента input c type="checkbox" */ .custom-checkbox-star>input { position: absolute; z-index: -1; opacity: 0; } /* для элемента label, связанного с .custom-checkbox */ .custom-checkbox-star>span { display: inline-flex; align-items: center; user-select: none; } /* создание в label псевдоэлемента before со следующими стилями */ .custom-checkbox-star>span::before { content: ''; display: inline-block; width: 20px; height: 20px; flex-shrink: 0; flex-grow: 0; background-image: url("/templates/navigator4life/system/img/star-white.png"); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; position: relative; right: 5px; top: -2px; opacity: 0.5; } .custom-checkbox-star.blue-star>span::before { content: ''; display: inline-block; width: 20px; height: 20px; flex-shrink: 0; flex-grow: 0; background-image: url("/templates/navigator4life/system/img/star-active.png"); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; position: relative; right: 5px; top: -2px; opacity: 0.5; } /* стили при наведении курсора на checkbox */ .custom-checkbox-star>input:not(:disabled):not(:checked)+span:hover::before { border-color: #b3d7ff; opacity: 0.7; } /* стили для активного чекбокса (при нажатии на него) */ .custom-checkbox-star>input:not(:disabled):active+span::before { background-color: #b3d7ff; border-color: #b3d7ff; } /* стили для чекбокса, находящегося в фокусе */ .custom-checkbox-star>input:focus+span::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); opacity: 0.7; } /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */ .custom-checkbox-star>input:focus:not(:checked)+span::before { border-color: #80bdff; } /* стили для чекбокса, находящегося в состоянии checked */ .custom-checkbox-star>input:checked+span::before { opacity: 1; background-image: url("/templates/navigator4life/system/img/star-white.png"); } .custom-checkbox-star.blue-star>input:checked+span::before { opacity: 1; background-image: url("/templates/navigator4life/system/img/star-active.png"); } /* стили для чекбокса, находящегося в состоянии disabled */ .custom-checkbox-star>input:disabled+span::before { background-color: #e9ecef; } .checkbox-modal label { padding-left: 0px; padding-top: 0px; cursor: pointer; } #lending_more_info .modal-dialog{ max-width: 1130px; padding-left: 10px; padding-right: 10px; } .modal.show.registration-new .modal-dialog{ max-width: 1130px; padding-left: 10px; padding-right: 10px; } #lending_more_info button.close { position: absolute; right: 0px; top: 0px; z-index: 999; } .modal.show.registration-new button.close { position: absolute; right: 0px; top: 0px; z-index: 999; } .pt20 {padding-top: 20px} .ptl20-r20 {padding-left: 20px; padding-right: 20px} .pt50 {padding-top: 50px} .mt50 {margin-top: 50px} .mb50 {margin-bottom: 50px} .pb50 {padding-bottom: 50px} .viewed_site { background-color: aliceblue; opacity:80%; } .viewed_site:before { content: "Просмотрено"; color: #000; position: absolute; right: auto; background: #fff; padding-top: 2px; padding-right: 15px; padding-bottom: 2px; padding-left: 15px; font-size: 10px; font-weight: bold; top: 10px; margin: 0 auto; text-align: center; margin-left: -45px;} .viewed_site:hover:before {content: ""; color: transparent; position: absolute;right: 5px; background: transparent } .unviewed_news { background-color: pink !important; } .unviewed_news .news-video__text::after{ background: linear-gradient(180deg, transparent, pink 50%) !important; } .contacts-content-wrap h2.header {margin-bottom: 40px;} #contacts-content {} #contacts-content p { font-weight: 700; padding-bottom: 90px;padding-top: 50px;} #contacts-content .green-bg {background: #d0d6ff; padding: 30px 3%;} #contacts-content .green-bg .row+.row {margin-top: 15px;} #contacts-content .green-bg .row > div {font-size: 30px; font-weight: 300; min-height: 30px; line-height: 30px;padding: 5px; color: #000;} #contacts-content .green-bg .row > div a {font-size: 30px; font-weight: 300; min-height: 30px; line-height: 30px;padding: 5px; word-break: break-all;} #contacts-content .green-bg .row > div a.link {font-size: 20px; font-weight: 300; min-height: 30px; line-height: 30px;padding: 5px; display: contents; word-wrap: break-word;} #contacts-content .green-bg .row > div:first-child {font-weight: bold; padding-left: 80px;} #contacts-content .green-bg .row > div.item-phone {background: url(/templates/navigator4life/system/img/icon-pfone.png) left center no-repeat; background-size: 40px; } #contacts-content .green-bg .row > div.item-mail {background: url(/templates/navigator4life/system/img/icon-mail.png) left center no-repeat;background-size: 36px;} #contacts-content .green-bg .row > div.item-viber {background: url(/templates/navigator4life/system/img/icon-viber.png) left center no-repeat;background-size: 36px;} #contacts-content .green-bg .row > div.item-vhatsapp {background: url(/templates/navigator4life/system/img/icon-whatsapp.png) left center no-repeat;background-size: 36px;} #contacts-content .green-bg .row > div.item-instagram {background: url(/templates/navigator4life/system/img/icon-instagram.png) left center no-repeat; background-size: 36px;} #contacts-content .green-bg .row > div.item-telegram {background: url(/templates/navigator4life/system/img/icon-telegram.png) left center no-repeat; background-size: 36px;} #contacts-content .green-bg .row > div.item-vk {background: url(/templates/navigator4life/system/img/icon-vk.png) left center no-repeat; background-size: 36px;} #contacts-content .green-bg .row > div.item-fb {background: url(/templates/navigator4life/system/img/icon-fb.png) left center no-repeat; background-size: 36px;} #contacts-content .green-bg .row > div.item-tick {background: url(/templates/navigator4life/system/img/icon-tick.png) left center no-repeat; background-size: 36px;} #contacts-content .green-bg .row > div.item-youtube {background: url(/templates/navigator4life/system/img/icon-yotube.png) left center no-repeat; background-size: 36px;} #contacts-content .green-bg .row > div.item-skype {background: url(/templates/navigator4life/system/img/icon-scype.png) left center no-repeat; background-size: 40px;} #contacts-content .green-bg .row > div.item-04 {background: url(../img/contacts-icon-04.png) left center no-repeat; } #system-payments-step-3 img {width: 800px; max-width: 100%} .bible p { color: #fff004; font-size: 14px; /* font-family: "cyrillicoldface";*/ line-height: 1; } .bible { display: block; position: absolute !important; padding-left: 15px !important; top: -35px; text-align: left !important; opacity: 0.7; } .fz28 {font-size: 28px} .step-name {margin-top: 10px; margin-bottom: 0px} /*обновления для страницы регистрации*/ .title-top {font-size: 46px; padding-top: 20px; padding-bottom: 20px; color: #003C73; font-weight: bold;} .title-top-smol {font-size: 36px; color: #003C73; font-weight: bold;} .flags-mini {padding-left: 5px; padding-right: 5px; font-size: 28px; font-weight: 500; display: inline-block;} .flags-mini img {padding-left: 5px; padding-right: 5px;} .button-big {font-size: 32px; font-weight: 700; border-radius: 27px; padding-top: 20px; padding-bottom: 20px; width: 100%; text-align: center; max-width: 570px} .download-pdf img {padding-top: 20px; padding-bottom: 20px;padding-right: 20px} .fz22, fz22 b {font-size: 22px;} .fz24, fz24 b {font-size: 24px;} .fz30, fz30 b {font-size: 30px;} .fz28, fz28 b {font-size: 28px;} .fz36 {font-size: 36px} .fz42 {font-size: 42px} .fz48 {font-size: 48px} .fz60 {font-size: 60px} .text-uppercase {text-transform: uppercase} .text-underline {text-decoration: underline} .decorate-line { width: auto; border-top: solid 2px; } .blue-border {border-radius: 27px;border: solid 2px #2055A3;padding-top: 50px;} .blue-border-fat {border-radius: 27px;border: solid 5px #2055A3; padding: 40px; height: auto} .blue-border-no-pt {border-radius: 27px;border: solid 2px #2055A3; overflow: hidden} .li-colors li { background: #fff; padding: 20px 60px; } .li-colors li:nth-child(odd) { background: #F1F1F1; padding: 20px 60px } .big-blue {font-size: 35px; color: #003C73; font-weight: 600} .big-input {border-radius: 27px; border: solid 6px #003C73; font-size: 24px; text-align: center; padding: 20px} .grey-bg {background-color: #F7F7F7; border-bottom-right-radius:27px; border-bottom-left-radius: 27px; padding: 20px } .transpatent-bg {background-color: transparent; padding: 20px } .bordered {border-radius: 9px} .grey-bg p {margin-bottom: 0px; } .text-red, .text-red b {color: #DD0000} .text-blue, .text-blue b{color: #2055A3} .text-light-blue, .text-light-blue b{color: #4490FF} .reg-steps {display: flex} .step-img {width: 160px; padding-right: 40px} .sponsor .step-img {width: 120px; padding-right: 30px} .sponsorinrpoller .step-img { padding-right: 40px} .sponsor {border: solid 2px #5685C5; background-color: #DAE9FF; border-radius: 27px; padding: 20px; min-height: 224px; } .sponsorinrpoller { padding: 20px; } .sponsorinrpoller.bg-darks {border: solid 2px #5685C5; background-color: rgba(208, 214, 255, 0.56); border-radius: 27px; } .sponsor p {margin-bottom: 0px} .sponsorinrpoller p {margin-bottom: 0px;} .content {text-align: left;} .img-max-width {max-width: 100%} .blue-background {background-color: #2055A3; border-radius: 27px; padding: 20px;} .blue-background-nf {background-color: #2055A3; border-radius: 27px; padding: 40px;} .blue-background2 {background-color: #2055A3; border-bottom-left-radius: 27px; border-bottom-right-radius: 27px; padding: 40px 55px;position: relative;display: block;} .blue-background2 span.dots {} .blue-background2 span.dots:before {content: ""; display: block;position: absolute; left: 25px; top: 40%;width: 25px;height: 25px; background: url("../img/white-dots.png") center center no-repeat} .blue-background2 span.dots:after {content: ""; display: block;position: absolute; right: 25px; top: 40%;width: 25px;height: 25px; background: url("../img/white-dots.png") center center no-repeat} .blue-background-small { background-color: #2055A3; border-top-left-radius: 27px; border-top-right-radius: 27px; position: relative; display: block; margin-bottom: 20px; border-right: solid 2px #fff; } .blue-background-small .item-text {padding: 20px} .border-radius-left {border-bottom-left-radius: 27px} .border-radius-right {border-bottom-right-radius: 27px} .blue-background-small-dark { background-color: #183D70; border-top-left-radius: 27px; border-top-right-radius: 27px; position: relative; display: block; margin-bottom: 20px; border-right: solid 2px #fff; } .blue-background-small-dark .item-text {padding: 20px} .blue-background-small .items-img {border-bottom:solid 2px #fff; } .blue-background-small-dark .items-img {border-bottom:solid 2px #fff; } .blue-background p {color: #fff; margin-bottom: 0px; font-size: 24px} .blue-background-nf p {color: #fff; margin-bottom: 0px;} .white-background-small { background-color: #fff; border-top-left-radius: 27px; border-top-right-radius: 27px; position: relative; display: block; margin-bottom: 20px; border-right: solid 2px #fff; } .white-background-small .item-text { border-left: 2px solid #2055A3; border-top: 2px solid #2055A3; border-right: 2px solid #2055A3; border-top-left-radius: 27px; border-top-right-radius: 27px; } .green-background2 {background-color: #104454; border-bottom-left-radius: 27px; border-bottom-right-radius: 27px; padding: 40px 55px;position: relative;display: block;} .reg-ru-bg {background: url("../img/rigistratition/ru-step6-bg.png") center center no-repeat; background-size: contain} .dark-blue {color: #2F466C} .blue-border-big { border-left: 5px solid #2055A3; border-top: 5px solid #2055A3; border-right: 5px solid #2055A3; border-top-left-radius: 27px; border-top-right-radius: 27px;} .light-green-border-big { border-left: 5px solid #3E9AC1; border-top: 5px solid #3E9AC1; border-right: 5px solid #3E9AC1; border-top-left-radius: 27px; border-top-right-radius: 27px;} .bg-gray {background: #E3E3E3} .bg-blue-gray {background: #c3cdda} .bg-light-green {background: #3E9AC1} .bg-light-blue {background: #5D8DCF} .content-step {display: inline-flex; } .content-step.margin-img img {margin-right: 20px ; height: 95px;width: 98px; } .content-step2 {display: inline-flex; } .content-step2.margin-img img {margin-right: 20px ; height: 45px;width: 45px; } .about-partner-item-1{ background: url("../img//step_7_img_016.png") top center no-repeat; background-size: cover; border-radius: 27px; overflow: hidden; line-height: 60px; } .about-partner-item-2{ background: url("../img//step_7_img_018.png") top center no-repeat; background-size: cover; border-radius: 27px; overflow: hidden; line-height: 60px; } .about-partner-item-3{ background: url("../img//step_7_img_025.png") top center no-repeat; background-size: cover; border-radius: 27px; overflow: hidden; line-height: 60px; } .about-partner-item-4{ background: url("../img//step_7_img_035.png") top center no-repeat; background-size: cover; border-radius: 27px; overflow: hidden; line-height: 60px; } .about-partner-item-5{ background: url("../img//step_new_1_img_002.png") top center no-repeat; background-size: cover; border-radius: 27px; overflow: hidden; line-height: 60px; } .about-partner-item-6{ background: url("../img//step_new_1_img_003.png") top center no-repeat; background-size: cover; border-radius: 27px; overflow: hidden; line-height: 60px; } .about-partner-item-7{ background: url("../img//step_new_11_img_003.png") top center no-repeat; background-size: cover; border-radius: 27px; overflow: hidden; line-height: 60px; } .blue-gradient-bg-tr { background: linear-gradient(360deg, rgba(32, 85, 163, 1) 36%, rgba(32, 85, 163, 0.52) 100%); padding-left: 40px; padding-right: 40px; padding-top: 80px; padding-bottom: 100px; border-top-right-radius: 27px ; } .bg-white-shadow .step1-item { padding: 20px} .bg-white-shadow { -webkit-box-shadow: 0px 3px 25px 0px rgba(35, 0, 70, 0.2); -moz-box-shadow: 0px 3px 25px 0px rgba(35, 0, 70, 0.2); box-shadow: 0px 3px 25px 0px rgba(35, 0, 70, 0.2); border-radius: 30px; -webkit-border-radius: 30px; margin-bottom: 50px} .margin0 {margin-bottom: 0px } .bg-white-shadow-no-mp { -webkit-box-shadow: 0px 3px 25px 0px rgba(35, 0, 70, 0.2); -moz-box-shadow: 0px 3px 25px 0px rgba(35, 0, 70, 0.2); box-shadow: 0px 3px 25px 0px rgba(35, 0, 70, 0.2); border-radius: 30px; -webkit-border-radius: 30px;} .border-blue-big { border-left:40px solid #2055A3; border-right: 40px solid #2055A3; border-radius: 27px } .text-max-800 {max-width: 800px; margin: 0 auto} .text-max-870 {max-width: 870px; margin: 0 auto} .border-left-md {display: block} .border-left-md:before {border-left: 2px solid #000; margin-left:-20px; position: absolute; display: block; content: ""; height: 100%;} .border-left-md.border-left-md-stick:before {height: 100%; min-height: 580px; top: -40px} .border-aroud {border: 2px solid #000; padding: 10px; border-radius: 23px; -webkit-border-radius: 23px} .border-aroud-transparent { padding: 10px; border-radius: 23px; -webkit-border-radius: 23px} .pading20 {padding: 20px} .padinglr30 {padding-right: 30px; padding-left: 30px} .border-radius-bottom {border-bottom-left-radius: 27px; border-bottom-right-radius:27px} .no-border-radius-bottom {border-bottom-left-radius: 0px; border-bottom-right-radius: 0px} .border-radius-top {border-top-left-radius: 27px; border-top-right-radius: 27px} .no-border-radius-top {border-top-left-radius: 0px; border-top-right-radius: 0px} .text-decorate-bluegradient { background: linear-gradient(360deg, #7E00CB 18%, #0009DB 40%, #6AC0FF 92%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: 3px solid transparent; font-weight: bold; } .text-decorate-lightbluegradient { background: linear-gradient(360deg, #2055A3 0%, #3A7FE4 45%, #7CCCFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: 3px solid transparent; font-weight: bold; } .text-decorate-greenradient { background: linear-gradient(360deg, #408F02 1%, #66A400 50%, #92CC03 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: 3px solid transparent; font-weight: bold;} .ml20 {margin-left: 20px} .step-number-around-blue { background-color: #2055A3; border-radius: 30px; -webkit-border-radius: 30px; font-size: 36px; font-weight: bold; color: #fff; padding-right: 12px; padding-left: 12px; padding-top: 4px; padding-bottom: 4px; margin-right: 20px; } .step-number-around-blue-long { background-color: #2055A3; border-radius: 30px; -webkit-border-radius: 30px; font-size: 36px; font-weight: bold; color: #fff; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; margin-right: 20px; } .container_videostart .video { text-align: center; padding: 0 15px 30px; } .step-item.item { position: relative; /*padding: 20px 10px;*/ overflow: hidden; padding-bottom: 0px; border-right: solid 4px #fff; } .step-item .items-img span { display: block; position: absolute; bottom: 0px; width: 100%; left: 0px; padding: 10px; font-weight: 700; text-align: center; } .item-gift-002 { background: url("../img/step_6_img_022.png") center center no-repeat; height: 100%; width: 100%; background-size: cover; } .img-width100-big img {width: 100%; max-width: 100%} /*.content-step:before { background: url("../img/icon_play.png") center center no-repeat; display: block; width: 29px; height: 29px; content: ""; position: relative; top: 8px; }*/ @media (min-width: 1367px) { #lending_more_info .modal-dialog{ max-width: 1500px; padding-left: 10px; padding-right: 10px; } .modal.show.registration-new .modal-dialog{ max-width: 1500px; padding-left: 10px; padding-right: 10px; } iframe#site-scale {min-height: 760px} .modal_web_info {padding-top: 5% !important;} } @media (max-width: 991px) { #contacts-content .green-bg .row > div {font-size: 24px;} #contacts-content .green-bg .row > div a {font-size: 24px;} } @media (max-width: 767px){ #contacts-content .green-bg .row > div:first-child { padding-left: unset; } #contacts-content .green-bg .row > div {text-align: center} .pt20-xs {padding-top: 20px} .site-mini{ max-width: 247px; display: block; margin: 0 auto; text-align: center;} .title-top {font-size: 26px} .title-top-smol {font-size: 24px} .button-big {font-size: 18px} .fz22, fz22 b {font-size: 20px} .fz24, fz24 b {font-size: 18px} .fz28, fz28 b {font-size: 22px} .fz30, fz30 b {font-size: 22px} .fz36, fz36 b {font-size: 26px} .fz42, fz42 b {font-size: 36px} .fz48, fz48 b {font-size: 36px} .fz60, fz48 b {font-size: 36px} .big-blue {font-size: 24px;} .reg-steps {display: block; text-align: center} .step-img {width: auto; padding-right: 0px; padding-bottom: 40px } .sponsor .step-img {width: auto; padding-right: 0px; padding-bottom: 40px } .sponsorinrpoller .step-img {width: auto; padding-right: 0px; } .sponsor {min-height: auto} .sponsorinrpoller {min-height: auto} .content {text-align: center} .white-text {color: #fff} .content-step.margin-img p {margin-top: 20px} .content-step.margin-img { display: block; text-align: center; } .border-left-md:before {border-left: none} .text-sx-center {text-align: center} .mt20-xs {margin-top: 20px} .step-number-around-blue { display: block; width: 50px; text-align: center; margin: 0 auto; } .step-number-around-blue-long { display: block; width: 62px; text-align: center; margin: 0 auto; } .big-input { font-size: 20px; text-align: center; padding: 10px; max-width: 100%} .download-pdf { display: inline-grid;width: 100%;} .download-pdf img { padding-right: initial; margin: 0 auto; } .blue-background-small {border-radius: 27px} .blue-background-small-dark {border-radius: 27px} .border-radius-27-xs {border-radius: 27px; -webkit-border-radius: 27px} } @media (max-width: 992px){ #important-p2 .item { padding: 20px 15px;} #videostart .item-desc { padding-left: 10px; padding-right: 10px;} #videostart .item-desc p, #videostart .item-desc li { font-size: 16px;} } @media (max-width: 1366px) { #top { padding-top: 80px; padding-bottom: 50px; } } @media (max-width: 767px){ #helps .text-center img { display: none;} #business .item { min-height: 0px; padding-bottom: 10px; margin-bottom: 40px;} #important-p2 .item { margin-bottom: 30px;} .important-p3-wrap { background: none;} #important-p3 { min-height: 0px; padding-bottom: 40px;} #videostart .row { margin-bottom: 50px;} #videostart .item-img { height: 200px;} #top h1 { font-size: 36px;} #top h2, #top a { font-size: 24px;} #important-p3 p { font-size: 18px;} #videostart { padding-top: 60px;} .pt-xs-30 {padding-top: 30px} #coman-table .profile-content-text { padding-top: 20px; } #coman-table {text-align: center} .slide img { max-width: 100%; width: auto; } #education-list { padding-top: 30px; padding-bottom: 30px} .img-width100-big img {width: auto; margin: 0 auto} } .img-max-width img {max-width: 100%} .img-width100 img {width: 100%; max-width: 100%} .modal_texts h1{ width: fit-content; position: relative; text-align: center; left: 50%; transform: translateX(-50%); } .modal-list li{ text-transform: uppercase !important; font-size: 20px; color: #2055A3; margin-top: 50px !important; } .modal-list p, .modal-list1 p{ margin-top: 10px; } .modal-list1 { max-width: 900px; text-align: start; margin: auto; } .modal-list1 li{ font-size: 20px; margin-top: 50px !important; } .modal-list1 p, .modal-ul-drivebot li{ color: #2055A3; } .modal-ul-drivebot li { margin-top: 10px !important; } .modal_cards{ z-index: 100; } .blue { max-width: 550px; width: 100%; background-color: #2E7DFF; border-radius: 10px; text-align: center; color: white; text-transform: uppercase; margin: auto; /* height: 30px; */ font-weight: 700; font-size: 20px; padding: 5px 0; } .modal_cards .item-text{ min-height: 210px; position: relative; } .modal_cards .pb20.pt20{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .big-block{ display: flex; gap: 20px; margin-bottom: 20px; } .big-block .prod-name{ background: #2055A3; border-radius: 20px; width: 100%; max-width: 250px; } .big-block .prod-text{ border: 2px solid #2055A3; border-radius: 20px; width: 100%; position: relative; } .big-block .prod-text p{ max-width: 600px; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (max-width: 1050px){ .big-block{ flex-direction: column; /* flex-wrap: wrap; */ } .big-block .prod-name img { position: static; } .big-block .prod-text p { position: static; transform: translate(0, 0); padding: 20px; margin: auto; } .big-block .prod-text{ order: 2; height: fit-content; } .big-block .prod-name{ order: 1; width: 100%; } #moreinfo .modal-body{ display: flex; flex-direction: row; flex-wrap: wrap; } .navigator_modal_bot, #navigator_modal_bot{ order: 1; } .navigatorbot_modal_bot, #navigatorbot_modal_bot{ order: 2; } .drive_modal_bot, #drive_modal_bot{ order: 3; } .allin_modal_bot, #allin_modal_bot{ order: 4; } } @media (max-width: 500px){ .modal-dialog{ margin-left: 0; } .modal-list1{ padding-left: 10px; } }