/* Start:/bitrix/templates/wg_fix/styles.css?158167233720612*/ /* Structure (структура) ----------------------------------------------- */ html{height:100%;font-size:100.01%;} body{height:100%;font-size:62.5%;} /* Standart after NY */ HTML, BODY {color:#333333;background-color1:#fff;margin:0;padding:0; background:url(/bitrix/templates/wg_fix/images/bg.gif) #788d64;} /* NewYear HTML, BODY {color:#333333;background-color1:#fff;margin:0;padding:0; background:url(/bitrix/templates/wg_fix/images/bg_right.jpg) no-repeat fixed right top, url(/bitrix/templates/wg_fix/images/bg_left.jpg) no-repeat fixed left top #788d64;} */ TD, BODY, DIV {font-family: Arial, Tahoma, Verdana, sans-serif;} IMG {border:0;} FORM {padding:0;margin:0;} TABLE {font-size:1.2em;} html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background1:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;} #main, #bottom {width:1200px; margin: 0 auto; background-color: #FFF;} #footer {width:1200px; margin: 0 auto;} /* #main{margin:0 0 -7em 0;min-height:100%;} */ #clear{height:7em;clear:both;} #container{float:left;width:100%;margin:0 -200px 200px 0; background-color: #FFF; margin-top: -440px; padding-top: 430px;} #out{margin:0 200px 0 0;} #in{width:100%;} #center{float:right;width:100%;margin:30px 0 0 -280px;} #center .content {margin:0 0 0 280px; width: 920px;;} #center .inn {width:100%;overflow:hidden;} #left{float:left;width:250px;} #right{float:right; width:200px;} /* #bottom{height:7em;}*/ .bg1tt1 #main,.bg1tt2 #main,.bg1tt3 #main, .bg1tt0 #main {background:url(/bitrix/templates/wg_fix/images/bg1pic.jpg) 100% 100% no-repeat; background-color: #FFF;} .bg2tt1 #main,.bg2tt2 #main,.bg2tt3 #main, .bg2tt0 #main {background:url(/bitrix/templates/wg_fix/images/bg2pic.jpg) 100% 100% no-repeat; background-color: #FFF;} .bg3tt1 #main,.bg3tt2 #main,.bg3tt3 #main, .bg3tt0 #main {background:url(/bitrix/templates/wg_fix/images/bg3pic.jpg) 100% 100% no-repeat; background-color: #FFF;} .bg1tt1 .special .item .topic,.bg1tt2 .special .item .topic,.bg1tt3 .special .item .topic,.bg1tt0 .special .item .topic, .bg1tt1 .section_catalog .item .topic,.bg1tt2 .section_catalog .item .topic,.bg1tt3 .section_catalog .item .topic,.bg1tt0 .section_catalog .item .topic, .bg1tt1 #bottom a,.bg1tt2 #bottom a,.bg1tt3 #bottom a,.bg1tt0 #bottom a, .bg1tt1 .continfo a,.bg1tt2 .continfo a,.bg1tt3 .continfo a,.bg1tt0 .continfo a, .bg1tt1 .tel,.bg1tt2 .tel,.bg1tt3 .tel,.bg1tt0 .tel, .bg1tt1 .search a,.bg1tt2 .search a,.bg1tt3 .search a,.bg1tt0 .search a, .bg1tt1 h1 a,.bg1tt2 h1 a,.bg1tt3 h1 a,.bg1tt0 h1 a, .bg1tt1 .topmenu .item .topic a,.bg1tt2 .topmenu .item .topic a,.bg1tt3 .topmenu .item .topic a, .bg1tt0 .topmenu .item .topic a {color:#665546;} .bg2tt1 .special .item .topic,.bg2tt2 .special .item .topic,.bg2tt3 .special .item .topic,.bg2tt0 .special .item .topic, .bg2tt1 .section_catalog .item .topic,.bg2tt2 .section_catalog .item .topic,.bg2tt3 .section_catalog .item .topic, .bg2tt0 .section_catalog .item .topic, .bg2tt1 #bottom a,.bg2tt2 #bottom a,.bg2tt3 #bottom a,.bg2tt0 #bottom a, .bg2tt1 .continfo a,.bg2tt2 .continfo a,.bg2tt3 .continfo a,.bg2tt0 .continfo a, .bg2tt1 .tel,.bg2tt2 .tel,.bg2tt3 .tel,.bg2tt0 .tel, .bg2tt1 .search a,.bg2tt2 .search a,.bg2tt3 .search a,.bg2tt0 .search a, .bg2tt1 h1 a,.bg2tt2 h1 a,.bg2tt3 h1 a,.bg2tt0 h1 a, .bg2tt1 .topmenu .item .topic a,.bg2tt2 .topmenu .item .topic a,.bg2tt3 .topmenu .item .topic a, .bg2tt0 .topmenu .item .topic a {color:#ACC32B;} .bg3tt1 .special .item .topic,.bg3tt2 .special .item .topic,.bg3tt3 .special .item .topic,.bg3tt0 .special .item .topic, .bg3tt1 .section_catalog .item .topic,.bg3tt2 .section_catalog .item .topic,.bg3tt3 .section_catalog .item .topic, .bg3tt0 .section_catalog .item .topic, .bg3tt1 #bottom a,.bg3tt2 #bottom a,.bg3tt3 #bottom a,.bg3tt0 #bottom a, .bg3tt1 .continfo a,.bg3tt2 .continfo a,.bg3tt3 .continfo a,.bg3tt0 .continfo a, .bg3tt1 .tel,.bg3tt2 .tel,.bg3tt3 .tel,.bg3tt0 .tel, .bg3tt1 .search a,.bg3tt2 .search a,.bg3tt3 .search a,.bg3tt0 .search a, .bg3tt1 h1 a,.bg3tt2 h1 a,.bg3tt3 h1 a,.bg3tt0 h1 a, .bg3tt1 .topmenu .item .topic a,.bg3tt2 .topmenu .item .topic a,.bg3tt3 .topmenu .item .topic a, .bg3tt0 .topmenu .item .topic a {color:#A71930;} .bg1tt1 .menu .topic,.bg1tt2 .menu .topic,.bg1tt3 .menu .topic,.bg1tt0 .menu .topic {color:#665546;border-bottom:1px dashed #665546;} .bg2tt1 .menu .topic,.bg2tt2 .menu .topic,.bg2tt3 .menu .topic,.bg2tt0 .menu .topic {color:#ACC32B;border-bottom:1px dashed #ACC32B;} .bg3tt1 .menu .topic,.bg3tt2 .menu .topic,.bg3tt3 .menu .topic,.bg3tt0 .menu .topic {color:#A71930;border-bottom:1px dashed #A71930;} /*Отступ сверху главного меню Обычная секция .bg1tt2 .menu,.bg2tt2 .menu,.bg3tt2 .menu {margin-top:100px;} .bg1tt3 .menu,.bg2tt3 .menu,.bg3tt3 .menu {margin-top:100px;} .bg1tt0 .menu,.bg2tt0 .menu,.bg3tt0 .menu {margin-top:100px;} */ /* .bg1tt2 #right .menu,.bg2tt2 #right .menu,.bg3tt2 #right .menu {margin-top:100px;} .bg1tt3 #right .menu,.bg2tt3 #right .menu,.bg3tt3 #right .menu {margin-top:100px;} .bg1tt0 #right .menu,.bg2tt0 #right .menu,.bg3tt0 #right .menu {margin-top:100px;} */ /* .bg1tt1 .left,.bg2tt1 .left,.bg3tt1 .left {margin-top:39px;} .bg1tt2 .left,.bg2tt2 .left,.bg3tt2 .left {margin-top:85px;} .bg1tt3 .left,.bg2tt3 .left,.bg3tt3 .left {margin-top:131px;} .bg1tt0 .left,.bg2tt0 .left,.bg3tt0 .left {margin-top:65px;} */ /* .bg1tt2 #right .top,.bg2tt2 #right .top,.bg3tt2 #right .top {height:373px;} .bg1tt3 #right .top,.bg2tt3 #right .top,.bg3tt3 #right .top {height:419px;} .bg1tt2 .top,.bg2tt2 .top,.bg3tt2 .top {height:386px;} .bg1tt3 .top,.bg2tt3 .top,.bg3tt3 .top {height:432px;} */ /* .bg1tt1 #right,.bg1tt2 #right,.bg1tt3 #right,.bg1tt0 #right {padding-bottom:258px;} .bg2tt1 #right,.bg2tt2 #right,.bg2tt3 #right,.bg2tt0 #right {padding-bottom:250px;} .bg3tt1 #right,.bg3tt2 #right,.bg3tt3 #right,.bg3tt0 #right {padding-bottom:275px;} */ /* Лого новый год .logo {position:relative; display:block;width:145px;height:156px;background:url(/bitrix/templates/wg_fix/images/newyear/logo.gif) 0 0 no-repeat;text-indent:-9999px;margin:40px 0 0 60px;} */ /* Лого 8 марта .logo {position:relative; display:block;width:162px;height:184px;background:url(/bitrix/templates/wg_fix/images/8Mar/logo.jpg) 0 0 no-repeat;text-indent:-9999px;margin:40px 0 0 60px;} */ /* Лого 1 Мая .logo {position:relative; display:block;width:178px;height:147px;background:url(/bitrix/templates/wg_fix/images/1may/logo.gif) 0 0 no-repeat;text-indent:-9999px;margin:40px 0 0 60px;} */ /* Лого День Учителя .logo {position:relative; display:block;width:145px;height:176px;background:url(/bitrix/templates/wg_fix/images/teacher/logo.gif) 0 0 no-repeat;text-indent:-9999px;margin:40px 0 -30px 60px;} */ ul.left { padding:0;margin:0 0 0 10px;list-style:none;position:relative; } /* Обычный фон */ #left li {display:block;background:#505f42;padding:16px 20px 18px 20px;margin:0 0 10px 0;color:#fff;font-size:1.2em;border-radius:7px;} div.left_teacher { padding:0;margin:60px 0 0 40px; position:relative; } /* Фон для 23 февраля #left li {display:block;background:url(/bitrix/templates/wg_fix/images/23feb/fon_left_23feb.jpg) 0 0 no-repeat;padding:16px 20px 18px 20px;margin:0 0 10px 0;color:#fff;font-size:1.2em;} */ /* Фон для 8 Марта #left li {display:block;background:url(/bitrix/templates/wg_fix/images/8Mar/left_background.jpg) 0 0 no-repeat;padding:16px 20px 18px 20px;margin:0 0 10px 0;color:#333333;font-size:1.2em;} */ #left li .topic {display:block;font-weight:bold;font-size:1.2em;} /* Обычный #left li a {display:block;margin:14px 0 0 0;color:#FFFFFF;} ниже на 1 мая */ #left li a {display:block;margin:14px 0 0 0;color:#FFFFFF;} .search {padding:0 10px 0px 10px;position:relative;} .search input {width:230px;border:1px solid #999999;border-radius: 5px; background:#DEDEDE;color:#5E6167; padding: 5px;} .search a {font-size:1.4em;} .lang {margin:37px 0 0 0;padding:0;list-style:none;position:absolute;} .lang li {float:left;margin-left:18px;font-size:12px;} .lang .fst {margin-left:0;} .leftlang {margin:37px 0 0 0;padding:0;list-style:none;position:absolute;} .leftlang li {text-align: left; font-size:12px; padding: 0px 0px 5px 24px;} /* Отступ контента от главного меню*/ .top {height:200px;width:100%;overflow:hidden;} /* #right .menu {margin-top:100px;} #right .top {height:383px;} */ .text {padding:0 40px 0px 0;margin:0;font-size:1.2em;} .text img {margin:0 20px 20px 0;float:left;} .li_body {font-size:1.4em; line-height: 1.4em;} .special {width:100%;overflow:hidden;} .special td{font-size: 12px;} .special .item {width:23%;margin-right:2%;font-size:1.2em;float:left;clear:right;padding-bottom:40px;} .special .item img {margin-bottom:10px;} .special .item .topic {font-weight:bold;font-size:1.08em;} .special .item .art {font-size:0.92em;font-weight:bold;padding-top:2px;} .flag {position:absolute;width:63px;height:35px;margin-top:-50px;} .section_catalog td{font-size: 12px;} .section_catalog .item .topic {font-weight:bold;font-size:1.08em;} .section_catalog .cnt {border: solid 1px #6eb36b; font: normal 12px Arial;padding:3px; text-align: center; width:25px;} .continfo {font-size:1.1em;padding:0 20px 0 0;} .tel {font-size:1.2em;font-weight:bold;padding:8px 0;} .bmen {padding:8px 0 10px 10px;font-size:1.4em;} .copy {font-size:11px; margin:20px 0 0 0; color: #CCC;} .make {text-align:right;font-size:1.1em;padding-right:22%;} .topmenu {font-size:1.2em;padding:0 0 50px 0;width:100%;overflow:hidden;} .topmenu .item {width:45%;float:left;margin-right:5%;clear:right;margin-bottom:14px;} .topmenu .item .topic {font-size:0.92em;padding:0 0 4px 0;} .topmenu .item .topic a {font-size:1.27em;font-weight:bold;} .icons {text-align:right;} .mail {position:relative;left:-43px;top:41px;} .smap {position:relative;left:-74px;top:41px;} .srch {position:relative;left:-107px;top:41px;} /* Headings (заголовки) ----------------------------------------------- */ H1 {font-size:1.8em;font-family:Georgia,serif;padding:0 0 22px 0;color:#333333;margin:0;} H1 a {position:relative;top:0px;} H1 span {font-weight:normal;font-size:0.8em;} H1 span a {font-size:1em;position:relative;top:0px;} H2 {font-size:1.6em;font-family:Georgia,serif;padding:0 0 24px 0;color:#333333;margin:0;} H2.coffe {padding-top:0;} H3 {font-size:1.6em;font-family:Georgia,serif;} H6 {font-size:1.8em;font-family:Georgia,serif;padding:0 0 22px 0;color:#333333;margin:0;} H6 a {position:relative;top:0px;} H6 span {font-weight:normal;font-size:0.8em;} H6 span a {font-size:1em;position:relative;top:0px;} #right h2 {padding-top:2px;padding-bottom:22px;} /* Links (ссылки) ----------------------------------------------- */ A {color:#5E6167;text-decoration:underline;} A:hover {text-decoration:none;} /*P {padding:0 40px 0px 0;margin:0; font-size:1.2em;}*/ P {padding:0 40px 0px 0;margin:0; font-size:1.4em; line-height: 1.4em;} .article{padding-right: 40px; font-size:1.4em; line-height: 1.4em; text-align: justify;} .data-table td {padding: 3px;} .starrequired{color: red; font-size: 1.2em;} .catalog-price {font: bold 16px Arial;color: #cc0000;} .catalog-price span {padding-bottom: 20px;} .nodep {font-weight: bold; color: #41833d;} .basket-line-personal, .basket-line-basket {background-repeat:no-repeat;} .basket-line-basket {background-image: url(/bitrix/templates/wg_fix/images/icons/cart.png); color: #000000; margin-bottom: 15px;} .basket-line-basket a{color: #FFFFFF; text-decoration: none;} .basket-line-basket div {color: #FFFFFF; background-color: #6d6040; padding: 7px; border-radius: 5px;} .sale_order_full_table{font-size: 12px;} .pay_v{ font-size: 12px; } .payment_variant td {border-bottom: dashed 1px #999999; vertical-align: top;} .payment_variant a.ofsite {color: #333333; font-weight: normal;} .payment_variant a {color: #900000; font-weight: bold;} .info-text{background:url(/bitrix/templates/wg_fix/images/bt-info-icon.png) #fff3a3 12px 12px no-repeat;border:1px solid #eac678;color:#744518;padding:10px 10px 10px 40px} .lupa {background:url(/bitrix/templates/wg_fix/images/icons/lupa.png) right bottom no-repeat; position: absolute; width: 16px; height: 16px; margin-left: 170px; margin-top: 170px; display: block; } .register-user-line {background: url(/bitrix/templates/wg_fix/images/icons/key.png) no-repeat; padding-left: 24px; color: #000000;} .personal-user-line {background: url(/bitrix/templates/wg_fix/images/icons/user.png) no-repeat; padding-left: 24px; color: #000000;} #action_sales_small {width:100%; overflow:hidden;} #action_sales_small a {position:relative; float:left; margin:5px;} #action_sales_small a span { display:block; background-image:url(/bitrix/templates/wg_fix/images/icons/sale32.png); background-repeat:no-repeat; width:32px; height:32px; position:absolute; right:1px; top:1px;} /*#action_sales_small img { border: solid 1px #ddd; padding:5px;}*/ #action_sales_big {width:100%; overflow:hidden;} #action_sales_big a {position:relative; float:left; margin:5px;} #action_sales_big a span { display:block; background-image:url(/bitrix/templates/wg_fix/images/icons/sale32.png); background-repeat:no-repeat; width:32px; height:32px; position:absolute; right:1px; top:1px;} .quot_right {text-align: right; font-style: italic; font-size: 1.2em} .quot_center {text-align: center; font-style: italic; font-size: 1.2em} .tbl_article {border-collapse: collapse; border: solid 1px gray;} .tbl_article td {border: solid 1px gray; padding: 5px;} .tbl_article th {border: solid 1px gray; padding: 5px; background: #CCCCCC;} .crd {font-size:1.6em;font-family:Georgia,serif; font-weight: bold; padding:0 0 24px 0;color:#333;margin:0;} .modern-page-navigation a, span { font-size: 12px; } .tbl-br-radius{ position: relative; border: 1px solid #DDDDDD; padding: 10px; font-size: 12px; border-radius: 6px; } .tbl-br-radius div { margin: -9px; padding: 6px; background: #EEEEEE; border-radius: 6px 6px 0 0; font-weight: bold; } .contact-email-icon{background:url(/bitrix/templates/wg_fix/images/icons/email.png) #FFFFFF no-repeat left top;font-weight:bold; height:20px;padding: 1px 10px 0px 22px;} .contact-skype-icon{background:url(/bitrix/templates/wg_fix/images/icons/skype.png) #FFFFFF no-repeat left top;font-weight:bold; height:20px;padding: 1px 10px 0px 22px;} .contact-phone-icon{background:url(/bitrix/templates/wg_fix/images/icons/phone.png) #FFFFFF no-repeat left top;font-weight:bold; height:20px;padding: 1px 10px 0px 22px;} .contact-schedule-icon{background:url(/bitrix/templates/wg_fix/images/icons/schedule.png) #FFFFFF no-repeat left top;font-weight:bold; height:20px;padding: 1px 10px 0px 22px;} .vacancy li {font-size: 14px;} .idea {border-collapse: collapse;} .idea td { border: 1px solid Gray; padding: 10px; } .download-icon-jpg{background:url(/bitrix/templates/wg_fix/images/icons/jpg.png) #FFFFFF no-repeat left top; padding: 1px 10px 0px 22px;} .download-icon-pdf{background:url(/bitrix/templates/wg_fix/images/icons/pdf.png) #FFFFFF no-repeat left top; padding: 1px 10px 0px 22px;} /* redesign for fix*/ .top_div{background-color: #FFF; width: 1200px; margin: 0 auto;} .top-logo {width: 280px; height: 150px; float: left;} /* Origial logo */ .wg_logo {position:relative; display:block; width:145px;height:119px;background:url(/bitrix/templates/wg_fix/images/logo.gif) 0 0 no-repeat;text-indent:-9999px;margin:20px 0 0 30px;} /* logo newyear .wg_logo {position:relative; z-index: 200; display:block; width:130px;height:140px;background:url(/bitrix/templates/wg_fix/images/logo_ny.gif) 0 0 no-repeat;text-indent:-9999px;margin:20px 0 0 30px;} */ .top-menu ul{margin:20px 0 0 280px;padding:0;list-style:none; position:absolute; width: 880px;} .top-menu li {float:left;margin-left:18px;font-size:12px;} .top-menu .fst {margin-left:0;} .top-contact {width: 920px; position: absolute; margin: 70px 0px 0px 280px; font-size: 16px; font-weight: bold; font-style: normal; color: #666666;} .top-contact .phone {float: left; padding-right: 60px;} .top-contact .skype {float: left; padding-right: 80px; line-height: 22px;} .top-contact .search {float: left;} .top-contact span {font-size: 12px; font-weight: normal; font-style: normal; color: #666666;} .main-menu{padding-bottom: 10px; padding-left: 0;z-index: 100;} .menu {clear:both;margin:0 0 0 280px;padding:0;width: 740px;} .menu li {display:block;float:left;margin-right:30px;clear:right;font-size:12px;color:#5E6167;} .menu .topic {display:inline;font-size:1.64em;font-family:Georgia,serif;font-weight:bold;line-height:0.9em;text-decoration:none;_margin-right: -30px !important;} .menu .topic:hover {border:0;} .menu .clear {height:8px;} .slider{width: 1224px; position: relative; margin: 0 auto; top: -2px;} .footer{padding: 10px 0px 0px 15px; background: #505f42; margin: 0 auto; height: 260px; color: #FFF;} .footer a { text-decoration: none; } .footer a:hover { text-decoration: underline;; } .footer .footer_line1 div {float: left; margin-left: 40px; padding-right: 50px; padding-bottom: 30px; padding-top: 7px; padding-left: 32px; font-size: 14px; color: #FFF;} .footer a {color: #FFF;} .footer .footer_line2 div {float: left;} .footer .footer_line2 div span {color: #FFF; font-size: 11px;} .footer .footer_line2 div p {margin-left: 10px; font-size: 11px; padding-bottom: 10px; padding-top: 10px; line-height: 16px;} .footer .footer_line2 div div{margin-right: -20px;} /* .footer div {float: left; padding-right: 0px;} .footer div span{font-size: 11px;} .footer div p {margin-left: 10px; font-size: 11px; padding-bottom: 10px; padding-top: 10px; line-height: 16px;} .footer a {color: #FFF; padding-bottom: 15px;} */ /* reset webkit search input browser style */ input { outline: none; } input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 14px; } input::-webkit-search-decoration, input::-webkit-search-cancel-button { display: none; /* remove the search and cancel icon */ } /* search input field */ input[type=search] { background: #ededed url(/bitrix/templates/wg_fix/images/search-icon.png) no-repeat 9px center; border: solid 1px #ccc; padding: 9px 10px 9px 32px; width: 270px; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } input[type=search]:focus { width: 440px; background-color: #fff; border-color: #c2e098; -webkit-box-shadow: 0 0 5px rgba(109,207,246,.2); -moz-box-shadow: 0 0 5px rgba(109,207,246,.2); box-shadow: 0 0 5px rgba(109,207,246,.2); } /* placeholder */ input:-moz-placeholder { color: #999; } input::-webkit-input-placeholder { color: #999; } .fixLink {display:none; z-index:9999; position:fixed; top:0px; right: 46%; padding: 5px 8px 8px 8px; background: #647454; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } .top-menu-fix{ z-index:9999; position:fixed; top:0px; background-color: rgba(237, 245, 217, 0.95) !important; width: 1200px; height: 55px; } .top-menu-fix .stm-link a { background: #5e713c; color: #fff; } .top-menu-fix li a { color: #000; } .fixLink a{color: #fff; text-decoration: none; font-weight:bold; font-size: 13px; letter-spacing: 0px; } .fixLink span { padding-right: 10px; } .index-page p{ padding-bottom: 20px; } .stm { font-size: 1.6em; font-family: Georgia,serif; color: #333333; line-height: 1.6em; padding-right: 20px; } .stm td{ font-size: 0.9em; font-family: Georgia,serif; color: #333333; } .stm p{ font-size: 0.9em; font-family: Georgia,serif; color: #333333; } .stm h2 { padding-top: 30px; font-size: 18px; } .stm ul { margin-top: -10px; } .stm input, textarea { font-size: 0.9em; font-family: Georgia,serif; color: #333333; padding: 5px; } .stm-img img:hover { opacity:0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); } .stm-link a { color: #505f42; font-weight: bold; background: #d7e3c2; padding: 7px; border-radius: 3px; } .props_list{ width: 100%; font-size: 14px; border-collapse:collapse; } .props_list .char_name {text-align: left; font-weight: bold;} .props_list .char_value {text-align: right;} .props_list tr td { height: 30px; border-bottom: 1px #DEDEDE dotted; _vertical-align: bottom; padding: 0px 10px; } .props_list tr:hover { background-color: #dddddd; color: #000000 } .props_list tr td span{ } .pb-3{ padding-bottom: 10px; } .tender-list{ width: 100%; _font-size: 14px; border-collapse:collapse; } .tender-list .char_name {text-align: left; font-weight: bold;} .tender-list .char_value {text-align: right;} .tender-list tr td { height: 30px; border: 1px #CCC dotted; _vertical-align: bottom; padding: 10px 10px; _cursor: pointer; } .tender-list tbody tr:hover { background-color: #edf6de; color: #000000 } .tender-list thead tr{ background-color: #DDDDDD; } .btn-primary.btn-custom { background-color: #505f42; border-color: #505f42; } .cursor-pointer{ cursor: pointer; } /* End */ /* Start:/bitrix/templates/wg_fix/menu.css?15395853272102*/ .menu .topic:hover, .menu li:hover .topic{ border-bottom: solid 1px transparent; } .menu-box{ overflow: hidden; position: relative; z-index: 101; height: 22px; max-height: 22px; margin: 0px 0 20px; -webkit-transition: .125s ease all; -moz-transition: .125s ease all; -o-transition: .125s ease all; transition: .125s ease all; } .menu-box:hover { max-height: 673px; margin-bottom-null: -20px; } .menu-new{ display: table; width: 100%; border-spacing: 0; margin-top: 0 !important; } .menu-new > li{ display: inline-block; /* display: table-cell; */ padding-right: 35px; float: none; margin: 0; clear: none; } .menu-new > li > ul{ /*overflow: auto;*/ visibility: hidden; opacity: 0; position: absolute; left: 0; width: 100%; max-height: 632px; margin-top: 10px; padding: 0 0 10px 10px; text-align: center; border-top: solid 1px #dce3b2; border-bottom: solid 1px #dce3b2; -webkit-transition: 0.25s ease-out all; -moz-transition: 0.25s ease-out all; -o-transition: 0.25s ease-out all; transition: 0.25s ease-out all; } .menu-new > li > ul a{ text-decoration: none; } .menu-new > li > ul a:hover{ text-decoration: none; color: #afc242; } .menu-new > li > ul:before{ position: absolute; left: 0; top: -10px; width: 100%; height: 11px; content: ' '; } .menu-new > li:hover > ul{ visibility: visible; opacity: 1; } .menu-new > li > ul > li{ display: inline-block; float: none; width: 108px; /* height: 156px;*/ margin: 10px 10px 0 0; vertical-align: top; } .menu-new > li > ul > li span{ overflow: hidden; display: block; width: 108px; height: 108px; font-size: 0; line-height: 0; } .menu-new > li > ul > li span img{ max-width: 100%; width: 100%; height: auto !important; } /* test*/ .menu-new > li > ul > li span img { -moz-transition: all .25s ease-out; -o-transition: all .25s ease-out; -webkit-transition: all .25s ease-out; transition: 0.25s all ease-out; } .menu-new > li > ul > li span img:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } /* /test*/ /* End */ /* Start:/bitrix/components/bisexpert/owlslider/theme/owl.carousel.css?14212394411476*/ /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(/bitrix/components/bisexpert/owlslider/theme/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* End */ /* Start:/bitrix/components/bisexpert/owlslider/theme/owl.theme.css?14212394413942*/ /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } .owl-main-wrap .owl-theme--arrows .owl-controls .owl-buttons div { display: none; position: absolute; top: 50%; border-radius: 0; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; padding: 0; margin: -28px 0 0 0; width: 56px; height: 58px; color: transparent; text-indent: -9999em; } .owl-main-wrap:hover .owl-theme--arrows .owl-controls .owl-buttons div { display: block; } .owl-theme--arrows .owl-controls .owl-buttons .owl-prev { left: 0; background: url("/bitrix/components/bisexpert/owlslider/theme/slider-arrow-left.png") no-repeat; } .owl-theme--arrows .owl-controls .owl-buttons .owl-next { right: 0; background: url("/bitrix/components/bisexpert/owlslider/theme/slider-arrow-right.png") no-repeat; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1 !important; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(/bitrix/components/bisexpert/owlslider/theme/AjaxLoader.gif) no-repeat center center } /* component fix*/ .owl-main-wrap { position: relative; display: table; table-layout: fixed; width: 100%; } .owl-main-wrap__inner { padding: 0; } .owl-carousel__item-link { display: block; } .owl-main-wrap .owl-theme--responsive .adaptive-img { display: block; max-width: 100%; height: auto; } .owl-main-wrap .owl-theme--center .adaptive-img { margin: 0 auto; } .owl-carousel__item-descr { position: absolute; width: 100%; padding: 8px 10px 10px; background: rgba(0,0,0,0.7); left: 0; bottom: 0; font-size: 16px; color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition-property: padding-bottom; -webkit-transition-duration: .3s; -moz-transition: padding-bottom .3s; -o-transition: padding-bottom .3s; transition: padding-bottom .3s; } .owl-main-wrap:hover .owl-carousel__item-descr { padding-bottom: 24px; } .owl-carousel__object-item { position: relative; } .owl-carousel__object-item__link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .owl-carousel__object-item figure { display: block; } .owl-dev-link { display: block; color: rgba(126, 126, 126, 0.7); font-size: 10px; text-decoration: none; text-align: right; } .owl-main-wrap:hover .owl-dev-link:hover { color: rgba(141, 173, 255, 1); text-decoration: underline; } /* media query */ @media screen and (max-width: 560px) { .owl-main-wrap .owl-theme--arrows .owl-controls .owl-buttons div { display: none; } .owl-carousel__item-descr { display: none; } } /* End */ /* Start:/bitrix/components/bisexpert/owlslider/theme/owl.transitions.css?142123944132820*/ /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* ================================= */ /* Transitions ported from codedrops */ /* ================================= */ /* ========= */ /* SoftScale */ /* ========= */ .owl-softScale-next-out { -webkit-animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); } .owl-softScale-next-in { -webkit-animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); } .owl-softScale-prev-out { -webkit-animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); } .owl-softScale-prev-in { -webkit-animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); } @-webkit-keyframes scaleUp { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: scale(1.2); opacity: 0; } } @keyframes scaleUp { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } @-webkit-keyframes scaleDownUp { from { opacity: 0; -webkit-transform: scale(0.9); } to { opacity: 1; -webkit-transform: scale(1); } } @keyframes scaleDownUp { from { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes scaleDown { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { opacity: 0; -webkit-transform: scale(0.9); } } @keyframes scaleDown { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } } @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.2); } to { opacity: 1; -webkit-transform: scale(1); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.2); transform: scale(1.2); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } /* Press away */ /************ */ .owl-pressAway-next-out { -webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); } .owl-pressAway-next-in { opacity: 1; -webkit-animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); } .owl-pressAway-prev-out { -webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); } .owl-pressAway-prev-in { opacity: 1; -webkit-animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); } @-webkit-keyframes slideOutScaleRight { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: translateX(100%) scale(0.9); opacity: 0; } } @keyframes slideOutScaleRight { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: translateX(100%) scale(0.9); transform: translateX(100%) scale(0.9); opacity: 0; } } @-webkit-keyframes slideInFromLeft { from { -webkit-transform: translateX(-100%); } to { -webkit-transform: translateX(0); } } @keyframes slideInFromLeft { from { -webkit-transform: translateX(-100%); transform: translateX(-100%); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideOutScaleLeft { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: translateX(-100%) scale(0.9); opacity: 0; } } @keyframes slideOutScaleLeft { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: translateX(-100%) scale(0.9); transform: translateX(-100%) scale(0.9); opacity: 0; } } @-webkit-keyframes slideInFromRight { from { -webkit-transform: translateX(100%); } to { -webkit-transform: translateX(0); } } @keyframes slideInFromRight { from { -webkit-transform: translateX(100%); transform: translateX(100%); } to { -webkit-transform: translateX(0); transform: translateX(0); } } /* Side Swing */ /*****************************************/ .owl-sideSwing-next-out { -webkit-animation: slideOutScaleRight 1.2s forwards; animation: slideOutScaleRight 1.2s forwards; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); /* older webkit */ -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1); animation-timing-function: cubic-bezier(1, -0.2, 0, 1); } .owl-sideSwing-next-in { opacity: 1; -webkit-animation: slideInFromLeft 1.2s forwards; animation: slideInFromLeft 1.2s forwards; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); /* older webkit */ -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1); animation-timing-function: cubic-bezier(1, -0.2, 0, 1); } .owl-sideSwing-prev-out { -webkit-animation: slideOutScaleLeft 1.2s forwards; animation: slideOutScaleLeft 1.2s forwards; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); /* older webkit */ -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1); animation-timing-function: cubic-bezier(1, -0.2, 0, 1); } .owl-sideSwing-prev-in { opacity: 1; -webkit-animation: slideInFromRight 1.2s forwards; animation: slideInFromRight 1.2s forwards; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); /* older webkit */ -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1); animation-timing-function: cubic-bezier(1, -0.2, 0, 1); } /* Fortune wheel */ /*************** */ .fxFortuneWheel .itemwrap { -webkit-perspective: 1600px; perspective: 1600px; } .owl-fortuneWheel-next-out { -webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); } .owl-fortuneWheel-next-in { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: rotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); } .owl-fortuneWheel-prev-out { -webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); } .owl-fortuneWheel-prev-in { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: rotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: rotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); } @-webkit-keyframes rotateInFromLeft { from { -webkit-transform: translateX(-100%) rotateY(-55deg); } to { -webkit-transform: translateX(0) rotateY(0deg); opacity: 1; } } @keyframes rotateInFromLeft { from { -webkit-transform: translateX(-100%) rotateY(-55deg); transform: translateX(-100%) rotateY(-55deg); } to { -webkit-transform: translateX(0) rotateY(0deg); transform: translateX(0) rotateY(0deg); opacity: 1; } } @-webkit-keyframes rotateInFromRight { from { -webkit-transform: translateX(100%) rotateY(55deg); } to { -webkit-transform: translateX(0) rotateY(0deg); opacity: 1; } } @keyframes rotateInFromRight { from { -webkit-transform: translateX(100%) rotateY(55deg); transform: translateX(100%) rotateY(55deg); } to { -webkit-transform: translateX(0) rotateY(0deg); transform: translateX(0) rotateY(0deg); opacity: 1; } } /* Push reveal */ /***************/ .owl-reveal-next-out { opacity: 1; -webkit-animation: slideOutBottom 0.7s forwards ease-in-out; animation: slideOutBottom 0.7s forwards ease-in-out; z-index: 1000; } .owl-reveal-next-in { opacity: 1; -webkit-animation: slideInHalfFromTop 0.7s forwards ease-in-out; animation: slideInHalfFromTop 0.7s forwards ease-in-out; z-index: 1001; } .owl-reveal-prev-out { opacity: 1; -webkit-animation: slideOutHalfTop 0.7s forwards ease-in-out; animation: slideOutHalfTop 0.7s forwards ease-in-out; z-index: 1000; } .owl-reveal-prev-in { opacity: 1; z-index: 1001; -webkit-animation: slideInFromBottom 0.7s forwards ease-in-out; animation: slideInFromBottom 0.7s forwards ease-in-out; } @-webkit-keyframes slideOutBottom { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: translateY(100%); } } @keyframes slideOutBottom { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes slideInHalfFromTop { from { -webkit-transform: translateY(-50%); } to { -webkit-transform: translateY(0); } } @keyframes slideInHalfFromTop { from { -webkit-transform: translateY(-50%); transform: translateY(-50%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideOutHalfTop { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: translateY(-50%); } } @keyframes slideOutHalfTop { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @-webkit-keyframes slideInFromBottom { from { -webkit-transform: translateY(100%); } to { -webkit-transform: translateY(0); } } @keyframes slideInFromBottom { from { -webkit-transform: translateY(100%); transform: translateY(100%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } /* Snap in */ /***********/ .owl-snapIn-next-out { -webkit-animation: slideOutLeft 0.5s forwards ease-in; animation: slideOutLeft 0.5s forwards ease-in; } .owl-snapIn-next-in { z-index: 1001; opacity: 1; -webkit-animation: slideFromRightFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideFromRightFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1); } .owl-snapIn-prev-out { -webkit-animation: slideOutRight 0.5s forwards ease-in; animation: slideOutRight 0.5s forwards ease-in; } .owl-snapIn-prev-in { z-index: 1001; opacity: 1; -webkit-animation: slideFromLeftFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideFromLeftFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1); } .owl-snapIn-next-out::after, .owl-snapIn-next-in::after, .owl-snapIn-prev-out::after, .owl-snapIn-prev-in::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; background-color: rgba(0,0,0,0.8); transition: opacity 0.4s 0.1s ease-in; } .owl-snapIn-prev-out::after, .owl-snapIn-next-out::after { opacity: 1; } @-webkit-keyframes slideOutLeft { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: translateX(-10%); } } @keyframes slideOutLeft { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: translateX(-10%); transform: translateX(-10%); } } @-webkit-keyframes slideFromRightFast { 0%,50% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0%); } } @keyframes slideFromRightFast { 0%,50% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes slideOutRight { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: translateX(10%); } } @keyframes slideOutRight { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: translateX(10%); transform: translateX(10%); } } @-webkit-keyframes slideFromLeftFast { 0%,50% { -webkit-transform: translateX(-100%); } 100% { -webkit-transform: translateX(0%); } } @keyframes slideFromLeftFast { 0%,50% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } /* Let me in */ /*************/ .owl-letMeIn-next-out { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: rotateOutRight 0.5s forwards ease-in-out; animation: rotateOutRight 0.5s forwards ease-in-out; } .owl-letMeIn-next-in { z-index: 1001; opacity: 1; -webkit-animation: slideFromRightFast 0.5s forwards ease; animation: slideFromRightFast 0.5s forwards ease; } .owl-letMeIn-prev-out { -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-animation: rotateOutLeft 0.5s forwards ease-in-out; animation: rotateOutLeft 0.5s forwards ease-in-out; } .owl-letMeIn-prev-in { z-index: 1001; opacity: 1; -webkit-animation: slideFromLeftFast 0.5s forwards ease; animation: slideFromLeftFast 0.5s forwards ease; } .owl-letMeIn-next-out::after, .owl-letMeIn-next-in::after, .owl-letMeIn-prev-out::after, .owl-letMeIn-prev-in::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; background-color: rgba(0,0,0,0.6); transition: opacity 0.5s ease-in-out; } .owl-letMeIn-prev-out::after, .owl-letMeIn-next-out::after { opacity: 1; } @-webkit-keyframes rotateOutRight { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: rotateY(10deg); } } @keyframes rotateOutRight { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: rotateY(10deg); transform: rotateY(10deg); } } @-webkit-keyframes rotateOutLeft { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: rotateY(-10deg); } } @keyframes rotateOutLeft { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: rotateY(-10deg); transform: rotateY(-10deg); } } /* Stick it */ /************/ .owl-stickIt-next-out { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: rotateBottomSideOut 0.8s forwards ease-in; animation: rotateBottomSideOut 0.8s forwards ease-in; } .owl-stickIt-next-in { z-index: 1001; opacity: 1; -webkit-animation: slideInFromBottomDelayed 0.8s forwards; animation: slideInFromBottomDelayed 0.8s forwards; } .owl-stickIt-prev-out { opacity: 1; -webkit-animation: slideOutToBottom 0.8s forwards; animation: slideOutToBottom 0.8s forwards; } .owl-stickIt-prev-in { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in; animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in; } @-webkit-keyframes rotateBottomSideOut { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ 40% { -webkit-transform: rotateX(-15deg); -webkit-animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform: scale(0.8) translateZ(-200px); } } @keyframes rotateBottomSideOut { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ 40% { -webkit-transform: rotateX(-15deg); transform: rotateX(-15deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px); } } @-webkit-keyframes slideInFromBottomDelayed { 0%, 30% { -webkit-transform: translateY(100%); } 100% { -webkit-transform: translateY(0); } } @keyframes slideInFromBottomDelayed { 0%, 30% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes rotateBottomSideIn { 0% { opacity: 0; -webkit-transform: scale(0.8) translateZ(-200px); } 60% { -webkit-transform: scale(1) translateZ(0) rotateX(-15deg); -webkit-animation-timing-function: ease-out; } 100% { opacity: 1; -webkit-transform: scale(1) translateZ(0) rotateX(0deg); } } @keyframes rotateBottomSideIn { 0% { opacity: 0; -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px); } 60% { -webkit-transform: scale(1) translateZ(0) rotateX(-15deg); transform: scale(1) translateZ(0) rotateX(-15deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 1; -webkit-transform: scale(1) translateZ(0) rotateX(0deg); transform: scale(1) translateZ(0) rotateX(0deg); } } @-webkit-keyframes slideOutToBottom { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: translateY(100%); } } @keyframes slideOutToBottom { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: translateY(100%); transform: translateY(100%); } } /* Archive me */ /**************/ .owl-archiveMe-next-out { -webkit-animation: scaleHalfDown 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scaleHalfDown 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1); } .owl-archiveMe-next-in { z-index: 1001; opacity: 1; -webkit-animation: slideInFromBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideInFromBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1); } .owl-archiveMe-prev-out { -webkit-animation: slideOutToBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideOutToBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1); } .owl-archiveMe-prev-in { -webkit-animation: scaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1); } .owl-archiveMe-next-out::before, .owl-archiveMe-next-in::before, .owl-archiveMe-prev-out::before, .owl-archiveMe-prev-in::before, .owl-archiveMe-next-out::after, .owl-archiveMe-next-in::after, .owl-archiveMe-prev-out::after, .owl-archiveMe-prev-in::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-color: rgba(0,0,0,0.7); transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1); } .owl-archiveMe-next-out::after, .owl-archiveMe-next-in::after, .owl-archiveMe-prev-out::after, .owl-archiveMe-prev-in::after, .owl-archiveMe-next-out::after,::before { opacity: 1; } .owl-archiveMe-next-out::before, .owl-archiveMe-next-in::before, .owl-archiveMe-prev-out::before, .owl-archiveMe-prev-in::before, /*.fxArchiveMe li.current::after,*/ .owl-archiveMe-next-in::after, .owl-archiveMe-prev-in::after { opacity: 0; } .owl-archiveMe-next-in::after { transition: none; } @-webkit-keyframes scaleHalfDown { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: scale(0.6); opacity: 0; } } @keyframes scaleHalfDown { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; } } @-webkit-keyframes scaleHalfUp { from { opacity: 0; -webkit-transform: scale(0.6); } to { opacity: 1; -webkit-transform: scale(1); } } @keyframes scaleHalfUp { from { opacity: 0; -webkit-transform: scale(0.6); transform: scale(0.6); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } /*****************************************/ /* Slide Behind */ /* From https://github.com/hakimel/kontext by Hakim El Hattab, http://hakim.se */ /*****************************************/ .owl-slideBehind-next-out { -webkit-animation: hideLeft 0.8s forwards; animation: hideLeft 0.8s forwards; } .owl-slideBehind-next-in { -webkit-animation: showRight 0.8s forwards; animation: showRight 0.8s forwards; } .owl-slideBehind-prev-out { -webkit-animation: hideRight 0.8s forwards; animation: hideRight 0.8s forwards; } .owl-slideBehind-prev-in { -webkit-animation: showLeft 0.8s forwards; animation: showLeft 0.8s forwards; } @-webkit-keyframes hideLeft { 0% { -webkit-transform: translateZ( 0px ); } 40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); z-index: 9999; } 100% { opacity: 1; -webkit-transform: translateZ( -400px ); } } @keyframes hideLeft { 0% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); } 40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); z-index: 9999; } 100% { opacity: 1; -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); } } @-webkit-keyframes showRight { 0% { -webkit-transform: translateZ( -400px ); opacity: 1; } 40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; } 41% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; z-index: 9999; } 100% { -webkit-transform: translateZ( 0px ); opacity: 1; z-index: 9999; } } @keyframes showRight { 0% { -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); opacity: 1; } 40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; } 41% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; z-index: 9999; } 100% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); opacity: 1; z-index: 9999; } } @-webkit-keyframes hideRight { 0% { -webkit-transform: translateZ( 0px ); } 40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); z-index: 9999; } 100% { opacity: 1; -webkit-transform: translateZ( -400px ); } } @keyframes hideRight { 0% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); } 40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); z-index: 9999; } 100% { opacity: 1; -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); } } @-webkit-keyframes showLeft { 0% { -webkit-transform: translateZ( -400px ); opacity: 1; } 40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; } 41% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; z-index: 9999; } 100% { -webkit-transform: translateZ( 0px ); opacity: 1; z-index: 9999; } } @keyframes showLeft { 0% { -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); opacity: 1; } 40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; } 41% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; z-index: 9999; } 100% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); opacity: 1; z-index: 9999; } } /****************/ /* Cliff diving */ /****************/ .owl-cliffDiving-next-out, .owl-cliffDiving-next-in .owl-cliffDiving-prev-out, .owl-cliffDiving-prev-in { -webkit-transform-origin: 50% 400%; transform-origin: 50% 400%; } .owl-cliffDiving-next-out { opacity: 1; -webkit-animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); } .owl-cliffDiving-next-in { opacity: 1; -webkit-animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); } .owl-cliffDiving-prev-out { opacity: 1; -webkit-animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); } .owl-cliffDiving-prev-in { opacity: 1; -webkit-animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); } .fxCliffDiving li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; background-color: rgba(0,0,0,1); transition: opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1); } .fxCliffDiving .navOutPrev::after, .fxCliffDiving .navOutNext::after { opacity: 1; } @-webkit-keyframes rotateOutCircLeft { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: rotate(-20deg) translateX(-100%); } } @keyframes rotateOutCircLeft { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: rotate(-20deg) translateX(-100%); transform: rotate(-20deg) translateX(-100%); } } @-webkit-keyframes rotateInCircRight { from { -webkit-transform: rotate(20deg) translateX(100%); } to { -webkit-transform: rotate(0deg) translateX(0); } } @keyframes rotateInCircRight { from { -webkit-transform: rotate(20deg) translateX(100%); transform: rotate(20deg) translateX(100%); } to { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } } @-webkit-keyframes rotateOutCircRight { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: rotate(20deg) translateX(100%); } } @keyframes rotateOutCircRight { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { -webkit-transform: rotate(20deg) translateX(100%); transform: rotate(20deg) translateX(100%); } } @-webkit-keyframes rotateInCircLeft { from { -webkit-transform: rotate(-20deg) translateX(-100%); } to { -webkit-transform: rotate(0deg) translateX(0); } } @keyframes rotateInCircLeft { from { -webkit-transform: rotate(-20deg) translateX(-100%); transform: rotate(-20deg) translateX(-100%); } to { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } } /* End */ /* /bitrix/templates/wg_fix/styles.css?158167233720612 */ /* /bitrix/templates/wg_fix/menu.css?15395853272102 */ /* /bitrix/components/bisexpert/owlslider/theme/owl.carousel.css?14212394411476 */ /* /bitrix/components/bisexpert/owlslider/theme/owl.theme.css?14212394413942 */ /* /bitrix/components/bisexpert/owlslider/theme/owl.transitions.css?142123944132820 */