.warp { width: 100%; } .center_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; display: flex; -webkit-justify-content: center; justify-content: center; } .center_box>img { max-width: 90%; max-height: 90%; } a.row { display: block; } .row_flex { display: flex; flex-wrap: wrap; } body.dir_rtl .form-control[dir="auto"]:not(.dir_controlled_by_js) { direction: rtl; } @media (min-width: 1200px) { .page_width { width: 1200px; margin: 0 auto; } .footer_links .col-lg-2 { width: 20%; } } @-webkit-keyframes animated_cs_logo { 0% { background-position: 0 0; } 100% { background-position: 0 -418px; } } @keyframes animated_cs_logo { 0% { background-position: 0 0; } 100% { background-position: 0 -418px; } } .cs_logo_png { display: block; width: 163px; height: 22px; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-animation: animated_cs_logo 3s steps(19) infinite; animation: animated_cs_logo 3s steps(19) infinite; background-image: url("data:image/png;base64,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"); } .cs_logo_png_b { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKMAAAGiCAMAAAC8mYajAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMA8JzasUk2H8ddfXIUCueH6GMzTgAABQpJREFUeNrs29muElEQRuFVteee+N//aWU3ekTRxOnE1tSXQGBTIRWGhHUBIYTwPTntXFyTblxV6coA2XaetMpXapYaf8Fqumu8SPbVoCRT55vazvsZUi9NgxdmLx+FhjvflMT7cd34qO48lJ3XHYtWptZ4VUzl9bzyhWx8NhDPFikhBg9Lep6VlBv0hB7WpnmGWVMBF6d2PgZ6cDBJdVWWVt0ZU5K0n7O4HvhItjGWBVjGZlXbAssyGMsGAqvzuC7z7pKWjQHj7YuggQxNWblp2s12iV2dh3qbD79NkXU3XKmrtHkBKLoVb+fOq2tK2jmNo3dkqS9Kmjt261UulDbo8so8ttQzLHJteno5mwx1pF2OGRKomFHkrrabJE5J55S9TQ0XzXdcz1+0JJC71psoKpwOHUIbKWVyTQhSllTFVJMWkZBksBzkJbs2gNoAGXIeC2Z93hGTjD2ZJdYKuJA9Tw0XkwuaN8wBJNDNzwWLVk4CG4LUM3k5OG8mlipgE3gW53GGJZHHZsYkySRHHTkmXHx6r6FIBZ4GDSW6cBVN69OOXUaXuw3TXXvsWOVMi0PtB+TtSMeW/LxpybYDIN8POUiejyPDUEpglakkM3NIjq10sarqrtITVBnwNph8J6+4GCrnWFrFtApuurEnSXVer6w2d0TOLxoH3/P0rFmFvyePH9lR4qJ04yOthBDCexvWubou4+p2H1zT2YUP0YXRhdGF0YXRhdGF0YXRhSH8l1q66q/xf6tqihXC/ym6MLowujC6MLowujC6MLowhN8lNS6uSJWrK5Fd4SdEF0YXRhdGF0YXRhdGF0YXRhf+Watf/r9JXPm/SZ9ku3wfhvCBvTtWYRgEAjCcSJVkEO79n7adUkjoUCjljnz/7OCgw4dwigvfcSEXciEXciEXcqFOzYj0OJwVHr0klYsLuZALuZALuZALuVCXesv/7LVGW7LXVgdUKhEXciEXciEXciEXcqH0h0Z+au9573ypPapid3HhGYYZXXisPsrnwhYxc7twbPGq53bh0mNrM7kL99gLuHBw4Q9cuK1cyIWSylVgPk0vMF/1Efl/31jGZ8dw4dcuvJbRhU/27iBFYhAIo7CalDqIWPc/7TSzCDOdzKKhG/4i750gmyR8WKqd9guouXD27CbuwuqPlrgLk3v5Endh8yLvwuEm78ItgAv3hQtxIRHRfZu7/kD2cE+XCbmwlpHOybnQSnpKz4XLLZ3TcqF5X+JzpN0fVe050lI8p6Q+R7oHmCNd3uRdaG7yLpxuuBAXEhF9oJr1b43MAVY1R67pOiUXXifnwovkXGjnH7ucC4f3Ij5H+tPQduGyCC70AC7c2F/I/kJciAuJ3px1/bWjovtlOpqFL1O07uJCzp3h3BkdF3LuDOfO4EJciAvpjbUAQ3Cm+yodzS3ARjOiv+FCXIgLcSEuxIW4EBfiwv+60fGZzV3+IWuASyGJCBfiQlyIC3EhLsSFuJB+F+HeeA9wc2ENcGAmEeFCXIgLcSEuxIW4EBfSU2uTJ2GLQMJRWCEkihYuxIW4EBfiQlyIC3EhqRdg8a3pvi5HNcAzEr0SLsSFuBAX4kJciAtx4Xd7d3QCIAwEUTAYExJEuP6r1QryI8gF5nUxsLBcKOm32gafEzVqyV4/sq4SdnFhSe/CMwoXciEXciEXcuEyLpQk5ayNGDMivQvfkruwXLPfXMiFXMiFXMiFi7jwYw8RqRM6R7syzQAAAABJRU5ErkJggg=="); } .btn-primary { color: #fff; border-color: transparent; background-color: #d30001; background-image: linear-gradient(to top, #1371ba 0, #2aa8e0 100%); background-image: none; } .btn-primary:hover, .btn-primary:active, .btn-primary:focus { color: #fff; background-color: #d30001; background-image: none; _border-color: #000; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { _color: #fff; _background-color: #0f79bf; _border-color: #0f79bf; } .btn-read-more { transition: all 0.25s; color: #fff; border-color: transparent; background: linear-gradient(to top, #0084b5 0, #00aeff 100%); background-color: #0084b5; box-shadow: 0 10px 6px -6px #777; } .btn-read-more:hover, .btn-read-more:active, .btn-read-more:focus { color: #fff; border-color: #0084b5; } .btn-read-more.active.focus, .btn-read-more.active:focus, .btn-read-more.active:hover, .btn-read-more:active.focus, .btn-read-more:active:focus, .btn-read-more:active:hover, .open>.dropdown-toggle.btn-read-more.focus, .open>.dropdown-toggle.btn-read-more:focus, .open>.dropdown-toggle.btn-read-more:hover { color: #fff; background: linear-gradient(to bottom, #0084b5 0, #00aeff 100%); box-shadow: 0 10px 6px -9px #777; } .banner .btn-read_more { margin-top: 10px; } .btn-read_more:hover { color: #003670; } .btn-read_more.with_fa { padding: 6px 10px; font-size: 0; } .btn-read_more.with_fa .fa { font-size: 20px; font-weight: bold; } h1 { margin: 0; padding: 28px 0; color: #d30001; font-size: 30px; font-weight: normal; } .page_h1 { color: #d30001; border-bottom: 1px solid #dadada; font-size: 30px; font-weight: bold; text-align: center; } h2, h3 { margin-bottom: 6px; color: #000; font-size: 22px; font-weight: normal; } hr { border-top-color: #000; } p { margin: 0 0 10px; } body { width: 100%; padding-top: 150px; padding-right: 0 !important; transition: all 0.1s; background: #fff; font-family: sans-serif; font-family: "Assistant", sans-serif; font-size: 16px; _font-family: "Source Sans Pro", sans-serif; _font-family: "Open Sans Hebrew", sans-serif; } .scroll_from_top .header { height: 80px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .scroll_from_top .header_top_row { position: absolute; right: 0; left: 0; } .scroll_from_top .navbar-default .header_menu { padding-right: 0; padding-right: 220px; padding-left: 45px; padding-top: 12px; _float: left; } .scroll_from_top #warper_all .navbar-default .header_menu li>a { border-color: transparent; font-weight: normal; font-size: 17px; margin-top: 10px; padding-top: 5px; padding-bottom: 5px; line-height: 1; } .scroll_from_top #warper_all .navbar-default .navbar-nav:not(:hover)>.active>a, .scroll_from_top #warper_all .navbar-default .navbar-nav>li:hover>a, .scroll_from_top #warper_all .navbar-default .navbar-nav>li>a:focus, .scroll_from_top #warper_all .navbar-default .navbar-nav>.active:hover>a, .scroll_from_top #warper_all .navbar-default .navbar-nav>.active:focus>a, .scroll_from_top #warper_all .navbar-default .navbar-nav>.open:hover>a { color: #d30001; } .header_top_row .page_width { position: relative; } .scroll_from_top .navbar-default .logo a { position: absolute; right: 0; padding-top: 6px; padding-bottom: 6px; } .scroll_from_top .navbar-default .logo img { width: auto; height: 58px; } .scroll_from_top .header_warp_phone { margin-left: 0; } .scroll_from_top .search_li { position: relative; width: 50px; } .scroll_from_top .header_warp_phone .header_phone::before { position: relative; right: 0; top: -10px; } .scroll_from_top .header_phone .text, .scroll_from_top .header_phone .tel { display: none; } .scroll_from_top .header_warp_search, .scroll_from_top .header_warp_social { display: none; } .header { z-index: 100; width: 100%; height: 150px; margin-top: 0; margin-bottom: 0; transition: height 0.25s linear, background-color 1s, background-position 0.25s; pointer-events: none; border: none; background-color: #fff; box-shadow: none; _position: absolute; _background-color: transparent; _background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0.4) 70%, transparent 100%); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); } .header>* { pointer-events: auto; } .header .container-fluid { pointer-events: none; } .header .container-fluid>* { pointer-events: auto; } .header .container-fluid .warp_header_top { pointer-events: none; } .header .container-fluid .warp_header_top>* { pointer-events: auto; } .header_second_row { border-top: 1px solid #e4e4e4; } .logo p { margin-bottom: 0; } .logo a { display: inline-block; padding: 0px 0; transition: all 0.25s; } .logo a img { transition: all 0.25s; } .navbar-header { float: none; } .header_warp_social { padding-top: 30px; } .header_warp_social img { transition: all 0.5s; } .header_warp_social img:hover { filter: grayscale(100%); } .header_warp_phone { padding-top: 30px; } .header_phone { position: relative; display: block; color: #000; line-height: 1; padding-right: 30px; _background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAiCAMAAACKqBL2AAAAM1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACjBUbJAAAAEHRSTlMAv4DvzyDfn0AwEK9wUGCPsqfvdgAAAMpJREFUKM9tkFsWwyAIRBvAtzaz/9U21gDmtPlQcnWQmZd/YVCLOKqTzgDikZAMFUjPs5Do11BWQQjKCHeRMZQ1lVSQsuPQiptV6ff0nwJSlLGyNxDP8GVwZ13AYTJZQL2Q9/PRnD0sWAjuOYB21vhaBrIBdXWibmjgfa1RntK6tQs5z+nSFukAAAbCJo0xD2ota89pf+4WynpVeHNC+34fV73u5vqaA6dFyGKhmRJFKw0noVuSDVInegRHiKXodUuEAVahvUgU/O8DeIgHWQDcTOcAAAAASUVORK5CYII=') no-repeat right center; } .header_phone:hover, .header_phone:focus { color: #000; text-decoration: none; } .header_warp_phone .header_phone::before { position: absolute; right: -24px; top: 6px; content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAiCAMAAACKqBL2AAAAM1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACjBUbJAAAAEHRSTlMAv4DvzyDfn0AwEK9wUGCPsqfvdgAAAMpJREFUKM9tkFsWwyAIRBvAtzaz/9U21gDmtPlQcnWQmZd/YVCLOKqTzgDikZAMFUjPs5Do11BWQQjKCHeRMZQ1lVSQsuPQiptV6ff0nwJSlLGyNxDP8GVwZ13AYTJZQL2Q9/PRnD0sWAjuOYB21vhaBrIBdXWibmjgfa1RntK6tQs5z+nSFukAAAbCJo0xD2ota89pf+4WynpVeHNC+34fV73u5vqaA6dFyGKhmRJFKw0noVuSDVInegRHiKXodUuEAVahvUgU/O8DeIgHWQDcTOcAAAAASUVORK5CYII=); } .header_phone .text { font-size: 18px; } .header_phone .tel { font-size: 26px; color: #d30001; font-weight: bold; } .header_phone .fa { padding-right: 12px; padding-left: 12px; } .navbar-nav { position: relative; z-index: 1; width: auto; background: transparent; } .navbar-default .navbar-nav>li>a { margin: -1px 0 0; padding: 14px 20px; transition: all 0.5s; text-align: center; color: #000; border-radius: 0; background: transparent; font-size: 19px; font-weight: 600; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; } .navbar-default .navbar-nav>li:last-child>a { border-left: 1px solid #e1e1e1; } .navbar-default .navbar-nav>.active>a { background: transparent; } .navbar-default .navbar-nav:not(:hover)>.active>a, .navbar-default .navbar-nav>li:hover>a, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.active:hover>a, .navbar-default .navbar-nav>.active:focus>a, .navbar-default .navbar-nav>.open:hover>a { z-index: 1; color: #000; background: #fff; border-color: #e1e1e1; border-top-color: #d30001; } .navbar-default .navbar-nav .text-hide a { color: transparent; border: 0; background-color: transparent; text-shadow: none; font: 0/0 a; } .navbar-default .navbar-nav a.fa { margin: 24px 0; padding: 4px 8px; border: 2px solid #777; border-radius: 50%; } .navbar-default .navbar-nav a.fa:hover { border-color: #0f79bf; } .navbar-default .navbar-nav:not(:hover)>.active>a .warp_menu_icon .fa, .navbar-default .navbar-nav>li:hover>a .warp_menu_icon .fa, .navbar-default .navbar-nav>li>a:focus .warp_menu_icon .fa, .navbar-default .navbar-nav>.active:hover>a .warp_menu_icon .fa, .navbar-default .navbar-nav>.active:focus>a .warp_menu_icon .fa, .navbar-default .navbar-nav>.open:hover>a .warp_menu_icon .fa { color: #f0a93a; } .navbar-default .header_menu { max-width: 1200px; padding: 0; transition: all 0.25s; } .navbar-nav .fa>span { display: none; } .navbar-nav>li>.dropdown-menu { _display: none !important; _display: block !important; margin: 0; margin-top: 0; padding: 0; border: none; border-radius: 0; } .dropdown-menu { background-color: transparent; font-size: 0.875em; _background-color: rgba(255, 255, 255, 0.8); } .dropdown-menu:empty { display: none !important; } .dropdown-menu>li { position: relative; } .dropdown-menu>li>a { padding: 8px 30px; color: #000; background-color: #fff; border-top: 1px solid #b70209; border-top: 2px groove ##d30001; font-size: 16px; font-weight: normal; } .dropdown-menu>li:first-child>a { border-top: none; } .dropdown-menu>li:first-child>a { border-top-left-radius: 6px; } .dropdown-menu>li:last-child>a { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } #warper_all .nav>li.open>a { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .dropdown-menu>li.active>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus, #warper_all .dropdown-menu>li.open>a { color: #fff; background: #d30001; } .navbar-nav>li:last-child>.dropdown-menu { right: 0; left: auto; } .dir_rtl .navbar-nav>li:last-child>.dropdown-menu { right: auto; left: 0; } .header_icons { padding-top: 20px; } .header_icons img { margin: 0 5px; transition: all 0.25s; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .header_icons img:hover, .header_icons a:focus img { -webkit-filter: grayscale(0); filter: grayscale(0); } .search_li .form-group { margin-bottom: 0; } .search_li .form-control { font-size: 18px; padding: 12.5px 10px 12.5px 50px; height: auto; border-radius: 0; border-top: none; border-bottom: none; } .search_li .btn_glasss { position: absolute; top: 0; left: 0; border-radius: 0; color: #a1a1a1; padding: 12px 16px; background: transparent; font-size: 18px; transition: all 0.5s; } .warp_langs_menu { padding-top: 20px; padding-left: 60px; } .lang_select_title { padding: 9px 6px; color: #777; font-size: 14px; } .lang_select { position: relative; z-index: 3; width: 130px; height: 34px; border: 1px solid #dadada; background: #f5f5f5; } .lang_select a { display: none; height: 34px; margin: 0 -1px; padding: 6px 8px; transition: all 0.25s; color: #666; border: 1px solid #dadada; border-top: none; background: #f5f5f5; font-size: 14px; } .lang_select a:first-child { display: block; } .lang_select:hover a, .lang_select.focusin a { display: block; } .lang_select a:hover { text-decoration: none; background: #fff; } .not_registered_member .warp_member_bar .login, .registered_member .warp_member_bar .logout { display: block; } .not_registered_member .warp_member_bar .logout, .registered_member .warp_member_bar .login { display: none; } .warp_header_text { height: 70px; padding: 0 20px; } .header_links { padding: 36px 28px 0; } .header_links a { display: inline-block; padding: 6px 16px; } .search_form { position: relative; } .warp_content_0 { position: relative; z-index: 10; _background: #fff; } .warp_content { position: relative; _background: #fff; } .with_side_bar .content { display: flex; } .content_bar { background-color: #fff; flex-grow: 1; } .content_bar { color: #000; font-size: 16px; font-weight: normal; } .content_bar h2 { color: #d92223; font-size: 26px; font-weight: bold; } .content_bar h3 { color: #000; font-size: 22px; font-weight: bold; } .in_content_text { min-height: 200px; padding: 20px 0; text-align: justify; } .in_content_text img { max-width: 100%; height: auto; } .dir_rtl.with_side_bar .content_padding { padding-right: 40px; } .dir_ltr.with_side_bar .content_padding { padding-left: 40px; } .side_bar { min-height: 350px; padding: 34px 0; background: transparent; } .dir_ltr .side_bar { padding-right: 40px; padding-left: 0; background: linear-gradient(to left, #e8e8e8 0%, transparent 100%); box-shadow: -10px 0 5px -5px rgba(0, 0, 0, 0.15) inset; } .dir_rtl .side_bar { padding-right: 0; padding-left: 40px; background: linear-gradient(to right, #e8e8e8 0%, transparent 100%); box-shadow: 10px 0 5px -5px rgba(0, 0, 0, 0.15) inset; } .side_menu { margin-bottom: 30px; padding: 0; transition: all 0.5s; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .side_menu:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } .side_bar .nav>li>a { position: relative; padding: 15px 20px; transition: color 0.25s, background 0.25s, border 0.25s; color: #777; border-top: 1px solid #ccc; background: transparent; font-size: 18px; font-weight: normal; } .side_bar .nav>li>a img { max-height: 25px; } .side_bar .nav>li:first-child>a { border-top: none; } .nav.menu_with_icon>li>a { padding-right: 60px; } .side_bar .nav-stacked>li+li { margin-top: 0; } .side_menu:not(:hover) .nav>li.active>a, .side_menu:not(:hover) .nav>li>a:focus, .side_menu:not(:hover) .nav>li>a:hover, .side_menu .nav>li>a:hover { text-decoration: none; color: #d30001; background: transparent; } .side_bar .dropdown-menu { position: relative; top: auto; left: auto; display: none; float: none; margin: 0; padding: 0; border: none; border-radius: 0; background-color: transparent; box-shadow: none; } .side_bar .dropdown-menu>li>a { margin: 0 50px 0 0; padding: 4px 12px; color: #777; border-top: 1px solid #d6d6d6; background-color: transparent; } .side_bar .dropdown-menu>li>a { margin: 0 0 0 50px; } .side_bar .dropdown-menu>li.active>a, .side_bar .dropdown-menu>li>a:hover { color: #0f79bf; background: #fff; } .nav_header~li:nth-child(2)>a { border-top-color: transparent; } .social { position: relative; margin-top: 24px; } .social_solid { position: relative; display: inline-block; width: 45px; height: 45px; margin: 0 5px; transition: border-color 0.3s ease-out, color 0.3s ease-out, background 0.3s ease-in; text-align: center; opacity: 1; border-radius: 60px; font-size: 20px; } .social_solid i { transition: all 1s; line-height: 45px; } .social_solid:hover i { color: #fff; } .social_solid:hover { background: #fff; } .warp_social_facebook { padding-top: 20px; color: #777; } .banner .carousel-inner>.item>a>img, .banner .carousel-inner>.item>img { margin: 0 auto; } @media (max-width: 800px) { .banner .carousel-inner>.item>a>img, .banner .carousel-inner>.item>img { min-width: 800px; margin: 0 calc(50vw - 400px); } } .carousel .item>a { display: block; } .carousel-control { z-index: 10; } .carousel-caption { left: 0; right: 0; padding-bottom: 15%; text-shadow: none; } .carousel-caption>div { margin: auto; color: #d92223; font-size: 32px; font-weight: 600; } .carousel-caption p { float: left; width: 420px; text-align: initial; } .help-block:empty { display: none; } .warp_form .help-block { margin-bottom: 0; } .content_text .warp_form { padding-top: 0; padding-bottom: 0; } .breadcrumb { margin-bottom: 0; padding: 8px 10px; list-style: none; border-bottom: 1px solid #e2e2e2; border-radius: 0; background: #f3f3f3; background: transparent; font-size: 15px; } .breadcrumb a { color: #777; } .breadcrumb li:last-child>a { color: #0f79bf; color: #000; } .warp_footer { position: relative; width: 100%; padding: 30px 0 100px; color: #000; background-color: #f3f3f3; font-weight: normal; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) inset; } .footer { position: relative; font-size: 16px; } .footer_register_to_newsletter { margin-bottom: 40px; } .footer_register_to_newsletter h3 { display: none; } .footer_register_to_newsletter h2 { font-size: 16px; color: #000; margin: 0; padding: 6px; float: right; } .footer_register_to_newsletter .form-control { border-radius: 0; } .footer_register_to_newsletter .btn { border-radius: 0; background-color: #d30001; padding-right: 45px; padding-left: 45px; } .warp_footer_1 { z-index: 10; _border-top: 1px solid #fff; box-shadow: 0 -15px 15px -15px rgba(0, 0, 0, 0.3); } .warp_footer_form { padding: 50px 0; background: #0078ae; } .warp_footer_form h2 { color: #fff; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15); font-size: 28px; font-weight: 900; } .warp_footer_form h3 { color: #d1eefb; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15); font-size: 18px; font-weight: normal; } .warp_footer_form .form-control { width: 340px; height: 51px; padding: 16px 18px; color: #fff; border: 1px solid #00567d; border-bottom: 1px solid #008bca; border-radius: 0; background: #006ea0; } .warp_footer_form .checkbox { width: 190px; margin: 0 20px; color: #fff; } .warp_footer_form .warp_fields .checkbox input { display: block; float: right; width: 51px; height: 51px; margin: 0; margin-left: 10px; } .warp_footer_form .checkbox input::after { position: absolute; top: 0; left: 0; content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzBAMAAADIjy0ZAAAAJFBMVEX///8AbZ8AapsAZ5YAVn0AZJIAYo4AXokAWoMAi8oAYIwAW4ahZIZ9AAAAzUlEQVQ4y+zLwQnCMBSA4ZxU9GQ26MsGfcSzghuEZINEcAAruICLmEBdQHA5A31PbaTYAfpfP36xH2orduuBRhFwVZ+AYv2QBIVfATBlQUTLGcQamPJjXXiXESomtKFNDdVGb2oiqXRIl8eVejbRI3QE6ES/Wd7+kj4WtPRESh8KmntkSiXdmDb3glaxI6ncLxkgOhe0OE302hCVwhbLONMGvhSFJx3iS73kZQfc+QtPrsSTlwmXAJjlBsHSBrOMIqZkM8QlZcAwExeYAABM076UR7W1MwAAAABJRU5ErkJggg==); } .warp_footer_form .checkbox input:checked::after { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAMAAAANf8AYAAAASFBMVEX///8Abp8AbJ0AapoAaJcAVn0AZZQAYY0AXokAWoQAi8oAY5EAeK7v9/pgq8wwkb0QgLPP5vDf7vWfzOFQosePxNt4t9QgibhbLcg4AAAA8klEQVRIx93W6wqDMAwF4O7W1hnnXd//TWfDAYeXZYkw2M4/f3wciiWpu+njbidtlua8nT1zlrI0EJe9zGo2ANe9gM2GCQO/F2YJwYCwyPOwTp6zAoIBYRDXYQYEk2qYJJBtJTFGXMQGxL0P0GxSi2CmpoMmER+iYGLwE4JBjWhQ9GoywWQrE6JoYvgDM/Rq86Cq0Zmio7HW9RQllYX70BRLIpuuTGeoR+pABIOD166u6IFv0QC1TBTGDUTUa/9pS63+HjQ/cEcPG/M8sMwd/Xz70uy17QXL/jHsOcs+Next4/vA/g6BknLsXeVP2nh31+cJ/EweHYAnjYIAAAAASUVORK5CYII=); } .warp_footer_form .btn-primary { padding: 12px 58px; color: #fff; border-radius: 0; background: #97ca3d; font-size: 20px; font-weight: 900; } .footer_contact_form .warp_contact_as_form { max-width: 500px; margin-right: auto; margin-left: auto; } .warp_footer_contact { padding: 35px 0; } .warp_cs_logo { padding: 40px 0; border-top: 1px solid #bcbcbc; border-top: 2px groove #fff; } .footer_contact_form h2 { padding: 0 7.5px; color: #fff; font-size: 22px; } .footer_contact_form h3 { padding: 8px 7.5px; font-size: 18px; } .footer_contact_form textarea { height: 132px; } .footer_links { padding-top: 40px; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #cfcfcf; border-bottom: 2px groove #fbfbfb; color: #777; font-size: 14px; font-weight: normal; } .footer_links h2, .footer_links h3 { margin-top: 16px; margin-bottom: 16px; color: #000; font-size: 18px; font-weight: 300; } .footer_links ul { padding: 0; list-style: none; } .footer_links li { margin-bottom: 8px; } .cs_logo_png { margin-top: 8px; margin-bottom: 8px; } .footer_links a { padding: 5px 0; transition: all 0.25s; color: #777; font-size: 14px; } .footer_links a:hover, .footer_links a:focus { color: #000; } .footer_contact p { margin: 0 0; padding: 8px 0; } .footer_contact a { color: #fff; } .footer_contact_links a { display: inline-block; padding: 0 10px; } .footer_contact_links a .fa { margin-left: 6px; margin-right: 12px; } .footer_form { padding-top: 50px; padding-bottom: 50px; } .footer_form h2 { margin: 0; padding: 5px 0 20px; color: #082856; font-size: 18px; font-weight: 900; } .footer_form .form-control { background: transparent; } .footer_form textarea.form-control { height: 132px; } .footer_form .btn-primary { color: #fff; background-color: #2daae1; background-image: none; } .side_form { position: relative; margin-top: 20px; padding: 24px 20px; transition: all 0.5s; border-radius: 8px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .side_form:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .side_form_title { padding: 26px 0 6px; color: #d30001; border-top: 1px solid #d7d7d7; font-size: 24px; font-weight: normal; ; } .side_form_title_2 { font-size: 16px; } .side_form .checkbox { max-width: 80%; font-size: 11px; } .side_form .checkbox { max-width: 80%; font-size: 11px; } .side_form .control-label { display: none; } .side_form .checkbox .control-label { display: inline; } .side_form .form-group .col-sm-8 { width: 100%; margin-right: 0; margin-left: 0; } .contact_as_form h3 { font-size: 16px; } .contact_as_form .form-control { color: #000; border-color: #545454; background: #fff; } .contact_as_form .btn { padding-right: 74px; padding-left: 74px; } .warp_social_bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px 0; border-top: 1px solid #e2e2e2; -ms-flex-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } body.dir_rtl.with_side_bar .warp_social_bar { padding-right: 40px; } body.dir_ltr.with_side_bar .warp_social_bar { padding-left: 40px; } .warp_social_bar>* { margin-right: 4px; margin-left: 4px; vertical-align: bottom !important; } .warp_social_bar .print_page { color: #000; } .warp_social_bar .print_page::before { display: inline-block; padding: 0 12px content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAMAAAAVQ1dNAAAAclBMVEUAAACqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECWqECVcPV2+AAAAJXRSTlMA7zOZZsPfzCt3v7COcNAwn5ZdPvberVCogEcStKNpWU4ntYIMEBCZVwAAAONJREFUGNNVkAmWgyAQRLtdEAFx3zNZZqbvf8UUBl+Sr4L9BQsg8NcYEeNFzX7Y6EUuoFHMu0j54Vgs7m+nWGaWbweqNTR0kug60bgesS7zUcKfWIVh42/1T10tATbC6FQl8kPs8GrEvT6N9woxEofRHOZaosnCNYftiQW4SU1wchRmjjOaNDrgj56VsoSYh9YJqLHIZCd1IS50PrQpaJN2kbLnCzlzzTnrMtB1qy+tXajuNRxkYO2rLdsJ5EMR8V6f5zIi4Yi5ye10BRK2K5rpfX5DimDCs5jTuWN/vVMi7o76Cdl3GmZPSHiJAAAAAElFTkSuQmCC); vertical-align: middle; } .warp_social_bar .send_to_friend { color: #000; font-size: 14px; } .warp_social_bar .send_to_friend::before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXCAMAAAA4Nk+sAAAAeFBMVEUAAADTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAHTAAEYHCM0AAAAJ3RSTlMAWvvM3GbSUbOPbD4N9fDt6L+qdWBNNR3jw5aJg3tIQ9i3omk5MCGx9T47AAAAs0lEQVQoz2XQ2RKCMAyF4TbUFgFlB5HN/bz/G1rBQgv/5TeTSSZsKWrfbF8lQPlOe4IurR38NJg7K0v5CUuPyOzKYCdek4YXuFGnNcc+L2KD2Ck9axaX940mKuUMdDg6KkcBzUBbWAdmQ4yZkYWJ0b4gGIZX+d6UOgIrQ9aHX1UHm0nJ+SWhsDnwMXcJ45Wv64myJMNpgDU/+PNNkTEzqjkpz3DKfc3EBdyokJwFDbad+PgFE5Uzld3yRlUAAAAASUVORK5CYII=); display: inline-block; padding: 0 12px; vertical-align: middle; } .warp_register_to_newsletter { padding: 30px 0; color: #fff; } .warp_register_to_newsletter>.inner { display: flex; justify-content: space-between; } .warp_register_to_newsletter .warp_title { width: 190px; } .warp_register_to_newsletter .title { width: 140px; margin-bottom: 0; color: inherit; font-size: 17px; font-weight: normal; } .warp_register_to_newsletter .form-control { background: #f1e8da; } .warp_register_to_newsletter textarea.form-control { height: 34px; } .warp_register_to_newsletter .checkbox { margin-top: 0; margin-bottom: 0; color: #fff; } .warp_register_to_newsletter input[type=checkbox] { margin-top: 7px; } /* ---------------------- catalog ---------------------------------- */ .catalog_cat_text { padding-top: 30px; padding-bottom: 15px; } .catalog_cat_category { transition: all 0.5s; padding-top: 15px; padding-bottom: 15px; } .catalog_cat_category:nth-child(odd) { clear: both; } .catalog_cat_category>a { display: block; padding: 20px 30px; box-shadow: 0 0 15px rgba(0, 0, 0, .15); transition: all 0.5s; border-bottom: 3px solid #d30001; text-decoration: none; background-position: left center; background-repeat: no-repeat; background-size: contain; } .catalog_cat_category>a:hover, .catalog_cat_category>a:focus { box-shadow: 0 0 20px rgba(0, 0, 0, .3); text-decoration: none; } .catalog_cat_category .title { position: relative; margin: 0; padding-bottom: 20px; font-size: 24px; font-weight: bold; color: #d30001; } .catalog_cat_category .summary { padding-bottom: 15px; max-width: 160px; font-size: 16px; font-weight: normal; color: #000; } .catalog_product { margin: 15px 0; display: block; box-shadow: 0 0 15px rgba(0, 0, 0, .15); transition: all .5s; text-decoration: none; } .catalog_product:hover, .catalog_product:focus { box-shadow: 0 0 20px rgba(0, 0, 0, .5); text-decoration: none; } .catalog_product .warp_catalog_img { height: 190px; border-bottom: 1px solid #e7e7e7; } .catalog_product .title { margin: 0; padding: 20px; font-size: 18px; font-weight: bold; color: #b80000; } .catalog_product .summary { padding: 0 20px; font-size: 14px; font-weight: 300; color: #000; min-height: 60px; } .catalog_product .catalog_item_price { font-size: 14px; color: #000; } .catalog_product .catalog_item_price .price_label { color: #777; } .catalog_product .btn { margin: 20px auto; } .catalog_cat_main { border-bottom: 1px solid #e2e2e2; } .dir_rtl .catalog_cat_main { margin-right: -55px; padding-right: 55px; } .warp_catalog_gallery { background: linear-gradient(to left, #e8e8e8 0, #fff 100%); box-shadow: -3px 0 3px rgba(0, 0, 0, .15) inset; } .catalog_gallery { margin: 40px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .dir_rtl .catalog_gallery { margin-left: 0; } .warp_catalog_gallery_img { height: 310px; } .warp_catalog_item_detalis { padding-right: 0; color: #777; padding-top: 10px; } .catalog_num { color: #000; font-size: 14px; padding-top: 20px; } .catalog_num .catalog_label { color: #777; } .warp_catalog_item_detalis .item_text { padding-top: 20px; padding-bottom: 20px; } .catalog_pricelist_price { font-size: 16px; font-weight: bold; color: #777; text-decoration: line-through; } .catalog_site_price { font-size: 19px; font-weight: bold; color: #000; } .catalog_site_price .price { color: #b80000; } .add_item_to_cart { position: relative; min-width: 200px; height: 48px; padding: 0; padding-right: 35px; font-size: 22px; background: #b0c719; text-align: center; } .add_item_to_cart::before { position: absolute; top: 0; right: 0; display: inline-block; content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAaCAMAAAB8SKeFAAAAZlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+Vn2moAAAAIXRSTlMAa/aAMgbdzSIU7Ryg45JF6MC5rkw68rNzb1tRLQ3UY6ioh+8OAAAAx0lEQVQoz3XSWRKCMBBF0RZQSUgIoyijb/+bNCBgB8z5ouoWQzehSacxeaXAQ/W+muSw3X9/NXfZko8pAUTkpYDWXyvg6a8RkF9OzPblAf5Z66D91bojqyNHnUFutcTjSo4YKNlC09DRsCFfOJOCDSxvnAYUf4u6cheg26vIUBD3nh+8GxHcuQAl/RQ46ljtssBVOPMLkSQiXtirJCaXaYqKFs9cHWMPq942cxvcOgHrEWhg9W6tYRmywm2L3Evr8PuzlRwNzT68gxqC1wV2+wAAAABJRU5ErkJggg==); padding: 8px 10px 4px; border-left: 1px solid #91a224; border-left: 2px groove #b2ce00; } .add_item_to_cart::after { position: absolute; top: 8px; left: -110px; display: inline-block; content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAAAdCAMAAAAzbqp2AAAASFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACrhKybAAAAF3RSTlMAmXfdZkQQIruqVO/MhzP4juFvPCkcXbvsjjEAAAFrSURBVEjH5ZQLbqswEEWvx8Z/Q5Imvfvf6RvHUkL7QGpLVVXqkcCMwUfjz4BjXE+VZD1d8R1cFg6WC44T+STiKCe1nN0NN3fWp9PRdes5eXR8z/N6OLmzx8CfD6dnyctzU0iLDQz1RQDDZGEkW9g+Jae9Bm9ZyNsjuJEFO6QGO7mquokYMRAY8AaS76IdxCA6Iw9drlA4fUHX5K4ztnrUPHST/bLODJ0kYC4eGNkd1bmoObnHWh7VTWS6Dx87+5+O2+Az/Hnd8oKX5ft0BoD5tbolI68n6/ReJpjezOAsrEE0EHiGYHMvjpZEOzZ1TEhc6ywgEcZok6DDYRqAmR6ckC3EqFivsn2MG9p7nV5d5yqiaBPH/6jrHFvNgFVVkk3dK173dHbU2EqXWikenh4w2zo9KPs60SbKU1dmscBcsJudh1/rJK51LiJZ/9DlClS5fxNK+EBVuJLXukwaD2FHdaZ18Wya9rifr9l/tNkytXH6uiMAAAAASUVORK5CYII=); } .content_bar .catalog_similar_products_header { font-size: 20px; font-weight: bold; margin: 0; padding: 30px 0 15px; } .catalog_cat_items { padding-bottom: 15px; } /* ---------------------- faq ---------------------------------- */ .faq { position: relative; box-shadow: 0 0 15px rgba(0, 0, 0, .15); background-color: #f5f5f5; border: 1px solid #fff; } .faq p:last-child { margin-bottom: 0; } .faq .question { margin: 0; padding: 11px 60px; font-size: 20px; font-weight: bold; color: #000; transition: all 0.5s; cursor: pointer; } .faq .answer { padding: 0 60px; font-size: 18px; transition: all 0.5s; max-height: 0; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, .15); border-color: #fff; } .faq .question::before { right: 0; top: 0; display: block; position: absolute; margin: 13px 18px; content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAQlBMVEXKysr////ExMS/v7+3t7eurq6mpqbTAAGqqqrRJifLvb3Nfn7QTE3SDQ6hoaG7u7u0tLSwsLDMpKTNi4vOcXLQP0CBm3Z8AAAAZElEQVQoz9XONxKAMAxEUYOzwYlw/6uyYoZGwhUVv9O+RmoapKZS3EsELgQrArjQmxEBQjdViwha1bMIYA12xXpAiT7AmTe6U8wMFg/B7lcGJOneOUAi7RIg2CWg/Ri++wMYdAGQDQUFALx0pQAAAABJRU5ErkJggg==); } .faq.active .question::before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAPFBMVEXTAAH////QAAG2AgPHAQLLAQK/AgKsAwP3z8+yAgP87+/un5/kYGHWEBG+AgLbMDG8AgPxr6/mcHHhUFH1v8eKAAAAZElEQVQoz9XOSQ6AIBBE0UYGAaVFvf9dpUwICQ2JW/+y3qZITSK1DnshBC0CBJ3ZdXGBoNkZESA7Y0UFNBu7iACuAHV9hPsaw67UJgG791UaYI8pVWmA/SCCdHBih8Tp3b/CpAdo9AWr/VfeIAAAAABJRU5ErkJggg==); } .faq.active .question { color: #d30001; } .faq.active .answer { border-top: 1px solid #fff; padding: 11px 60px; max-height: 1000px; } /* ---------------------- homepage ---------------------------------- */ .hp_text_1 { position: relative; padding-top: 40px; padding-bottom: 100px; font-size: 18px; } .hp_text_1 img { position: absolute; right: 30px; top: -90px; } .hp_text h1 { padding: 0 0 16px 0; font-size: 30px; font-weight: bold; text-align: center; border-bottom: 1px solid #d7d7d7; margin-bottom: 20px; } .hp_text_2 { position: relative; z-index: 7; padding-top: 30px; } .content_bar .hp_h2 { margin: 0; padding: 15px 0; border-bottom: 1px solid #d7d7d7; } .hp_movie_text { padding: 15px 0; } .hp_movie_text iframe { max-width: 100%; } .warp_hp_blocks { background: #efefef; margin-bottom: 66px; } .hp_blocks {} .hp_blocks .warp_block { padding-left: 0; padding-right: 0; border-radius: 10px; margin-bottom: -66px; } .hp_blocks .block { display: block; margin-top: -30px; padding-bottom: 30px; color: #000; text-align: center; background: #fff; background: linear-gradient(to top, #e8e8e8 0, #fff 25%); box-shadow: 0 0 10px rgba(0, 0, 0, .15); border-radius: 10px; transition: all 0.5s; } .hp_blocks .block:hover, .hp_blocks .block:active { color: #000; text-decoration: none; box-shadow: 0 0 15px rgba(0, 0, 0, .3); } .hp_blocks img { margin: auto; border-radius: 10px 10px 0 0; } .hp_blocks .title { margin: 0 40px; padding: 14px 0; border-bottom: 1px solid #d7d7d7; color: #d92223; font-size: 26px; text-align: center; } .hp_blocks .text { padding: 20px 40px; } .hp_blocks .btn-primary { color: #fff; background-image: linear-gradient(to top, #b30400 0, #f30d05 100%); background-color: #f30d05; border-color: #f30d05; } .hp_blocks .warp_block:nth-child(2) { z-index: 3; } .hp_blocks .warp_block:nth-child(2) .block { margin-top: -60px; padding-bottom: 40px; } .hp_blocks .warp_block:nth-child(2) .title { padding: 14px 0; font-size: 36px; } .hp_blocks .warp_block:nth-child(2) .text { padding-top: 30px; padding-bottom: 30px; } .news_item { display: block; padding: 20px 25px; color: #000; border-bottom: 1px solid #d7d7d7; } .news_item:hover, .news_item:focus { color: #000; text-decoration: none; background: #eee; } .news_item:last-child { border-bottom: none; } .news_item .title { margin: 0 0 2px; color: #d92223; font-size: 18px; } .news_item .date { color: #777; font-size: 12px; margin-bottom: 6px; } .hp_news_items_warp { height: 420px; overflow: hidden; padding: 0; } /* --------------- start navbar_toggle ----------- */ #warper_all { overflow-x: hidden; overflow-y: hidden; width: 100%; } @media (max-width: 768px) { .dir_rtl .banner, .dir_rtl .warp_content, .dir_rtl .warp_footer { right: 0; transition: right 0.5s; } .dir_ltr .banner, .dir_ltr .warp_content, .dir_ltr .warp_footer { right: auto; left: 0; transition: left 0.5s; } .logo { position: absolute; right: 0; left: 0; max-width: 60%; max-width: calc(100vw - 110px); margin-right: auto; margin-left: auto; transition: transform 0.5s; transform: translateX(0); text-align: center; } .logo a { padding: 0; } .dir_rtl.active_navbar_toggle .banner, .dir_rtl.active_navbar_toggle .warp_content, .dir_rtl.active_navbar_toggle .warp_footer { right: 300px; _right: 285px; } .dir_rtl.active_navbar_toggle .logo { _transform: translateX(-300px); } .dir_ltr .banner, .dir_ltr .warp_content, .dir_ltr .warp_footer { right: auto; left: 0; } .dir_ltr.active_navbar_toggle .banner, .dir_ltr.active_navbar_toggle .warp_content, .dir_ltr.active_navbar_toggle .warp_footer { left: 300px; _left: 285px; } .dir_ltr.active_navbar_toggle .logo { _transform: translateX(300px); } .header_phone { color: #e30613; } .navbar-header .navbar-toggle .icon-bar, .header_phone_btn .fa { transition: all 0.5s ease 1s; } .active_navbar_toggle .navbar-header .navbar-toggle, .active_navbar_toggle .header_phone_btn { position: relative; z-index: 6; } .active_navbar_toggle .navbar-default .navbar-toggle .icon-bar { _background-color: #0054a4; } .active_navbar_toggle .header_phone_btn .fa { color: #0092ac; } #warper_all .navbar-default .header_menu { margin-top: 0; padding-top: 50px; } #warper_all .navbar-default .header_menu>.nav { overflow-y: auto; height: 400px; height: 100vh; } .header_menu { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .active_navbar_toggle .header { background: #f4f4f4; } .navbar-nav { margin: 0; } .navbar_toggle { position: relative; position: absolute; display: block; width: 300px; margin-top: 100%; transition: all 0.5s; _transition-delay: 0.2s; } .active_navbar_toggle .navbar_toggle { max-height: initial; margin-top: 0; padding: 0 0 1000%; border-left: 1px solid #ccc; background: #f4f4f4; } .dir_rtl .navbar_toggle { right: -300px; } .dir_rtl.active_navbar_toggle .navbar_toggle { right: 0; } .dir_ltr .navbar_toggle { left: -300px; } .dir_ltr.active_navbar_toggle .navbar_toggle { left: 0; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; } .navbar-default .navbar-toggle { border-color: transparent; } .navbar_toggle .dropdown .fa { position: absolute; z-index: 100; right: 4px; display: block; margin-top: 0; padding: 7px 12px; transition: all 0.5s; border-radius: 50%; font-size: 2em; } .dir_rtl .navbar_toggle .dropdown .fa { right: initial; left: 4px; } .navbar_toggle .dropdown .fa.active { transform: rotate(180deg); } .navbar-default .navbar-nav>li { border-top: 1px solid #fff; border-bottom: 1px solid #ccc; } .header.navbar-default .navbar-nav li>a { padding-right: 20px; color: #e30817; border-right: none; border-left: none; } .warp_langs_menu a { display: none; padding: 10px; color: #faa01c; } .active_navbar_toggle .warp_langs_menu a { display: block; } .active_navbar_toggle .warp_langs_menu a.active { display: none; } } /* --------------- end navbar_toggle ----------- */ @media (min-width: 992px) { .with_side_bar .side_bar { width: 270px; background: linear-gradient(to right, #ececec 0, #fff 100%); box-shadow: 10px 0 10px 0 rgba(0, 0, 0, 0.05) inset; } .with_side_bar .content_bar { width: 930px; width: calc(100% - 270px); padding-right: 0; padding-left: 0; } } @media (max-width: 992px) and (min-width: 768px) {} @media (max-width: 1200px) and (min-width: 768px) { .logo a { margin: 0; } .logo img { max-width: calc(100vw - 300px); } .navbar-default .header_menu {} .navbar-default .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px; } } @media (max-width: 1200px) { .navbar-nav { margin: 0 0; padding: 0 0; } .header_header_phone { padding-right: 20px; padding-left: 20px; } .carousel-caption { right: 10%; left: 10%; padding-bottom: 50px; } .carousel-caption p { width: auto; } .content .content_text .in_content_text { padding-right: 40px; padding-left: 40px; } .dir_ltr .logo a { padding-right: 0; padding-left: 10px; } .footer .warp_cs_logo { padding-right: 20px; padding-left: 20px; } .footer_logo { margin-right: 10px; } .warp_footer { padding-right: 20px; padding-left: 20px; } .page_h1, .form_h1 { padding-right: 20px; padding-left: 20px; } } @media (max-width: 992px) { .navbar-default .navbar-nav>li>a { padding-right: 8px; padding-left: 8px; font-size: 16px; } .navbar-default .navbar-nav a.fa { display: none; } .logo img {} .navbar-default .header_menu { padding-top: 0; } .dir_ltr .header_warp_search { right: auto; left: 150px; } .content_bar h2 { padding-right: 20px; padding-left: 20px; } } @media (min-width: 768px) { .modal-body { padding: 20px 20px; } .navbar_toggle .dropdown .fa { display: none; } .hp_text_1 { padding-right: 400px; } } @media (max-width: 768px) { body { padding-top: 0; } .header { position: absolute; height: 60px; _background: linear-gradient(to top, transparent 0, rgba(0, 0, 0, 0.7) 73%, rgba(0, 0, 0, 0.8) 100%); } .content .page_h1 { padding: 20px; } .content .content_text .in_content_text { padding-right: 20px; padding-left: 20px; } .navbar-nav>li>.dropdown-menu:before { display: none; } .navbar-nav>li>.dropdown-menu { background: transparent; box-shadow: none; } .dropdown-menu>li>a { background-color: transparent; } .navbar-default .navbar-nav>li>a { margin: 0; padding-right: 20px; padding-left: 20px; border-top-color: transparent; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active:hover>a { color: #0092ac; border-color: #0092ac; border-top-color: transparent; background: transparent; } .carousel-caption { right: 10%; bottom: 20px; left: 10%; padding-bottom: 0; background: transparent; } .caption_inner { padding-bottom: 20px; } .carousel-caption h2 { padding-bottom: 10px; font-size: 24px; } .carousel-caption p { font-size: 24px; } .carousel-caption .read_more { margin-top: 4px; padding: 2px 8px; } .header_second_row { position: relative; z-index: 5; } .header_top_row { position: absolute; right: 0; left: 0; } .header_top_row>* { display: none; } .header_top_row .logo { position: relative; z-index: 30; display: block; float: none!important; margin: 0 25%; } .header_top_row .logo img { width: auto!important; max-width: 100%; height: auto!important; max-height: 60px; margin-top: 6px; } .navbar-default .navbar-toggle .icon-bar { width: 30px; height: 5px; background-color: #eee; background-color: #e30613; } .warp_main_menu { padding-top: 0; } .header_phone_btn { margin-top: 8px; } .warp_header_top { max-height: 1px; } .warp_contact_as_form .btn { width: 100%; } .navbar-default .navbar-nav>li>a { padding-top: 12px; padding-bottom: 12px; } .navbar-nav>li>.dropdown-menu { position: relative; float: none; float: none; font-size: 0.8em; } .dropdown-menu>li>a { border-top: 1px solid #e2e2e2; } .warp_langs_menu { position: absolute; } .dir_rtl .warp_langs_menu { left: 20px; } .dir_ltr .warp_langs_menu { right: 20px; } .footer_contact { padding-right: 20px; padding-left: 20px; } .footer_form { clear: both; } .hp_text_1 { padding-left: 20px; padding-right: 20px; } .hp_text_1 img { position: relative; float: left !important; max-width: 50%; height: auto; right: 0; margin-bottom: -90px; } } @media (max-width: 500px) { .navbar-toggle { padding-right: 8px; padding-left: 8px; } .header_phone_btn { padding-right: 0; padding-left: 0; } .carousel-caption { bottom: 10px; padding-bottom: 0; } .carousel-caption h2 { font-size: 20px; } .page_h1, .form_h1 { padding-top: 15px; padding-bottom: 15px; } .content_bar h2 { font-size: 20px; } .nav-tabs { overflow-x: scroll; overflow-y: hidden; width: 320px; width: 100vw; padding-top: 5px; white-space: nowrap; } .nav-tabs>li { display: inline-block; float: none; } } @media print { .header { display: block; } .logo { position: relative; } .logo a[href]:after { content: none !important; } } @supports (display: flex) { @media (min-width: 768px) { .navbar-nav { display: flex; float: none; justify-content: space-between; } .navbar-nav>li { float: none; text-align: center; flex-grow: 1; } .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav.top_menu>li>a { margin-right: 0; margin-left: 0; padding-right: 2px; padding-left: 2px; } } } /* .banner{ display: none; } body{ padding-top: 0; } .header{ display: none; } .navbar-nav>li >.dropdown-menu{ display: block !important; } .content{ box-shadow: 0 0 10px red; } */ } .navbar_toggle .dropdown .fa { display: none; } } @media (max-width: 768px) { body { padding-top: 0; } .header { position: absolute; height: 60px; background: linear-gradient(to top, transparent 0, rgba(0, 0, 0, 0.7) 73%, rgba(0, 0, 0, 0.8) 100%); } .content .page_h1 { padding: 20px; } .content .content_text .in_content_text { padding-right: 20px; padding-left: 20px; } .navbar-nav>li>.dropdown-menu:before { display: none; } .navbar-nav>li>.dropdown-menu { background: transparent; box-shadow: none; } .dropdown-menu>li>a { background-color: transparent; } .navbar-default .navbar-nav>li>a { margin: 0; padding-right: 20px; padding-left: 20px; border-top-color: transparent; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active:hover>a { color: #0092ac; border-color: #0092ac; border-top-color: transparent; background: transparent; } .carousel-caption { right: 10%; bottom: 20px; left: 10%; padding-bottom: 0; background: transparent; } .caption_inner { padding-bottom: 20px; } .carousel-caption h2 { padding-bottom: 10px; font-size: 24px; } .carousel-caption p { font-size: 16px; } .carousel-caption .read_more { margin-top: 4px; padding: 2px 8px; } .header_second_row { position: relative; z-index: 5; } .header_top_row { position: absolute; right: 0; left: 0; } .header_top_row>* { display: none; } .header_top_row .logo { position: relative; z-index: 30; display: block; float: none!important; margin: 0 25%; } .header_top_row .logo img { width: auto!important; max-width: 100%; height: auto!important; max-height: 60px; margin-top: 6px; } .navbar-default .navbar-toggle .icon-bar { width: 30px; height: 5px; background-color: #eee; background-color: #e30613; } .warp_main_menu { padding-top: 0; } .header_phone_btn { margin-top: 8px; } .warp_header_top { max-height: 1px; } .warp_contact_as_form .btn { width: 100%; } .navbar-default .navbar-nav>li>a { padding-top: 12px; padding-bottom: 12px; } .navbar-nav>li>.dropdown-menu { position: relative; float: none; float: none; font-size: 0.8em; } .dropdown-menu>li>a { border-top: 1px solid #e2e2e2; } .warp_langs_menu { position: absolute; } .dir_rtl .warp_langs_menu { left: 20px; } .dir_ltr .warp_langs_menu { right: 20px; } .footer_contact { padding-right: 20px; padding-left: 20px; } .footer_form { clear: both; } } @media (max-width: 500px) { .navbar-toggle { padding-right: 8px; padding-left: 8px; } .header_phone_btn { padding-right: 0; padding-left: 0; } .carousel-caption { bottom: 10px; padding-bottom: 0; } .carousel-caption h2 { font-size: 20px; } .page_h1, .form_h1 { padding-top: 15px; padding-bottom: 15px; } .content_bar h2 { font-size: 20px; } .nav-tabs { overflow-x: scroll; overflow-y: hidden; width: 320px; width: 100vw; padding-top: 5px; white-space: nowrap; } .nav-tabs>li { display: inline-block; float: none; } } @media print { .header { display: block; } .logo { position: relative; } .logo a[href]:after { content: none !important; } } @supports (display: flex) { @media (min-width: 768px) { .navbar-nav { display: flex; float: none; justify-content: space-between; } .navbar-nav>li { float: none; text-align: center; flex-grow: 1; } .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav.top_menu>li>a { margin-right: 0; margin-left: 0; padding-right: 2px; padding-left: 2px; } } } .pull-left a { color:#000; } .simply_credit { animation: 3s steps(19) 0s normal none infinite running animated_cs_logo; background: rgba(0, 0, 0, 0) url("../images/simply-black.png") no-repeat scroll 0 0; display: block; margin: 0px auto; height: 22px; transition: all 0.5s ease 0s; width: 163px; font-size: 0; } .credit { float: left; width: 200px; } @-webkit-keyframes animated_cs_logo{ 0%{background-position:0 0;} 100%{background-position: 0 -418px;} } @keyframes animated_cs_logo{ 0%{background-position:0 0;} 100%{background-position: 0 -418px;} }